@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Comfortaa");
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot");
  /* IE */
  src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Semibold.eot");
  /* IE */
  src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "mycademy";
  src: url("../fonts/mycademy.eot");
  src: url("../fonts/mycademy.eot?#iefix") format("embedded-opentype"), url("../fonts/mycademy.woff") format("woff"), url("../fonts/mycademy.ttf") format("truetype"), url("../fonts/mycademy.svg#mycademy") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "mycademy" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "mycademy" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-admin:before {
  content: "\61"; }

.icon-tie:before {
  content: "\62"; }

.icon-manager:before {
  content: "\63"; }

.icon-q-and-a4:before {
  content: "\64"; }

.icon-global:before {
  content: "\66"; }

.icon-private:before {
  content: "\67"; }

.icon-thumbs-down:before {
  content: "\69"; }

.icon-thumbs-up:before {
  content: "\6a"; }

.icon-skill-level:before {
  content: "\6c"; }

.icon-favorite:before {
  content: "\6d"; }

.icon-manage-organizations:before {
  content: "\6e"; }

.icon-switch-user:before {
  content: "\70"; }

.icon-organization-management-1:before {
  content: "\71"; }

.icon-citrix:before {
  content: "\72"; }

.icon-video:before {
  content: "\73"; }

.icon-silverlight:before {
  content: "\74"; }

.icon-flash:before {
  content: "\75"; }

.icon-html5:before {
  content: "\76"; }

.icon-java:before {
  content: "\77"; }

.icon-lll:before {
  content: "\78"; }

.icon-manage-course-materials:before, .icon-manage-knowledge-items:before {
  content: "\79"; }

.icon-ebook:before {
  content: "\7a"; }

.icon-training:before {
  content: "\41"; }

.icon-course:before, .icon-mycademy:before {
  content: "\42"; }

.icon-move:before {
  content: "\43"; }

.icon-ios:before {
  content: "\44"; }

.icon-support:before {
  content: "\46"; }

.icon-skill-bar:before {
  content: "\47"; }

.icon-teacher:before {
  content: "\48"; }

.icon-mac:before {
  content: "\49"; }

.icon-microsoft-edge:before {
  content: "\4a"; }

.icon-star:before {
  content: "\4b"; }

.icon-star-half:before {
  content: "\4c"; }

.icon-chrome:before {
  content: "\4d"; }

.icon-internet-explorer:before {
  content: "\4e"; }

.icon-firefox:before {
  content: "\4f"; }

.icon-linux:before {
  content: "\50"; }

.icon-opera:before {
  content: "\51"; }

.icon-safari:before {
  content: "\52"; }

.icon-windows:before {
  content: "\53"; }

.icon-people:before {
  content: "\54"; }

.icon-user:before {
  content: "\55"; }

.icon-it-professions:before {
  content: "\57"; }

.icon-knowledge-center:before {
  content: "\58"; }

.icon-subjects:before {
  content: "\59"; }

.icon-vendors:before {
  content: "\30"; }

.icon-profile:before {
  content: "\31"; }

.icon-user-1:before {
  content: "\34"; }

.icon-organization:before {
  content: "\36"; }

.icon-skill:before {
  content: "\35"; }

.icon-score:before {
  content: "\37"; }

.icon-language:before {
  content: "\38"; }

.icon-info:before {
  content: "\39"; }

.icon-certificate:before {
  content: "\21"; }

.icon-certification:before {
  content: "\5f"; }

.icon-practice-exam:before {
  content: "\23"; }

.icon-finish:before {
  content: "\24"; }

.icon-live-lab:before {
  content: "\25"; }

.icon-mobile:before {
  content: "\26"; }

.icon-time-glass:before {
  content: "\27"; }

.icon-progress:before {
  content: "\28"; }

.icon-management:before {
  content: "\29"; }

.icon-attention:before {
  content: "\2a"; }

.icon-search:before {
  content: "\2b"; }

.icon-sharing:before {
  content: "\2c"; }

.icon-message:before {
  content: "\2d"; }

.icon-dashboard:before {
  content: "\5a"; }

.icon-status:before {
  content: "\65"; }

.icon-clock:before {
  content: "\56"; }

.icon-average-rating:before {
  content: "\32"; }

.icon-browser-check:before {
  content: "\2e"; }

.icon-browser-check-ok:before {
  content: "\2f"; }

.icon-trash-bin:before {
  content: "\3a"; }

.icon-course-chapter:before {
  content: "\3e"; }

.icon-adobe-reader:before {
  content: "\3f"; }

.icon-graph:before {
  content: "\5b"; }

.icon-globe-world:before {
  content: "\5d"; }

.icon-average-rating-1:before {
  content: "\5e"; }

.icon-email:before {
  content: "\3c"; }

.icon-reply-mail:before {
  content: "\3b"; }

.icon-filter:before {
  content: "\40"; }

.icon-subscriptions:before {
  content: "\68"; }

.icon-student:before {
  content: "\6f"; }

.icon-translate:before {
  content: "\7b"; }

.icon-down-chevron:before {
  content: "\7e"; }

.icon-right-chevron:before {
  content: "\60"; }

.icon-left-chevron:before {
  content: "\7c"; }

.icon-up-chevron:before {
  content: "\7d"; }

.icon-target:before {
  content: "\5c"; }

.icon-calculator:before {
  content: "\e002"; }

.icon-ellipsis-v:before {
  content: "\22"; }

.icon-right-quote:before {
  content: "\e000"; }

.icon-home:before {
  content: "\e003"; }

.icon-support-icon:before {
  content: "\e004"; }

.icon-classroom:before {
  content: "\e001"; }

.icon-learning-path-organization:before {
  content: "\e005"; }

.icon-learning-path-add:before {
  content: "\e006"; }

.icon-learning-path-public:before {
  content: "\e007"; }

.icon-circle-cross:before {
  content: "\e008"; }

.icon-circle-check:before {
  content: "\e009"; }

.icon-circle-plus:before {
  content: "\e00a"; }

.icon-firework:before {
  content: "\e00c"; }

.icon-assign-knowledge:before {
  content: "\e00e"; }

.icon-ranking:before {
  content: "\e00b"; }

.icon-trash-disabled:before {
  content: "\e00d"; }

.icon-report-course:before {
  content: "\e00f"; }

.icon-report-learning-path:before {
  content: "\e010"; }

.icon-report-team:before {
  content: "\e011"; }

.icon-report:before {
  content: "\e012"; }

.icon-library:before {
  content: "\e014"; }

.icon-skill-level-1:before {
  content: "\e013"; }

.icon-check:before {
  content: "\e019"; }

.icon-minus:before {
  content: "\e01a"; }

.icon-calendar-o:before {
  content: "\e015"; }

.icon-eur:before {
  content: "\e01b"; }

.icon-money:before {
  content: "\e01c"; }

.icon-heart:before {
  content: "\e01e"; }

.icon-dashboard-1:before {
  content: "\e01f"; }

.icon-rocket:before {
  content: "\e020"; }

.icon-chart-line:before {
  content: "\e021"; }

.icon-flask:before {
  content: "\e017"; }

.icon-money-1:before {
  content: "\e018"; }

.icon-credit-cards-payment:before {
  content: "\e01d"; }

.icon-map-marker:before {
  content: "\e016"; }

.icon-external:before {
  content: "\e022"; }

.icon-calendar-1:before {
  content: "\e023"; }

.icon-flow:before {
  content: "\e024"; }

.icon-flow2:before {
  content: "\e025"; }

.icon-chat:before {
  content: "\e026"; }

.icon-chat2:before {
  content: "\e027"; }

.icon-list:before {
  content: "\e028"; }

.icon-calendar-edit:before {
  content: "\e029"; }

.icon-knowledge-sharing-session:before {
  content: "\e02a"; }

.icon-google:before {
  content: "\e02c"; }

.icon-invite-user:before {
  content: "\3d"; }

.icon-academy-settings:before {
  content: "\45"; }

.icon-calendar:before {
  content: "\e02d"; }

.icon-study:before {
  content: "\e02e"; }

.icon-audio-book:before {
  content: "\6b"; }

.icon-android:before {
  content: "\33"; }

.icon-audio:before {
  content: "\e02b"; }

.icon-file-text-o:before {
  content: "\e02f"; }

.icon-grab:before {
  content: "\22\22\22\22\22";
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: -0.9rem;
  font-size: 1.2rem;
  transform: rotate(90deg);
  display: block;
  position: relative;
  width: 2.0rem;
  overflow: hidden;
  height: 0.7rem;
  left: -0.25rem; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.media-body, .media {
  overflow: visible; }

ul {
  list-style: none; }

ul.disc {
  margin-left: 2rem; }
  ul.disc li {
    margin: 0.5rem 0;
    list-style-type: disc; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding: 10px; }

hr {
  border-width: thin; }

a {
  outline: none !important; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important; }

.container {
  padding-left: 0;
  padding-right: 0; }

.big-icon-link .icon {
  float: left;
  padding-top: 16px; }

.big-icon-link .big, .big-icon-link .small {
  font-size: 26px;
  position: relative;
  top: 24px;
  left: 11px;
  color: #555555; }

.big-icon-link .small {
  font-size: 14px;
  color: #555555; }

.statistic-big {
  font-size: 24px;
  margin-bottom: 15px; }
  @media (max-width: 480px) {
    .statistic-big {
      text-align: center; } }
  .statistic-big .statistic-big-info {
    display: block;
    margin-bottom: 10px; }
    .statistic-big .statistic-big-info .number {
      font-size: 28px; }
    @media (max-width: 480px) {
      .statistic-big .statistic-big-info {
        float: none;
        display: block;
        height: 60px; } }
  .statistic-big .icon {
    font-size: 35px;
    float: left;
    margin-right: 6px;
    display: block; }
    @media (max-width: 480px) {
      .statistic-big .icon {
        float: none; } }
  .statistic-big p {
    font-size: 16px; }
  @media (max-width: 992px) {
    .statistic-big p {
      font-size: 15px; } }
.statistic-small-li {
  width: 26%; }

.statistic-small {
  font-size: 12px;
  font-weight: normal; }
  .statistic-small .media-left {
    padding-right: 0; }
  .statistic-small .icon {
    font-size: 20px;
    float: left;
    margin: 0 5px 0 0;
    color: #e6278b; }
  .statistic-small strong {
    font-size: 14px;
    display: block; }

.panel-group {
  margin-bottom: 0; }

.panel {
  border: none;
  box-shadow: none;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid; }
  @media (min-width: 768px) {
    .panel {
      width: 50%; } }
.panel-default {
  border-radius: 0 !important; }
  .panel-default .arrow-down {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .panel-default .js-tabcollapse-panel-heading.collapsed .arrow-down {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  .panel-default .js-tabcollapse-panel-heading {
    display: inline-block;
    width: 90%; }
  .panel-default .panel-heading {
    background-color: #2eabf3;
    border-radius: 0; }
    @media (max-width: 768px) {
      .panel-default .panel-heading {
        padding: 10px 10px;
        font-weight: 700; } }
    .panel-default .panel-heading .panel-title a, .panel-default .panel-heading .panel-title a:focus, .panel-default .panel-heading .panel-title {
      color: #fff; }
      .panel-default .panel-heading .panel-title a .glyphicon, .panel-default .panel-heading .panel-title a:focus .glyphicon, .panel-default .panel-heading .panel-title .glyphicon {
        font-size: 1.35rem;
        cursor: pointer;
        margin-right: 8px; }
      .panel-default .panel-heading .panel-title a a, .panel-default .panel-heading .panel-title a:focus a, .panel-default .panel-heading .panel-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .panel-default .panel-heading .badge {
      background: #fff;
      color: #2eabf3; }
  .panel-default .panel-collapse .panel-body {
    padding: 0;
    border-radius: 0; }

.alert {
  margin-top: 76px !important;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  box-shadow: 1px 1px 10px #a2a2a2;
  padding: 10px !important;
  border: none;
  overflow: hidden  !important;
  z-index: 1000000  !important;
  -webkit-animation-duration: 0.5s !important;
  -animation-duration: 0.5s !important;
  line-height: 1.4;
  border-radius: 0; }
  @media (max-width: 768px) {
    .alert {
      width: 200px !important; } }
  @media (min-width: 769px) {
    .alert {
      width: 370px !important; } }
  .alert span {
    color: #fff; }
    .alert span[data-notify="title"] {
      display: block;
      margin-bottom: 20px; }
  .alert .close {
    color: #fff; }
  .alert hr {
    background: none; }
  .alert span:nth-child(2) {
    position: absolute;
    font-size: 80px;
    top: 14px;
    right: 20px; }
  .alert span:nth-child(3) {
    font-size: 1.5rem !important;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif !important;
    font-weight: 700 !important; }
  .alert span:nth-child(5) {
    width: 84%;
    display: block;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6; }
  .alert .close {
    opacity: 1; }
    .alert .close span {
      font-weight: normal;
      color: #fff;
      font-size: 17px !important;
      display: block;
      padding: 6px; }

.alert-success, .alert-warning, .alert-info {
  color: #fff !important; }

.alert-danger {
  background: #d80024; }
  .alert-danger span:nth-child(2) {
    opacity: 0.3;
    -moz-opacity: 0.3; }

.alert-success {
  background: #a1ce00; }
  .alert-success span:nth-child(2) {
    opacity: 0.3;
    -moz-opacity: 0.3; }

.alert-warning {
  background: #fb881f; }
  .alert-warning span:nth-child(2) {
    opacity: 0.3;
    -moz-opacity: 0.3; }

.alert-info {
  background: #fff;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid; }
  .alert-info span:nth-child(2) {
    opacity: 0.3;
    -moz-opacity: 0.3; }
  .alert-info span {
    color: #555555 !important; }
  .alert-info span:nth-child(2) {
    color: #2eabf3 !important; }
  .alert-info span:nth-child(3) {
    color: #2eabf3 !important;
    text-shadow: none !important; }
  .alert-info span:nth-child(5) {
    text-shadow: none !important; }
  .alert-info .close {
    color: #2eabf3; }

.alert_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }

.alert:not(.alert-info) span[data-notify="message"] a {
  color: white;
  text-decoration: underline; }

.badge {
  padding: 2px 5px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: -4px;
  font-size: 11px;
  border-radius: 50%;
  color: #fff; }

.active .badge {
  padding: 3px 6px;
  background: #2eabf3;
  color: #fff; }

.bootbox .modal-content {
  color: #fff;
  border: solid 1px #2eabf3 !important;
  box-shadow: 1px 1px 10px #a2a2a2;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 700;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif; }

.bootbox .close {
  color: #fff;
  opacity: 1;
  margin-top: -4px !important;
  margin-right: 4px; }

.bootbox .modal-body {
  background-color: #fff;
  padding: 10px; }

.bootbox .btn-primary {
  width: auto !important;
  margin-left: 0 !important; }
  .bootbox .btn-primary:hover {
    margin-left: 0 !important; }

.bootbox .btn-default {
  background: #2eabf3;
  color: #fff;
  margin-right: 5px;
  font-weight: 400;
  font-size: 13px;
  height: 34px; }

.bulk-upload #dropzone {
  max-height: 500px;
  overflow-y: auto; }
  .bulk-upload #dropzone.dragging {
    border-color: rgba(0, 0, 0, 0.5);
    border-style: dashed;
    border-width: 3px;
    border-radius: 6px; }
  .bulk-upload #dropzone .fileList {
    margin: 0; }
    .bulk-upload #dropzone .fileList .fileSizeCell {
      width: 100px; }
    .bulk-upload #dropzone .fileList .progressCell {
      min-width: 100px;
      max-width: 250px; }
    .bulk-upload #dropzone .fileList .actionsCell {
      width: 100px; }
      .bulk-upload #dropzone .fileList .actionsCell a {
        cursor: pointer; }

.bulk-upload #dropzoneHint {
  margin: 0;
  height: 100px;
  text-align: center;
  color: rgba(0, 0, 0, 0.33);
  font-size: 25px;
  line-height: 65px;
  user-select: none; }

.btn-default {
  border-radius: 0;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
  background: #fff; }
  .btn-default:hover, .btn-default:focus {
    outline: none; }
  .btn-default--no-hover:hover, .btn-default--no-hover:active, .btn-default--no-hover:focus {
    background-color: #fff;
    border-color: #a2a2a2; }

.btn-file {
  color: #fff !important; }
  .btn-file span {
    color: #fff !important; }
    .btn-file span:hover {
      background-color: #0a74b1;
      border-color: #0a74b1;
      color: #fff !important; }
  .btn-file:hover {
    background-color: #0a74b1 !important;
    color: #fff !important; }

.btn-primary {
  background: #2eabf3;
  border-radius: 0px;
  outline: none;
  border: none; }
  .btn-primary:hover {
    background: #0a74b1; }

.btn-registration {
  min-width: 130px;
  padding: 10px; }

.btn-secondary, .bootbox .btn-primary {
  display: inline-block;
  padding: 10px;
  background: #e6278b;
  color: #fff;
  text-decoration: none;
  border: none;
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;
  width: 100%;
  outline: none;
  border-radius: 0; }
  .btn-secondary:hover, .bootbox .btn-primary:hover {
    color: #fff; }

.button-auto-width {
  width: auto;
  min-width: 100px; }

.button-margin {
  margin: 2px; }

.button-position-bottom {
  position: absolute;
  bottom: 15px;
  right: 15px; }

.button-position-bottom-padding {
  padding-bottom: 60px; }

.btn-secondary .icon-big, .bootbox .btn-primary .icon-big {
  font-size: 20px;
  line-height: 0;
  vertical-align: initial;
  font-weight: 700; }

.percentage, .percentage-secondary {
  position: absolute;
  text-align: center;
  width: 50px;
  display: block;
  height: 50px;
  margin-top: -30px;
  font-weight: bold; }

.percentage-secondary {
  color: #555555;
  position: relative;
  height: 0; }

.menu-item-enrollment .percentage, .menu-item-enrollment .percentage-secondary {
  margin-top: -34px; }

.carousel .left {
  border-right: none;
  border-image: none; }

.carousel .carousel-indicators {
  bottom: -36px; }
  .carousel .carousel-indicators li {
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid;
    margin: 0; }
    .carousel .carousel-indicators li:hover {
      background: #0a74b1; }
  .carousel .carousel-indicators .active {
    background: #0a74b1;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid; }

.carousel .carousel-inner {
  margin-bottom: 40px; }

.carousel .carousel-control {
  width: 4%;
  font-size: 109px;
  color: #2eabf3;
  position: absolute;
  top: 45%;
  line-height: 0; }
  .carousel .carousel-control:hover {
    color: #0a74b1; }
  .carousel .carousel-control.right, .carousel .carousel-control.left {
    background-image: none; }

.cbx-container {
  width: 17px;
  height: 17px;
  background: #fff;
  border-radius: 3px;
  margin-left: 0 !important;
  cursor: pointer; }
  .cbx-container .cbx-active, .cbx-container .cbx-disabled {
    width: 18px;
    height: 18px; }
    .cbx-container .cbx-active .glyphicon, .cbx-container .cbx-disabled .glyphicon {
      font-size: 13px; }
  .cbx-container .cbx-active {
    border: 1px solid #2eabf3; }
    .cbx-container .cbx-active .glyphicon {
      top: 0;
      margin: 0;
      color: #2eabf3; }

.cbx-md .cbx-icon-null {
  padding: 6px !important;
  margin: 1px !important; }

.sp-container {
  background: #fff !important;
  border: solid 1px #e6278b !important;
  box-shadow: 1px 1px 7px #555555 !important;
  padding: 10px !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important; }
  @media (max-width: 400px) {
    .sp-container {
      left: 0 !important; } }
  @media (max-width: 529px) {
    .sp-container .sp-picker-container {
      width: 236px !important; }
    .sp-container .sp-palette-container {
      border-right: none  !important; }
    .sp-container .sp-button-container {
      margin-top: 25px !important;
      width: 100% !important;
      text-align: right !important; } }
  .sp-container button {
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif !important; }
  .sp-container .sp-cancel {
    background: #a2a2a2 !important; }
    .sp-container .sp-cancel:hover {
      background: #d5d5d5 !important; }
  .sp-container .sp-input {
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important; }
  .sp-container .sp-palette-row-selection {
    margin-top: 10px; }
  .sp-container .sp-cancel {
    border-radius: 0 !important; }
  .sp-container .sp-choose {
    border-radius: 0 !important; }
  @media (max-width: 992px) {
    .sp-container .sp-palette .sp-thumb-el {
      width: 20px  !important;
      height: 20px  !important; }
    .sp-container .sp-palette {
      max-width: 250px  !important; } }
.sp-dd {
  color: #2eabf3 !important; }

.file-drop-zone-title {
  color: #f0f3f5;
  font-size: 14px;
  padding: 18px 10px; }

.dropdown-button-primary, .dropdown-button-primary-long {
  float: left;
  width: 15px;
  height: 15px;
  background: #2eabf3;
  color: #fff;
  outline: none;
  border: 0;
  padding: 0;
  text-align: center;
  line-height: 0; }
  .dropdown-button-primary .glyphicon, .dropdown-button-primary-long .glyphicon {
    font-size: 9px;
    margin: 0; }

.dropdown-button-primary-long {
  height: 100px; }

.dropdown-primary-header {
  background-color: #d5d5d5;
  font-weight: 700; }

.dropdown-primary {
  display: block;
  background: #fff;
  transition: background-color 0.5s ease;
  margin-bottom: 5px; }
  .dropdown-primary:hover {
    background: #f0f3f5; }

.dropdown-primary.checked {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  background: #d5d5d5; }

[toggle-display-button].open .glyphicon-chevron-down {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.dropdown-primary.open {
  background: #f0f3f5; }

.toggle-display-closed {
  display: none; }

.bootstrap-timepicker-widget table td {
  padding: 0; }

.bootstrap-timepicker .separator {
  vertical-align: middle; }

.file-preview {
  border-radius: 0px;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid; }

.file-preview-frame {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  box-shadow: 1px 1px 10px #a2a2a2; }

.form-control {
  border-radius: 0;
  line-height: 1;
  height: 34px; }
  .form-control::-ms-clear, .form-control::-ms-reveal {
    display: none; }
  .form-control .input-group-addon {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }

.form-control-feedback {
  display: none; }

.select2-container--krajee .select2-selection {
  border-color: #a2a2a2; }

.form-group.validating .form-control-feedback.refresh-icon {
  display: inline-block; }

.form-group.has-success .form-control-feedback.succes-icon {
  display: inline-block; }

.form-group.has-success.validating .succes-icon {
  display: none !important; }

.form-group.has-success.validating .error-icon {
  display: none !important; }

.form-group.has-error .form-control-feedback.error-icon {
  display: inline-block; }

.field-registrationform-organization_slug.has-error .input-group-btn, .field-registrationform-organization_slug.has-success .input-group-btn {
  right: 20px;
  border-right: 0 !important; }

.field-registrationform-organization_slug .input-group-btn {
  position: absolute;
  right: 0; }

#registrationform-organization_slug {
  padding-right: 31px; }

.has-error #registrationform-organization_slug {
  padding-right: 51px; }

.has-error .info {
  background: none !important; }

.file-caption-name {
  padding: 4px 0; }

.file-caption .glyphicon {
  margin-top: -1px; }

.input-group-addon {
  border-radius: 0; }
  .input-group-addon.js__clear-search-term {
    background-color: #fff;
    cursor: pointer;
    border-left: none; }

.form-group p {
  margin: 0; }

.form-group .input-group .form-control.courseSearchOption:first-child {
  border-right: none; }

.form-horizontal {
  margin-top: 15px; }
  .form-horizontal .form-group {
    margin: 0; }
  .form-horizontal .control-label {
    text-align: left;
    padding-top: 0;
    padding-left: 2px;
    margin-top: 12px;
    margin-bottom: 5px; }
    .form-horizontal .control-label.text-right {
      text-align: right; }

.form-control-static {
  height: 34px;
  line-height: 1;
  overflow: hidden;
  padding: 10px 6px 2px 6px;
  display: block;
  font-size: 14px;
  vertical-align: middle;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  cursor: pointer; }
  @media (max-width: 768px) {
    .form-control-static::after {
      position: relative;
      top: -3px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\270f";
      float: right;
      color: #555555; } }
  .form-control-static:hover {
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid;
    outline: 0; }
    .form-control-static:hover::after {
      position: absolute;
      right: 10px;
      top: 10px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\270f";
      color: #2eabf3; }

div [class*="vat_number"] .col-md-10 .input-group {
  position: relative;
  display: table; }

@media (min-width: 992px) {
  .static-active-form-group .col-md-offset-2 {
    margin-left: 24.666667%; } }

.static-active-form-group .col-md-10 {
  padding: 2px;
  width: 75%; }
  @media (max-width: 992px) {
    .static-active-form-group .col-md-10 {
      width: 100%; } }
  .static-active-form-group .col-md-10 .input-group {
    position: static;
    display: block; }
    .static-active-form-group .col-md-10 .input-group .form-control-static {
      overflow: hidden; }

.static-active-form-group .col-md-2 {
  width: 25%; }
  @media (max-width: 992px) {
    .static-active-form-group .col-md-2 {
      width: 100%; } }
.input-daterange .kv-container-from, .input-daterange .kv-container-to {
  border: none; }

.grid-view tr.uneditable .rowActions {
  display: none; }

.table__title {
  padding: 30px 0 20px 0;
  color: #555555;
  text-transform: n;
  font-weight: 300;
  font-size: 1.9rem;
  display: inline-block; }

.kv-plugin-loading, .cbx-loading {
  display: none; }

.form-group.required:not(.hide-required) .control-label:after {
  content: "*";
  color: #555555;
  margin-left: 3px;
  font-size: 10px;
  vertical-align: top;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif; }

.hide-required label.has-star:after {
  content: "" !important; }

.input-group {
  width: 100%; }

input[type="checkbox"] {
  margin: 0 0 0;
  margin-top: 1px \9;
  line-height: normal; }

.info {
  background: none !important;
  z-index: 2;
  float: right !important;
  border-radius: 0px;
  outline: none !important;
  border: 0 !important; }
  .info:hover {
    border: none !important;
    color: #555555 !important; }
  .info:focus {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important; }
  .info span {
    pointer-events: all !important;
    color: #a2a2a2;
    top: 3px; }
  .info:hover span {
    color: #555555; }

.glyphicon-info-sign {
  color: #a2a2a2;
  top: 2px;
  cursor: pointer; }
  .glyphicon-info-sign:hover {
    color: #6f6f6f; }

.glyphicon-chevron-down {
  margin: 0 0 0 1px; }

.icon-dashboard,
.icon-people,
.icon-organization,
.icon-manage-subscriptions,
.icon-manage-organizations,
.icon-manage-course-materials,
.icon-manage-knowledge-items,
.icon-academy-settings,
.icon-management,
.icon-training,
.icon-progress,
.icon-profile,
.icon-sharing,
.icon-search,
.icon-vendors,
.icon-knowledge-center,
.icon-it-professions,
.icon-subjects {
  vertical-align: middle;
  position: relative; }

.jumbotron {
  background: #fff;
  padding: 40px !important;
  box-shadow: 1px 1px 10px #a2a2a2;
  border-radius: 0 !important;
  border-top: 0.6rem solid #2eabf3;
  text-align: left; }
  .jumbotron .col-md-6 {
    padding: 10px 28px;
    text-align: left; }
  .jumbotron p {
    font-size: 1.5rem; }
  .jumbotron h2 {
    font-size: 2.25rem; }
  .jumbotron h3 {
    font-size: 2.025rem;
    margin: 38px 0; }
  .jumbotron .glyphicon-ok {
    color: #2eabf3;
    margin: 0 5px; }

.list-group-item {
  text-align: left;
  font-weight: bold; }

.price {
  margin: 40px 0;
  font-size: 22px;
  font-weight: bold;
  color: #2eabf3; }

#editCourseMaterialModal #selected-language-list, .course-create #selected-language-list, .translatable-tabs #selected-language-list {
  min-width: 120px; }
  #editCourseMaterialModal #selected-language-list .flag-icon, .course-create #selected-language-list .flag-icon, .translatable-tabs #selected-language-list .flag-icon {
    float: left;
    top: 6px;
    left: 5px; }
  #editCourseMaterialModal #selected-language-list li.active .language-label, .course-create #selected-language-list li.active .language-label, .translatable-tabs #selected-language-list li.active .language-label {
    background: #2eabf3;
    color: #fff; }
    #editCourseMaterialModal #selected-language-list li.active .language-label:hover, .course-create #selected-language-list li.active .language-label:hover, .translatable-tabs #selected-language-list li.active .language-label:hover {
      background: #0a74b1; }
  #editCourseMaterialModal #selected-language-list li.active .remove, .course-create #selected-language-list li.active .remove, .translatable-tabs #selected-language-list li.active .remove {
    color: #fff; }
  #editCourseMaterialModal #selected-language-list li, .course-create #selected-language-list li, .translatable-tabs #selected-language-list li {
    margin-bottom: 4px;
    cursor: pointer; }
    #editCourseMaterialModal #selected-language-list li .language-label, .course-create #selected-language-list li .language-label, .translatable-tabs #selected-language-list li .language-label {
      color: #555555;
      padding: 5px;
      display: block;
      background: #fff;
      padding-left: 26px; }
      #editCourseMaterialModal #selected-language-list li .language-label:hover, .course-create #selected-language-list li .language-label:hover, .translatable-tabs #selected-language-list li .language-label:hover {
        background: #0a74b1; }
    #editCourseMaterialModal #selected-language-list li .remove, .course-create #selected-language-list li .remove, .translatable-tabs #selected-language-list li .remove {
      position: absolute;
      right: 14px;
      font-weight: bold;
      color: #555555;
      margin-top: -19px; }

#editCourseMaterialModal hr, .course-create hr, .translatable-tabs hr {
  margin: 0; }

#editCourseMaterialModal .toggle-languages, .course-create .toggle-languages, .translatable-tabs .toggle-languages {
  display: block;
  width: 100%;
  height: 33px;
  background: none;
  border: none;
  outline: 0;
  text-align: right;
  position: relative;
  z-index: 1000;
  padding: 7px;
  cursor: pointer;
  float: right; }
  #editCourseMaterialModal .toggle-languages .info-icon, .course-create .toggle-languages .info-icon, .translatable-tabs .toggle-languages .info-icon {
    float: right;
    margin-right: 0;
    margin-left: 5px; }
  @media (max-width: 992px) {
    #editCourseMaterialModal .toggle-languages, .course-create .toggle-languages, .translatable-tabs .toggle-languages {
      height: 27px; } }
#editCourseMaterialModal .language-selection.open .toggle-languages, .course-create .language-selection.open .toggle-languages, .translatable-tabs .language-selection.open .toggle-languages {
  color: #555555;
  border: none;
  font-weight: bold; }
  #editCourseMaterialModal .language-selection.open .toggle-languages .icon-down-chevron, #editCourseMaterialModal .language-selection.open .toggle-languages .glyphicon-info-sign, .course-create .language-selection.open .toggle-languages .icon-down-chevron, .course-create .language-selection.open .toggle-languages .glyphicon-info-sign, .translatable-tabs .language-selection.open .toggle-languages .icon-down-chevron, .translatable-tabs .language-selection.open .toggle-languages .glyphicon-info-sign {
    color: #555555;
    margin: 0; }
  #editCourseMaterialModal .language-selection.open .toggle-languages .icon-down-chevron, .course-create .language-selection.open .toggle-languages .icon-down-chevron, .translatable-tabs .language-selection.open .toggle-languages .icon-down-chevron {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

#editCourseMaterialModal .collapsing .language-selection, .course-create .collapsing .language-selection, .translatable-tabs .collapsing .language-selection {
  display: none; }

#editCourseMaterialModal .language-selection, .course-create .language-selection, .translatable-tabs .language-selection {
  height: 29px;
  overflow: hidden;
  position: relative;
  z-index: 1000;
  padding: 0 5px 5px 5px;
  width: 200px; }
  @media (max-width: 992px) {
    #editCourseMaterialModal .language-selection, .course-create .language-selection, .translatable-tabs .language-selection {
      border: none;
      background: none;
      box-shadow: none; } }
  #editCourseMaterialModal .language-selection #language-options, .course-create .language-selection #language-options, .translatable-tabs .language-selection #language-options {
    float: right;
    display: none;
    width: 190px;
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s; }
  #editCourseMaterialModal .language-selection ul.select2-selection__rendered, .course-create .language-selection ul.select2-selection__rendered, .translatable-tabs .language-selection ul.select2-selection__rendered {
    padding-left: 0;
    display: block; }
  #editCourseMaterialModal .language-selection .select2-search.select2-search--inline, .course-create .language-selection .select2-search.select2-search--inline, .translatable-tabs .language-selection .select2-search.select2-search--inline {
    float: none; }

#editCourseMaterialModal .language-selection.open, #editCourseMaterialModal .language-selection-tab4.open, .course-create .language-selection.open, .course-create .language-selection-tab4.open, .translatable-tabs .language-selection.open, .translatable-tabs .language-selection-tab4.open {
  background: #fff;
  height: auto;
  border: none;
  box-shadow: 1px 1px 10px #a2a2a2; }
  @media (max-width: 992px) {
    #editCourseMaterialModal .language-selection.open, #editCourseMaterialModal .language-selection-tab4.open, .course-create .language-selection.open, .course-create .language-selection-tab4.open, .translatable-tabs .language-selection.open, .translatable-tabs .language-selection-tab4.open {
      border-color: #a2a2a2;
      border-width: 1px;
      border-style: solid;
      background: #fff; } }
  #editCourseMaterialModal .language-selection.open #language-options, #editCourseMaterialModal .language-selection-tab4.open #language-options, .course-create .language-selection.open #language-options, .course-create .language-selection-tab4.open #language-options, .translatable-tabs .language-selection.open #language-options, .translatable-tabs .language-selection-tab4.open #language-options {
    display: block;
    max-height: 300px;
    transition: max-height 5s; }

#editCourseMaterialModal .language, .course-create .language, .translatable-tabs .language {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  color: #fff;
  padding: 3px; }
  #editCourseMaterialModal .language .glyphicon-info-sign, .course-create .language .glyphicon-info-sign, .translatable-tabs .language .glyphicon-info-sign {
    margin-left: 0;
    color: #fff; }
  #editCourseMaterialModal .language .select2-bootstrap-append, .course-create .language .select2-bootstrap-append, .translatable-tabs .language .select2-bootstrap-append {
    float: right; }
  #editCourseMaterialModal .language .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field, .course-create .language .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field, .translatable-tabs .language .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    line-height: 0.6; }
  #editCourseMaterialModal .language .select2-container, .course-create .language .select2-container, .translatable-tabs .language .select2-container {
    width: 190px !important; }
  #editCourseMaterialModal .language .select2-selection--single, .course-create .language .select2-selection--single, .translatable-tabs .language .select2-selection--single {
    padding: 6px 24px 6px 7px;
    border-radius: 0;
    height: 34px;
    box-shadow: 1px 1px 10px #a2a2a2;
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid;
    font-size: 14px; }
  #editCourseMaterialModal .language .select2-search__field, .course-create .language .select2-search__field, .translatable-tabs .language .select2-search__field {
    padding: 0 11px 0 5px !important;
    display: block;
    border: 1px solid #555555;
    width: 100% !important;
    border-radius: 2px; }
  #editCourseMaterialModal .language .input-group-addon, .course-create .language .input-group-addon, .translatable-tabs .language .input-group-addon {
    padding: 5px; }
  #editCourseMaterialModal .language .select2-selection__arrow, .course-create .language .select2-selection__arrow, .translatable-tabs .language .select2-selection__arrow {
    height: 30px; }

.select2-container--open .select2-dropdown--below {
  border-radius: 0; }

.course-create span#select2-available-languages-container {
  position: relative;
  top: -5px; }

.legenda {
  margin: 10px 0 10px 0; }
  .legenda .legenda-item {
    float: left;
    margin: 4px 23px 4px 6px; }
    .legenda .legenda-item .legenda-color {
      border: 1px solid #d5d5d5;
      width: 13px;
      height: 13px;
      float: left;
      margin-right: 5px; }

.basic-list ul, .list-big-items ul, .list-small-items ul {
  list-style: none; }

.basic-list li {
  padding: 0 0 0 20px;
  display: block;
  position: relative;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  transition: background-color 0.5s ease;
  background: #fff; }
  .basic-list li::before {
    position: absolute;
    content: "\e080";
    font-family: "Glyphicons Halflings";
    color: #2eabf3;
    display: inline-block;
    top: 6px;
    left: 0;
    margin: 0;
    padding: 0; }
  .basic-list li:hover {
    background: #f0f3f5; }
  .basic-list li a, .basic-list li p {
    margin: 2px 0 0;
    padding: 6px 0;
    color: #555555;
    display: block; }

.basic-list li:nth-last-child(1) {
  border-bottom: none; }

.list--left {
  line-height: 1.6;
  display: inline-block;
  text-align: left; }
  .list--left li {
    border: none; }
    .list--left li:before {
      top: 2px; }

@media (max-width: 767px) {
  .list-big-items {
    height: auto;
    margin-bottom: 18px; } }

.list-big-items li:nth-last-child(1) {
  border-bottom: 0; }

.list-big-items li a {
  display: block;
  margin: 0;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  color: #555555;
  padding: 0 5px; }
  .list-big-items li a:hover {
    background-color: #f0f3f5; }

.list-small-items li a {
  display: block;
  margin: 0;
  text-align: left;
  height: 45px;
  cursor: pointer; }

.tips_and_tricks_bullets li {
  padding: 5px 0;
  color: #555555;
  margin-left: 19px; }
  .tips_and_tricks_bullets li:before {
    content: "\e080";
    font-family: "Glyphicons Halflings";
    font-size: 12px;
    padding-right: 10px;
    vertical-align: bottom;
    float: left;
    margin-left: -22px; }

.default-list ul {
  list-style: disc;
  margin-left: 15px; }

.validating .refresh-icon {
  display: block;
  color: #2eabf3;
  font-size: 15px;
  text-indent: -9999em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spinner 1.7s infinite ease;
  animation: spinner 1.7s infinite ease;
  top: 28%;
  left: 91%; }

.loader, .loader-btn, .loader-right {
  display: block;
  color: #2eabf3;
  font-size: 40px;
  text-indent: -9999em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spinner 1.7s infinite ease;
  animation: spinner 1.7s infinite ease;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  overflow: hidden; }

@-webkit-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.loader-btn, .loader-right {
  font-size: 22px;
  margin: 15px 15px 6px 10px;
  position: relative;
  left: 0; }

.loader-right {
  float: right;
  top: -10px; }

.loader--center {
  margin: 11px auto; }

.loader--right {
  float: right;
  margin-top: 6px; }

.loader--small, .loader--xs {
  font-size: 20px;
  margin: 5px;
  position: relative;
  left: 0; }

.loader--xs {
  font-size: 15px; }

.modal {
  text-align: center; }
  @media (max-width: 768px) {
    .modal {
      padding: 0 !important; } }
@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }
  @media (min-width: 1200px) {
    .modal-dialog {
      width: 1100px; } }
  @media (max-width: 480px) {
    .modal-dialog {
      display: block !important;
      width: unset !important; } }
  .modal-dialog .modal-content {
    border-radius: 0;
    border: none; }
    .modal-dialog .modal-content .modal-header {
      padding: 15px;
      background: #2eabf3;
      font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
      font-size: 1.5rem;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600; }
      .modal-dialog .modal-content .modal-header span {
        color: #fff;
        font-weight: bold; }
      .modal-dialog .modal-content .modal-header .close {
        color: #fff;
        opacity: 1;
        margin-top: -4px;
        outline: none; }
    .modal-dialog .modal-content .item {
      width: 90%;
      margin: 0 auto; }
      .modal-dialog .modal-content .item img {
        display: block;
        max-width: 100% !important;
        height: auto;
        max-height: none !important;
        margin: 0 auto; }
  .modal-dialog .modal-body {
    color: #555555;
    max-height: 88vh;
    overflow: auto;
    overflow-x: hidden; }
    @media (min-width: 768px) {
      .modal-dialog .modal-body {
        max-height: 85vh; } }
    @media (min-width: 992px) {
      .modal-dialog .modal-body {
        max-height: 80vh; } }
  .modal-dialog .modal-footer .btn + .btn {
    margin-left: 15px; }
  .modal-dialog .btn-default {
    background: #d5d5d5;
    background-color: #d5d5d5;
    color: #3c3c3c; }
    .modal-dialog .btn-default:hover, .modal-dialog .btn-default:focus {
      background: #a2a2a2;
      background-color: #a2a2a2;
      color: #3c3c3c; }
  .modal-dialog .alert {
    padding: 20px !important;
    margin-top: 20px !important;
    width: 100% !important;
    border-radius: 0; }

.preview-image-link {
  width: 100%;
  display: block;
  margin-top: 20px;
  padding: 5px; }

.modal-dialog .modal-content .toggle-list__content h2 {
  color: #2eabf3 !important; }

.bootbox .modal-header h4.modal-title {
  color: white; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 700px; } }

@media (min-width: 992px) {
  .modal-dialog {
    width: 924px; } }

@media (min-width: 1200px) {
  .modal-dialog {
    width: 1120px; } }

.notification-counter, .notification-counter-action-column {
  background-color: #e6278b;
  color: #fff;
  min-width: 17px;
  height: 17px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  font-weight: 400;
  left: -6px;
  top: -12px;
  padding: 7px 0;
  box-shadow: 1px 1px 10px #a2a2a2;
  display: inline-block;
  margin-right: -1rem; }
  @media (max-width: 992px) {
    .notification-counter, .notification-counter-action-column {
      top: -6px;
      left: -9px; } }
.notification-counter-action-column {
  float: right;
  line-height: 12px;
  font-size: 10px;
  width: 10px;
  height: 14px;
  top: -10px;
  left: -10px;
  padding: 0; }

.packery-container {
  visibility: hidden;
  opacity: 0; }

.pagination > li:first-child > span {
  border-radius: 0 !important; }

.pagination {
  margin: 0; }
  .pagination .prev, .pagination .next {
    border-radius: 0 !important; }
    .pagination .prev a, .pagination .next a {
      border-radius: 0 !important; }
      .pagination .prev a span, .pagination .next a span {
        top: 2px; }
  .pagination .disabled .glyphicon {
    color: #d5d5d5; }
  .pagination li {
    display: inline-block; }
    .pagination li a {
      color: #0a74b1; }
      .pagination li a:hover {
        background-color: #0a74b1;
        border: 1px solid #0a74b1;
        color: #fff; }
  .pagination .active a {
    background-color: #2eabf3;
    border: 1px solid #2eabf3; }
    .pagination .active a:hover {
      background-color: #0a74b1;
      border: 1px solid #0a74b1; }

.menu-item-subscriptions .pagination {
  margin: 25px 0px; }

.pjax-loading.pjax-disable-mouse-while-loading {
  pointer-events: none; }

.popover.bottom > .arrow {
  top: -12px; }
  .popover.bottom > .arrow::after {
    border-bottom-color: #e6278b; }

.popover-navigation {
  padding: 9px 9px !important; }

.btn.disabled {
  opacity: 0; }

.popover {
  color: #555555;
  font-weight: 400 !important;
  background: #fff;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  box-shadow: 1px 1px 10px #a2a2a2;
  text-align: left;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 12px;
  border-radius: 4px; }
  .popover .popover-title {
    padding: 10px;
    font-size: 14px;
    border-radius: 3px 3px 0 0;
    border-bottom: none;
    font-weight: 700;
    background: #e6278b;
    margin: -2px;
    color: #fff; }
  .popover #support {
    margin-top: -40px; }
  .popover .close {
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 14px !important;
    padding: 6px 10px;
    margin-top: -6px;
    margin-right: -5px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    opacity: 1 !important;
    cursor: pointer; }
  .popover .popover-content {
    padding: 10px; }
    .popover .popover-content .bold {
      font-weight: 700;
      float: none;
      font-size: 14px; }
    .popover .popover-content .tour, .popover .popover-content .support, .popover .popover-content .send-email {
      color: #555555;
      height: 61px;
      position: relative;
      display: block;
      width: 200px; }
      .popover .popover-content .tour span, .popover .popover-content .support span, .popover .popover-content .send-email span {
        float: left;
        position: relative;
        display: block; }
      .popover .popover-content .tour .big, .popover .popover-content .tour .big-icon-link .small, .big-icon-link .popover .popover-content .tour .small, .popover .popover-content .support .big, .popover .popover-content .support .big-icon-link .small, .big-icon-link .popover .popover-content .support .small, .popover .popover-content .send-email .big, .popover .popover-content .send-email .big-icon-link .small, .big-icon-link .popover .popover-content .send-email .small {
        font-size: 18px;
        height: 30px;
        margin-top: 5px;
        margin-bottom: 10px;
        position: absolute;
        margin-left: 28px;
        font-weight: 700; }
      .popover .popover-content .tour .small, .popover .popover-content .support .small, .popover .popover-content .send-email .small {
        font-size: 14px;
        margin-top: 25px;
        position: absolute;
        margin-left: 28px; }
      .popover .popover-content .tour .icon-support, .popover .popover-content .tour .glyphicon-envelope, .popover .popover-content .support .icon-support, .popover .popover-content .support .glyphicon-envelope, .popover .popover-content .send-email .icon-support, .popover .popover-content .send-email .glyphicon-envelope {
        color: #e6278b;
        font-size: 20px;
        top: 5px; }
      .popover .popover-content .tour .glyphicon-envelope, .popover .popover-content .support .glyphicon-envelope, .popover .popover-content .send-email .glyphicon-envelope {
        font-size: 20px;
        top: 9px; }
      .popover .popover-content .tour .glyphicon-play-circle, .popover .popover-content .support .glyphicon-play-circle, .popover .popover-content .send-email .glyphicon-play-circle {
        font-size: 20px;
        color: #e6278b;
        margin-top: 10px; }

/*nav {
  .popover {
    width: 576px;
    max-width: 576px;
  }
}

.popover {
    @media (max-width: 768px) {
    width: 100% !important;
  }
}*/
.popover-max-width--container {
  max-width: 480px; }
  @media (min-width: 768px) {
    .popover-max-width--container {
      max-width: 768px; } }
  @media (min-width: 992px) {
    .popover-max-width--container {
      max-width: 992px; } }
  @media (min-width: 1200px) {
    .popover-max-width--container {
      max-width: 1200px; } }
  .popover-max-width--container.bottom, .popover-max-width--container.top {
    margin-left: 10px;
    margin-right: 10px; }

.progress {
  border-radius: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  background: #d5d5d5;
  /* Old browsers */ }
  .progress .six-sec-ease-in-out {
    -webkit-transition: width 3s ease-in-out;
    -moz-transition: width 3s ease-in-out;
    -ms-transition: width 3s ease-in-out;
    -o-transition: width 3s ease-in-out;
    transition: width 3s ease-in-out; }
  .progress .progress-bar {
    background: #2eabf3;
    /* Old browsers */
    text-align: right;
    font-weight: 400;
    float: left;
    z-index: 1;
    position: relative;
    text-indent: 5px;
    box-shadow: none;
    background: #2eabf3; }

.progressbar-end {
  display: inline-block;
  width: 20px;
  height: 20px;
  -moz-transform: skew(-40deg);
  -o-transform: skew(-40deg);
  -ms-transform: skew(-40deg);
  -webkit-transform: skew(-40deg);
  transform: skew(-40deg);
  z-index: 0;
  margin-left: -12px;
  position: relative;
  top: 0;
  float: left; }

.progress-bar[aria-valuenow="0"] + .progressbar-end {
  display: none; }

.select2-container--krajee .select2-selection {
  border-radius: 0; }

.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
  border-color: #2eabf3 transparent transparent transparent; }

.select2-container--krajee .select2-selection--single .select2-selection__rendered .select2-selection__clear {
  top: 3px; }

.has-error .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
  border-color: #d80024 transparent transparent transparent; }

.select2-search__field {
  width: auto;
  padding: 0 7px !important;
  line-height: 1 !important;
  height: 30px; }

.select2-container--krajee li.select2-results__option {
  background-color: #f0f3f5;
  color: #555555; }

.select2-container--krajee .select2-selection--single {
  padding: 6px 24px 6px 7px; }

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
  background-color: #0a74b1; }

.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #2eabf3 transparent; }

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
  border-left: none;
  right: 8px;
  height: 14px;
  top: 9px; }

.select2-selection:focus {
  box-shadow: inset 0 1px 1px #0a74b1, 0 0 8px #0a74b1;
  border-color: #2eabf3; }

.select2-dropdown--actions {
  display: block;
  padding: 10px;
  border-top: 1px solid #a2a2a2;
  text-align: right; }

.select2-search--inline {
  float: left; }

form.static-active-form .button-row,
form.static-active-form .static-form-input,
form.static-active-form .static-active-form-group-edit-only {
  display: none; }

form.static-active-form .button-row .loader, form.static-active-form .button-row .loader-btn, form.static-active-form .button-row .loader-right {
  position: relative;
  display: inline-block;
  margin-right: 20px; }

form.static-active-form.edit-mode .form-control-static {
  display: none; }

form.static-active-form.edit-mode .button-row,
form.static-active-form.edit-mode .static-form-input,
form.static-active-form.edit-mode .static-active-form-group-edit-only {
  display: block; }

.bootstrap-switch {
  border-radius: 0;
  border: 1px solid #2eabf3;
  width: 66px;
  height: 21px; }
  .bootstrap-switch .bootstrap-switch-label, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-primary {
    background: #fff;
    border-radius: 0 !important;
    width: 32px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400; }
    .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-label.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-primary.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-primary.bootstrap-switch-danger {
      border-radius: 0 !important;
      background: #2eabf3 !important;
      color: #fff !important;
      font-weight: 400; }
  .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #2eabf3; }
  .bootstrap-switch .bootstrap-switch-danger {
    background: #a2a2a2 !important;
    color: #555555 !important; }
  .bootstrap-switch.bootstrap-switch-disabled {
    background: #d5d5d5;
    border: 1px solid #d5d5d5 !important; }
    .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on {
      background: #a2a2a2 !important; }
  .bootstrap-switch.bootstrap-switch-off {
    border: 1px solid #d5d5d5; }

.switch-container .col-md-10 {
  padding: 0 !important; }

.primary-table {
  border: 1px solid #2eabf3;
  background: #fff; }
  .primary-table .form-group {
    margin-bottom: 0; }
  .primary-table th {
    background-color: #2eabf3;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    border-bottom: 0 !important;
    vertical-align: top !important; }
    .primary-table th a {
      color: #fff; }
    @media (max-width: 992px) {
      .primary-table th {
        font-size: 13px;
        padding: 4px 0; } }
  .primary-table tr:nth-child(1) td {
    border-top: 0 !important; }
  .primary-table td {
    vertical-align: middle !important;
    padding: 6px 10px !important;
    border-top: 1px solid #a2a2a2 !important; }
    @media (max-width: 992px) {
      .primary-table td {
        padding: 4px 0; } }
  .primary-table tr:hover {
    background: #f0f3f5; }

th a {
  color: #555555; }

.asc::after {
  position: relative;
  content: "\e113";
  font-family: "Glyphicons Halflings";
  color: #2eabf3;
  display: inline-block;
  top: 1px;
  left: 5px;
  margin: 0;
  padding: 0;
  font-size: 11px; }

.desc::after {
  position: relative;
  content: "\e114";
  font-family: "Glyphicons Halflings";
  color: #2eabf3;
  display: inline-block;
  top: 1px;
  left: 5px;
  margin: 0;
  padding: 0;
  font-size: 11px; }

.nav-tabs, .secondary > li > a, .secondary {
  border-bottom: none;
  background: #2eabf3; }
  .nav-tabs li, .secondary > li > a li, .secondary li {
    float: left;
    border-right: 1px solid #0a74b1; }
    .nav-tabs li span.circle, .secondary li span.circle {
      display: inline-block;
      border: 2px solid #fff;
      color: #fff;
      border-radius: 50%;
      width: 21px;
      height: 21px;
      padding-top: 2px;
      padding-right: 1px;
      font-size: 75%;
      font-weight: 700;
      text-align: center;
      margin-left: 5px;
      position: relative;
      top: -2px;
      right: -2px; }
  @media (max-width: 992px) {
    .nav-tabs, .secondary > li > a, .secondary {
      height: auto; } }
  .nav-tabs .arrow-down, .secondary .arrow-down {
    color: #fff;
    margin-right: 5px;
    float: left; }
    @media (min-width: 768px) {
      .nav-tabs .arrow-down, .secondary .arrow-down {
        display: none; } }
.nav-tabs > li.active > a, .secondary > li > a > li.active > a, .secondary > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: none; }

.nav-tabs > li > a, .secondary > li > a > li > a, .secondary > li > a {
  border-radius: 0;
  margin-right: 0;
  border: none;
  color: #fff;
  height: 36px;
  text-transform: uppercase;
  background-color: #2eabf3; }
  .nav-tabs > li > a:hover, .secondary > li > a > li > a:hover, .secondary > li > a:hover {
    background: #fff;
    color: #2eabf3; }
    .nav-tabs > li > a:hover .badge, .secondary > li > a:hover .badge {
      background-color: #2eabf3;
      color: #fff; }

.nav-tabs > li.disabled > a .badge, .secondary > li.disabled > a .badge {
  color: #d5d5d5; }

.nav-tabs > li.active > a, .secondary > li > a > li.active > a, .secondary > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  font-weight: 700;
  text-transform: uppercase;
  color: #2eabf3; }

.secondary {
  background: #fff;
  border-bottom: 1px solid #e6278b; }
  .secondary > li > a {
    color: #555555;
    border-bottom: 1px solid #e6278b;
    height: 36px;
    background: #fff; }
    .secondary > li > a:hover {
      background: #fff;
      border-color: #a2a2a2;
      border-bottom: 1px solid #e6278b;
      box-shadow: none; }

.secondary > li > a:focus {
  background: #fff; }

.secondary > li.active > a, .secondary > li.active > a:hover, .secondary > li.active > a:focus {
  border: 1px solid #e6278b;
  background: #fff; }

.secondary > li.active > a {
  border-bottom: none;
  color: #555555;
  box-shadow: none; }
  .secondary > li.active > a:hover {
    border-bottom: none; }

.thumbnail {
  border-radius: 0;
  min-height: 100px; }
  .thumbnail:hover {
    background: #555555;
    opacity: 0.7; }

.tooltip {
  z-index: 1000000; }

.tooltip.in {
  opacity: 1; }

.tooltip.top .tooltip-arrow {
  border-top-color: #fff; }

.tooltip-inner {
  color: #555555;
  font-weight: normal !important;
  background: #fff;
  white-space: pre-wrap;
  box-shadow: 1px 1px 10px #6f6f6f;
  text-align: left;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 12px;
  padding: 10px !important;
  opacity: 1; }
  .tooltip-inner .thumbnail {
    float: left !important;
    display: block;
    margin: 8px; }
  .tooltip-inner img {
    height: 74px;
    width: 231px; }
  .tooltip-inner span {
    display: block !important; }

.register .tooltip-inner {
  max-width: 500px; }

.tour-backdrop {
  opacity: .6;
  filter: alpha(opacity=60); }

.tour-step-background {
  border-radius: 0; }

.tour-tour .cbx-field {
  margin: 10px;
  float: right;
  cursor: pointer; }

.tour-tour .glyphicon {
  font-size: 10px; }

.tour-tour .cbx-active .glyphicon-ok {
  top: -3px; }

.tour-tour .btn-group {
  margin: 0  10px 10px 0;
  float: left; }
  .tour-tour .btn-group button {
    margin-right: 5px; }

.tour-tour .btn-default {
  display: block;
  padding: 5px 10px;
  background: #2eabf3;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 0; }
  .tour-tour .btn-default:hover, .tour-tour .btn-default:focus {
    background: #0a74b1 !important;
    color: #fff !important; }

.popover.tour-tour {
  z-index: 1200; }
  @media (max-width: 768px) {
    .popover.tour-tour {
      width: 100%; } }
.orphan {
  top: 211px !important; }

.redactor-box {
  margin-bottom: 15px;
  z-index: 50; }
  .redactor-box textarea {
    background: #fff;
    color: #555555;
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid; }

.redactor-toolbar {
  background: #2eabf3;
  box-shadow: none; }
  .redactor-toolbar li a {
    color: #fff; }
    .redactor-toolbar li a:hover {
      background-color: #0a74b1; }

.redactor-editor {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  font-weight: 400;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif !important;
  border-top: none; }
  .redactor-editor ul {
    list-style: disc; }
  .redactor-editor h1 {
    font-size: 20px;
    color: #555555;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-weight: 400; }
  .redactor-editor h2, .redactor-editor h3, .redactor-editor h4, .redactor-editor h5 {
    font-size: 18px;
    color: #2eabf3;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif; }

.border {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid; }

.border-right-gradient-primary, .left {
  border-right-color: #a2a2a2;
  border-right-width: 1px;
  border-right-style: solid; }

.border-right-gradient-secondary {
  border-right-color: #a2a2a2;
  border-right-width: 1px;
  border-right-style: solid; }

.border-top-dotted {
  border-top: 1px #555555 dotted; }

.border-bottom-dotted {
  border-bottom: 1px #555555 dotted; }

.shadow {
  box-shadow: 1px 1px 10px #a2a2a2;
  border-collapse: separate; }

.text-shadow {
  box-shadow: 1px 1px 10px #a2a2a2; }

.block-primary {
  background: #2eabf3;
  display: block;
  color: #fff !important; }
  .block-primary .icon {
    color: #fff !important; }

.block-secondary {
  background: #fff;
  display: block; }

.block-secondary-header {
  background: #2eabf3;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  vertical-align: top; }

.block-secondary-content {
  padding: 10px; }

.block-background-image {
  position: absolute;
  bottom: 16px;
  font-size: 90px;
  color: #000000;
  z-index: 0;
  right: 15px;
  opacity: .07;
  pointer-events: none; }
  @media (max-width: 768px) {
    .block-background-image {
      font-size: 81px; } }
.block-height-half {
  height: 76px; }
  @media (max-width: 992px) {
    .block-height-half {
      height: auto;
      min-height: 76px; } }
.block-height-1 {
  height: auto;
  min-height: 164px;
  overflow: hidden; }
  @media (min-width: 992px) {
    .block-height-1 {
      height: 164px; } }
.block-height-2 {
  height: 348px; }
  @media (max-width: 768px) {
    .block-height-2 {
      height: auto;
      min-height: 315px;
      overflow: hidden; } }
.block-height-2x2 {
  height: calc((348px * 2) + 20px); }
  @media (max-width: 768px) {
    .block-height-2x2 {
      height: auto;
      min-height: calc((348px * 2) + 20px);
      overflow: hidden; } }
.auto-block-height-2 {
  min-height: 314px; }
  @media (max-width: 768px) {
    .auto-block-height-2 {
      height: auto;
      min-height: 314px;
      overflow: hidden; } }
.block-height-3 {
  height: 476px; }
  @media (max-width: 768px) {
    .block-height-3 {
      height: auto;
      min-height: 476px;
      overflow: hidden; } }
.block-height-4 {
  height: 638px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .block-height-4 {
      height: auto;
      overflow: hidden; } }
body #pageLoader {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0; }
  body #pageLoader .loader, body #pageLoader .loader-btn, body #pageLoader .loader-right {
    display: none; }

body #oldBrowserNotification {
  width: 100%;
  padding: 15px;
  background-color: #f2dede;
  color: #a94442;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  body #oldBrowserNotification button.close {
    margin-right: 7px; }

body.reloading .wrap, body.data-loading .wrap {
  opacity: .25; }

body.reloading #pageLoader, body.data-loading #pageLoader {
  width: 100%;
  height: 100%;
  opacity: 1; }
  body.reloading #pageLoader .loader, body.reloading #pageLoader .loader-btn, body.reloading #pageLoader .loader-right, body.data-loading #pageLoader .loader, body.data-loading #pageLoader .loader-btn, body.data-loading #pageLoader .loader-right {
    display: block; }

body.data-loading .wrap {
  transition: opacity 1s cubic-bezier(1, 0, 1, 0.5); }

body.data-loading #pageLoader {
  transition: opacity 1s cubic-bezier(1, 0, 1, 0.5); }

body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%; }

.breadcrumb {
  background: none;
  padding-left: 0;
  margin: 0 10px; }
  @media (max-width: 992px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb > li + li:before {
    padding: 0;
    content: "/\00a0"; }
  .breadcrumb li span {
    color: #2eabf3 !important;
    padding: 0 2px; }
  .breadcrumb li span::before {
    content: '\e080'; }
  .breadcrumb li > a {
    color: #555555 !important; }
    .breadcrumb li > a:hover {
      text-decoration: underline !important; }
  .breadcrumb li:nth-child(1) span {
    display: none; }

.certificate__background {
  background-size: cover;
  background-position: 0 -1px; }

.certificate__content {
  width: 80%;
  margin: 0 auto; }

.certificate__medal {
  width: 160px;
  height: auto;
  margin: 0 auto;
  padding-top: 110px; }
  .certificate__medal img {
    width: 100%; }

.certificate__text {
  text-align: center; }
  .certificate__text h1 {
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #2eabf3;
    padding: 0 0 15px 0; }
  .certificate__text h2 {
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    color: #e6278b;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0; }
  .certificate__text h3 {
    font-size: 18px;
    font-weight: 400;
    color: #e6278b;
    width: 70%;
    margin: 20px auto 50px auto; }
  .certificate__text p {
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-size: 15px;
    font-weight: 100;
    margin: 10px 0; }
  .certificate__text img {
    width: 70%;
    max-width: 70%;
    height: auto; }

.certificate__dates {
  width: 49%;
  display: inline-block;
  margin-top: 80px; }

.certificate__date {
  display: block;
  text-align: left;
  margin-bottom: 25px; }
  .certificate__date span {
    display: inline-block; }

.certificate__date--header {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  color: #2eabf3;
  font-weight: bold;
  font-size: 16px;
  display: inline;
  margin: -37px 0 0 40px; }

.certificate__date--date {
  border-bottom: 1px solid #555555;
  width: 166px;
  margin: -15 0 0 40px;
  font-size: 16px;
  padding-bottom: 3px;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-weight: 100; }

.date-icon {
  float: left;
  display: inline;
  font-family: 'mycademy';
  font-weight: normal;
  font-size: 35px;
  vertical-align: text-top;
  color: #e6278b;
  padding-right: 20px;
  top: 0;
  position: relative; }

.certificate__signature {
  float: right;
  width: 40%;
  text-align: right;
  margin-top: -210px; }
  .certificate__signature p {
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-weight: normal;
    font-size: 14px; }
    .certificate__signature p:nth-child(3) {
      font-weight: 700; }

.signature__img {
  padding: 20px 0 0 0; }

.certificate__footer {
  margin-top: 50px;
  background-color: #2eabf3;
  height: 30px;
  padding: 10px 70px;
  clear: both; }
  .certificate__footer .icon, .certificate__footer p {
    color: #fff;
    padding: 5px 0 10px 0;
    margin: 0 0 10px 0; }
  .certificate__footer p {
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-size: 15px;
    margin-left: 20px; }
  .certificate__footer .icon {
    font-family: 'mycademy';
    font-weight: normal;
    font-size: 20px; }

.certificate__footer--email {
  float: right;
  width: 250px;
  margin-top: -52px; }

.content-block {
  padding: 17px; }

.content-block a, .content-block a:hover {
  text-decoration: underline;
  color: #2eabf3; }

.flex-column {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.flex-no-shrink {
  flex-shrink: 0; }

.flex-dynamic-height {
  overflow-y: auto; }

.footer {
  background-color: #a2a2a2;
  padding-top: 16px;
  padding-bottom: 14px;
  width: 100%; }
  .footer .container, .footer .container-fluid {
    text-align: center !important;
    color: #fff;
    font-weight: 400; }
  .footer p {
    margin: 0;
    color: #dcdcdc; }
  .footer a {
    color: #dcdcdc;
    text-decoration: underline; }
    .footer a:hover {
      color: #555555; }

@media (min-width: 992px) {
  .footer, .page-wrapper:after {
    height: 50px; } }

#profilePictureModal .glyphicon {
  margin-right: 4px; }

.navbar-header {
  height: 43px;
  margin: 0 !important; }
  @media (max-width: 992px) {
    .navbar-header {
      width: 100%;
      float: none; } }
nav .container, nav .container-fluid {
  padding-right: 15px;
  padding-left: 15px; }

.navbar {
  background: #2eabf3;
  box-shadow: 1px 1px 10px #a2a2a2;
  border: none;
  height: 44px !important;
  min-height: 44px !important;
  z-index: 1040; }
  @media (max-width: 992px) {
    .navbar {
      box-shadow: none; }
      .navbar li {
        height: auto; } }
  @media (max-width: 992px) {
    .navbar .logo_image {
      top: 4px;
      height: 35px;
      min-width: 61px;
      position: relative; }
      .navbar .logo_image img {
        max-height: 23px !important; } }
  .navbar .notification-counter, .navbar .notification-counter-action-column {
    display: block;
    float: right; }

.navbar-inverse .navbar-brand {
  color: #fff; }

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .chat .notification-counter, .chat .notification-counter-action-column {
    left: 6px;
    padding: 0 5px 0 5px;
    display: inline;
    margin-left: -14px; } }

@-moz-document url-prefix() {
  .chat .notification-counter, .chat .notification-counter-action-column {
    left: -9px;
    padding: 3px 0 0 0;
    display: inherit;
    line-height: 1;
    margin-right: -2rem; } }

.caret {
  display: none; }

.menu-user-settings .icon-switch-user {
  font-size: 14px;
  vertical-align: middle; }

.margin-top {
  margin-top: 1rem; }

.margin-right {
  margin-right: 1rem; }

.margin-left {
  margin-left: 1rem; }

.margin-bottom {
  margin-bottom: 1rem; }

.margin-top--double {
  margin-top: 2rem; }

.margin-right--double {
  margin-right: 2rem; }

.margin-left--double {
  margin-left: 2rem; }

.margin-bottom--double {
  margin-bottom: 2rem; }

.no-padding {
  padding: 0 !important; }

.padding-right {
  padding-right: 20px; }

.padding-left {
  padding-left: 20px; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

.no-margin {
  margin: 0; }

.margin-left {
  margin-left: 5px; }

.no-margin-right {
  margin-right: 0 !important; }

.no-margin-top {
  margin-top: 0; }

.text-centered {
  text-align: center; }

.text-right {
  text-align: right; }

.no-border {
  border: 0 !important; }

.auto-width {
  width: auto; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding: 5px;
  float: left; }

@media (max-width: 767px) {
  .col-xs-15 {
    width: 50%; } }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 40%; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .col-sm-15 {
      width: 33%; } }
@media (min-width: 992px) {
  .col-md-15 {
    width: 40%; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .col-md-15 {
      width: 33%; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%; } }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 43px;
  text-overflow: ellipsis; }
  .ellipsis div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 43px; }

.ellipsis.multiline {
  white-space: normal; }

#wrapper-ellipsis {
  height: 40px;
  overflow: hidden; }

.module-text-end {
  width: 100%;
  margin: 0;
  overflow: hidden; }

.text-end-fade {
  opacity: 1;
  position: relative;
  max-height: 48px;
  line-height: 1.5; }

.knowledge-item--search-result .text-end-fade {
  max-height: 75px; }

.text-end-fade:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
  height: 24px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }

.extra-content-item .text-end-fade:after {
  height: 27px; }

.notifications-popover {
  float: left;
  padding: 1rem 1rem 1rem 0; }
  .notifications-popover .btn-secondary, .notifications-popover .bootbox .btn-primary, .bootbox .notifications-popover .btn-primary {
    width: auto;
    border-radius: 0px; }
  .notifications-popover .pagination {
    margin: 0;
    position: absolute;
    bottom: 0; }
  .notifications-popover .loader, .notifications-popover .loader-btn, .notifications-popover .loader-right {
    margin: 0 auto; }
  .notifications-popover .right {
    right: 15px; }
    .notifications-popover .right a {
      height: 32px; }
  .notifications-popover .popover {
    max-width: none; }
    .notifications-popover .popover .message-container .toggle-back {
      display: none;
      float: left; }
    .notifications-popover .popover .message-container .notification-bulk-action {
      display: none; }
    .notifications-popover .popover .border-right-gradient-secondary {
      border: none; }
      @media (min-width: 768px) {
        .notifications-popover .popover .border-right-gradient-secondary {
          border-right-color: #a2a2a2;
          border-right-width: 1px;
          border-right-style: solid;
          border-left: 0; } }
    @media (max-width: 768px) {
      .notifications-popover .popover {
        width: 100%;
        left: 0 !important; }
        .notifications-popover .popover .inbox-container {
          width: 100%;
          display: block;
          transition: width 0.4s;
          overflow: hidden; }
        .notifications-popover .popover .message-container {
          width: 0;
          transition: width 0.4s; }
          .notifications-popover .popover .message-container .notification {
            width: 400px; }
          .notifications-popover .popover .message-container .notification-bulk-action {
            display: none; }
          .notifications-popover .popover .message-container .pagination {
            display: none; }
        .notifications-popover .popover .inbox-container.in {
          width: 0; }
        .notifications-popover .popover .message-container.out .toggle-back {
          display: block; }
        .notifications-popover .popover .message-container.out .notification {
          margin: 49px 0 20px;
          width: 100%; }
        .notifications-popover .popover .message-container.out {
          width: 100%; }
          .notifications-popover .popover .message-container.out .notification-bulk-action {
            display: block; }
          .notifications-popover .popover .message-container.out .pagination {
            display: block;
            margin: 0 auto;
            width: 100px;
            height: 44px; } }
    .notifications-popover .popover #notifications {
      width: 574px;
      height: 250px; }
      @media (max-width: 768px) {
        .notifications-popover .popover #notifications {
          width: auto; } }
    .notifications-popover .popover .secondary {
      margin-bottom: 13px; }
    .notifications-popover .popover .summary {
      display: none; }
    .notifications-popover .popover .popover-content {
      padding: 2rem;
      overflow: auto;
      max-height: calc(100vh - 120px);
      overflow-x: hidden;
      width: 100%; }
      @media (max-width: 768px) {
        .notifications-popover .popover .popover-content {
          height: 60vh;
          padding: 10px; } }
    .notifications-popover .popover .icon {
      font-size: 22px;
      float: left;
      margin-right: 4px; }
    .notifications-popover .popover .icon-email {
      font-size: 21px; }
    .notifications-popover .popover th {
      padding: 0 4px; }
    .notifications-popover .popover #notificationsGrid td {
      cursor: pointer; }
    .notifications-popover .popover td {
      padding: 4px; }
      .notifications-popover .popover td span {
        font-size: 16px; }
    .notifications-popover .popover .col-lg-12 {
      padding: 5px 0; }
    .notifications-popover .popover .col-lg-6 {
      padding: 0 10px;
      min-height: 250px;
      padding-bottom: 20px; }
      @media (max-width: 768px) {
        .notifications-popover .popover .col-lg-6 {
          padding-bottom: 20px;
          min-height: 1px; } }
    .notifications-popover .popover .unread {
      font-weight: bold; }
    .notifications-popover .popover .icon, .notifications-popover .popover span[class^='icon'] {
      color: #2eabf3; }

.notification__message {
  font-size: 1.35rem;
  margin-bottom: 4rem; }
  .notification__message > h3 {
    font-size: 1.8rem; }
  .notification__message ul {
    list-style-type: disc; }
  .notification__message ul, .notification__message ol {
    margin-left: 2rem; }
  .notification__message p {
    margin: 0; }

p.message__subtitle {
  font-size: 1.2rem;
  padding: 0.3rem 0 1rem 0;
  border-bottom: 1px solid #555555;
  margin: 0 0 2rem 0; }

.wrap .container h1:nth-of-type(2), .wrap .container-fluid h1:nth-of-type(2) {
  margin: 20px 5px 5px !important;
  font-size: 16px !important; }

.header {
  margin: 18px 5px 9px; }
  .header span {
    font-size: 38px;
    display: block;
    float: left; }
  .header .header-title {
    width: 82%;
    font-size: 20px;
    margin-top: 8px; }
  .header .clear {
    clear: both; }

.tile img {
  margin: -13px 0; }
  @media (max-width: 400px) {
    .tile img {
      width: 88%;
      margin: 0; } }
.rf-tile__header_max-width {
  max-width: 75%; }
  @media (min-width: 568px) {
    .rf-tile__header_max-width {
      max-width: 86%; } }
  @media (min-width: 768px) {
    .rf-tile__header_max-width {
      max-width: 90%; } }
  @media (min-width: 1024px) {
    .rf-tile__header_max-width {
      max-width: 90%; } }
  @media (min-width: 1200px) {
    .rf-tile__header_max-width {
      max-width: 92%; } }
.page-wrapper {
  min-height: 100%;
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .page-wrapper {
      margin-bottom: -50px; } }
.page-wrapper:after {
  content: "";
  display: block; }

.container > h1 span, .container-fluid > h1 span {
  margin-right: 5px; }

.container-text-overflow-ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal; }

.nowrap {
  white-space: nowrap; }

.layout__quote .quote__content {
  width: 80%;
  margin: 0 auto;
  padding-top: 24px; }

.layout__quote .w-100 {
  width: 100%; }

.layout__quote .w-50 {
  width: 236pt; }

.layout__quote .col-right {
  float: right; }

.layout__quote .col-left {
  float: left; }

.layout__quote h1 {
  font-size: 24pt; }

.layout__quote p, .layout__quote td {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 12px; }

.layout__quote td.p-12 {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 12px; }

.layout__quote .border-around {
  border: 1pt solid black; }
  .layout__quote .border-around tr, .layout__quote .border-around td {
    border: 1pt solid black; }

.layout__quote .border-left {
  border-left: 1px solid black; }

.layout__quote .quote__img {
  padding: 20px 0 0 0; }

.layout__quote .margin-top-12 {
  margin-top: 12px; }

.layout__quote .p-12 {
  padding: 12px;
  font-size: 16px; }

.layout__quote .quote__footer {
  margin-top: 50px;
  height: 30px;
  padding: 10px 70px;
  clear: both; }
  .layout__quote .quote__footer p {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-size: 12px;
    margin-left: 20px; }

.layout__quote .quote__footer--email {
  float: right;
  width: 250px;
  margin-top: -52px; }

#vendorClassroomTraining #runs, #vendorClassroomTraining #runs-collapse {
  overflow: hidden; }
  #vendorClassroomTraining #runs .bootstrap-timepicker-widget.dropdown-menu:after, #vendorClassroomTraining #runs-collapse .bootstrap-timepicker-widget.dropdown-menu:after {
    border-top: .375rem solid #FFF !important;
    bottom: -.375rem !important; }
  #vendorClassroomTraining #runs .dropdown-menu, #vendorClassroomTraining #runs-collapse .dropdown-menu {
    top: -300% !important; }
  #vendorClassroomTraining #runs #runs-explanation, #vendorClassroomTraining #runs-collapse #runs-explanation {
    max-width: 800px; }
  #vendorClassroomTraining #runs #startDate-container, #vendorClassroomTraining #runs-collapse #startDate-container {
    display: flex;
    border: 1px solid lightgrey;
    height: 550px;
    position: relative; }
    #vendorClassroomTraining #runs #startDate-container #startDate-side, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side {
      flex: 0 0 250px;
      overflow-y: auto;
      border-right: 1px solid lightgrey;
      display: flex;
      flex-direction: column; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header {
        padding: 5px;
        border-bottom: 2px solid #2eabf3;
        display: flex;
        background: #f0f3f5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar {
          display: flex;
          flex: 1;
          padding: 10px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar div, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar div {
            padding: 2px;
            cursor: pointer; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-button-add-start-date, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-button-add-start-date {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list {
        flex: 1;
        overflow-y: scroll; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item {
          border-bottom: 1px solid lightgrey;
          cursor: pointer;
          display: flex; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .name, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .name {
            padding: 10px;
            flex: 1; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .name.warning, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .name.warning {
            border-left: 5px solid orange; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .icon-trash-bin {
            padding: 10px;
            color: gray;
            cursor: pointer;
            visibility: hidden; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .js__remove.denied, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .js__remove.denied {
            opacity: 0.5;
            cursor: default; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover {
          background: #ddd; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .icon-trash-bin {
            visibility: visible; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover {
          background: #2eabf3;
          color: white; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .icon-trash-bin, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .icon-trash-bin {
            color: white;
            visibility: visible; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item.disabled:not(.startDate-list-item-selected), #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item.disabled:not(.startDate-list-item-selected) {
          opacity: 0.5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item.hidden, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item.hidden {
          display: none; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side label#hideFromPastLabel, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side label#hideFromPastLabel {
        padding: 10px;
        color: grey;
        font-style: italic;
        cursor: pointer;
        user-select: none;
        margin: 0; }
    #vendorClassroomTraining #runs #startDate-container #startDate-main, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: hidden; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main h1, #vendorClassroomTraining #runs #startDate-container #startDate-main p, #vendorClassroomTraining #runs #startDate-container #startDate-main button, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main h1, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main p, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main button {
        overflow: hidden;
        text-overflow: ellipsis; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-navbar, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-navbar {
        padding: 5px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-navbar a, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-navbar a {
          cursor: pointer; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content {
        overflow-y: auto;
        flex: 1; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content #startDate-empty-content, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content #startDate-empty-content {
          text-align: center;
          margin: 100px 0; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content #startDate-empty-content .form-group, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content #startDate-empty-content .form-group {
            max-width: 400px;
            margin: 30px auto; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content input, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content select, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content input, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content select {
          width: 100%;
          padding: 6px 12px;
          background: none;
          border: 1px solid darkgray; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block {
          padding: 15px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block-narrow, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block-narrow {
          max-width: 500px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block-dark, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block-dark {
          border-top: 1px solid lightgrey;
          border-bottom: 1px solid lightgrey;
          background: #f0f3f5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table {
          width: 100%;
          margin: 10px 0; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table th, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table th {
            padding: 6px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td {
            border-bottom: 1px solid lightgrey;
            background: white; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .icon-trash-bin.disabled, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .icon-trash-bin.disabled {
              opacity: 0.5;
              cursor: default; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .form-group, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .form-group {
              margin: 0; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .help-block, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .help-block {
              margin: 0;
              padding-left: 5px;
              border-left: 5px solid; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .select2-selection, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .select2-selection {
              box-shadow: none; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table input, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table select, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table input, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table select {
            border: 0;
            box-shadow: none;
            width: 70%;
            height: auto;
            background: linear-gradient(to right, #000, #000) 5px calc(100% - 5px)/calc(100% - 10px) 1px no-repeat;
            background-color: #fcfcfc;
            padding: 10px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table input.run-total-cost, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table input.run-total-cost {
            background: none !important; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table .icon-trash-bin, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table .glyphicon-duplicate {
            color: grey;
            cursor: pointer;
            padding: 10px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table.dark td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table.dark td {
          background: #efefef; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table.dark .light td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table.dark .light td {
          background: white; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-general-info .select2-container, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-general-info .select2-container {
        width: 100%; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-cost-list .select2-container, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-cost-list .select2-container {
        width: 100%; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-cost-list .select2-selection, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-cost-list .select2-selection {
        background: none;
        border: 0; }

#vendorClassroomTraining #runs-collapse #startDate-container {
  height: auto;
  flex-wrap: wrap; }
  #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side {
    flex: 1 1 100%;
    max-height: 300px; }
  #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main {
    overflow: visible;
    width: 100%; }

#vendorClassroomTraining #updated-summary .errorMessage {
  padding: 10px;
  border: 2px solid red;
  color: red;
  font-weight: bold; }

#vendorClassroomTraining #updated-summary table {
  width: 100%; }
  #vendorClassroomTraining #updated-summary table tr:not(:last-child) {
    border-bottom: 1px solid lightgrey; }
  #vendorClassroomTraining #updated-summary table tr.error {
    border-bottom: 1px solid red; }
    #vendorClassroomTraining #updated-summary table tr.error td {
      color: red;
      font-weight: bold; }
  #vendorClassroomTraining #updated-summary table td, #vendorClassroomTraining #updated-summary table th {
    padding: 10px 0; }
  #vendorClassroomTraining #updated-summary table th {
    width: 30%; }
  #vendorClassroomTraining #updated-summary table hr {
    margin: 10px 0; }

#vendorClassroomTraining #updated-summary .clickable {
  cursor: pointer; }

#vendorClassroomTraining #summary, #vendorClassroomTraining #summary-collapse {
  padding: 10px; }

.vendor-classroom-training-index .action-column {
  width: 100px; }

.menu-item-academy-settings form#academy-overall-details .loader, .menu-item-academy-settings form#academy-overall-details .loader-btn, .menu-item-academy-settings form#academy-overall-details .loader-right {
  top: -70px;
  left: -30px; }

.menu-item-academy-settings .academy-logo-container {
  height: 100%; }

.summary {
  margin: 10px 0; }

.has-success.form-group .select2-dropdown, .has-success.form-group .select2-selection, .has-success.form-group .control-label, .has-success.form-group .form-control, .has-success.form-group .input-group-addon {
  color: #2eabf3;
  box-shadow: none !important;
  -moz-box-shadow: none !important; }

.has-success.form-group .input-group-addon {
  background-color: #eee;
  color: #555; }

.has-success.form-group .form-control {
  color: #555555; }

#courseSearchForm #course-options, #userSearchForm #course-options, #organizationSearchForm #course-options {
  margin-top: 15px; }

#courseSearchForm .form-group, #userSearchForm .form-group, #organizationSearchForm .form-group {
  margin: 0;
  width: 100%; }
  #courseSearchForm .form-group input, #userSearchForm .form-group input, #organizationSearchForm .form-group input {
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid;
    border-right: none; }

#courseSearchForm .cbx-container, #userSearchForm .cbx-container, #organizationSearchForm .cbx-container {
  float: left;
  margin-right: 6px;
  margin-top: -2px; }

#courseSearchForm .cbx-field .help-block, #userSearchForm .cbx-field .help-block, #organizationSearchForm .cbx-field .help-block {
  display: none; }

#courseSearchForm .help-block, #userSearchForm .help-block, #organizationSearchForm .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

#courseSearchForm #coursesearch-search, #userSearchForm #coursesearch-search, #organizationSearchForm #coursesearch-search {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  box-shadow: none; }

#courseSearchForm:hover, #courseSearchForm:focus, #userSearchForm:hover, #userSearchForm:focus, #organizationSearchForm:hover, #organizationSearchForm:focus {
  box-shadow: none; }

.uneditable {
  background: #e7ecef; }
  .uneditable .row-actions a:nth-child(2), .uneditable .row-actions a:nth-child(3) {
    display: none; }
  .uneditable:hover {
    color: #555555; }

.course-disabled {
  background: #e7ecef; }
  .course-disabled:hover {
    color: #555555; }
  .course-disabled .course-name {
    text-decoration: line-through; }

.user-disabled {
  background: #e7ecef; }
  .user-disabled:hover {
    color: #555555; }
  .user-disabled .user-name {
    text-decoration: line-through; }

.field-course-options ul {
  width: 100%; }
  .field-course-options ul li {
    width: 54%;
    display: block;
    float: left; }
    @media (max-width: 666px) {
      .field-course-options ul li {
        float: none;
        width: 100%; } }
  .field-course-options ul li:nth-last-child(1) {
    width: 46%;
    float: right; }
    .field-course-options ul li:nth-last-child(1) .select2-container--krajee {
      float: right; }
  @media (max-width: 666px) {
    .field-course-options ul li:nth-last-child(1) {
      width: 100%;
      float: left;
      margin-top: 2rem; }
      .field-course-options ul li:nth-last-child(1) .select2-container--krajee {
        float: left; } }
  .field-course-options ul .cbx-field {
    width: 100%;
    cursor: pointer; }

@media (max-width: 992px) {
  .field-course-options {
    width: 100%; } }

#toggle-course-options {
  display: none; }

@media (max-width: 666px) {
  #course-options {
    overflow: hidden;
    min-height: 32px; }
    #course-options .control-label {
      display: block; }
    #course-options .glyphicon-chevron-down {
      margin: 0 0 0 6px; }
    #course-options .field-course-options {
      display: block;
      margin-top: -115px;
      transition: 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      height: 0; }
    #course-options #toggle-course-options {
      display: block;
      width: 100%;
      height: 32px;
      color: #fff;
      background: #2eabf3;
      border: none;
      outline: none;
      text-align: center;
      position: relative;
      z-index: 1;
      padding: 0; }
  #course-options.open .field-course-options {
    display: block;
    margin-top: 10px;
    transition: 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    height: 55px; }
    #course-options.open .field-course-options .cbx-field {
      margin-bottom: 14px; }
  #course-options.open .glyphicon-chevron-down {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

@media (max-width: 667px) {
  #courses .grid-view {
    overflow-x: scroll; } }

#assign_knowledge_search_form {
  margin-bottom: 1rem; }

#assignKnowledgeModal .rf-tile {
  box-shadow: none;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd; }

#assignKnowledgeModal .row {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -10px;
  margin-left: -10px; }

#assignUsersList {
  overflow-y: auto; }
  #assignUsersList table .cbx-container {
    margin-top: -8px; }
  #assignUsersList table i.glyphicon {
    top: -3px; }

@media (min-width: 992px) {
  #learning_path_target_date_picker_wrapper {
    margin-bottom: 40px;
    float: right; } }

@media (max-width: 767px) {
  #learning_path_target_date_picker_wrapper {
    padding: 0; } }

@media (min-width: 768px) {
  #learning_path_target_date_picker_wrapper {
    padding-right: 0; } }

#learning_path_target_date_picker_wrapper h3 {
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    #learning_path_target_date_picker_wrapper h3 {
      float: left;
      margin: 0.9rem; } }
#assign-knowledge-cancel-modal {
  margin: 0 1rem 0 0; }

.assign-knowledge-grid-checkbox-wrapper {
  text-align: center; }

#assignUsersList table th .assign-knowledge-grid-checkbox-wrapper .cbx-container {
  margin-top: -3px;
  margin-left: 5px !important; }
  #assignUsersList table th .assign-knowledge-grid-checkbox-wrapper .cbx-container .glyphicon.glyphicon-ok {
    top: 0 !important; }

.js__assign_knowledge_button {
  cursor: pointer; }

.assign-knowledge-form-button-wrapper {
  margin-top: -33px; }
  .assign-knowledge-form-button-wrapper.no-pagination {
    margin-top: 0; }

#learning_path_target_date_picker_wrapper.no-pagination {
  margin-top: 2rem;
  margin-bottom: 2rem; }

@media (min-width: 992px) {
  #learning_path_target_date_picker_wrapper #learning_path_target_date_picker-kvdate {
    width: unset; } }

.datepicker-days .table-condensed td.cw {
  color: #d5d5d5; }

.datepicker-days .table-condensed td.day {
  cursor: pointer;
  padding-top: 8px; }

.cloudflare-wrap {
  padding: 0 0 48px;
  height: 100%; }

.error-header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  z-index: 1;
  box-shadow: 0px, 2px, 5px, 0px; }
  .error-header .navbar-brand {
    color: #2eabf3;
    padding: 12px 15px;
    height: 50px; }
    .error-header .navbar-brand .icon-training {
      color: #2eabf3;
      font-size: 25px;
      text-align: center;
      padding-right: 10px; }

.error-content {
  text-align: center;
  background-color: #2eabf3;
  color: #fff;
  height: 100%;
  padding-top: 80px;
  position: relative; }
  @media (min-width: 667px) {
    .error-content {
      padding-top: 140px; } }
  .error-content .icon-training {
    font-size: 100px;
    line-height: 0;
    color: #fff; }
    @media (min-width: 667px) {
      .error-content .icon-training {
        font-size: 200px; } }
  .error-content h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff; }
    @media (min-width: 667px) {
      .error-content h1 {
        margin-bottom: 40px; } }
  .error-content h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px; }
  .error-content p {
    font-size: 14px; }
  .error-content a {
    font-weight: 600;
    text-decoration: underline;
    color: #fff; }
  .error-content .view_error {
    margin-top: 30px;
    padding: 10px 0;
    cursor: pointer; }
    .error-content .view_error .glyphicon-chevron-down {
      display: inline;
      top: 3px; }
    .error-content .view_error .glyphicon-chevron-up {
      display: none;
      top: 3px; }
  .error-content .view_error[aria-expanded=true] .glyphicon-chevron-down {
    display: none; }
  .error-content .view_error[aria-expanded=true] .glyphicon-chevron-up {
    display: inline; }
  .error-content .error-message {
    background-color: #fff;
    margin-bottom: 50px; }
    .error-content .error-message h1, .error-content .error-message h2, .error-content .error-message p, .error-content .error-message a {
      color: #2eabf3; }
    .error-content .error-message h1 {
      font-size: 25px;
      margin-bottom: 15px; }
    .error-content .error-message .glyphicon-alert {
      color: #fb881f;
      font-size: 80%;
      margin-right: 5px; }

.required-error {
  color: #d80024; }

.menu-item-enrollment .labs a:hover .text-end-fade:after, .menu-item-enrollment .exams a:hover .text-end-fade:after, .menu-item-enrollment .teacher a:hover .text-end-fade:after {
  display: none; }

.menu-item-enrollment .labs .text-end-fade:after, .menu-item-enrollment .exams .text-end-fade:after, .menu-item-enrollment .teacher .text-end-fade:after {
  bottom: -3px; }

.menu-item-enrollment .labs .list-big-items, .menu-item-enrollment .exams .list-big-items, .menu-item-enrollment .teacher .list-big-items {
  list-style: none;
  max-height: 251px;
  overflow: auto; }

.menu-item-enrollment .labs .list-big-items li, .menu-item-enrollment .exams .list-big-items li, .menu-item-enrollment .teacher .list-big-items li {
  padding: 14px 0; }

.menu-item-enrollment .labs .canvas_container, .menu-item-enrollment .exams .canvas_container, .menu-item-enrollment .teacher .canvas_container {
  margin-top: -22px; }

.menu-item-enrollment .labs .text-end-fade, .menu-item-enrollment .exams .text-end-fade, .menu-item-enrollment .teacher .text-end-fade {
  height: 49px;
  padding: 5px 0;
  line-height: 14px;
  font-size: 13px; }

.menu-item-enrollment div.not-active-course:hover .block-secondary-header {
  opacity: 0.7; }

.menu-item-enrollment div.not-active-course:hover .block-secondary-content {
  color: #f0f3f5;
  background-color: #f0f3f5;
  height: calc(100% - 36px); }
  .menu-item-enrollment div.not-active-course:hover .block-secondary-content span.big, .menu-item-enrollment div.not-active-course:hover .block-secondary-content .big-icon-link span.small, .big-icon-link .menu-item-enrollment div.not-active-course:hover .block-secondary-content span.small {
    color: #f0f3f5; }
  .menu-item-enrollment div.not-active-course:hover .block-secondary-content .icon {
    color: #fff; }
  .menu-item-enrollment div.not-active-course:hover .block-secondary-content .text-end-fade:after {
    display: none; }

.follow-course-btn span {
  vertical-align: middle !important;
  display: inherit;
  text-align: center; }

.follow-course-btn .rf-btn {
  display: initial !important; }

@media (max-width: 992px) {
  #course_preview .image, #course_progress .image, #education_progress .image {
    display: none; } }

@media (max-width: 768px) {
  #course_preview #preview_thumb, #course_progress #preview_thumb, #education_progress #preview_thumb {
    margin-top: 25px; } }

#course_preview .image, #course_progress .image, #education_progress .image {
  margin-top: -15px; }

#course_preview .course_picture, #course_progress .course_picture, #education_progress .course_picture {
  min-height: 63px;
  display: block;
  cursor: pointer; }
  #course_preview .course_picture:hover .edit, #course_progress .course_picture:hover .edit, #education_progress .course_picture:hover .edit {
    display: block;
    position: absolute;
    top: 0;
    background: #545454;
    opacity: 0.7;
    color: #fff;
    max-width: 168px;
    max-height: 112px;
    text-align: center;
    padding: 15px 0;
    height: 100%;
    width: 100%;
    cursor: pointer; }
    #course_preview .course_picture:hover .edit span, #course_progress .course_picture:hover .edit span, #education_progress .course_picture:hover .edit span {
      position: relative;
      font-size: 30px;
      color: #fff; }
    #course_preview .course_picture:hover .edit p, #course_progress .course_picture:hover .edit p, #education_progress .course_picture:hover .edit p {
      font-size: 15px; }

#course_preview .course_picture, #course_progress .course_picture, #education_progress .course_picture {
  border: 1px solid #fff;
  max-height: 85px;
  width: 100%;
  max-width: 168px; }
  @media (max-width: 768px) {
    #course_preview .course_picture, #course_progress .course_picture, #education_progress .course_picture {
      left: 50%;
      margin-left: 0; } }
  #course_preview .course_picture span, #course_progress .course_picture span, #education_progress .course_picture span {
    position: relative;
    font-size: 30px;
    color: #fff; }
  #course_preview .course_picture p, #course_progress .course_picture p, #education_progress .course_picture p {
    font-size: 13px;
    margin: 0 auto;
    position: relative; }

#course_preview .edit, #course_progress .edit, #education_progress .edit {
  display: none; }

#course_preview .price, #course_progress .price, #education_progress .price {
  font-weight: bold;
  font-size: 33px; }

#course_preview .spacing, #course_progress .spacing, #education_progress .spacing {
  height: 48px; }

#course_preview .btn-secondary, #course_preview .bootbox .btn-primary, .bootbox #course_preview .btn-primary, #course_progress .btn-secondary, #course_progress .bootbox .btn-primary, .bootbox #course_progress .btn-primary, #education_progress .btn-secondary, #education_progress .bootbox .btn-primary, .bootbox #education_progress .btn-primary {
  padding: 10px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 23px 0 0;
  width: 85%;
  font-weight: bold;
  font-size: 15px; }
  @media (max-width: 992px) {
    #course_preview .btn-secondary, #course_preview .bootbox .btn-primary, .bootbox #course_preview .btn-primary, #course_progress .btn-secondary, #course_progress .bootbox .btn-primary, .bootbox #course_progress .btn-primary, #education_progress .btn-secondary, #education_progress .bootbox .btn-primary, .bootbox #education_progress .btn-primary {
      max-width: 250px;
      text-align: center;
      width: 100%; } }
#course_preview p, #course_progress p, #education_progress p {
  margin: 0; }

#course_preview .spacer, #course_progress .spacer, #education_progress .spacer {
  height: 0; }
  @media (max-width: 768px) {
    #course_preview .spacer, #course_progress .spacer, #education_progress .spacer {
      height: 20px; } }
@media (max-width: 1200px) {
  #education_progress {
    height: auto; } }

#course_preview .months {
  font-size: 20px; }

#course_preview .icon-lll {
  font-size: 75px;
  position: relative;
  display: block;
  margin: -15px 0 0 -40px; }

@media (max-width: 480px) {
  #course_preview .statistic-big-info {
    width: 100%; } }

#course_progress .margin-bottom, #education_progress .margin-bottom {
  margin-bottom: 10px; }

#course_progress .statistic-big, #education_progress .statistic-big {
  text-align: left; }
  #course_progress .statistic-big .icon, #education_progress .statistic-big .icon {
    float: left; }
  @media (max-width: 480px) {
    #course_progress .statistic-big .statistic-big-info, #education_progress .statistic-big .statistic-big-info {
      width: 100%; }
    #course_progress .statistic-big .icon, #education_progress .statistic-big .icon {
      float: none; } }
  #course_progress .statistic-big .icon-score, #education_progress .statistic-big .icon-score {
    color: #fff; }
  #course_progress .statistic-big .duration, #education_progress .statistic-big .duration {
    font-size: 20px; }

#course_progress .months, #education_progress .months {
  font-size: 20px; }

#course_progress .btn-secondary, #course_progress .bootbox .btn-primary, .bootbox #course_progress .btn-primary, #education_progress .btn-secondary, #education_progress .bootbox .btn-primary, .bootbox #education_progress .btn-primary {
  max-width: 250px;
  text-align: center;
  width: 100%;
  float: none; }
  @media (min-width: 768px) {
    #course_progress .btn-secondary, #course_progress .bootbox .btn-primary, .bootbox #course_progress .btn-primary, #education_progress .btn-secondary, #education_progress .bootbox .btn-primary, .bootbox #education_progress .btn-primary {
      float: right; } }
  #course_progress .btn-secondary .glyphicon-play-circle, #course_progress .bootbox .btn-primary .glyphicon-play-circle, .bootbox #course_progress .btn-primary .glyphicon-play-circle, #education_progress .btn-secondary .glyphicon-play-circle, #education_progress .bootbox .btn-primary .glyphicon-play-circle, .bootbox #education_progress .btn-primary .glyphicon-play-circle {
    color: #fff;
    vertical-align: text-bottom;
    margin-right: 5px; }
  @media (min-width: 992px) {
    #course_progress .btn-secondary, #course_progress .bootbox .btn-primary, .bootbox #course_progress .btn-primary, #education_progress .btn-secondary, #education_progress .bootbox .btn-primary, .bootbox #education_progress .btn-primary {
      margin: 0;
      min-width: 219px;
      width: auto;
      float: right; } }
#course_progress .continue-course-btn, #education_progress .continue-course-btn {
  cursor: pointer; }

#course_progress p, #education_progress p {
  margin: 0; }

#course_progress .canvas_container, #education_progress .canvas_container {
  float: left;
  margin-right: 5px; }
  @media (max-width: 480px) {
    #course_progress .canvas_container, #education_progress .canvas_container {
      float: none;
      margin: 0 auto; } }
.glyphicon-play-circle {
  font-size: 16px;
  color: #fff;
  padding-right: 10px; }

.play-lab .glyphicon-play-circle {
  color: #2eabf3; }

.menu-item-enrollment .course_chapters span.glyphicon.glyphicon-chevron-right {
  width: 21px; }

.icon-score {
  color: #ffc747;
  font-size: 30px; }

.canvas_container {
  left: 0;
  text-align: center;
  display: inline-block;
  vertical-align: top; }

.course_text {
  padding: 15px 10px 50px 10px; }
  .course_text ol {
    font-size: 1.35rem;
    margin: 7px 0 0 13px; }
    .course_text ol li {
      padding: 0 0 0.2rem 0; }
  .course_text ul {
    margin: 7px 0 16px; }
    .course_text ul li {
      padding: 0 0 0 20px;
      display: block;
      position: relative;
      border-bottom: none;
      line-height: 18px; }
      .course_text ul li::before {
        position: absolute;
        content: "\e080";
        font-family: "Glyphicons Halflings";
        color: #2eabf3;
        display: inline-block;
        left: 0;
        margin: 0;
        padding: 0; }
      .course_text ul li a {
        padding: 6px 0;
        color: #555555;
        display: block; }
  @media (max-width: 992px) {
    .course_text .border-right-gradient-secondary {
      border-right: 0; } }
  .course_text .course_chapters {
    padding: 5px 10px; }

.course_chapters {
  padding: 0; }
  .course_chapters .knowledgeitem-details ul li {
    padding: 2px 0 2px 20px;
    display: block;
    position: relative;
    border-bottom: 1px solid #d5d5d5;
    transition: background-color 0.5s ease;
    background: #fff; }
    .course_chapters .knowledgeitem-details ul li::before {
      position: absolute;
      content: "\e080";
      font-family: "Glyphicons Halflings";
      color: #2eabf3;
      display: inline-block;
      top: 10px;
      left: 0;
      margin: 0;
      padding: 0; }
    .course_chapters .knowledgeitem-details ul li:hover {
      background: #f0f3f5; }
    .course_chapters .knowledgeitem-details ul li a {
      padding: 6px 0;
      color: #555555;
      display: block; }

.course_content {
  padding: 20px; }
  .course_content .sub-course-content:nth-last-child(1) {
    border-bottom: none; }
  .course_content h2 {
    display: inline-block; }
  .course_content h3 {
    margin: 10px 0;
    display: inline; }
  .course_content h4 {
    color: #2eabf3;
    display: inline-block; }
  .course_content .sub-course-content {
    margin-bottom: 4rem; }
    .course_content .sub-course-content .trial-access-message {
      padding: 20px;
      background: #2eabf3;
      color: #fff; }

.icon-browser-check {
  color: #555555; }

#course_content_container_progress {
  height: 841px; }
  #course_content_container_progress .time {
    font-weight: bold; }
  #course_content_container_progress .course-launch.dropdown-primary {
    padding: 0; }
  #course_content_container_progress .full-width {
    width: 100% !important; }
  #course_content_container_progress .tab-content {
    overflow: auto;
    height: 800px; }
  #course_content_container_progress .icon-score, #course_content_container_progress .icon-finish {
    font-size: 18px;
    margin-right: 3px;
    vertical-align: middle; }
  #course_content_container_progress .icon-finish {
    color: #e6278b;
    vertical-align: middle; }
  #course_content_container_progress .link {
    color: #555555;
    display: block;
    float: left;
    width: calc(100% - 15px); }
  #course_content_container_progress .play {
    width: 3%;
    color: #e6278b;
    font-size: 1.7rem; }
  #course_content_container_progress .play-lab {
    width: 1%;
    padding-right: 5px; }
    #course_content_container_progress .play-lab .glyphicon-play-circle {
      font-size: 30px; }
  #course_content_container_progress .labs-button {
    width: 1%;
    text-align: right; }
    #course_content_container_progress .labs-button button {
      float: right; }
  #course_content_container_progress .chapter_title-lab {
    width: 52%;
    font-weight: bold;
    padding-left: 1rem; }
  #course_content_container_progress .chapter_title {
    width: 50%;
    font-weight: bold;
    padding-left: 1rem; }
  #course_content_container_progress .sub-course-content h2 + span.glyphicon {
    color: #e6278b;
    cursor: pointer; }
  #course_content_container_progress .progress-bar-section {
    width: 16.66666667%; }
  #course_content_container_progress .duration {
    width: 14.66666667%;
    font-weight: bold; }
  #course_content_container_progress .text {
    position: relative;
    font-weight: 300; }
  #course_content_container_progress .score {
    width: 10%;
    font-weight: bold; }
  #course_content_container_progress .chapter_time_left {
    width: 40rem; }
  #course_content_container_progress .collapse-button {
    padding: 0; }
  #course_content_container_progress .knowledgeitem-details {
    font-weight: normal;
    margin: 0;
    width: 51%;
    padding-right: 10px;
    padding-left: 31px; }
    #course_content_container_progress .knowledgeitem-details p {
      margin: 0 0 8px; }
    @media (max-width: 992px) {
      #course_content_container_progress .knowledgeitem-details {
        width: 100%; } }
  @media (max-width: 768px) {
    #course_content_container_progress .duration, #course_content_container_progress .score {
      display: none; } }
  #course_content_container_progress .characteristics {
    padding: 15px 10px; }

#course_content_container_info .knowledgeitem-details ul, #course_content_container_progress .knowledgeitem-details ul {
  margin: 20px 0 16px;
  background: none; }
  #course_content_container_info .knowledgeitem-details ul li, #course_content_container_progress .knowledgeitem-details ul li {
    padding: 0 0 0 20px;
    display: block;
    position: relative;
    border-bottom: none;
    line-height: 18px;
    background: none; }
    #course_content_container_info .knowledgeitem-details ul li::before, #course_content_container_progress .knowledgeitem-details ul li::before {
      position: absolute;
      content: "\e080";
      font-family: "Glyphicons Halflings";
      color: #2eabf3;
      display: inline-block;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0; }
    #course_content_container_info .knowledgeitem-details ul li a, #course_content_container_progress .knowledgeitem-details ul li a {
      padding: 6px 0;
      color: #555555;
      display: block;
      background: none; }

#course_content_container_info .tab-content {
  overflow: auto;
  height: calc(100% - 36px); }

#course_content_container_info .knowledgeitem-details {
  font-weight: normal;
  padding-left: 24px;
  margin: 11px 0 3px;
  padding-right: 10px; }

#course_content_container_info [toggle-display-button] {
  padding: 1rem 0; }

#course_content_container_info .chapter_header {
  font-weight: bold; }

.characteristics .requirements .icon {
  font-size: 22px;
  color: #2eabf3;
  vertical-align: middle;
  margin-right: 5px; }

.characteristics .requirements strong {
  display: block; }

.characteristics .browser-support .glyphicon-chevron-down {
  margin-left: 3px; }

.characteristics .language {
  font-size: 15px; }

.characteristics .right {
  padding-left: 4px; }

.characteristics .left {
  padding-right: 4px; }

.characteristics .support-header {
  font-weight: bold;
  display: block;
  margin: 20px 0 5px 0; }

.characteristics .supported {
  font-size: 18px;
  color: #c3c300;
  font-weight: bold;
  display: block;
  float: left;
  margin: 4px 10px 4px  1px; }

.characteristics button {
  color: #555555;
  background: #fff;
  outline: none;
  border: 0;
  padding: 0;
  display: block;
  margin: 12px 0;
  font-weight: normal; }

.characteristics .systems span, .characteristics .browsers span {
  font-size: 18px;
  color: #a2a2a2; }

.characteristics .glyphicon-ok {
  color: #c3c300; }

.extra-content-item:hover .text-end-fade:after {
  display: none; }

.course_extras .thumb {
  padding: 0;
  width: 30%;
  max-width: 181px;
  max-height: 111px;
  text-align: center; }
  .course_extras .thumb a {
    max-width: 181px;
    max-height: 111px;
    display: block;
    margin: 0 auto; }
  .course_extras .thumb .edit {
    display: none;
    padding: 27px 0; }
    .course_extras .thumb .edit p {
      font-size: 15px; }
    .course_extras .thumb .edit span {
      position: relative;
      font-size: 30px;
      color: #fff; }
  .course_extras .thumb:hover .edit {
    display: block;
    position: absolute;
    background: #545454;
    opacity: 0.7;
    color: #fff;
    text-align: center;
    padding: 27px 0;
    max-width: 181px;
    max-height: 116px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0; }
  .course_extras .thumb img {
    width: 100%;
    height: 100%;
    max-width: 181px;
    max-height: 111px; }
  @media (max-width: 768px) {
    .course_extras .thumb {
      display: none; } }
.course_extras .row {
  margin: 0; }

.course_extras .price {
  font-size: 24px;
  display: block;
  text-align: center;
  font-weight: bold;
  padding-top: 10px; }

.course_extras .btw {
  display: block;
  text-align: center;
  margin-top: 5px; }

.course_extras .button {
  width: 4%; }

.course_extras .amount {
  width: 30%; }

.course_extras button {
  width: 20px;
  height: 61px;
  border: 0;
  padding: 0;
  margin-right: 0; }

.course_extras .cbx-field {
  width: 110px;
  margin: 11px auto;
  float: none;
  text-align: center;
  cursor: pointer; }

.course_extras .cbx-field label {
  margin-left: 35px;
  display: block;
  margin-top: -14px;
  text-align: left !important; }

.course_extras .cbx-field .cbx-container {
  margin-left: -69px !important; }

.course_extras [toggle-display-button] {
  margin: 10px 0;
  transition: none; }

.course_extras ul {
  margin-left: 2rem; }
  .course_extras ul li {
    margin: 0.5rem 0;
    list-style-type: disc; }

a.question__link-block {
  color: #3c3c3c; }
  a.question__link-blockhover, a.question__link-blockactive {
    color: #3c3c3c; }

span.unanswered-question-count {
  height: 18px;
  font-size: 12px;
  top: 0;
  left: 4px;
  padding-bottom: 2px;
  display: inline-block; }
  @media (max-width: 769px) {
    span.unanswered-question-count {
      padding-top: 3px; } }
#questions-tab {
  display: inline-block; }

#learningPathsContent .knowledge-item {
  padding: 1rem 1rem; }

#learningPathsContent .rf-tile__footer .rf-btn.btn-primary {
  float: left;
  margin-right: 1rem; }

#learningPathsContent .rf-tile__footer .pagination {
  margin: 1.5rem 0; }
  @media (min-width: 389px) {
    #learningPathsContent .rf-tile__footer .pagination {
      margin: 0; } }
#learningPathsContent .rf-tile__footer .actions {
  float: right; }
  #learningPathsContent .rf-tile__footer .actions .rf-btn.btn-primary {
    float: none;
    margin: 0; }
  #learningPathsContent .rf-tile__footer .actions .rf-btn + .rf-btn {
    margin-left: 1rem; }
  #learningPathsContent .rf-tile__footer .actions .tooltip + .rf-btn {
    margin: 0 0 0 1rem; }

.no-learning_path + .rf-btn {
  margin-left: 1.5rem; }

.my-course-full .expiration-container, .my-course-full div.media-right.col-xs-3 {
  width: 15%; }

.text-centered {
  text-align: center; }

.sub-course-content h2 {
  padding-bottom: 1rem; }

.rf-btn--huge .glyphicon-info-sign {
  font-size: 1.5rem;
  color: white !important; }
  .rf-btn--huge .glyphicon-info-sign:hover {
    color: white !important; }

a.course-add-to-cart-btn {
  margin: 1.6rem 0; }

.course-redirect-webshop-text {
  color: #a2a2a2; }

#search-course-vendor-filter {
  padding: 0.5rem 0rem 0rem 0rem !important; }

.menu-item-courses .header span {
  margin-right: 5px; }

.menu-item-courses .row-actions {
  min-width: 70px;
  display: inline-block; }

.menu-item-courses .openCourseMaterialModal {
  display: none; }

.course-create .field-course-name .has-success input, .course-create .field-course-name .has-success button, .course-create .field-courseform-search_optional_material .has-success input, .course-create .field-courseform-search_optional_material .has-success button {
  border-color: #a2a2a2; }

.course-create .field-course-name .has-success button, .course-create .field-courseform-search_optional_material .has-success button {
  background: none; }
  .course-create .field-course-name .has-success button:hover, .course-create .field-courseform-search_optional_material .has-success button:hover {
    background-color: #d5d5d5;
    border-color: #a2a2a2; }

.course-create .field-course-name .has-success input:focus, .course-create .field-courseform-search_optional_material .has-success input:focus {
  border-color: #a2a2a2;
  outline: 0; }

.course-create .toggle-languages .info-icon .glyphicon-info-sign {
  color: #fff; }

.course-create .language-selection {
  color: #fff; }

.course-create .icon.icon-training {
  color: #6f6f6f; }

.course-create .field-courseform-searchmaterial .form-control {
  display: inline-block;
  border-right: none; }

.course-create .field-courseform-searchmaterial.has-success .form-control {
  border-color: #a2a2a2;
  -webkit-box-shadow: none;
  box-shadow: none; }

.course-create .field-courseform-searchmaterial .input-group-btn .btn-default {
  background: none !important;
  border-color: #a2a2a2 !important;
  border-left: none !important; }

.course-create .field-courseform-slug label {
  float: none; }

.course-create .drag-text-container {
  text-align: center;
  width: 100%;
  position: absolute; }

.course-create .drag-text {
  font-size: 20px;
  color: #555555; }
  @media (max-width: 992px) {
    .course-create .drag-text {
      font-size: 20px; } }
.course-create ul.attachedMaterial {
  width: 100%;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  min-height: 342px;
  margin-bottom: 20px; }
  @media (max-width: 992px) {
    .course-create ul.attachedMaterial {
      margin-bottom: 0;
      min-height: 152px; } }
  .course-create ul.attachedMaterial .remove-material-item {
    font-weight: bold; }
  .course-create ul.attachedMaterial span.flag-icon {
    display: none; }

.course-create ul.availableMaterial {
  width: 100%;
  min-height: 100px; }
  .course-create ul.availableMaterial .border-bottom-dotted {
    border: none; }
  .course-create ul.availableMaterial .course-time {
    display: none; }
  .course-create ul.availableMaterial span.glyphicon.glyphicon-sort {
    display: none; }
  .course-create ul.availableMaterial span.remove-material-item {
    display: none; }

.course-create .field-courseform-knowledge_type_id .select2-selection__clear {
  display: none; }

.course-create .chapter_header {
  padding-right: 20px;
  font-weight: bold; }

.course-create .knowledgeitem-details {
  padding-left: 83px;
  width: 75%; }

.course-create .navigation button, .course-create .navigation a, .course-create .other button, .course-create .other a {
  margin-right: 5px;
  width: auto; }

.course-create #courseform-access_duration {
  width: 50px;
  height: 26px; }

@media (max-width: 480px) {
  .course-create .statistic-big {
    text-align: left; } }

.course-create .statistic-big .icon {
  font-size: 63px; }
  @media (max-width: 992px) {
    .course-create .statistic-big .icon {
      float: none; } }
  @media (max-width: 768px) {
    .course-create .statistic-big .icon {
      float: left; } }
  @media (max-width: 500px) {
    .course-create .statistic-big .icon {
      float: none; } }
.course-create .statistic-big p {
  font-size: 25px; }

.course-create .btn-secondary-big {
  padding: 10px 10px;
  float: right; }
  @media (max-width: 992px) {
    .course-create .btn-secondary-big {
      width: 100%; } }
.course-create .course-pagination {
  margin: 10px 0 18px; }
  .course-create .course-pagination .pagination {
    margin: -4px  -1px;
    width: 500px; }

.course-create #rest-title, .course-create #rest-keywords, .course-create #rest-description {
  color: #555555;
  float: right; }

.course-create #access-duration {
  position: relative;
  top: -8px;
  width: 50px; }

.course-create #access-duration-label {
  position: absolute;
  top: 38px;
  left: 76px; }

.course-create #supported-platforms {
  display: none;
  overflow: hidden; }
  .course-create #supported-platforms .language {
    font-size: 15px; }
  .course-create #supported-platforms .right {
    padding-left: 4px; }
  .course-create #supported-platforms .left {
    padding-right: 4px; }
  .course-create #supported-platforms .support-header {
    font-weight: bold;
    display: block;
    margin: 5px 0; }
  .course-create #supported-platforms .supported {
    font-size: 18px;
    color: #c3c300;
    font-weight: bold;
    display: block;
    float: left;
    margin: 4px 10px 4px  1px; }
  .course-create #supported-platforms button {
    color: #545454;
    background: #fff;
    outline: none;
    border: 0;
    padding: 0;
    display: block;
    margin: 12px 0;
    font-weight: normal; }
  .course-create #supported-platforms .systems span, .course-create #supported-platforms .browsers span {
    position: relative;
    font-size: 20px;
    margin-right: 1px;
    width: 20px;
    display: block;
    height: 20px;
    float: left;
    color: #a1a1a1; }
  .course-create #supported-platforms .glyphicon-ok {
    top: -3px; }

.course-create .visible {
  display: block !important; }

.course-create .star-rating {
  height: 50px; }

.course-create [data-symbol]:before {
  font-family: "mycademy" !important;
  content: attr(data-symbol); }

.course-create [data-content]:before {
  font-family: "mycademy" !important;
  content: attr(data-content); }

.course-create .rating-container .rating-stars {
  color: #2eabf3; }

.course-create .empty-stars .star {
  background-color: #ccc; }

.course-create .filled-stars .star {
  background-color: #2eabf3;
  text-shadow: none;
  -webkit-text-stroke: unset; }

.course-create .star {
  margin: 0 4px 0 0;
  width: 12px;
  height: 25px; }

.course-create .label-skill-level {
  height: 19px; }

.course-create .label-default {
  background-color: #fff; }

.course-create .label {
  font-weight: normal;
  font-size: 1.35;
  color: #555555;
  top: 0;
  position: relative; }

.course-create .text-warning {
  color: #555555;
  font-size: 1.35;
  top: 0;
  position: relative; }

.course-create .bootstrap-switch-id-certificate-switch {
  margin-bottom: 24px; }

.course-create .clear-rating {
  position: relative;
  margin-top: 24px;
  left: 15px; }

.course-create .doughnut-legend {
  position: relative;
  float: left;
  margin-left: 20px; }
  @media (max-width: 992px) {
    .course-create .doughnut-legend {
      margin-left: 0;
      margin-top: 12px;
      float: none; } }
  @media (max-width: 768px) {
    .course-create .doughnut-legend {
      float: left;
      margin-left: 20px; } }
  @media (max-width: 500px) {
    .course-create .doughnut-legend {
      float: none;
      margin-left: 0; } }
  .course-create .doughnut-legend li {
    margin-bottom: 5px; }
    .course-create .doughnut-legend li span {
      display: block;
      width: 10px;
      height: 10px;
      float: left;
      margin-right: 5px; }

.course-create .rating-container {
  top: 0;
  left: -24px;
  width: 86px; }

.course-create .thumbnail {
  height: 75px;
  float: left;
  position: relative;
  margin-bottom: 5px;
  padding: 5px;
  width: 100%; }
  .course-create .thumbnail:hover {
    opacity: 1; }
  .course-create .thumbnail:hover img {
    opacity: 0.7; }
  .course-create .thumbnail img {
    max-height: 70px;
    height: auto; }

.course-create .block-height-4 {
  height: auto; }
  @media (max-width: 992px) {
    .course-create .block-height-4 {
      min-height: 0; } }
.course-create .select2-container--krajee {
  margin-top: 5px;
  margin-bottom: 15px; }

.course-create .rating {
  float: left;
  margin-top: 20px; }
  .course-create .rating .icon {
    color: #ffc747; }

.course-create .caption {
  margin-left: 0; }
  .course-create .caption .label-default {
    padding: 0; }

@media (max-width: 768px) {
  .course-create .border-right-gradient-secondary {
    border-right: 0;
    border-image: none; } }

.course-create .image-placeholder {
  border: 1px solid #cccccc;
  min-height: 100px;
  width: 100%;
  position: relative;
  margin-bottom: 12px; }

.course-create .thumbnail .remove, .course-create .thumbnail .removeImage {
  position: absolute;
  top: 0;
  right: 6px;
  color: #fff;
  font-size: 17px;
  z-index: 1000;
  text-shadow: 1px 1px 3px #000; }

.course-create canvas {
  width: 65px !important;
  height: 65px !important;
  float: left; }
  @media (max-width: 992px) {
    .course-create canvas {
      float: none; } }
  @media (max-width: 768px) {
    .course-create canvas {
      float: left; } }
  @media (max-width: 500px) {
    .course-create canvas {
      float: none; } }
.course-create #canvas2 {
  display: none; }

.course-create .file-input {
  margin-bottom: 17px; }

.course-create .info-icon {
  height: 15px;
  width: 15px;
  top: -1px;
  position: relative;
  margin-right: 10px;
  display: inline-block; }

.course-create .control-label {
  margin-right: 4px; }

@media (max-width: 768px) {
  .course-create .padding-right {
    padding-right: 5px; }
  .course-create .padding-left {
    padding-left: 5px; } }

@media (max-width: 992px) {
  .course-create .block-height-4 {
    height: auto; } }

.course-create .button-row {
  width: auto;
  float: right;
  margin: 20px 10px 10px; }
  @media (max-width: 992px) {
    .course-create .button-row .btn-secondary, .course-create .button-row .bootbox .btn-primary, .bootbox .course-create .button-row .btn-primary {
      min-width: 0; } }
@media (max-width: 480px) {
  .course-create .block-height-4 {
    min-height: 0; } }

.course-create .pagination {
  margin: 0; }

.course-create .course-list {
  min-height: 280px; }
  .course-create .course-list .glyphicon-chevron-right {
    color: #2eabf3; }
  .course-create .course-list li.ui-sortable-placeholder {
    height: 0 !important;
    padding: 0 !important; }
  .course-create .course-list .dropdown-primary {
    border: 0;
    padding: 0;
    min-height: 36px; }
  @media (max-width: 768px) {
    .course-create .course-list {
      min-height: 0;
      margin-bottom: 0; } }
  .course-create .course-list .media {
    margin-bottom: 0; }

.course-create .course-search-list {
  min-height: 282px; }
  .course-create .course-search-list .ui-sortable li:nth-last-child(1) {
    border-bottom: none; }
  .course-create .course-search-list .dropdown-primary {
    border: 0;
    padding: 0;
    min-height: 36px; }
  .course-create .course-search-list .icon-training {
    position: relative; }

@media (max-width: 992px) {
  .course-create .statistics {
    margin-bottom: 15px; } }

.course-create .statistics h1 {
  font-size: 18px;
  margin: 14px 0; }

.course-create .course_chapters ul li::before {
  display: none; }

.course-create .course_chapters li {
  padding: 2px 0 2px 0; }

.course-create .course_chapters .course-time {
  width: 20%; }

.course-create .course_chapters .icon {
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle; }

.course-create .course-search-list .glyphicon {
  top: 0; }

.course-create .course-search-list .glyphicon-chevron-right {
  color: #2eabf3; }

.course-create .course-search-list .icon-training, .course-create .course-search-list .icon-move {
  font-size: 20px;
  vertical-align: middle;
  padding-left: 0; }

.course-create .glyphicon-move, .course-create .move-icon.glyphicon {
  font-size: 20px;
  vertical-align: middle;
  padding-left: 0; }

.course-create .knowledgetype-icon-container {
  position: relative;
  min-width: 35px; }
  .course-create .knowledgetype-icon-container .knowledgeitem-icon {
    color: #6f6f6f;
    margin-right: 7px; }
  .course-create .knowledgetype-icon-container .icon-move {
    color: #6f6f6f; }
  .course-create .knowledgetype-icon-container .glyphicon-list {
    opacity: .25; }
  .course-create .knowledgetype-icon-container .knowledgeitem-knowledgetype-icon {
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 15px; }

.course-create .navigation {
  float: left;
  width: auto;
  margin-right: 10px;
  margin-bottom: 5px; }
  @media (max-width: 768px) {
    .course-create .navigation {
      display: none; } }
.course-create .other {
  width: auto;
  float: left; }

#courseMaterialsModal .course-material-file-input, #editCourseMaterialModal .course-material-file-input {
  padding-right: 20px; }

#courseMaterialsModal .remove-course-material, #editCourseMaterialModal .remove-course-material {
  cursor: pointer;
  color: #2eabf3;
  font-size: 17px;
  margin: 0 0 0 9px; }

#courseMaterialsModal .material-language, #editCourseMaterialModal .material-language {
  margin: 15px 0; }

#courseMaterialsModal .language-header, #editCourseMaterialModal .language-header {
  width: 15%; }

#courseMaterialsModal .select2, #editCourseMaterialModal .select2 {
  float: left; }
  @media (max-width: 480px) {
    #courseMaterialsModal .select2, #editCourseMaterialModal .select2 {
      width: 90% !important;
      padding-right: 0; } }
#courseMaterialsModal .info-icon, #editCourseMaterialModal .info-icon {
  width: 11px;
  float: right;
  margin-top: 8px; }

#courseMaterialsModal .button-row, #editCourseMaterialModal .button-row {
  margin-top: 93px; }

#header_margin {
  margin: 34px; }

.main_tile {
  padding: 15px; }
  .main_tile .btn-secondary, .main_tile .bootbox .btn-primary, .bootbox .main_tile .btn-primary {
    padding: 10px 0 10px 40px;
    margin: 0 0 10px 0;
    text-align: left; }
    .main_tile .btn-secondary .icon-message, .main_tile .bootbox .btn-primary .icon-message, .bootbox .main_tile .btn-primary .icon-message, .main_tile .btn-secondary .glyphicon-bell, .main_tile .bootbox .btn-primary .glyphicon-bell, .bootbox .main_tile .btn-primary .glyphicon-bell {
      position: absolute;
      left: 18px;
      width: 23px;
      font-size: 14px;
      margin-top: -1px;
      margin-bottom: 0; }
    .main_tile .btn-secondary .glyphicon-bell, .main_tile .bootbox .btn-primary .glyphicon-bell, .bootbox .main_tile .btn-primary .glyphicon-bell {
      top: 10px; }
    .main_tile .btn-secondary .notifications-info-label, .main_tile .bootbox .btn-primary .notifications-info-label, .bootbox .main_tile .btn-primary .notifications-info-label {
      margin: 0; }
  .main_tile h2 {
    margin: 0 0 3px 0;
    font-size: 24px;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif; }
  @media (max-width: 767px) {
    .main_tile .btn-secondary, .main_tile .bootbox .btn-primary, .bootbox .main_tile .btn-primary {
      display: none; } }
  .main_tile .welcome-message {
    width: 95%;
    color: #2eabf3;
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 700;
    margin: 0; }
  .main_tile .subtitle {
    margin: 0;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #a2a2a2; }

#attention, #message {
  position: absolute;
  left: 14px;
  width: 23px;
  height: 23px;
  color: #fff;
  margin-top: -4px; }

@media (max-width: 767px) {
  .widget_tile {
    height: 577px; } }

.options {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 20px;
  color: #fff;
  z-index: 2; }

.widget_tile h3, .widget-recent-courses h3, .widget-new-courses h3 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.0125em;
  margin-bottom: 13px; }

.widget-recent-courses, .widget-new-courses {
  padding: 10px; }

.SearchWidget .cbx-field {
  margin-bottom: 12px;
  cursor: pointer; }

.widget-search .cbx-container {
  vertical-align: initial; }
  .widget-search .cbx-container .cbx {
    border-color: #a2a2a2;
    padding: 5px 0;
    display: block; }
    @media (min-width: 1200px) {
      .widget-search .cbx-container .cbx {
        padding: 0;
        display: inherit; } }
.widget-search h3 {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px; }

.widget-search #form-search {
  margin: 0;
  padding: 0; }
  .widget-search #form-search .cbx-label {
    margin-right: 20px;
    cursor: pointer; }
    @media (max-width: 992px) {
      .widget-search #form-search .cbx-label {
        width: 90%;
        margin-right: 0; } }
    .widget-search #form-search .cbx-label span {
      padding-right: 0.3rem; }
  .widget-search #form-search .field-term {
    padding: 0;
    margin: 0;
    margin-bottom: 10px; }
    @media (max-width: 992px) {
      .widget-search #form-search .field-term {
        margin-bottom: 5px; } }
  .widget-search #form-search #knowledge-source-options {
    padding-left: 0; }

.widget-search .field-options {
  margin-bottom: 0; }
  .widget-search .field-options span {
    margin-right: 4px; }

.widget-search .help-block {
  display: none; }

.widget-recent-courses .recent-courses-list .media-right {
  padding-left: 5px; }

.widget-recent-courses .block-secondary-content {
  padding: 10px 10px 9px; }

.widget-recent-courses .to-search {
  display: block;
  height: 222px;
  color: #fff !important; }
  .widget-recent-courses .to-search h1 {
    font-size: 23px;
    color: #555555;
    position: relative;
    margin: 0;
    top: 11px; }
  .widget-recent-courses .to-search .icon-search {
    font-size: 123px;
    top: 116px;
    right: 22px;
    color: #555555;
    position: absolute;
    opacity: 0.07; }

.widget-new-courses .skill {
  position: relative;
  height: 50px; }
  .widget-new-courses .skill .skill-bar {
    top: 1px;
    position: relative;
    left: 0;
    width: 33px;
    height: 10px;
    float: left; }

.widget-new-courses .arrow-right {
  padding-left: 4px; }

.widget-new-courses .time {
  top: 4px;
  position: relative; }

.widget-new-courses .skill-container {
  float: left;
  width: auto; }
  .widget-new-courses .skill-container .skill-level {
    float: left;
    height: 20px;
    width: 40px;
    margin: 2px 5px 10px 0; }
    .widget-new-courses .skill-container .skill-level .icon {
      margin-right: 5px; }

.widget-new-courses .skill-text {
  width: 50px;
  padding-left: 4px; }
  .widget-new-courses .skill-text .skill-active, .widget-new-courses .skill-text .skill-inactive {
    float: left;
    width: 5px;
    height: 15px;
    background: #2eabf3;
    margin-right: 3px; }
  .widget-new-courses .skill-text .skill-inactive {
    background: #b3c2cc; }

.widget-new-courses .icon-clock {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 2px;
  margin-left: 3px; }

.widget-recent-courses a:hover .text-end-fade:after {
  display: none; }

.widget-recent-courses .rf-list {
  height: 27.1rem; }

.widget-new-courses .rf-list {
  height: 26.6rem; }

.UpcomingKnowledgeSharingSessionsDashboardWidget .rf-list {
  height: 23.1rem; }

.SearchAndRecentWidget .text-end-fade {
  max-height: 56px;
  line-height: 1.4; }

.SearchAndRecentWidget .text-end-fade::after {
  height: 19px; }

::-webkit-input-placeholder {
  padding-top: 3px; }

:-moz-placeholder {
  /* Firefox 18- */
  padding-top: 3px; }

::-moz-placeholder {
  /* Firefox 19+ */
  padding-top: 3px; }

:-ms-input-placeholder {
  padding-top: 3px; }

@media (min-width: 768px) and (max-width: 992px) {
  #share {
    min-height: 314px; } }

/**
Fix for super admin dashboard. Always make sure that the tiles are the same color
 */
.menu-item-admin-dashboard .tile {
  color: #e6278b !important; }
  .menu-item-admin-dashboard .tile:hover {
    border: 1px solid #e6278b !important; }
    .menu-item-admin-dashboard .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #e6278b !important;
      color: #fff; }

#tileMenuItem-knowledge .tile {
  color: #fb881f; }
  #tileMenuItem-knowledge .tile:hover {
    border: 1px solid #fb881f; }
    #tileMenuItem-knowledge .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #fb881f;
      color: #fff; }

#tileMenuItem-knowledge-sharing-sessions .tile {
  color: #e6278b; }
  #tileMenuItem-knowledge-sharing-sessions .tile:hover {
    border: 1px solid #e6278b; }
    #tileMenuItem-knowledge-sharing-sessions .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #e6278b;
      color: #fff; }

#tileMenuItem-manage-learning-path-templates .tile {
  color: #4100C9; }
  #tileMenuItem-manage-learning-path-templates .tile:hover {
    border: 1px solid #4100C9; }
    #tileMenuItem-manage-learning-path-templates .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #4100C9;
      color: #fff; }

#tileMenuItem-sharing .tile {
  color: #e6278b; }
  #tileMenuItem-sharing .tile:hover {
    border: 1px solid #e6278b; }
    #tileMenuItem-sharing .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #e6278b;
      color: #fff; }

#tileMenuItem-profile .tile {
  color: #2eabf3; }
  #tileMenuItem-profile .tile:hover {
    border: 1px solid #2eabf3; }
    #tileMenuItem-profile .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #2eabf3;
      color: #fff; }

#tileMenuItem-monitor-progress .tile {
  color: #c3c300; }
  #tileMenuItem-monitor-progress .tile:hover {
    border: 1px solid #c3c300; }
    #tileMenuItem-monitor-progress .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #c3c300;
      color: #fff; }

#tileMenuItem-my-courses .tile {
  color: #2eabf3; }
  #tileMenuItem-my-courses .tile:hover {
    border: 1px solid #2eabf3; }
    #tileMenuItem-my-courses .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #2eabf3;
      color: #fff; }

#tileMenuItem-manage .tile {
  color: #00c9bd; }
  #tileMenuItem-manage .tile:hover {
    border: 1px solid #00c9bd; }
    #tileMenuItem-manage .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #00c9bd;
      color: #fff; }

#tileMenuItem-manager-learning-path-templates .tile {
  color: #fb881f; }
  #tileMenuItem-manager-learning-path-templates .tile:hover {
    border: 1px solid #fb881f; }
    #tileMenuItem-manager-learning-path-templates .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #fb881f;
      color: #fff; }

#tileMenuItem-enrollment-applications .tile {
  color: #853499; }
  #tileMenuItem-enrollment-applications .tile:hover {
    border: 1px solid #853499; }
    #tileMenuItem-enrollment-applications .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #853499;
      color: #fff; }

#tileMenuItem-dashboard-reporting .tile {
  color: #a7bf00; }
  #tileMenuItem-dashboard-reporting .tile:hover {
    border: 1px solid #a7bf00; }
    #tileMenuItem-dashboard-reporting .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #a7bf00;
      color: #fff; }

#tileMenuItem-studyadvice .tile {
  color: #2eabf3; }
  #tileMenuItem-studyadvice .tile:hover {
    border: 1px solid #2eabf3; }
    #tileMenuItem-studyadvice .tile:hover span.link_widget--label {
      overflow: hidden;
      background: #2eabf3;
      color: #fff; }

.margin-above {
  margin-top: 10px; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@media (max-width: 992px) {
  .search-checkboxes {
    display: none; } }

.LinkWidget .rf-block:hover span {
  background-color: #e6278b;
  color: #fff; }

.finished .score {
  width: 76px; }

.finished .icon-score {
  color: #ffc747 !important; }

.finished .icon--disabled {
  color: #d5d5d5 !important; }

.finished .media-score {
  width: 6%; }
  .finished .media-score strong {
    top: 10px;
    position: relative; }

.finished .score-percentage {
  width: 6%; }

#active-courses .pagination, #finished-courses .pagination {
  margin: 20px 0 0 0; }
  @media (min-width: 768px) {
    #active-courses .pagination, #finished-courses .pagination {
      margin: 15px 0 0 0;
      position: absolute;
      bottom: 25px; } }
#active-courses a:hover .text-end-fade:after, #finished-courses a:hover .text-end-fade:after {
  display: none; }

@media (max-width: 480px) {
  #active-courses .statistic-small .icon, #finished-courses .statistic-small .icon {
    font-size: 18px; } }

#active-courses .list-big-items, #finished-courses .list-big-items {
  height: 199px; }
  @media (max-width: 992px) {
    #active-courses .list-big-items, #finished-courses .list-big-items {
      height: auto; } }
#finished-courses .ellipsis {
  height: 52px; }
  #finished-courses .ellipsis div {
    height: 52px; }

@media (max-width: 480px) {
  #finished-courses .finished-text {
    display: none; } }

@media (max-width: 580px) {
  .active-courses .expiration-container {
    display: none; } }

.active-courses .expiration-container .expiration-time {
  width: 128px; }
  .active-courses .expiration-container .expiration-time .rf-statistic__header {
    font-size: 1.3rem; }

.active-courses .finish-time {
  width: 130px; }

.active-courses .expired-course {
  color: #3c3c3c; }
  .active-courses .expired-course .icon {
    color: #f182bc; }

.finished-course-name {
  width: 63%; }

.monthly-study-hours canvas, .monthly-score canvas {
  width: 100% !important;
  height: 245px !important;
  max-width: 543px; }
  @media (max-width: 992px) {
    .monthly-study-hours canvas, .monthly-score canvas {
      width: 100% !important;
      height: 245px !important;
      max-width: 698px; } }
.no-courses h1, .no-courses-finished h1, .no-graph h1, .no-graph2 h1 {
  font-size: 20px;
  font-weight: 200; }

.no-courses .field-term, .no-courses-finished .field-term, .no-graph .field-term, .no-graph2 .field-term {
  margin-top: 20px; }
  .no-courses .field-term #term, .no-courses-finished .field-term #term, .no-graph .field-term #term, .no-graph2 .field-term #term {
    background: none; }

.no-courses .icon-training, .no-courses .icon-graph, .no-courses .icon-people, .no-courses-finished .icon-training, .no-courses-finished .icon-graph, .no-courses-finished .icon-people, .no-graph .icon-training, .no-graph .icon-graph, .no-graph .icon-people, .no-graph2 .icon-training, .no-graph2 .icon-graph, .no-graph2 .icon-people {
  color: #555555;
  font-size: 158px;
  top: 139px;
  right: 33px;
  position: absolute;
  opacity: 0.07; }

#course_content_container_progress .question:hover {
  background: #f0f3f5;
  cursor: pointer; }

.course__header {
  font-size: 16px; }
  .course__header .number {
    font-size: 22px !important; }

.continue-course-btn {
  margin: 1.6rem 0 !important; }
  .continue-course-btn#restore_course_button {
    margin: 2.6rem 0 !important; }

.archived__text {
  color: #fb881f !important; }

.forward-email-input-message {
  margin: 10px 0; }

.forward-email-input-field input {
  width: 100%;
  height: 3.5rem;
  padding: 1rem; }

.email-render-preview {
  width: 100%;
  min-height: 500px;
  border: 1px solid #d5d5d5;
  margin-bottom: 15px; }

#enrollment_application_search_term {
  width: calc(100% - 39px); }

.site-error {
  text-align: center; }
  .site-error .error-content-outer {
    background: #f0f3f5;
    position: absolute;
    min-width: 100%;
    left: 0;
    margin: 0 auto;
    z-index: 0; }
    @media (min-width: 667px) {
      .site-error .error-content-outer {
        padding: 45px 0 55px; } }
    .site-error .error-content-outer .icon-training {
      font-size: 100px;
      color: #2eabf3; }
      @media (min-width: 667px) {
        .site-error .error-content-outer .icon-training {
          font-size: 200px; } }
    .site-error .error-content-outer .error-content-inner {
      position: relative;
      z-index: 1; }
      .site-error .error-content-outer .error-content-inner h1.error {
        color: #2eabf3;
        font-size: 50px;
        font-weight: 600;
        margin: 0 0 40px 0; }
      .site-error .error-content-outer .error-content-inner h2.error {
        color: #555555;
        font-size: 20px; }
      .site-error .error-content-outer .error-content-inner p {
        font-size: 14px; }
      .site-error .error-content-outer .error-content-inner p.error {
        margin-bottom: 40px; }
      .site-error .error-content-outer .error-content-inner p.view_error {
        cursor: pointer; }
        .site-error .error-content-outer .error-content-inner p.view_error span.glyphicon-chevron-down {
          display: inline;
          color: #2eabf3;
          top: 3px; }
        .site-error .error-content-outer .error-content-inner p.view_error span.glyphicon-chevron-up {
          display: none;
          color: #2eabf3;
          top: 3px; }
      .site-error .error-content-outer .error-content-inner p.view_error[aria-expanded=true] span.glyphicon-chevron-down {
        display: none; }
      .site-error .error-content-outer .error-content-inner p.view_error[aria-expanded=true] span.glyphicon-chevron-up {
        display: inline; }
      .site-error .error-content-outer .error-content-inner div#error-message {
        background-color: #2eabf3;
        width: 100%;
        margin-bottom: 70px;
        position: absolute; }
        .site-error .error-content-outer .error-content-inner div#error-message h1, .site-error .error-content-outer .error-content-inner div#error-message p, .site-error .error-content-outer .error-content-inner div#error-message a {
          color: #fff;
          margin: 20px 0; }
        .site-error .error-content-outer .error-content-inner div#error-message h1 {
          font-size: 25px; }
        .site-error .error-content-outer .error-content-inner div#error-message a {
          font-weight: 700;
          text-decoration: underline; }
        .site-error .error-content-outer .error-content-inner div#error-message span.glyphicon.glyphicon-alert {
          color: #ffc747;
          font-size: 80%;
          margin-right: 5px; }

.question-link-container {
  margin-left: 4px;
  display: block;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.question-list-item {
  padding: 10px 0 10px 0;
  border-color: #a2a2a2; }
  .question-list-item:hover {
    background: #f0f3f5;
    cursor: pointer;
    color: #555555; }
  .question-list-item h3 {
    padding: 0 0 5px 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.favoredQuestionSearch, .ownQuestionSearch {
  /**
  TODO check if this doesn't break anything....
   */ }
  .favoredQuestionSearch .no-padding + .no-padding, .ownQuestionSearch .no-padding + .no-padding {
    padding-left: 10px !important; }

.field-createedituserfavoritelistitem-userfavoritelists .cbx-field {
  margin-bottom: 10px; }

.favorites_root .modal-dialog {
  max-width: 600px; }

.page-header-favorite-section {
  color: #ffc747 !important; }
  .page-header-favorite-section .rf-icon.icon--medium.icon-favorite {
    cursor: pointer;
    color: #ffc747 !important; }

#add_to_favorite_modal .modal-dialog {
  max-width: 600px; }

#knowledgeItemLauncher, .knowledge-item-content {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  #knowledgeItemLauncher .init .init-info, .knowledge-item-content .init .init-info {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(50% - 7em); }
  #knowledgeItemLauncher.launch-type-LMS, .knowledge-item-content.launch-type-LMS {
    margin-bottom: -4px; }

@media (max-width: 1200px) {
  .center-statistics #education_progress {
    height: 152px; } }

.center-statistics .activity-level {
  font-size: 22px; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .center-statistics .activity-level {
      font-size: 19px; } }
.center-statistics .time {
  font-size: 18px; }

.dropdown-primary {
  margin-bottom: 0;
  padding: 8px 0; }
  .dropdown-primary:hover {
    background-color: #f0f3f5; }
  .dropdown-primary .glyphicon {
    top: 0; }

@media (max-width: 992px) {
  #involvedPeopleInfoTile {
    display: none; } }

.center-search .field-term {
  position: relative;
  margin-top: 20px; }
  .center-search .field-term .help-block {
    margin-bottom: 0; }

.center-search .statistic-big {
  height: 80px;
  margin-bottom: 0; }
  .center-search .statistic-big .statistic-big-info {
    margin-bottom: 0; }
  .center-search .statistic-big p {
    width: 200px;
    display: block;
    height: 37px; }
    @media (max-width: 480px) {
      .center-search .statistic-big p {
        width: 100%; } }
@media (max-width: 992px) {
  .center-search .field-term {
    padding: 0; } }

@media (max-width: 480px) {
  .center-search .field-term {
    padding: 31px 0 0; } }

@media (min-width: 992px) {
  #involvedPeopleTileWidget .tile-widget-title {
    display: none; } }

.people-thumbnail-container .more-button-container {
  width: 5%;
  height: 130px;
  float: right; }
  .people-thumbnail-container .more-button-container .more-button {
    width: 100%;
    height: 100%;
    padding-top: 30px; }
    @media (max-width: 425px) {
      .people-thumbnail-container .more-button-container .more-button {
        height: 72%; } }
    .people-thumbnail-container .more-button-container .more-button .more-text {
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }

.people-thumbnail-container .pagination {
  margin: 6px 0; }

.people-thumbnail-container .no-people-involved h1 {
  font-size: 18px;
  margin: 13px 0 9px; }

.people-thumbnail-container .no-people-involved .icon-user {
  font-size: 128px;
  top: 77px;
  right: 16px;
  position: absolute;
  opacity: 0.07; }

.people-thumbnail-container .people-thumbnails {
  width: 100%;
  float: left;
  margin-top: -2px;
  height: 130px;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .people-thumbnail-container .people-thumbnails {
      height: 112px; } }
  .people-thumbnail-container .people-thumbnails .person-tile {
    display: inline-block;
    position: relative;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px; }
    @media (max-width: 375px) {
      .people-thumbnail-container .people-thumbnails .person-tile {
        padding-left: 2px;
        padding-right: 2px; } }
    .people-thumbnail-container .people-thumbnails .person-tile .person-name-container {
      clear: left;
      display: block;
      width: 80px; }
      .people-thumbnail-container .people-thumbnails .person-tile .person-name-container .person-name {
        padding: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .people-thumbnail-container .people-thumbnails .person-tile .people-thumbnail {
      position: relative;
      display: block;
      box-shadow: 1px 1px 2px #555555;
      border-color: #a2a2a2;
      border-width: 1px;
      border-style: solid;
      background: #fff;
      text-align: center;
      float: left;
      white-space: nowrap;
      width: 80px;
      height: 80px;
      padding: 2px;
      margin-right: 3px;
      margin-bottom: 2px; }
      .people-thumbnail-container .people-thumbnails .person-tile .people-thumbnail:hover {
        color: #2eabf3; }
      .people-thumbnail-container .people-thumbnails .person-tile .people-thumbnail .icon-user {
        font-size: 70px;
        margin-top: 6px;
        color: #d5d5d5; }
      .people-thumbnail-container .people-thumbnails .person-tile .people-thumbnail img {
        vertical-align: middle; }
    @media (max-width: 992px) {
      .people-thumbnail-container .people-thumbnails .person-tile .logo_image, .people-thumbnail-container .people-thumbnails .person-tile .people-thumbnails .people-thumbnail {
        height: 35px;
        min-width: 61px;
        position: relative; } }
.available-courses .filter-icon, .available-classroom-training .filter-icon {
  background: none !important;
  z-index: 2;
  float: right !important;
  border-radius: 0;
  outline: none !important;
  border: 0 !important; }
  .available-courses .filter-icon .btn-default, .available-classroom-training .filter-icon .btn-default {
    float: right;
    padding-top: 9px;
    margin-top: -34px;
    border: none !important;
    background: none !important; }

.available-courses .loader, .available-courses .loader-btn, .available-courses .loader-right, .available-classroom-training .loader, .available-classroom-training .loader-btn, .available-classroom-training .loader-right {
  position: absolute;
  top: 100px;
  left: 45%; }

.available-courses a, .available-classroom-training a {
  color: #555555; }

.available-courses .background-icon, .available-classroom-training .background-icon {
  color: #555555;
  font-size: 153px;
  top: 149px;
  right: 28px;
  position: absolute;
  opacity: 0.07;
  pointer-events: none; }

.available-courses .course-list-container, .available-classroom-training .course-list-container {
  overflow: auto; }

.available-courses .course-list-container div:nth-last-of-type(1), .available-classroom-training .course-list-container div:nth-last-of-type(1) {
  border-bottom: none !important; }

@media (max-width: 992px) {
  .available-courses .field-term, .available-classroom-training .field-term {
    padding: 10px 0 0; } }

.available-courses .knowledgeitem-details, .available-classroom-training .knowledgeitem-details {
  padding: 10px 0; }

.available-courses .number-people-involved, .available-classroom-training .number-people-involved {
  width: 10%; }

.available-courses .icon, .available-classroom-training .icon {
  font-size: 18px;
  color: #e6278b; }

.available-courses .pagination, .available-classroom-training .pagination {
  margin: 0;
  position: relative;
  bottom: 0;
  z-index: 3; }

@media (min-width: 768px) and (max-width: 992px) {
  div#involvedPeopleTileWidget > .block-height-1 {
    min-height: 160px; } }

.person-name-container a {
  position: absolute;
  left: 7px;
  padding-top: 2px; }
  .person-name-container a .chat-icon {
    cursor: pointer;
    font-size: 16px; }

.person-name-container .user-tile__status__wrapper {
  position: absolute;
  padding-top: 5px;
  right: 5px; }

.person-name-container p.person-name {
  margin-top: 15px !important; }

.person-tile {
  height: 101%; }

#knowledgeSharingSessionEdit #knowledgeSharingSessionRuns {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  margin: 15px 0;
  min-height: 150px;
  max-height: 500px;
  overflow-y: scroll; }

.manage-attendance-grid tbody td .cbx-container .cbx.cbx-md.cbx-active {
  margin-top: -4px;
  margin-left: -1px; }

.manage-attendance-grid tbody td .cbx-container i.glyphicon {
  top: -2px; }

.manage-attendance-grid thead tr th:last-child {
  background-color: #d1dbe1; }

.manage-attendance-grid tbody tr td:last-child {
  background-color: #d1dbe1; }

#create-location-resource-modal .modal-body {
  min-height: 150px; }

.select2-results__option_location_resource_name {
  display: block; }

.select2-results__option_location_resource_details {
  display: block;
  margin: 2px 0 0 5px;
  font-style: italic;
  color: #a2a2a2; }

.select2-dropdown {
  z-index: 1100; }

#knowledge-sharing-session-location_type_physical-field,
#knowledge-sharing-session-location_type_virtual-field {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  #knowledge-sharing-session-location_type_physical-field #knowledge-sharing-session-location-resource-field,
  #knowledge-sharing-session-location_type_physical-field #knowledge-sharing-session-meeting_uri-field,
  #knowledge-sharing-session-location_type_virtual-field #knowledge-sharing-session-location-resource-field,
  #knowledge-sharing-session-location_type_virtual-field #knowledge-sharing-session-meeting_uri-field {
    flex: 1;
    margin-left: 10px; }
  #knowledge-sharing-session-location_type_physical-field .help-block,
  #knowledge-sharing-session-location_type_virtual-field .help-block {
    margin: 0; }

#vendorClassroomTraining #runs, #vendorClassroomTraining #runs-collapse {
  overflow: hidden; }
  #vendorClassroomTraining #runs .bootstrap-timepicker-widget.dropdown-menu:after, #vendorClassroomTraining #runs-collapse .bootstrap-timepicker-widget.dropdown-menu:after {
    border-top: .375rem solid #FFF !important;
    bottom: -.375rem !important; }
  #vendorClassroomTraining #runs .dropdown-menu, #vendorClassroomTraining #runs-collapse .dropdown-menu {
    top: -300% !important; }
  #vendorClassroomTraining #runs #runs-explanation, #vendorClassroomTraining #runs-collapse #runs-explanation {
    max-width: 800px; }
  #vendorClassroomTraining #runs #startDate-container, #vendorClassroomTraining #runs-collapse #startDate-container {
    display: flex;
    border: 1px solid lightgrey;
    height: 550px;
    position: relative; }
    #vendorClassroomTraining #runs #startDate-container #startDate-side, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side {
      flex: 0 0 250px;
      overflow-y: auto;
      border-right: 1px solid lightgrey;
      display: flex;
      flex-direction: column; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header {
        padding: 5px;
        border-bottom: 2px solid #2eabf3;
        display: flex;
        background: #f0f3f5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar {
          display: flex;
          flex: 1;
          padding: 10px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar div, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar div {
            padding: 2px;
            cursor: pointer; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-button-add-start-date, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-button-add-start-date {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list {
        flex: 1;
        overflow-y: scroll; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item {
          border-bottom: 1px solid lightgrey;
          cursor: pointer;
          display: flex; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .name, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .name {
            padding: 10px;
            flex: 1; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .name.warning, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .name.warning {
            border-left: 5px solid orange; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .icon-trash-bin {
            padding: 10px;
            color: gray;
            cursor: pointer;
            visibility: hidden; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .js__remove.denied, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .js__remove.denied {
            opacity: 0.5;
            cursor: default; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover {
          background: #ddd; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .icon-trash-bin {
            visibility: visible; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover {
          background: #2eabf3;
          color: white; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .icon-trash-bin, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .icon-trash-bin {
            color: white;
            visibility: visible; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item.disabled:not(.startDate-list-item-selected), #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item.disabled:not(.startDate-list-item-selected) {
          opacity: 0.5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item.hidden, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item.hidden {
          display: none; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side label#hideFromPastLabel, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side label#hideFromPastLabel {
        padding: 10px;
        color: grey;
        font-style: italic;
        cursor: pointer;
        user-select: none;
        margin: 0; }
    #vendorClassroomTraining #runs #startDate-container #startDate-main, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: hidden; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main h1, #vendorClassroomTraining #runs #startDate-container #startDate-main p, #vendorClassroomTraining #runs #startDate-container #startDate-main button, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main h1, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main p, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main button {
        overflow: hidden;
        text-overflow: ellipsis; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-navbar, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-navbar {
        padding: 5px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-navbar a, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-navbar a {
          cursor: pointer; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content {
        overflow-y: auto;
        flex: 1; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content #startDate-empty-content, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content #startDate-empty-content {
          text-align: center;
          margin: 100px 0; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content #startDate-empty-content .form-group, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content #startDate-empty-content .form-group {
            max-width: 400px;
            margin: 30px auto; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content input, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content select, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content input, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content select {
          width: 100%;
          padding: 6px 12px;
          background: none;
          border: 1px solid darkgray; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block {
          padding: 15px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block-narrow, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block-narrow {
          max-width: 500px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block-dark, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block-dark {
          border-top: 1px solid lightgrey;
          border-bottom: 1px solid lightgrey;
          background: #f0f3f5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table {
          width: 100%;
          margin: 10px 0; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table th, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table th {
            padding: 6px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td {
            border-bottom: 1px solid lightgrey;
            background: white; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .icon-trash-bin.disabled, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .icon-trash-bin.disabled {
              opacity: 0.5;
              cursor: default; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .form-group, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .form-group {
              margin: 0; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .help-block, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .help-block {
              margin: 0;
              padding-left: 5px;
              border-left: 5px solid; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .select2-selection, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .select2-selection {
              box-shadow: none; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table input, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table select, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table input, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table select {
            border: 0;
            box-shadow: none;
            width: 70%;
            height: auto;
            background: linear-gradient(to right, #000, #000) 5px calc(100% - 5px)/calc(100% - 10px) 1px no-repeat;
            background-color: #fcfcfc;
            padding: 10px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table input.run-total-cost, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table input.run-total-cost {
            background: none !important; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table .icon-trash-bin, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table .glyphicon-duplicate {
            color: grey;
            cursor: pointer;
            padding: 10px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table.dark td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table.dark td {
          background: #efefef; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table.dark .light td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table.dark .light td {
          background: white; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-general-info .select2-container, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-general-info .select2-container {
        width: 100%; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-cost-list .select2-container, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-cost-list .select2-container {
        width: 100%; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-cost-list .select2-selection, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-cost-list .select2-selection {
        background: none;
        border: 0; }

#vendorClassroomTraining #runs-collapse #startDate-container {
  height: auto;
  flex-wrap: wrap; }
  #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side {
    flex: 1 1 100%;
    max-height: 300px; }
  #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main {
    overflow: visible;
    width: 100%; }

#vendorClassroomTraining #updated-summary .errorMessage {
  padding: 10px;
  border: 2px solid red;
  color: red;
  font-weight: bold; }

#vendorClassroomTraining #updated-summary table {
  width: 100%; }
  #vendorClassroomTraining #updated-summary table tr:not(:last-child) {
    border-bottom: 1px solid lightgrey; }
  #vendorClassroomTraining #updated-summary table tr.error {
    border-bottom: 1px solid red; }
    #vendorClassroomTraining #updated-summary table tr.error td {
      color: red;
      font-weight: bold; }
  #vendorClassroomTraining #updated-summary table td, #vendorClassroomTraining #updated-summary table th {
    padding: 10px 0; }
  #vendorClassroomTraining #updated-summary table th {
    width: 30%; }
  #vendorClassroomTraining #updated-summary table hr {
    margin: 10px 0; }

#vendorClassroomTraining #updated-summary .clickable {
  cursor: pointer; }

#vendorClassroomTraining #summary, #vendorClassroomTraining #summary-collapse {
  padding: 10px; }

.vendor-classroom-training-index .action-column {
  width: 100px; }

#vendorClassroomTrainingEdit #vendorClassroomTrainingRuns {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  margin: 15px 0;
  padding: 10px;
  min-height: 150px;
  max-height: 600px;
  overflow-y: scroll; }
  #vendorClassroomTrainingEdit #vendorClassroomTrainingRuns .form-group {
    margin: 0; }

#vendorClassroomTrainingEdit .startDateActions {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  #vendorClassroomTrainingEdit .startDateActions > * {
    margin-left: 15px; }
  #vendorClassroomTrainingEdit .startDateActions .js__duplicate, #vendorClassroomTrainingEdit .startDateActions .icon-trash-bin {
    font-size: 1.75rem; }
  #vendorClassroomTrainingEdit .startDateActions .toggle-list__toggle {
    margin-top: 1rem; }

#vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings .block {
  padding: 15px; }
  #vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings .block.block-dark {
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    background: #f0f3f5; }

#vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table.startDate-day-list {
  margin: 10px 0;
  width: 100%; }

#vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table td {
  border-bottom: 1px solid lightgrey;
  background: white; }
  #vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table td .glyphicon.glyphicon-duplicate, #vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table td .icon-trash-bin {
    color: grey;
    cursor: pointer;
    padding: 10px; }

#vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table input, #vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table select {
  border: 0;
  box-shadow: none;
  width: 70%;
  height: auto;
  background: linear-gradient(to right, #000, #000) 5px calc(100% - 5px)/calc(100% - 10px) 1px no-repeat;
  background-color: #fcfcfc;
  padding: 10px; }

#vendorClassroomTrainingEdit .js__vendor-classroom-training-run-settings table .run-total-cost {
  background: none !important; }

@media (min-width: 912px) {
  .center-content {
    width: 90%;
    max-width: 770px; } }

.e-commerce #trial-access-login-info-message {
  background: #fff;
  box-shadow: 1px 1px 2px #555555;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  margin-bottom: 2rem;
  padding: 2rem;
  display: flex;
  align-items: center; }
  @media (min-width: 310px) {
    .e-commerce #trial-access-login-info-message {
      width: 300px; } }
  @media (min-width: 700px) {
    .e-commerce #trial-access-login-info-message {
      width: 470px; } }
  @media (min-width: 913px) {
    .e-commerce #trial-access-login-info-message {
      width: 100%; } }
  .e-commerce #trial-access-login-info-message .text {
    flex: 2; }
    .e-commerce #trial-access-login-info-message .text h1 {
      font-size: 24px; }
    .e-commerce #trial-access-login-info-message .text p {
      line-height: 1.8; }
  .e-commerce #trial-access-login-info-message .image {
    flex: 1;
    display: flex;
    justify-content: center; }
    @media (max-width: 768px) {
      .e-commerce #trial-access-login-info-message .image {
        display: none; } }
    .e-commerce #trial-access-login-info-message .image img {
      width: 100px; }

.e-commerce .site-login, .e-commerce .user-request-password-reset, .e-commerce .user-reset-password {
  max-width: 537px;
  box-shadow: 1px 1px 2px #555555;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  padding: 20px;
  background: #fff;
  margin: 0 auto;
  width: 95%;
  font-size: 14px;
  overflow: hidden;
  position: relative; }
  .e-commerce .site-login-oauth, .e-commerce .user-request-password-reset-oauth, .e-commerce .user-reset-password-oauth {
    margin: 0;
    padding: 0;
    max-width: none;
    width: 250px; }
    @media (min-width: 310px) {
      .e-commerce .site-login-oauth, .e-commerce .user-request-password-reset-oauth, .e-commerce .user-reset-password-oauth {
        width: 300px; } }
    @media (min-width: 700px) {
      .e-commerce .site-login-oauth, .e-commerce .user-request-password-reset-oauth, .e-commerce .user-reset-password-oauth {
        width: 470px; } }
    @media (min-width: 913px) {
      .e-commerce .site-login-oauth, .e-commerce .user-request-password-reset-oauth, .e-commerce .user-reset-password-oauth {
        width: 100%; } }
    .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 {
      padding: 10px 20px;
      width: 100%; }
      @media (min-width: 913px) {
        .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 {
          width: 50% !important;
          padding: 20px; } }
      .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 h2, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 h2, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6 h2 {
        font-size: 16px; }
    .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row {
      padding: 0;
      padding-left: 10px;
      padding-right: 10px; }
      .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row hr, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row hr, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row hr {
        margin-top: 10px;
        margin-bottom: 10px; }
      @media (min-width: 913px) {
        .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row hr, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row hr, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.horizontal-row hr {
          display: none; } }
    @media (min-width: 913px) {
      .e-commerce .site-login-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.divider, .e-commerce .user-request-password-reset-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.divider, .e-commerce .user-reset-password-oauth div.row div.col-xs-12.col-sm-12.col-md-6.col-lg-6.divider {
        border-right-color: #a2a2a2;
        border-right-width: 1px;
        border-right-style: solid; } }
  .e-commerce .site-login span, .e-commerce .user-request-password-reset span, .e-commerce .user-reset-password span {
    margin-bottom: 20px; }
  .e-commerce .site-login p, .e-commerce .user-request-password-reset p, .e-commerce .user-reset-password p {
    font-size: 14px; }
  .e-commerce .site-login h1, .e-commerce .user-request-password-reset h1, .e-commerce .user-reset-password h1 {
    font-size: 24px;
    margin: 0 0 10px 0; }
  .e-commerce .site-login div:nth-of-type(4), .e-commerce .user-request-password-reset div:nth-of-type(4), .e-commerce .user-reset-password div:nth-of-type(4) {
    line-height: 20px; }
  .e-commerce .site-login .btn-secondary, .e-commerce .site-login .bootbox .btn-primary, .bootbox .e-commerce .site-login .btn-primary, .e-commerce .user-request-password-reset .btn-secondary, .e-commerce .user-request-password-reset .bootbox .btn-primary, .bootbox .e-commerce .user-request-password-reset .btn-primary, .e-commerce .user-reset-password .btn-secondary, .e-commerce .user-reset-password .bootbox .btn-primary, .bootbox .e-commerce .user-reset-password .btn-primary {
    margin-top: 20px !important;
    padding: 10px !important;
    border: none !important;
    min-width: 100px;
    max-width: 200px; }
  .e-commerce .site-login .login_button, .e-commerce .user-request-password-reset .login_button, .e-commerce .user-reset-password .login_button {
    margin-bottom: 0 !important; }
  .e-commerce .site-login .field-loginform-rememberme label, .e-commerce .user-request-password-reset .field-loginform-rememberme label, .e-commerce .user-reset-password .field-loginform-rememberme label {
    margin-top: 3px; }
  .e-commerce .site-login .field-loginform-rememberme + div, .e-commerce .user-request-password-reset .field-loginform-rememberme + div, .e-commerce .user-reset-password .field-loginform-rememberme + div {
    min-height: 40px; }
  .e-commerce .site-login .cbx-container, .e-commerce .user-request-password-reset .cbx-container, .e-commerce .user-reset-password .cbx-container {
    float: left;
    margin-right: 5px; }
  .e-commerce .site-login .row, .e-commerce .user-request-password-reset .row, .e-commerce .user-reset-password .row {
    margin: 0;
    z-index: 1;
    position: relative; }
    .e-commerce .site-login .row div, .e-commerce .user-request-password-reset .row div, .e-commerce .user-reset-password .row div {
      padding: 0; }
      .e-commerce .site-login .row div input, .e-commerce .user-request-password-reset .row div input, .e-commerce .user-reset-password .row div input {
        margin-top: 5px; }
    .e-commerce .site-login .row .advantages-list + .login_button, .e-commerce .user-request-password-reset .row .advantages-list + .login_button, .e-commerce .user-reset-password .row .advantages-list + .login_button {
      padding-top: 20px; }
      @media (min-width: 913px) {
        .e-commerce .site-login .row .advantages-list + .login_button, .e-commerce .user-request-password-reset .row .advantages-list + .login_button, .e-commerce .user-reset-password .row .advantages-list + .login_button {
          padding-top: 35px; } }
@-moz-document url-prefix() {
  .e-commerce .site-login .row .advantages-list + .login_button, .e-commerce .user-request-password-reset .row .advantages-list + .login_button, .e-commerce .user-reset-password .row .advantages-list + .login_button {
    padding-top: 32px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .e-commerce .site-login .row .advantages-list + .login_button, .e-commerce .user-request-password-reset .row .advantages-list + .login_button, .e-commerce .user-reset-password .row .advantages-list + .login_button {
        padding-top: 12px; } }
    .e-commerce .site-login .row .loader, .e-commerce .site-login .row .loader-btn, .e-commerce .site-login .row .loader-right, .e-commerce .user-request-password-reset .row .loader, .e-commerce .user-request-password-reset .row .loader-btn, .e-commerce .user-request-password-reset .row .loader-right, .e-commerce .user-reset-password .row .loader, .e-commerce .user-reset-password .row .loader-btn, .e-commerce .user-reset-password .row .loader-right {
      margin-top: 30px; }

.advantages-list {
  padding-top: 30px; }
  .advantages-list li {
    padding-top: 3px;
    padding-bottom: 2px;
    margin-left: 20px;
    display: table; }
    .advantages-list li i {
      color: #e6278b; }
    .advantages-list li p {
      padding-left: 10px;
      vertical-align: middle;
      display: table-cell; }

.ecommerce-title {
  display: inline-block;
  font-size: 35px;
  position: absolute;
  margin-top: 10px;
  margin-left: 10px; }

.form-group.login_button.button-row {
  margin-bottom: 0; }

.center-content.e-commerce {
  position: fixed;
  left: calc(50% - 150px);
  height: 100vh;
  overflow-y: auto; }
  @media (min-width: 700px) {
    .center-content.e-commerce {
      height: unset !important;
      overflow-y: unset !important;
      top: 50%;
      left: 50% !important;
      transform: translate(-50%, -50%); } }
.oauth-view .rf-log-in__header.clearfix.header--ict {
  display: none !important; }

.menu-item-manage .LinkWidget .tile p {
  color: #00c9bd; }

.menu-item-manage .LinkWidget .tile:hover {
  border: 1px solid #00c9bd; }
  .menu-item-manage .LinkWidget .tile:hover span {
    overflow: hidden;
    background: #00c9bd;
    color: #fff; }

#deleteCoachCategoryConfirmName {
  height: 40px;
  width: 100%;
  padding: 1rem;
  margin-top: 1rem; }

.filter-category-dropdown {
  padding-left: 0; }

.filter-knowledge-center-dropdown {
  padding-right: 0; }

.second-modal .modal-dialog {
  position: absolute;
  left: 5%;
  top: 50%;
  width: 90%; }

#deleteCoachConfirmEmail {
  height: 40px;
  width: 100%;
  padding: 1rem;
  margin-top: 1rem; }

@media (min-width: 1200px) {
  .field-orderform-notes {
    border-left: 1px solid #d5d5d5;
    padding-left: 18px;
    margin-left: 10px; }
  #orderform-notes {
    min-height: 325px; } }

#editOrderFixedDetails th {
  width: 273px; }

.field-orderform-notifyuser {
  padding: 2.5rem 0 0 1rem; }

.order-lines-group {
  margin-top: 1rem; }

#orderLinesContainer {
  border: 1px solid #a2a2a2; }
  #orderLinesContainer table {
    margin: 0; }
  #orderLinesContainer #noOrderLinesInfo {
    font-style: italic;
    margin: 1rem; }
  #orderLinesContainer .order-line-actions {
    margin-top: 2rem; }
  #orderLinesContainer .order-line td > div {
    display: inline-block; }
  #orderLinesContainer .order-line .form-group {
    margin-bottom: 0; }
  #orderLinesContainer .order-line .text-cell {
    line-height: 34px; }
  #orderLinesContainer .order-line .row-actions {
    margin-top: 0; }
  #orderLinesContainer .order-line .checkbox {
    margin-top: 7px; }
    #orderLinesContainer .order-line .checkbox label {
      padding-left: 0; }
  #orderLinesContainer .order-line .order-line-quantity, #orderLinesContainer .order-line .order-line-price {
    width: 72px; }
  #orderLinesContainer .order-line .course-order-line-form-group-course_id, #orderLinesContainer .order-line .learning-plan-order-line-form-group-learning_plan_id {
    width: 350px; }
  #orderLinesContainer .order-line .learning-plan-order-line-form-group-subscription_type {
    min-width: 100px; }
  #orderLinesContainer .order-line .sub-course-order-line-option {
    width: 32rem; }
  #orderLinesContainer .order-line .js__sub-course-option .cbx-icon {
    margin: -1px !important; }
  #orderLinesContainer .order-line .date-picker .input-group {
    max-width: 150px; }
  #orderLinesContainer .order-line .input-group-addon {
    padding: 0; }
    #orderLinesContainer .order-line .input-group-addon span {
      padding: 6px 12px; }

.show-bulk-assign-after-save {
  display: inline-block;
  margin-right: 10px; }

#selectTargetLabels label {
  padding: 0 20px 20px 0; }
  #selectTargetLabels label input {
    margin-right: 5px; }

#orderGrid .organization-private-column {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.order-line-sub-order-line td:nth-child(2) {
  padding-left: 4rem !important; }

.order-line-disabled {
  text-decoration: line-through; }

#manageOrganizationJobTitlesGrid .enabled-column-header {
  width: 100px; }

#manageOrganizationJobTitlesGrid .action-column-header {
  width: 100px; }

.address-form-fix {
  margin-left: -3px;
  margin-right: -3px; }
  @media (min-width: 991px) {
    .address-form-fix {
      width: 345px;
      margin-left: 110px; } }
  @media (min-width: 1200px) {
    .address-form-fix {
      width: 420px;
      margin-left: 135px; } }
.menu-item-knowledge-items .btn-secondary-big {
  cursor: pointer; }

.menu-item-knowledge-items #add-course-package-form .input-group-addon:nth-last-child(1) {
  padding: 0;
  border: 0; }

.menu-item-knowledge-items .field-searchcoursematerials-enabledstatus {
  height: 29px;
  float: right; }
  @media (max-width: 992px) {
    .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus {
      float: left; } }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .input-group {
    width: 140px; }
    @media (max-width: 480px) {
      .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .input-group {
        width: 51%; } }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .select2-container--krajee {
    display: block;
    float: left;
    width: 50% !important; }
    @media (max-width: 992px) {
      .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .select2-container--krajee {
        width: 30%;
        max-width: 200px; } }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .control-label {
    display: block; }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .input-group-md {
    float: left; }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .select2-selection--single {
    padding: 2px 24px 2px 6px;
    margin-top: -3px;
    position: relative;
    font-size: 13px;
    height: auto !important;
    line-height: 0 !important; }
    .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .select2-selection--single span {
      padding: 10px; }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus .select2-selection__arrow b {
    margin-top: -6px !important;
    top: 43% !important;
    margin-left: 3px !important; }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus label {
    float: left;
    margin-right: 5px;
    margin-top: 1px; }
  .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus #coursesearch-visibilityStatus, .menu-item-knowledge-items .field-searchcoursematerials-enabledstatus #coursesearch-publishedstatus {
    width: auto;
    height: 22px;
    padding: 0;
    float: left;
    margin-top: -4px; }

.menu-item-knowledge-items .field-searchcoursematerials-vendorid {
  float: right; }
  @media (max-width: 992px) {
    .menu-item-knowledge-items .field-searchcoursematerials-vendorid {
      float: left; } }
  .menu-item-knowledge-items .field-searchcoursematerials-vendorid .input-group {
    width: 140px; }
    @media (max-width: 480px) {
      .menu-item-knowledge-items .field-searchcoursematerials-vendorid .input-group {
        width: 51%; } }
  .menu-item-knowledge-items .field-searchcoursematerials-vendorid .select2-container--krajee {
    display: block;
    float: left;
    width: 50% !important; }
    @media (max-width: 992px) {
      .menu-item-knowledge-items .field-searchcoursematerials-vendorid .select2-container--krajee {
        width: 30%;
        max-width: 200px; } }
  .menu-item-knowledge-items .field-searchcoursematerials-vendorid .input-group-md {
    float: left; }
  .menu-item-knowledge-items .field-searchcoursematerials-vendorid .select2-selection--single {
    padding: 2px 24px 2px 6px;
    margin-top: -3px;
    position: relative;
    font-size: 13px;
    height: auto !important;
    line-height: none !important; }
  .menu-item-knowledge-items .field-searchcoursematerials-vendorid .select2-selection__arrow b {
    margin-top: -6px !important;
    top: 43% !important;
    margin-left: 3px !important; }
  .menu-item-knowledge-items .field-searchcoursematerials-vendorid label {
    font-weight: 700;
    float: left;
    padding-right: 20px; }

.menu-item-knowledge-items .course-material-file-input .form-group {
  margin-bottom: -10px; }

.menu-item-knowledge-items #editCourseMaterialModal .course-material-file-input .field-editcoursematerialsform-name {
  margin-bottom: 20px; }

.menu-item-knowledge-items #editCourseMaterialModal #translation-list .language-header, .menu-item-knowledge-items #editCourseMaterialModal #translation-list .language-flag {
  vertical-align: top;
  padding-top: 28px; }

.menu-item-knowledge-items #editCourseMaterialModal .redactor-box {
  margin-top: 10px;
  margin-bottom: 20px; }

.menu-item-knowledge-items .language {
  color: #555555 !important; }

#add-course-package-form .control-label, #edit-course-package-form .control-label {
  float: left;
  margin-right: 4px; }

#add-course-package-form .info-icon, #edit-course-package-form .info-icon {
  float: left;
  height: 15px;
  width: 15px;
  top: -10px;
  position: relative;
  margin-right: 10px; }

#add-course-package-form .course-material-file-input, #edit-course-package-form .course-material-file-input {
  padding-right: 0;
  width: 70%; }

#add-course-package-form .select2-selection__clear, #edit-course-package-form .select2-selection__clear {
  display: none; }

#edit-course-package-form .field-editcoursematerialsform-knowledge_type_id {
  margin-top: 40px; }

#add-course-package-form .select2-container .select2-selection--single, #edit-course-package-form .select2-container .select2-selection--single {
  padding: 6px 24px 6px 7px;
  border-radius: 0;
  height: 34px;
  line-height: 1.428;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  color: #555555;
  font-size: 14px;
  outline: 0; }
  #add-course-package-form .select2-container .select2-selection--single .select2-selection__rendered, #edit-course-package-form .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 20px; }
  #add-course-package-form .select2-container .select2-selection--single .select2-selection__arrow, #edit-course-package-form .select2-container .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    color: #2eabf3; }

#add-course-package-form .has-error .select2-container .select2-selection--single, #edit-course-package-form .has-error .select2-container .select2-selection--single {
  border: 1px solid #d80024; }

#knowledgeCenterEdit {
  min-height: 200px; }

#knowledgeNetworkOptions {
  padding-bottom: 10px; }

#knowledgeNetworkDetailsColumn {
  height: 100%;
  background: #ffffff;
  border: 1px solid #cccccc; }

#knowledgeNetworkDetails {
  width: 100%;
  height: 100%;
  position: relative; }

.knowledgeNetworkTile {
  height: 700px;
  background: #ffffff; }

.knowledgeNetworkHeight {
  height: 100%; }

.knowledgeNetworkEditAction {
  padding-bottom: 10px; }

.scrollable-knowledge {
  margin: 2rem 0rem 2rem 0rem;
  width: 100%; }

.scrollable-knowledge-item td:first-child {
  width: 5%; }

.scrollable-knowledge-item td:nth-child(2) {
  width: 55%; }

.scrollable-knowledge-item td:nth-child(3) {
  width: 10%; }

.scrollable-knowledge-item td:nth-child(4) {
  width: 10%; }

.scrollable-knowledge-item td:nth-child(5) {
  width: 20%; }

.scrollable-knowledge .jsViewRelation, .scrollable-knowledge .jsEditRelation {
  padding-right: 0.6rem; }

.scrollable-knowledge table {
  border-collapse: separate;
  border-spacing: 0 0.6rem; }

#relatedKnowledge .icon-grab {
  display: block;
  width: 15px;
  height: 15px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

#relatedKnowledge .ui-sortable-helper, #relatedKnowledge .ui-sortable-helper .icon-grab {
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.menu-item-organization-structure .group-hierarchy {
  position: relative; }
  .menu-item-organization-structure .group-hierarchy div.overlapping-vertical-bar {
    height: calc(100% - 90px);
    border-left: 2px solid #a2a2a2;
    display: block;
    position: absolute;
    right: auto;
    top: 19px;
    bottom: 50px;
    left: -20px; }
  .menu-item-organization-structure .group-hierarchy div.organization-structure-bars {
    position: relative; }
    .menu-item-organization-structure .group-hierarchy div.organization-structure-bars span.individual-vertical-bar {
      height: 110px;
      border-left: 2px solid #a2a2a2;
      display: block;
      position: absolute;
      top: -21px;
      left: -20px; }
    .menu-item-organization-structure .group-hierarchy div.organization-structure-bars span.individual-horizontal-bar {
      width: 20px;
      position: absolute;
      top: 17px;
      left: -20px;
      border-bottom: 2px solid #a2a2a2; }
  .menu-item-organization-structure .group-hierarchy .panel-heading {
    border: none; }

.menu-item-organization-structure .indented-hierarchy {
  margin-left: 40px; }
  .menu-item-organization-structure .indented-hierarchy-first-level {
    margin-left: 0; }

.menu-item-organization-structure .disabled-delete {
  color: #e6278b; }
  .menu-item-organization-structure .disabled-delete:hover {
    color: #c31771; }

.menu-item-organization-structure .closed-hierarchy {
  display: none; }

.menu-item-organization-structure #view-department-modal .department-name {
  width: 50%;
  float: left; }

.menu-item-organization-structure #view-department-modal .department-parent {
  width: 50%;
  float: left; }

.menu-item-organization-structure #view-department-modal .modal-body {
  max-height: calc(100vh - 100px);
  overflow: auto; }

.menu-item-organization-structure #edit-department-modal .field-editdepartmentform-parent_id, .menu-item-organization-structure #edit-department-modal .field-editdepartmentform-name {
  width: 49%;
  display: inline-block; }
  .menu-item-organization-structure #edit-department-modal .field-editdepartmentform-parent_id :after, .menu-item-organization-structure #edit-department-modal .field-editdepartmentform-name :after {
    clear: both; }

.menu-item-organization-structure #edit-department-modal .field-editdepartmentform-parent_id {
  margin-left: 0;
  float: right; }
  .menu-item-organization-structure #edit-department-modal .field-editdepartmentform-parent_id .select2-container--krajee {
    display: inline-block; }

.menu-item-organization-structure .field-editdepartmentform-enabled {
  display: inline-block;
  margin-bottom: 0; }

.department-icons span, .settings-buttons-icons span {
  font-size: 16px;
  padding-right: 4px; }

.department-icons span + span, .settings-buttons-icons span + span {
  padding-left: 8px; }

.department-icons .settings-buttons-icons a:hover, .settings-buttons-icons .settings-buttons-icons a:hover {
  cursor: pointer; }

.create-child-department .icon-subjects::after {
  content: '+';
  position: relative;
  font-size: 20px !important;
  z-index: 10;
  font-weight: 900;
  left: -3px;
  top: -7px; }

.menu-item-organization-structure .panel {
  border: 1px solid #878787; }

.menu-item-organization-structure .rf-tile .add-department-btn {
  margin: 0.6rem 0; }

.organization_structure_collapsible_buttons_container {
  margin-top: 10px; }

ul.organization_breadcrumbs li {
  display: inline; }
  ul.organization_breadcrumbs li:after {
    padding: 0 .5rem;
    font-family: "mycademy";
    font-size: 10px;
    content: '\60'; }
  ul.organization_breadcrumbs li:last-child:after {
    content: ''; }

.menu-item-organization-structure .loader, .menu-item-organization-structure .loader-btn, .menu-item-organization-structure .loader-right {
  color: #e6278b; }

p.p-no-padding {
  padding: 0;
  margin: 0; }

p.organization__admin__name {
  padding: 0;
  margin: 0; }

@media (min-width: 992px) {
  .org-scan-export-btn {
    margin-top: 19px; } }

.org-scan-export-btn.export-as-excel-spreadsheet-possible {
  margin-top: -7px; }

.new-survey-button {
  margin-bottom: 10px; }

#submit-link-survey-to-organization {
  margin-top: 10px; }

#link-survey-to-organization-form .form-group .info-icon {
  display: inline-block; }

.horizontal-divider {
  margin-bottom: 3rem;
  margin-top: 1rem; }

.division-title {
  margin-bottom: 1rem; }

#manageSubscriptionsBulkAssignForm #learningPlanContainer {
  border-width: 1px;
  border-style: solid; }

#manageSubscriptionsBulkAssignForm #learningPlanActions {
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #a2a2a2; }

#manageSubscriptionsBulkAssignForm #learningPlanList {
  max-height: 450px;
  overflow-y: scroll; }
  #manageSubscriptionsBulkAssignForm #learningPlanList .learning-plan-group {
    padding: 1rem; }
    #manageSubscriptionsBulkAssignForm #learningPlanList .learning-plan-group:not(:last-child) {
      border-bottom: 1px solid #d5d5d5;
      margin-bottom: 5px; }
    #manageSubscriptionsBulkAssignForm #learningPlanList .learning-plan-group .learning-plan-name {
      font-weight: bold;
      margin-bottom: 5px; }
    #manageSubscriptionsBulkAssignForm #learningPlanList .learning-plan-group ul {
      margin-left: 10px; }
      #manageSubscriptionsBulkAssignForm #learningPlanList .learning-plan-group ul li {
        margin: 2px 0; }

#manageSubscriptionsBulkAssignForm #usersSelection {
  margin-top: 20px; }
  #manageSubscriptionsBulkAssignForm #usersSelection #userSearchOptions {
    margin: 10px; }

#manageSubscriptionsBulkAssignForm .user-selection-action-column {
  text-align: center;
  padding-top: 8px !important; }
  #manageSubscriptionsBulkAssignForm .user-selection-action-column .rf-btn {
    min-width: 130px;
    margin-bottom: 7px; }
    #manageSubscriptionsBulkAssignForm .user-selection-action-column .rf-btn .symbol {
      display: inline-block; }
      @media (max-width: 992px) {
        #manageSubscriptionsBulkAssignForm .user-selection-action-column .rf-btn .symbol {
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); } }
#manageSubscriptionsBulkAssignForm #availableUsersSelection {
  border-width: 1px;
  border-style: solid;
  height: 500px; }
  #manageSubscriptionsBulkAssignForm #availableUsersSelection #availableUsersList {
    border-top: 1px solid #a2a2a2;
    height: 395px;
    overflow-y: scroll;
    position: relative; }
    #manageSubscriptionsBulkAssignForm #availableUsersSelection #availableUsersList .user.disabled:hover {
      background: none;
      cursor: auto; }
    #manageSubscriptionsBulkAssignForm #availableUsersSelection #availableUsersList .user.disabled .action-button {
      color: #d5d5d5;
      cursor: not-allowed; }

#manageSubscriptionsBulkAssignForm #selectedUsers {
  border-width: 1px;
  border-style: solid;
  height: 500px; }

#manageSubscriptionsBulkAssignForm #selectedUsersList {
  overflow-y: scroll;
  height: 100%; }
  #manageSubscriptionsBulkAssignForm #selectedUsersList .user.disabled .user-name {
    text-decoration: line-through; }

#manageSubscriptionsBulkAssignForm #selectUsersHint, #manageSubscriptionsBulkAssignForm #noUsersFoundHint {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  color: #a2a2a2; }

#manageSubscriptionsBulkAssignForm .user-selection-summary {
  margin-top: 15px; }
  #manageSubscriptionsBulkAssignForm .user-selection-summary.error {
    color: #d80024; }

#manageSubscriptionsBulkAssignForm .users-list .user {
  padding: 10px;
  cursor: pointer; }
  #manageSubscriptionsBulkAssignForm .users-list .user:hover:not(.ignore-hover) {
    background: #f0f3f5; }
  #manageSubscriptionsBulkAssignForm .users-list .user:not(:last-child) {
    border-bottom: 1px solid #d5d5d5; }
  #manageSubscriptionsBulkAssignForm .users-list .user.highlight-background {
    animation: 1s linear;
    animation-iteration-count: 1;
    animation-name: auto-gen-animation-keyframes-mixin-1; }

@keyframes auto-gen-animation-keyframes-mixin-1 {
  0% {
    background-color: transparent; }
  50% {
    background-color: rgba(46, 171, 243, 0.5); }
  0% {
    background-color: transparent; } }
  #manageSubscriptionsBulkAssignForm .users-list .user .user-details div {
    margin: 3px 0; }
  #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-name {
    font-weight: bold; }
  #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info {
    margin-top: 5px; }
    #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .toggle-user-subscriptions-list {
      padding: 2px 0;
      cursor: pointer;
      margin-right: -3px; }
      #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .toggle-user-subscriptions-list .chevron {
        vertical-align: bottom;
        transition: 0.5s; }
      #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .toggle-user-subscriptions-list[aria-expanded="true"] {
        margin-right: 0; }
        #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .toggle-user-subscriptions-list[aria-expanded="true"] .chevron {
          -moz-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .toggle-user-subscriptions-list:hover:not(.disabled) {
        text-decoration: underline; }
      #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .toggle-user-subscriptions-list.disabled {
        cursor: default; }
    #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .user-subscriptions-list li {
      margin-left: 15px;
      padding: 5px 0; }
      #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .user-subscriptions-list li.matching-subscription:before {
        content: "🗸";
        width: 12px;
        margin-left: -12px;
        display: inline-block; }
      #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .user-subscriptions-list li .learning-plan-info {
        text-overflow: ellipsis;
        max-width: 350px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden; }
    #manageSubscriptionsBulkAssignForm .users-list .user .user-details .user-subscriptions-info .matching-plan-info {
      font-style: italic;
      color: #a2a2a2; }

#manageSubscriptionsBulkAssignForm footer {
  margin-top: 20px; }
  #manageSubscriptionsBulkAssignForm footer .learning-plan-selection-summary {
    margin-top: 10px; }
    #manageSubscriptionsBulkAssignForm footer .learning-plan-selection-summary.error {
      color: #d80024; }

.horizontal-scroll {
  width: 100%;
  overflow-x: auto; }

td.grid-checkbox .cbx-container .cbx-active {
  top: -2px; }
  td.grid-checkbox .cbx-container .cbx-active .glyphicon {
    top: -2px; }

td.grid-checkbox .cbx-container .cbx-disabled {
  top: -2px; }
  td.grid-checkbox .cbx-container .cbx-disabled .glyphicon {
    top: -2px; }

.training-search-form {
  padding: 10px 112px;
  height: 90px; }
  @media (max-width: 768px) {
    .training-search-form {
      padding: 10px; } }
.show-distributed-courses {
  margin-top: 10px; }
  .show-distributed-courses .show-distributed-courses-label {
    margin-left: 5px;
    margin-bottom: 0;
    vertical-align: text-bottom; }

.grid-wrapper .grid-view table thead tr th {
  vertical-align: bottom !important;
  font-size: 11px;
  font-weight: 100;
  min-width: 125px; }
  .grid-wrapper .grid-view table thead tr th .training-column-title {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    min-height: 140px;
    max-width: 150px;
    top: 40px;
    position: relative;
    left: 20px; }
  .grid-wrapper .grid-view table thead tr th .training-column-counter {
    display: block; }

.grid-wrapper .grid-view table tbody tr:nth-child(odd) {
  background-color: #f0f3f5; }

.menu-item-users .modal-header {
  padding: 9px 11px !important;
  font-size: 14px; }

.menu-item-users .modal-dialog .form-control {
  height: 36px !important; }

.menu-item-users .modal-dialog .load-container {
  display: none;
  float: right; }
  .menu-item-users .modal-dialog .load-container .loader, .menu-item-users .modal-dialog .load-container .loader-btn, .menu-item-users .modal-dialog .load-container .loader-right {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    float: right; }

.menu-item-users .modal-dialog .select2-container--krajee .select2-selection--single {
  height: 36px !important; }

.menu-item-users .modal-dialog .help-block {
  color: #d80024 !important;
  margin-top: 2px !important;
  margin-bottom: 7px; }

.menu-item-users .modal-dialog .select2-selection__arrow {
  display: block !important; }

.menu-item-users .new-user-button {
  cursor: pointer; }

@media (min-width: 768px) {
  .menu-item-users .text-right {
    text-align: center; } }

.menu-item-users #user-list form {
  height: 45px;
  background: #a7dbfa; }
  .menu-item-users #user-list form .input-group {
    display: block; }
  @media (max-width: 767px) {
    .menu-item-users #user-list form {
      height: 141px; } }
.menu-item-users #user-list form:nth-child(odd) {
  background: #fff; }

.menu-item-users #add-user-form .help-block {
  color: #fff; }

.menu-item-users #add-user-form .text-right {
  text-align: right; }

@media (max-width: 768px) {
  .menu-item-users .user-button-left, .menu-item-users .user-button-right {
    width: 50%;
    float: left;
    height: 30px;
    padding: 4px;
    box-sizing: border-box; } }

.menu-item-users #user-list {
  padding: 0; }
  .menu-item-users #user-list .grid-view {
    overflow-x: auto;
    padding: 0 3px 0 0; }
    @media (min-width: 1200px) {
      .menu-item-users #user-list .grid-view {
        overflow-x: inherit; } }
  .menu-item-users #user-list .help-block {
    margin-top: 0; }
  @media (min-width: 1200px) {
    .menu-item-users #user-list .save-user {
      display: none; } }
  @media (min-width: 1200px) {
    .menu-item-users #user-list .cancel-edit {
      width: 100%;
      float: left !important;
      margin: 0; } }
  @media (min-width: 768px) {
    .menu-item-users #user-list .field-edituserform-email {
      display: block; } }
  @media (max-width: 767px) {
    .menu-item-users #user-list .col-xs-3 {
      padding: 0  2px; }
    .menu-item-users #user-list .glyphicon-info-sign {
      display: block;
      text-align: center; } }
  .menu-item-users #user-list .control-label {
    display: none; }
  .menu-item-users #user-list .form-control {
    margin-top: 0;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    box-shadow: none;
    background: none; }
    .menu-item-users #user-list .form-control:hover {
      border-color: #a2a2a2;
      border-width: 1px;
      border-style: solid;
      border-color: #2eabf3 !important;
      outline: 0;
      transition: none;
      background: #fff !important; }
  .menu-item-users #user-list .select2-container--krajee .select2-selection {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: none; }
    .menu-item-users #user-list .select2-container--krajee .select2-selection .select2-selection__arrow {
      display: none; }
    .menu-item-users #user-list .select2-container--krajee .select2-selection:hover {
      border-color: #a2a2a2;
      border-width: 1px;
      border-style: solid;
      border-color: #2eabf3 !important;
      outline: 0;
      transition: none  !important;
      background: #fff !important; }
  .menu-item-users #user-list td:nth-of-type(5) {
    min-width: 80px; }
  .menu-item-users #user-list .icon-switch-user {
    font-size: 20px;
    position: relative;
    top: -2px; }

.menu-item-users .input-group-addon {
  background: none;
  border: none;
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 13px;
  display: none; }

.menu-item-users .input-group:hover .input-group-addon {
  display: block; }

.menu-item-users .form-control:focus + .input-group-addon {
  display: none; }

@media (max-width: 768px) {
  .menu-item-users .form-control {
    -webkit-box-shadow: none;
    box-shadow: none; } }

.menu-item-users .form-control:hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff; }
  .menu-item-users .form-control:hover:focus {
    box-shadow: none; }

.menu-item-users .open {
  opacity: 1 !important; }

.menu-item-users .email-td .icon-info {
  display: none;
  color: #2eabf3; }
  @media (max-width: 600px) {
    .menu-item-users .email-td .icon-info {
      display: block; } }
  @media (max-width: 600px) and (max-width: 450px) {
    .menu-item-users .email-td .icon-info {
      text-align: center; } }
@media (max-width: 600px) {
  .menu-item-users .email-td .email-name {
    display: none; } }

.menu-item-users .help-block {
  margin-bottom: 0; }

.menu-item-users .cell-padding-left {
  padding-left: 17px !important; }
  @media (max-width: 600px) {
    .menu-item-users .cell-padding-left {
      padding-left: 2px !important;
      padding-right: 2px !important; } }
.menu-item-users .form-group {
  margin: 0; }
  .menu-item-users .form-group .btn-default {
    border-left: 0; }
    .menu-item-users .form-group .btn-default:hover {
      background: #fff;
      border-color: #a2a2a2; }

.menu-item-users .edit-user-form label {
  display: none; }

.menu-item-users .edit-user-form button {
  display: none; }

.menu-item-users .edit-user-form.open label {
  display: initial; }

.menu-item-users .edit-user-form.open button {
  display: inline-block;
  padding: 7px 4px;
  font-size: 12px;
  width: 40%;
  margin: 0 2px; }

.menu-item-users .edit-user-form.open .edit-user, .menu-item-users .edit-user-form.open .delete-user {
  top: 8px;
  display: inline-table; }

.menu-item-users .edit-user-form.open .select2-container--krajee .select2-selection {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  background: #fff !important; }
  .menu-item-users .edit-user-form.open .select2-container--krajee .select2-selection .select2-selection__arrow {
    display: block !important; }

.menu-item-users .edit-user-form.open .save-user, .menu-item-users .edit-user-form.open .cancel-edit {
  width: 40px; }
  @media (min-width: 768px) and (max-width: 1200px) {
    .menu-item-users .edit-user-form.open .save-user, .menu-item-users .edit-user-form.open .cancel-edit {
      width: 46%;
      margin-right: 0; } }
.menu-item-users .edit-user-form.open .form-control {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  background: #fff !important; }
  .menu-item-users .edit-user-form.open .form-control:focus {
    border-color: #2eabf3 !important;
    outline: 0; }

.menu-item-users .block-height-half {
  height: auto;
  min-height: 76px; }

.menu-item-users h3 {
  margin: 2px 5px;
  color: #fff; }

.menu-item-users .cbx {
  vertical-align: top; }

.menu-item-users .edit-buttons {
  text-align: right; }

.menu-item-users .rowActions {
  float: right; }

.menu-item-users .cbx-icon {
  margin: -7px; }

.menu-item-users #first-name {
  width: 23%; }
  @media (max-width: 992px) {
    .menu-item-users #first-name {
      width: 24%; } }
  @media (max-width: 768px) {
    .menu-item-users #first-name {
      width: 25%;
      height: 28px; }
      .menu-item-users #first-name span {
        display: none; } }
.menu-item-users #last-name {
  width: 23%; }
  @media (max-width: 992px) {
    .menu-item-users #last-name {
      width: 23%; } }
  @media (max-width: 768px) {
    .menu-item-users #last-name {
      width: 25%; }
      .menu-item-users #last-name span {
        display: none; } }
.menu-item-users #email {
  width: 23%; }
  @media (max-width: 992px) {
    .menu-item-users #email {
      width: 21%; } }
  @media (max-width: 768px) {
    .menu-item-users #email {
      width: 25%; }
      .menu-item-users #email span {
        display: none; } }
.menu-item-users #role {
  width: 31%; }
  @media (max-width: 992px) {
    .menu-item-users #role {
      width: 32%; } }
  @media (max-width: 768px) {
    .menu-item-users #role {
      width: 25%; }
      .menu-item-users #role span {
        display: none; } }
.menu-item-users .no-users-found {
  padding: 20px 10px; }

.field-edituserform-contract_terminated_on {
  margin: 10px 0 0 25px; }

.form-vertical.open .user-row {
  background-color: #e6278b; }
  .form-vertical.open .user-row .glyphicon-pencil, .form-vertical.open .user-row .glyphicon-trash, .form-vertical.open .user-row .icon-switch-user {
    display: none; }

.delete-user-confirm-waring {
  font-size: 1.1em;
  color: #555555; }

.delete-user-confirm-message {
  font-weight: normal;
  margin: 10px 0;
  color: #555555; }

.delete-user-confirm-name {
  font-weight: bold; }

.delete-user-confirm-validation {
  margin: 10px 0; }
  .delete-user-confirm-validation input {
    width: 100%;
    padding: 10px; }

.header__links {
  margin-top: 10px; }

.export__users__unset-height .block-height-1 {
  height: inherit; }

.export__groups__checkbox {
  margin-top: 10px; }

.available-subscriptions {
  max-height: 200px;
  overflow: auto; }

.edit-user-organization-selection {
  margin-bottom: 15px; }

.vis-timeline-menu {
  margin: 10px 0;
  user-select: none; }
  .vis-timeline-menu .vis-timeline-menu-action__text-button {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-top: 3px; }

.filter-group-dropdown {
  padding: 4px 20px 0px 0px !important; }

#subscriptionsTimelineContainer, #enrollmentsTimelineContainer {
  min-height: 50px; }
  #subscriptionsTimelineContainer .learning-plan-group ul, #enrollmentsTimelineContainer .learning-plan-group ul {
    margin-top: 10px; }
    #subscriptionsTimelineContainer .learning-plan-group ul li, #enrollmentsTimelineContainer .learning-plan-group ul li {
      margin-left: 10px;
      margin-bottom: 10px; }
  #subscriptionsTimelineContainer .vis-item, #enrollmentsTimelineContainer .vis-item {
    min-height: 25px;
    background: #a7dbfa;
    border-color: #8ed2f9; }
    #subscriptionsTimelineContainer .vis-item.new-subscription, #enrollmentsTimelineContainer .vis-item.new-subscription {
      border-color: #2eabf3; }
      #subscriptionsTimelineContainer .vis-item.new-subscription:not(.subscription-canceled), #enrollmentsTimelineContainer .vis-item.new-subscription:not(.subscription-canceled) {
        background: #8ed2f9; }
      #subscriptionsTimelineContainer .vis-item.new-subscription.subscription-canceled .vis-item-visible-frame .enabled-period, #enrollmentsTimelineContainer .vis-item.new-subscription.subscription-canceled .vis-item-visible-frame .enabled-period {
        background: #8ed2f9; }
      #subscriptionsTimelineContainer .vis-item.new-subscription.subscription-canceled .vis-item-visible-frame .canceled-period, #enrollmentsTimelineContainer .vis-item.new-subscription.subscription-canceled .vis-item-visible-frame .canceled-period {
        background: repeating-linear-gradient(135deg, rgba(46, 171, 243, 0.25), rgba(46, 171, 243, 0.25) 10px, rgba(46, 171, 243, 0.5) 10px, rgba(46, 171, 243, 0.5) 20px); }
    #subscriptionsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion), #enrollmentsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) {
      background: none; }
      #subscriptionsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion):not(.new-subscription), #enrollmentsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion):not(.new-subscription) {
        color: #6f6f6f; }
      #subscriptionsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-overflow, #enrollmentsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-overflow {
        position: absolute;
        z-index: 1; }
      #subscriptionsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame, #enrollmentsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame {
        position: absolute;
        z-index: 0;
        height: 100%;
        width: 100%; }
        #subscriptionsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .enabled-period, #enrollmentsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .enabled-period {
          position: absolute;
          height: 100%;
          left: 0;
          background: #a7dbfa; }
        #subscriptionsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .canceled-period, #enrollmentsTimelineContainer .vis-item.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .canceled-period {
          position: absolute;
          height: 100%;
          right: 0;
          background: repeating-linear-gradient(135deg, rgba(142, 210, 249, 0.25), rgba(142, 210, 249, 0.25) 10px, rgba(142, 210, 249, 0.5) 10px, rgba(142, 210, 249, 0.5) 20px); }
    #subscriptionsTimelineContainer .vis-item.subscription-marked-for-deletion, #enrollmentsTimelineContainer .vis-item.subscription-marked-for-deletion {
      color: #6f6f6f;
      border-color: rgba(255, 0, 0, 0.5);
      background: repeating-linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 10px, rgba(255, 0, 0, 0.33) 10px, rgba(255, 0, 0, 0.33) 20px); }
    #subscriptionsTimelineContainer .vis-item.vis-selected, #enrollmentsTimelineContainer .vis-item.vis-selected {
      background: #2eabf3;
      border-color: #0a74b1; }
      #subscriptionsTimelineContainer .vis-item.vis-selected.vis-readonly:not(.new-subscription, .subscription-canceled, .subscription-marked-for-deletion), #enrollmentsTimelineContainer .vis-item.vis-selected.vis-readonly:not(.new-subscription, .subscription-canceled, .subscription-marked-for-deletion) {
        background: #8ed2f9;
        border-color: #2eabf3; }
      #subscriptionsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion), #enrollmentsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion) {
        background: none; }
        #subscriptionsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion):not(.new-subscription), #enrollmentsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion):not(.new-subscription) {
          color: #555555;
          border-color: #2eabf3; }
        #subscriptionsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .enabled-period, #enrollmentsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .enabled-period {
          background: #8ed2f9; }
        #subscriptionsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .canceled-period, #enrollmentsTimelineContainer .vis-item.vis-selected.subscription-canceled:not(.subscription-marked-for-deletion) .vis-item-visible-frame .canceled-period {
          background: repeating-linear-gradient(135deg, rgba(46, 171, 243, 0.25), rgba(46, 171, 243, 0.25) 10px, rgba(46, 171, 243, 0.5) 10px, rgba(46, 171, 243, 0.5) 20px); }
      #subscriptionsTimelineContainer .vis-item.vis-selected.subscription-marked-for-deletion, #enrollmentsTimelineContainer .vis-item.vis-selected.subscription-marked-for-deletion {
        color: #555555;
        border-color: red;
        background: repeating-linear-gradient(135deg, rgba(255, 0, 0, 0.25), rgba(255, 0, 0, 0.25) 10px, rgba(255, 0, 0, 0.5) 10px, rgba(255, 0, 0, 0.5) 20px); }
    #subscriptionsTimelineContainer .vis-item.vis-background, #enrollmentsTimelineContainer .vis-item.vis-background {
      color: #a2a2a2;
      background: rgba(142, 210, 249, 0.1); }
      #subscriptionsTimelineContainer .vis-item.vis-background .vis-item-content, #enrollmentsTimelineContainer .vis-item.vis-background .vis-item-content {
        height: 100%; }
        #subscriptionsTimelineContainer .vis-item.vis-background .vis-item-content .included-info, #enrollmentsTimelineContainer .vis-item.vis-background .vis-item-content .included-info {
          height: 100%;
          font-style: italic;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
    #subscriptionsTimelineContainer .vis-item .edit-button, #enrollmentsTimelineContainer .vis-item .edit-button {
      display: none;
      right: -24px;
      position: absolute;
      top: 0;
      width: 24px;
      height: 24px;
      box-sizing: border-box;
      padding: 0 5px;
      cursor: pointer;
      transition: background .2s linear;
      color: #555555;
      line-height: 24px; }
      #subscriptionsTimelineContainer .vis-item .edit-button:hover, #enrollmentsTimelineContainer .vis-item .edit-button:hover {
        background: #0a74b1;
        color: #fff; }
    #subscriptionsTimelineContainer .vis-item.vis-selected .edit-button, #enrollmentsTimelineContainer .vis-item.vis-selected .edit-button {
      display: block; }
    #subscriptionsTimelineContainer .vis-item .vis-delete, #enrollmentsTimelineContainer .vis-item .vis-delete {
      line-height: 24px; }
      #subscriptionsTimelineContainer .vis-item .vis-delete:after, #enrollmentsTimelineContainer .vis-item .vis-delete:after {
        color: #555555; }
      #subscriptionsTimelineContainer .vis-item .vis-delete:hover, #enrollmentsTimelineContainer .vis-item .vis-delete:hover {
        background: #0a74b1; }
        #subscriptionsTimelineContainer .vis-item .vis-delete:hover:after, #enrollmentsTimelineContainer .vis-item .vis-delete:hover:after {
          color: #fff; }
  #subscriptionsTimelineContainer.subscriptions-editable .vis-delete, #enrollmentsTimelineContainer.subscriptions-editable .vis-delete {
    right: -48px; }
  #subscriptionsTimelineContainer .vis-tooltip, #enrollmentsTimelineContainer .vis-tooltip {
    background: #fff;
    color: #555555;
    font-weight: normal !important;
    box-shadow: 1px 1px 10px #6f6f6f;
    font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
    font-size: 12px;
    padding: 10px !important;
    opacity: 1;
    line-height: 1.5rem; }

#editsubscriptionform-notes {
  min-height: 173px; }

#editUserModal .modal-body {
  min-height: 200px; }

@media (min-width: 768px) {
  .edit-subscription-modal .modal-dialog {
    width: 500px; } }

@media (min-width: 992px) {
  .edit-subscription-modal .modal-dialog {
    width: 800px; } }

@media (min-width: 1200px) {
  .edit-subscription-modal .modal-dialog {
    width: 950px; } }

.take-identity {
  cursor: pointer;
  color: #e6278b; }

.menu-item-monitor-progress .legenda, .menu-item-student .legenda {
  display: inline-block; }

.menu-item-monitor-progress .graph-dropdown, .menu-item-student .graph-dropdown {
  float: left;
  padding-top: 10px; }
  @media (min-width: 500px) {
    .menu-item-monitor-progress .graph-dropdown, .menu-item-student .graph-dropdown {
      float: right;
      padding-top: 0; } }
  @media (min-width: 769px) {
    .menu-item-monitor-progress .graph-dropdown, .menu-item-student .graph-dropdown {
      position: relative;
      top: -45px;
      right: -7px; } }
  @media (min-width: 992px) {
    .menu-item-monitor-progress .graph-dropdown, .menu-item-student .graph-dropdown {
      top: -45px; } }
.menu-item-monitor-progress .sub-head + .course_chapters .course-bar, .menu-item-student .sub-head + .course_chapters .course-bar {
  padding: 4px 0 4px 26px !important; }

@media (max-width: 920px) {
  .menu-item-monitor-progress .time-left, .menu-item-student .time-left {
    text-align: center;
    display: table-cell !important; }
  .menu-item-monitor-progress .last-active, .menu-item-student .last-active {
    display: table-cell !important; }
  .menu-item-monitor-progress .score, .menu-item-student .score {
    width: 8% !important;
    text-align: left; } }

.menu-item-monitor-progress .text-last, .menu-item-student .text-last {
  font-weight: bold; }
  @media (max-width: 920px) {
    .menu-item-monitor-progress .text-last, .menu-item-student .text-last {
      display: none; } }
.menu-item-monitor-progress .course-chapter, .menu-item-student .course-chapter {
  padding: 4px 0 !important; }

.menu-item-monitor-progress .sub-head, .menu-item-student .sub-head {
  cursor: pointer;
  padding: 5px 10px !important; }

.menu-item-monitor-progress .head-icon, .menu-item-student .head-icon {
  float: left;
  top: 4px; }

.menu-item-monitor-progress .no-courses-finished .icon-graph, .menu-item-student .no-courses-finished .icon-graph {
  top: 79px; }

.menu-item-monitor-progress .chapter--toggle, .menu-item-student .chapter--toggle {
  background: #fff;
  max-height: 220px;
  overflow-y: auto; }

.menu-item-monitor-progress .head-course-bar, .menu-item-student .head-course-bar {
  cursor: pointer;
  padding: 8px 0 !important; }
  .menu-item-monitor-progress .head-course-bar > div, .menu-item-student .head-course-bar > div {
    display: table-cell;
    vertical-align: middle; }
    .menu-item-monitor-progress .head-course-bar > div.classroom-course-status, .menu-item-student .head-course-bar > div.classroom-course-status {
      width: 19%; }

.menu-item-monitor-progress .student-courses .border-bottom-dotted:nth-last-child(1), .menu-item-student .student-courses .border-bottom-dotted:nth-last-child(1) {
  border-bottom: none; }

.menu-item-monitor-progress .student-courses .dropdown-primary, .menu-item-student .student-courses .dropdown-primary {
  padding: 0; }

.menu-item-monitor-progress .student-courses .glyphicon-chevron-right, .menu-item-student .student-courses .glyphicon-chevron-right {
  color: #e6278b;
  margin-right: 2px; }

.menu-item-monitor-progress .student-courses .pagination, .menu-item-student .student-courses .pagination {
  margin: 1.6rem 0; }

.menu-item-monitor-progress .student-courses .rf-tile__content > .pagination, .menu-item-student .student-courses .rf-tile__content > .pagination {
  margin: 0; }

.menu-item-monitor-progress .student-courses .loader, .menu-item-monitor-progress .student-courses .loader-btn, .menu-item-monitor-progress .student-courses .loader-right, .menu-item-student .student-courses .loader, .menu-item-student .student-courses .loader-btn, .menu-item-student .student-courses .loader-right {
  position: absolute;
  bottom: 150px;
  z-index: 100;
  left: 50%;
  margin-left: -25px; }

.menu-item-monitor-progress .search-student, .menu-item-student .search-student {
  margin-right: 10px; }
  @media (max-width: 768px) {
    .menu-item-monitor-progress .search-student, .menu-item-student .search-student {
      margin-right: 0; } }
.menu-item-monitor-progress #progress-employees, .menu-item-student #progress-employees {
  height: 217px;
  overflow: auto; }
  .menu-item-monitor-progress #progress-employees.no-pagination, .menu-item-student #progress-employees.no-pagination {
    height: 256px; }
  .menu-item-monitor-progress #progress-employees .no-data, .menu-item-student #progress-employees .no-data {
    width: 39%;
    font-weight: normal;
    font-style: italic;
    color: #555555; }
  .menu-item-monitor-progress #progress-employees .dropdown-primary, .menu-item-student #progress-employees .dropdown-primary {
    padding: 3px 0; }
  .menu-item-monitor-progress #progress-employees .score, .menu-item-monitor-progress #progress-employees .time, .menu-item-monitor-progress #progress-employees .courses, .menu-item-student #progress-employees .score, .menu-item-student #progress-employees .time, .menu-item-student #progress-employees .courses {
    width: 12%;
    padding-left: 3px; }
  .menu-item-monitor-progress #progress-employees .last-log-in, .menu-item-student #progress-employees .last-log-in {
    width: 20%;
    padding-left: 3px; }
    .menu-item-monitor-progress #progress-employees .last-log-in .glyphicon-log-in, .menu-item-student #progress-employees .last-log-in .glyphicon-log-in {
      margin-right: 4px;
      vertical-align: text-bottom;
      font-size: 16px; }

@media (max-width: 992px) {
  .menu-item-monitor-progress #education_progress, .menu-item-student #education_progress {
    height: auto; } }

.menu-item-monitor-progress #education_progress .statistic-big-info, .menu-item-student #education_progress .statistic-big-info {
  width: 100%; }
  @media (max-width: 480px) {
    .menu-item-monitor-progress #education_progress .statistic-big-info, .menu-item-student #education_progress .statistic-big-info {
      width: auto; } }
.menu-item-monitor-progress #education_progress .statistic-big .icon, .menu-item-student #education_progress .statistic-big .icon {
  font-size: 60px;
  width: 30%;
  float: left; }

.menu-item-monitor-progress #education_progress .statistic-big-info, .menu-item-student #education_progress .statistic-big-info {
  display: inline-block;
  margin-bottom: 10px;
  width: 55%;
  float: left;
  margin-left: 10%; }

.menu-item-monitor-progress .student-filters .media-left, .menu-item-student .student-filters .media-left {
  width: 50%; }

.menu-item-monitor-progress .field-term, .menu-item-student .field-term {
  padding: 0 0 1rem 0; }

@media (min-width: 768px) {
  .menu-item-monitor-progress .field-term, .menu-item-student .field-term {
    padding: 0 1rem 0 0; } }

@media (min-width: 1024px) {
  .menu-item-monitor-progress .field-term, .menu-item-student .field-term {
    padding: 0 0 0; } }

.menu-item-monitor-progress .top-students, .menu-item-student .top-students {
  margin-bottom: 0 !important; }
  .menu-item-monitor-progress .top-students .profile-picture, .menu-item-student .top-students .profile-picture {
    position: relative; }
  @media (max-width: 992px) {
    .menu-item-monitor-progress .top-students .user_image, .menu-item-student .top-students .user_image {
      display: block; } }
  @media (max-width: 768px) {
    .menu-item-monitor-progress .top-students .profile-picture, .menu-item-student .top-students .profile-picture {
      display: none; }
    .menu-item-monitor-progress .top-students .user_image, .menu-item-student .top-students .user_image {
      display: none; } }
  .menu-item-monitor-progress .top-students .dropdown-primary, .menu-item-student .top-students .dropdown-primary {
    padding: 8px; }

.menu-item-monitor-progress .number-one .icon, .menu-item-student .number-one .icon {
  font-size: 22px !important; }

.menu-item-monitor-progress .number-one .score-position, .menu-item-student .number-one .score-position {
  font-size: 30px;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-weight: 300;
  padding-right: 4px;
  width: 20px;
  display: block;
  color: #8ed2f9; }

.menu-item-monitor-progress .top-knowledge-centers canvas, .menu-item-student .top-knowledge-centers canvas {
  width: 100% !important;
  height: 245px !important;
  max-width: 543px; }
  @media (max-width: 992px) {
    .menu-item-monitor-progress .top-knowledge-centers canvas, .menu-item-student .top-knowledge-centers canvas {
      width: 100% !important;
      height: 229px !important;
      max-width: 698px; } }
.menu-item-monitor-progress .user_image, .menu-item-student .user_image {
  float: left;
  height: 66px;
  width: 66px; }

.menu-item-monitor-progress .profile-picture-placeholder.icon-user, .menu-item-student .profile-picture-placeholder.icon-user {
  font-size: 66px;
  color: #f0f3f5; }

.menu-item-monitor-progress .media-right, .menu-item-student .media-right {
  padding-left: 22px; }

.menu-item-monitor-progress .course-bar, .menu-item-student .course-bar {
  margin: 4px 0 !important; }

.menu-item-monitor-progress .course-bar, .menu-item-monitor-progress .head-course-bar, .menu-item-monitor-progress #progress-employees, .menu-item-monitor-progress .top-students, .menu-item-student .course-bar, .menu-item-student .head-course-bar, .menu-item-student #progress-employees, .menu-item-student .top-students {
  margin: 0; }
  .menu-item-monitor-progress .course-bar a, .menu-item-monitor-progress .head-course-bar a, .menu-item-monitor-progress #progress-employees a, .menu-item-monitor-progress .top-students a, .menu-item-student .course-bar a, .menu-item-student .head-course-bar a, .menu-item-student #progress-employees a, .menu-item-student .top-students a {
    color: #555555; }
  .menu-item-monitor-progress .course-bar .text, .menu-item-monitor-progress .head-course-bar .text, .menu-item-monitor-progress #progress-employees .text, .menu-item-monitor-progress .top-students .text, .menu-item-student .course-bar .text, .menu-item-student .head-course-bar .text, .menu-item-student #progress-employees .text, .menu-item-student .top-students .text {
    font-weight: 300; }
  .menu-item-monitor-progress .course-bar .icon, .menu-item-monitor-progress .head-course-bar .icon, .menu-item-monitor-progress #progress-employees .icon, .menu-item-monitor-progress .top-students .icon, .menu-item-student .course-bar .icon, .menu-item-student .head-course-bar .icon, .menu-item-student #progress-employees .icon, .menu-item-student .top-students .icon {
    color: #e6278b;
    font-size: 18px;
    margin-right: 3px;
    vertical-align: middle; }
  .menu-item-monitor-progress .course-bar .icon-score, .menu-item-monitor-progress .head-course-bar .icon-score, .menu-item-monitor-progress #progress-employees .icon-score, .menu-item-monitor-progress .top-students .icon-score, .menu-item-student .course-bar .icon-score, .menu-item-student .head-course-bar .icon-score, .menu-item-student #progress-employees .icon-score, .menu-item-student .top-students .icon-score {
    color: #ffc747; }
  .menu-item-monitor-progress .course-bar .chapter_title, .menu-item-monitor-progress .head-course-bar .chapter_title, .menu-item-monitor-progress #progress-employees .chapter_title, .menu-item-monitor-progress .top-students .chapter_title, .menu-item-student .course-bar .chapter_title, .menu-item-student .head-course-bar .chapter_title, .menu-item-student #progress-employees .chapter_title, .menu-item-student .top-students .chapter_title {
    font-weight: bold; }

.menu-item-monitor-progress .course-bar + .course_chapters, .menu-item-student .course-bar + .course_chapters {
  display: none; }

.menu-item-monitor-progress .course-bar.open + .course_chapters, .menu-item-student .course-bar.open + .course_chapters {
  display: block; }

.menu-item-student .dropdown-primary {
  padding: 0 0; }

.menu-item-student .glyphicon-log-in {
  font-size: 15px;
  margin-right: 5px;
  color: #2eabf3;
  vertical-align: middle; }

.menu-item-student .course-bar, .menu-item-student .head-course-bar {
  overflow: visible;
  display: table;
  width: 100%; }
  .menu-item-student .course-bar .title, .menu-item-student .head-course-bar .title {
    padding: 0;
    width: 40%;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle; }
    .menu-item-student .course-bar .title .glyphicon-chevron-right, .menu-item-student .head-course-bar .title .glyphicon-chevron-right {
      display: inline-block; }
    .menu-item-student .course-bar .title span:nth-last-child(1), .menu-item-student .head-course-bar .title span:nth-last-child(1) {
      width: 100%;
      line-height: 16px; }
  .menu-item-student .course-bar .progress-bar-section, .menu-item-student .course-bar .head-progress-bar-section, .menu-item-student .head-course-bar .progress-bar-section, .menu-item-student .head-course-bar .head-progress-bar-section {
    width: 20%;
    vertical-align: middle;
    display: table-cell; }
    .menu-item-student .course-bar .progress-bar-section .progress, .menu-item-student .course-bar .head-progress-bar-section .progress, .menu-item-student .head-course-bar .progress-bar-section .progress, .menu-item-student .head-course-bar .head-progress-bar-section .progress {
      width: 90%; }
  .menu-item-student .course-bar .score, .menu-item-student .head-course-bar .score {
    width: 12%;
    vertical-align: middle;
    display: table-cell; }
    @media (max-width: 768px) {
      .menu-item-student .course-bar .score, .menu-item-student .head-course-bar .score {
        width: 28%; } }
  .menu-item-student .course-bar .last-active, .menu-item-student .head-course-bar .last-active {
    width: 19%;
    vertical-align: middle;
    display: table-cell;
    font-size: 12px; }
    .menu-item-student .course-bar .last-active span, .menu-item-student .head-course-bar .last-active span {
      font-weight: 700; }
    .menu-item-student .course-bar .last-active .text, .menu-item-student .head-course-bar .last-active .text {
      font-weight: 300; }
    @media (max-width: 768px) {
      .menu-item-student .course-bar .last-active, .menu-item-student .head-course-bar .last-active {
        display: none; } }
  .menu-item-student .course-bar .button-container, .menu-item-student .head-course-bar .button-container {
    width: 2%;
    display: table-cell;
    vertical-align: middle; }

.menu-item-student .sub .title {
  padding: 0;
  width: 40%;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle; }

.menu-item-student .sub .progress-bar-section {
  width: 18%;
  display: table-cell;
  vertical-align: middle; }
  .menu-item-student .sub .progress-bar-section .progress {
    width: 90%; }

.menu-item-student .sub .score {
  width: 12%;
  display: table-cell; }

.menu-item-student .sub .time-left {
  vertical-align: middle;
  width: 21%;
  display: table-cell; }
  @media (max-width: 768px) {
    .menu-item-student .sub .time-left {
      display: none; } }
@media (max-width: 768px) {
  .menu-item-student .sub .score {
    width: 30%; } }

.menu-item-student p {
  margin: 0;
  display: inline-block; }

.menu-item-student .knowledgeitem-details {
  margin-top: 33px;
  width: 100%; }
  .menu-item-student .knowledgeitem-details .course-bar {
    line-height: 16px;
    margin: 0; }
  .menu-item-student .knowledgeitem-details .course-bar:nth-child(odd) {
    background: #fff; }

.menu-item-monitor-progress #team-stats-filter, .menu-item-monitor-progress .user-statistics-settings, .menu-item-monitor-progress .books-or-videos-settings, .menu-item-monitor-progress #search-student {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 10px;
  top: 47px;
  left: 0;
  width: 100%;
  background-color: #2eabf3;
  box-shadow: 1px 1px 10px #a2a2a2; }
  .menu-item-monitor-progress #team-stats-filter label, .menu-item-monitor-progress .user-statistics-settings label, .menu-item-monitor-progress .books-or-videos-settings label, .menu-item-monitor-progress #search-student label {
    display: none; }
  .menu-item-monitor-progress #team-stats-filter .select2, .menu-item-monitor-progress .user-statistics-settings .select2, .menu-item-monitor-progress .books-or-videos-settings .select2, .menu-item-monitor-progress #search-student .select2 {
    width: 200px;
    margin: 10px 0; }
  .menu-item-monitor-progress #team-stats-filter .select2-selection, .menu-item-monitor-progress .user-statistics-settings .select2-selection, .menu-item-monitor-progress .books-or-videos-settings .select2-selection, .menu-item-monitor-progress #search-student .select2-selection {
    border: transparent; }
  .menu-item-monitor-progress #team-stats-filter .btn-secondary:last-child, .menu-item-monitor-progress #team-stats-filter .bootbox .btn-primary:last-child, .bootbox .menu-item-monitor-progress #team-stats-filter .btn-primary:last-child, .menu-item-monitor-progress .user-statistics-settings .btn-secondary:last-child, .menu-item-monitor-progress .user-statistics-settings .bootbox .btn-primary:last-child, .bootbox .menu-item-monitor-progress .user-statistics-settings .btn-primary:last-child, .menu-item-monitor-progress .books-or-videos-settings .btn-secondary:last-child, .menu-item-monitor-progress .books-or-videos-settings .bootbox .btn-primary:last-child, .bootbox .menu-item-monitor-progress .books-or-videos-settings .btn-primary:last-child, .menu-item-monitor-progress #search-student .btn-secondary:last-child, .menu-item-monitor-progress #search-student .bootbox .btn-primary:last-child, .bootbox .menu-item-monitor-progress #search-student .btn-primary:last-child {
    margin-left: 10px; }
  .menu-item-monitor-progress #team-stats-filter .cancel, .menu-item-monitor-progress .user-statistics-settings .cancel, .menu-item-monitor-progress .books-or-videos-settings .cancel, .menu-item-monitor-progress #search-student .cancel {
    margin-right: 0; }

.menu-item-monitor-progress p {
  display: inline-block; }

.menu-item-monitor-progress .monitor-view-header {
  float: right; }

.menu-item-monitor-progress #progress-employees .icon-people {
  top: 147px; }

.menu-item-monitor-progress .students-container .icon-people {
  top: 101px; }

.menu-item-monitor-progress #search-student {
  margin-bottom: 0; }
  .menu-item-monitor-progress #search-student input#search-user-term, .menu-item-monitor-progress #search-student span.select2-selection {
    box-shadow: none;
    border-color: #a2a2a2;
    border-width: 1px;
    border-style: solid; }

.menu-item-monitor-progress #study_hours_chart_container .legenda {
  margin-top: 0; }
  @media (max-width: 992px) {
    .menu-item-monitor-progress #study_hours_chart_container .legenda {
      margin-top: 10px; } }
.menu-item-monitor-progress #student_books_and_videos .product-list {
  margin-top: 0; }

.menu-item-monitor-progress #booksOrVideoForm {
  position: relative;
  height: 34px; }
  .menu-item-monitor-progress #booksOrVideoForm .search-book-or-video-container {
    width: 100%; }
    .menu-item-monitor-progress #booksOrVideoForm .search-book-or-video-container input#search-book-or-video-term {
      width: calc(100% - 40px);
      display: inline-block;
      float: left;
      border-color: #a2a2a2;
      height: 33px; }
    .menu-item-monitor-progress #booksOrVideoForm .search-book-or-video-container button.btn.btn-default {
      border-left: none;
      height: 33px; }

.menu-item-monitor-progress .books-or-videos-filter {
  position: relative;
  top: -3px; }

.menu-item-monitor-progress .no-videos-or-books {
  margin-top: 50px;
  text-align: center;
  font-style: italic; }

@media (min-width: 991px) {
  #student-booksAndVideos .block-secondary {
    height: 100%;
    min-height: 469px;
    max-height: 469px; } }

#student-booksAndVideos input {
  border-right: 0; }

#student-booksAndVideos .btn:hover, #student-booksAndVideos .btn:active, #student-booksAndVideos .btn:focus {
  background-color: #fff;
  border-color: #a2a2a2; }

@media (min-width: 991px) {
  #student-booksAndVideos .pagination {
    position: absolute;
    bottom: 14px; } }

.top-three-students #top-three-students-info {
  position: relative;
  top: -15px;
  right: 15px; }

.select2-monitor-progress-reporting-courses .select2-selection__choice {
  width: calc(100% - 12px);
  float: unset !important; }

.menu-item-monitor-progress-reporting .search-result {
  cursor: auto;
  border: none;
  height: 158px; }
  .menu-item-monitor-progress-reporting .search-result:hover {
    background: #fff; }
  .menu-item-monitor-progress-reporting .search-result .module-text-end p {
    padding: 10px 0; }
  .menu-item-monitor-progress-reporting .search-result .right-bottom {
    position: absolute;
    bottom: 10px;
    right: 10px; }
    @media (max-width: 768px) {
      .menu-item-monitor-progress-reporting .search-result .right-bottom {
        left: 10px;
        width: calc(100% - 20px); } }
#team-reporting-form div.form-group span.icon, #learning-path-reporting-form div.form-group span.icon {
  color: #e6278b; }

.course-launch.link.startable-course .subcourse_completed_indicator {
  width: 1rem; }

.subcourse_completed_indicator {
  width: 80px;
  margin-right: 3px;
  vertical-align: middle;
  display: table-cell; }
  .subcourse_completed_indicator .glyphicon.glyphicon-ok {
    color: #a1ce00; }

.learning-path-image {
  min-width: 110px;
  text-align: center; }

#schedule_container .col-md-12, #schedule_container .col-md-4 {
  padding: 4px; }
  @media (min-width: 768px) {
    #schedule_container .col-md-12, #schedule_container .col-md-4 {
      padding: 10px; } }
.menu-item-academy-settings .logo_image {
  margin: 0 0 0 3px;
  top: 0; }

.menu-item-academy-settings .input-group-btn {
  position: absolute;
  top: 0;
  right: -2px; }

.menu-item-academy-settings .input-group-addon {
  border-color: #a2a2a2; }

.menu-item-academy-settings .modal-content .col-md-10 {
  width: 100% !important; }

.menu-item-academy-settings .modal-content .input-group-btn {
  position: relative;
  top: inherit;
  right: inherit; }

.menu-item-academy-settings .field-organizationform-slug .form-control-static:hover::after {
  right: 24px;
  z-index: 10; }

@media (max-width: 768px) {
  .menu-item-academy-settings .field-organizationform-slug .form-control-static::after {
    right: 24px; } }

.menu-item-academy-settings .info {
  position: absolute;
  right: 0;
  top: 0; }

.menu-item-academy-settings #academy-color-details .col-md-10 {
  width: 66.66666667%; }

.menu-item-academy-settings #academy-color-details .form-group {
  height: 80px; }

@media (max-width: 992px) {
  .menu-item-academy-settings #academy-color-details .col-md-10, .menu-item-academy-settings #academy-color-details .col-md-2 {
    width: 100% !important; } }

@media (max-width: 768px) {
  .menu-item-academy-settings #academy-color-details .col-md-10 {
    width: 100%; }
  .menu-item-academy-settings #academy-color-details .form-control-static::after {
    right: 24px; } }

.menu-item-academy-settings #academy-color-details .col-md-2 {
  width: 33.33333333%; }

.menu-item-academy-settings #academy-color-details .form-control-static:hover::after {
  right: 24px;
  z-index: 10; }

.menu-item-academy-settings #academy-color-details .form-control-static {
  padding: 6px;
  padding-top: 9px;
  padding-left: 39px; }

.menu-item-academy-settings .platform-color {
  display: block;
  width: 34px;
  height: 32px;
  float: left;
  border: none;
  border-right-color: #a2a2a2;
  border-right-width: 1px;
  border-right-style: solid;
  margin: 1px;
  pointer-events: none; }

.menu-item-academy-settings .colorIconCourse {
  background: #2eabf3; }

.menu-item-academy-settings .colorIconSearchKnowledge {
  background: #e6278b; }

.menu-item-academy-settings .colorIconProfile {
  background: #2eabf3; }

.menu-item-academy-settings .colorIconProgress {
  background: #c3c300; }

.menu-item-academy-settings .colorIconManageAcademy {
  background: #00c9bd; }

.menu-item-academy-settings .colorIconShareKnowledge {
  background: #e6278b; }

.menu-item-academy-settings .colorTextOverall {
  background: #555555; }

.menu-item-academy-settings .colorBorderOverall {
  background: #6f6f6f; }

.menu-item-academy-settings .colorShadowOverall {
  background: #555555; }

.menu-item-academy-settings .colorWhite {
  background: #fff; }

.menu-item-academy-settings .colorFeedBack {
  background: #a1ce00; }

.menu-item-academy-settings .colorAlertWarning {
  background: #fb881f; }

.menu-item-academy-settings .colorAlertSucces {
  background: #a1ce00; }

.menu-item-academy-settings .colorAlertDanger {
  background: #d80024; }

.menu-item-academy-settings .modal-body #organizationform-logo-static {
  display: none; }

.menu-item-academy-settings .modal-body .form-control {
  margin-top: 0; }

.menu-item-academy-settings .modal-body .col-md-10 {
  padding: 2px 0;
  width: 75%; }

div.question-image-modal img {
  cursor: pointer;
  width: 25%;
  padding: 5px; }

li.common-info-line {
  padding: 5px; }
  li.common-info-line span.prefix-info-text {
    font-weight: 700; }

.answer-warning-text {
  color: #fb881f;
  margin-right: 25px; }

.answer-warning-sign {
  font-size: 25px;
  top: 7px;
  position: relative; }

.row {
  margin-bottom: 60px;
  margin-top: 60px; }
  @media (min-width: 1024px) {
    .row {
      margin-bottom: 100px;
      margin-top: 100px; } }
.header__img, header__logo {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }

.header__logo {
  max-width: 45%;
  padding-top: 20px;
  margin: 0 auto;
  display: block; }
  @media (min-width: 768px) {
    .header__logo {
      max-width: 30%;
      padding-top: 40px; } }
  @media (min-width: 1024px) {
    .header__logo {
      max-width: 25%;
      padding-top: 20px; } }
  @media (min-width: 1200px) {
    .header__logo {
      padding-top: 0; } }
.masthead--quickscan {
  background-image: url("/media/images/quickscan/header.png");
  background-repeat: no-repeat;
  min-height: 300px;
  background-position: center center;
  background-size: cover;
  z-index: 0;
  background-attachment: inherit;
  width: 100%;
  position: relative;
  background-color: #2eabf3;
  background-blend-mode: luminosity; }
  @media (min-width: 768px) {
    .masthead--quickscan {
      min-height: 332px; } }
  @media (min-width: 1024px) {
    .masthead--quickscan {
      max-height: 340px; } }
  @media (min-width: 1200px) {
    .masthead--quickscan {
      min-height: auto;
      padding: 50px 0;
      background-size: contain;
      background-position: 100% 100%;
      max-height: 430px; } }
.masthead__content {
  clear: both;
  text-align: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -o-transform: translateX(-50%) translateY(-50%) translateZ(0);
  -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  margin-left: -50px; }
  @media (min-width: 768px) {
    .masthead__content {
      margin-left: 0; } }
  @media (min-width: 1024px) {
    .masthead__content {
      text-align: center; }
      .masthead__content .rf-btn {
        max-width: 60%;
        margin: 0 auto; } }
  .masthead__content h1 {
    margin-top: 45px; }
    @media (min-width: 768px) {
      .masthead__content h1 {
        margin-top: 80px; } }
.masthead__header {
  color: #fff;
  font-size: 32px;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .masthead__header {
      width: initial;
      margin-left: auto;
      text-align: center;
      margin-bottom: 20px; } }
  @media (min-width: 1200px) {
    .masthead__header {
      font-size: 45px;
      max-width: 620px;
      width: 100%; } }
.masthead__results, .masthead__traffic-light {
  position: relative; }
  .masthead__results img, .masthead__traffic-light img {
    max-width: 100%;
    height: auto; }

.masthead__results {
  display: none; }
  @media (min-width: 1024px) {
    .masthead__results {
      display: block;
      max-height: none;
      top: 34px;
      right: 0;
      float: right;
      max-width: 200px; } }
  @media (min-width: 1200px) {
    .masthead__results {
      top: 3px;
      max-width: 280px; } }
.masthead__traffic-light {
  float: right;
  top: 74px;
  max-width: 100px;
  right: -10px; }
  @media (min-width: 414px) {
    .masthead__traffic-light {
      top: 70px; } }
  @media (min-width: 768px) {
    .masthead__traffic-light {
      display: block;
      float: left;
      top: 39px;
      max-width: 120px; } }
  @media (min-width: 1024px) {
    .masthead__traffic-light {
      max-width: 140px;
      top: 22px; } }
  @media (min-width: 1200px) {
    .masthead__traffic-light {
      top: 28px;
      max-width: 170px; } }
.masthead__footer {
  background-color: #555555;
  padding: 3rem 0;
  text-align: center;
  color: #fff; }
  .masthead__footer .container {
    padding: 0 1.5rem; }

.container--intro {
  background-color: #c1e8ff; }
  .container--intro .row--intro {
    margin: 40px auto;
    background-image: url("/media/images/quickscan/result-bg--blue-large.jpg");
    background-repeat: no-repeat;
    padding: 20px 0;
    background-size: contain; }
    @media (min-width: 768px) {
      .container--intro .row--intro {
        margin: 80px auto 60px auto;
        background-size: contain;
        background-position: 0 150px; } }
    @media (min-width: 1024px) {
      .container--intro .row--intro {
        background-size: cover;
        background-position: 0 270px; } }
    @media (min-width: 1200px) {
      .container--intro .row--intro {
        background-size: 35%;
        margin: 110px auto 0 auto;
        padding-bottom: 20px;
        background-position: 6% 12%;
        padding-top: 70px; } }
    @media (min-width: 1500px) {
      .container--intro .row--intro {
        background-size: 30%;
        background-position: 16% 12%; } }
    @media (min-width: 1500px) {
      .container--intro .row--intro {
        background-size: 26%;
        background-position: 21% 12%; } }
@media (min-width: 768px) {
  .intro--container {
    margin-left: 20px; } }

@media (min-width: 1200px) {
  .intro--container .intro--content, .intro--container .intro--container--cta {
    max-height: 460px; } }

.intro--container--cta {
  padding: 60px; }
  .intro--container--cta .col-md-6:first-child {
    padding: 0 20px 0 0; }
  .intro--container--cta .rf-btn {
    padding: 1rem;
    font-size: 18px;
    margin-top: 21px; }
    .intro--container--cta .rf-btn span {
      font-size: 12px;
      padding-top: 5px;
      display: block; }

.intro--content {
  background-color: #fff;
  padding: 60px;
  box-shadow: 1px 1px 10px #a2a2a2;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .intro--content {
      margin-right: 50px; } }
  @media (min-width: 1200px) {
    .intro--content {
      margin: 0 60px 0 0; } }
.intro-landing {
  padding-right: 30px; }
  @media (min-width: 1200px) {
    .intro-landing {
      margin: 0; } }
.row--quickscan {
  background-color: #c1e8ff;
  padding: 0 0 20px 0;
  margin: 230px 0 60px 0; }
  @media (min-width: 1024px) {
    .row--quickscan {
      margin: 250px 0 60px 0; } }
.quickscan--container {
  background-image: url("/media/images/quickscan/result-bg--blue.jpg");
  background-repeat: repeat;
  background-size: contain;
  margin-top: -185px;
  padding: 70px 0 40px; }
  @media (min-width: 1024px) {
    .quickscan--container {
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 65%;
      margin-top: -95px;
      padding: 10px 0 60px; } }
  @media (min-width: 1200px) {
    .quickscan--container {
      padding: 10px 0 100px; } }
.quickscan--content {
  background-color: #fff;
  padding: 80px 20px; }
  @media (min-width: 1024px) {
    .quickscan--content {
      padding: 100px;
      margin-top: -100px;
      width: 95%; } }
  .quickscan--content h2, .quickscan--content p {
    margin: 0;
    margin-bottom: 20px; }
  .quickscan--content h2 {
    font-size: 30px;
    font-weight: 700; }

.cta .btn {
  background-color: #fff;
  color: #2eabf3;
  border: 2px solid #2eabf3; }
  .cta .btn:hover {
    background: #2eabf3;
    color: #fff;
    border: 2px solid #fff; }

.cta--block {
  padding: 30px;
  margin-top: 30px; }
  @media (min-width: 768px) {
    .cta--block {
      margin-top: 0; } }
.cta--blue {
  background-color: #2eabf3;
  color: #fff; }
  .cta--blue p, .cta--blue h2 {
    color: #fff; }

.cta--white {
  background-color: #fff;
  margin-right: 20px; }

.block--pdf {
  text-align: center;
  padding: 20px 0;
  /* 100% Image Width on Smaller Screens*/ }
  @media (min-width: 992px) {
    .block--pdf {
      padding: 0; } }
  .block--pdf .example-image {
    cursor: pointer;
    transition: 0.3s;
    width: 65%;
    box-shadow: 1px 1px 10px #a2a2a2;
    margin: 20px 0 0 0; }
    .block--pdf .example-image:hover {
      opacity: 0.7; }
    @media (min-width: 1200px) {
      .block--pdf .example-image {
        width: 63%; } }
  .block--pdf .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7); }
  .block--pdf .modal-content {
    margin: auto;
    display: block;
    max-width: 700px;
    height: 90%; }
  .block--pdf #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    height: 150px; }
  .block--pdf .modal-content, .block--pdf #caption {
    -webkit-animation-name: zoom;
    animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s; }

@-webkit-keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }
  .block--pdf .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s; }
  .block--pdf .close:hover,
  .block--pdf .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer; }
  @media only screen and (max-width: 700px) {
    .block--pdf .modal-content {
      width: 100%;
      height: auto;
      margin-top: 80px;
      border-radius: 0; } }
.block--win h3 {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 2px;
  color: #e6278b;
  line-height: 1.3; }

.block--win img {
  width: 90%; }

.win__sticker {
  background-color: #e6278b;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: absolute;
  top: 60px;
  right: -20px;
  color: #fff; }
  .win__sticker p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3; }
    .win__sticker p:first-child {
      font-weight: 200;
      padding-top: 17px;
      font-size: 15px;
      margin-bottom: 0; }
  .win__sticker .win__price {
    font-size: 20px;
    font-weight: bold;
    line-height: 0.4; }

.cta__container {
  padding: 30px 0;
  text-align: center; }

.easyWizardElement {
  position: static !important;
  margin: 0 20px; }
  @media (min-width: 1025px) {
    .easyWizardElement {
      padding: 0 60px; } }
.quickscan_iframe .step {
  padding: 0 10px; }
  @media (min-width: 768px) {
    .quickscan_iframe .step {
      padding: 0 75px;
      height: 270px !important; } }
  @media (min-width: 992px) {
    .quickscan_iframe .step {
      height: 230px !important; } }
.quickscan_iframe .easyWizardButtons .submit {
  position: absolute;
  top: 310px;
  right: 0;
  width: 100%; }
  @media (min-width: 360px) {
    .quickscan_iframe .easyWizardButtons .submit {
      top: 250px; } }
  @media (min-width: 992px) {
    .quickscan_iframe .easyWizardButtons .submit {
      top: 114px; } }
  @media (min-width: 1025px) {
    .quickscan_iframe .easyWizardButtons .submit {
      top: 244px; } }
.step {
  padding: 0 10px; }
  @media (min-width: 992px) {
    .step {
      padding: 0 60px;
      height: 270px !important; } }
  @media (min-width: 1200px) {
    .step {
      height: 230px !important; } }
  .step li {
    padding-right: 15px; }
    @media (min-width: 768px) {
      .step li {
        float: left; } }
    .step li:last-child {
      padding-right: 0; }
  .step .control-label {
    margin: 0 0 20px 0;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 200; }

.heading-spacer {
  border-top: 3px solid #e6278b;
  width: 70%;
  float: left;
  margin: 10px 0 30px 0; }

.easyWizardButtons .prev, .easyWizardButtons .next {
  position: absolute;
  top: 0;
  width: 25px;
  height: 100%;
  text-align: center;
  background: #eaeaea;
  border: none;
  color: #2eabf3;
  font-family: "font-awesome";
  cursor: pointer; }
  .easyWizardButtons .prev:hover, .easyWizardButtons .next:hover {
    background-color: #dedede;
    color: #fff; }
  .easyWizardButtons .prev:disabled, .easyWizardButtons .next:disabled {
    background-color: #f1f1f1;
    cursor: not-allowed;
    color: #d0d0d0; }
  .easyWizardButtons .prev .icon, .easyWizardButtons .next .icon {
    position: relative; }

.easyWizardButtons .prev {
  left: 0; }
  .easyWizardButtons .prev .icon {
    right: 8px; }

.easyWizardButtons .next {
  right: 0; }
  .easyWizardButtons .next .icon {
    right: 6px; }

.easyWizardButtons .submit {
  position: absolute;
  top: 440px;
  right: 0;
  width: 100%; }
  @media (min-width: 360px) {
    .easyWizardButtons .submit {
      top: 335px; } }
  @media (min-width: 525px) {
    .easyWizardButtons .submit {
      top: 304px; } }
  @media (min-width: 768px) {
    .easyWizardButtons .submit {
      top: 246px; } }
  @media (min-width: 992px) {
    .easyWizardButtons .submit {
      top: 196px; } }
  @media (min-width: 1025px) {
    .easyWizardButtons .submit {
      top: 200px; } }
  .easyWizardButtons .submit:disabled {
    display: none !important; }

.quickscan-progress {
  margin: 50px 0;
  visibility: hidden; }
  .quickscan-progress .progress-bar {
    background: #2eabf3;
    position: relative;
    min-width: initial;
    text-align: center; }

.results {
  background: #c1e8ff;
  padding: 0 0 20px 0;
  margin: 190px 0 60px 0; }
  @media (min-width: 768px) {
    .results {
      margin: 265px 0 100px 0; } }
.results__content {
  background: #fff;
  box-shadow: 1px 1px 10px #a2a2a2;
  padding: 40px; }
  @media (min-width: 768px) {
    .results__content {
      padding: 60px;
      width: 95%; } }
.traffic-light__img {
  background-size: contain;
  width: 80px;
  height: 180px;
  margin: 0 auto;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .traffic-light__img {
      background-size: cover;
      height: 320px;
      width: 140px; } }
  @media (min-width: 1024px) {
    .traffic-light__img {
      height: 464px;
      width: 190px; } }
  @media (min-width: 1200px) {
    .traffic-light__img {
      height: 559px;
      width: 235px; } }
.results__header {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 600; }

.results__subheader {
  line-height: 1.7; }

.qs-caption {
  color: #989898;
  font-size: 11px; }

.results--red .traffic-light__img {
  background-image: url("/media/images/quickscan/stoplicht--red.png"); }

.results--red .qs-download {
  background-image: url("/media/images/quickscan/qs-download--red.png"); }

.results--red .results__container {
  background: url("/media/images/quickscan/result-bg--red.jpg");
  background-repeat: repeat;
  background-size: contain; }
  @media (min-width: 768px) {
    .results--red .results__container {
      background-repeat: no-repeat;
      background-position: right top; } }
  @media (min-width: 1025px) {
    .results--red .results__container {
      background-size: inherit; } }
.results--red .results__header {
  color: #f1000c; }

.results--green .traffic-light__img {
  background-image: url("/media/images/quickscan/stoplicht--green.png"); }

.results--green .qs-download {
  background-image: url("/media/images/quickscan/qs-download--green.png"); }

.results--green .results__header {
  color: #7cbc11; }

.results--green .results__container {
  background: url("/media/images/quickscan/result-bg--green.jpg");
  background-repeat: repeat;
  background-size: contain; }
  @media (min-width: 768px) {
    .results--green .results__container {
      background-repeat: no-repeat;
      background-position: right top; } }
  @media (min-width: 1025px) {
    .results--green .results__container {
      background-size: inherit; } }
.results--orange .traffic-light__img {
  background-image: url("/media/images/quickscan/stoplicht--orange.png"); }

.results--orange .qs-download {
  background-image: url("/media/images/quickscan/qs-download--orange.png"); }

.results--orange .results__container {
  background: url("/media/images/quickscan/result-bg--orange.jpg");
  background-repeat: repeat;
  background-size: contain; }
  @media (min-width: 768px) {
    .results--orange .results__container {
      background-repeat: no-repeat;
      background-position: right top; } }
  @media (min-width: 1025px) {
    .results--orange .results__container {
      background-size: inherit; } }
.results--orange .results__header {
  color: #ff6b00; }

.results__container {
  background-position: right top;
  margin-top: -185px;
  padding: 70px 0 40px; }
  @media (min-width: 768px) {
    .results__container {
      background-repeat: no-repeat;
      padding: 90px 0 50px; } }
@media (min-width: 1024px) {
  .results__form {
    margin-top: 50px; } }

#quick-scan-contact-form label {
  color: #2eabf3;
  padding-bottom: 5px; }

#quick-scan-contact-form .qs__form__element {
  width: 100%;
  border: solid 1px #3c3c3c;
  margin: 0 0 20px 0;
  padding: 10px; }
  @media (min-width: 1024px) {
    #quick-scan-contact-form .qs__form__element--small {
      width: 48%;
      display: inline-block; } }
@media (min-width: 1024px) {
  #quick-scan-contact-form div:nth-child(5) {
    margin-left: 18px; } }

@media (min-width: 1200px) {
  #quick-scan-contact-form div:nth-child(5) {
    margin-left: 20px; } }

.container--mission {
  margin-bottom: 70px; }
  @media (min-width: 1200px) {
    .container--mission {
      margin-top: 40px; } }
.qs-quote {
  font-size: 30px;
  color: #e6278b;
  line-height: 1.3;
  font-weight: bold; }
  .qs-quote:before, .qs-quote:after {
    font-family: FontAwesome;
    color: #e6278b;
    font-size: 25px; }
    @media (min-width: 1200px) {
      .qs-quote:before, .qs-quote:after {
        position: absolute; } }
  .qs-quote:before {
    content: "\f10d";
    left: -20px; }
  .qs-quote:after {
    content: "\f10e";
    padding-left: 7px; }

.sales-team {
  margin-top: 60px; }
  @media (min-width: 768px) {
    .sales-team {
      margin-top: 100px; } }
  .sales-team img {
    max-width: 70%;
    height: auto;
    border-bottom: 10px solid #2eabf3;
    margin-bottom: 20px; }

footer.quickscan {
  padding: 40px 0;
  background-color: #fff;
  border-bottom: 5px solid #e6278b;
  margin-top: 40px; }
  footer.quickscan img {
    width: 100%;
    display: block; }
    @media (min-width: 768px) {
      footer.quickscan img {
        width: 20%;
        display: inline-block; } }
  footer.quickscan ul {
    display: block;
    padding: 10px 20px;
    vertical-align: text-bottom; }
    @media (min-width: 768px) {
      footer.quickscan ul {
        padding: 0 20px;
        display: inline-block; } }
    @media (min-width: 1024px) {
      footer.quickscan ul {
        padding: 40px 40px 0 40px; } }
  footer.quickscan a, footer.quickscan li {
    color: #555555; }
  footer.quickscan a:hover {
    text-decoration: underline;
    color: #2eabf3; }

.btn-stretch {
  width: 100%; }

.final__button {
  margin-top: 47px; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  display: block; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-section {
  margin-top: 60px; }
  @media (min-width: 1024px) {
    .video-section {
      margin-top: 100px; } }
  .video-section p {
    padding-left: 10px; }
    @media (min-width: 1024px) {
      .video-section p {
        padding: 0 0 0 20px; } }
    .video-section p span {
      font-weight: 700;
      color: #2eabf3;
      text-transform: uppercase; }
  .video-section .quote {
    font-size: 20px;
    font-weight: 700;
    color: #e6278b;
    margin-top: 20px; }
    @media (min-width: 1024px) {
      .video-section .quote {
        margin-top: 0; } }
.actievoorwaardenModal ul {
  list-style-type: circle;
  margin: 20px 50px; }
  .actievoorwaardenModal ul li {
    padding: 5px;
    line-height: 1.7; }

.qs-download {
  width: 300px;
  height: 400px;
  margin: 29px auto 0 auto;
  background-repeat: no-repeat; }

#scan form {
  height: 100%; }

.pdf__bg {
  background: #c1e8ff;
  padding-bottom: 8px; }
  .pdf__bg p {
    font-size: 14px; }
  .pdf__bg h2 {
    text-transform: none;
    font-weight: bold;
    font-size: 20px; }

.space {
  height: 40px;
  margin-top: -300px; }

.layout__results--quickscan {
  background-position: top;
  background-repeat: repeat-x;
  background-size: auto;
  height: 300px; }

.pdf-results__card {
  background-color: #fff;
  width: 85%;
  margin-bottom: 28px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 30px;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(60, 60, 60, 0.75);
  -moz-box-shadow: 3px 3px 3px 0 rgba(60, 60, 60, 0.75);
  box-shadow: 3px 3px 3px 0 rgba(60, 60, 60, 0.75); }
  .pdf-results__card h3 {
    margin: 20px 0 20px 0;
    color: #3c3c3c;
    font-size: 14px;
    font-weight: bold; }
  .pdf-results__card h2 {
    margin-bottom: 20px; }

.traffic-light__container {
  width: 25%;
  float: left;
  overflow: hidden;
  margin-bottom: -30px; }

.pdf-results__card--minimal {
  width: 85%;
  padding: 30px;
  z-index: 1; }

.minimal__container {
  width: 70%;
  float: right; }
  .minimal__container h1 {
    margin-top: 0;
    font-size: 26px;
    font-family: 'Open Sans';
    font-weight: 500; }
  .minimal__container h2 {
    margin-bottom: 15px; }
  .minimal__container .header-caption {
    font-size: 14px;
    font-weight: 300; }

.pdf-results__card--grey {
  padding: 20px 30px; }
  .pdf-results__card--grey h2, .pdf-results__card--grey p, .pdf-results__card--grey ul {
    color: #797979; }
  .pdf-results__card--grey p {
    font-size: 13px; }
  .pdf-results__card--grey a {
    text-decoration: underline; }
  .pdf-results__card--grey .footer-logo__container {
    width: 17%;
    float: left;
    overflow: hidden;
    padding-right: 30px;
    padding-top: 35px; }

.pdf-progress {
  width: 100%;
  height: 20px;
  overflow: hidden;
  margin-top: 20px; }

.pdf-progress__inner {
  height: 21px;
  z-index: 30; }

.progress-percent {
  color: #fff;
  line-height: 0;
  text-align: center;
  padding: 0;
  margin: 0; }

.progress--red .pdf-progress__inner {
  background-color: #f1000c; }

.progress--orange .pdf-progress__inner {
  background-color: #ff6b00; }

.progress--green .pdf-progress__inner {
  background-color: #7cbc11; }

#pdf_results_3 {
  margin-top: 130px; }

.results--orange .indicator__header {
  color: #ff6b00; }

.results--red .indicator__header {
  color: #f1000c; }

.results--green .indicator__header {
  color: #7cbc11; }

.consultant__block h2 {
  font-size: 18px;
  color: #2eabf3; }

.consultant__block p {
  font-size: 14px; }

.consultant__block ul li {
  font-size: 14px; }
  .consultant__block ul li span {
    font-size: 16px;
    font-weight: 500; }

.field-registrationform-accept_terms.required label:after {
  content: "" !important;
  margin-left: 0 !important; }

.field-registrationform-accept_terms input[type="checkbox"]:checked + label::after {
  left: 35px; }

.control-label-append {
  font-weight: bold;
  color: #e6278b; }

.required-marker {
  font-size: 10px; }

.field-registrationform-accept_terms .control-label {
  margin-left: 5px; }

.field-registrationform-accept_terms.has-error .control-label {
  color: #2eabf3 !important; }

.field-registrationform-accept_terms.has-success .control-label {
  color: #2eabf3 !important; }

.field-registrationform-newsletter.has-success .control-label {
  color: #2eabf3 !important; }

.field-registrationform-accept_terms input[type="checkbox"] + label::before {
  margin-left: 35px; }

.field-registrationform-accept_terms input[type="checkbox"]:checked + label::after {
  margin-left: 35px;
  color: #fff;
  font-size: 11px; }

.field-registrationform-newsletter .control-label {
  margin-left: 5px; }

.field-registrationform-newsletter input[type="checkbox"] + label::before {
  margin-left: 35px; }

.field-registrationform-newsletter input[type="checkbox"]:checked + label::after {
  margin-left: 35px;
  color: #fff;
  font-size: 11px; }

.register h1 {
  margin-left: 0; }

.register.block-secondary-content {
  padding: 20px; }

.register {
  margin-top: 50px;
  margin-bottom: 50px; }
  .register h2 {
    font-weight: 500;
    color: #2eabf3; }
  .register .control-label {
    color: #e6278b; }
  .register div.grid div.grid-item {
    float: left;
    width: 99%; }
    @media (min-width: 992px) {
      .register div.grid div.grid-item {
        width: 49%; } }
    .register div.grid div.grid-item div.content {
      border-color: #a2a2a2;
      border-width: 1px;
      border-style: solid;
      margin: 5px;
      padding: 20px;
      background-color: #fff; }
  .register div.grid div.col-xs-6.col-xs-offset-6 div.content {
    margin: 5px; }
  .register div.grid-item-intro {
    float: left !important;
    width: 99% !important; }
    @media (min-width: 992px) {
      .register div.grid-item-intro {
        width: 99% !important; } }
    .register div.grid-item-intro div.content {
      border-color: #a2a2a2;
      border-width: 1px;
      border-style: solid;
      margin: 5px !important;
      padding: 20px !important;
      background-color: #fff !important; }
  .register .register-already-have-account {
    margin-top: 10px;
    text-align: center; }

.login_button a.btn {
  margin-top: 0 !important; }
  @media (min-width: 913px) {
    .login_button a.btn {
      margin-top: 25px !important; } }
@media screen and (-ms-high-contrast: active) and (min-width: 913px), (-ms-high-contrast: none) and (min-width: 913px) {
  .login_button a.btn {
    margin-top: 45px !important; } }

#scormWrapperContent, .scorm-wrapper-course {
  border: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#skilllevel-slider {
  margin-left: 1rem;
  margin-top: 1rem;
  width: 170px; }
  @media (min-width: 1025px) {
    #skilllevel-slider {
      width: 210px; } }
  #skilllevel-slider .slider-track {
    background-image: none;
    background-color: #2eabf3;
    height: 6px; }
    #skilllevel-slider .slider-track .slider-selection.tick-slider-selection, #skilllevel-slider .slider-track .slider-tick, #skilllevel-slider .slider-track .slider-handle, #skilllevel-slider .slider-track .max-slider-handle {
      background-image: none;
      box-shadow: none; }
    #skilllevel-slider .slider-track .slider-selection.tick-slider-selection {
      background-color: #2eabf3; }
    #skilllevel-slider .slider-track .slider-tick {
      background-color: #8ed2f9;
      width: 15px;
      height: 15px;
      opacity: 1; }
      #skilllevel-slider .slider-track .slider-tick.in-selection {
        background-color: #0a74b1; }
    #skilllevel-slider .slider-track .slider-handle {
      background-color: #0a74b1;
      width: 15px;
      height: 15px;
      opacity: 1; }
      #skilllevel-slider .slider-track .slider-handle.max-slider-handle {
        background-color: #0a74b1; }

.field-term label {
  display: none; }

div.menu-item-organizations div.subscription-container .loader, div.menu-item-organizations div.subscription-container .loader-btn, div.menu-item-organizations div.subscription-container .loader-right {
  left: 50%;
  top: -200px; }

div.menu-item-organizations span#new_subscriptions_button {
  margin-top: -24px; }

div.menu-item-organizations .modal-dialog .load-container {
  display: none;
  float: right; }
  div.menu-item-organizations .modal-dialog .load-container .loader, div.menu-item-organizations .modal-dialog .load-container .loader-btn, div.menu-item-organizations .modal-dialog .load-container .loader-right {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    float: right; }

div.menu-item-organizations #subscription-list .glyphicon-pencil {
  color: #2eabf3;
  top: -3px; }

div.menu-item-organizations #subscription-list .input-group-addon {
  background: none;
  border: none;
  position: relative;
  z-index: 10;
  top: -27px;
  right: 25px;
  display: none;
  float: right;
  margin-bottom: -28px; }

div.menu-item-organizations #subscription-list .input-group-addon:hover {
  display: block; }

div.menu-item-organizations #subscription-list .non-visible-input {
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  background: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); }
  div.menu-item-organizations #subscription-list .non-visible-input:hover, div.menu-item-organizations #subscription-list .non-visible-input:focus {
    border-color: #2eabf3 !important;
    outline: 0; }

div.menu-item-organizations #subscription-list table tr td {
  border-top: none !important; }

div.menu-item-organizations #subscription-list tr:nth-child(odd) {
  background: #2eabf3; }

div.menu-item-organizations #subscription-list td:hover .input-group-addon {
  display: block; }

.field-user-profile_image_id .user_image {
  display: inline-block; }
  @media (max-width: 992px) {
    .field-user-profile_image_id .user_image {
      display: block; } }
.header .glyphicon-cog {
  font-size: 30px; }

#login-details .loader, #login-details .loader-btn, #login-details .loader-right, #user-details .loader, #user-details .loader-btn, #user-details .loader-right {
  position: relative;
  display: inline-block; }

.field-logindetailsform-password.has-success .form-control {
  border-color: #a2a2a2 !important;
  box-shadow: none; }

.field-logindetailsform-password.has-success .control-label {
  color: #2eabf3 !important; }

#user-settings {
  margin-top: 0; }
  #user-settings .cbx-field {
    width: 100%;
    float: none;
    cursor: pointer; }

.field-usersettingsform-showtour .col-md-10 {
  width: auto; }

.field-usersettingsform-showtour .control-label {
  width: auto;
  padding-top: 5px;
  padding-right: 20px; }

.field-usersettingsform-showtour .form-control-static {
  border: none; }

#user-settings td {
  padding-left: 0; }

#notification-settings {
  font-weight: 700;
  margin-top: 0; }
  #notification-settings td, #notification-settings th {
    vertical-align: middle;
    padding-left: 0; }
  #notification-settings .info-icon {
    float: left;
    height: 15px;
    width: 15px;
    top: 0;
    position: relative; }
    #notification-settings .info-icon .glyphicon-info-sign {
      margin-left: 4px; }
    @media (max-width: 480px) {
      #notification-settings .info-icon {
        top: 0; }
        #notification-settings .info-icon .glyphicon-info-sign {
          margin-left: 0; }
        #notification-settings .info-icon span {
          margin-left: 0; } }
  #notification-settings .info-label {
    margin: 0;
    padding: 0;
    display: block;
    float: left; }
    @media (max-width: 480px) {
      #notification-settings .info-label {
        top: 0;
        width: 100%; } }
  #notification-settings .control-label {
    margin: 0;
    padding-right: 0;
    display: block;
    float: left; }
    @media (max-width: 480px) {
      #notification-settings .control-label {
        padding-bottom: 0;
        width: 100%; } }
  #notification-settings .col-md-10 {
    padding: 5px; }
  #notification-settings .col-lg-12, #notification-settings .col-md-12, #notification-settings .col-sm-12, #notification-settings .col-xs-12 {
    padding: 0; }
  #notification-settings .header {
    margin: 0;
    height: 30px; }

.user_image:hover .edit-user_image {
  display: block; }

.edit-user_image {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 1.5rem;
  position: absolute;
  top: 10px;
  background-color: #a2a2a2;
  border-radius: 50%;
  display: none;
  padding-top: 0.7rem; }
  .edit-user_image:hover {
    display: block;
    cursor: pointer; }

.user_image__container {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden; }
  .user_image__container img {
    min-width: 50px;
    min-height: 50px;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }

.vendor_form_submit {
  position: absolute;
  right: 8px;
  margin-top: -34px; }

.vendor_translation_form_submit {
  position: absolute;
  right: 8px; }

#vendorClassroomTraining #runs, #vendorClassroomTraining #runs-collapse {
  overflow: hidden; }
  #vendorClassroomTraining #runs .bootstrap-timepicker-widget.dropdown-menu:after, #vendorClassroomTraining #runs-collapse .bootstrap-timepicker-widget.dropdown-menu:after {
    border-top: .375rem solid #FFF !important;
    bottom: -.375rem !important; }
  #vendorClassroomTraining #runs .dropdown-menu, #vendorClassroomTraining #runs-collapse .dropdown-menu {
    top: -300% !important; }
  #vendorClassroomTraining #runs #runs-explanation, #vendorClassroomTraining #runs-collapse #runs-explanation {
    max-width: 800px; }
  #vendorClassroomTraining #runs #startDate-container, #vendorClassroomTraining #runs-collapse #startDate-container {
    display: flex;
    border: 1px solid lightgrey;
    height: 550px;
    position: relative; }
    #vendorClassroomTraining #runs #startDate-container #startDate-side, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side {
      flex: 0 0 250px;
      overflow-y: auto;
      border-right: 1px solid lightgrey;
      display: flex;
      flex-direction: column; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header {
        padding: 5px;
        border-bottom: 2px solid #2eabf3;
        display: flex;
        background: #f0f3f5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar {
          display: flex;
          flex: 1;
          padding: 10px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar div, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-list-header-calendar div {
            padding: 2px;
            cursor: pointer; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list-header #startDate-button-add-start-date, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list-header #startDate-button-add-start-date {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list {
        flex: 1;
        overflow-y: scroll; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item {
          border-bottom: 1px solid lightgrey;
          cursor: pointer;
          display: flex; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .name, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .name {
            padding: 10px;
            flex: 1; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .name.warning, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .name.warning {
            border-left: 5px solid orange; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .icon-trash-bin {
            padding: 10px;
            color: gray;
            cursor: pointer;
            visibility: hidden; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item .js__remove.denied, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item .js__remove.denied {
            opacity: 0.5;
            cursor: default; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover {
          background: #ddd; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item:hover .icon-trash-bin {
            visibility: visible; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover {
          background: #2eabf3;
          color: white; }
          #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .icon-trash-bin, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .glyphicon-duplicate, #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item-selected:hover .icon-trash-bin {
            color: white;
            visibility: visible; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item.disabled:not(.startDate-list-item-selected), #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item.disabled:not(.startDate-list-item-selected) {
          opacity: 0.5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-side #startDate-list .startDate-list-item.hidden, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side #startDate-list .startDate-list-item.hidden {
          display: none; }
      #vendorClassroomTraining #runs #startDate-container #startDate-side label#hideFromPastLabel, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side label#hideFromPastLabel {
        padding: 10px;
        color: grey;
        font-style: italic;
        cursor: pointer;
        user-select: none;
        margin: 0; }
    #vendorClassroomTraining #runs #startDate-container #startDate-main, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow: hidden; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main h1, #vendorClassroomTraining #runs #startDate-container #startDate-main p, #vendorClassroomTraining #runs #startDate-container #startDate-main button, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main h1, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main p, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main button {
        overflow: hidden;
        text-overflow: ellipsis; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-navbar, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-navbar {
        padding: 5px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-navbar a, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-navbar a {
          cursor: pointer; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content {
        overflow-y: auto;
        flex: 1; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content #startDate-empty-content, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content #startDate-empty-content {
          text-align: center;
          margin: 100px 0; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content #startDate-empty-content .form-group, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content #startDate-empty-content .form-group {
            max-width: 400px;
            margin: 30px auto; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content input, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content select, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content input, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content select {
          width: 100%;
          padding: 6px 12px;
          background: none;
          border: 1px solid darkgray; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block {
          padding: 15px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block-narrow, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block-narrow {
          max-width: 500px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content .block-dark, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content .block-dark {
          border-top: 1px solid lightgrey;
          border-bottom: 1px solid lightgrey;
          background: #f0f3f5; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table {
          width: 100%;
          margin: 10px 0; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table th, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table th {
            padding: 6px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td {
            border-bottom: 1px solid lightgrey;
            background: white; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .icon-trash-bin.disabled, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .icon-trash-bin.disabled {
              opacity: 0.5;
              cursor: default; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .form-group, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .form-group {
              margin: 0; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .help-block, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .help-block {
              margin: 0;
              padding-left: 5px;
              border-left: 5px solid; }
            #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table td .select2-selection, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table td .select2-selection {
              box-shadow: none; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table input, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table select, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table input, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table select {
            border: 0;
            box-shadow: none;
            width: 70%;
            height: auto;
            background: linear-gradient(to right, #000, #000) 5px calc(100% - 5px)/calc(100% - 10px) 1px no-repeat;
            background-color: #fcfcfc;
            padding: 10px; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table input.run-total-cost, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table input.run-total-cost {
            background: none !important; }
          #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table .icon-trash-bin, #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table .glyphicon-duplicate, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table .icon-trash-bin, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table .glyphicon-duplicate {
            color: grey;
            cursor: pointer;
            padding: 10px; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table.dark td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table.dark td {
          background: #efefef; }
        #vendorClassroomTraining #runs #startDate-container #startDate-main #startDate-content table.dark .light td, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main #startDate-content table.dark .light td {
          background: white; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-general-info .select2-container, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-general-info .select2-container {
        width: 100%; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-cost-list .select2-container, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-cost-list .select2-container {
        width: 100%; }
      #vendorClassroomTraining #runs #startDate-container #startDate-main .startDate-cost-list .select2-selection, #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main .startDate-cost-list .select2-selection {
        background: none;
        border: 0; }

#vendorClassroomTraining #runs-collapse #startDate-container {
  height: auto;
  flex-wrap: wrap; }
  #vendorClassroomTraining #runs-collapse #startDate-container #startDate-side {
    flex: 1 1 100%;
    max-height: 300px; }
  #vendorClassroomTraining #runs-collapse #startDate-container #startDate-main {
    overflow: visible;
    width: 100%; }

#vendorClassroomTraining #updated-summary .errorMessage {
  padding: 10px;
  border: 2px solid red;
  color: red;
  font-weight: bold; }

#vendorClassroomTraining #updated-summary table {
  width: 100%; }
  #vendorClassroomTraining #updated-summary table tr:not(:last-child) {
    border-bottom: 1px solid lightgrey; }
  #vendorClassroomTraining #updated-summary table tr.error {
    border-bottom: 1px solid red; }
    #vendorClassroomTraining #updated-summary table tr.error td {
      color: red;
      font-weight: bold; }
  #vendorClassroomTraining #updated-summary table td, #vendorClassroomTraining #updated-summary table th {
    padding: 10px 0; }
  #vendorClassroomTraining #updated-summary table th {
    width: 30%; }
  #vendorClassroomTraining #updated-summary table hr {
    margin: 10px 0; }

#vendorClassroomTraining #updated-summary .clickable {
  cursor: pointer; }

#vendorClassroomTraining #summary, #vendorClassroomTraining #summary-collapse {
  padding: 10px; }

.vendor-classroom-training-index .action-column {
  width: 100px; }

table .internal-table {
  width: 100% !important; }

table .internal-table td {
  border-bottom: 0 !important; }

.button {
  display: inline-block;
  padding: 10px;
  background: #e6278b;
  color: #fff;
  text-decoration: none;
  border: none;
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;
  width: 100%;
  outline: none;
  border-radius: 0; }
  .button:hover, .button:focus {
    background: #c31771;
    color: #fff; }
  .button--transparent {
    opacity: 0.4; }
  .button--filled {
    opacity: 1; }
  .button--narrow {
    padding: 5px; }
  .button--success {
    background: #a1ce00; }
    .button--success:hover, .button--success:focus {
      background: #97c100; }

.input__icon__button {
  height: 34px; }
  .input__icon__button:hover {
    background-color: white;
    border: none;
    border-right-color: #a2a2a2;
    border-right-width: 1px;
    border-right-style: solid;
    border-top-color: #a2a2a2;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #a2a2a2;
    border-bottom-width: 1px;
    border-bottom-style: solid; }

.chat__application {
  padding: 0;
  margin: 0;
  background-color: #a7dbfa;
  background-repeat: repeat;
  z-index: 1; }
  @media (min-width: 768px) {
    .chat__application {
      width: 100%;
      margin-right: auto;
      margin-left: auto; } }
  @media (min-width: 991px) {
    .chat__application {
      width: 970px;
      border-left-color: #a2a2a2;
      border-left-width: 1px;
      border-left-style: solid;
      border-right-color: #a2a2a2;
      border-right-width: 1px;
      border-right-style: solid;
      margin-right: auto;
      margin-left: auto; } }
.chat__window {
  height: 100vh; }
  @media (min-width: 991px) {
    .chat__window {
      float: left;
      width: calc(100% - 375px); } }
.chat__sidemenu {
  height: 100vh; }
  @media (min-width: 991px) {
    .chat__sidemenu {
      float: left;
      border-right-color: #a2a2a2;
      border-right-width: 1px;
      border-right-style: solid;
      width: 375px; } }
.is__disabled {
  display: none; }
  @media (min-width: 991px) {
    .is__disabled {
      display: block; } }
.is__totally__disabled {
  display: none; }
  @media (min-width: 991px) {
    .is__totally__disabled {
      display: none; } }
.chat__settings {
  height: 75px;
  padding: 10px;
  background-color: #2eabf3; }

.chat__list {
  overflow-y: auto;
  height: calc(100% - 75px - 50px);
  width: 100%;
  background-color: #fff; }

.chat__tile {
  background-color: #fff;
  padding: 10px;
  height: 75px;
  cursor: pointer;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid; }
  .chat__tile:hover {
    background-color: #d5d5d5; }
  .chat__tile__selected {
    background-color: #d5d5d5; }

.chat__tile__header {
  float: left;
  margin-top: 7px;
  width: calc(100% - 60px - 50px);
  height: 60px; }

.chat__tile__pointer {
  float: right;
  margin-top: 15px;
  margin-right: 5px; }
  .chat__tile__pointer span.glyphicon {
    font-size: 20px;
    color: #e6278b; }

.chat__header {
  font-size: 18px;
  height: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  color: #555555;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.chat__subheader {
  font-size: 14px;
  color: #0a74b1;
  display: block;
  height: 18px;
  font-style: italic;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.chat__avatar {
  margin-right: 10px;
  height: 52px;
  width: 52px;
  background: #fff;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  float: left; }
  .chat__avatar img {
    height: 50px;
    width: 50px;
    padding: 2px; }
  .chat__avatar .notification-counter, .chat__avatar .notification-counter-action-column {
    top: -12px;
    left: 5px;
    float: right; }
    @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .chat__avatar .notification-counter, .chat__avatar .notification-counter-action-column {
        top: -8px; } }
.chat__loader {
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em); }

.chat__nav {
  height: 75px;
  padding: 10px;
  background-color: #2eabf3; }

.chat__nav__icon {
  float: left;
  margin-right: 20px;
  margin-left: 10px;
  cursor: pointer; }
  .chat__nav__icon span.glyphicon {
    font-size: 20px;
    color: #fff;
    margin-top: 15px; }
    .chat__nav__icon span.glyphicon:hover {
      color: #961157; }

.chat__nav__text {
  margin-top: 6px; }
  .chat__nav__text .chat__header {
    font-size: 20px;
    height: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: white;
    text-overflow: ellipsis; }
  .chat__nav__text .chat__subheader {
    height: 18px;
    color: white;
    display: block;
    text-overflow: ellipsis; }

.chat__nav__action {
  margin-top: -30px;
  margin-right: 10px; }
  .chat__nav__action span.glyphicon {
    color: white;
    font-size: 20px;
    right: -5px;
    top: -3px; }
    .chat__nav__action span.glyphicon:hover {
      color: #961157; }

.chat__messages {
  overflow-y: auto;
  height: calc(100% - 75px - 50px);
  background-color: #a7dbfa;
  background-repeat: repeat;
  padding-bottom: 20px; }

.chat__message {
  margin-top: 10px;
  padding: 10px;
  max-width: 275px;
  background-color: #fff;
  border-radius: 5px;
  word-break: break-word; }
  .chat__message p {
    font-size: 1.4rem;
    margin: 0 0 0.6rem 0; }
  .chat__message time {
    font-size: 1.2rem;
    color: #a2a2a2; }
  .chat__message__own {
    float: right;
    margin-right: 30px;
    border: 2px solid #a1ce00; }
    .chat__message__own:after {
      content: '';
      position: relative;
      border-style: solid;
      border-width: 6px 0 6px 9px;
      border-color: transparent #a1ce00;
      display: block;
      width: 0;
      z-index: 0;
      right: -20px;
      top: 4px;
      float: right; }
  .chat__message__other {
    float: left;
    margin-left: 30px;
    border: 2px solid #e6278b; }
    .chat__message__other:after {
      content: '';
      position: relative;
      border-style: solid;
      border-width: 6px 9px 6px 0;
      border-color: transparent #e6278b;
      display: block;
      width: 0;
      z-index: 0;
      left: -20px;
      top: 4px; }
  .chat__message__system {
    display: inline-block;
    width: 80%;
    min-width: unset;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid #fb881f; }

.chat__message__center {
  text-align: center; }

.chat__input {
  background-color: #a7dbfa;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px; }

.chat__input > .input-group > .chat__input__text {
  width: 73%; }

.chat__input__submit {
  width: 24%;
  height: 34px;
  font-size: 16px;
  float: right; }

.chat__search {
  height: 50px;
  background-color: #fff; }

.chat__search__input {
  height: 50px;
  border: none;
  border-bottom: 1px solid #d5d5d5; }
  .chat__search__input::-webkit-input-placeholder {
    padding-left: 5px; }
  .chat__search__input:-moz-placeholder {
    /* Firefox 18- */
    padding-left: 5px; }
  .chat__search__input::-moz-placeholder {
    /* Firefox 19+ */
    padding-left: 5px; }
  .chat__search__input:-ms-input-placeholder {
    padding-left: 5px; }

.chat__search__results {
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 250px;
  top: 50px;
  z-index: 3;
  overflow-y: auto;
  border-bottom: 2px solid #d5d5d5; }

.chat__search__result {
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  cursor: pointer; }
  .chat__search__result:hover {
    background-color: #d5d5d5; }
  .chat__search__result .clickable {
    display: block;
    width: 100%;
    height: 100%; }

.chat__search__icon {
  position: relative;
  top: -34px;
  font-size: 20px;
  z-index: 4;
  float: right;
  right: 14px; }

.chat__search__result__status-icon {
  margin-right: 5px;
  position: relative; }

.chat__tile__status-icon {
  position: relative; }

.chat__avatar__no-avatar-icon {
  font-size: 46px;
  padding: 2px;
  color: #d5d5d5; }

.ie .chat__avatar .notification-counter, .ie .chat__avatar .notification-counter-action-column {
  top: 2px !important; }

.comments__header {
  display: inline-block;
  margin-bottom: 30px; }

.comment__text, .comment__username, .comment__timestamp {
  margin: 0; }

.comment__username {
  font-weight: 700;
  color: #2eabf3; }

.comment__timestamp {
  display: inline-block;
  font-weight: 100;
  font-size: 11px; }

.comment__text {
  margin: 10px 0 0 0; }

.comment__new-comment {
  background-color: #8ed2f9; }

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em; }

.flag-icon:before {
  content: "\00a0"; }

.flag-icon.flag-icon-squared {
  width: 1em; }

.flag-icon-DE {
  background-image: url(../img/flags/de.svg); }

.flag-icon-ES {
  background-image: url(../img/flags/es.svg); }

.flag-icon-FR {
  background-image: url(../img/flags/fr.svg); }

.flag-icon-GB {
  background-image: url(../img/flags/gb.svg); }

.flag-icon-NL {
  background-image: url(../img/flags/nl.svg); }

.flag-icon-US {
  background-image: url(../img/flags/us.svg); }

.icon {
  font-size: 1.35rem; }
  .icon--small {
    font-size: 8px; }
  .icon--medium {
    font-size: 22px; }
  .icon--large {
    font-size: 50px; }
  .icon--transparent {
    opacity: 0.4; }
  .icon--disabled {
    color: #d5d5d5 !important;
    opacity: 0.6; }
  .icon--filled {
    opacity: 1; }
  .icon--blue {
    color: #2eabf3; }
  .icon--inline {
    vertical-align: middle;
    padding-right: 5px; }
  .icon--menu {
    color: #2eabf3; }

.icon__edit {
  -moz-transform: rotate(140deg);
  -o-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg); }
  .icon__edit:hover {
    color: #e6278b;
    cursor: pointer; }

.glyphicon--secondary {
  color: #e6278b; }

.glyphicon--disabled {
  color: #d5d5d5 !important; }

@font-face {
  font-family: "ict-icons";
  src: url("../fonts/ict-icons.eot");
  src: url("../fonts/ict-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/ict-icons.woff") format("woff"), url("../fonts/ict-icons.ttf") format("truetype"), url("../fonts/ict-icons.svg#ict-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ict__icon--"]:before,
[class*=" ict__icon--"]:before {
  font-family: "ict-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ict-icon {
  font-size: 1.5rem;
  vertical-align: baseline;
  line-height: 0.7; }

.ict__icon--24-hours:before {
  content: "\61"; }

.ict__icon--24-hours-1:before {
  content: "\62"; }

.ict__icon--agenda:before {
  content: "\63"; }

.ict__icon--envelope:before {
  content: "\64"; }

.ict__icon--certificate:before {
  content: "\65"; }

.ict__icon--check:before {
  content: "\66"; }

.ict__icon--document:before {
  content: "\68"; }

.ict__icon--education:before {
  content: "\69"; }

.ict__icon--envelope-with-pencil:before {
  content: "\6a"; }

.ict__icon--facebook:before {
  content: "\6b"; }

.ict__icon--google-plus:before {
  content: "\6d"; }

.ict__icon--photo:before {
  content: "\6e"; }

.ict__icon--phone:before {
  content: "\6f"; }

.ict__icon--money:before {
  content: "\70"; }

.ict__icon--medal:before {
  content: "\71"; }

.ict__icon--list:before {
  content: "\72"; }

.ict__icon--list-star:before {
  content: "\73"; }

.ict__icon--mail:before {
  content: "\76"; }

.ict__icon--chat:before {
  content: "\77"; }

.ict__icon--info:before {
  content: "\78"; }

.ict__icon--heart:before {
  content: "\79"; }

.ict__icon--play-button:before {
  content: "\7a"; }

.ict__icon--price-tag:before {
  content: "\41"; }

.ict__icon--profile:before {
  content: "\42"; }

.ict__icon--settings:before {
  content: "\45"; }

.ict__icon--bookmark:before {
  content: "\46"; }

.ict__icon--shopping-cart:before {
  content: "\47"; }

.ict__icon--shopping-cart-1:before {
  content: "\48"; }

.ict__icon--shopping-cart-2:before {
  content: "\49"; }

.ict__icon--signs:before {
  content: "\4a"; }

.ict__icon--star:before {
  content: "\4b"; }

.ict__icon--store:before {
  content: "\4c"; }

.ict__icon--worldwide:before {
  content: "\4d"; }

.ict__icon--linkedin:before {
  content: "\4e"; }

.ict__icon--user:before {
  content: "\4f"; }

.ict__icon--video-player:before {
  content: "\50"; }

.ict__icon--twitter:before {
  content: "\51"; }

.ict__icon--technology:before {
  content: "\53"; }

.ict__icon--forbidden:before {
  content: "\67"; }

.ict__icon--search:before {
  content: "\6c"; }

.ict__icon--home:before {
  content: "\52"; }

.ict__icon--closing-quote:before {
  content: "\74"; }

.ict__icon--opening-quote:before {
  content: "\75"; }

.ict__icon--left-chevron:before {
  content: "\44"; }

.ict__icon--right-chevron:before {
  content: "\43"; }

.ict__icon--manager-2:before {
  content: "\54"; }

.ict__icon--chevron-down:before {
  content: "\55"; }

.ict__icon--meeting:before {
  content: "\56"; }

.ict__icon--manager:before {
  content: "\57"; }

.ict__icon--hat:before {
  content: "\58"; }

.ict__icon--chevron-up:before {
  content: "\59"; }

.ict__icon--cup:before {
  content: "\5a"; }

.ict__icon--404-error:before {
  content: "\30"; }

.labels {
  margin-bottom: 20px; }

.label__header {
  font-weight: 700; }

.label {
  display: inline-block;
  padding: 5px 10px;
  font-size: 75%;
  font-weight: 100;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  margin: 3px 3px 2px 2px;
  border-radius: 3px; }
  .label--primary {
    background-color: #2eabf3; }
  .label--secondary {
    background-color: #e6278b; }

.createLearningPathTemplate .label-default, .menu-item-learning-path-actions .label-default {
  display: none; }

.learning-path-pagination {
  margin-top: 10px; }

#learning-path-material {
  min-height: 300px;
  border: 1px solid #555555;
  border-bottom: none; }

.knowledgetype-icon-container .glyphicon-list {
  top: 7px;
  position: absolute;
  opacity: 0.25;
  font-size: 2rem; }

.knowledgetype-icon-container .icon {
  font-size: 1.9rem;
  margin-left: -.25rem;
  margin-bottom: -.25rem; }

#learning_path_content .drag-text-container, #learning_path_available_content .drag-text-container {
  margin-bottom: 10px; }
  #learning_path_content .drag-text-container .drag-text, #learning_path_available_content .drag-text-container .drag-text {
    display: inline; }

#learning_path_available_content .glyphicon-remove {
  display: none; }

.knowledge-item-details .col-md-9 p:first-child {
  margin-top: 0; }

.knowledge-item-details .col-md-3 .flag-row span {
  margin-right: 10px; }

#learning-path-content-details {
  background-color: #2eabf3;
  color: #fff;
  font-weight: 900; }

.knowledge-item-add {
  display: none; }

#available-knowledge-list .knowledge-item-add {
  display: inline-block; }

#content_types {
  border-right: none; }
  @media (min-width: 768px) {
    #content_types {
      border-right: 1px solid #d5d5d5;
      min-height: 395px; } }
.learning-path-pagination {
  margin-bottom: 1rem; }

#learning_path_summary {
  padding: 1rem 0; }
  #learning_path_summary .knowledge-item-details > div {
    padding: 1rem 0; }

.learning-path-summary__content {
  margin: 2rem 0 0 0; }
  @media (min-width: 992px) {
    .learning-path-summary__content {
      margin: 0; } }
.learning-path-summary__footer {
  background-color: #2eabf3;
  padding: 1rem 2rem;
  color: #fff; }
  .learning-path-summary__footer i {
    padding-right: 0.5rem;
    color: #fff; }
  .learning-path-summary__footer .rf-item__property p {
    color: #fff; }

#learning_path_items {
  list-style-type: none;
  padding: 0 0 0 0; }

.tab-content {
  overflow: auto; }

.lp-content-list-item {
  border-bottom: 1px solid #a2a2a2;
  padding: 1.5rem; }
  .lp-content-list-item .col-xs-2 .rf-btn {
    display: block;
    margin-top: 15px; }
  .lp-content-list-item .col-xs-1 i.icon {
    margin-top: 15px;
    display: block;
    color: #2eabf3; }

.learning-path-author {
  padding: 1.5rem; }

.form-group.has-error .redactor-box {
  border: 1px solid #d80024; }

#start .text-center {
  margin-bottom: 4rem; }

#learning_path_calculator_help {
  background-color: #2eabf3;
  color: #fff; }

.follow-learning-path-modal .modal-body, .edit-learning-path-target-dates-modal .modal-body {
  padding: 0; }

.follow-learning-path-modal .header--full-width, .edit-learning-path-target-dates-modal .header--full-width {
  width: 254px;
  max-width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media (min-width: 667px) {
    .follow-learning-path-modal .header--full-width, .edit-learning-path-target-dates-modal .header--full-width {
      width: 486px; } }
  @media (min-width: 768px) {
    .follow-learning-path-modal .header--full-width, .edit-learning-path-target-dates-modal .header--full-width {
      width: 436px; } }
  @media (min-width: 1200px) {
    .follow-learning-path-modal .header--full-width, .edit-learning-path-target-dates-modal .header--full-width {
      width: 800px; } }
.follow-learning-path-modal .rf-media, .edit-learning-path-target-dates-modal .rf-media {
  flex-wrap: wrap; }
  @media (min-width: 1200px) {
    .follow-learning-path-modal .rf-media, .edit-learning-path-target-dates-modal .rf-media {
      flex-wrap: nowrap; } }
@media (min-width: 481px) {
  .follow-learning-path-modal .knowledge-item__header, .edit-learning-path-target-dates-modal .knowledge-item__header {
    max-width: 557px; } }

@media (min-width: 1200px) {
  .follow-learning-path-modal .knowledge-item__header, .edit-learning-path-target-dates-modal .knowledge-item__header {
    max-width: 1200px;
    width: 770px; } }

#student-learning-paths {
  padding-bottom: 20px; }

.rating-container .caption {
  display: none; }

.knowledge-item__actions span.info-icon {
  padding: 0 1rem;
  font-size: 15px; }
  .knowledge-item__actions span.info-icon span {
    padding-top: 0.7rem; }

@media (min-width: 992px) {
  .menu-item-learning-path .rf-tile__footer .rf-btn--danger {
    max-width: 160px; } }

@media (min-width: 1200px) {
  .menu-item-learning-path .rf-tile__footer .rf-btn--danger {
    max-width: initial; } }

.field-learningpathtemplateform-knowledgecentersids ul.select2-selection__rendered li.select2-search--inline {
  width: 100%; }
  .field-learningpathtemplateform-knowledgecentersids ul.select2-selection__rendered li.select2-search--inline input {
    width: 100% !important; }

.current-learing-path .knowledge-item.rf-media {
  text-decoration: none;
  color: #555555; }

#required-error-message {
  color: #d80024; }

.no-learning_path {
  min-height: 231px; }

.classroom-description {
  margin-top: 15px; }
  .classroom-description div.redactor-box {
    margin-top: 0; }

.knowledge-item__actions .edit-learning-path-classroom-certificates-modal .rf-btn {
  float: none; }

.file-thumb-progress {
  margin-bottom: 1rem; }

.file-drop-zone .file-thumbnail-footer .file-actions {
  margin-top: 2.5rem; }

.edit-learning-path-classroom-certificates-modal .krajee-default .file-drag-handle, .krajee-default .file-upload-indicator {
  bottom: -10px; }

.file-drop-zone-title {
  color: #555555; }

#learning-path-search {
  width: calc(100% - 40px) !important; }

.search-bar--fullwidth #learning-path-search {
  width: 100% !important; }

.learning_path_content_tabs {
  display: flex;
  flex-direction: column; }

.content_type {
  width: 100%;
  padding: 1.5rem 0; }
  @media (min-width: 992px) {
    .content_type {
      padding: 0 1.5rem 1.5rem 0;
      width: 48%;
      box-sizing: content-box;
      float: left; }
      .content_type:nth-child(even) {
        padding-right: 0; } }
  .content_type .rf-btn--watermark.rf-btn--huge {
    padding: 2rem; }
    .content_type .rf-btn--watermark.rf-btn--huge span {
      margin-top: 0.8rem; }
  .content_type a {
    margin: 0; }

.enddate-header .col-lg-4 .rf-icon--medium {
  padding-right: 0.5rem; }

ul#available-knowledge-list.available-knowledge-list {
  margin: 0;
  padding: 0; }

.marketing-contact-benchmark {
  background-color: #ffffff; }

.marketing-contact-benchmark-header {
  padding-bottom: 20px; }

.product-list {
  margin-top: 20px; }
  .product-list .table-bordered {
    border: none;
    margin-bottom: 50px; }
  .product-list .table-striped tbody tr {
    background-color: transparent;
    border: none;
    border-bottom-color: #a2a2a2;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .product-list .table-striped tbody td {
    background-color: transparent;
    border: none;
    border-bottom-color: #a2a2a2;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
    .product-list .table-striped tbody td span {
      height: 36px;
      overflow: hidden;
      display: block; }
    .product-list .table-striped tbody td .icon {
      font-size: 20px; }

.question-tile pre, .comment__text pre {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  font-size: 90%;
  margin: 0;
  margin-bottom: 15px;
  box-shadow: none;
  line-height: 1.6em;
  cursor: text; }

.question-tile ul, .comment__text ul {
  list-style: disc;
  padding-left: 2em;
  margin: 15px 0;
  border: none;
  background: none;
  box-shadow: none; }

.question-tile ol, .comment__text ol {
  padding-left: 2em;
  margin: 15px 0;
  border: none;
  background: none;
  box-shadow: none; }

.question-tile li, .comment__text li {
  padding-bottom: 8px;
  line-height: 1.4; }

.question-tile strong, .comment__text strong {
  font-weight: bold; }

.question-tile em, .comment__text em {
  font-style: italic; }

.question-tile h2, .comment__text h2 {
  font-size: 18px;
  color: #2eabf3;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  margin-bottom: .7em;
  line-height: 1.3; }

.question-tile h3, .comment__text h3 {
  font-size: 14px;
  color: #e6278b;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  margin-bottom: .4em;
  line-height: 1.1;
  font-weight: 100; }

.question-tile del, .comment__text del {
  text-decoration: line-through; }

.question-tile p, .comment__text p {
  margin: 10px 20px 10px 0; }

.icon__edit {
  font-size: 22px;
  top: -15px;
  float: right;
  z-index: 1; }

.question-tile__header {
  font-weight: 700;
  margin: 0 0 20px 0; }
  @media (min-width: 768px) {
    .question-tile__header {
      margin: 15px 0; } }
p {
  margin: 20px 0 10px 0;
  line-height: 1.5; }

.question-tile__comment-container {
  display: inline-block; }

.course-image .thumbnail:hover {
  background: none; }

.user__info .user-tile__status__wrapper {
  margin-top: -13px; }

.question-votes-favorites-container {
  float: right;
  width: 50%; }
  @media (min-width: 768px) {
    .question-votes-favorites-container {
      float: none;
      width: 100%; } }
.question-favorite-section {
  color: #ffc747;
  display: inline;
  margin: 15px 20px 15px 20px;
  float: right; }
  .question-favorite-section:hover {
    cursor: pointer; }
  @media (min-width: 768px) {
    .question-favorite-section {
      display: block;
      margin: 0;
      float: none; } }
  .question-favorite-section span {
    text-align: center;
    display: block; }

.question-vote-section {
  font-size: 26px;
  text-align: center;
  line-height: 1.3;
  display: inline-block;
  margin: 15px 0 10px 0;
  float: right; }
  @media (min-width: 768px) {
    .question-vote-section {
      display: block;
      float: none; } }
  .question-vote-section .icon:hover {
    cursor: pointer; }

.resolving-answer-button {
  max-width: 70%;
  float: right; }
  @media (min-width: 526px) {
    .resolving-answer-button {
      max-width: none; } }
  @media (min-width: 768px) {
    .resolving-answer-button {
      float: none; } }
.resolving-answer-icon {
  color: #fff;
  font-size: 16px; }

ul.radio-button-group {
  width: 102%; }
  ul.radio-button-group li {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
  ul.radio-button-group--inline {
    display: inline-block; }
    @media (min-width: 768px) {
      ul.radio-button-group--inline li {
        width: inherit; } }
  ul.radio-button-group input[type="radio"]:disabled ~ .check {
    border-color: #bfe5fb; }
  ul.radio-button-group input[type="radio"]:disabled ~ label {
    color: #a2a2a2; }
    ul.radio-button-group input[type="radio"]:disabled ~ label:hover {
      cursor: default; }
  ul.radio-button-group span.name {
    margin: 0 0 0 -11px; }

ul.radio-button-group li input[type=radio] {
  position: absolute;
  visibility: hidden; }

ul.radio-button-group li label {
  display: block;
  position: relative;
  padding: 5px 5px 5px 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear; }

ul.radio-button-group li .check {
  display: block;
  position: absolute;
  border: 1px solid #2eabf3;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 5px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }

ul.radio-button-group li:hover .check {
  border: 1px solid #2eabf3; }

ul.radio-button-group li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear; }

ul.radio-button-group li input[type=radio]:checked ~ .check {
  border: 1px solid #2eabf3; }

ul.radio-button-group li input[type=radio]:checked ~ .check::before {
  background: #2eabf3; }

.radio_info_text {
  font-weight: 400;
  font-size: 1.35;
  color: #a2a2a2; }

.rf-tile__settings ul.radio-button-group li:hover .check {
  border: 1px solid #fff; }

.rf-tile__settings ul.radio-button-group li input[type=radio]:checked ~ .check {
  border: 1px solid #fff; }

.rf-tile__settings ul.radio-button-group li input[type=radio]:checked ~ .check::before {
  background: #fff; }

.rf-tile__settings ul.radio-button-group li .check {
  border: 1px solid #fff; }

.rf-tile__settings .radio_info_text {
  color: #fff; }

.related__container {
  width: 100%;
  height: 45px;
  display: inline-block; }
  .related__container:hover {
    cursor: pointer;
    background-color: #f0f3f5; }

.related__icon__container {
  float: left;
  width: 15%;
  height: 100%;
  text-align: center; }

.related__icon {
  padding-top: 5px;
  color: #2eabf3;
  font-size: 30px; }

.related__link__container {
  width: 85%;
  height: 30px;
  margin-left: 15%;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .related__link__container:hover {
    background-color: #f0f3f5; }

.related__link {
  color: #3c3c3c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0; }

.related__see__more__link {
  padding-top: 30px;
  padding-left: 30px;
  z-index: 1; }

.settings-configuration .settings-list thead {
  width: 100%;
  display: table; }
  .settings-configuration .settings-list thead .text-filter {
    width: 200px; }

.settings-configuration .settings-list tbody {
  display: block;
  max-height: 500px;
  overflow: auto;
  padding-right: 15px; }

.settings-configuration .settings-list .header-cell-setting-value, .settings-configuration .settings-list .filter-cell-setting-id, .settings-configuration .settings-list .body-cell-setting-id {
  width: 450px; }

.settings-configuration .settings-list .filter-wrapper {
  display: inline-block;
  float: left; }

.settings-configuration .settings-list .filter-wrapper-is_default, .settings-configuration .settings-list .filter-wrapper-origin {
  width: 175px; }

.settings-configuration .settings-list .filter-wrapper-is_default {
  margin-left: 10px; }

.settings-configuration label {
  margin-bottom: 0; }

.settings-configuration li {
  margin-bottom: 7px; }

.settings-configuration .radio-button-sub-item {
  padding-left: 30px;
  word-break: break-all; }

.settings-configuration .string-input {
  width: 100%; }

.ec-search-widget {
  border: none; }
  .ec-search-widget input:focus {
    box-shadow: none;
    border: none; }

.speakap-widget {
  height: 100%;
  padding: 5px 15px;
  text-align: center;
  background: #FFFFFF; }
  .speakap-widget .rf-statistic .icon, .speakap-widget .rf-statistic .canvas_container {
    display: block; }
  .speakap-widget .rf-statistic .canvas_container {
    width: 32px;
    height: 32px;
    margin: 0 auto 2px auto; }
  .speakap-widget a:hover .rf-statistic--large .icon {
    color: #2eabf3 !important; }
  .speakap-widget a:hover .rf-statistic__header {
    color: #2eabf3 !important; }
  .speakap-widget .rf-statistic__text {
    padding-left: 0 !important;
    min-width: 65px; }
  .speakap-widget .no-user .logo {
    margin: 10px 0; }
  .speakap-widget .speakap-widget-info {
    text-align: left; }

.translatable-tabs .other {
  width: auto;
  float: left; }

.translatable-tabs .button-row {
  width: auto;
  float: right;
  margin: 1.5rem 0 0 0; }

.translatable-tabs .navigation {
  float: left;
  width: auto;
  margin-right: 10px;
  margin-bottom: 5px; }
  @media (max-width: 768px) {
    .translatable-tabs .navigation {
      display: none; } }
.translatable-tabs .form-group .info-icon {
  display: inline-block;
  margin-left: 10px;
  width: 13px;
  height: 15px; }

.tab-pane {
  padding: 10px; }

.translatemanager #languagesourcesearch-source {
  width: 200px;
  line-height: 1.6; }

.translatemanager .breadcrumb li > a {
  margin-right: 11px; }
  .translatemanager .breadcrumb li > a::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080"; }

.translatemanager #message {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  left: 0;
  margin-top: 0;
  color: #555555; }

.translatemanager .navbar-nav li a {
  position: relative;
  float: left;
  top: 0;
  vertical-align: top;
  color: #555555 !important;
  border-right: 1px solid #a2a2a2 !important;
  border-bottom: 1px solid #a2a2a2;
  border-left: 1px solid #a2a2a2 !important;
  background: #fff !important;
  box-shadow: 1px 1px 2px #555555;
  height: 34px;
  padding: 6px 12px;
  z-index: 1001;
  font-size: 13px; }

.translatemanager .table {
  background: #fff; }

.translatemanager .dropdown-menu li {
  float: left; }

.translatemanager .dropdown-menu li a {
  float: left;
  height: 34px;
  display: block;
  border-left-color: #a2a2a2;
  border-left-width: 1px;
  border-left-style: solid;
  box-shadow: none; }

.translatemanager .has-dropdown-icon.open > a {
  height: 40px;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: 1000000;
  box-shadow: none; }

.translatemanager .has-dropdown-icon > a::after {
  font-family: 'Glyphicons Halflings';
  content: "\e114"; }
  .translatemanager .has-dropdown-icon > a::after:hover {
    border-bottom-color: #a2a2a2;
    border-bottom-width: 1px;
    border-bottom-style: solid; }

.user-tile {
  float: left; }
  .user-tile:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  @media (min-width: 768px) {
    .user-tile {
      display: block;
      margin: 15px auto 30px auto;
      width: 100%; } }
  .user-tile .user_image {
    float: none;
    display: block; }
    @media (min-width: 768px) {
      .user-tile .user_image {
        float: none;
        margin: 0 auto; } }
.user-tile__name {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.5rem;
  text-align: center;
  max-width: 115px;
  margin-bottom: 0.2rem; }
  @media (min-width: 768px) {
    .user-tile__name {
      max-width: none; } }
.user-tile__status_icon {
  font-size: 22px;
  line-height: 0;
  display: inline-block; }
  .user-tile__status_icon:before {
    content: "●"; }
  .user-tile__status_icon__online {
    color: #a1ce00; }
  .user-tile__status_icon__offline {
    color: #535553; }
  .user-tile__status_icon__busy {
    color: #d80024; }

.user-tile__img-container {
  margin: 2px;
  width: 60px;
  height: 60px;
  display: block; }

.user-tile__img {
  max-width: 60px;
  max-height: 60px;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin: 0 auto; }

.user__info {
  margin: 0 auto;
  display: block;
  width: 40%; }
  @media (min-width: 768px) {
    .user__info {
      width: 30%; } }
  .user__info .user-tile__status_icon {
    float: right;
    line-height: 0.3; }

.user__email__address__block {
  border-bottom: 1px solid #a2a2a2;
  padding: 1rem; }
  .user__email__address__block:last-of-type {
    border-bottom: unset; }
  .user__email__address__block:hover {
    background-color: #f0f3f5; }
  .user__email__address__block .rf-media .rf-media__object {
    margin-right: 1rem; }
    .user__email__address__block .rf-media .rf-media__object .rf-icon--item {
      font-size: 2rem; }
      .user__email__address__block .rf-media .rf-media__object .rf-icon--item:hover {
        cursor: pointer;
        color: #e6278b; }

.user_email_address_modal .modal-dialog {
  width: 90%; }
  @media (min-width: 992px) {
    .user_email_address_modal .modal-dialog {
      width: 50%; } }
.sso__google__login_button {
  background: url("../img/sso/google/btn_google_signin_light_normal_web.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 191px;
  height: 46px;
  display: block;
  margin: auto; }
  .sso__google__login_button:focus {
    background: url("../img/sso/google/btn_google_signin_light_focus_web.png"); }
  .sso__google__login_button:disabled {
    background: url("../img/sso/google/btn_google_signin_light_disabled_web.png"); }
  .sso__google__login_button:hover {
    background: url("../img/sso/google/btn_google_signin_light_pressed_web.png"); }

@viewport {
  width: device-width; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  box-sizing: border-box;
  font-size: 0.625rem;
  height: 100%; }

body {
  height: 100%;
  min-height: 100%;
  width: 100%;
  background-color: #f0f3f5;
  font-size: 1.3rem; }

body, input, select {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-weight: 300;
  color: #555555; }

a {
  color: #e6278b;
  text-decoration: none;
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif; }
  a:hover, a:focus {
    color: #c31771;
    text-decoration: none; }

hr {
  border-color: #a2a2a2; }

.hr-collapse__container {
  text-align: center;
  margin-bottom: 2rem; }
  .hr-collapse__container hr {
    margin-top: -1.1rem; }
  .hr-collapse__container .hr-collapse__backdrop {
    padding: 0 7px;
    background: white; }

.hr-collapse__link {
  margin-bottom: 0; }
  .hr-collapse__link:hover {
    cursor: pointer; }
  .hr-collapse__link.collapsed {
    transition: all 0.5s; }
    .hr-collapse__link.collapsed .hr-collapse__icon {
      transform: rotate(180deg);
      display: -webkit-inline-box;
      vertical-align: inherit;
      padding: 0 0.3rem 0 1rem; }

.hr-collapse__icon {
  font-size: 1rem;
  vertical-align: middle;
  padding: 0 1rem 0 0.3rem; }

label {
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 1.3rem;
  color: #555555; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.center {
  text-align: center; }

.no-padding {
  padding: 0 !important; }

.no-h-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-margin {
  margin: 0 !important; }

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

.padding-top {
  padding-top: 2rem !important; }

.clickable {
  cursor: pointer; }

.truncate {
  width: 100%;
  max-width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.rf-color--secondary {
  color: #e6278b; }

.rf-color--primary {
  color: #2eabf3; }

.rf-pad-lg {
  padding: 3.5rem 1.5rem !important; }

.rf-color--error {
  color: #d80024; }

.rf-color--warning {
  color: #fb881f; }

.rf-color--success {
  color: #a1ce00; }

.rf-color--info {
  color: #a1ce00; }

.rotate-180 {
  display: inline-block;
  transform: rotate(180deg);
  text-decoration: none !important; }

.rf-browse-knowledge-img-alt {
  font-size: 2rem;
  line-height: 2.5rem;
  color: #555555; }

.cursor--pointer {
  cursor: pointer !important; }

.cursor--normal {
  cursor: auto !important; }

.font-size-huge {
  font-size: 8rem; }

.text-overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.no-border-top {
  border-top: none !important; }

h1 {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 2.025rem;
  margin: 13px 0 9px;
  color: #555555; }

h2 {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 1.5rem;
  color: #2eabf3;
  font-weight: 600; }

h3 {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 1.35rem;
  color: #2eabf3;
  font-weight: 600; }

h4 {
  color: #e6278b;
  font-weight: 600;
  font-size: 1.4rem; }

.subheader {
  font-family: "Open Sans", "Helvetica Neue", "Verdana", sans-serif;
  font-size: 1.8rem;
  margin: 25px 11px 9px;
  color: #6f6f6f; }

p {
  font-size: 1.35rem;
  margin: 8px 0;
  line-height: 1.6; }

.section-title {
  margin-bottom: 1rem; }

.not-active-message {
  display: inline-block; }

.text-block ul, .text-block ol {
  margin: 1rem 0; }

.text-block ul {
  list-style-type: disc; }

.text-block li {
  margin: 0 3.5rem;
  padding: 0.5rem 0;
  font-size: 1.35rem;
  line-height: 1.6; }

.text__intro {
  padding: 1rem 0 2rem 0;
  border-bottom: 1px solid #6f6f6f; }

.text-link {
  text-decoration: underline;
  cursor: pointer; }
  .text-link i {
    padding-right: 5px;
    vertical-align: middle;
    line-height: 0; }

.text-link--block {
  padding: 2rem 0;
  display: inline-block; }

.font-size--base {
  font-size: 1.3rem; }

.font-weight--regular {
  font-weight: 400; }

.rf-block {
  background-color: #fff;
  box-shadow: 1px 1px 10px #a2a2a2;
  border-top: 1px solid #fff;
  display: block;
  border-radius: 2px; }
  .rf-block .icon {
    text-align: center;
    margin: 41px 0;
    line-height: 0.6;
    height: 35px; }
  .rf-block .link_widget--label {
    padding: 1.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    color: #a2a2a2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 0.1rem solid #a2a2a2;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1; }
  .rf-block .link_widget--notification-counter {
    display: inline-block;
    background-color: #e6278b;
    color: #fff;
    min-width: 17px;
    height: 17px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    padding: 1px 0;
    box-shadow: 1px 1px 10px #a2a2a2; }

.rf-btn {
  padding: 1rem 2rem;
  text-decoration: none;
  border: none;
  text-align: center;
  font-weight: 400;
  font-size: 1.3rem;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block; }

.rf-btn + .rf-btn {
  margin-left: 1rem; }

.rf-btn--secondary {
  background: #e6278b;
  background-color: #e6278b;
  color: #fff; }
  .rf-btn--secondary:hover, .rf-btn--secondary:focus {
    background: #c31771;
    background-color: #c31771;
    color: #fff; }

.rf-btn--primary {
  background: #2eabf3;
  background-color: #2eabf3;
  color: #fff; }
  .rf-btn--primary:hover, .rf-btn--primary:focus, .rf-btn--primary:active, .rf-btn--primary.focus, .rf-btn--primary.active {
    background: #0a74b1;
    color: #fff; }

.rf-btn--cancel {
  background: #d5d5d5;
  background-color: #d5d5d5;
  color: #3c3c3c;
  padding: 10px 20px; }
  .rf-btn--cancel:hover, .rf-btn--cancel:focus {
    background: #555555;
    background-color: #555555;
    color: #d5d5d5; }

.rf-btn--close {
  cursor: pointer;
  background: transparent;
  border: 0;
  position: absolute;
  right: 12px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  z-index: 1; }

.rf-btn--danger {
  background: #d80024;
  background-color: #d80024;
  color: #fff;
  padding: 10px 25px; }
  .rf-btn--danger:hover, .rf-btn--danger:focus {
    background: #a5001c;
    background-color: #a5001c;
    color: #fff; }

.rf-btn--success {
  background: #a1ce00;
  background-color: #a1ce00;
  color: #fff;
  padding: 10px 25px; }
  .rf-btn--success:hover, .rf-btn--success:focus {
    background: #799b00;
    background-color: #799b00;
    color: #fff; }

.rf-btn--small {
  padding: 0.5rem 1rem; }
  .rf-btn--small .icon {
    font-size: 1rem; }

.rf-btn--small-large-text {
  padding: 0.25rem 0.5rem; }
  .rf-btn--small-large-text .icon {
    font-size: 1.5rem; }

.rf-btn--large {
  font-size: 1.8rem;
  padding: 2rem;
  display: block; }

.rf-btn--large.rf-btn--huge {
  height: 20px !important;
  margin: 0;
  font-size: 1.8rem; }

.rf-btn--huge {
  font-size: 1.8rem;
  padding: 3rem;
  margin: 2.6rem 0;
  width: 100%; }

.rf-btn--large + div + .rf-btn--large {
  margin: 0;
  margin-top: 1.2rem; }

.rf-btn--large + .rf-btn--large {
  margin: 0;
  margin-top: 1.2rem; }

.rf-btn-follow-course {
  height: 100%;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem; }
  @media (min-width: 1200px) {
    .rf-btn-follow-course {
      padding-bottom: 2rem; } }
.rf-btn--icon {
  padding-right: 1rem;
  vertical-align: middle;
  top: 1px; }

.rf-btn--footer {
  margin: 0 auto;
  display: block; }
  @media (min-width: 768px) {
    .rf-btn--footer {
      width: 50%; } }
.rf-btn--disabled {
  background: #d5d5d5;
  background-color: #d5d5d5;
  color: #3c3c3c;
  cursor: not-allowed; }
  .rf-btn--disabled:hover {
    background: #d5d5d5;
    background-color: #d5d5d5;
    color: #3c3c3c;
    cursor: not-allowed; }

.continue-course-btn {
  margin: 1.6rem 0; }

.rf-btn--watermark {
  display: inline-flex;
  position: relative;
  height: 38px;
  overflow: hidden;
  align-items: center;
  justify-content: center; }
  .rf-btn--watermark span {
    opacity: 0.15;
    position: absolute;
    font-size: 11rem;
    margin-left: -1rem;
    margin-top: -3.4rem;
    color: #fff; }
    @media (min-width: 768px) {
      .rf-btn--watermark span {
        left: 20px; } }
    @media (min-width: 992px) {
      .rf-btn--watermark span {
        left: unset; } }
  .rf-btn--watermark.rf-btn--huge {
    height: 78px;
    border-radius: 2px;
    background: linear-gradient(112.5deg, #e6278b 0%, #ef4266 95%); }
    .rf-btn--watermark.rf-btn--huge:hover, .rf-btn--watermark.rf-btn--huge:focus {
      background: #c31771;
      background-color: #c31771;
      color: #fff; }
    .rf-btn--watermark.rf-btn--huge span {
      font-size: 15rem;
      margin-left: -1.5rem;
      margin-top: -3.7rem; }

.rf-btn[disabled] {
  opacity: 0.35;
  cursor: not-allowed; }

.rf-btn--long-text {
  padding: 2rem 3rem; }

button:focus {
  outline: none; }

.rf-btn_double-action-button {
  height: 38px !important;
  padding: 1rem 0;
  font-size: 15px; }

.rf-btn-remove-item .icon {
  font-size: 1.75rem;
  display: inline-block;
  margin-top: 0.6rem; }

.rf-btn--nav {
  padding: 9px;
  min-width: 40px; }

.christmas {
  background: url("../img/dashboard--christmas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border-top: none; }
  .christmas .welcome-message {
    color: #fff; }
  .christmas .subtitle {
    color: #555555;
    line-height: 1.2; }

.tile--deepscan {
  margin: 2rem; }
  @media (min-width: 768px) {
    .tile--deepscan {
      margin-top: 6rem; } }
  @media (min-width: 1200px) {
    .tile--deepscan {
      margin-top: 12rem; } }
  .tile--deepscan .row {
    margin: 0; }
    @media (min-width: 768px) {
      .tile--deepscan .row {
        display: flex;
        align-items: center; } }
  .tile--deepscan #contact-block .control-label {
    font-weight: 300; }
  @media (min-width: 768px) {
    .tile--deepscan #contact-block .form-group {
      width: 49%;
      display: inline-block; }
      .tile--deepscan #contact-block .form-group:nth-child(even) {
        padding-left: 1rem;
        box-sizing: content-box;
        float: right; } }
  .tile--deepscan #contact-text p {
    margin: 0 0 4rem 0; }
  .tile--deepscan .easyWizardButtons .submit {
    margin-top: 2rem;
    margin-left: -20px;
    position: static; }

.deepscan__wrap {
  background-image: url("../img/deepscan-bg.jpg");
  background-repeat: no-repeat;
  min-height: 100vh;
  background-size: cover;
  z-index: 0;
  background-position: 0; }
  @media (min-width: 768px) {
    .deepscan__wrap {
      background-position: center center; } }
  .deepscan__wrap img {
    width: 100%; }

.deepscan__content {
  padding: 2rem; }
  @media (min-width: 992px) {
    .deepscan__content {
      padding: 6rem; } }
  @media (min-width: 1200px) {
    .deepscan__content {
      padding: 8rem; } }
.deepscan__intro .col-sm-9 {
  padding: 0 0 0 2rem; }

.deepscan__progressbar {
  margin: 50px 0;
  visibility: hidden; }
  .deepscan__progressbar .progress-bar {
    text-align: center; }

.deepsacan__thankyou p {
  margin: 4rem 0; }

.file-preview-frame .file-thumb-progress .progress {
  height: 2rem;
  background: #2eabf3;
  line-height: 20px;
  padding: 0 1rem 0 0; }
  .file-preview-frame .file-thumb-progress .progress .progress-bar {
    height: 20px;
    line-height: 20px; }

.file-preview-frame .file-thumb-progress {
  position: static;
  margin: 1rem auto 2rem auto; }

.file-preview-frame .file-thumbnail-footer .file-actions {
  margin-top: 1rem; }

.file-preview-frame .file-footer-buttons .btn-default {
  background-color: #fff;
  border: none; }
  .file-preview-frame .file-footer-buttons .btn-default:hover {
    background-color: #fff; }

.file-preview-frame .file-footer-buttons button i {
  color: #2eabf3;
  font-size: 1.6rem; }

.file-preview-frame .text-success {
  color: #a1ce00;
  font-size: 1.6rem; }

.file-preview-frame .glyphicon-hand-up.text-muted {
  display: none; }

.file-preview-status {
  display: none; }

.krajee-default .file-footer-caption {
  padding: 0;
  height: 15px; }
  .krajee-default .file-footer-caption samp {
    display: none; }

.krajee-default.file-preview-frame .file-thumbnail-footer {
  height: auto; }

.krajee-default.file-preview-success .file-upload-indicator, .krajee-default.file-preview-loading .file-upload-indicator {
  display: none; }

.modal-title small {
  display: none; }

.file-upload__footer {
  margin: 0 -1.5rem -1.5rem -1.5rem; }

@media (min-width: 992px) {
  .field-classroom_target_end_date_picker {
    padding-left: 1rem; } }

.file-preview-image {
  color: transparent; }

@media (max-width: 767px) {
  .filters {
    height: 62px;
    overflow: hidden;
    margin-bottom: 5px; } }

.filters.open {
  height: auto;
  overflow: auto; }
  .filters.open #toggle-filters .glyphicon {
    transform: rotate(180deg); }

.filters .rf-tile__header {
  padding: 1.9rem 0 2rem 0; }

#toggle-filters {
  cursor: pointer; }
  #toggle-filters .glyphicon {
    font-size: 12px;
    margin-left: 5px; }
  @media (min-width: 768px) {
    #toggle-filters .glyphicon {
      display: none; } }
.rf-filter {
  padding: 5px; }
  .rf-filter .collapsed .rf-filter__toggle span {
    transform: rotate(180deg); }
  .rf-filter h3 {
    margin-bottom: 1rem; }

.rf-filter__header {
  color: #555555;
  font-weight: 600;
  border-bottom: 1px solid #d5d5d5;
  padding: 0 0 0.3rem 0;
  margin: 0 0 1.5rem 0; }

.rf-filter__content .cbx-field, .rf-filter__content li, .rf-filter__content .field-showpurchasableoutsidesubscription {
  padding-bottom: 0.7rem;
  display: table;
  width: 100%;
  cursor: pointer; }
  .rf-filter__content .cbx-field label, .rf-filter__content li label, .rf-filter__content .field-showpurchasableoutsidesubscription label {
    width: 100%;
    display: table-cell;
    padding-left: 5px;
    cursor: pointer; }
    .rf-filter__content .cbx-field label .name, .rf-filter__content li label .name, .rf-filter__content .field-showpurchasableoutsidesubscription label .name {
      float: left;
      width: auto;
      padding: 0 5px 0 0;
      font-weight: 400;
      word-wrap: break-word;
      max-width: 80%;
      line-height: 1.3;
      cursor: pointer; }
    .rf-filter__content .cbx-field label .count, .rf-filter__content li label .count, .rf-filter__content .field-showpurchasableoutsidesubscription label .count {
      float: right;
      text-align: right; }
  .rf-filter__content .cbx-field .count, .rf-filter__content li .count, .rf-filter__content .field-showpurchasableoutsidesubscription .count {
    float: right;
    opacity: 0.5; }

.rf-filter__toggle {
  color: #2eabf3;
  background: none;
  border: none;
  float: right;
  margin-top: -3.4rem;
  padding: 0;
  width: 2rem;
  text-align: right;
  cursor: pointer; }

.rf-filter__fixed-height {
  min-height: 2rem;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 1rem; }
  .rf-filter__fixed-height .field-sellingvendorids {
    margin-bottom: 0; }
    .rf-filter__fixed-height .field-sellingvendorids .help-block {
      display: none; }

.filter__tooltip {
  float: right;
  width: 2rem;
  text-align: right;
  z-index: 100;
  position: relative;
  top: 0;
  right: 9.9rem; }

.rf-filter--slide-down {
  display: none;
  position: absolute;
  z-index: 10;
  top: 47px;
  left: 0;
  width: 100%;
  background-color: #2eabf3;
  box-shadow: 1px 1px 10px #a2a2a2;
  padding: 2rem; }

.filter--extra-options {
  border-left: 1px solid #555555;
  padding-left: 1.5rem;
  margin-bottom: 2rem; }
  .filter--extra-options h3 {
    margin-bottom: 1.5rem;
    font-weight: 400;
    text-transform: uppercase; }

.filter__date-picker .control-label {
  width: 50px;
  font-weight: 400; }

.filter__date-picker .kv-date-remove {
  background: transparent;
  position: absolute;
  right: 10px;
  margin: 1px;
  z-index: 3;
  border: 0;
  color: #a2a2a2;
  font-size: 11px;
  font-weight: 700;
  top: 3px; }

.filter__date-picker .form-control {
  border-color: #e1e1e1;
  border-left: none;
  box-shadow: none; }

.filter__date-picker .kv-date-calendar {
  background-color: transparent;
  color: #a2a2a2;
  border-color: #e1e1e1;
  box-shadow: none; }

#reset-filters {
  position: absolute;
  right: 9px;
  top: 11px;
  background: #2eabf3;
  padding: 0.5rem;
  color: #fff;
  cursor: pointer; }
  #reset-filters:hover {
    background-color: #0a74b1; }
  #reset-filters span {
    font-size: 12px;
    padding-right: 0.4rem; }

#toggle-filter-2 {
  margin-bottom: 15px; }

@keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.createLearningPathTemplate .has-error label.control-label {
  color: #d80024; }

.createLearningPathTemplate .has-error input.form-control,
.createLearningPathTemplate .has-error .redactor-box {
  border: solid 1px #d80024; }

.input--text {
  border-radius: 0px;
  line-height: 1;
  padding: 6px;
  -webkit-appearance: none;
  height: 34px;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid;
  display: block;
  width: 100%;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #a2a2a2; }
  .input--text::-ms-clear, .input--text::-ms-reveal {
    display: none; }

textarea.form-control {
  line-height: 1.6; }
  textarea.form-control:not(.single-line) {
    min-height: 8rem; }
  textarea.form-control.single-line {
    height: 34px;
    resize: none;
    overflow: hidden;
    line-height: 1.5rem; }
    textarea.form-control.single-line::placeholder {
      padding: 2px 0 0 0; }

.js__knowledge-sharing-session-run-days .form-group {
  margin-bottom: 0; }

.js__knowledge-sharing-session-run-days .help-block {
  padding-top: 1rem;
  margin: 0; }

.js__knowledge-sharing-session-run-day .has-success .form-control {
  border-color: #ccc; }

.js__knowledge-sharing-session-run-day .input-group-addon {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.js__knowledge-sharing-session-run-day .has-success .input-group-addon {
  border-color: #ccc;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.js__knowledge-sharing-session-run-day .bootstrap-timepicker input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.form-field-required-star::after {
  content: '*';
  color: #555555;
  margin-left: 3px;
  font-size: 10px;
  vertical-align: top; }

.gauge__progress {
  font-weight: 700;
  margin: 1rem 0;
  text-align: center; }
  @media (min-width: 667px) {
    .gauge__progress {
      margin: 0 0 1rem 0;
      text-align: left; } }
  .gauge__progress--success {
    color: #a1ce00; }
  .gauge__progress--warning {
    color: #fb881f; }
  .gauge__progress--error {
    color: #d80024; }

.gauge--dashboard {
  margin: 0 auto; }
  @media (min-width: 667px) {
    .gauge--dashboard {
      margin: 0 2rem 0 0; } }
.gauge-statistic {
  text-align: center; }
  @media (min-width: 768px) {
    .gauge-statistic {
      text-align: left; } }
.rf-icon--mini {
  font-size: 1rem; }

.rf-icon--x-x-small {
  font-size: 1.5rem; }

.rf-icon--x-small {
  font-size: 2rem; }

.rf-icon--small {
  font-size: 2.25rem; }

.rf-icon--medium {
  font-size: 2.6rem; }

.rf-icon--large {
  font-size: 4rem; }

.rf-icon--x-large {
  font-size: 5rem; }

.rf-icon--x-x-large {
  font-size: 6rem; }

.rf-icon--huge {
  font-size: 10rem; }

.rf-icon--warning {
  color: #fb881f; }

.rf-icon--item-property {
  color: #e6278b;
  font-size: 1.5rem;
  vertical-align: sub;
  line-height: 0; }
  .rf-icon--item-property--success {
    color: #a1ce00; }
  .rf-icon--item-property.icon-money-1 {
    font-size: 2.5rem;
    line-height: 0;
    vertical-align: middle;
    display: inherit; }

.rf-icon--item {
  color: #6f6f6f;
  font-size: 3rem;
  vertical-align: middle;
  display: block; }

.icon--tile-bg {
  color: #555555;
  font-size: 158px;
  right: 33px;
  position: absolute;
  opacity: 0.07;
  bottom: 6rem;
  pointer-events: none; }

@keyframes pulse {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.5, 0.5); }
  100% {
    transform: scale(1, 1); } }

.icon--pulse {
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: 3;
  display: block;
  font-size: 6rem;
  margin-bottom: -2rem; }

.icon--pulse--center {
  position: relative;
  top: -26px;
  font-size: 2rem;
  color: #a1ce00; }

.footer__icon {
  display: inline-block;
  cursor: pointer;
  color: #e6278b; }
  .footer__icon:hover {
    color: #c31771; }

.icon__watermark--attention {
  position: absolute;
  font-size: 14rem;
  padding: 1.2rem 0;
  opacity: 0.2;
  z-index: 1;
  margin-left: 65%; }

button span.icon-search {
  font-size: 1.3rem; }

.rf-input-field__container .cbx-label {
  margin: 0 50px 0 10px;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer; }
  .rf-input-field__container .cbx-label .icon-knowledge-center, .rf-input-field__container .cbx-label .icon-training {
    color: #e6278b;
    font-size: 15px;
    vertical-align: middle;
    margin-right: 3px; }

.select2-search {
  width: 100% !important; }
  .select2-search input[role="searchbox"] {
    width: 100% !important; }

.rf-item__properties {
  width: 100%;
  display: inline-block;
  padding: 1rem 0 0 0; }

.rf-item__sub-properties {
  width: 100%;
  display: inline-block;
  padding: 1rem 0 0 0; }
  .rf-item__sub-properties p {
    padding: 0 !important;
    color: #a2a2a2 !important;
    font-size: 1rem !important; }

.rf-item__property {
  display: inline-block;
  padding-right: 1.4rem;
  line-height: 1.5; }
  .rf-item__property:last-child {
    margin-bottom: 0;
    padding-right: 0;
    vertical-align: middle; }
  @media (min-width: 768px) {
    .rf-item__property {
      display: inline-table;
      line-height: 1.5; } }
  .rf-item__property p {
    display: inline;
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 0;
    color: #555555;
    vertical-align: middle; }
  .rf-item__property i.rf-icon--item-property {
    margin-right: 5px; }

.knowledge-item {
  border-bottom: 1px solid #eeeeee;
  min-height: 99px;
  padding: 2rem; }

.knowledge-item--no-height {
  border-bottom: 1px solid #eeeeee;
  padding: 2rem;
  min-height: inherit; }

@media (min-width: 768px) {
  .knowledge-item--double .knowledge-item:first-child {
    border-bottom: none; } }

.knowledge-item--double .knowledge-item:hover {
  background-color: #f0f3f5;
  cursor: pointer; }
  .knowledge-item--double .knowledge-item:hover .knowledge-item__header:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f0f3f5 50%); }

.knowledge-item--double .path-overview .rf-media__object {
  text-align: center; }
  @media (min-width: 768px) {
    .knowledge-item--double .path-overview .rf-media__object {
      margin: 0; } }
.knowledge-item--double .rf-media__object {
  margin-right: 1rem; }

.knowledge-item--double .gauge--dashboard {
  padding: 1rem 0; }

.knowledge-item--double .rf-item__properties {
  display: block; }

.knowledge-item--double .rf-item__property {
  display: block;
  padding: 0 0 0.5rem 0; }
  .knowledge-item--double .rf-item__property:last-child {
    padding-bottom: 0; }

.knowledge-item--double .rf-tile__footer {
  background-color: #fff;
  display: inline-block;
  position: relative;
  bottom: 0;
  padding: 1rem; }

@media (min-width: 768px) {
  .knowledge-item--double .path-overview {
    min-height: 230px; } }

.knowledge-item--double .path-overview .knowledge-item__actions span {
  float: right; }

.knowledge-item--double .path-overview a {
  color: #555555; }

.knowledge-item--double .double--courses {
  padding: 1rem 1rem 0.6rem 1rem; }
  .knowledge-item--double .double--courses:last-child {
    border-bottom: none; }
  .knowledge-item--double .double--courses .rf-progress {
    padding: 1rem 0 0 0; }
  .knowledge-item--double .double--courses .rf-item__property {
    display: inline-block; }
    @media (min-width: 768px) {
      .knowledge-item--double .double--courses .rf-item__property {
        padding-right: 1rem; } }
  .knowledge-item--double .double--courses .knowledge-item__actions span {
    padding-left: 0.6rem;
    float: right; }
  .knowledge-item--double .double--courses .path-overview .knowledge-item__actions {
    margin-top: 3.9rem; }
    .knowledge-item--double .double--courses .path-overview .knowledge-item__actions span {
      padding-left: 0.6rem; }

.UpcomingKnowledgeSharingSessionsDashboardWidget .rf-list__item {
  padding: 0.9rem 0;
  height: 78px;
  display: grid; }

.UpcomingKnowledgeSharingSessionsDashboardWidget .rf-tile__footer {
  background-color: #fff;
  display: inline-block;
  position: relative;
  bottom: 0;
  padding: 1.3rem; }

.knowledge-item--disabled {
  color: #a2a2a2 !important;
  opacity: 0.5; }
  .knowledge-item--disabled:hover {
    cursor: inherit; }
  .knowledge-item--disabled .rf-media__object i, .knowledge-item--disabled .rf-media__body i {
    color: #a2a2a2; }

.knowledge-item--chapter {
  padding: 2rem 2rem 2rem 7.1rem;
  min-height: inherit;
  background-color: #f6f6f6;
  border-bottom: #e1e1e1 1px solid; }
  .knowledge-item--chapter .knowledge-item__header:after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f6f6f6 50%); }

.rf-item__header {
  font-weight: 700;
  line-height: 1.2;
  margin: 0; }

.knowledge-item__header {
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  opacity: 1;
  position: relative;
  max-height: 32px;
  width: 90%;
  overflow: hidden;
  vertical-align: middle; }
  .knowledge-item__header a {
    color: #555555; }

.icon--pulse--center + .knowledge-item__header {
  overflow: visible; }

h2.knowledge-item__header {
  max-height: 37px;
  padding-bottom: 2rem; }

.knowledge-item__title {
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  padding: 0; }
  .knowledge-item__title a {
    color: #555555; }

.header__date p {
  display: inline-block;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .header__date p {
      margin: 0; } }
.header--full-width {
  width: 254px;
  max-width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media (min-width: 667px) {
    .header--full-width {
      width: 430px; } }
  @media (min-width: 768px) {
    .header--full-width {
      width: 500px; } }
@media (min-width: 768px) {
  .knowledge-item__actions {
    margin-top: 0; } }

@media (min-width: 1200px) {
  .knowledge-item__actions {
    width: auto; } }

.knowledge-item__actions .rf-btn {
  display: inline-block;
  width: 90%; }
  @media (min-width: 768px) {
    .knowledge-item__actions .rf-btn {
      margin-top: 1rem;
      float: right;
      width: auto; } }
.knowledge-item__actions .knowledge_item_target_date_picker {
  width: 85%;
  float: right; }

.action--toggle {
  margin-top: 0; }

.knowledge-item__toggle:hover {
  cursor: pointer; }

.knowledge-item__toggle i {
  font-size: 1.5rem;
  color: #a2a2a2; }

.complete-knowledge-item {
  margin-left: 10px; }

.menu-item-academy-dashboard .double--courses {
  margin-top: 0 !important; }

.knowledge-item--search-result {
  padding: 1rem 2rem;
  border-bottom: 1px solid #d5d5d5; }
  .knowledge-item--search-result:hover {
    background-color: #f0f3f5; }
    .knowledge-item--search-result:hover .text-end-fade:after {
      background: linear-gradient(to right, rgba(255, 255, 255, 0), #f0f3f5 50%); }
  .knowledge-item--search-result.selected {
    background-color: #f0f3f5; }
  .knowledge-item--search-result h3 {
    color: #555555; }
  .knowledge-item--search-result p, .knowledge-item--search-result li, .knowledge-item--search-result ul {
    color: #555555;
    font-size: 1.35rem;
    line-height: 1.6; }
  @media (min-width: 992px) {
    .knowledge-item--search-result .rf-media__body {
      align-items: center;
      display: flex; } }
  .knowledge-item--search-result .rf-media__object span {
    font-size: 3rem;
    color: #2eabf3; }
    .knowledge-item--search-result .rf-media__object span.rf-color--error {
      color: #d80024 !important; }

.knowledge-item--no-height .rf-media__body {
  flex: auto;
  width: 65%; }

.rf-list.finished {
  min-height: 200px; }

.rf-list__item {
  border-bottom: 1px #d5d5d5 solid;
  padding: 1.1rem 0; }
  .rf-list__item a {
    color: #555555; }
  .rf-list__item .icon {
    color: #e6278b;
    padding-left: 1rem; }
  .rf-list__item:hover {
    background: #f0f3f5; }
    .rf-list__item:hover .text-end-fade:after {
      display: none; }

.rf-list__item--small {
  padding: 0.6rem 0; }
  .rf-list__item--small .icon.rf-icon--large {
    font-size: 3rem;
    margin: 1.1rem 0 1.2rem 0;
    display: block; }

.item__title {
  color: #2eabf3;
  width: 100%;
  max-width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 3px; }

.item__sub-title {
  display: inline-block; }
  .item__sub-title p {
    display: inline-block;
    margin: 2px 0;
    padding-right: 12px;
    min-width: 25px; }
    .item__sub-title p span {
      padding-right: 5px; }

.rf-list--related-questions {
  padding-top: 5px; }
  .rf-list--related-questions a {
    display: block; }
  .rf-list--related-questions .rf-list__item {
    padding: 5px 0; }
    .rf-list--related-questions .rf-list__item:nth-child(3) {
      border-bottom: none; }

.rf-list .btn-secondary, .rf-list .bootbox .btn-primary, .bootbox .rf-list .btn-primary {
  position: absolute;
  bottom: 15px;
  width: calc(100% - 30px); }

.location--search-result-tooltip .tooltip-inner {
  max-width: 450px; }
  .location--search-result-tooltip .tooltip-inner ul {
    list-style: disc;
    margin-left: 15px; }

.rf-log-in--container {
  z-index: 50; }

@media (min-width: 768px) {
  .rf-log-in {
    display: flex;
    box-shadow: 1px 1px 10px #a2a2a2;
    margin-top: calc(50vh - 380px);
    min-height: 33rem; } }

.rf-log-in .login-by-other {
  position: relative;
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  background: url("/media/images/login_line.png") center repeat-x;
  margin-bottom: 15px;
  margin-top: 15px; }
  .rf-log-in .login-by-other span {
    width: auto;
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    font-size: 14px; }

.rf-log-in .login-external-identity-providers {
  text-align: center; }

.rf-log-in__header {
  padding: 3rem 0 0 0; }
  .rf-log-in__header div.rf-log-in__header__logo-container, .rf-log-in__header img {
    display: block;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .rf-log-in__header div.rf-log-in__header__logo-container, .rf-log-in__header img {
        display: inline-block;
        position: static; } }
  .rf-log-in__header img.mycademy-customer-logo {
    max-height: 100px;
    object-fit: contain; }

.academy-branding {
  display: block;
  margin-bottom: 3rem; }
  .academy-branding a {
    display: block;
    text-align: center; }
    @media (min-width: 768px) {
      .academy-branding a {
        display: inline-block; } }
  .academy-branding img {
    display: inline-block;
    vertical-align: middle;
    max-width: 20%; }
    @media (min-width: 768px) {
      .academy-branding img {
        margin: 0;
        display: inline-block; } }
  .academy-branding h2 {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    color: #2eabf3;
    width: 75%; }

.rf-log-in__container {
  background-color: #fff;
  padding: 4rem;
  box-shadow: 1px 1px 10px #a2a2a2; }
  @media (min-width: 768px) {
    .rf-log-in__container {
      box-shadow: none; } }
  .rf-log-in__container .inline-link {
    float: right;
    color: #a2a2a2;
    text-decoration: underline; }
  .rf-log-in__container .form-group {
    margin-bottom: 2rem; }
  .rf-log-in__container .field-totpform-rememberdevice {
    margin-bottom: 0; }
  .rf-log-in__container button {
    margin-top: 2rem; }

.field-loginform-rememberme {
  display: inline-block; }

@media (min-width: 768px) {
  .rf-log-in__quote {
    display: block;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); } }

.rf-log-in__quote h2 {
  color: #fff;
  text-align: center;
  width: 59%;
  margin: 0 auto;
  font-size: 2.7rem;
  text-transform: none;
  padding: 8rem 0; }

.rf-log-in__quote:before {
  content: "\e000";
  font-family: MyCademy;
  color: #e6278b;
  font-size: 6rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  left: -4.7rem;
  position: absolute;
  top: 2rem; }

.container__quote {
  display: none; }
  @media (min-width: 768px) {
    .container__quote {
      display: block; } }
.quote__bg-color {
  background-color: #2eabf3;
  height: 100%;
  position: absolute;
  opacity: 0.5;
  width: 100%; }
  @media (min-width: 768px) {
    .quote__bg-color {
      margin: -10px; } }
.rf-login-bg {
  background-image: url("../img/log-in-bg.jpg");
  background-repeat: no-repeat;
  min-height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 0;
  background-position: 0; }
  @media (min-width: 768px) {
    .rf-login-bg {
      background-position: center center; } }
@media (min-width: 768px) {
  .inlog__nav {
    display: inline-block;
    float: right; } }

.inlog__nav-list {
  padding: 2rem 0;
  text-align: center;
  display: block;
  margin: 3rem 0;
  position: relative;
  margin-top: -5.6rem; }
  @media (min-width: 768px) {
    .inlog__nav-list {
      padding: 2rem 0;
      background-image: none;
      margin: 0; } }
.inlog__nav-list--item {
  display: inline-block;
  padding: 0 2rem; }
  .inlog__nav-list--item a {
    color: #fff;
    font-size: 1.6rem; }
    .inlog__nav-list--item a:hover {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .inlog__nav-list--item a {
        color: #0a74b1; } }
.nav-bg {
  background: #2eabf3;
  height: 56px;
  position: relative;
  float: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 3rem;
  opacity: 0.5; }
  @media (min-width: 768px) {
    .nav-bg {
      display: none; } }
#login-form .loader-btn, #login-form .loader-right {
  margin: 0 auto;
  top: -2.9rem;
  margin-bottom: -2.2rem; }

.totp__qr-code {
  margin-bottom: 20px; }
  .totp__qr-code img {
    display: block;
    margin: 0 auto; }

.totp__secret-container {
  text-align: center; }

.totp__togle-secret {
  cursor: pointer; }
  .totp__togle-secret:after {
    content: '~';
    font-family: 'MyCademy';
    font-size: 1.0rem; }
  .totp__togle-secret.open:after {
    content: '}';
    font-family: 'MyCademy';
    font-size: 1.0rem; }

#totpSecret {
  margin-top: 10px; }

.footer-image {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; }

.site-maintenance__container {
  background: url("../img/pattern.png");
  background-repeat: repeat;
  height: 100vh;
  background-position: 0;
  background-color: #fdfdfd; }

.site-unavailable__container {
  height: 100%;
  padding-top: 10rem;
  background-color: #fff; }

.site-maintenance__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.site-maintenance__image, .site-unavailable__image {
  width: 40%;
  margin: 0 auto;
  display: block; }

.site-maintenance__text p, .site-unavailable__text p {
  color: #2eabf3;
  margin-top: 1rem;
  font-size: 1.8rem; }

.site-maintenance__text h2, .site-unavailable__text h2 {
  color: #555555;
  text-transform: none;
  font-size: 2.5rem;
  line-height: 1.2; }

.site-maintenance__text h1, .site-unavailable__text h1 {
  font-weight: 700;
  font-size: 4rem; }

.site-maintenance__text {
  margin-top: 8rem; }
  .site-maintenance__text h1 {
    color: #ffcd0b; }

.site-unavailable__text {
  margin-top: 15rem; }
  .site-unavailable__text h1 {
    color: #2eabf3; }
  .site-unavailable__text .rf-btn {
    margin: 4rem 0 0 0; }

.maintenance--vendor {
  padding-top: 6rem; }
  .maintenance--vendor .row {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0; }
    @media (min-width: 991px) {
      .maintenance--vendor .row {
        margin-right: -1px;
        margin-left: -1px; } }
  .maintenance--vendor .site-maintenance__image {
    width: 100%; }
  .maintenance--vendor .snake-container {
    margin-top: 4rem;
    text-align: center; }
    .maintenance--vendor .snake-container h3, .maintenance--vendor .snake-container p {
      margin-bottom: 2rem; }
    .maintenance--vendor .snake-container p {
      display: none; }
      @media (min-width: 1025px) {
        .maintenance--vendor .snake-container p {
          display: block; } }
  .maintenance--vendor #snake {
    display: none; }
    @media (min-width: 1025px) {
      .maintenance--vendor #snake {
        display: block; } }
    .maintenance--vendor #snake canvas {
      width: auto;
      height: auto;
      box-shadow: 1px 1px 10px #a2a2a2; }
  .maintenance--vendor .gif {
    margin: 0 auto;
    display: block; }
    @media (min-width: 1025px) {
      .maintenance--vendor .gif {
        display: none; } }
  .maintenance--vendor .site-maintenance__text {
    margin-top: 0;
    text-align: center; }
    @media (min-width: 845px) {
      .maintenance--vendor .site-maintenance__text {
        text-align: left; } }
.rf-media {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .rf-media {
      flex-wrap: nowrap; } }
.rf-media__object {
  margin-right: 2rem; }

.rf-media__body {
  flex: 1;
  align-self: end; }

.header--top {
  position: fixed;
  box-shadow: 1px 1px 10px #a2a2a2;
  z-index: 100;
  background: #fff;
  width: 100%;
  border-bottom: 0.6rem solid #2eabf3; }
  @media (min-width: 1024px) {
    .header--top {
      position: static; } }
  .header--top .container {
    padding-left: 15px; }
  .header--top .rf-nav-brand img {
    width: auto;
    max-width: 120px;
    padding: 1.5rem 0;
    vertical-align: middle;
    max-height: 70px; }
  .header--top .rf-nav-brand a .brand-text {
    display: none; }
    @media (min-width: 768px) {
      .header--top .rf-nav-brand a .brand-text {
        display: inline-block;
        color: #2eabf3;
        font-size: 1.8rem;
        font-weight: 600;
        padding-left: 1rem;
        vertical-align: middle; } }
.header__options {
  display: inline-block;
  float: right; }
  @media (min-width: 1024px) {
    .header__options {
      padding-right: 2rem; } }
  .header__options .header__icon {
    color: #555555;
    font-size: 1.5rem;
    padding: 0.6rem 0.5rem 0.6rem 0.5rem;
    line-height: 0;
    display: inline-table;
    font-weight: 700; }
    .header__options .header__icon:hover {
      color: #3c3c3c;
      cursor: pointer; }
  @media (min-width: 1024px) {
    .header__options .glyphicon-log-out {
      display: none; } }
  @media (min-width: 1024px) {
    .header__options .icon-user {
      display: inline-block; } }
.header__nav {
  height: 0; }
  @media (min-width: 1024px) {
    .header__nav {
      background-color: #fff;
      width: 100%;
      height: 4rem;
      padding: 0;
      box-shadow: 1px 1px 10px #a2a2a2;
      visibility: visible;
      margin-bottom: 3rem; } }
.primary-nav--list {
  display: inline-block;
  visibility: hidden; }
  @media (min-width: 1024px) {
    .primary-nav--list {
      visibility: visible; } }
  .primary-nav--list li {
    display: inline-block; }
  .primary-nav--list .icon-home {
    padding-right: 1rem;
    vertical-align: middle;
    color: #555555; }
  .primary-nav--list .glyphicon {
    color: #2eabf3; }
  @media (min-width: 1024px) {
    .primary-nav--list .primary-nav__item a {
      padding: 1.3rem 0;
      display: inline-block; }
      .primary-nav--list .primary-nav__item a:hover {
        text-decoration: underline; } }
.primary-nav__dropdown {
  display: none;
  width: 100%;
  height: auto;
  z-index: 4;
  background: #fff;
  position: absolute;
  visibility: visible;
  left: 0;
  top: 76px;
  box-shadow: 1px 1px 10px #a2a2a2; }
  @media (min-width: 1024px) {
    .primary-nav__dropdown {
      background: #2eabf3;
      top: 119px; } }
  .primary-nav__dropdown .primary-nav__item {
    display: block;
    padding-left: 2rem; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .primary-nav__item {
        width: 30%; }
        .primary-nav__dropdown .primary-nav__item:hover {
          text-decoration: none; }
        .primary-nav__dropdown .primary-nav__item .icon--menu {
          color: #fff;
          padding-right: 1rem; } }
  .primary-nav__dropdown .nav__sub-item:hover {
    background-color: #2eabf3; }
    .primary-nav__dropdown .nav__sub-item:hover .icon--menu {
      color: #fff; }
    .primary-nav__dropdown .nav__sub-item:hover a {
      color: #fff; }
    .primary-nav__dropdown .nav__sub-item:hover:before {
      color: #fff;
      border-left: 1px solid #8ed2f9; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .nav__sub-item:hover {
        background-color: #0a74b1; } }
  .primary-nav__dropdown .nav__sub-item span.glyphicon {
    color: #fff !important;
    padding-right: 1rem; }
  .primary-nav__dropdown .nav__sub-item a {
    color: #555555;
    padding: 2rem 0 2rem 2rem;
    display: inline-block; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .nav__sub-item a {
        padding: 2rem 0 2rem 0;
        color: #fff;
        display: inline-block;
        width: 75%; }
        .primary-nav__dropdown .nav__sub-item a:hover {
          text-decoration: none; } }
  .primary-nav__dropdown .nav__sub-item.active-item.item-has-children {
    background-color: #2eabf3; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .nav__sub-item.active-item.item-has-children {
        background-color: #0a74b1;
        max-width: 30%; } }
    .primary-nav__dropdown .nav__sub-item.active-item.item-has-children .primary-nav__item {
      width: 100%; }
      @media (min-width: 768px) {
        .primary-nav__dropdown .nav__sub-item.active-item.item-has-children .primary-nav__item {
          width: calc(100% - 4rem); } }
      .primary-nav__dropdown .nav__sub-item.active-item.item-has-children .primary-nav__item:hover {
        background-color: #096499; }
  .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
    display: block;
    position: relative;
    top: 0;
    background-color: #2eabf3; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
        background-color: #0a74b1;
        position: absolute;
        left: 31%;
        width: 30%;
        overflow-x: hidden; } }
    @media (min-width: 1100px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
        left: 32%; } }
    @media (min-width: 1200px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
        left: 31%; } }
    @media (min-width: 1400px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
        left: 33%; } }
    @media (min-width: 1600px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
        left: 35%; } }
    @media (min-width: 1700px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open {
        left: 37%; } }
    .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open .nav__sub-item {
      padding: 2rem 0 2rem 3.4rem; }
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open .nav__sub-item.primary-nav__item--active {
        padding: 2rem 0 2rem 2.8rem; }
        @media (min-width: 1024px) {
          .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open .nav__sub-item.primary-nav__item--active {
            padding: 0 0 0 2rem; } }
      @media (min-width: 1024px) {
        .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open .nav__sub-item {
          padding: 0 0 0 2rem; } }
  .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown {
    box-shadow: none;
    display: none; }
  .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open a {
    padding: 0 0 0 2rem; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .nav__sub-item .primary-nav__dropdown.menu-is-open a {
        padding: 2rem 0 2rem 0; } }
  .primary-nav__dropdown .item-has-children:before {
    content: '~';
    font-family: MyCademy;
    font-size: 1.2rem;
    color: #555555;
    vertical-align: middle;
    float: right;
    border-left: 1px solid #8ed2f9;
    display: block;
    padding: 2.1rem 0 2rem 2rem;
    margin-top: 0; }
    @media (min-width: 1024px) {
      .primary-nav__dropdown .item-has-children:before {
        content: '`';
        color: #fff;
        border-left: none; } }
  .primary-nav__dropdown .active-item {
    font-weight: 600; }
    .primary-nav__dropdown .active-item a {
      color: #fff;
      padding: 2rem 0 2rem 2rem; }
      @media (min-width: 1024px) {
        .primary-nav__dropdown .active-item a {
          padding: 2rem 0 2rem 0; } }
    .primary-nav__dropdown .active-item .icon--menu {
      color: #fff; }
    @media (max-width: 1023px) {
      .primary-nav__dropdown .active-item:before {
        color: #fff;
        content: "}";
        z-index: 10;
        padding-top: 2rem;
        font-family: 'MyCademy';
        float: right;
        font-size: 1.2rem; } }
    @media (max-width: 1023px) {
      .primary-nav__dropdown .active-item:after {
        display: none; } }
.primary-nav__dropdown .primary-nav__item--active {
  border-left: 0.6rem solid #0a74b1;
  padding: 0 2.5rem 0 1.4rem; }
  .primary-nav__dropdown .primary-nav__item--active .primary-nav__item--active {
    border-left: 0.6rem solid #096499; }

.primary-nav__item {
  display: inline-block;
  padding-right: 2.5rem; }
  .primary-nav__item a {
    color: #555555; }

.top-item {
  display: none; }
  @media (min-width: 1024px) {
    .top-item {
      display: inline-block;
      cursor: pointer;
      padding: 1.5rem;
      font-size: 1rem; }
      .top-item:hover {
        text-decoration: underline; }
      .top-item:focus, .top-item:active {
        text-decoration: none; } }
@media (min-width: 1024px) {
  .primary-nav__dropdown {
    z-index: 999;
    position: absolute;
    width: 100%;
    left: 0;
    top: 119px;
    background-color: #2eabf3;
    display: none; } }

@media (min-width: 768px) {
  .primary-nav__dropdown .container {
    overflow: hidden; } }

@keyframes menu-slide {
  0% {
    right: -240px; }
  100% {
    right: 0; } }

.header-is-scrolled .header--top {
  /* Causing problems on mobile-view when 'header-is-scrolled' is set. And no longer needed?
    position: fixed;
    z-index: 100;
    top:0;
    border-bottom: $tile-border-top;
    border-top: none;
    height: 76px;
    */ }
  @media (min-width: 1024px) {
    .header-is-scrolled .header--top {
      visibility: hidden;
      position: static;
      top: auto;
      height: auto; } }
@media (min-width: 1024px) {
  .header-is-scrolled .header__nav {
    position: fixed;
    z-index: 100;
    top: 0;
    border-bottom: 0.6rem solid #2eabf3;
    border-top: none;
    height: 45px; } }

@media (min-width: 1024px) {
  .header-is-scrolled .header__nav .primary-nav__dropdown {
    top: 45px; } }

@media (min-width: 1024px) {
  .header-is-scrolled .notifications-popover {
    padding: 0; } }

@media (min-width: 1024px) {
  .header-is-scrolled .options__container {
    float: right; } }

@media (min-width: 1024px) {
  .header-is-scrolled .header__options {
    padding: 1.1rem 0; } }

body.header-is-scrolled {
  margin-top: 7rem; }

@media (min-width: 1024px) {
  body:not(.header-is-scrolled) #header_options .icon-user {
    display: none; } }

.nav__toggle {
  float: right;
  width: 4.4rem;
  height: 3.2rem;
  cursor: pointer;
  margin: 1rem 0 0 0;
  padding-top: 1.2rem; }
  @media (min-width: 1024px) {
    .nav__toggle {
      display: none; } }
.bar,
.bar:after,
.bar:before {
  width: 4.4rem;
  height: 0.6rem; }

.bar {
  position: relative;
  background: #555555;
  transition: all 0ms 200ms; }

.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1.4rem;
  background: #555555;
  transition: bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }

.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1.4rem;
  background: #555555;
  transition: top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }

.nav__toggle.menu-is-open .bar {
  background: transparent; }

.nav__toggle.menu-is-open .bar:after {
  top: 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1); }

.nav__toggle.menu-is-open .bar:before {
  bottom: 0;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1); }

.user-menu {
  display: none; }
  @media (min-width: 1024px) {
    .user-menu {
      display: block;
      float: right; } }
  .user-menu .user_avatar, .user-menu .user-name {
    display: inline-block; }

.menu__user .dropdown-toggle {
  padding: 1.7rem 0;
  display: block;
  color: #2eabf3;
  font-weight: 600;
  white-space: nowrap; }

.menu__user .dropdown-menu {
  margin-top: -1rem; }

.menu__user .icon-down-chevron {
  font-size: 1rem;
  padding: 0 0.5rem; }

.menu__user.open .icon-down-chevron {
  transform: rotate(180deg);
  display: inline-block; }

.options__container {
  float: right; }
  @media (min-width: 1024px) {
    .options__container {
      float: none;
      display: inline-block; } }
@media (max-width: 1023px) {
  body .page-wrapper {
    margin-top: 9rem; }
  body .header--top {
    margin-top: -9rem; } }

.rf-modal__edit-panel {
  background-color: #f0f3f5; }
  @media (min-width: 1200px) {
    .rf-modal__edit-panel {
      padding: 15px; } }
  .rf-modal__edit-panel .edit-section {
    padding: 1.5rem; }
    @media (min-width: 1200px) {
      .rf-modal__edit-panel .edit-section {
        padding: 0 0 0 2rem;
        height: 100%;
        min-height: 55px; }
        .rf-modal__edit-panel .edit-section:first-child {
          padding-left: 0; } }
  @media (min-width: 1200px) {
    .rf-modal__edit-panel .edit-section--date {
      padding: 0; } }
  .rf-modal__edit-panel .edit-section--date .rf-btn {
    margin: 0; }
  .rf-modal__edit-panel p {
    margin: 0; }
  .rf-modal__edit-panel .modal-body {
    padding: 0; }

.rf-modal__footer {
  background-color: #f0f3f5;
  padding: 1.5rem;
  text-align: right; }

.action-group {
  float: right; }

.modal-body:after {
  content: "";
  display: table;
  clear: both; }

.calc-date-option__divider {
  border-bottom: 1px solid #a2a2a2;
  width: 94%;
  position: absolute;
  display: inline-block; }
  @media (min-width: 768px) {
    .calc-date-option__divider {
      border-bottom: 0;
      border-right: 1px solid #a2a2a2;
      height: 84%;
      position: absolute;
      width: auto; } }
.calc-date-option__word {
  display: inline-block;
  position: relative;
  right: -45%;
  top: -11px;
  padding: 0 10px;
  background: #f0f3f5;
  font-weight: 600; }
  @media (min-width: 768px) {
    .calc-date-option__word {
      right: 7px;
      top: 40px;
      padding: 0; } }
  @media (min-width: 1200px) {
    .calc-date-option__word {
      top: 16px; } }
.nav-pills li {
  border-radius: 0.4rem;
  border: none; }
  .nav-pills li a {
    color: #a2a2a2;
    font-size: 1.2rem;
    padding: 0.5rem 1rem; }
    @media (min-width: 768px) {
      .nav-pills li a {
        border: 1px solid #a2a2a2; } }
    .nav-pills li a:hover {
      background-color: #2eabf3;
      border-color: #2eabf3;
      color: #fff; }

.nav-pills li.active {
  border: none; }
  .nav-pills li.active a {
    background-color: #2eabf3;
    border-color: #2eabf3; }
    .nav-pills li.active a:hover {
      background-color: #0a74b1;
      border-color: #0a74b1; }
    .nav-pills li.active a:focus {
      background-color: #2eabf3;
      border-color: #2eabf3; }
      .nav-pills li.active a:focus:hover {
        background-color: #0a74b1;
        border-color: #0a74b1; }

.nav-pills .dropdown-toggle {
  border: 1px solid #a2a2a2; }

@media (min-width: 768px) {
  .nav-pills .dropdown {
    display: none; } }

.nav-pills .dropdown li {
  border: none;
  border-radius: 0; }

.nav-pills .dropdown .dropdown-menu {
  min-width: auto;
  right: 0;
  left: unset; }

.nav-pills .dropdown.open .dropdown-toggle:hover {
  background-color: #fff;
  color: #a2a2a2;
  border-color: #a2a2a2; }

.nav-pills .dropdown .icon {
  position: static;
  cursor: pointer;
  color: #6f6f6f;
  font-size: 0.8rem;
  vertical-align: middle; }
  .nav-pills .dropdown .icon:hover {
    color: #555555; }

.pagination--margin-top {
  margin-top: 2rem; }

.path {
  height: 100%; }

.path__line {
  width: 1rem;
  background-color: #a2a2a2;
  height: 64px;
  position: relative; }

.path__dot {
  width: 3rem;
  height: 3rem;
  background-color: #a2a2a2;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0; }

.path--success .path__dot {
  background-color: #a1ce00; }

.path--success .path__line {
  background-color: #a1ce00; }

.rf-progress--item-property {
  display: inline-block;
  width: 100%;
  padding-top: 1rem; }
  @media (min-width: 768px) {
    .rf-progress--item-property {
      width: 35%;
      padding-top: 0; } }
.report-bg {
  background-color: #f0f3f5; }

.report-container {
  width: 100%;
  margin: 0 auto; }
  .report-container .report-icon {
    font-family: 'mycademy';
    font-weight: normal;
    font-size: 1.2rem;
    color: #e6278b;
    line-height: 0;
    vertical-align: middle; }
    .report-container .report-icon--glyphicon {
      font-family: 'glyphicon'; }
  .report-container .rf-statistic__sub-header {
    padding-left: 1.7rem; }
  .report-container .rf-statistic__header {
    margin-top: -1.2rem;
    padding-left: 1.4rem; }
    .report-container .rf-statistic__header .report-icon {
      color: #2eabf3 !important;
      padding-left: 2px; }
  .report-container .rf-tile {
    border-top-width: 6px;
    margin-top: 7.5mm;
    box-shadow: 4px 4px #d5d5d5; }
  .report-container .rf-tile__header {
    border-bottom-width: 1px;
    padding: 1rem 0; }
    .report-container .rf-tile__header .report-icon {
      color: #2eabf3;
      padding-left: 2px; }
    .report-container .rf-tile__header h1 {
      font-size: 1.1rem;
      font-weight: lighter;
      margin-top: -1.3rem;
      padding-left: 1.4rem; }
    .report-container .rf-tile__header h2 {
      font-weight: bold;
      font-size: 0.8rem; }
  .report-container .rf-tile__content .col-1, .report-container .rf-tile__content .col-2, .report-container .rf-tile__content .col-3 {
    display: inline; }
    .report-container .rf-tile__content .col-1 p.rf-statistic__header, .report-container .rf-tile__content .col-2 p.rf-statistic__header, .report-container .rf-tile__content .col-3 p.rf-statistic__header {
      font-size: 1rem; }
    .report-container .rf-tile__content .col-1 .rf-statistic__sub-header, .report-container .rf-tile__content .col-2 .rf-statistic__sub-header, .report-container .rf-tile__content .col-3 .rf-statistic__sub-header {
      font-size: 0.8rem; }
  .report-container .rf-tile__content .col-1 {
    width: 33%;
    float: left;
    margin-left: -1.1rem; }
  .report-container .rf-tile__content .col-2 {
    width: 40%; }
  .report-container .rf-tile__content .col-3 {
    width: 27%;
    float: right;
    margin-top: -40px; }
  .report-container .report-item {
    padding-bottom: 1rem; }
    .report-container .report-item h3 {
      font-size: 0.9rem;
      margin: 0; }
    .report-container .report-item .report-icon {
      color: #e6278b;
      font-size: 0.6rem;
      vertical-align: middle; }
  .report-container .report-table {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 1rem; }
    .report-container .report-table .report-table-head-row {
      background-color: #2eabf3; }
      .report-container .report-table .report-table-head-row th {
        color: #fff;
        font-weight: 400;
        text-align: left;
        font-size: 0.7rem;
        padding: 0.3rem 0 0.3rem 0.5rem; }
    .report-container .report-table tr {
      border-bottom: 1px solid #d5d5d5;
      width: 100%;
      display: block; }
      .report-container .report-table tr:nth-child(even) {
        background-color: #f0f3f5; }
      .report-container .report-table tr td {
        padding: 0.3rem 1rem 0.3rem 0.5rem; }

p.report-text {
  font-size: 0.7rem !important; }

#team_report .report-table-head-row th {
  vertical-align: middle; }
  #team_report .report-table-head-row th:nth-child(1) {
    width: 40%; }

#team_report tr {
  vertical-align: middle; }
  #team_report tr td {
    vertical-align: middle; }
    #team_report tr td:nth-child(1) {
      width: 40%; }

.filter_legend p {
  font-size: 14px; }

.filter_legend ul {
  padding-top: 15px; }
  .filter_legend ul li {
    padding: 0 0 5px 0;
    font-size: 14px; }
    .filter_legend ul li span.report-icon {
      font-size: 12px; }

#schedule_container .report-schedule-time-interval-field-wrapper {
  display: inline-block;
  vertical-align: middle; }
  #schedule_container .report-schedule-time-interval-field-wrapper label {
    display: inline-block;
    vertical-align: middle; }

@-moz-document url-prefix() {
  #schedule_container .report-schedule-time-interval-field-wrapper label {
    margin-bottom: 2px; } }
  #schedule_container .report-schedule-time-interval-field-wrapper div.form-group {
    vertical-align: middle;
    display: inline-block;
    margin: 0; }
    #schedule_container .report-schedule-time-interval-field-wrapper div.form-group .help-block {
      margin: 0; }

#schedule_container .middle-column {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 10px; }

@-moz-document url-prefix() {
  #schedule_container .middle-column {
    margin: 0 20px 7px; } }
  #schedule_container .middle-column #schedule_time_unit label {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 20px 0 23px; }

#schedule_container .report-schedule-time-unit-weekday-field-wrapper,
#schedule_container .report-schedule-time-unit-month-field-wrapper {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    #schedule_container .report-schedule-time-unit-weekday-field-wrapper,
    #schedule_container .report-schedule-time-unit-month-field-wrapper {
      margin-top: 19px; } }
  #schedule_container .report-schedule-time-unit-weekday-field-wrapper label,
  #schedule_container .report-schedule-time-unit-month-field-wrapper label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 25px 0; }

@-moz-document url-prefix() {
  #schedule_container .report-schedule-time-unit-weekday-field-wrapper label,
  #schedule_container .report-schedule-time-unit-month-field-wrapper label {
    margin: 0 0 2px 0; } }
  #schedule_container .report-schedule-time-unit-weekday-field-wrapper div.form-group,
  #schedule_container .report-schedule-time-unit-month-field-wrapper div.form-group {
    display: inline-block;
    vertical-align: middle;
    min-width: 150px; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      #schedule_container .report-schedule-time-unit-weekday-field-wrapper div.form-group,
      #schedule_container .report-schedule-time-unit-month-field-wrapper div.form-group {
        padding-top: 7px; } }
@-moz-document url-prefix() {
  #schedule_container .report-schedule-time-unit-weekday-field-wrapper div.form-group,
  #schedule_container .report-schedule-time-unit-month-field-wrapper div.form-group {
    margin-bottom: 0;
    padding-top: 10px; } }

.legend-col p {
  color: #2eabf3; }

/* width */
div.rf-filter__fixed-height::-webkit-scrollbar {
  width: 1rem;
  margin-left: 0.5rem; }

/* Track */
div.rf-filter__fixed-height::-webkit-scrollbar-track {
  background: #f0f3f5; }

/* Handle */
div.rf-filter__fixed-height::-webkit-scrollbar-thumb {
  background: #2eabf3;
  border-radius: 2px; }

/* Handle on hover */
div.rf-filter__fixed-height::-webkit-scrollbar-thumb:hover {
  background: #0a74b1; }

.input--nofocus:focus {
  outline: 0;
  box-shadow: none;
  border-color: #a2a2a2;
  border-width: 1px;
  border-style: solid; }

.input-group .input-group-btn .btn {
  border: 1px solid #e6278b;
  height: 34px;
  background-color: #e6278b;
  color: #fff;
  border-radius: 2px; }
  .input-group .input-group-btn .btn:hover {
    background-color: #c31771;
    border: 1px solid #c31771; }

.search-bar--borderless {
  padding-top: 2.6rem; }
  .search-bar--borderless input, .search-bar--borderless button {
    border: none; }
  .search-bar--borderless:not(.search-bar--large) {
    padding: 6.4rem 1rem; }
  .search-bar--borderless.search-bar--large .icon__watermark--attention {
    margin-left: 80%;
    font-size: 10rem;
    padding: 0; }

.search-bar--large input, .search-bar--large span button.btn.btn-default {
  height: 4rem; }

.searchResults {
  background-color: #fff; }

.searchResult__title {
  color: #2eabf3;
  font-size: 3.157rem;
  line-height: 3.62rem;
  margin-bottom: 1.8rem;
  letter-spacing: -1px;
  font-weight: 700; }

.searchResult {
  padding: 3rem 0;
  border-bottom: 0.1rem solid #e6278b; }

.searchResult__header {
  display: inline-block; }
  @media (min-width: 992px) {
    .searchResult__header {
      max-width: 580px; } }
  .searchResult__header a {
    font-size: 1.555rem;
    line-height: 1.6rem;
    margin: 2rem 0 .2rem 0;
    color: #2eabf3;
    font-weight: 700; }

.searchResult__product-properties {
  display: block; }
  .searchResult__product-properties .product-property {
    font-size: 1.3rem;
    margin: 0;
    display: inline-block; }
    .searchResult__product-properties .product-property .property__divider {
      padding: 0 1rem; }

.searchResult__footer {
  vertical-align: middle;
  padding: 2rem 0 0 0;
  text-align: right; }
  @media (min-width: 992px) {
    .searchResult__footer {
      float: right;
      padding: 0; } }
.searchResult__price {
  display: inline-block;
  text-align: right;
  margin-right: 2rem;
  vertical-align: middle; }
  .searchResult__price .price__label, .searchResult__price .price__tax {
    font-size: 1.2rem; }
  .searchResult__price .price {
    color: #e6278b;
    font-weight: 700;
    font-size: 1.4rem; }

.searchResult__actions {
  display: inline-block;
  vertical-align: sub; }
  .searchResult__actions .rf-btn {
    border: 2px solid #2eabf3;
    font-weight: 500;
    margin: 0;
    padding: 1.5rem 2rem;
    font-size: 1.3rem;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: .2rem; }
    .searchResult__actions .rf-btn:hover {
      background-color: transparent;
      color: #2eabf3; }
    .searchResult__actions .rf-btn:after {
      content: "\43";
      font-family: ict-icons;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      font-size: 1rem;
      vertical-align: middle;
      padding-left: 1rem;
      line-height: 0; }

.searchResult__pagination {
  padding-top: 3rem; }
  .searchResult__pagination .prev, .searchResult__pagination .next {
    border: 1px solid #2eabf3;
    color: #2eabf3;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    background-color: transparent; }
    .searchResult__pagination .prev.disabled, .searchResult__pagination .next.disabled {
      border: none; }
      .searchResult__pagination .prev.disabled span, .searchResult__pagination .next.disabled span {
        background-color: transparent;
        border-color: #8ed2f9;
        color: #8ed2f9; }
    .searchResult__pagination .prev a, .searchResult__pagination .next a {
      margin: 0;
      background-color: transparent;
      border: none;
      color: #2eabf3;
      font-size: 1.1rem;
      line-height: 1;
      padding: 0.9rem; }
      .searchResult__pagination .prev a:hover, .searchResult__pagination .next a:hover {
        background-color: #2eabf3;
        color: #fff;
        border: none; }
  .searchResult__pagination li a {
    border: 1px solid transparent;
    background-color: transparent;
    color: #2eabf3; }
    .searchResult__pagination li a:hover {
      background-color: #2eabf3;
      color: #fff;
      border-color: #2eabf3; }
  .searchResult__pagination li.active a:hover {
    background-color: #2eabf3;
    color: #fff;
    border-color: #2eabf3; }

.rating .star {
  margin: 0; }

.rating .empty-stars {
  color: #a2a2a2; }

.rating .filled-stars {
  -webkit-text-stroke: 0;
  text-shadow: none;
  color: #2eabf3; }

.skill-level--header {
  height: 30px;
  width: auto; }

.skill-level--small {
  height: 17px;
  width: auto; }

.skill-level--property {
  height: 14px;
  width: auto;
  padding-left: 5px;
  padding-right: 5px; }

.rf-statistic .icon {
  color: #e6278b;
  vertical-align: super;
  display: inline-block; }

.rf-statistic .rf-statistic__text {
  display: inline-block; }

.rf-statistic .rf-statistic__sub-header, .rf-statistic .rf-statistic__header {
  line-height: 1.3; }

.rf-statistic .rf-btn {
  display: inline-block;
  width: 75%;
  margin-left: 10px; }

.rf-statistic__header, .rf-statistic__sub-header {
  margin: 0; }

.rf-statistic__header {
  font-weight: 700;
  color: #555555; }

.rf-statistic__sub-header {
  color: #a2a2a2; }

@media (min-width: 1200px) {
  .rf-statistic--large {
    padding: 0; } }

.rf-statistic--large .icon {
  vertical-align: top; }
  .rf-statistic--large .icon.icon-money-1 {
    line-height: 0.8;
    font-size: 5rem; }

.rf-statistic--large .rf-statistic__text {
  padding-left: 0.7rem;
  display: inline-block;
  max-width: 80%; }
  .rf-statistic--large .rf-statistic__text.padding-left {
    padding-left: 4.7rem; }

.rf-statistic--large .rf-statistic__header {
  font-size: 1.7rem; }

.rf-statistic--small .rf-statistic__header {
  font-size: 1.4rem;
  line-height: 1; }

.rf-statistic--small .rf-statistic__sub-header {
  font-size: 1.2rem; }

.course__characteristics {
  padding: 1rem 0; }
  .course__characteristics .icon {
    display: inline-block;
    font-size: 2rem;
    vertical-align: middle; }
    .course__characteristics .icon.rf-color--success {
      color: #a1ce00; }
    .course__characteristics .icon.rf-color--error {
      color: #d80024; }
  .course__characteristics .rf-statistic__text {
    display: inline-block; }
  .course__characteristics .rf-color--success + .rf-statistic__text {
    vertical-align: middle; }

.summary-list {
  max-height: 46rem;
  overflow: auto; }
  .summary-list > div {
    margin: 0; }
  .summary-list p {
    margin: 2px 0 10px 0; }

.rf-table__header {
  color: #2eabf3;
  font-weight: 300;
  font-size: 1.4rem;
  border-bottom: 0.1rem solid #a2a2a2;
  padding: 1.5rem 0; }
  .rf-table__header th {
    border: none !important;
    border-bottom: none !important;
    padding: 1.5rem 10px;
    line-height: inherit !important; }
    .rf-table__header th a {
      color: #2eabf3; }

.rf-table__row td {
  padding: 1.5rem 10px !important;
  line-height: inherit !important;
  vertical-align: middle !important;
  border-top: none !important;
  border-bottom-color: #a2a2a2;
  border-bottom-width: 1px;
  border-bottom-style: solid; }
  .rf-table__row td .form-group {
    margin-bottom: 0; }
  .rf-table__row td.valign-top {
    vertical-align: top !important; }
  .rf-table__row td a {
    display: inherit; }

.rf-table__row:hover {
  background-color: #f0f3f5; }

.rf-table .row-actions {
  display: flex; }
  .rf-table .row-actions .glyphicon, .rf-table .row-actions .icon {
    font-size: 1.5rem;
    color: #e6278b;
    vertical-align: middle; }
  .rf-table .row-actions a {
    padding-right: 1rem;
    display: inline-block;
    cursor: pointer; }
    .rf-table .row-actions a:last-child {
      padding-right: 0; }

.rf-table .icon-course, .rf-table .icon-mycademy {
  font-size: 1.5rem;
  color: #2eabf3;
  vertical-align: middle; }

.menu-item-users .row-actions {
  min-width: 74px; }

.rf-table--in-tab {
  width: 100%; }
  .rf-table--in-tab thead {
    border: none; }
    .rf-table--in-tab thead th {
      display: inline-block;
      width: 16.66%;
      padding: 0 10px 0 0; }
      .rf-table--in-tab thead th:last-child {
        width: 33.33%;
        padding-right: 0; }
  .rf-table--in-tab tbody {
    border-top: 1px solid #6f6f6f;
    padding-top: 1rem;
    margin-top: 1rem;
    display: block; }
    .rf-table--in-tab tbody tr {
      padding: 0.5rem 0;
      display: flex;
      border-bottom: 1px solid #d5d5d5; }
  .rf-table--in-tab td {
    width: 16.66%;
    line-height: 1.6;
    padding: 0 10px 0 0; }
    .rf-table--in-tab td:last-child {
      width: 33.33%;
      padding-right: 0; }

.enrollment_application_status_log {
  width: 100%; }
  .enrollment_application_status_log thead {
    border: none; }
    .enrollment_application_status_log thead th {
      display: inline-block;
      width: 20%;
      padding: 0 10px 0 0; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .enrollment_application_status_log thead th {
          width: 19%;
          float: left; } }
      .enrollment_application_status_log thead th:last-child {
        width: 40%;
        padding-right: 0; }
  .enrollment_application_status_log tbody {
    border-top: 1px solid #6f6f6f;
    padding-top: 1rem;
    margin-top: 1rem;
    display: block; }
    .enrollment_application_status_log tbody tr {
      padding: 0.5rem 0;
      display: flex;
      border-bottom: 1px solid #d5d5d5; }
  .enrollment_application_status_log td {
    width: 20%;
    line-height: 1.6;
    padding: 0 10px 0 0; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .enrollment_application_status_log td {
        width: 19%;
        display: inline-block; } }
    .enrollment_application_status_log td:last-child {
      width: 40%;
      padding-right: 0; }
  .enrollment_application_status_log a {
    color: #2eabf3; }

.table-striped {
  margin-top: 1rem; }
  .table-striped th {
    width: 35%; }
  .table-striped .font-weight-normal {
    font-weight: normal; }

.notification__message table {
  margin-top: 1rem;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  word-break: break-all; }

.notification__message tbody > tr:nth-of-type(odd) {
  background-color: #f0f3f5; }

.notification__message tr {
  border-bottom: 1px solid #a2a2a2; }

.notification__message th {
  font-weight: 700; }

table img {
  vertical-align: middle; }

profile-picture-container profile-picture
#knowledge-sharing-sessions-list .rf-table__row td:first-child {
  width: 320px; }

.rf-tile {
  background-color: #fff;
  border: none;
  box-shadow: 1px 1px 10px #a2a2a2;
  position: relative;
  border-top: 0.6rem solid #2eabf3;
  border-radius: 2px; }

.rf-tile--warning {
  border-top: 0.6rem solid #fb881f; }

.rf-tile--no-border {
  border: none; }

.rf-tile__header {
  border-bottom: 0.1rem solid #a2a2a2;
  padding: 1.5rem 0;
  background-color: #fff; }
  .rf-tile__header h1 {
    margin: 0 0 0 1.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3; }
    .rf-tile__header h1 span {
      padding-right: 1.5rem;
      color: #2eabf3;
      vertical-align: middle; }
  .rf-tile__header h2 {
    padding-left: 1.5rem;
    margin: 0;
    display: inline-block; }
  .rf-tile__header .form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: -1rem;
    padding: 1rem 0 0 1.5rem; }
    @media (min-width: 992px) {
      .rf-tile__header .form-group {
        float: right;
        width: 300px;
        padding: 0 0 0 1.5rem; } }
  .rf-tile__header .control-label {
    vertical-align: middle;
    font-weight: 400;
    padding-right: 1rem; }
  .rf-tile__header .form-control {
    width: 75%;
    display: inline-block;
    font-size: 1.3rem;
    border-color: #d5d5d5; }
    .rf-tile__header .form-control:focus {
      box-shadow: none; }
    @media (min-width: 992px) {
      .rf-tile__header .form-control {
        width: 65%;
        height: 25px;
        padding: 0; } }
  .rf-tile__header input[type=text] {
    position: relative;
    top: -2px;
    margin-top: -5px; }
    .rf-tile__header input[type=text].rf-header-input-field__medium {
      width: 200px; }
  .rf-tile__header .input-group-btn {
    display: inline;
    top: -2px;
    left: -25px; }
    .rf-tile__header .input-group-btn button {
      border: none;
      padding: 1px 6px; }

.rf-tile--header-dashboard .rf-tile__content {
  padding: 3.4rem 1rem; }
  .rf-tile--header-dashboard .rf-tile__content .rf-btn {
    width: auto;
    vertical-align: middle; }
  .rf-tile--header-dashboard .rf-tile__content .rf-statistic__text {
    vertical-align: middle; }

.rf-tile__content {
  padding: 1.5rem;
  width: 100%; }

.tab-content .rf-tile__content ul, .tab-content .rf-tile__content ol {
  padding: 0 0 0 2rem; }
  .tab-content .rf-tile__content ul li, .tab-content .rf-tile__content ol li {
    padding: 0 0 0.8rem 0; }

.tab-content .rf-tile__content ul {
  list-style-type: disc;
  font-size: 1.35rem;
  line-height: 1.6; }

.content--scroll {
  height: 232px;
  overflow: auto;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem; }
  .content--scroll p {
    margin: 0; }

.rf-tile--attention {
  background: linear-gradient(112.5deg, #2eabf3 0%, #27d1d6 95%);
  border-top: none; }
  .rf-tile--attention h2 {
    color: #fff; }

.rf-tile--page-header .rf-tile__content {
  padding: 2rem; }
  .rf-tile--page-header .rf-tile__content div[class^='col-']:not(.no-padding) {
    padding: 4px !important; }

.rf-tile--page-header .page-header-actions {
  margin-right: 20px; }

.rf-tile--header-dashboard h3 {
  color: #a2a2a2; }

.rf-tile--header-dashboard h2 {
  color: #2eabf3; }

.rf-tile__footer {
  width: 100%;
  background-color: #f4f4f4;
  border-top: 1px solid #3c3c3c;
  padding: 1.5rem; }

.rf-tile__header .icon {
  position: relative;
  top: 7px;
  right: 11px;
  cursor: pointer;
  font-size: 16px;
  line-height: 0;
  color: #e6278b; }
  .rf-tile__header .icon:hover {
    color: #961157; }

.rf-tile__settings {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 10px;
  top: 47px;
  left: 0;
  width: 100%;
  background-color: #2eabf3;
  box-shadow: 1px 1px 10px #a2a2a2;
  color: #fff; }
  .rf-tile__settings .glyphicon {
    color: #fff; }

.rf-tile__settings--pills {
  position: relative;
  z-index: 10;
  float: right;
  top: -11px;
  padding: 0.6rem 1rem 0.6rem 0; }

.link_widget_paragraph {
  width: 100%; }

.toggle-list__item {
  cursor: pointer;
  background-color: #f0f3f5;
  margin: 1.5rem 0;
  display: flex;
  align-items: center; }
  .toggle-list__item .rf-btn-remove-item {
    font-size: 1.75rem;
    vertical-align: middle; }
  .toggle-list__item.collapsed {
    margin: 0; }
  .toggle-list__item.highlight-background {
    animation: 1500ms linear;
    animation-iteration-count: 1;
    animation-name: auto-gen-animation-keyframes-mixin-2; }

@keyframes auto-gen-animation-keyframes-mixin-2 {
  0% {
    background-color: #f0f3f5; }
  50% {
    background-color: #2eabf3; }
  0% {
    background-color: #f0f3f5; } }
  .toggle-list__item:hover {
    background-color: #d1dbe1; }
  .toggle-list__item[aria-expanded='true'] {
    background-color: #d1dbe1; }
    .toggle-list__item[aria-expanded='true'] .icon-down-chevron {
      transform: rotate(180deg);
      display: inline-block; }

.toggle-list__toggle {
  padding: 0 2rem 0 0;
  text-align: right; }

.toggle-list__content {
  padding-bottom: 3rem; }
  .toggle-list__content.in {
    border: 1px solid #d1dbe1;
    border-top: none;
    margin-top: -1.5rem; }
  .toggle-list__content h2 {
    border-bottom: 1px solid #6f6f6f;
    padding: 3rem 0 5px 0;
    margin-bottom: 1rem; }
  .toggle-list__content > table {
    width: 100%; }
  .toggle-list__content > tr {
    padding: 0.5rem 0;
    display: flex; }
  .toggle-list__content > td, .toggle-list__content > th {
    display: inline-block; }
  .toggle-list__content .table-costs .last-run-cost {
    border-bottom: 1px solid #d5d5d5; }
  .toggle-list__content .table-costs .align-right {
    text-align: right; }
  .toggle-list__content .table-costs td {
    width: 50%;
    padding: 5px 15px 5px 0; }
  .toggle-list__content .table-costs tfoot {
    border-top: 1px solid #d5d5d5;
    font-weight: 700; }
  .toggle-list__content .table-days td, .toggle-list__content .table-days th {
    width: 20%;
    padding: 5px 15px 5px 0; }
  .toggle-list__content .rf-btn-remove-item {
    text-align: center;
    display: inline-block;
    background: #e6278b;
    width: 20px;
    padding: 1rem 2rem;
    cursor: pointer;
    margin: 1rem auto; }
    .toggle-list__content .rf-btn-remove-item a {
      color: #fff; }
    @media (min-width: 767px) {
      .toggle-list__content .rf-btn-remove-item {
        text-align: unset;
        display: inline-block;
        background: #fff;
        width: unset;
        padding: 0;
        position: absolute;
        float: right;
        margin: 3rem 0 0 0; }
        .toggle-list__content .rf-btn-remove-item a {
          color: #e6278b; } }
  .toggle-list__content .input-group-addon {
    padding: 0; }
    .toggle-list__content .input-group-addon span {
      padding: 6px 12px; }

.toggle-list__item-wrapper {
  margin: 1.5rem 0; }
  .toggle-list__item-wrapper .toggle-list__item {
    margin: 0; }
    .toggle-list__item-wrapper .toggle-list__item .toggle-list__item__header {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0;
      padding: 0; }
  .toggle-list__item-wrapper .col-md-offset-3.col-md-3 {
    display: none;
    text-align: right; }
  .toggle-list__item-wrapper .toggle-list__content {
    margin-bottom: 1.5rem;
    padding: 0;
    border: 1px solid #d1dbe1;
    border-top: none; }
  .toggle-list__item-wrapper.selected .col-md-offset-3.col-md-3 {
    display: block; }
    .toggle-list__item-wrapper.selected .col-md-offset-3.col-md-3 .icon-circle-check {
      font-size: 1.75rem; }
  .toggle-list__item-wrapper.selected .toggle-list__item {
    background-color: #d1dbe1; }

#course_schedule .toggle-list__item.collapsed {
  margin: 1.5rem 0 !important; }

.toggle-list__container + .toggle-list__container {
  margin-top: 1rem; }

.ui-sortable {
  padding-bottom: 15px;
  padding-top: 20px;
  margin-top: -20px; }
  .ui-sortable > li {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    display: flex;
    padding: 0.5rem 0; }
    .ui-sortable > li .remove {
      cursor: pointer;
      right: 20px;
      position: absolute; }
  .ui-sortable > li + li {
    padding: 1rem 0; }
  .ui-sortable > div + div {
    padding: 1rem 0; }

.ui-sortable.user-favorites-lists {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important; }
  .ui-sortable.user-favorites-lists > div + div {
    padding: unset !important; }

.ui-sortable#learning-path-material {
  margin-top: 0; }

#languageSettingsForm .select2-container {
  margin-bottom: 1.5rem; }
  #languageSettingsForm .select2-container .select2-selection {
    border: none;
    box-shadow: none; }
    #languageSettingsForm .select2-container .select2-selection .select2-selection__placeholder {
      color: #6f6f6f; }
      #languageSettingsForm .select2-container .select2-selection .select2-selection__placeholder:hover {
        color: #3c3c3c; }
      #languageSettingsForm .select2-container .select2-selection .select2-selection__placeholder:before {
        content: "\e081";
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 12px;
        padding-right: 0.3rem;
        color: #a2a2a2; }
  #languageSettingsForm .select2-container .select2-selection__arrow {
    display: none; }

#languageSettingsForm .select2-container--open .select2-selection {
  border: 1px solid #a2a2a2; }

.user-list > div {
  border-bottom: 1px #555555 dotted; }
  .user-list > div:nth-last-child(1) {
    border-bottom: none; }

.user-container {
  padding: 0.5rem 0; }

.user_avatar {
  display: block;
  vertical-align: middle;
  cursor: pointer;
  height: 5rem; }
  .user_avatar .edit {
    display: none; }
  .user_avatar:hover .edit {
    display: block;
    width: 50px;
    position: absolute;
    bottom: 0;
    background: #555555;
    opacity: 0.7;
    color: #fff;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    top: 0; }
  .user_avatar .profile-picture {
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    width: 50px; }
  .user_avatar .no-profile-picture {
    text-align: center;
    font-size: 2.5rem;
    opacity: 0.2;
    background-color: #a2a2a2;
    line-height: 2.1;
    color: #000; }
  .user_avatar img {
    min-width: 50px;
    min-height: 50px;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }
  .user_avatar .edit .glyphicon {
    top: 8px; }

.avatar-container {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  text-align: center; }
  .avatar-container img {
    display: inline;
    margin: 0 auto;
    height: auto;
    width: auto;
    min-width: 50px; }

.user_avatar {
  text-align: center; }
  .user_avatar .profile-picture-container {
    position: static; }
    .user_avatar .profile-picture-container img, .user_avatar .profile-picture-container .no-profile-picture {
      display: block; }

.user-profile-actions {
  margin-top: 5px; }
  .user-profile-actions div {
    display: inline-block; }

.participants-popover, .assignments-popover {
  max-width: 100%; }
  .participants-popover .popover-content, .assignments-popover .popover-content {
    min-width: 375px;
    padding: 0;
    margin-top: 2px; }
    .participants-popover .popover-content .user-list, .assignments-popover .popover-content .user-list {
      max-height: 400px;
      overflow-y: auto;
      padding: 1rem;
      width: 100%; }

.header__user-avatar .user_avatar {
  width: 5rem;
  display: inline-block;
  vertical-align: top; }
  .header__user-avatar .user_avatar:hover {
    cursor: auto; }

.header__user-avatar .rf-statistic__text {
  width: 70%; }
  @media (min-width: 768px) {
    .header__user-avatar .rf-statistic__text {
      width: 65%; } }
  @media (min-width: 1200px) {
    .header__user-avatar .rf-statistic__text {
      width: 70%; } }
.header__user-avatar .rf-statistic__sub-header {
  display: flex; }

.is-toggled {
  transform: rotate(180deg);
  transition: transform .5s ease-in-out; }

@media (min-width: 768px) {
  .rf-border-right {
    border-right: 1px solid #d5d5d5;
    padding-bottom: 9px; } }

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

@media (min-width: 768px) {
  .browse-knowledge-tile-header {
    display: none; } }

#searchResults .pagination {
  padding: 2rem; }

.KnowledgeCenterWidget a {
  color: #555555 !important;
  text-align: center; }
  .KnowledgeCenterWidget a img {
    padding: 16px 0; }
  .KnowledgeCenterWidget a .icon-knowledge-center {
    padding: 36px 0; }

.select_2_for_invite_users_to_knowledge_sharing_session .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
  width: calc(100% - 10px);
  height: 21px;
  float: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .field-organization_departments_dropdown .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    float: none;
    width: calc(100% - 10px); } }

/*ToDo: KMS-2818
.select-styling-for-kss {
  .select2.select2-container {
    display: block;
    width: 100% !important;
    border: 1px solid #ccc;

    .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 6px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 100%;
      font-size: 14px;
      padding-top: 6px;

      .select2-selection__clear {
        float: right;
      }
    }
  }
}

.select2-dropdown {
  max-height: 200px;
  overflow-y: scroll;
}
*/
.visible-xs div[id^='course_details_tab_content-'] {
  max-height: 70vh;
  overflow-y: scroll; }

/*# sourceMappingURL=mycademy.css.map */