@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic');
.flip-horizontal {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  /*IE*/
  filter: fliph;
  /*IE*/ }

.ScrollTop {
  position: fixed;
  z-index: 100000;
  bottom: 55px;
  color: #fff;
  width: 45px;
  height: 45px;
  border: 0;
  background: #d10707;
  border-radius: 50%;
  line-height: 47px;
  font-size: 25px;
  cursor: pointer;
  right: 15px; }
  .ScrollTop:hover, .ScrollTop:active {
    background: #a00505;
    border: 0;
    outline: none; }

.brandable {
  font-family: Arial, sans-serif !important;
  color: #4f535f !important;
  /*a:not([class]) {
        color: $PrimaryColour;
        text-decoration: none;

        &:hover:not(.btn) {
            color: $NeutralColour;
            text-decoration: underline;
        }
    }*/ }
  .brandable .zoomable ul li:before {
    background-color: #d10707; }
  .brandable .zoomable ol li::marker {
    color: #d10707; }
  .brandable .course-logo {
    background: url(/ContentShare/Css/Course/Course-5845/7770f0d0-24b3-4d30-9689-2f3d6acc7272.jpg);
    width: 150px;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 15px auto -30px auto; }
  .brandable.fullscreen {
    color: white !important; }
  .brandable .big-font {
    font-family: Verdana, Geneva, sans-serif !important;
    color: #000 !important; }
  .brandable .middle-font {
    font-family: "Lato", sans-serif !important;
    color: #000 !important; }
  .brandable .small-font {
    font-family: Arial, sans-serif !important;
    color: #4f535f !important; }
  .brandable.course-overview a:not([class]) {
    color: #000;
    text-decoration: none; }
    .brandable.course-overview a:not([class]):hover:not(.btn) {
      color: #d10707;
      text-decoration: underline; }
  .brandable.course-overview a.more:hover {
    color: #d10707; }
  .brandable.course-overview .dropdown-menu a:hover {
    color: white !important;
    text-decoration: none !important; }
  .brandable.course-overview .my-course-item .triangle-front {
    border-top-color: #d10707; }
  .brandable.course-overview .nav-pills > li > a.active:hover, .brandable.course-overview .nav-pills > li > a.active:active, .brandable.course-overview .nav-pills > li > a.active.active {
    color: #fff;
    /*text-shadow{}: $textShadow;*/
    background-image: linear-gradient(to bottom, #d10707 0%, #a00505 100%);
    background-repeat: repeat-x;
    border-color: #a00505 #a00505 #560303;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%);
    /**background-color: $endColor;*/
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .brandable.course-overview .nav-pills > li > a.active:hover:hover, .brandable.course-overview .nav-pills > li > a.active:hover:active, .brandable.course-overview .nav-pills > li > a.active:hover.active, .brandable.course-overview .nav-pills > li > a.active:active:hover, .brandable.course-overview .nav-pills > li > a.active:active:active, .brandable.course-overview .nav-pills > li > a.active:active.active, .brandable.course-overview .nav-pills > li > a.active.active:hover, .brandable.course-overview .nav-pills > li > a.active.active:active, .brandable.course-overview .nav-pills > li > a.active.active.active {
      color: #fff;
      background-color: #a00505;
      /**background-color: darken($endColor, 5%);*/ }
    .brandable.course-overview .nav-pills > li > a.active:hover:active, .brandable.course-overview .nav-pills > li > a.active:hover.active, .brandable.course-overview .nav-pills > li > a.active:active:active, .brandable.course-overview .nav-pills > li > a.active:active.active, .brandable.course-overview .nav-pills > li > a.active.active:active, .brandable.course-overview .nav-pills > li > a.active.active.active {
      background-color: #6e0404 e("	"); }
  .brandable.course-overview .stepItem > .stepContent .page .col-1 .circle {
    background-color: #d10707; }
  .brandable .face-to-face .my-course-container .column2 .course-name h1, .brandable .online-course .my-course-container .column2 .course-name h1 {
    font-family: Verdana, Geneva, sans-serif !important;
    color: #000 !important; }
  .brandable .cod-title {
    font-family: Arial, sans-serif !important;
    color: #4f535f !important; }
  .brandable .answer-btn-container a:hover {
    color: white !important; }
  .brandable h1 {
    font-family: Verdana, Geneva, sans-serif !important;
    color: #000 !important; }
  .brandable h2 {
    font-family: "Lato", sans-serif !important;
    color: #000 !important; }
  .brandable h3 {
    font-family: "Lato", sans-serif !important;
    color: #000 !important; }
  .brandable h4 {
    font-family: "Lato", sans-serif !important;
    color: #000 !important; }
  .brandable h5 {
    font-family: Arial, sans-serif !important;
    color: #4f535f !important; }
  .brandable label {
    font-family: Arial, sans-serif !important; }
  .brandable .btn {
    font-family: Arial, sans-serif !important; }
  .brandable .btn-primary {
    background-color: #d10707 !important;
    color: #fff;
    /*text-shadow{}: $textShadow;*/
    background-image: linear-gradient(to bottom, #d10707 0%, #a00505 100%);
    background-repeat: repeat-x;
    border-color: #a00505 #a00505 #560303;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%);
    /**background-color: $endColor;*/
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .brandable .btn-primary:hover, .brandable .btn-primary:active, .brandable .btn-primary.active {
      color: #fff;
      background-color: #a00505;
      /**background-color: darken($endColor, 5%);*/ }
    .brandable .btn-primary:active, .brandable .btn-primary.active {
      background-color: #6e0404 e("	"); }
  .brandable .btn-action > i[class*="ss-"], .brandable .btn-group > .btn-action > i[class*="ss-"], .brandable .btn-pager > i[class*="ss-"], .brandable .btn-group > .btn-pager > i[class*="ss-"], .brandable .btn-link > i[class*="ss-"] {
    color: #d10707 !important; }
  .brandable .course-assets .course-single-quote .quoteChar {
    color: #d10707; }
  .brandable .course-assets .course-single-image {
    background-color: #e6e1dc !important; }
  .brandable .course-assets table.tabledesignerview th {
    background-color: #40434c !important; }
  .brandable .course-assets table.tabledesignerview td {
    background-color: #dfdfdb !important; }
  .brandable .course-assets .course-single-image > .imageInfo {
    background-color: #000 !important; }
  .brandable .course-assets .imageGallery {
    background-color: #000 !important; }
    .brandable .course-assets .imageGallery .galleria-container {
      background-color: #e6e1dc !important; }
    .brandable .course-assets .imageGallery .externalInfo {
      background-color: #000 !important; }
  .brandable .course-assets div.jp-play-bar {
    background: none;
    background-color: #D10707 !important; }
  .brandable .course-assets div.jp-volume-bar-value {
    background: none;
    background-color: #D10707 !important; }

.progress .bar {
  background-color: #d10707 !important; }

#certPDF .pinktext {
  color: #000; }

.face-to-face .my-course-container .my-course-item .triangle-back {
  background: #870505; }

.face-to-face .my-course-container .my-course-item .triangle-front {
  border-color: #d10707 transparent transparent transparent; }

.face-to-face .my-course-container .column2 ul li a {
  color: #d10707; }

.face-to-face .progress-panel .info-pack .download i {
  color: #d10707; }

.face-to-face .progress-panel .progress-v2 .progress .bar {
  background-color: #d10707 !important; }

.face-to-face table tr td > div > span > a:not(.btn) {
  color: #d10707 !important; }
  .face-to-face table tr td > div > span > a:not(.btn):hover {
    color: #d10707 !important;
    background: transparent !important; }

.face-to-face.component-page .session-detail .show-detail-link {
  color: #d10707; }

.face-to-face.component-page .questions table tbody tr {
  border-bottom: 10px solid #eceae6; }
  .face-to-face.component-page .questions table tbody tr td .content-assets ul .content-asset-item button {
    color: #d10707; }

.face-to-face.component-page .questions table tbody tr td:nth-child(3) .answer-btn-container.primary span {
  background-color: #d10707 !important; }

.face-to-face.component-page .questions table tbody tr td:nth-child(3) .answer-btn-container.primary button {
  color: #d10707 !important; }

.face-to-face.component-page .questions .k-upload {
  border-color: #d10707 !important; }
  .face-to-face.component-page .questions .k-upload .upload-section .due-date {
    background: #d10707 !important; }
  .face-to-face.component-page .questions .k-upload .upload-section i {
    color: #d10707 !important; }

.face-to-face.component-page .questions .answer-btn-container {
  border-color: #d10707 !important; }
  .face-to-face.component-page .questions .answer-btn-container.primary button {
    color: #d10707 !important;
    background-color: transparent !important; }

.event-list table tr td > span > span > a {
  color: #d10707 !important;
  text-decoration: underline !important; }
