/*logo text color SL*/
/*@navbar-background: #202a42;*/
/*@navbar-custom-margin-left: 0;*/
/* ----------------------------------
SmartLearn Default Stylesheet
----------------------------------
Table of Contents
      
    Variable overrides
    Mixins and Shortcuts 
    Reset
    Bootstrap Overrides
    Default Overrides
    Menu Overrides
    Shopping Cart Overrides
    Typography
    Icons
    Buttons
    Header
    Blog / RSS
    Footer
*/
.d-none {
  display: none !important;
}
/*#region Variable overrides */
/*#endregion */
/*#region MIXINS AND SHORTCUTS  */
.sl-active-courses-table > tfoot {
  display: none;
}
.seats-available,
.course-completed {
  color: green;
}
.waiting-list,
.course-started {
  color: #ffd200;
}
.removeAlertIcon {
  float: right;
}
.removeAlertIcon:hover {
  cursor: pointer;
}
.no-seats-available {
  color: red;
}
.overlappingDates {
  color: red;
}
.badge .status-light {
  height: 15px;
  width: 15px;
}
.completed-text,
.completed-status-light {
  display: inline-block;
  vertical-align: middle;
}
.course-not-started {
  color: #cccccc;
}
.nowrap-whitespace {
  white-space: nowrap;
}
.alert.alert-small {
  margin-bottom: 1px;
  height: 25px;
  line-height: 30px;
  padding: 5px 10px;
}
.gutter-2x {
  padding-left: 30px;
  padding-right: 30px;
}
.gutter-3x {
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 991px) {
  .gutter-2x,
  .gutter-3x {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.disable-click {
  pointer-events: none;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-inline {
  display: inline;
}
.vertical-align-none {
  vertical-align: 0 !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.modal-90pc {
  width: 90%;
}
@media (min-width: 992px) {
  .modal-xl {
    width: 900px;
  }
}
@media (min-width: 1024px) {
  .modal-xl {
    width: 1000px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    width: 1120px;
  }
}
/*#endregion */
/*#region PAGE CONSTRUCTION*/
html {
  height: 100%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  height: 100%;
  background-color: #fff;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  color: #222222;
  -webkit-font-smoothing: antialiased;
}
.body-content {
  padding: 0 30px 80px 30px;
  background-image: none;
  background-color: #fff;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .body-content {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*@media (max-width: 768px) {
    .body-content {
        padding-top: 100px;
    }
}*/
/*@media (max-width: 400px) {
    .body-content {
        padding-left: 15px;
        padding-right: 3px;
    }
}*/
.container .text-muted {
  margin: 20px 0;
}
.navbar-fixed-bottom-custom,
.footer {
  height: 60px;
  /** To edit this background, follow this link:
    http://svgeneration.com/generate/Shadowbox?background=1d263d&boxes=2a456e&box-density=2.51&box-size=10&
    */
  background-color: #1d263d;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzQwMCcgaGVpZ2h0PSc0MDAnPgoJPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2ZpbHRlcjMxMTUnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgbnVtT2N0YXZlcz0nMScgYmFzZUZyZXF1ZW5jeT0nMC45JyBpZD0nZmVUdXJidWxlbmNlMzExNycgLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSdyZXN1bHQ1JyB2YWx1ZXM9JzEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDYgLTQuNDQ4ICcgaWQ9J2ZlQ29sb3JNYXRyaXgzMTE5JyAvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSdyZXN1bHQ1JyBvcGVyYXRvcj0naW4nIGluPSdTb3VyY2VHcmFwaGljJyByZXN1bHQ9J3Jlc3VsdDYnIGlkPSdmZUNvbXBvc2l0ZTMxMjEnIC8+CgkJCTxmZU1vcnBob2xvZ3kgaW49J3Jlc3VsdDYnIG9wZXJhdG9yPSdkaWxhdGUnIHJhZGl1cz0nMTAnIHJlc3VsdD0ncmVzdWx0MycgaWQ9J2ZlTW9ycGhvbG9neTMxMjMnIC8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4PScwJyB5PScwJyBpZD0ncmVjdDI5ODUnIGZpbGw9JyMxZDI2M2QnLz4gICAgIAoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgeD0nMCcgeT0nMCcgaWQ9J3JlY3QyOTg1JyBzdHlsZT0nZmlsbDojMmE0NTZlO2ZpbHRlcjp1cmwoI2ZpbHRlcjMxMTUpJyAvPgo8L3N2Zz4=');
  background-repeat: no-repeat;
  background-size: 600px;
  border-top: 1px solid #ccc;
}
.navbar-fixed-bottom-custom .navbar-text {
  font-size: 14px;
  color: #fff;
}
.navbar-fixed-bottom-custom .navbar-btn {
  margin-top: 15px;
}
/*#endregion*/
/*#region TYPOGRAPHY (DEFAULT and MOBILE) */
a {
  color: #3e5a83;
}
a:hover,
a:focus {
  color: #25364f;
  text-decoration: underline;
}
a .icon,
a .fa {
  text-decoration: none;
}
h5 {
  font-size: 16px;
  font-weight: bold;
}
.employeeDetails {
  max-width: 240px;
}
.text-overflow-ellipsis {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text-outline-max-width-150px {
  max-width: 150px;
  padding: 2px 4px;
  background-color: transparent;
  color: #222222;
  border: 1px solid #d3d3d3;
  margin: 1px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text-outline-max-width-200px {
  max-width: 150px;
  padding: 2px 4px;
  background-color: transparent;
  color: #222222;
  border: 1px solid #d3d3d3;
  margin: 1px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
}
.text-outline-max-width-250px {
  max-width: 150px;
  padding: 2px 4px;
  background-color: transparent;
  color: #222222;
  border: 1px solid #d3d3d3;
  margin: 1px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
}
/*.popover {
    white-space: pre-wrap !important;
}*/
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-help {
  cursor: help !important;
}
.cursor-move {
  cursor: move !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.border-danger {
  border-color: #d9534f !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.list-group-item > .no-badge {
  float: right;
  max-width: 150px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*	--------------------------------------------------
:: TYPOGRAPHY for - SMALL DEVICES 43.75em = 700px and smaller 
------------------------------------------------------ */
@media (max-width: 767px) {
  h1 {
    font-size: 2em;
    letter-spacing: -1px;
    line-height: 1.25;
    margin-top: 0.9375em;
    margin-bottom: 0.3125em;
  }
  h2 {
    font-size: 1.625em;
    line-height: 1.15384615;
    margin-top: 1.15384616em;
    margin-bottom: 0.38461539em;
  }
  h3 {
    font-size: 1.375em;
    line-height: 1.13636364;
    margin-top: 1.36363637em;
    margin-bottom: 0.45454546em;
  }
  h4 {
    font-size: 1.125em;
    line-height: 1.11111111;
    margin-top: 1.66666667em;
    margin-bottom: 0.55555556em;
  }
  .text-overflow-ellipsis {
    max-width: 140px;
  }
}
/*#endregion */
/*#region MARGIN and PADDING CLASSES*/
.margin-none {
  margin: 0 !important;
}
.margin-xs {
  margin: 5px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-sm {
  margin: 15px !important;
}
.margin-md {
  margin: 30px !important;
}
.margin-lg {
  margin: 45px !important;
}
.margin-top {
  margin: 100px !important;
}
.margin-top-none {
  margin-top: 0 !important;
}
.margin-top-xs {
  margin-top: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-sm {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-md {
  margin-top: 30px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-top-lg {
  margin-top: 45px !important;
}
.margin-top-100 {
  margin-top: 100px !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margin-bottom-xs {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-sm {
  margin-bottom: 15px !important;
}
.margin-bottom-md {
  margin-bottom: 30px !important;
}
.margin-bottom-lg {
  margin-bottom: 45px !important;
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}
.margin-left-none {
  margin-left: 0 !important;
}
.margin-left-xs {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-sm {
  margin-left: 15px !important;
}
.margin-left-md {
  margin-left: 30px !important;
}
.margin-left-lg {
  margin-left: 45px !important;
}
.margin-left-100 {
  margin-left: 100px !important;
}
.margin-right-none {
  margin-right: 0 !important;
}
.margin-right-xs {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-sm {
  margin-right: 15px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-md {
  margin-right: 30px !important;
}
.margin-right-lg {
  margin-right: 45px !important;
}
.margin-right-100 {
  margin-right: 100px !important;
}
.padding-none {
  padding: 0 !important;
}
.padding-xs {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-sm {
  padding: 15px !important;
}
.padding-md {
  padding: 30px !important;
}
.padding-lg {
  padding: 45px !important;
}
.padding-top-none {
  padding-top: 0 !important;
}
.padding-top-xs {
  padding-top: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-sm {
  padding-top: 15px !important;
}
.padding-top-md {
  padding-top: 30px !important;
}
.padding-top-lg {
  padding-top: 45px !important;
}
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.padding-bottom-xs {
  padding-bottom: 5px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-sm {
  padding-bottom: 15px !important;
}
.padding-bottom-md {
  padding-bottom: 30px !important;
}
.padding-bottom-lg {
  padding-bottom: 45px !important;
}
.padding-left-none {
  padding-left: 0 !important;
}
.padding-left-xs {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-sm {
  padding-left: 15px !important;
}
.padding-left-md {
  padding-left: 30px !important;
}
.padding-left-lg {
  padding-left: 45px !important;
}
.padding-right-none {
  padding-right: 0 !important;
}
.padding-right-xs {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-sm {
  padding-right: 15px !important;
}
.padding-right-md {
  padding-right: 30px !important;
}
.padding-right-lg {
  padding-right: 45px !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.font-size-1_5-em {
  font-size: 1.5em !important;
}
table.font-size-1_5-em > thead > tr > th {
  font-size: 1.5em !important;
}
/*table.font-size-1_5-em > tbody > tr > td {
    font-size: 1.5em !important;
}*/
.font-size-2-em {
  font-size: 2em !important;
}
table.font-size-2-em > thead > tr > th {
  font-size: 2em !important;
}
/*table.font-size-2-em > tbody > tr > td {
    font-size: 2em !important;
}*/
.font-weight-normal {
  font-weight: normal !important;
}
.font-weight-bold {
  font-weight: bold !important;
}
.width-100-px {
  width: 100px !important;
}
.width-150-px {
  width: 150px !important;
}
.width-200-px {
  width: 200px !important;
}
.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
  -ms-word-wrap: break-word;
}
/* Make terms and descriptions in <dl> line up side-by-side. Starts off stacked like default <dl>s, but when the navbar expands, so do these.*/
/* Use "dl-spacious" IN ADDITION to BOOTSTRAP "dl-horizontal" for a responsive list with good more room under each description list item*/
.dl-spacious dd,
dl-spacious dt {
  line-height: 2;
}
/*#endregion */
/*#region FORMS*/
.form-control-custom {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.smartlearn-form label {
  /*margin: 10px 0 3px 3px;*/
  /*margin: @smartlearn-form-label-margin;*/
  font-size: 14px;
  color: #656565;
}
.smartlearn-form .fa.fa-info-circle {
  padding-top: 7px;
}
/*.smartlearn-form .form-control,
#loginDiv .modal-content .modal-body .form-control {
    display: block;
    width: 100%;
    margin-bottom: 0;
    height: 40px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    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,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}*/
.smartlearn-form .col-sm-6,
.smartlearn-form .col-md-6,
.smartlearn-form .col-sm-12,
.smartlearn-form .col-md-12 {
  margin-bottom: 15px;
}
.course-statistics-form {
  height: auto !important;
  height: 100%;
  min-height: 655px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.smartlearn-form .divLeft {
  margin-bottom: 80px;
}
/*label {
    margin-top: 10px;
    margin-bottom: 5px;
}*/
.form-inline input[type=radio] {
  margin-right: 10px;
}
.form-inline .form-horizontal .form-group {
  display: block;
  vertical-align: top;
  margin-bottom: 15px;
  margin-right: -15px;
  margin-left: -15px;
}
.form-inline .form-horizontal .form-group:before,
.form-inline .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-inline .form-horizontal .form-group:after {
  clear: both;
}
.form-inline .form-horizontal .form-control {
  display: block;
  width: 100%;
}
.form-inline .form-horizontal .radio label {
  padding-left: 20px;
}
.form-inline .form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (max-width: 991px) {
  .input-group .form-control {
    margin-bottom: 0;
  }
}
/*#endregion */
/*#region IMAGES*/
.sl-img-thumbnail {
  max-width: 200px;
  margin-bottom: 15px;
}
.news-image {
  overflow-x: auto;
}
.news-image img {
  max-width: 100%;
  height: auto;
}
.ad-image img {
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(68, 65, 65, 0.9);
  -moz-box-shadow: 1px 1px 10px 1px rgba(68, 65, 65, 0.9);
  box-shadow: 1px 1px 10px 1px rgba(68, 65, 65, 0.9);
}
/*#endregion */
/*#region NEWSADMIN */
.newsTableFixHead .newsHeader .newsHeaderColumn {
  position: sticky;
  top: 0;
  text-align: center;
}
.newsWell {
  margin-top: 25px;
  padding: 10px;
}
.newsTabEditor {
  border-style: solid;
  border-color: #dfdfdf;
  border-top: none;
  border-width: thin;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 25px;
}
.newsSiteList {
  border-style: solid;
  border-color: silver;
  border-width: thin;
  border-radius: 5px;
  margin-top: 35px;
  padding: 25px;
  padding-top: 35px;
}
.newsSiteListLabel {
  border-style: solid;
  border-color: silver;
  border-width: thin;
  border-radius: 7px;
  position: absolute;
  top: -20px;
  left: 15px;
  background-color: white;
  width: 100px;
  height: 40px;
  text-align: center;
  font-size: large;
  padding-top: 10px;
}
.newsSiteList .newsSiteListElement {
  max-width: 150px;
  display: flex;
}
.newsSiteListElement label {
  text-align: left;
  flex-grow: 1;
}
.newsSiteListElement input {
  margin-right: 13px;
}
.newsSiteListElementIndented {
  display: flex;
  margin-left: 15px;
}
.newsSiteListElementIndented label {
  text-align: left;
  flex-grow: 1;
}
.newsSiteListElementIndented input {
  margin-right: 13px;
}
.NewsRowPublish {
  margin-top: 20px;
}
.newsAttachment {
  padding-top: 24px;
}
.newsAttachmentRow {
  margin-bottom: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dfdfdf;
}
.newsAttachmentTitle {
  display: inline;
  margin-left: 5px;
  margin-top: 0px;
}
.newsAttachmentIcon {
  display: inline;
  margin-top: 3px;
  float: left;
  width: 20px;
}
.newsAttachmentLink {
  display: inline;
  float: right;
}
.newsAttachmentLink:hover {
  cursor: pointer;
}
/*#endregion */
/*#region BUTTONS */
.btn {
  text-decoration: none;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.btn-primary {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #91bc31 0%, #9fcc3a 100%);
  background-image: -o-linear-gradient(top, #91bc31 0%, #9fcc3a 100%);
  background-image: linear-gradient(to bottom, #91bc31 0%, #9fcc3a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91bc31', endColorstr='#ff9fcc3a', GradientType=0);
  background-color: #9fcc3a;
  border-color: #9fcc3a;
}
.btn-primary-custom {
  color: #454545 !important;
  border-color: #9fcc3a;
  background-color: #9fcc3a;
}
.fa-trash.text-danger {
  color: #767676;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #e6e6e6;
  background-color: #9fcc3a;
  background-image: none;
  /*border-color: @btn-primary-border-color;*/
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #e6e6e6;
  background-color: #9fcc3a;
  background-image: none;
  /*border-color: @btn-primary-border-color;*/
}
.btn-primary-custom:hover,
.btn-primary-custom:focus,
.btn-primary-custom.focus {
  color: #2b2b2b;
  background-color: #9fcc3a;
  background-image: none;
  /*border-color: @btn-primary-custom-border-color;*/
}
.btn-primary-custom:active,
.btn-primary-custom.active,
.open > .dropdown-toggle.btn-primary-custom {
  color: #2b2b2b;
  background-color: #9fcc3a;
  background-image: none;
  /*border-color: @btn-primary-custom-border-color;*/
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-primary-custom.disabled,
.btn-primary-custom[disabled],
fieldset[disabled] .btn-primary-custom,
.btn-primary-custom.disabled:hover,
.btn-primary-custom[disabled]:hover,
fieldset[disabled] .btn-primary-custom:hover,
.btn-primary-custom.disabled:focus,
.btn-primary-custom[disabled]:focus,
fieldset[disabled] .btn-primary-custom:focus,
.btn-primary-custom.disabled.focus,
.btn-primary-custom[disabled].focus,
fieldset[disabled] .btn-primary-custom.focus,
.btn-primary-custom.disabled:active,
.btn-primary-custom[disabled]:active,
fieldset[disabled] .btn-primary-custom:active,
.btn-primary-custom.disabled.active,
.btn-primary-custom[disabled].active,
fieldset[disabled] .btn-primary-custom.active {
  background-color: #a9d14e;
  border-color: #9fcc3a;
  color: #fff !important;
  background-image: none;
  opacity: 0.75;
}
.btn-color-code {
  padding: 4px 10px 1px 10px;
}
/*#endregion */
/*#region BUTTON GROUPS */
/* 
     STYLE BTN-GROUP TO MAKE IT STACK VERTICAL WHEN ON MOBILE - applies to icons displayed in PANEL VIEW - Course Room, My Page and Course Catalog

 */
@media (max-width: 767px) {
  /*#courseRoom .btn-group .btn,
    .additionInfoWrapper .btn-group .btn
    {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }*/
  /*#courseRoom .btn-group .btn + .btn,
    #courseRoom .btn-group .btn,
    #courseRoom .btn-group + .btn,
    #courseRoom .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }*/
  /*#courseRoom .btn-group .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }*/
  /*#courseRoom .btn-group .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }*/
  /*#courseRoom .btn-group .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }*/
  /*#courseRoom .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }*/
  /*#courseRoom .btn-group:first-child:not(:last-child) > .btn:last-child,
    #courseRoom .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }*/
  /*#courseRoom .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }*/
  /*.additionInfoWrapper .btn-group .btn {
        font-size: 18px;
        font-weight: normal;
        cursor: help;
        background-image: none;
        background-color: #fff !important;
        border: @default-border !important;
        border-radius: 4px;
        color: @link-color;
    }*/
}
/*#endregion */
/*#region NAVBAR-HEADER */
.navbar-custom {
  margin-bottom: 0;
  height: 100px;
  /** To edit this background, follow this link:
    http://svgeneration.com/generate/Shadowbox?background=ffffff&boxes=d4dbe6&box-density=2.77&box-size=10&
    */
  background-color: #ffffff;
  background-repeat: repeat-x;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzQwMCcgaGVpZ2h0PSc0MDAnPgoJPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2ZpbHRlcjMxMTUnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgbnVtT2N0YXZlcz0nMScgYmFzZUZyZXF1ZW5jeT0nMC45JyBpZD0nZmVUdXJidWxlbmNlMzExNycgLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSdyZXN1bHQ1JyB2YWx1ZXM9JzEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDYgLTQuMzk2ICcgaWQ9J2ZlQ29sb3JNYXRyaXgzMTE5JyAvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSdyZXN1bHQ1JyBvcGVyYXRvcj0naW4nIGluPSdTb3VyY2VHcmFwaGljJyByZXN1bHQ9J3Jlc3VsdDYnIGlkPSdmZUNvbXBvc2l0ZTMxMjEnIC8+CgkJCTxmZU1vcnBob2xvZ3kgaW49J3Jlc3VsdDYnIG9wZXJhdG9yPSdkaWxhdGUnIHJhZGl1cz0nMTAnIHJlc3VsdD0ncmVzdWx0MycgaWQ9J2ZlTW9ycGhvbG9neTMxMjMnIC8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4PScwJyB5PScwJyBpZD0ncmVjdDI5ODUnIGZpbGw9JyNmZmZmZmYnLz4gICAgIAoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgeD0nMCcgeT0nMCcgaWQ9J3JlY3QyOTg1JyBzdHlsZT0nZmlsbDojZDRkYmU2O2ZpbHRlcjp1cmwoI2ZpbHRlcjMxMTUpJyAvPgo8L3N2Zz4=');
  background-size: 500px;
  background-position: left bottom;
  border-bottom: 2px solid #cbd1db;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*.navbar-custom .dropdown-menu {
    background-color: @navbar-custom-dropdown-menu-bg-color;
    background-image: @navbar-custom-dropdown-menu-bg-image;
    background-repeat: @navbar-custom-dropdown-menu-bg-repeat;
}*/
.navbar-custom .navbar-left {
  margin-top: 47px;
  /*margin-left: @navbar-custom-margin-left;*/
}
.navbar-custom .navbar-right {
  margin-top: 47px;
}
.navbar-nav.navbar-right:last-child {
  margin-right: 15px;
}
.navbar-custom .navbar-right .navbar-btn {
  /*margin-left: 5px;*/
  margin-top: 0;
}
.navbar-custom .navbar-text {
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  height: 20px;
  color: #666;
  font-size: 13px;
  margin: 15px 15px 15px 15px;
}
.navbar-brand-custom {
  /* LOGO */
  display: block;
  float: left;
  width: 200px;
  height: 100px;
  margin: 0px 15px 0 15px !important;
  background-image: url(_smartlearn/Images/smartlearn-logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.textSizeButton {
  padding-top: 5px;
  padding-bottom: 5px;
}
.textSizeBox {
  position: absolute;
  display: none;
  top: 105px;
  right: 2%;
  width: 96%;
  height: auto;
  margin: 0;
  border: 2px solid #999;
  background: #fff;
  z-index: 5001;
}
.textSizeBox .text {
  margin: 50px;
  font-size: 36px;
  line-height: 1.5em;
  letter-spacing: 2pt;
  white-space: normal;
}
.textSizeBox .text h2 {
  font-size: 50px;
  margin-bottom: 30px;
}
.navbar-custom .navbar-nav .main-menu,
.navbar-custom .navbar-nav .main-menu-dropdown {
  margin-left: 3px;
  margin-right: 3px;
}
.navbar-custom .navbar-nav .logoutButtonWrapper {
  margin-left: 5px;
}
.navbar-custom .navbar-nav .sub-menu {
  margin: 3px;
}
.navbar-custom .navbar-nav .main-menu a,
.navbar-custom .navbar-nav .main-menu-dropdown a {
  line-height: 30px;
  margin: 0;
  padding: 0 15px;
  text-decoration: none;
  color: #3e5a83;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  font-weight: normal;
}
/*.navbar-custom .navbar-nav .main-menu-dropdown a {
    color: @menu-dropdown-color;
    border: @menu-dropdown-border; // 1px solid transparent;
    background-color: @menu-dropdown-bg-color;
}*/
/*.navbar-custom .navbar-nav .dropdown-menu {
    background-color: @menu-dropdown-bg-color; // @navbar-custom-dropdown-menu-bg-color;
    background-image: @menu-dropdown-bg-image; // @navbar-custom-dropdown-menu-bg-image;
    background-repeat: @menu-dropdown-bg-image-repeat; // @navbar-custom-dropdown-menu-bg-repeat;
    border: @menu-dropdown-border;
    margin: @menu-dropdown-margin;
    padding: @menu-dropdown-padding;
}*/
.navbar-custom .navbar-nav .main-menu-dropdown-wrapper {
  background-color: rgba(250, 250, 250, 0.94);
  background-image: none;
  background-repeat: no-repeat;
  /*border: @menu-dropdown-border;*/
  margin: 1px 0 0 0;
  padding: 3px;
}
.navbar-custom .navbar-nav .dropdown-menu .dropdown-menu-link {
  line-height: 30px;
  margin: 0;
  padding: 0 15px;
  text-decoration: none;
  color: #3e5a83;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
}
.navbar-custom .navbar-nav .dropdown-menu .dropdown-menu-link:hover {
  /*.navbar-custom .navbar-nav .dropdown-menu .dropdown-menu-link:focus {*/
  color: #5c7fb2;
  background: transparent;
  border: 1px solid #939597;
}
.navbar-custom .navbar-nav .dropdown-menu .dropdown-menu-link.active {
  color: #5c7fb2;
  background: transparent;
  border: 1px solid #25364f;
}
.navbar-custom .navbar-nav .main-menu a.active,
.navbar-custom .navbar-nav .main-menu-dropdown a.active {
  color: #5c7fb2;
  background: transparent;
  border: 1px solid #25364f;
  border-radius: 4px;
}
.navbar-custom .navbar-nav .main-menu a:hover,
.navbar-custom .navbar-nav .main-menu-dropdown a:hover,
.open .dropdown-toggle a {
  color: #5c7fb2;
  background-color: transparent;
  border: 1px solid #939597;
  border-radius: 4px;
}
/*.navbar-custom .navbar-nav .main-menu-dropdown a:hover,
.navbar-custom .navbar-nav .main-menu-dropdown a:focus,
.open .dropdown-toggle a {
    color: @menu-dropdown-color-hover;
    background: @menu-dropdown-bg-color-hover;
    border: @menu-dropdown-border-hover; // 1px solid @menu-border-color;
    border-radius: @menu-dropdown-border-radius; // 3px;
}*/
/*.navbar-custom .navbar-nav .main-menu-dropdown a.active {
    color: @menu-dropdown-color-active;
    background: @menu-dropdown-bg-color-active;
    border: @menu-dropdown-border-active; // 1px solid @menu-border-color;
    border-radius: @menu-dropdown-border-radius; // 3px;
}*/
.navbar-custom .container-sl {
  height: 100px;
}
.navbar-custom .navbar-collapse {
  /*height: 100px !important;*/
}
@media (max-width: 991px) {
  .textSizeButton {
    display: none;
  }
  .navbar-custom .navbar-nav .logoutButtonWrapper {
    margin-left: 0;
  }
  .navbar-brand-custom {
    /* LOGO */
    /*display: block;
        float: left;*/
    width: 140px;
    height: 100px;
    margin: 15px 15px 0 15px !important;
    /*background-image: @navbar-brand-custom-background-image-small-screen;
        background-repeat: no-repeat;
        background-position: @navbar-brand-custom-background-position-small-screen;
        background-size: @navbar-brand-custom-background-size-small-screen;*/
  }
  .navbar-custom .navbar-nav .main-menu .main-menu-link {
    padding: 0 5px;
    /*padding-right: 5px;
        padding-left: 5px;*/
  }
}
@media (min-width: 768px) {
  .navbar-custom .navbar-collapse {
    height: 60px !important;
  }
}
@media (max-width: 767px) {
  .navbar-custom {
    height: 60px;
  }
  .navbar-brand-custom {
    /* LOGO */
    /*display: block;
        float: left;*/
    float: left;
    width: 100px;
    height: 60px;
    margin: 5px 15px 0 15px !important;
    background-image: url(_smartlearn/Images/smartlearn-logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .navbar-custom .container-sl {
    height: 60px;
  }
  .navbar-custom .navbar-left,
  .navbar-custom .navbar-right {
    margin-top: 0;
    /*margin-left: 0;*/
    padding: 5px 15px;
  }
  .navbar-custom .navbar-collapse {
    margin-right: -15px;
    margin-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 2px solid #ddd;
    border-bottom: 12px solid #ddd;
    background: rgba(255, 255, 255, 0.95);
    -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px rgba(0, 0, 0, 0.3);
    /*height: 60px !important;*/
  }
  .navbar-custom .navbar-toggle {
    background: #9fcc3a;
    top: 12px;
    right: 0;
  }
  .navbar-toggle .icon-bar {
    background-color: #454545;
  }
  .navbar-custom .navbar-nav .main-menu,
  .navbar-custom .navbar-nav .main-menu-dropdown {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  .navbar-custom .navbar-nav .main-menu a,
  .navbar-custom .navbar-nav .main-menu-dropdown a {
    color: #3e5a83;
    background-color: transparent;
    line-height: 36px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .navbar-custom .navbar-nav .main-menu a:hover,
  .navbar-custom .navbar-nav .main-menu-dropdown a:hover {
    color: #5c7fb2;
    background-color: transparent;
    border: 1px solid #939597;
    border-radius: 4px;
  }
  .navbar-custom .navbar-nav .main-menu a.active,
  .navbar-custom .navbar-nav .main-menu-dropdown a.active {
    color: #5c7fb2;
    background-color: transparent;
    border: 1px solid #25364f;
    border-radius: 4px;
  }
  .navbar-custom .navbar-nav .main-menu .main-menu-link {
    padding: 0 15px;
  }
  .navbar-custom .navbar-text {
    margin: 2px;
    /*color: @color-dark-bg;*/
  }
  th.course-statistics-description,
  td.course-statistics-description {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: collapse;
  }
}
/*#endregion */
/*#region NAV PILLS */
.nav-pills > li > a {
  padding: 5px 15px;
  color: #3e5a83;
  background-color: transparent;
  border: 1px solid transparent;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #3e5a83;
  background-color: transparent;
  border: 1px solid #aaa;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #3e5a83;
  background-color: #fff;
  border: 1px solid #3e5a83;
}
.my-page-nav-tabs-wrapper {
  /*styling of row that wraps cols containing nav-tabs and btn-groups on MIN SIDE*/
  position: relative;
  margin: 15px 0 0 0;
}
.my-page-nav-tabs-wrapper .color-code-dropdown {
  right: 100% !important;
}
.my-page-nav-tabs-wrapper:before,
.my-page-nav-tabs-wrapper:after {
  display: table;
  content: " ";
}
.my-page-nav-tabs-wrapper:after {
  clear: both;
}
.my-page-nav-tabs-wrapper .nav-tabs1 {
  border-bottom: 0;
}
.my-page-nav-tabs-controls-div {
  position: absolute;
  right: 0;
  bottom: 6px;
}
.my-page-nav-tabs-controls-div select {
  height: 30px;
  padding: 6px 12px;
  margin-top: 1px;
}
.my-page-nav-tabs-courses-controls-div {
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
}
.nav-pills-my-page-header-bg {
  /*styling of row that wraps cols containing nav-pills and btn-groups on MIN SIDE, COURSE CATALOG & DOSSIER LINKS PAGE*/
  background: #efefef;
  border: 1px solid #dedede;
  border-bottom: 2px solid #dedede;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 15px 0 0 0;
}
.nav-pills-my-page-header-bg .color-code-dropdown {
  right: 100% !important;
}
#sl-collapsed-nav-pills-id {
  background: transparent;
}
.nav-pills-my-page-header-bg:before,
.nav-pills-my-page-header-bg:after {
  display: table;
  content: " ";
}
.nav-pills-my-page-header-bg:after {
  clear: both;
}
.pill-btn-group-wrapper,
.pill-btn-group-wrapper-my-page {
  text-align: right;
}
.pill-btn-group-wrapper-my-page {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 999px) {
  .sl-navbar-pills {
    float: left;
  }
  .sl-navbar-pills .navbar-toggle {
    margin-right: 0;
  }
  .sl-navbar-pills span {
    color: #3e5a83;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
  }
  .sl-navbar-pills ul.sl-courses-list-nav-pills li {
    float: none;
    width: 100%;
  }
  .sl-navbar-pills ul.sl-courses-list-nav-pills li a,
  .sl-navbar-pills ul.sl-courses-list-nav-pills li .active a {
    padding: 4px 5px;
    font-size: 14px;
  }
  .sl-navbar-pills ul.sl-courses-list-nav-pills li a:before,
  .sl-navbar-pills ul.sl-courses-list-nav-pills li .active a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0a9";
    /*fa-arrow-circle-right*/
    margin-right: 5px;
  }
  .my-page-nav-tabs-courses-controls-div {
    padding-left: 0;
    padding-right: 5px;
  }
  .pill-btn-group-wrapper-my-page {
    padding-left: 0;
    padding-right: 5px;
  }
}
/*#endregion */
/*#region TABS - CUSTOM */
.nav-tabs > li > a {
  color: #3e5a83;
  background-color: transparent;
}
.nav-tabs > li > a:hover {
  color: #25364f;
  background-color: transparent;
}
.custom-tabs {
  margin: 0;
}
.my-page-tab-content {
  padding: 15px !important;
}
.tab-content-custom {
  display: block;
  margin: 0;
  padding: 15px 5px;
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.tab-content-custom h5 {
  margin-left: 5px;
}
.tab-content-custom .tab-pane.fade.in.active {
  padding: 0 15px;
}
.custom-tabs li {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
}
.custom-tabs li a,
.custom-tabs li a:hover,
.custom-tabs li.active a,
.custom-tabs li.active a:hover,
.custom-tabs-level-2 li a,
.custom-tabs-level-2 li a:hover,
.custom-tabs-level-2 li.active a,
.custom-tabs-level-2 li.active a:hover {
  /*border: @custom-tabs-border; // none;*/
  border-bottom: none;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 5px 20px;
  margin: 0;
  margin-right: 1px;
  border-radius: 6px 6px 0 0;
  text-align: center;
  color: #666 !important;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  -ms-transition: all 0.35s linear;
  transition: all 0.35s linear;
}
.custom-tabs-level-2 li a,
.custom-tabs-level-2 li a:hover,
.custom-tabs-level-2 li.active a,
.custom-tabs-level-2 li.active a:hover {
  background-color: #fff;
}
.custom-tabs li a:hover,
.custom-tabs-level-2 li a:hover {
  color: #fff !important;
  background: #3e5a83;
  border-bottom: none !important;
  border-top: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
}
.custom-tabs li.active a,
.custom-tabs li.active a:hover,
.custom-tabs li.active a:focus,
.custom-tabs-level-2 li.active a,
.custom-tabs-level-2 li.active a:hover,
.custom-tabs-level-2 li.active a:focus {
  background-color: #3e5a83 !important;
  color: #fff !important;
  background-image: none;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
  border-top: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  margin-bottom: -1px;
  border-bottom-width: 0;
}
.custom-tabs li.active a:hover,
.custom-tabs-level-2 li.active a:hover {
  color: #ccc !important;
}
.custom-tabs li .fa-exclamation {
  position: absolute;
  top: 6px;
  right: 3px;
  color: yellow;
  padding: 2px 6px;
  margin-left: 10px;
  background: #fff;
  border-radius: 4px;
}
@media screen and (max-width: 991px) {
  .tab-content-custom {
    display: block;
    margin: 0;
    padding: 15px 5px;
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .tab-content-custom .tab-pane.fade.in.active {
    padding: 0 5px;
  }
  .custom-tabs li,
  .custom-tabs li.active,
  .custom-tabs-level-2 li,
  .custom-tabs-level-2 li.active {
    display: block;
    position: relative;
    float: none;
    border-bottom: none;
    border-radius: 0;
    border: 0;
  }
  /*.custom-tabs li a,
    .custom-tabs li a:hover,
    .custom-tabs li.active a,
    .custom-tabs li.active a:hover,
    .custom-tabs-level-2 li a,
    .custom-tabs-level-2 li a:hover,
    .custom-tabs-level-2 li.active a,
    .custom-tabs-level-2 li.active a:hover {
        border-radius: 0;
        border: 0;
    }*/
  .custom-tabs li.active a:after {
    top: 12px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(227, 227, 227, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    z-index: 50;
  }
  .custom-tabs li.active:last-child {
    margin-bottom: 15px;
    border-bottom: 2px solid #ccc;
  }
  .custom-tabs li .fa-exclamation {
    right: 25px;
  }
}
/*#endregion */
/*#region  WELLS */
.well-transparent {
  background: transparent;
  padding: 0 19px 25px 19px;
}
.well-white {
  background: #fff;
}
.well-transparent h5,
.well-white h5 {
  display: block;
  margin: 0 -20px 25px -20px;
  background-color: #3e5a83;
  color: #fff;
  padding: 12px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.well-transparent .table th,
.well-transparent .table-striped th,
.well-transparent .table-bordered th {
  background-color: #ffffff !important;
  color: #555555;
}
.well-smartlearn,
.well-smartlearn-fullsize {
  font-size: 15px;
  height: 250px;
  overflow: auto;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.25);
}
.well-smartlearn-fullsize {
  height: 100%;
}
/*#endregion */
/*#region  LISTS */
.nextruns-data ol {
  -webkit-padding-start: 25px;
}
.nextruns-data ol li {
  line-height: 2;
  font-size: 14px;
}
/*#endregion */
/*#region  MODALS */
#loginDiv .modal-content {
  /*max-width: 420px;*/
}
/*#endregion */
/*#region PANELS */
.panel-custom {
  margin: 15px 0 25px 0;
  border: none;
}
.panel-custom .panel-body {
  background: #f6f6f6;
}
.panel-custom .panel-body .panel-custom .panel-body {
  background: #fff;
}
.panel-custom .panel-body .panel-custom .panel-body .panel-custom .panel-body {
  background: #f6f6f6;
}
.panel-custom .panel-body .panel-custom .panel-body .panel-custom .panel-body .panel-custom .panel-body {
  background: #fff;
}
.panel-heading-custom {
  display: block;
  padding: 15px;
  background: #fff !important;
  border: 1px #dddddd solid;
  border-bottom: 12px solid #eeeeee;
  cursor: pointer;
  text-decoration: none;
}
.panel-heading-custom:hover {
  -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35);
}
.panel-heading-custom a {
  cursor: pointer;
  text-decoration: none;
  color: #3e5a83;
}
.panel-heading-custom a:hover,
.panel-heading-custom a i:hover,
.panel-heading-custom a span:hover {
  cursor: pointer;
  text-decoration: none;
  color: #25364f;
}
.panel-heading-custom .title {
  padding-right: 15px;
}
.panel-heading .panel-title {
  text-decoration: none;
  font-size: 1.15em;
  color: #3e5a83;
  font-weight: bold;
}
.panel-heading .panel-title-normal-font {
  text-decoration: none;
  font-size: 16px;
  color: #3e5a83;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.panel-heading .fa-plus-circle,
.panel-heading .fa-minus-circle,
.panel-heading .fa-spinner,
.panel-heading .fa-spin,
.panel-heading .fa-pulse {
  float: left;
  color: #3e5a83;
  margin-right: 15px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .panel-custom {
    margin: 15px 0;
  }
  .panel-custom .panel-body {
    padding-right: 5px;
    padding-left: 5px;
  }
}
/*#endregion */
/*#region TABLES */
.table > thead > tr > th {
  background-color: #3e5a83;
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: none;
  vertical-align: middle;
}
.table > thead > tr > th.table-alt-header {
  background-color: #efefef;
  color: #333;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: none;
  vertical-align: middle;
}
#EmployeeDetailsActivitiesTable thead tr th,
#EmployeeDetailsActivityHistoryTable thead tr th,
.sl-my-diplomas-parent-div thead tr th,
.sl-my-subscriptions-parent-div thead tr th {
  background-color: #eeeeee !important;
  color: #3e5a83;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: none;
  vertical-align: middle;
}
.table > thead > tr > th a:not(.btn) {
  color: #fff;
}
.table > thead > tr > th a:not(.btn):hover {
  color: #fff;
}
.table > thead > tr > th .fa-arrow-left,
.table > thead > tr > th .fa-arrow-right {
  color: #fff;
}
.table > tbody > tr > td a {
  color: #3e5a83;
}
.table > tbody > tr > td a:hover {
  color: #25364f;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f6f6f6;
}
.table-title-text {
  display: block;
}
.table-title-icon {
  display: none;
}
.dataTable i.fa.fa-clock-o.fa-lg {
  float: right;
}
.table-bare {
  border-bottom: none;
}
.table-bare > thead > tr > th,
.table-bare > tbody > tr > th,
.table-bare > tfoot > tr > th,
.table-bare > thead > tr > td,
.table-bare > tbody > tr > td,
.table-bare > tfoot > tr > td {
  border-top: none;
  vertical-align: middle;
}
.table-bare > thead > tr > th {
  border-bottom: none;
}
#EmployeesTableDiv,
#DeputyAddDeputyTable {
  margin-top: 15px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  text-decoration: underline !important;
}
@media only screen and (max-width: 991px) {
  .table-title-text {
    display: none;
  }
  .table-title-icon {
    display: block;
    font-size: 24px;
    text-align: center;
  }
  #DeputyAddDeputyTable .name {
    max-width: 360px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  #DeputyAddDeputyTable .name {
    max-width: 160px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/*------ TABLE CUSTOM STYLING FOR RESPONSIVENESS ------ */
.visible-rotativa-pdf-inline-block {
  display: none !important;
}
.visible-rotativa-pdf-block {
  display: none !important;
}
@media only screen and (max-width: 0px) {
  /*#region Solution to stop merging of headers with table content, when headers are repeated on every page in the PDF */
  /*  http://stackoverflow.com/questions/24648383/wkhtmltopdf-repeating-thead-headers-overlapping-content */
  table.table-rotativa-pdf {
    page-break-after: always;
  }
  table.table-rotativa-pdf thead {
    display: table-header-group;
  }
  table.table-rotativa-pdf tfoot {
    display: table-row-group;
  }
  table.table-rotativa-pdf tr {
    page-break-inside: avoid;
  }
  /*#endregion */
  /* Force table to not be like tables anymore */
  .table.sl-responsive-table:not(.table-rotativa-pdf) table,
  .table.sl-responsive-table:not(.table-rotativa-pdf) thead,
  .table.sl-responsive-table:not(.table-rotativa-pdf) tbody,
  .table.sl-responsive-table:not(.table-rotativa-pdf) th,
  .table.sl-responsive-table:not(.table-rotativa-pdf) td,
  .table.sl-responsive-table:not(.table-rotativa-pdf) tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table.sl-responsive-table:not(.table-rotativa-pdf) thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table.sl-responsive-table:not(.table-rotativa-pdf) tr {
    border: 1px solid #ccc;
  }
  .table.sl-responsive-table:not(.table-rotativa-pdf) td,
  .table.sl-responsive-table:not(.table-rotativa-pdf) th {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: right;
  }
  .table.sl-responsive-table:not(.table-rotativa-pdf) td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
  }
  .hidden-rotativa-pdf {
    display: none !important;
  }
  .visible-rotativa-pdf-inline-block {
    display: inline-block !important;
  }
  .visible-rotativa-pdf-block {
    display: block !important;
  }
}
/*#endregion */
/*------------------------------  SMARTLEARN SECTIONS - CUSTOM CSS --------------------------------- */
/*#region LOG-IN STYLES (Ole-Kristen) */
.main-background-image {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzQwMCcgaGVpZ2h0PSc0MDAnPgoJPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2ZpbHRlcjMxMTUnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgbnVtT2N0YXZlcz0nMScgYmFzZUZyZXF1ZW5jeT0nMC45JyBpZD0nZmVUdXJidWxlbmNlMzExNycgLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSdyZXN1bHQ1JyB2YWx1ZXM9JzEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDYgLTQuMzk2ICcgaWQ9J2ZlQ29sb3JNYXRyaXgzMTE5JyAvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSdyZXN1bHQ1JyBvcGVyYXRvcj0naW4nIGluPSdTb3VyY2VHcmFwaGljJyByZXN1bHQ9J3Jlc3VsdDYnIGlkPSdmZUNvbXBvc2l0ZTMxMjEnIC8+CgkJCTxmZU1vcnBob2xvZ3kgaW49J3Jlc3VsdDYnIG9wZXJhdG9yPSdkaWxhdGUnIHJhZGl1cz0nMTAnIHJlc3VsdD0ncmVzdWx0MycgaWQ9J2ZlTW9ycGhvbG9neTMxMjMnIC8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4PScwJyB5PScwJyBpZD0ncmVjdDI5ODUnIGZpbGw9JyNmZmZmZmYnLz4gICAgIAoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgeD0nMCcgeT0nMCcgaWQ9J3JlY3QyOTg1JyBzdHlsZT0nZmlsbDojZDRkYmU2O2ZpbHRlcjp1cmwoI2ZpbHRlcjMxMTUpJyAvPgo8L3N2Zz4=');
  background-size: cover;
}
.login-body {
  /*background-color: #1d263d;*/
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzQwMCcgaGVpZ2h0PSc0MDAnPgoJPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2ZpbHRlcjMxMTUnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgbnVtT2N0YXZlcz0nMScgYmFzZUZyZXF1ZW5jeT0nMC45JyBpZD0nZmVUdXJidWxlbmNlMzExNycgLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSdyZXN1bHQ1JyB2YWx1ZXM9JzEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDYgLTQuMzk2ICcgaWQ9J2ZlQ29sb3JNYXRyaXgzMTE5JyAvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSdyZXN1bHQ1JyBvcGVyYXRvcj0naW4nIGluPSdTb3VyY2VHcmFwaGljJyByZXN1bHQ9J3Jlc3VsdDYnIGlkPSdmZUNvbXBvc2l0ZTMxMjEnIC8+CgkJCTxmZU1vcnBob2xvZ3kgaW49J3Jlc3VsdDYnIG9wZXJhdG9yPSdkaWxhdGUnIHJhZGl1cz0nMTAnIHJlc3VsdD0ncmVzdWx0MycgaWQ9J2ZlTW9ycGhvbG9neTMxMjMnIC8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4PScwJyB5PScwJyBpZD0ncmVjdDI5ODUnIGZpbGw9JyNmZmZmZmYnLz4gICAgIAoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgeD0nMCcgeT0nMCcgaWQ9J3JlY3QyOTg1JyBzdHlsZT0nZmlsbDojZDRkYmU2O2ZpbHRlcjp1cmwoI2ZpbHRlcjMxMTUpJyAvPgo8L3N2Zz4=');
  /*background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzQwMCcgaGVpZ2h0PSc0MDAnPgoJPGRlZnMgaWQ9J2RlZnM0Jz4KCQk8ZmlsdGVyIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0nc1JHQicgaWQ9J2ZpbHRlcjMxMTUnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgbnVtT2N0YXZlcz0nMScgYmFzZUZyZXF1ZW5jeT0nMC45JyBpZD0nZmVUdXJidWxlbmNlMzExNycgLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSdyZXN1bHQ1JyB2YWx1ZXM9JzEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMCAwIDAgMCAwIDYgLTQuNDQ4ICcgaWQ9J2ZlQ29sb3JNYXRyaXgzMTE5JyAvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSdyZXN1bHQ1JyBvcGVyYXRvcj0naW4nIGluPSdTb3VyY2VHcmFwaGljJyByZXN1bHQ9J3Jlc3VsdDYnIGlkPSdmZUNvbXBvc2l0ZTMxMjEnIC8+CgkJCTxmZU1vcnBob2xvZ3kgaW49J3Jlc3VsdDYnIG9wZXJhdG9yPSdkaWxhdGUnIHJhZGl1cz0nMTAnIHJlc3VsdD0ncmVzdWx0MycgaWQ9J2ZlTW9ycGhvbG9neTMxMjMnIC8+CgkJPC9maWx0ZXI+Cgk8L2RlZnM+Cgk8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4PScwJyB5PScwJyBpZD0ncmVjdDI5ODUnIGZpbGw9JyMxZDI2M2QnLz4gICAgIAoJPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgeD0nMCcgeT0nMCcgaWQ9J3JlY3QyOTg1JyBzdHlsZT0nZmlsbDojMmE0NTZlO2ZpbHRlcjp1cmwoI2ZpbHRlcjMxMTUpJyAvPgo8L3N2Zz4=');*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.login-div-heading,
.login-div-right,
.login-ad-panel,
.login-page-div1,
.login-page-div2,
.login-page-div3,
.login-page-div4 {
  display: none;
}
.login-div-left {
  min-height: 50px;
  max-width: 640px;
  background-image: none;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 100%;
  text-align: center;
  color: #005296;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.5;
  padding: 15px;
  /*margin-bottom: 10px;*/
  margin: 100px 0 0 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.1);
  border: 5px solid #ddd;
}
.login-div-left .login-row {
  padding: 5px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.login-div-left .login-row .login-info-panel {
  font-family: Arial, sans-serif;
  color: #005296;
  /*font-size: @bod //1.6em;
    font-weight:bold;
    font-style:normal;
    color: #222;
    text-align:center;
    line-height:1.4;*/
}
.login-news-panel {
  text-align: center;
  background-color: transparent;
  height: 100%;
  min-height: 455px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.login-logo {
  width: 240px;
  height: 42px;
  margin-top: 10px;
  background-image: url(_smartlearn/Images/ai_logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 240px 42px;
}
.login-buttons-wrapper {
  text-align: center;
}
.login-button,
.login-button-register,
.login-button-sso {
  width: 240px;
  height: 60px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: left;
  font-size: 20px;
  font-weight: normal;
  text-shadow: none;
  border: 1px solid #ffffff;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #227c9c 0%, #3e5a83 100%);
  background-image: -o-linear-gradient(top, #227c9c 0%, #3e5a83 100%);
  background-image: linear-gradient(to bottom, #227c9c 0%, #3e5a83 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff227c9c', endColorstr='#ff3e5a83', GradientType=0);
}
.login-button-register {
  margin-top: 25px;
}
.login-button-sso {
  width: 320px;
}
.login-button:hover,
.login-button-register:hover,
.login-button-sso:hover {
  background: #227c9c;
  background-image: none;
  color: #eee;
  text-decoration: none;
}
.login-button .fa,
.login-button-register .fa,
.login-button-sso .fa {
  border-right: 1px solid #ffffff;
  padding: 0 10px 0 25px;
}
.login-news-panel .panel-group .panel-custom {
  margin-top: 0;
}
.SL-info-sign {
  color: #3e5a83;
  cursor: pointer;
  font-size: 1.4em;
}
.registration-paragraph {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.newsdetails {
  width: 70%;
  margin-left: 15%;
}
.ad-wrapper {
  margin-top: 30px;
}
.info-area {
  background-color: #f3f3f3;
  border: 1px solid #dfdfdf;
  padding: 5px;
  padding-top: 15px;
  margin-right: 0;
  margin-left: 0;
}
.login-body .validate-tips {
  font-size: 0.8em;
  text-align: left;
}
@media (max-width: 1199px) {
  .login-row {
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .login-button,
  .login-logo {
    margin: 15px auto;
  }
  .login-logo {
    width: 240px;
    height: 42px;
    margin-top: 10px;
    background-image: url(_smartlearn/Images/ai_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 240px 42px;
  }
}
@media (max-width: 991px) {
  .login-div-left {
    margin-top: 0;
    font-size: 1.4em;
  }
  .login-logo {
    width: 180px;
    height: 37px;
    margin-top: 10px;
    background-image: url(_smartlearn/Images/ai_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 180px 37px;
  }
  .login-button,
  .login-button-register {
    max-width: 180px !important;
    padding: 0;
    font-size: 0.7em;
  }
}
@media (max-width: 767px) {
  .login-div-left {
    max-width: 100%;
  }
}
/*#endregion */
/*#region PUBLIC COURSE CATALOG (Ole Marius) */
.navbarpart {
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}
#loginField {
  float: right;
  margin-right: 4px;
  margin-top: 4px;
}
.publiccoursecatalogtext {
  font-size: 20px;
}
.placeholder {
  color: #aaa;
}
.courseplanDetailsRow .tab-content-custom,
.tab-content-custom.SubscriptionReportsActiveDetailsBody {
  border-top: 1px solid #ccc;
}
.courselistNewUsersSearchResultField .well-transparent {
  padding: 15px 19px 35px 19px;
  margin-top: 30px;
}
.listrow {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #eee;
}
/*#endregion */
/*#region  CHART  (Ole Marius) */
#flotContentContainer {
  max-width: 800px;
}
/*@media screen and (min-width: 240px)
{
    #flotContentContainer 
    {
        height: 100px;
    }
}

@media screen and (min-width: 320px)
{

    #flotContentContainer 
    {
        height: 200px;
    }
}

@media screen and (min-width: 640px) 
{
    #flotContentContainer 
    {
        height: 400px;
    }
}

@media screen and (min-width: 1600px) 
{
    #flotContentContainer 
    {
        height: 600px;
    }
}*/
/*#endregion */
/*#region   COURSE ROOM (Andre) */
.courseRoom-body {
  background: none;
}
#courseRoom .body-content {
  background: none;
  margin: 0;
  /*padding:  @courseroom-body-content-padding;*/
}
#courseRoom .courseRoom-header {
  background: transparent;
  border-bottom: none;
  height: 105px;
}
#courseRoom .courseRoom-header .courseRoom-menu {
  line-height: 30px;
  margin: 55px 0 0 0;
}
#courseRoom .courseRoom-header .navbar-brand-custom {
  float: right;
  margin: 5px -15px 0 15px !important;
  /*margin-right: 0 !important;*/
  padding: 0;
  background-position: right center;
}
#courseRoom .courseRoom-header .courseRoom-menu .coursePartOverview {
  max-height: 500px;
  overflow-y: auto;
  background-color: #fff;
}
#courseRoom .courseRoom-header .courseRoom-menu .course-completed,
#courseRoom .courseRoom-header .courseRoom-menu .course-started,
#courseRoom .courseRoom-header .courseRoom-menu .course-not-started {
  font-size: 14px;
}
#courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-dropdown {
  display: inline-block;
  vertical-align: top;
}
#courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-dropdown .dropdown-menu {
  padding-top: 0;
  width: 70vw;
  /*viewport width - Length units representing 1% of the viewport size for viewport width (vw)*/
  margin-top: 15px;
}
#courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-dropdown .dropdown-menu .dropdown-header {
  background-color: #3e5a83;
  color: #fff;
  padding: 5px 15px;
}
#courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-dropdown .dropdown-menu li a {
  white-space: normal;
  text-wrap: normal;
}
#courseRoom .courseRoom-header .header-icon {
  padding: 5px 10px 5px 10px;
  font-size: 28px;
  cursor: pointer;
  color: #3e5a83;
}
#courseRoom .courseRoom-header .header-icon:hover {
  color: #25364f;
  text-decoration: none;
}
#courseRoom .courseRoom-header .header-icon.courseroom-close {
  color: #fff;
  background-color: #3e5a83;
  font-size: 18px;
  border: 1px solid #3e5a83;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#courseRoom .courseRoom-header .header-icon.courseroom-close:hover {
  color: #e6e6e6;
  background-color: #466694;
  border: 1px solid #3e5a83;
  border-radius: 4px;
}
/*#courseRoom .courseRoom-header .header-icon.courseroom-close .courseroom-close-text {
    font-size: 16px;
}*/
/*#courseRoom .courseRoom-header .header-icon.courseroom-close .fa-sign-out {
    color: @courseroom-header-sign-out-btn-color;
}*/
/*#courseRoom .courseRoom-header .header-icon.courseroom-close .fa-sign-out:hover {
    color: @courseroom-header-sign-out-btn-color-hover;
}*/
#courseRoom .courseRoom-header .courseroom-header-overview-dropdown {
  margin-right: 15px;
  margin-left: 15px;
}
/*#courseRoom .courseRoom-header .fa-power-off,
#courseRoom .courseRoom-header .fa-sign-out,
#courseRoom .courseRoom-header .icon-sign-out {
    padding-left: 25px;
}*/
/*#courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-link {
    color: @menu-color !important;
    line-height: 30px;
    margin: 55px 0 0 0;
}*/
/*#courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-link:hover {
    color: @menu-color-hover !important;
}*/
#courseRoom .courseRoom-header .courseroom-header-overview-link {
  color: #3e5a83;
  /*text-shadow: 1px 1px rgba(0,0,0,.5);*/
  line-height: 30px;
  margin: 55px 0 0 0;
}
/*#courseRoom .courseRoom-header .fa:hover,
#courseRoom .courseRoom-header .icon:hover,*/
#courseRoom .courseRoom-header .courseroom-header-overview-link:hover {
  color: #25364f;
  text-decoration: none;
}
#courseRoom .courseRoom-content {
  border-top: none;
  /*margin-left: 15px;
    margin-right: 15px;*/
}
#courseRoom .courseRoom-content .coursePartObjectives img {
  max-width: 100%;
}
#courseRoom .courseRoom-content .attachmentModal .attachmentItem {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#courseRoom .courseRoom-content .attachmentModal .attachmentModalBody img,
#courseRoom .courseRoom-content .attachmentModal .attachmentModalBody video {
  max-width: 100%;
}
#courseRoom .courseRoom-title-wrapper {
  margin-bottom: 15px;
}
#courseRoom .courseRoom-title-wrapper .courseResponsibleWrapper {
  padding-top: 20px;
}
#courseRoom .courseRoom-title-wrapper .courseRoom-title,
#courseRoom .courseRoom-title-wrapper .title-wrapper-icons {
  margin: 15px 0;
  padding: 0;
}
#courseRoom .courseRoom-title-wrapper .title-wrapper-icons .coursePartMenus,
#courseRoom .courseRoom-title-wrapper .title-wrapper-icons .courseButtons {
  float: right;
}
#courseRoom .courseRoom-title-wrapper .courseRoom-title h1 {
  display: inline-block;
  margin: 0;
  padding: 15px;
  background-color: #3e5a83;
  color: #fff;
  font-size: 36px;
}
#courseRoom .panel-custom .coursePartDisabled {
  color: #999;
  cursor: not-allowed;
}
#courseRoom .panel-custom .courseRoomPanelLink {
  display: block;
  margin-top: -15px;
  margin-bottom: -35px;
  margin-left: -15px;
  padding-top: 15px;
  padding-bottom: 35px;
  padding-left: 15px;
}
#courseRoom .panel-custom .popover {
  font-size: 70%;
  color: #3e5a83;
  max-width: 350px;
}
@media (max-width: 991px) {
  /*#container .item,
    #container-nyheter .item {
        width: 49%;
    }*/
  #courseRoom .courseRoom-header {
    height: 60px;
  }
  #courseRoom .courseRoom-title-wrapper {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  #courseRoom .courseRoom-title-wrapper .courseRoom-title h1 {
    font-size: 25px;
  }
  #courseRoom .courseRoom-header .courseRoom-menu .dropdown .dropdown-menu {
    width: 80vw;
    margin-left: -150px;
  }
  #courseRoom .courseRoom-header .courseRoom-menu {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #courseRoom .courseRoom-header {
    height: 60px;
  }
  #courseRoom .courseRoom-title-wrapper {
    margin-top: 15px;
    margin-bottom: 0px;
  }
  #courseRoom .courseRoom-title-wrapper .courseRoom-title h1 {
    font-size: 15px;
  }
  #courseRoom .courseRoom-title-wrapper .courseRoom-title {
    float: left;
  }
  #courseRoom .courseRoom-title-wrapper .title-wrapper-icons {
    float: right;
  }
  /*#courseRoom .courseRoom-title-wrapper .title-wrapper-icons .coursePartMenus,
    #courseRoom .courseRoom-title-wrapper .title-wrapper-icons .courseButtons {
        float: left;
    }*/
  #courseRoom .courseRoom-header .courseRoom-menu {
    margin-top: 15px;
    float: left;
  }
  #courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-dropdown {
    display: none;
  }
  #courseRoom .courseRoom-header .navbar-brand-custom {
    margin-top: 0px !important;
    width: 100px;
    height: 60px;
    /*display: none;*/
  }
}
@media (max-width: 360px) {
  /*#courseRoom .courseRoom-title-wrapper {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    #courseRoom .courseRoom-title-wrapper .courseRoom-title h1 {
        font-size: @courseroom-title-font-size-vertical-phone;
    }

    #courseRoom .courseRoom-title-wrapper .courseRoom-title {
        float: left;
    }*/
  #courseRoom .courseRoom-title-wrapper .title-wrapper-icons {
    float: none;
  }
  /*#courseRoom .courseRoom-header .courseRoom-menu {
        margin-top: 15px;
        float: left;
    }

    #courseRoom .courseRoom-header .courseRoom-menu .courseroom-header-overview-dropdown {
        display: none;
    }*/
  #courseRoom .courseRoom-header .navbar-brand-custom {
    /*margin-top: 15px !important;*/
    display: none;
  }
}
/*#endregion */
/*#region   COURSE CATALOGUE - MY PAGE (Fayyaz) */
/*#region   COURSE CATALOGUE SEARCH (Fayyaz) */
#courseCatalogueSearchData {
  /*border-bottom: 5px solid #c8373c;
    background-color: #ffffff;*/
}
#courseCatalogueSearchData .smartLearnHeaderWrapper {
  padding: 10px 0;
  text-align: center;
}
#courseCatalogueSearchData .smartLearnHeaderWrapper .smartLearnHeading {
  padding: 10px 0;
  text-align: center;
}
#courseCatalogueSearchData .smartLearnHeaderWrapper .smartLearnEmail {
  font-size: larger;
}
#courseCatalogueSearchData .smartLearnHeaderWrapper .exportToExcel {
  float: right;
  margin-right: 30px;
}
#courseCatalogueSearchData .searchDataWrapper {
  /*margin-bottom: 10px;*/
}
#courseCatalogueSearchData .titleSearch {
  /*float: right;*/
  /*width: 200px;*/
  /*margin-right: 10px;*/
}
#courseCatalogueSearchData .titleSearch .titleSearchField {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#courseCatalogueSearchData .descriptionSearch {
  /*float: right;*/
  /*width: 250px;*/
  /*margin-right: 10px;*/
  width: 100%;
}
#courseCatalogueSearchData .descriptionSearch .descriptionSearchField {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
#courseCatalogueSearchData .keywordDropDown {
  /*float: right;*/
  /*margin-right: 10px;*/
}
/* Used for vertical floated layout. Established IE9 fallback stylesheet for this.
        #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
            position: fixed;
            top: 100px;
            left: 0;
            float: left;
            min-width: 160px;
            padding: 15px 0;
            margin: 0 .5%;
            width: 99%;
            text-align: center;
        }
            #courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem {
                display: inline-block;
            }

                #courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem .keywordDivider {
                    border-right: 1px solid #ccc;
                }

                #courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem .keywordDropDownLink {
                }
        */
#courseCatalogueSearchData .keywordDropDownListWrapper {
  height: 300px;
  width: 67vw;
  overflow: auto;
  left: -27vw;
}
#courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
  position: absolute;
  top: 0;
  left: 0;
  /*max-height: 500px;*/
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
  -webkit-column-rule: 1px solid #eaeaea;
  -moz-column-rule: 1px solid #eaeaea;
  column-rule: 1px solid #eaeaea;
  vertical-align: top;
  padding: 1em;
  margin: 0 1%;
  /*width: 98%;*/
  /*overflow: auto;*/
}
#courseCatalogueSearchData .keywordDropDown .gridKeywordDropDownListWithHeadingText {
  top: 90px;
}
#courseCatalogueSearchData .keywordDropDown .listKeywordDropDownListWithHeadingText {
  top: 80px;
}
/*#courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    max-height: 500px;
}*/
#courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem .keywordDropDownLink {
  color: #154881;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  font-weight: 300;
  line-height: 1em;
}
#courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem .keywordDropDownLink:hover {
  background-color: #efefef;
}
#courseCatalogueSearchData .keywordDropDownItemSelected {
  background-color: #ddd;
}
#courseCatalogueSearchData .keywordDropDown .keywordDropDownList1Column {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px;
}
#courseCatalogueSearchData .keywordDropDown .keywordDropDownList1Column .keywordDropDownItem .keywordDropDownLink {
  color: #154881;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  font-weight: 300;
  line-height: 1em;
}
#courseCatalogueSearchData .keywordDropDown .keywordDropDownList1Column .keywordDropDownItem .keywordDropDownLink:hover {
  background-color: #efefef;
}
#courseCatalogueSearchData .targetGroupDropDown {
  /*float: right;*/
  /*margin-right: 10px;*/
}
#courseCatalogueSearchData .targetGroupDropDown .gridTargetGroupDropDownListWithHeadingText {
  top: 90px;
}
#courseCatalogueSearchData .targetGroupDropDown .listTargetGroupDropDownListWithHeadingText {
  top: 80px;
}
#courseCatalogueSearchData .targetGroupDropDown .targetGroupDropDownList {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px;
}
#courseCatalogueSearchData .targetGroupDropDown .targetGroupDropDownList .targetGroupDropDownItem .targetGroupDropDownLink {
  color: #154881;
  cursor: pointer;
  width: 100%;
  padding: 5px;
  font-weight: 300;
  line-height: 1em;
}
#courseCatalogueSearchData .targetGroupDropDown .targetGroupDropDownList .targetGroupDropDownItem .targetGroupDropDownLink:hover {
  background-color: #efefef;
}
.targetGroupDropDownItemSelected {
  background-color: #ddd;
}
.targetGroupDropDownItemSelected {
  background-color: #ddd;
}
#courseCatalogueSearchData .dateSearchWrapper .dateSearchField {
  width: 140px;
  /*float: right;*/
  /*margin-right: 10px;*/
}
#courseCatalogueSearchData .ui-datepicker-trigger {
  width: 30px;
  height: 30px;
  vertical-align: bottom;
  cursor: pointer;
}
#courseCatalogueSearchData .searchButton {
  /*float: right;*/
}
#courseCatalogueSearchData .courseCatalogueSettings {
  float: right;
}
#courseCatalogueSearchData .settingsWrapper {
  display: block;
  float: right;
  width: 20px;
}
#courseCatalogueSearchData .settingsWrapperSmallScreen {
  display: none;
}
#courseCatalogueSearchData .settingsDropDownList {
  left: -145px;
  padding: 15px;
}
#courseCatalogueSearchData .settingsDropDownItem {
  white-space: nowrap;
  width: 100%;
}
#courseCatalogueSearchData .settingsDropDownItem .settingsDropDownLink {
  color: #154881;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
#courseCatalogueSearchData .settingsDropDownItem .settingsDropDownLink:hover {
  color: #154881;
  background-color: #dadada;
  padding-left: 5px;
  padding-right: 5px;
}
/* Universell utforming - lenker i teksten som kunder skriver skal ha understrek */
#courseCatalogue .courseDetailWrapper .courseObjectives a {
  text-decoration: underline;
}
#courseCatalogue .courseDetailWrapper .courseObjectives a:hover {
  text-decoration: none;
}
/* Media queries */
@media screen and (max-width: 1288px) {
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 60vw;
    left: -24vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -o-column-count: 4;
    column-count: 4;
    top: 0;
  }
}
@media screen and (max-width: 1190px) {
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 55vw;
    left: -21vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 55vw;
    left: -21vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    top: 0;
  }
  #courseCatalogueSearchData .keywordDropDown .gridKeywordDropDownListWithHeadingText {
    top: 70px;
  }
  #courseCatalogueSearchData .keywordDropDown .listKeywordDropDownListWithHeadingText {
    top: 60px;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem {
    font-size: 1em;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList1Column .keywordDropDownItem {
    font-size: 1em;
  }
  #courseCatalogueSearchData .targetGroupDropDown .gridTargetGroupDropDownListWithHeadingText {
    top: 70px;
  }
  #courseCatalogueSearchData .targetGroupDropDown .listTargetGroupDropDownListWithHeadingText {
    top: 60px;
  }
  #courseCatalogueSearchData .targetGroupDropDown .targetGroupDropDownList .targetGroupDropDownItem {
    font-size: 1em;
  }
}
@media screen and (max-width: 960px) {
  /* Nexus 7 horizontal */
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 90vw;
    left: -41vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    top: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    margin: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  /* iPad vertical */
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 90vw;
    left: -41vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    top: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    margin: 0 5%;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList .keywordDropDownItem {
    font-size: 0.95em;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList1Column .keywordDropDownItem {
    font-size: 0.95em;
  }
  #courseCatalogueSearchData .targetGroupDropDown .targetGroupDropDownList .targetGroupDropDownItem {
    font-size: 0.95em;
  }
  #courseCatalogueSearchData .settingsWrapper {
    display: none;
  }
  #courseCatalogueSearchData .settingsWrapperSmallScreen {
    display: block;
  }
  #courseCatalogueSearchData .courseCatalogueSettings {
    float: left;
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 9px 10px;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  #courseCatalogueSearchData .settingsDropDownList {
    left: 0;
    padding: 15px;
  }
}
@media screen and (max-width: 667px) {
  /* phone horizontal */
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 86vw;
    left: -40vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    top: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    margin: 0 5%;
  }
}
@media screen and (max-width: 414px) {
  /* iPhone 6 Plus vertical */
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 82vw;
    left: -42vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    top: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    margin: 0 5%;
  }
}
@media screen and (max-width: 375px) {
  /* phone vertical */
  #courseCatalogueSearchData .keywordDropDownListWrapper {
    width: 82vw;
    left: -42vw;
  }
  #courseCatalogueSearchData .keywordDropDown .keywordDropDownList {
    top: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    margin: 0 5%;
  }
}
/*#endregion */
.sl-line-height-1 {
  line-height: 1 !important;
}
.sl-line-height-1_5 {
  line-height: 1.5 !important;
}
.sl-line-height-2 {
  line-height: 2 !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.sl-courses-list-tab-pane,
.my-page-tab-pane-div {
  overflow-x: visible;
  overflow-y: visible;
}
.courseCatalogueGridItemWrapper:after:before,
.courseCatalogueGridItemWrapper:after:after {
  content: " ";
  display: table;
}
.courseCatalogueGridItemWrapper:after:after {
  clear: both;
}
.courseCatalogueGridItem {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  #courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem {
    min-width: 315px;
  }
  #courseCatalogue .courseCatalogueGridWrapper .hiddenItemContent {
    float: left;
  }
  #courseCatalogue .courseCatalogueGridWrapper .hiddenItemContent.in {
    width: 100%;
  }
}
.sl-active-courses-table .course-title-table-view {
  max-width: 400px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .sl-active-courses-table .course-title-table-view {
    max-width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .sl-active-courses-table .course-title-table-view {
    max-width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .sl-active-courses-table .course-title-table-view {
    max-width: 200px;
  }
}
@media screen and (max-width: 360px) {
  .sl-active-courses-table .course-title-table-view {
    max-width: 100px;
  }
}
.expired-courses-dont-show-icon {
  padding-left: 2px;
  padding-right: 2px;
}
.courseCatalogueGridItem .titleWrapper {
  color: #fff;
  background-color: #3e5a83;
  border: 1px #dddddd solid;
  border-bottom: 0;
  white-space: nowrap;
  margin: -1px;
  padding: 8px 12px;
  height: 40px;
}
.courseCatalogueGridItem .titleWrapper .title {
  /*float: left;*/
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  max-width: 250px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel .titleWrapper {
  color: #fff;
  background-color: #3e5a83;
  border: 1px #dddddd solid;
  border-bottom: 0;
  white-space: nowrap;
  /*margin: -1px;*/
  padding: 8px 12px;
  height: 40px;
}
.panel .titleWrapper .title {
  /*float: left;*/
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-title-wrapper {
  background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%);
  background-repeat: repeat-x;
}
.news-title-wrapper .title {
  color: #3e5a83 !important;
  font-weight: bold !important;
}
.disabledBtn,
.disabledBtn[disabled] {
  cursor: not-allowed !important;
  box-shadow: none;
  opacity: 0.5 !important;
}
.disabledBtn i,
.disabledBtn span,
.disabledBtn[disabled] i,
.disabledBtn[disabled] span {
  cursor: not-allowed !important;
}
.sl-course-start-btn {
  margin-right: 10px;
}
#courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem .courseCatalogueGridItemLead {
  font-weight: normal;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  overflow-y: auto;
  /* hidden;*/
  overflow-x: hidden;
  min-height: 316px;
}
.course-photo {
  width: 100%;
  height: auto;
  padding-bottom: 14px;
}
.overview-courses-list-table .course-description {
  font-weight: normal;
  font-size: 14px;
  margin: 10px 15px;
  white-space: normal;
}
#courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem .courseCatalogueGridItemLead .courseListGroupWrapper {
  display: block;
}
#courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem .courseCatalogueGridItemLead .courseListGroupWrapper .course-information {
  font-weight: normal;
}
#courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem .courseCatalogueGridItemLead img {
  width: 90px;
}
.list-group-smartlearn-actions-div {
  height: 30px;
}
ul.list-group-smartlearn li span:nth-child(2) {
  max-width: 150px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: none;
}
.gridExpandCollapseButton {
  padding: 0;
  margin: 0;
  height: 60px;
  line-height: 60px;
  background: #fff !important;
  border: 1px #dddddd solid;
  border-bottom: 12px solid #eeeeee;
  cursor: pointer;
  text-decoration: none;
}
.gridExpandCollapseButton:hover {
  -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.35);
}
.gridExpandCollapseButton .expandButton,
.gridExpandCollapseButton .collapseButton {
  float: left;
  color: #3e5a83;
  margin-right: -260px;
  margin-top: -25px;
  margin-bottom: -25px;
  padding: 25px 275px 25px 15px;
}
.gridExpandCollapseButton .expandButton i,
.gridExpandCollapseButton .collapseButton i {
  font-size: 20px;
}
.seat-status {
  display: block;
  float: right;
  margin: 0 15px;
  font-size: 17px;
  cursor: default;
}
.seat-status:after {
  display: inline-block;
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f0c8";
  /*square*/
  cursor: default;
}
#courseCatalogue .courseCatalogueGridWrapper .itemWrapper {
  display: block;
  position: relative;
  margin: -13px 15px 15px 15px;
  padding: 15px;
  background-color: #f4f4f4;
  border: 1px #dddddd solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#courseCatalogue .courseCatalogueGridWrapper .itemWrapper .courseListGroupWrapper {
  display: none;
}
#courseCatalogue .courseCatalogueGridWrapper .activeCourseCatalogueGridItem:after,
#courseCatalogue .courseCatalogueGridWrapper .activeCourseCatalogueGridItem:before {
  bottom: -18px;
  left: 50%;
  margin-left: -15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 5;
}
#courseCatalogue .courseCatalogueGridWrapper .activeCourseCatalogueGridItem:after {
  border-color: rgba(246, 246, 246, 0);
  border-bottom-color: #f6f6f6;
  border-width: 30px;
  margin-left: -30px;
}
#courseCatalogue .courseCatalogueGridWrapper .activeCourseCatalogueGridItem:before {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #ddd;
  border-width: 31px;
  margin-left: -31px;
}
/* courseCatalogue GRID - SMALL SCREEN*/
@media screen and (max-width: 767px) {
  #courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem {
    min-width: 260px;
  }
  #courseCatalogue .courseCatalogueGridWrapper .hiddenItemContent .itemWrapper {
    padding: 5px;
    margin-right: 0;
    margin-left: 0;
  }
  #courseCatalogue .courseCatalogueGridWrapper .courseCatalogueGridItem .courseCatalogueGridItemLead {
    height: 100%;
  }
}
/* My Page PANELS - SMALL SCREEN*/
@media screen and (max-width: 767px) {
  .expandCollapseTitleWrapper,
  .coursePlanType {
    margin-bottom: 15px;
  }
}
#courseCatalogue .courseDetailWrapper {
  margin-top: 20px;
}
#courseCatalogue .courseDetailWrapper .courseDetailTabContent {
  padding: 25px 0 10px 0;
}
#courseCatalogue .courseDetailWrapper .courseObjectives {
  font-weight: normal;
}
#courseCatalogue .courseDetailWrapper .courseInformation {
  font-weight: normal;
}
#courseCatalogue .courseDetailWrapper .courseInformation .keyword-name {
  /*float: left;*/
  /*margin-right: 10px;*/
  color: #154881;
  cursor: pointer;
}
#courseCatalogue .courseDetailWrapper .courseInformation .keyword-name:hover {
  color: #7692ba;
  /*background-color: #dadada;*/
}
#courseCatalogue .courseDetailWrapper .courseInformation .target-group-name {
  /*float: left;*/
  /*margin-right: 10px;*/
  color: #154881;
  cursor: pointer;
}
#courseCatalogue .courseDetailWrapper .courseInformation .target-group-name:hover {
  color: #7692ba;
  /*background-color: #dadada;*/
}
#courseCatalogue .courseDetailWrapper .courseActivities {
  font-weight: normal;
}
/* End Course details */
/* Create User */
.userAdminForm:hover > td,
.userAdminForm:hover > th {
  background-color: #fff !important;
}
.userAdminForm .userAdminLabel {
  text-align: left;
  font-weight: normal;
}
.userAdminForm .userAdminTabContent {
  padding: 30px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.userAdminForm .userAdminTabContent .additionalInformation {
  line-height: 35px;
}
.userAdminForm .userAdminTabContent .userAdminSaveCancelButtons {
  margin-top: 10px;
}
/* End Create User */
/* Articles on right side */
.popularCourseAndNewsWrapper .articleListTitleWrapper {
  margin-right: 15px;
}
.popularCourseAndNewsWrapper .item .itemContent {
  /*Bootstrap panel-collapse collapse*/
}
.popularCourseAndNewsWrapper .item .titleWrapper {
  /*Bootstrap panel-heading*/
  background-image: none;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.popularCourseAndNewsWrapper .item .titleWrapper:hover {
  color: #fff;
  background-color: #3e5a83;
}
.popularCourseAndNewsWrapper .item .titleWrapper .actionButtons {
  float: right;
}
.popularCourseAndNewsWrapper .item .titleWrapper .title {
  cursor: pointer;
  font-size: 1.1em;
  display: inline;
}
.popularCourseAndNewsWrapper .item .articleListItemLead {
  margin: 0 0 15px 0;
}
.popularCourseAndNewsWrapper .item .articleListItemText {
  margin: 0 0 15px 0;
}
@media (max-width: 767px) {
  .popularCourseAndNewsWrapper {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .popularCourseAndNewsWrapper {
    display: none;
  }
  .popularCourseAndNewsWrapper .item .titleWrapper .title {
    font-size: 0.9em;
  }
}
.badge,
.badge-focus-sl {
  padding: 4px 7px;
  background-color: #ececec;
  color: #666;
  border: 1px solid #d3d3d3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.125);
  max-width: 150px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.badge-focus-sl {
  color: #3e5a83;
}
.change-seating-status-chkbx + label {
  color: #aaa;
}
.change-seating-status-chkbx:checked + label {
  color: #000;
  font-style: normal;
}
.busy-holder {
  background: transparent;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.busy {
  position: fixed;
  left: 50%;
  top: 35%;
  /*display: none;*/
  /*background: transparent url("../../../Images/spinninglogo.gif");*/
  z-index: 1051;
  width: 250px;
  height: 170px;
}
.busy i,
.busy span,
.manager-spinner i,
.manager-spinner span {
  color: #3e5a83 !important;
}
.dropdown-header-course-catalog {
  display: block;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857;
  background-color: #eee;
  color: #3e5a83;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .course-plan-details-dl dt {
    width: 180px !important;
  }
  .course-plan-details-dl dd {
    margin-left: 200px !important;
  }
}
/*#endregion */
/*#region MY PAGE - TABLE Aligns ( Lars )*/
.row-details {
  display: none;
}
.dashboardUnenroll,
.dashboardInfoCol {
  width: 70px;
}
/*#endregion*/
/*#region INSTRUCTOR (Fayyaz) */
.buttonarea {
  clear: both;
  /*height: 35px;*/
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  /*padding: 10px 0 0 10px;*/
  margin: 3px;
  vertical-align: middle;
  background-color: white;
}
.buttonarea .buttons {
  margin: 2px;
}
/*#region Availabilites pod */
.available-times-week-template-container {
  /*width: 780px;
    float: left;*/
}
.calendar-available-day-panel {
  /*float: left;
    font-size: 1em;
    color: #787878;
    width: 95px;*/
  margin: 0 0;
  min-height: 90px;
  border: 1px solid #bbbbbb;
  text-align: center;
}
.calendar-available-day-time {
  /*font-size: 0.8em;
    color: #888888;*/
  border: 1px solid gray;
  /*text-align: center;*/
  margin: 2px 0;
}
.calendar-available-day-link-panel {
  /*padding-top: 2px;
    padding-bottom: 3px;
    font-size: 0.9em;*/
  padding: 0 5px;
}
.calendar-available-day-link-panel a {
  /*color: #222222;*/
}
.calendar-available-day-inner {
  min-height: 70px;
  /*height: 70px;*/
}
.calendar-available-day-sum-panel {
  /*font-size: 0.8em;
    padding: 0px 5px;*/
}
.delete-available-day-time {
  /*height: 0px;
    width: 0px;
    padding: 5px;*/
}
.saved-availability {
  border: 1px solid #00aa00;
}
.saved-availability-ToBeDeleted {
  border: 1px dashed #00aa00;
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(34, 34, 34, 0.3);
  filter: alpha(opacity=30);
}
.saved-availability-ToBeDeleted img {
  /*opacity: 0.3;     filter: alpha(opacity=30);*/
}
.undo-image {
  height: 0;
  width: 0;
  padding: 5px;
  background: url(../../../../Content/Images/ResourceManagement/undo10x10.png) no-repeat 50% 50%;
}
.new-availability-input-fields-div {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-7ths {
  width: 14%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-7ths {
    width: 14%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-7ths {
    width: 14%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-7ths {
    width: 14%;
    float: left;
  }
}
/*#endregion */
/*#region Unavailabilities pod */
.unavailable-times-calendar-container {
  /*width: 780px;*/
}
.previous-week {
  /*width: 20px;     overflow: auto;     float: left;     margin-top: 10px;*/
}
.next-week {
  /*width: 20px;     overflow: auto;     float: left;     margin-top: 10px;*/
}
.calendar-unavailable-panel-inner {
  /*height: 390px;*/
  /*width: 310px;     float: left;     position: relative;     margin-top: 5px;*/
}
.calendar-unavailable {
  /*background-color: #ababab;*/
  /*table-layout: fixed;*/
}
.calendar-unavailable .tdHead {
  /*font-size: 0.8em;     height: 8px;*/
  /*min-width: 35px;     width: 35px;*/
  text-align: center;
  padding: 2px 2px;
  font-weight: normal;
}
.calendar-unavailable .tdItem {
  /*font-size: 0.8em;     height: 8px;     min-width: 35px;      width: 35px;*/
  text-align: center;
  /*background-color: #fff;*/
  padding: 2px 2px;
}
.calendar-unavailable .saved-unavailable-time {
  /*font-size: 0.8em;*/
  height: 8px;
  /*width: 35px;*/
  /*background: #ccc;*/
  /*color: white;*/
}
.selectable .ui-selecting {
  background: #FECA40;
}
.selectable .ui-selected {
  background: #F39814;
  /*color: white;*/
}
.ui-state-hover .alert {
  font-weight: bold;
}
.div-calendar-unavailable {
  /*max-height: 340px;*/
  height: 340px;
  width: 310px;
  /*450px;*/
  /*overflow: auto;     float: left;     position: relative;*/
}
.calendar-picker-panel {
  /*max-height: 180px;     height: 180px;*/
  /*float: left;     overflow: auto;     width: 200px;*/
  margin-left: 0;
  /*margin-right: 20px; position: absolute; 	right: 40px;*/
  margin-top: 5px;
  font-size: 13px;
}
.unavailable-calendar-links-div {
  /*max-height: 180px;     height: 180px;*/
  /*float: left;     overflow: auto;*/
  /*width: 250px;*/
  margin-top: 10px;
  margin-left: 0;
  /*position: absolute; 	right: 40px;*/
  /*font-size: 0.9em;*/
  font-size: 12px;
}
.unavailable-calendar-links-div ul li {
  cursor: pointer;
}
.unavailable-calendar-links-div div {
  padding: 2px;
}
.unavailable-calendar-links-div div img {
  width: 12px;
  height: 12px;
}
.unavailable-calendar-messages-div {
  /*max-height: 180px; height: 180px;*/
  /*float: left;     overflow: auto;*/
  margin-top: 10px;
  margin-left: 0;
}
.unavailabilities-overview-item-div {
  margin-top: 3px;
}
.unavailabilities-overview-table {
  width: 90%;
  /*clear: left;     font-size: 0.9em;     color: rgb(136, 136, 136);      padding: 1px;      border-collapse: collapse;     margin-top: 0px;*/
}
.unavailabilities-overview-table th {
  /*background-color: #ccc;     font-weight: bold;     text-align: left;     vertical-align: top;     margin: 2px;     margin-left: 5px;*/
}
.unavailabilities-overview-table td {
  /*text-align: left;     vertical-align: top;     margin: 2px;     margin-left: 5px;*/
}
.saved-unavailability {
  border: 1px solid #00aa00;
}
.saved-unavailability-ToBeDeleted {
  border: 1px dashed #00aa00;
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(34, 34, 34, 0.3);
  filter: alpha(opacity=30);
}
.saved-unavailability-ToBeDeleted img {
  /*opacity: 0.3;     filter: alpha(opacity=30);*/
}
.unavailable-calendar-group-hover {
  background: #DDD !important;
}
.unavailable-calendar-savedCellBeingDeleted {
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(34, 34, 34, 0.3);
  filter: alpha(opacity=30);
}
.unavailable-calendar-savedCellBeingDeleted div img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.unavailabilities-overview-groupFromTemplateNotToBeTransferred {
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(34, 34, 34, 0.3);
  filter: alpha(opacity=30);
}
.unavailabilities-overview-groupFromTemplateNotToBeTransferred img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.unavailable-calendar-savedCellBeingChanged-hover {
  /*border: 0em dashed white !important;*/
}
.saved-unavailable-time.ui-selected {
  background: #F3B834;
}
.saved-unavailable-time .menu ul li a {
  background: none;
  color: #999;
  text-decoration: none;
}
div.dataTables_scroll {
  clear: both;
}
.my-page-tab-content div.dataTables_wrapper > div.row {
  margin: 0;
}
.my-page-tab-content div.dataTables_wrapper > div.row > div.col-sm-12 {
  padding: 0;
}
/*#endregion */
/*#region Search pod */
#search-div {
  padding-top: 10px;
}
.search-wrap-div {
  display: block;
  line-height: 20px;
  margin: 5px 5px 5px 8px;
  width: 99%;
}
.location-search-div {
  float: left;
  height: 55px;
  min-width: 180px;
  width: 23%;
  /*padding: 0px 0px 0px 5px;*/
}
.search-locations-ddl {
  height: 23px;
  min-width: 175px;
  width: 21%;
  *width: 97%;
}
.filter-search-div-wide {
  float: left;
  min-width: 545px;
  width: 55%;
  min-height: 55px;
  /*padding: 0px 0px 0px 5px;     margin: 0px 0px 5px 5px;*/
}
.filter-search-select-wide {
  min-width: 540px;
  width: 99%;
}
.filter-search-div {
  float: left;
  min-width: 410px;
  width: 53%;
  min-height: 55px;
  /*padding: 0px 0px 0px 5px;     margin: 0px 0px 5px 5px;*/
}
.filter-search-filter-name-div {
  float: left;
  width: 50px;
}
.filter-search-filter-types-radio-buttons-div {
  float: right;
  /*width: 300px;*/
  text-align: right;
  margin: 0 5px 0 0;
}
.filter-search-select {
  min-width: 405px;
  width: 99%;
}
.freetext-search-div-wide {
  float: left;
  height: 55px;
  /*padding: 0px 0px 0px 5px;*/
  width: 96%;
}
.freetext-search-input-wide {
  height: 23px;
  min-width: 705px;
  width: 99%;
}
.freetext-search-div {
  float: left;
  height: 55px;
  min-width: 150px;
  width: 40%;
  margin: 0 0 0 5px;
}
.freetext-search-input {
  height: 23px;
  min-width: 250px;
  width: 97%;
}
.freetext-search-div-narrow {
  float: left;
  height: 55px;
  min-width: 150px;
  width: 20%;
  margin: 0 0 0 5px;
}
.freetext-search-input-narrow {
  height: 23px;
  min-width: 145px;
  width: 97%;
}
.search-button-div {
  width: 27px;
  /*width: 3%;*/
  float: right;
  /*height: 40px;*/
  padding: 18px 0 0 0;
  text-align: center;
}
/*#endregion */
/*#endregion */
/*#region Multiple Files Upload */
.fileuploader-drop-zone {
  display: table-cell;
  height: 56px;
  line-height: 50px;
  background: #fbf7e4;
  border: 1px #c3c0b1 dashed;
  vertical-align: middle;
  min-width: 150px;
  padding-left: 5px;
  width: 100%;
  font-size: 1.2em;
}
.fieuplaoder-drop-zone-hover,
.fieuplaoder-drop-zone:hover {
  background: #fcffd9;
}
@media only screen and (max-width: 480px) {
  .fileuploader-browse-zone,
  .fileuploader-button-holder,
  .fileuploader-drop-zone {
    display: block;
    width: auto;
  }
}
/*#endregion*/
/*#region DataTables - Responsive Extension */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  padding-left: 8px !important;
}
table.dataTable.dtr-inline.collapsed:not(.dt-dashboard) > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed:not(.dt-dashboard) > tbody > tr > th:first-child:before {
  /* fa */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  /* fa-plus-circle */
  content: "\f055";
  /* Custom SmartLearn styles */
  float: left;
  color: #3e5a83;
  margin-right: 10px;
  /*top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7;*/
}
table.dt-dashboard.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child > div:first-child::after,
table.dt-dashboard.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child > div:first-child::after {
  /* fa */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  /* fa-plus-circle */
  content: "\f055";
  /* Custom SmartLearn styles */
  color: #3e5a83;
  margin-right: 15px;
  font-size: 20px;
  /*top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7;*/
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dont-show-details:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dont-show-details:first-child:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed:not(.dt-dashboard) > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed:not(.dt-dashboard) > tbody > tr.parent > th:first-child:before {
  content: "\f056";
  /*content: '-';
    background-color: #d33333;*/
}
table.dt-dashboard.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child div:first-child::after,
table.dt-dashboard.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child div:first-child::after {
  content: "\f056";
  /*content: '-';
    background-color: #d33333;*/
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  /* fa */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  /* fa-plus-circle */
  content: "\f055";
  /* Custom SmartLearn styles */
  float: left;
  color: #3e5a83;
  margin-right: 15px;
  font-size: 20px;
  /*top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7;*/
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "\f056";
  /*content: '-';
    background-color: #d33333;*/
}
table.dataTable > tbody > tr.child span.dtr-title {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100px;
}
table.dataTable > tbody > tr.child span.dtr-title::after {
  content: ':';
}
table.dataTable > tbody > tr.child span.dtr-data {
  margin-left: 5px;
}
table.dataTable#tblLastActiveCourses > tbody > tr.child span.dtr-title {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 150px;
}
table.dataTable.dtr-inline > tbody > tr .user-comment-icon {
  display: inline;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child .user-comment-div1,
table.dataTable.dtr-inline.collapsed > tbody > tr.child .user-comment-icon {
  display: none;
}
table.dataTable.dtr-inline > tbody > tr .user-comment-text {
  display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child .user-comment-text {
  display: inline;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table > tbody > tr.child li[data-dtr-index="6"] {
  display: none;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table.dtr-inline > thead > tr .SME-text {
  display: inline;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table.dtr-inline.collapsed .SME-text {
  display: none;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table.dtr-inline > thead > tr .SME-abbreviation-text {
  display: none;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table.dtr-inline.collapsed .SME-abbreviation-text {
  display: inline;
}
div.sl-mentor-approval-tasks-for-user-div .dataTables_wrapper.dt-bootstrap .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table > tbody > tr.child span.dtr-title {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 130px;
}
table.dataTable.sl-mentor-approval-tasks-for-user-table > tbody > tr.child li[data-dtr-index="4"] .dtr-title,
table.dataTable.sl-mentor-approval-tasks-for-user-table > tbody > tr.child li[data-dtr-index="4"] .dtr-data {
  display: table-cell;
  vertical-align: middle;
}
.mentor-approval-tasks-div .dataTables_wrapper {
  padding-top: 15px;
}
.checklist-buttons-wrapper {
  display: inline-block;
  /*margin-bottom: 20px;*/
  padding: 10px;
  /*border: 1px solid #eaeaea;
    border: 1px #dddddd solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);*/
}
.user-comment-div-pdf {
  min-width: 150px;
}
.checklist-row-text-div img {
  max-width: 50%;
  /*height: auto; 
    display: block;*/
}
.user-checklist-modal .modal-body,
.checklist-history-modal .modal-body {
  max-height: 700px;
  overflow: auto;
}
/*#endregion*/
/*#region   ADMINISTRATION */
.new-admin-btn {
  display: none;
}
#admin .old-admin-iframe {
  padding: 100px 30px 20px;
  background-image: none;
  background-color: #ddd;
  background-repeat: no-repeat;
}
#admin #iframeOldAdmin .bodyTopMenu {
  margin: 15px 15px 0 15px;
}
#admin #modalPopup .modal-dialog {
  width: 1000px;
}
#admin #modalPopup .modal-body {
  background-image: none;
  background-color: #ddd;
}
/*#endregion */
.course-statistics-form {
  padding-left: 15px;
  padding-right: 15px;
}
.courselist-search-form {
  padding-left: 0;
  padding-bottom: 5px;
}
/* External payment system bank card logos */
.norway-bankcards {
  float: left;
  margin-top: -8px;
  max-width: 100%;
}
.status-light {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid rgba(68, 65, 65, 0.9);
}
.status-light-red {
  background-color: red;
}
.status-light-yellow {
  background-color: #ffd200;
}
.status-light-green {
  background-color: green;
}
.status-light-gray {
  background-color: #cccccc;
}
.form-float-left {
  float: left;
  width: 91%;
}
.form-float-left .form-group {
  margin-bottom: 0;
}
.form-float-right {
  float: right;
}
@media (max-width: 991px) {
  .form-float-left {
    float: none;
    width: 100%;
  }
  .form-float-right {
    float: right;
  }
}
.employee-number-input {
  width: 50% !important;
  display: inline-block;
}
.alert-others-activity {
  padding: 5px 15px;
  padding-right: 50px;
  margin-bottom: 0;
  position: relative;
  text-align: left;
}
.btn-others-activity {
  position: absolute;
  top: 5px;
  right: 0;
}
.sortindex-text {
  width: 50px !important;
  text-align: center;
}
.enrol-others {
  pointer-events: none;
  height: 1em;
  line-height: 1em;
  width: 1.4em;
}
.enrol-others .fa-stack-1x {
  font-size: 16px;
  height: 16px;
}
.enrol-others .fa-stack-2x {
  position: absolute;
  font-size: 12px;
  width: 12px;
  left: 55%;
  background-color: #a9d14e;
  top: 40%;
  margin-top: -3px;
  border-radius: 100%;
  color: #454545;
}
.edit-plus {
  pointer-events: none;
  height: 1em;
  line-height: 1em;
  width: 1.4em;
}
.edit-plus .fa-stack-1x {
  font-size: 20px;
  height: 16px;
}
.edit-plus .fa-stack-2x {
  position: absolute;
  font-size: 12px;
  width: 12px;
  left: 55%;
  background-color: #a9d14e;
  top: 40%;
  margin-top: -3px;
  border-radius: 100%;
  color: #454545;
}
.input-validation-error {
  border: 1px solid #d9534f;
}
.input-validation-error:focus {
  border-color: #d9534f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(217, 83, 79, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(217, 83, 79, 0.6);
}
.field-validation-valid {
  display: none;
}
.field-validation-error {
  display: block;
  margin: 3px 0 0 2px;
  color: #d9534f;
}
.relative {
  position: relative;
}
.vcenter {
  margin-left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.collapse-title {
  display: block;
  outline: 0 !important;
}
.view-loader .busy {
  position: static;
  margin: 50px auto 0;
  z-index: 1051;
  width: 250px;
}
.activity-subject-wrapper {
  position: relative;
}
.activity-subject-wrapper > a {
  display: block;
  float: right;
}
.width-100-percent {
  width: 100% !important;
}
/*#region SHAREDFORMINTERACTIONS*/
.mainPictureRow {
  position: relative;
  border: 1px solid #dfdfdf;
  height: 110px;
}
.mainPicture {
  display: inline-block;
  float: left;
  position: relative;
  height: 90px;
  width: 90px;
  margin-top: 10px;
  margin-left: 10px;
}
.mainPicture .previewMainPicture {
  height: 90px;
  width: 90px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  position: relative;
}
.mainPicture #imgPreviewMainPicture {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 82px;
  max-height: 82px;
}
.mainPictureClose {
  margin-left: 5px;
  padding-right: 3px;
  padding-left: 3px;
  border: 2px solid #dfdfdf;
  background-color: white;
  border-radius: 3px;
  position: absolute;
  top: -3px;
  right: -3px;
}
.mainPictureClose:hover {
  text-decoration: none;
  cursor: pointer;
  border-color: #999999;
}
.mainPictureRow .mainPictureBtnContainer {
  display: inline-block;
  float: left;
  height: 90px;
  width: 120px;
}
.mainPictureRow .mainPictureBtnContainer .mainPictureButton {
  margin-left: 14px;
  margin-top: 37px;
}
.mainPictureClose .mainPictureTooltip {
  position: absolute;
  display: inline;
  height: auto;
  width: 125px;
  border: 1px solid #dfdfdf;
  top: 23px;
  left: -55px;
  background: white;
  visibility: hidden;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  z-index: 999;
  font-size: 14px;
  vertical-align: middle;
}
.mainPictureClose:hover .mainPictureTooltip {
  visibility: visible;
}
.mainPictureControls {
  display: inline-block;
}
.mainPictureMissingIcon {
  border: 1px solid #dfdfdf;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 4px;
  float: left;
}
.classRoomCourseIconMissing {
  width: 86px;
  height: 86px;
  background-image: url('/content/Images/DefaultCourseTypeImage2.png');
  background-position-y: center;
  background-size: 86px 65px;
  background-repeat: no-repeat;
}
.standardCourseIconMissing {
  width: 86px;
  height: 86px;
  background-image: url('/content/Images/DefaultCourseTypeImage1.png');
  background-position-y: center;
  background-size: 86px 65px;
  background-repeat: no-repeat;
}
.blendedCourseIconMissing {
  width: 86px;
  height: 86px;
  background-image: url('/content/Images/DefaultCourseTypeImage3.png');
  background-position-y: center;
  background-size: 86px 65px;
  background-repeat: no-repeat;
}
/*#endregion*/