@font-face {
    font-family: "segoeui";
    src: url("../fonts/SegoeUI/segoeui.ttf");
}

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

ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  list-style: none;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  font-weight: 100;
}
strong, b {
  font-weight: 600;
}
::selection {
  background-color: #0072c6;
  color: white;
}
body {
  position:absolute;
  height:100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #333333;
  -webkit-text-size-adjust: 100%;
}

body > form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

body > form > main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

body.search main , body.topic main
{
    height: 100%;
}

#footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.textLeft {
  text-align: left !important;
}
h1 {
  font-size: 25px;
}
section {
  width: 100%;
  margin: 0 auto;
  padding: 45px 0;
}

.popupscontainer {
    margin: 0 auto;
    max-width: 1366px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10000;
    width: 100%;
}

section#coursePlayer {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0px 0px;
}

section:after {
  content: " ";
  display: table;
  clear: both;
}
section.fillGray {
  background-color: #eeeeee;
}
section.fillGrayDark {
  background-color: #737373;
}
section.fillGrayDark header {
  color: white;
}
section.fillGrayDarker {
  background-color: #666666;
}
section.back-to-top {
    padding-bottom: 67px;
}
section.fillGrayDarker header {
  color: white;
}
.screenRegular h2 {
    font-size: 25px;
    margin-bottom: 5px;
}

section.fillBlue {
  background-color: #0072c6;
}
section.fillBlue.dark {
  color: white;
}

section > section {
  padding: 0;
}
.section-banner-container {
  padding: 0;
}
section .banner-container .item {
  max-height: 300px;
  overflow: hidden;
}
article, .article {
  text-align: center;
}
article:after, .article:after {
  content: " ";
  display: table;
  clear: both;
}
[class*="col-"] {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  text-align: center;
}
[class*="col-"]:after {
  content: " ";
  display: table;
  clear: both;
  top:240px;
}
.col-2 {
  width: 40%;
}
.col-2.left {
  padding: 0;
  padding-right: 20px;
  text-align: left;
}
.col-2.right {
  padding: 0;
  padding-left: 20px;
  text-align: left;
}
@media screen and (max-width: 1330px) {
  .col-2 {
    width: 100%;
  }
  .col-2.left {
    padding: 10px;
  }
  .col-2.right {
    padding: 10px;
    text-align: center;
  }
}
.col-3 {
  width: 33.333%;
}
@media screen and (max-width: 767px) {
  .col-3 {
    width: 100%;
  }
}
.col-5 {
  width: 220px;
  padding: 3.5px;
}
.col-5.socialHub {
  margin-right: 75px;
}
.col-5.socialHub .headlineReverse {
  margin-top: 20px;
}
.col-5.socialHub:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .col-5.socialHub {
    margin-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .col-5.socialHub {
    margin: 10px;
  }
}
.screenRegular {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 33px;
  text-align: center;
}

.tileDetail {
    margin-top:45px;
}

.header-tiles .screenRegular 
{
    height: auto;
}

.screenRegular.liveEvents .screenSmall
{
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.mva-community, .mva-community .subHead, .mva-community .social-column a
{
    color: #FFFFFF;
}

.mva-community header {
    margin-bottom: 40px;
}

.mva-community .screenRegular {
  max-width: 1300px;
}
.mva-community .col-2 {
  width: 30%;
}
@media screen and (max-width: 1330px) {
  .mva-community .col-2 {
    width: 100%;
  }
}
.screenRegular .screenSmall {
  padding: 0;
}
.activityBox.twitter {
  background-color: transparent;
}
.twitter-container {
  text-align: center;
}
@media screen and (max-width: 460px) {
  .screenRegular {
    padding: 0 10px;
  }
}
.screenSmall {
  margin: 0 auto;
  text-align: center;
}
.screenSmaller {
  max-width: 640px;
  margin: 0 auto;
}
.mostRecentCourses .activityBox ul, .popularCourses .activityBox ul,.mostPopularCourses .activityBox ul, .popularCourses .activityBox ul {
    padding-top: 0;
}
.mostRecentCourses, .mostPopularCourses 
{
    position:relative;
}
header {
  margin-bottom: 10px;
}
header.marginBiggest {
  margin-bottom: 35px;
}
.header-tiles .screenSmall ul, .header-tiles .screenSmall ol {
  max-width: auto;
  margin: 20px auto 0px;
}
.header-tiles .screenSmall ul, .header-tiles .screenSmall ol {
  border-bottom: 1px solid #ccc !important;
  margin: 0 auto;
  display: inline-block;
  margin: 10px auto;
} 

.header-tiles .screenSmall ul li, .header-tiles .screenSmall ol li {
  display: inline-block;
  margin-right: 60px;
  padding: 0px 0px 5px 0;
  border-bottom: 3px solid transparent;
  transition: border ease-in-out 0.4s;
  color: #0072c6;
  font-weight: 400;
}
.header-tiles .screenSmall ul li:hover, .header-tiles .ui-tabs-active, .header-tiles .ui-state-focus, .header-tiles .screenSmall ol li:hover {
  cursor: pointer;
  border-bottom: 4px solid #0072c6 !important;
}
.header-tiles .screenSmall ul li:last-child, .header-tiles .screenSmall ol li:last-child {
  margin-right: 0;
}
.header-tiles .ui-tabs-active a, .header-tiles .ui-state-focus a{
  color: #000000
}
#container {
    padding: 40px 0 40px 0;
    flex: 1 0 auto;
}

@media screen and (max-width: 640px) {
  .header-tiles .screenSmall ul li, .header-tiles .screenSmall ol li {
    margin-right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .header-tiles .screenSmall ul li, .header-tiles .screenSmall ol li {
    display: block;
    margin-right: 0;
    margin: 5px 0;
  }
}
p {
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}
p.quoteStyle {
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}
.bodyReverse {
  font-size: 13px;
  color: white;
  line-height: 15px;
  font-weight: 400;
}
.headline {
  font-size: 25px !important;
  color: #333333 !important;
  font-weight: 100 !important;
  margin-top: -9px;
}
.headline.mvaColor {
  color: #0072c6 !important;
}
.headlineReverse {
  font-size: 25px;
  color: white;
  font-weight: 100;
}
.subHead {
  font-size: 16px;
  color: #333333;
  margin: 0 auto;
}
.subHead.subHeadShort {
  width: 75%;
  font-weight: 400;
}
.subHeadReverse {
  font-size: 16px;
  color: white;
  font-weight: 400;
  margin: 0 auto;
}
.subHeadReverse.subHeadReverseShort {
  width: 75%;
}
.subHeadLink {
  font-size: 16px !important;
  font-weight: 400;
  color: #333333;
}
.subHeadlineLink, .bottomRight a, .activityBox ul li a{
  font-size: 16px !important;
  font-weight: 400;
}

.header-tiles {
    padding-bottom: 0;
}

.header-tiles .subHead {
  font-weight: 400;
}
.secondaryText {
  font-size: 13px;
  color: #737373;
}
.bodyItalic {
  font-size: 13px;
  color: #333333;
  font-style: italic;
}
.bodyItalicReverse {
  font-size: 13px;
  color: white;
  font-style: italic;
}
.bodySemiBold {
  font-size: 13px;
  color: #333333;
}
.bodyStyle
{
    font-size: 13px;
    color: #333333;
}

p.bodySemiBold {
    font-weight: 600;
}
p.countryname {
    font-weight: 400;
}
.defaultBox {
  width: 160px;
  padding: 3.5px;
  display: inline-block;
  vertical-align: top;
}

.defaultBox.textLeft {
  text-align: left;
}
.defaultBox a {
  width: 100%;
  height: 160px;
  display: block;
  border: 1px solid #d2d2d2;
  background-color: #f0f0f0;
  position: relative;
  padding: 10px;
  transition: background-color 0.6s;
}
.defaultBox a:hover, .defaultBox a:focus
{
  cursor: pointer;
  border: 2px solid #0072c6;
}
.defaultBox a:hover .titleBox {
  text-decoration: underline;
}

.defaultBox a .subLine {
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #303030;
    text-align: left;
    padding: 7px 5px 7px 9px;
    z-index: 1;
    overflow: hidden;
}
.defaultBox a:hover .subLine {
  background-color: #0072c6;
}

.defaultBox a .imageContainer img {
  max-width: 100%;
}
.defaultBox a .bottomRight {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.defaultBox a.lastChild {
  padding: 15px;
}
.defaultBox a.lastChild:hover, .defaultBox a.lastChild:active, .defaultBox a.lastChild:focus, .defaultBox a:focus .subLine {
  background-color: #0072c6;
}

.defaultBox a.lastChild:hover .subHead, .defaultBox a.lastChild:active .subHead, .defaultBox a.lastChild:focus .subHead{
  color: white;
}

.defaultBox a.lastChild:hover .icon.viewAll, .defaultBox a.lastChild:active .icon.viewAll, .defaultBox a.lastChild:focus .icon.viewAll{
  background-position: -417px -506px;
}

.header-tiles .screenRegular {
    padding:0;
 }

.tilesBackground {
    background-image: url("images/Imagine_background.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 900px 45px;
}
@media screen and (max-width:767px) {
    .tilesBackground {
        background-image: none;
    }
}

.tilesBackgroundDefault {
    background-image: none;
    margin-bottom: 40px;
}

.tilesArticles {
    padding-top: 32.5px;
    padding-bottom: 40px;
    max-width: 960px;
    margin: 20px auto 0;
}
@media screen and (max-width:767px) {
    .tilesArticles.imagine {
        padding-bottom:25px;
    }
}

section.course-cards {
    padding:45px 0 50px 0;
}

.mostRecentCourses, .mostPopularCourses {
    width: 630px;
    height: 320px;
    overflow: hidden;
}

.mostRecentCourses header, .mostPopularCourses header {
    width: 100%;
    text-align: left;
}

.course-card-hidden {
    display: none;
}

@media (max-width: 767px) {
    .mostRecentCourses , .mostPopularCourses {
        width: 100%;
    }
    .mostRecentCourses .cards, .mostPopularCourses .cards {
        width: 70%;
        margin: 0 auto;
    }
    .mostRecentCourses header, .mostPopularCourses header {
        text-align: center;
    }
    .course-card-hidden {
        display: block;
    }
}
@media (max-width:445px) {
    .mostRecentCourses .cards, .mostPopularCourses .cards {
        width: 60%;
    }
    .mostRecentCourses .slider-next, .mostPopularCourses .slider-next {
        padding-right: 3%;
    }
    .mostRecentCourses .slider-prev, .mostPopularCourses .slider-pre {
        padding-left: 3%;
    }
}

.mostRecentCourses .subHeadReverse, .mostPopularCourses .subHeadReverse {
    color: #333;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    margin-left: 3px;
}

.mostRecentCourses .see-more, .mostPopularCourses .see-more {
  color: #1f6fa2 !important;
  font-size: 13px;
  font-weight: 600;
  margin-left: 10px;
}

.mostPopularCourses .course-published, .mostRecentCourses .course-published {
    font-size: 13px;
}

.mostRecentCourses .defaultBox, .mostPopularCourses .defaultBox {
    width: 200px;
}

.mostRecentCourses .defaultBox a, .mostPopularCourses .defaultBox a {
    background-color: #ffffff;
    border: none;
    display: block;
    height: 286px;
    padding: 0px;
    position: relative;
    transition: background-color 0.6s ease 0s;
    width: 100%;
}

.mostRecentCourses .course-title, .mostPopularCourses .course-title {
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    padding: 6px 16px 0px 16px;
}

.mostRecentCourses .course-level, .mostPopularCourses .course-level {
    bottom: 11px;
    left: 8px;
    position: absolute;
    padding: 5px;
    color: #666;
    font-weight: 400;
    text-align: left;
}

.mostRecentCourses .imageContainer img, .mostPopularCourses .imageContainer img {
    border: 1px solid #BEC2C7 !important;
}

.mostRecentCourses .slider-prev a, .mostRecentCourses .slider-next a,
.mostPopularCourses .slider-prev a, .mostPopularCourses .slider-next a {
     margin-top: 124px;
 }



.learnMoreButton {
    display: inline-block;
    background-color: #d83b01;
    margin-bottom: 30px;
    margin-top: 40px;
    cursor: pointer;
}
@media screen and (max-width: 1299px) {
    .learnMoreButton {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .learnMoreButton {
        margin-bottom: 55px;
        margin-top: 45px;
    }
}

.learnMoreButton .learnMoreLink a {
    color: white;
}

.learnMoreButton .learnMoreLink {
    margin: 10px 23px;
}

.tileDetailLogo {
    background-image: url("images/Imagine_Logo.png");
    background-size: initial;
    background-repeat: no-repeat;
    background-position-x: 100%;
    height: 99px;
    width: 446px;
    margin: 0 auto;
}
@media screen and (max-width: 470px){
    .tileDetailLogo {
        background-image: url("images/Imagine_Logo.png");
        width: inherit;
        margin: 0 10px;
        background-size: contain;
    }
}

.courses-cards .subHeadReverse 
{
    color: #000000;
    font-weight: 600;
    text-align:left;
}

.courses-cards 
{
    width: 48%;
}

.courses-cards a 
{
    color: #1F6FA2 !important;
    float: right;
}

.courses-cards .defaultBox a {
    background-color: #ffffff;
    border: none;
    display: block;
    height: 280px;
    padding: 0px;
    position: relative;
    transition: background-color 0.6s ease 0s;
    width: 100%;
}

.courses-cards .course-level {
    bottom:0;
    position: absolute;
    padding: 5px;
    color: #9E9E9E;
    font-weight: 600;
}

.courses-cards .course-title {
    padding: 5px;
    color: #1F6FA2;
}

.courses-cards .defaultBox {
    height: 293px;
    padding: 0;
    text-align: left;
    width: 190px;
    margin-left: 5px;
}

.newActivityBox {
  width: 100%;  
  text-align: center;
}

.newActivityBox .contentImage {
  width: 325px;
  height: 200px;
  max-height: 200px;
  margin: 2.5px;
  display: inline-block;
  color: #FFFFFF;
  border: 2px;
  border-style: solid;
}

.newActivityBox .contentImage img
{
    width: 100%;
    height: 100%;
}

.activityBox {
  width: 100%;
  background-color: white;
  text-align: left;
}
.activityBox.twitter section {
  padding: 0;
}
.activityBox header {
  height: 32px;
  background-color: #0072c6;
  color: white;
  padding: 5px 20px;
  text-transform: uppercase;
}
.activityBox header .icon {
  float: right;
}

.activityBox .activityBox-content {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
}

.activityBox .activityBox-content .item {
    padding-bottom: 8px;
}

.activityBox .activityBox-content .date {
    font-weight: normal;
    color: #737373;
}

.activityBox ul {
  padding: 10px 20px;
  margin-left: 20px;
}
.activityBox ul li {
  margin: 5px 0;
  color: #0072c6;
  list-style: disc;
  display: list-item;
}
.activityBox.quote {
  max-width: 940px;
  margin-top: 40px;
  padding: 10px;
  display: table;
}
.activityBox.quote .contentImage {
  width: 200px;
  height: 210px;
}
.activityBox.quote .contentImage img {
  max-width: 100%;
}
.activityBox.quote div:first-child {
  display: table-cell;
  vertical-align: top;
}
.activityBox.quote div:last-child {
  display: table-cell;
  vertical-align: top;
  padding: 5px 30px 20px 25px;
}
.activityBox.quote div:last-child p:last-child {
  font-size: 16px;
}
.activityBox.quote div:last-child p.bodyQuote {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .activityBox.quote div:first-child,
  .activityBox.quote div:last-child {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
}
.activityBox.twitter,
.activityBox.news {
  margin-top: 40px;
  /*height: 350px;*/
  min-height: 350px;
  /*max-width: 375px;*/
  overflow: hidden;
  padding: 0;
  margin: 40px auto 0;
}
.activityBox.twitter .icon,
.activityBox.news .icon {
  float: left;
  margin-right: 14px;
}
.activityBox.twitter {
  /*float: right;*/
}

.activityBox.news header{
  height: auto;
  min-height: 32px;
  display: flex;
}

.newsDescriptionText {
  padding-bottom: 30px;
  max-height: 150px;
  overflow: hidden;
}

.newsDescriptionText  p{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 4px;
}

#Blog .blog-icon {
    background-position: -1044px -276px;
    margin: 0 auto;
}

#Twitter .twitter-icon {
    background-position: -551px -329px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .activityBox.twitter {
    float: none;
  }
}
.activityBox.twitter #twitter-widget-0 .SandboxRoot .customisable-border {
  border: 0;
}
.activityBox.twitter #twitter-widget-0 .SandboxRoot .timeline {
  border-radius: 0 !important;
}
.activityBox.news {
/*  float: left;*/
}
@media screen and (max-width: 1024px) {
  .activityBox.news {
    float: none;
  }
}
.activityBox.news section {
  margin-top: 20px;
  position: relative;
  padding: 0 20px 20px 30px;
  min-height: 296px;
}
.activityBox.news section .newsTitle {
  margin-bottom: 10px;
}
.activityBox.news section .newsSubTitle {
  margin-bottom: 15px;
}
.newsSubTitle span {
    font-weight: 400;
}

.activityBox.news section .bottomRight{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding-right: 20px;
  padding-top: 5px;
  text-align: right;
  background: white;
  height: 40px;
}

@media screen and (max-width: 1330px) {
  .activityBox.news {
    min-height: inherit;
  }
  .activityBox.news section {
    min-height: inherit;
  }
}
@media screen and (max-width: 1330px) {
  .activityBox.news {
    min-height: inherit;
  }
  .activityBox.news section {
    min-height: inherit;
  }
}

#AboutMVA {
     padding: 60px 0px;
}

#AboutMVA:after {
    border-bottom: 1px solid #595959;
    bottom: 0;
    content: "";
    height: 1px;
    left: 19%;
    margin-top: 8px;
    position: relative;
    width: 65%;
}

#AboutMVA .benefits-list {
    margin: auto;
    text-align: left;
    width: 54%;
    padding-top:4px;
}
@media (max-width: 768px) {
    
}

#AboutMVA .benefits-list li
{
    margin: auto;
    display: inline-block;
    margin-bottom: 42px;
    width: 100%;
}

#AboutMVA .benefits-list .benefit1 {
    background-position: -772px -276px;
}

#AboutMVA .benefits-list .benefit2 {
    background-position: -826px -276px;
}

#AboutMVA .benefits-list .benefit3 {
    background-position: -879px -276px;
}

#AboutMVA .benefits-list .benefit4 {
    background-position: -937px -276px;
}

#AboutMVA .benefits-list .benefit5 {
    background-position: -990px -276px;
}

@media (max-width: 1024px) {
    #AboutMVA .benefits-list {
        width: 70%;
    }
    #AboutMVA .benefits-list li {
        text-align: justify;
    }
}

@media (max-width: 768px) {
    #AboutMVA .benefits-list {
        width: 90%;
    }

    #AboutMVA .benefits-list .floatL {
        float: none;
        margin: 0 auto;
    }
}

#AboutMVA .benefit-title {
    font-size:16px;
    font-weight:600;
    display: block;
}

#AboutMVA .benefit-desc {
    font-size:16px;
    font-weight:400;
}

.icon {
  background-image: url("images/sprite-general.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 75px;
  width: 75px;
  text-indent: -9999px;
  vertical-align: middle;
}
.icon.viewAll {
  display: block;
  background-position: -348px -506px;
  width: 46px;
  height: 46px;
}
.icon.userRegistered {
  background-position: -52px -506px;
  height: 48px;
}
.icon.flag {
  width: 100%;
  max-width: 448px;
  height: 88px;
  background-position: -26px -646px;
  text-indent: 0;
  padding-top: 36px;
}
@media screen and (max-width: 439px) {
  .icon.flag {
    background-image: none;
    background-color: #0072c6;
    padding-top: 25px;
  }
}
.icon.quoteLeft {
  background-position: -200px -500px;
  width: 20px;
  height: 20px;
}
.icon.quoteRight {
  background-position: -280px -500px;
  width: 20px;
  height: 20px;
}
.icon.rss {
  background-position: -202px -539px;
  width: 20px;
  height: 20px;
}
.icon.previus {
  width: 49px;
  height: 72px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.icon.next {
  width: 49px;
  height: 72px;
}
.icon.arrowTop {
  background-position: -270px -540px;
  width: 40px;
  height: 20px;
}
.icon.biggest {
  width: 130px;
  height: 130px;
}
.icon.biggest.tw {
  background-position: -182px -344px;
}
.icon.biggest.fb {
  background-position: -25px -344px;
}
.icon.biggest.yt {
  background-position: -344px -344px;
}
.icon.biggest.gl {
  background-position: -500px -344px;
}
.circleBox {
  width: 130px;
  height: 130px;
  border-radius: 130px;
  background-color: #f0f0f0;
  margin: 0 auto;
  overflow: hidden;
}
.circleBox img {
  max-width: 100%;
}
.circleBox.small {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.selectContent {
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .selectContent {
    position: relative;
  }
}
@media screen and (max-width: 1200px) {
  /*.selectContent .contentSlide {
    width: 1366px;
    text-align: left;
    margin-left: 30px;
  }
  .selectContent .contentSlide .col-5 {
    width: 200px;
  }*/
}
/*.selectContent .contentSlide .col-5 {
  width: 200px;
  padding: 0 20px;
  position: relative;
}
.selectContent .contentSlide .col-5 .subHeadline {
  margin-top: 10px;
}*/
.selectContent .contentSlide .col-5.selected .circleBox.small img {
  border-radius: 150px;
  padding: 3px;
  background-color: white;
}
.selectContent .contentSlide .col-5.selected .circleBox img {
  border-radius: 150px;
  padding: 3px;
  background-color: #0072c6;
}

.up.selectContent .contentSlide .col-5:hover .subHeadlineLink, .up.selectContent .contentSlide .col-5.selected .subHeadlineLink {
  color: #333333;
}

.up.selectContent .contentSlide .col-5 .subHeadlineLink
{
  color: #0072c6;
}

.selectContent .contentSlide .col-5 a {
  display: block;
  cursor: pointer;
  height: 220px;
}
/*.selectContent .contentSlide .col-5 a:hover {
  text-decoration: underline;
}*/
.down.selectContent .contentSlide .col-5 {
  padding-top: 30px;
}
.down.selectContent .contentSlide .col-5.short {
  min-height: 105px;
}
.down.selectContent .contentSlide .col-5.short .subLine {
  margin-top: 10px;
}
.down.selectContent .contentSlide .col-5.selected:before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
  position: absolute;
  top: 0;
  left: 45%;
  opacity: 1;
  content: " ";
}
.up.selectContent .contentSlide {
  max-width: 1366px;
}
.up.selectContent .contentSlide .col-5 {
  padding-bottom: 30px;
}
/*
.up.selectContent .contentSlide .col-5.tall {
  min-height: 250px;
}
*/
.up.selectContent .contentSlide .col-5.tall .subHeadline {
  margin-top: 25px;
}

.up.selectContent .contentSlide .col-5.selected:after {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #f0f0f0;
  position: relative;
  top: -4px;
  left: 41%;
  opacity: 1;
  content: " ";
}
.selectContent .arrowLeft,
.selectContent .arrowRight {
  width: 50px;
  height: 250px;
  /*background-color: white;*/
  opacity: 0;
  display: none;
  z-index: 1;
}
@media screen and (max-width: 1150px) {
  .selectContent .arrowLeft,
  .selectContent .arrowRight {
    position: absolute;
    opacity: 1;
    display: block;
  }
  .selectContent .arrowRight .icon, 
  .selectContent .arrowLeft .icon {
    margin-top: 30px;
    background-image:url('https://mvastorage.microsoft.com/files/home/images/PersonaArrow.png');
    cursor: pointer;
  }
}
.selectContent .arrowLeft.small,
.selectContent .arrowRight.small {
  background-color: transparent;
  height: 140px;
}
@media screen and (max-width: 1200px) {
  .selectContent .arrowLeft {
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .selectContent .arrowRight {
    top: 0;
    right: 0;
  }
}
.showSelectedContent {
  position: relative;
  text-align: left;
  display:none;
  bottom: 35px;
}

.showSelectedContent.showContent
{
    display:inline-block;
  width: 90%;
}

.showSelectedContent .showContentSlide {
  padding: 30px 30px 25px 30px;
  background-color: #f0f0f0;
  top: 0;
  transition: opacity ease-in-out 0.6s;
  display: none;
  opacity: 0;
}
.showSelectedContent .showContentSlide .left {
  width: auto;
  max-width: 500px;
  font-weight: 400;
}
@media screen and (max-width: 1330px) {
  .showSelectedContent .showContentSlide .left {
    width: 100%;
    max-width: 100%;
    padding: 0 0 20px 0;
    font-weight: 400;
  }
}
@media screen and (max-width: 1200px) {
  .showSelectedContent .showContentSlide .left {
    right: 0;
    font-weight: 400;
  }
}
.showSelectedContent .showContentSlide .right {
  width: auto;
}
@media screen and (max-width: 1330px) {
  .showSelectedContent .showContentSlide .right {
    width: 100%;
  }
}
.showSelectedContent .showContentSlide.showContent {
    display: block;
    font-size: 13px;
    font-weight: 400;
    opacity: 1;
}
.showSelectedContent .showContentSlide .defaultBox {
  margin-right: 16px;
  padding: 0;
  display: inline-block !important;
  margin-left: 16px;
}
@media screen and (min-width: 768px) {
  .showSelectedContent .showContentSlide .defaultBox {
    margin-right: 10px;
    margin-left: 10px;
  }
  .showSelectedContent .showContentSlide .defaultBox:last-child {
    margin-right: 0px;
  }
}
.showSelectedContent .showContentSlide .defaultBox a {
  padding: 0;
  height: 140px;
}
.showSelectedContent .showContentSlide .defaultBox a .subLine {
  min-height: 45px;
}

.showSelectedContent .showContentSlide .defaultBox a .subLine.personas {
  min-height: 50px;
  padding: 0px 0px 0px 5px;
}

@media screen and (max-width: 767px) {
  .showSelectedContent .showContentSlide .defaultBox {
    margin-top: 10px;
  } 
}
@media screen and (max-width: 460px) {
  .showSelectedContent .showContentSlide .defaultBox {
    margin-right: 0;
  }
}
.btn {
  display: inline-block;
  padding: 10px 23px;
  font-size: 13px;
  transition: background-color 0.6s, border 0.6s;
}

.btn.button-green {
    background-color: #107C10;
    color: #ffffff;
}

.btn:before,
.btn:after {
  display: table;
  content: " ";
}
.btn.primary {
  color: white;
  background-color: #0072c6;
  border: 1px solid #0072c6;
}
.btn.primary:hover {
  background-color: #00188f;
  border: 1px solid #00188f;
  cursor: pointer;
}
.btn.primary:focus {
  border: dashed 1px #0072c6;
}
.btn.primary.disable {
  color: #a0a0a0;
  background-color: #eeeeee;
  cursor: pointer;
}
.btn.primary.disable:hover {
  color: #a0a0a0;
  background-color: #eeeeee;
  cursor: pointer;
}
.btn.tertiary {
  color: #333333;
  background-color: white;
  border: 1px solid #737373;
}
.btn.tertiary:hover {
  background-color: #00188f;
  cursor: pointer;
  color: white;
}
.btn.tertiary:focus {
  border: dashed 1px #0072c6;
}
.btn.tertiary.disable {
  color: #a0a0a0;
  background-color: #eeeeee;
  cursor: pointer;
}
.btn.tertiary.disable:hover {
  color: #a0a0a0;
  background-color: #eeeeee;
  cursor: pointer;
}
.btn.information {
  color: white;
  background-color: #008a00;
  border: 1px solid #008a00;
}
.btn.information:hover {
  background-color: #002400;
  border: 1px solid #002400;
  cursor: pointer;
}
.btn.information:focus {
  border: dashed 1px #0072c6;
}
.btn.information.disable {
  color: #a0a0a0;
  background-color: #eeeeee;
  cursor: pointer;
}
.btn.information.disable:hover {
  color: #a0a0a0;
  background-color: #eeeeee;
  cursor: pointer;
}
.stuckBlockRight {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  padding-left: 30px;
}
.stuckBlockRight span:first-child {
  font-size: 24px;
}
@media screen and (max-width: 640px) {
  .stuckBlockRight {
    display: block;
    padding-left: 0;
    text-align: center;
  }
}
blockquote {
  text-align: left;
}
blockquote .contentQuote {
  width: 100%;
}
blockquote .contentQuote .quoteStyle {
  position: relative;
}
@media screen and (max-width: 767px) {
  blockquote .contentQuote .quoteStyle {
    padding: 0 40px;
  }
}
blockquote .contentQuote .quoteStyle .icon.quoteLeft {
  position: absolute;
  top: 0;
  left: -50px;
}
@media screen and (max-width: 767px) {
  blockquote .contentQuote .quoteStyle .icon.quoteLeft {
    left: 5px;
  }
}
@media screen and (max-width: 420px) {
  blockquote .contentQuote .quoteStyle .icon.quoteLeft {
    left: 7px;
  }
}
blockquote .contentQuote .quoteStyle .icon.quoteRight {
  position: absolute;
  bottom: 10px;
  right: -50px;
}
@media screen and (max-width: 767px) {
  blockquote .contentQuote .quoteStyle .icon.quoteRight {
    right: 5px;
  }
}
@media screen and (max-width: 420px) {
  blockquote .contentQuote .quoteStyle .icon.quoteRight {
    right: 7px;
  }
}
blockquote .contentQuote footer {
  padding-top: 25px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  blockquote .contentQuote footer {
    padding-left: 40px;
  }
}
a.backTop {
    display: inline-block;
}
a.backTop p {
  margin-top: 5px;
}
a.backTop:hover {
  color: white;
}

.newsDescriptionText img {
  display: none;
}

.welcomePopUp {
    position: fixed;
  left:0;
    right: 0;
    top: 20%;
    display: none;
    z-index: 1000;
}

    .welcomePopUp .popup-content {
        margin: 0 auto;
        background-color: #FFF;
        max-width: 745px;
        height: 100%;
        overflow: auto;
    }

@media screen and (max-width: 767px) {
    .welcomePopUp .popup-content {
        width: 95%;
    }
}

.welcomePopUp .left,.welcomePopUp .right {
    display: inline-block;
    height: 500px;
}

.welcomePopUp .left {
    background: #EEE;
    text-align: center;
    position: relative;
    width: 270px;
}

@media screen and (max-width: 767px) {
    .welcomePopUp .left {
        display: none;
    }
}

.welcomePopUp .left .image {
    background: url("images/sprite-general.png") -500px -511px;
    width: 240px;
    height: 324px;
    display: block;
    margin: 88px auto;
}

.welcomePopUp .right {
  box-sizing:border-box;
    padding: 60px 15px 15px 15px;
    position: relative;
    vertical-align: top;
    width: 450px;
}

@media screen and (max-width: 767px) {
    .welcomePopUp .right {
        padding: 15px;
    }
}

@media screen and (max-width: 767px) {
    .welcomePopUp .right {
        width: 100%;
    }
}

.welcomePopUp .right .blue-button {
    float: right;
    margin-top: 80px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .welcomePopUp .right .blue-button {
        margin-top: 50px;
        margin-bottom: 20px;
        margin-right: 20px;
    }
}

.welcomePopUp .right h4, .welcomePopUp .right p {
    font-size: 16px;
}

.welcomePopUp .right h4, .welcomePopUp .right p {
    margin: 18px 0;
}

.welcomePopUp .right h2
{
    margin: 18px 0 25px 0px;
}

.close-welcomePopUp {
    background-image: url('new/images/sprite-2017-09-18-1259.png');
    background-position: -5px -359px;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    top: 11px;
    right: 5px;
    cursor: pointer;
    position: absolute;
}

.blue-button {
  background-color: #0071C1;
  font-size: 16px;
  color: #FFF;
  margin-top: 5px;
  cursor: pointer;
  float: left;
  padding: 7px 15px;
}
.blue-button .icon
{
    background-image: url('images/sprite-2017-09-18-1259.png');
    background-position: -20px -460px;
  height: 20px;
  width: 20px;
  margin: 3px;
  display: inline-block;
}
.blue-button .text 
{
  vertical-align: top;
  display: inline-block;
  font-size: 20px;
  margin-left: 3px;
  line-height:22px;
}

#notFoundMainContent
{
    max-width: 1300px;
    margin : auto;
}

.notFoundImg-mvalogo {
  background-image: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -280px -1269px;
  background-repeat: no-repeat;
  height: 182px;
  width: 359px;
  float: left;
}

.notFoundImg
{
  display: inline-block;
  vertical-align: top;
  width: 360px;
  margin-top: 45px;
  margin-left: 50px;
}

@media screen and (max-width: 1299px) {
  .notFoundImg {
    width: 100%;
    margin-left: 25px;
  }
}

.notFoundMessage {
  text-align: left;
  margin-top: 45px;
  margin-right: 50px;
  margin-left: 50px;
  display: inline-block;
  width: 60%;
}

.notFoundMessage .title {
  font-weight: bold;
  line-height: 60px;
}

@media screen and (max-width: 1299px) {
  .notFoundMessage {
    width: 90%;
    margin-left: 25px;
    margin-bottom: 25px;
  }
}


/*************************************/
/*********** OWL CAROUSEL ************/
/*************************************/

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span {
  background: #0072c6;
}
.owl-theme .owl-controls .owl-page span {
  width: 15px;
  height: 15px;
  margin: 5px 7px;
  background: #363636;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}


/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
  text-align: center;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    /*cursor:url(grabbing.png) 8 8, move;*/
    cursor: -webkit-grabbing; 
    cursor: -moz-grabbing;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
  min-height: 150px;
  /*background: url(AjaxLoader.gif) no-repeat center center*/
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x : 50%;
  -webkit-perspective-origin-y : 50%;
  -moz-perspective : 1200px;
  -moz-perspective-origin-x : 50%;
  -moz-perspective-origin-y : 50%;
  perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #869791 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    height: 10px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
    text-indent: 0;
    width: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0072c6;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url("images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url("images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start::before {
	content: url("images/controls.png");
    left: -86px;
    top: -11px;
    position: relative;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	width: 9px;
	height: 11px;
	overflow: hidden;
    position: absolute;
	margin: 0 -12px;
    top: 0;
}

.bx-wrapper .bx-controls-auto .bx-stop::before {
	content: url("images/controls.png");
    left: -86px;
    top: -44px;
    position: relative;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	width: 9px;
	height: 11px;
	overflow: hidden;
    position: absolute;
	margin: 0 3px;
    top: 0;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 1rem;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.slider-prev, .slider-next {
    position: absolute;
    z-index:2;
	top: 25px;
	width: 69px;
	height: 0px;
    background:#fff
}
.slider-prev a,.slider-next a {
	text-indent: -9999px;
	overflow:hidden;
    display:block;
    height:71px;
    width:49px;
    margin-top:51px;
    background-image:url('https://mvastorage.microsoft.com/files/home/images/PersonaArrow.png');
}
.slider-prev {
    left:0;
    padding-left:20px;
}
.slider-next {
    right:0;
    padding-right:20px;
}
.slider-prev a {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slider-prev a.disabled {
	background-position:left bottom;
    display: none;
}
.slider-next a.disabled {
	background-position:right bottom;
    display: none;
}
#see-others h2 {
	color: #0072c6;
    text-align:center
}
#see-others h2 + p {
	width: 75%;
	max-width: 1100px;
	margin: auto
}
.see-tabs {
	max-width:1280px;
	margin:auto;
	overflow:hidden;
	position:relative
}
.see-tabs .ui-tabs-nav {
	margin: 50px auto 0 auto;
	overflow:hidden;
    height:255px
}
.see-tabs .ui-tabs-nav li {
	text-align: center;
	height: 252px;
	padding: 0;
	margin: auto;
	vertical-align: top
}
.see-tabs .ui-tabs-nav li img {
	display: block;
	margin: 0 auto 30px auto;
    border-radius:150px;
    border:3px solid #fff;
    padding:2px;
}
.see-tabs .ui-tabs-active a {
	color: #333
}
.see-tabs .ui-tabs-active:after {
	border-bottom: 20px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	content: " ";
	height: 0;
	opacity: 1;
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -20px;
	width: 0;
	bottom: -1px;
}
.see-tabs .ui-tabs-active:before {
	border-bottom: 20px solid #000;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	content: " ";
	height: 0;
	opacity: 1;
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -20px;
	width: 0;
	bottom: 0;
}
.see-tabs .ui-tabs-nav li.ui-state-active img {
border:3px solid #0072c6;
}
.see-tabs.ui-tabs .ui-tabs-panel {
	width: 90%;
	padding: 30px;
	background: #FFFFFF;
	margin: auto;
	max-width: 1200px;
	font-size: 0.813rem;
	text-align: left;
	overflow: hidden;
    border: 1px solid #000000;
    margin-top: -1px;
}
.see-tabs .ui-tabs-panel li, .see-tabs .ui-tabs-panel p, .see-tabs .ui-tabs-panel li a {
	display: block;
	float: left;
}
.see-tabs .ui-tabs-panel li a {
	background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #f0f0f0;
	display: block;
	height: 160px;
	width: 100%;
	color: #fff;
}
.see-tabs .ui-tabs-panel li a:hover {
	border: 2px solid #0072c6;
	background: #0072c6
}
.see-tabs .ui-tabs-panel li a span {
	display: block;
	max-height: 2rem;
	overflow: hidden;
	padding: 0 5px 5px 5px;
	text-align: left;
	font-size: 0.813rem;
	line-height: 0.938rem;
}
.see-tabs .ui-tabs-panel ul {
	float: right;
    margin-top: 3px;
}
.see-tabs .ui-tabs-panel li {
	height: 140px;
	width: 160px;
	margin-right: 20px;
    overflow:hidden
}
.see-tabs .ui-tabs-panel li img {
    max-width:100%
}
.see-tabs .ui-tabs-panel p {
	max-width: 500px;
	margin-right: 20px;
}
.see-tabs .bx-wrapper, .see-tabs .bx-viewport {
    height: 302px !important;
}

#see-others {
    margin-bottom: 23px;
}

#experts {
	background: #737373;
	color: #FFF;
	padding: 45px 0;
	margin-top: 90px
}
@media (max-width: 1300px) {
    .see-tabs .ui-tabs-panel p {
        text-align: center;
        width: 100%;
        float: none;
        max-width:inherit;
        padding-bottom: 25px;
    }
    .see-tabs .ui-tabs-panel ul {
        text-align: center;
        width: 100%;
        float: none;
    }
    .see-tabs .ui-tabs-panel li {
        display: inline-block;
        float: none;
        margin-bottom: 10px;
        margin-left: 8px;
        margin-right: 8px;
    }
}



/************************************************************************************************
*************************************************************************************************
----COURSE PLAYER
*************************************************************************************************
************************************************************************************************/





.content-container/**************** Meyer CSS RESET *****************/



/*#header
{
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 5px;
    position: relative;
    display:inline-block;
}*/

#introduction-course-description {
    width:100%;
    height: 51px;
}

#introduction-course-description {
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    height: 37px;
    text-align: justify;
}

#introduction-course-description:before {
    content: "";
    float: left;
    width: 5px;
    height: 3em;
}

#introduction-course-description > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
    font-weight: 400;
}

#introduction-course-description:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -20px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}






#introduction-course-description label {
    padding: 0px;
}

.header-logo
{
  width:250px;
  display:inline-block;
  font-size: 1.313em;
  margin-right: 15px;
  vertical-align: bottom;
  line-height: 1.5em;
}

.menu
{
  display:inline-block;
  font-size: 1em;
  padding: 10px 0px 0px;
  height: 25px;
  vertical-align: bottom;
}
 
 
.logo-mobile
{
  display:none;
}

.signup-button
{
  display:none;
}

.header-logo a
{
  display:inline-block;
}

.flexnav
{
  margin: 0px;
  padding: 0px;
}

.touch-button, .menu-button
{
  display:none;
}

.menu-list .box
{
  border: solid 1px #dbdbdb;
  margin-top: 5px;
  padding: 10px;
  background-color: #fff;
}

.flexnav li
{
  display: inline-block;
  margin-right: 15px;
  color: #808080;
}

#header .menu .current
{
  color: #62AAD8;
}

#header .menu .not-current
{
  color: gray;
}

#responsive-menu
{
  display:none;
}

/**** TOP NAV HOVER MENU ****/

#topNavHelpHoverMenu
{
  width:150px;
}

#topNavCoursesHoverMenu
{
  width:500px;
}

.top_nav_hover_menu
{
  z-index: 1000;
  position: absolute;
  top: 60%;
}

.top_nav_hover_menu.help
{
  /*width: 15%;
  right: 30%;*/
}
.top_nav_hover_menu.logged.help
{
  /*right: 23%;*/
}
.top_nav_hover_menu.promotions.logged.help
{
  left: 714px;
}
.top_nav_hover_menu.promotions.help
{
  left: 654px;
}
.top_nav_hover_menu .general-container
{
  border: solid 1px #DBDBDB;
  margin-top: 12px;
  padding: 10px;
  background-color: white;
}
.top_nav_hover_menu .general-container .list-panel
{
  display: inline-block;
  vertical-align: top;
  font-size: 0.75em;
}
.top_nav_hover_menu.courses .general-container .list-panel
{
  width: 28%;
  margin: 10px;
}
.top_nav_hover_menu.help .general-container .list-panels
{
  width: 100%;
}
.top_nav_hover_menu .general-container .list
{
  margin: 0px;
  padding-left: 5px;
  padding-top: 5px;
}
.top_nav_hover_menu .general-container .title
{
  text-transform: uppercase;
}
.top_nav_hover_menu .general-container .more-courses-link
{
  display: inline-block;
  margin-top: 20px;
}
.top_nav_hover_menu .general-container .ebooks-link
{
  display: inline-block;
  margin-top: 2px;
  width: 160px;
}
.top_nav_hover_menu .general-container .help-link
{
  display: inline-block;
  margin-top: 5px;
}
.top_nav_hover_menu .general-container .help-link.show-popup
{
  color: #62aad8;
}
.top_nav_hover_menu .general-container .help-link.show-popup:hover
{
  text-decoration: none;
  color: #2b2b2b;
  cursor: pointer;
}

.top_nav_hover_menu .general-container .arrow
{
  position: absolute;
  top: 4px;
  left: 265px;
  height: 9px;
    width: 16px;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -32px -347px;
  background-repeat: no-repeat;
}
.top_nav_hover_menu.courses .general-container .arrow
{
  left: 56px;
}
.top_nav_hover_menu.help .general-container .arrow
{
  left: 31px;
}

.list > li {
    margin-top: 5px;
}

/* ANSWERS REVIEW */
.separate-bar
{
  border-top: solid 1px;
  color: #DDD;
  margin-top:15px;
}

.separate-bar.bottom
{
  margin-bottom: 25px;
}

.question-name
{
  padding-bottom:10px;
  font-weight: bold;
  font-size: 87.5%;
  line-height: 112.5%;
}

.reviewAnswerTitle
{
  color:#000000;
  font-size:100%;
  display: inline-block;
}

.reviewMaterial
{
  color:#008A00;
  font-size:87.5%;
}

.courseName
{
  color: #92BD2F;
  display: inline-block;
  width: 100%;
  font-size: 1.5em;
  font-weight: normal;
  padding-bottom: 15px;
}

.moduleName
{
  color: #92BD2F;
  display: inline-block;
  width: 100%;
  font-weight: normal;
  font-size:  2.5em;
  color: #65A54F;
  line-height: 1.1em;
  padding-bottom: 15px;
}

.selfAssessment
{
  font-size: 0.9em;
}

.faqs
{
  padding-top:25px;
}

.content-review
{
  cursor: pointer;
  font-size:87.5%;
  color:#62AAD8;
}

.content-review:hover
{
  text-decoration:underline;
}

.take-exam-bar
{
  padding-top: 20px;
}

.return-module a
{
  background-color: #0172D2;
  padding: 15px;
  display: inline-block;
  cursor:pointer;
}

.return-module-text
{
  color: #FFFFFF !important;
  cursor: pointer;
  font-size:93.8%;
}       

/**************** GENERIC CLASSES *****************/
#notificationPopup
{
    display: none;
    position: fixed;
    top: 16px;
    right: 16px;
    background-color: #FFF;
    width: 250px;
    padding: 10px 13px;
    box-shadow: 0px 0px 8px #999;
    color: #FFF;
    z-index: 10000;
}
#notificationPopup.success
{
    background-color: #65A54F;
}
#notificationPopup.error
{
    background-color: #ce4441;
}
#notificationPopup #notificationPopup-message
{
    width: 100%;
    font-size: 0.938em;
}

.lnk-button-grey
{
    background-color: #E9E9E9;
    color: #000000;
    cursor: pointer;
    display: inline;
    font-size: 1em;
    padding: 7px 11px;
}

#social-bar
{
    background-color: #fff;
    padding: 0 2px;
    position: fixed;
    right: 3px;
    top: 135px;
    z-index: 18;
    background-image: -webkit-linear-gradient(top, #FFF, #FFF);
}

#social-bar .social-item {
    margin-bottom: 2px;
    height: 32px;
    width: 32px;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

#social-bar .share-page::before {
    content: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -243px;
    top: -564px;
    position: relative;
}

#social-bar .share-page {
    cursor: default;
    height: 21px;
    width: 32px;
}

#social-bar .facebook::before {
    content: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -278px;
    position: relative;
    top: -557px;
}

#social-bar .twitter::before {
    content: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -342px;
    position: relative;
    top: -557px;
}

#social-bar .linkedin::before {
    content: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    position: relative;
    left: -310px;
    top: -557px;
}

#social-bar .email::before {
    content: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -314px;
    position: relative;
    top: -358px;
}

#top-header
{
  display: inline-block;
  width: 100%;
  color: #2B2B2B;
  box-sizing: border-box;
  margin-top: 7px;
  margin-bottom: 10px;
  font-size: 0.688em;
  position: relative;
}

#top-logo
{
  /*position: absolute;*/
  /*width: 20%;*/
  display: inline-block;
}

#top-header #header_status 
{
  float: right;
  margin: 0 5px 0 0;
  text-align: right;
}

#top-header #header_status a
{
    color: #2b2b2b !important;
}

#top-header #header_status #sb_sessioninfo 
{
    float: right;
    line-height: 1.8em;
}

#top-header #header_status a:hover, #header #header_status a:active ,
#top-header #header_status span:hover, #header #header_status span:active 
{ 
    color: #62aad8; 
}
#top-header .header_login
{
    margin-left: 20px;
}
#top-header .header_logout
{
    margin-left: 20px;
}

.user-info
{
  float: left;
  margin-right: 20px;
}
.user-info .user-info-name
{
  float: right;
}
.user-info .user-info-icon
{
  width: 15px;
  height: 15px;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-repeat: no-repeat;
    float: right;
  margin: 2px 5px 0 0;
}
.user-info-icon#bronze
{
  background-position: -240px -325px;
}
.user-info-icon#silver
{
  background-position: -262px -325px;
}
.user-info-icon#gold
{
  background-position: -284px -325px;
}
.user-info-icon#platinum
{
  background-position: -217px -325px;
}

#top-header .countries-pin
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  width: 8px;
  height: 12px;
  background-position: -10px -284px;
  background-repeat: no-repeat;
  cursor: pointer;
  display:inline-block;
  margin-right: 4px;
}

.course-header {
  font-size: 1.3em;
  font-weight: 600;
  width: 100%;
  line-height: 30px;
  color: #333333;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}

    .course-header h1 
    {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }

.microsoftLogo
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -10px -325px;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 18px;
  width: 86px;
  display: inline-block;
}

.link {
    cursor: pointer;
    color: #0072C6 !important;
    text-decoration: none;
}

a:link, a:visited
{
  text-decoration: none;
  color: #62aad8;
}

a:hover, a:active
{
  text-decoration: none;
  color: #2b2b2b;
}

ol, ul
{
    list-style: none outside none;
}

li
{
    text-decoration: none;
    display: block;
}

.course-details
{
    display: inline-block;
  width: 74%;
    vertical-align: top;
}

.my-learning-plan
{
  display: inline-block;
  float: right;
  padding-top: 3px;
}

.learning-plan-text
{
  color: #505050;
  display: inline-block;
  font-size: 0.688em;
  font-weight: bold;
  margin-bottom: 12px;
  max-height: 20px;
  overflow: hidden;
  float:right;
}

.learning-plan-button
{
  background-image: url('new/images/sprite-2017-09-18-1259.png');
    background-position: -359px -186px;
    background-repeat: no-repeat;
    height: 30px;
  margin-right: -5px;
    width: 20px;
  float:left;
}

.title-container {
    display: inline-block;
    margin-left: 33px;
    margin-top: -10px;
    width: 54%;
    vertical-align: bottom;
}

.course-title h1
{
  font-size:1.5em;
  font-weight: normal;
}

#cont-title
{
  width: 100% ;
    display: inline-block;
}

.rate-content
{
    display: inline-block;
    float: right;
    height: 25px;
    color: #737373;
    font-size: 13px;
}

.rate-content .pipe, .rate-content .click, .rate-content .click a
{
    vertical-align: top;
}

.rate
{
  width: 20%;
  float: left;
  height:100%;
}

.rate-level{
  width: 60%;
}

.rate-details
{
    display: inline-block;
    vertical-align: top;
}

.star-warning {
    color:red;
    display: none;
}

.rate-stars
{
  font-size:0.75em;
  float:left;
}

.level
{
  display: inline-block;
    font-size: 0.75em;
    margin-left: 10px;
}

.publishing-date
{
  color: gray;
  display: inline-block;
    font-size: 0.75em;
    margin-left: 10px;
}

.publishing
{
    font-size: 0.75em;
    margin-top: 2%;
    float:left;
}

.progress-learningplan-container 
{
    padding-bottom: 23px;
}

.progress-container {
    display: inline-block;
    text-align: right;
    padding-left: 20px;
    padding-right: 33px;
    width: 38.8%;
}

#points-progress-info {
    margin-top: 11px;
    margin-bottom: 5px;
    width: 100%;
    height: 22px;
}

.availablepoints {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 2px;
    color: #008A00;
}

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

.xp-points {
    color: #008A00;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .xp-points {
        display: none;
    }
}

.xp-points-info {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url('content/images/MLX_Icons_v5.svg');
    background-size: 300px 360px;
    background-position: -180px -60px;
    vertical-align: text-bottom;
    margin-bottom: 3px;
}

body .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #969696;
    box-shadow: 0 0 5px #969696;
    left: -20px;
    font-family: 'Segoe UI';
    font-size: 13px;
    color: #333333;
    line-height: 1.25;
    background-color: #fff;
}

    body .ui-tooltip ul {
        padding-left: 15px;
    }

        body .ui-tooltip ul li {
            list-style: disc;
            list-style-position: outside;
        }


body .ui-tooltip {
    border-width: 2px;
}

.ui-tooltip.ui-widget-content {
    /*border: none;*/
    height: auto;
}

.course-progress-container-width {
    width: 40%;
}

.course-progress-container {
    width: 100px;
    height: 15px;
    background-color: #FFF;
    border: 1px solid #008A00;
}

.progress {
    background-color: #008a00;
    height: 15px;
}

.progress-percentage {
    font-weight: 400;
    font-size: 11px;
    width: 150px;
    padding-top: 7px;
    color: #333333;
    text-transform: uppercase;
}

.progress-percentage .progress-percentage-text {
    font-weight: 400;
    font-size: 11px;
    color: #333333;
    text-transform: uppercase;
}

#player-content
{
  margin: auto;
  width: 100%;
  position: relative;
  height: 430px;
}

#main-content
{
    margin-bottom: 10px;
    width: 60%;
    position: relative;
    float: left;
}

#main-data
{
    display: inline-block;
    float: right;
    width: 40%;
}

.video-content
{
    display: inline-block;
    text-align: center;
    left: 0px;
    width: 100%;
    height: 380px;
  margin-bottom: 5px;
}

.video-content > div:first-child
{
  background-color: transparent;
  height: 100%;
  width: 100%;
}

/*.video
{
  background-color: #242424;
  background-repeat: no-repeat;
  background-size: 100%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}*/

.video.no-background
{
  background-color: transparent;
}

.video.no-video
{
  /*background-color: #FFF;*/
  /*background-image: none !important;*/
}

#course-data
{
    padding-left: 5px;
  margin-bottom: 5px;
}

#tab-buttons
{
  background-color:#0072C6;
  height:50px;
}

.cont-container
{
    overflow: auto;
    width: 100%;
    height: 330px;
}

.tab-btn
{
  height:50px;
  width:50px;
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  float:left;
  cursor:pointer;
}

.course-description-tab-active
{
  background-position: -119px -5px;
}

.course-description-tab
{
  background-position: -173px -5px;
}

.course-content-tab-active
{
  background-position: -8px -5px;
}

.course-content-tab
{
  background-position: -65px -5px;
}


#course-description-cont 
{
    margin-top: 15px;
    word-break: break-word;
}

#course-description-cont p
{
  font-size:0.875em;
  color: #333333;
  padding-left: 7px;
}

#course-description-cont a
{
  font-size:0.875em;
  font-weight:bold;
  color: #0072C6;
}

#course-description-cont a:link
{
  text-decoration:none;
}


#course-content-cont
{
  padding-top: 7px;
}

.module-title
{
  font-size:0.813em;
  color:#0072C6;
  margin-top:5px;
  text-overflow:ellipsis;
  margin-left: 25px;
}

.module-icon-opened
{
  width:20px;
  height:20px;
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  float:left;
  margin-top: 4px;
  cursor:pointer;
}

.module-icon-closed
{
  width:20px;
  height:20px;
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  float:left;
  margin-top: 4px;
  cursor:pointer;
}

#footer-content
{
  display: inline-block;
  width: 100%;
  height: 40px;
  margin-top: 10px;
}

.video-footer
{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.previous-next
{
  width: 65%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
}

.previous-next .next-module-content
{
  margin-left: 5px;
  display: inline-block;
  width: 70%;
}

.previous-next .next-module-content .previous-next-module
{
    font-size: 0.875em ;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 15px;
  height: 16px;
}

.previous-next .next-module-content .previous-next-module-name
{
    font-size: 0.875em;
    color: #333333;
    line-height: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
    height: 19px;
}

.download-video
{
  width: 35%;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0;
}

.download-video .download
{
  font-size: 0.688em;
  color: #333333;
  display: inline-block;
    vertical-align: top;
}

.download-content
{
  text-align: right;
  display: inline-block;
  width: 100%;
}

.download-video .link-item
{
  font-size: 0.688em;
  font-weight: bold;
  color: #0072C6;
    vertical-align: top;
}

.download-video .link-item a
{
  margin-left: 10px;
  font-size: 1em;
  font-weight: bold;
  color: #0072C6;
  cursor: pointer;
  vertical-align: top;
  padding: 0;
}

.download-video .link-item a span
{
  vertical-align: top;
}

/***********************************************************/
/*********************** POP UP *****************************/
/***********************************************************/
.popUpTriger
{
  cursor:pointer;
}
.popup-title
{
  color: #5B5B5B;
  font-size: 1.5em;
  padding: 0px 0px 10px 0px;
  text-align: center;
  height: 30px;
}
.close-container.invitation-close
{
  left: 94%;
  top: -3%;
}
.close-container.relatedTracks-close
{
  left: 93%;
}
.close-container.close-inherit
{
    position: inherit;
}
.close-container.popUpCloseShareMail
{
    left: 87%;
    top: -2%;
}
.close-container.close-splash
{
    left: 93%;
    top: 2%;
}

.content
{
  color: #5B5B5B;
}

.feedback-button-container
{
  float: right;
    margin-top: 10px;
}

.feedback-button
{
    text-align: center;
    background-color: #107c10;
    font-size: 1em;
    font-weight: 600;
    color: #FFFFFF !important;
    cursor: pointer;
    padding: 10px 50px;
}

.feedback-button:hover
{
    color: #FFFFFF;
}

#leave-feedback
{
  width: 360px;
  height: 270px;
  top: 50%;
  left: 50%;
  position: fixed;
  display: block;
  margin-left: -170px;
  margin-top: -125px;
  background: none repeat scroll 0% 0% #FFF;
  z-index:2;
}

.feedback-background
{
  background: none repeat scroll 0% 0% #000;
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  border: 1px solid #CECECE;
  z-index:1;
}

.feedback-head
{
  width:100%;
  height:25%;
}

.close-container
{
  background-image: url('new/images/sprite-2017-09-18-1259.png');
  background-position: -109px -201px;
  float: right;
  height: 40px;
  width: 40px;
  cursor: pointer;
  position: absolute;
  left: 85%;
  top: 4%;
}

.close-container:hover
{
  background-position: -109px -121px;
}

.acceptButton
{
  background-image: url('new/images/sprite-2017-09-18-1259.png');
  background-position: -269px -121px;
    float: right;
    width: 40px;
    height: 40px;
    left: 18%;
    cursor: pointer;
}

.acceptButton:hover
{
  background-position: -269px -161px;
}

.message-redaction
{
  margin-left: 10px;
}
.message-redaction .inputText
{
  width: 290px;
}
.message-redaction .inputTextArea
{
  width: 290px;
  height: 100px;
}
.message-redaction .message-redaction-send
{
  float: right;
  text-align: right;
  margin-right: 25px;
  position: absolute;
  top: 79%;
  left: 85%;
}

/****************************************************
                POP UP CONFIRM
****************************************************/
.popup-confirm
{
    display: none;
    position: fixed;
    background: #FFFFFF;
    padding: 15px;
    z-index: 25;
    left: calc(50% - 335px);
    top: calc(50% - 129px);
}
.popup-question
{
  font-weight: bold;
  font-size: 1.125em;
  color: #5B5B5B;
  height: 70px;
}
.popup-buttons
{
  height: 50px;
}

.popup-confirm.popUpConfirmLoginToSubscribe
{
  width: 255px;
}

.popup-buttons .cont-buttons
{
  margin: 0 auto;
  width: 120px;
}
.popup-confirm .link
{
  color: #3A85C3;
  font-weight: bold;
  text-decoration: underline;
}
.popup-confirm .confirm-button
{
  cursor: pointer;
}
.popup-confirm .cancelButton
{
  cursor: pointer;
}

/******************/
/* MOBILE DEVICES */
/******************/
@media only screen and (max-height: 410px){
    .popup-confirm
    {
        top: 40px;
    }
}

@media only screen and (max-width: 420px) {
    #syllabus .update-msg-container {
        line-height: 18px;
        width: 100%;
    }

    .update-msg-container > span#course-content-change-message {
        max-width: 84%;
    }
}

@media only screen and (max-width: 696px) {
    .popup-confirm 
    {
        width: 325px!important;
        left: calc(50% - 162px);
    }
    .SavePopUp .save-top-container
    {
        width: 325px!important;
    }
    .SavePopUp .save-top-container .headingStyle 
    {
        margin-bottom: 7px!important;
        line-height: 26px;
        padding-top: 4px!important;
        width: 87%!important;
        height: auto;
    }

    .SavePopUp .save-bottom-container
    {
        width: 100%!important;
    }
    
}


.inputText 
{
    border: 1px solid #AAA;
    height: 22px;
}
.inputTextArea
{
    border: 1px solid #AAA;
}

.previous-module
{
    margin-right: 20px;
    margin-top: 3px;
  display:inline-block;
  width:26px;
  height:26px;
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    vertical-align: top;
  background-position: -5px -60px;
}

.previous-module.disabled
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -45px -60px;
  cursor: default;
}


.next-module
{
    margin-left: 20px;
    margin-top: 3px;
  display:inline-block;
  width: 25px;
  height: 25px;
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    vertical-align: top;
  background-position: -125px -60px;
}

.next-module.disabled
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -85px -60px;
  cursor: default;
}

#course-rating 
{
    float: right;
    width: 33.5%;
}

#course-rating-mobile
{
    float: right;
    position: relative;
    top: 65px;
}

.rating-mobile-pipe 
{
    display: none;
}

.rating-container 
{
    color: #737373;
    font-size: 13px;
    margin-top: 11px;
}

#et-ratings
{
    display: inline-block;
    vertical-align: top;
    float: right;
}

.rating .stars
{
    height: 17px;
    background-repeat: no-repeat;
}

.ratingButton {
    background-color:#fff !important;
    border:0px !important;
    padding:0px !important;
    margin:0px !important;
    font-size:13px !important;
    font-family:'Segoe UI' !important;
    color: #0072c6 !important;
    min-width: 0px !important;
    line-height:normal !important;
    vertical-align:top;
}

.rating .rating-stars[disabled="disabled"]
{
  cursor: default;
}

.rating .starsContainer
{
    width: 100px;
    display: inline-block;  
    position: relative;
}

.rating .starsBackgroundContainer
{
    width: 100px;
    display: inline-block;  
    position: absolute;
}

.rating .starsGoldContainer
{
    display: inline;
    position: absolute;
    overflow: hidden;
    height: 22px;
    white-space: nowrap;
}

.rating .star-background
{
    width: 16px;
    background-image: url("content/images/MLX_Icons_v4.svg");
    background-position: -83px -55px;
    background-size: 200px 440px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    float: none;
}

.rating .stars.golden
{
background-image: url("content/images/MLX_Icons_v4.svg");
    background-position: -62px -55px;
    background-size: 200px 440px;
    background-repeat: no-repeat;
    position: relative;
    width: 16px;
    float: none;
    display: inline-block;
}

.rate-this:not(:checked) > input {
	position: absolute;
	top: -9999px;
	clip: rect(0,0,0,0);
}

.rate-this > label::before {
    content: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -8px;
    top: -242px;
    position:relative;
}

.rate-this > label {
	width: 20px;
    height: 20px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	line-height: 1.2;
    display: inline-block;
}

.rate-this > input:checked + label ~ label::before {
	left: -8px ;
    top: -262px;
}

.rates-number
{
    margin-right: 3px;
    font-size: 16px;
}

.rating .rates-number
{
    /*
    float: left;
    font-size: 12px;
    margin-left: 5px;
    padding-top: 2px;
    */  
}

#rating-message
{
  width: 560px;
  height: 340px;
  top: 50%;
  display: block;
  margin-left: -280px;
  margin-top: -171px;
  position: fixed;
  left: 50%;
  background: none repeat scroll 0% 0% #FFF;
  box-shadow: 0px 0px 30px #CCC;
  z-index:2;
}

.rating-header
{
  background-color: #0072C6;
  height: 40px;
}

.rating-title
{
  color: #FFF;
  float: left;
  width: 80%;
  font-size: 1em;
  padding-left: 12px;
  padding-top: 10px;
}

.title-text
{
    float: left;
    margin-right: 15px;
}

.rating-close
{
  background-image: url('new/images/sprite-2017-09-18-1259.png');
  background-position: 0px -460px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 8px;
  margin-top: 8px;
  cursor: pointer;
}

.rating-body
{
  background-color: #F5F5F5;
  padding: 0px 30px 45px;
}

.rating-submit
{
  width: 100%;
  height: 42px;
  background-color: #FFF;

}

.rating-submit-button
{
  float: right;
  color: #FFF;
  background-color: #00BBF1;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 10px;
  height: 32px;
  font-size: 1.125em;
  cursor:pointer;
}

.countdown-rating
{
    height: 10px;
    float: left;
    font-size: 0.75em;
    color: #ACACAC;
    padding-left: 10px;
    padding-top: 10px;
}

.body-message
{
  width: 100%;
  height: 200px;
  background-color: #FFF;
}

.message-rating
{
    font-size: 0.75em;
    overflow: auto;
    border: 0px none;
    width: 500px;
    height: 200px;
    resize: none;
}

.popUpViewContentToRateContainer {
  display: inline-block;
    height: 12px;
    position: relative;
    width: 1px;
}

.popUpViewContentToRate {
  border: 1px solid #ccc;
    left: 7px;
    top: -45px;
    position: absolute;
    width: 200px;
    background-color: #FFF;
    z-index: 100;
    padding: 14px;
    font-size: 0.9em
}

.popUpViewContentToRate .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
  padding: 4px;
}

.popUpViewContentToRate .close .img {
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  width: 12px;
  height: 12px;
  background-position: -31px -285px;
}

.text-validator
{
  height: 25px;
  padding-top: 5px;
  font-size: 0.75em;
}

.video-description-footer
{
    display: inline-block;
    width: 410px;
    float: right;
}

/*** POP UP ***/
.popup
{
    display: none;
    position: fixed;
    width: 560px;
    z-index: 3000;
}
.popup .header
{
  background-color: #0072C6;
  height: 40px;
}
.popup .header .title
{
  color: white;
  float: left;
  width: 80%;
  font-size: 1em;
  padding-left: 12px;
  padding-top: 10px;
}
.popup .header .close
{
  float: right;
}
.popup .body
{
  background-color: #F5F5F5;
  padding: 0px 30px 30px 30px;
}
.popup .title .text
{
  float: left;
  margin-right: 15px;
}
.popup .title .stars
{
  float: left;
}
.popup .body .text-area
{
  width: 100%;
  height: 200px;
  background-color: white;
}
.popup .body .text-area textarea
{
  border: 0px;
  height: 200px;
  width: 500px;
  overflow: auto;
  font-size: 14px;
}
.popup .body .submit
{
  width: 100%;
  height: 42px;
  background-color: white;
}
.popup .submit-button
{
  float: right;
  color: white;
  background-color: #0072C6;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 10px;
  height: 32px;
  font-size: 1.125em;
}
.popup .submit .chars-remaining
{
  height: 10px;
  float: left;
  font-size: 13px;
  color: #ACACAC;
  padding-left: 10px;
  padding-top: 10px;
}
#ratingsPopup .single-star
{
  width: 20px;
  height: 20px;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -8px -262px;
  background-repeat: no-repeat;
  float: left;
}
#ratingsPopup .single-star.selected
{
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -8px -242px;
}

#ratingsPopup .validator
{
  position: absolute;
  top: 70px;
  left: 532px;
}
#ratingsPopup .text-validator
{
  height: 25px;
  padding-top: 5px;
  font-size: 0.75em;
}

.popup .close-rating::before {
    content: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -39px;
    top: -285px;
    position:relative;
}

.popup .close-rating {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 8px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 5px;
    overflow: hidden;
    right: 5px;
}

/*Add to My learning Plan button*/

.add-learning-plan-container
{
    display: inline-block;
    height: 30px;
    border: 1px solid;
    float: left;
}
.add-learning-plan-container .topic-courses
{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    float: left;
}
.add-learning-plan-container .product-courses
{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    float: right;
}

.add-button
{
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #91BE00;
    font-weight: bold;
    font-size: 0.688em;
    z-index: 100;
}

.in-learningPlan-button, .not-logged-button, .addTo-learningPlan-button
{
    cursor: pointer;
    font-weight: bold;
    font-size: 0.826em;
    z-index: 100;
    text-align: left;
    height: 31px;
}

.add-learning-plan-container:hover
{
    background-color: #d2d2d2;
}

.in-learningPlan-button .icon, .not-logged-button .icon, .addTo-learningPlan-button .icon
{
    display: inline-block;
    color: #008a00;
    font-weight: 600;
    font-size: 1.4em;
    padding: 2px 5px 2px 7px;
    vertical-align: middle;
}

    .not-logged-button .icon::after, .addTo-learningPlan-button .icon::after 
    {
        content: "+";
    }

    #points-progress-container .in-learningPlan-button .icon::after {
        content: "";
        background-image: url("content/images/MLX_Icons_v4.svg");
        background-position: -541px -100px;
        background-size: 175px 458px;
        height: 20px;
        width: 20px;
    }

.in-learningPlan-button .in-text, .not-logged-button .add-text, .addTo-learningPlan-button .add-text
{
    color: #333333;
    display: table-cell;
    font-weight: normal;
    height: 31px;
    overflow: hidden;
    padding-right: 7px;
    padding-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

.add-button
{
    width: 344px;
    display: inline-block;
}

.apply-button
{
    font-size: 13px;
    /*width: 65px;*/
    padding: 9px;
    text-align: center;
    margin-left: 5px !important;
    height: auto !important;
    margin-bottom: 10px !important;
    margin-top: 8px;
    margin-right: 22px !important;
    text-align: left;
}

    .apply-button .lnkSave 
    {
        background: #0072C6;
        color: #FFF !important;
        padding: 8px 25px 8px 25px;
        cursor: pointer;
    }

    .apply-button a.disabled 
    {
        color: #696969 !important;
        background: #EEEEEE;
        cursor: default;
    }
      
/*
.add-learning-plan-container:hover .learning-plans-callout, .add-learning-plan-container:active .learning-plans-callout, .add-learning-plan-container:focus .learning-plans-callout
{
    visibility: visible;
    display: block;
}
.add-learning-plan-container:hover, .add-learning-plan-container:focus
{
    visibility: visible;
    display: block;
}*/

    #points-progress-container .add-learning-plan-container .learning-plans-callout, .add-learning-plan-container:active .learning-plans-callout, .add-learning-plan-container:focus .learning-plans-callout {
        display: none;
    }


.add-learning-plan-container .learning-plans-callout
{
    display: none;
    left: -1px;
    bottom: 34px;
    top: 1px;
    position: absolute;
    z-index: 200;
    width: 240px;
}

.add-learning-plan-container .learning-plans-callout .title
{
    margin: 0px;
    font-size: 1em;
}
.add-learning-plan-container .separator
{
    border-bottom: 1px solid #91BE00;
    margin-bottom: 5px;
    margin-top: 5px;
}
.add-learning-plan-container .learning-plans-title
{
    font-size: 0.9em;
    text-align: left;
    color: #000000;
    height: auto !important;
    margin-left: 8px;
    margin-top: 8px;
    margin-right: 22px !important;
    font-weight: 400;
}

.add-learning-plan-container .detail
{
    background-color: #fff;
    border: 1px solid #737373;
    font-size: 13px;
    margin-bottom: 7px;
    max-height: 220px;
    max-width: 240px;
    min-width: 160px;
}
.add-learning-plan-container .learning-plans-callout .arrow
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    background-position: -52px -348px;
    background-repeat: no-repeat;
    top: 18px;
    height: 9px;
    left: 22px;
    position: absolute;
    width: 34px;
}
.add-learning-plan-container .learning-plans-list
{
    position: relative;
    max-height: 120px;
    overflow-y: auto;
    margin-bottom: 12px;
    font-weight: 400;
}
#LearningPlansList .add-to-learning-plan-button
{
    background-color: #EEEEEE;
    margin-top: 5px;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    color: #696969;
    padding: 2px 2px 3px 2px;
}
.more-plans-count
{
    color: #91BE00;
    font-weight: bold;
}
.add-learning-plan-container .learning-plans-list li
{
    color: #000000;
    font-size: 0.9em;
    max-height: 24px;
    max-width: 240px;
    overflow: hidden;
    height: auto !important;
    margin-bottom: 5px !important;
    margin-left: 8px;
    margin-top: 8px;
    margin-right: 22px !important;
    text-align: left;
}
.add-learning-plan-container .learning-plans-list input
{
    float: left;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 10px;
}
.add-learning-plan-container .learning-plans-list label
{
    color: #0072c6 !important;
    margin-left: 5px;
    display: block;
    max-width: 180px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 18px;
    cursor: pointer;
    font-weight: 400;
}
.add-learning-plan-container .learning-plans-list .course-item-link
{
    display: inline-block;
}

.add-learning-plan
{
    width: 60%;
  display: inline-block;
}

.popUpLoginToAddLearningPlan .popup-question
{
    color: black;
}

.popUpLogin .popUpLoginToAddLearningPlan
{
    top: 0px;
}

.cancelButton
{
  float: left;
  width: 40px;
  height: 40px;
  background-image: url('new/images/sprite-2017-09-18-1259.png');
  background-position: -109px -201px;
  cursor: pointer;
}
.cancelButton:hover
{
  background-position: -109px -121px;
}
.cancelButton-small
{
    float: right;
    background-image: url("..new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    background-position: -314px -170px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.notification-body
{
    width: 100%;
    display: inline-block;
}

.notification-body .text
{
    float: left;
    width: 170px;
    margin-left: 20px;
    font-size: 1em;
    text-align: left;
}

.notification-body .text-container
{
  padding: 10px;
  font-size: 1em;
}

.notification-body .button
{
    float: left;
    width: 40px;
    display: table;
}

.popup-notification
{
    width: 100px;
    float: left;
    margin-bottom: 15px;
    font-size: 1em;
}

.module-container
{
    overflow: hidden;
}

.module-container .module
{
    padding: 10px;
}

.module-container .module:hover
{
    background-color: #e9e9e9;
}

.module-hover
{
  background-color: #e9e9e9;
}

.info
{
  background: none repeat scroll 0% 0% #000;
  z-index: 20;
  height: 380px ;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  text-align: left;
}

.info .close {
  float: right;
  background-position: -107px -389px;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  cursor: pointer;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  margin: 5px;
}

.info .text
{
  font-size: 0.875em;
  color: #FFFFFF;
  margin-left: 20px;
    margin-right: 20px;
  height: 40%;
  width: 90%;
}

.info .title
{
  font-weight: bold;
  font-size: 0.875em;
  color: #FFFFFF;
  margin-top: 30px;
  margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  width: 90%;
}

.info ul
{
  list-style: disc outside none;
}

.info li
{
  display: list-item;
}

.info ol
{
  list-style: decimal outside none;
}

.stars
{
  float: left;
}

.module-icon
{
    float: left;
    height: 20px;
    width: 20px;
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    margin-right: 5px;
  background-position: -290px -93px;
}

.module-icon.collapse
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -220px -93px;
}

.module-name
{
    color:#0072C6;
    height: 20px;
    margin-right: 10px;
    width: 61%;
    display: inline-block;
}

.module-name.not-logged
{
  width: 74%;
}

.module-name h2
{
  font-weight: normal;
  font-size: 0.813em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.module-time-progress
{
  float: right;
  font-size: 0.813em;
  text-align: right;
}

.module-time-progress .time
{
  color: #333333;
}

.module-time-progress .percentage
{
  color: #008A00;
  margin-left: 10px;
}

.exam-updated
{
    color: #008A00;
}
.exam-updated:before
{
    content: '*';
}
.single-star
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -82px -240px;
  background-repeat: no-repeat;
  float: left;
  width: 20px;
  height: 20px;
}
/*
.selected
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53") no-repeat;
    background-position: -5px -160px;
    width: 20px;
    height: 20px;
}
*/
.content-name-container
{
  float: left;
  max-width: 78%;
}

.content-name
{
    font-size: 0.813em;
    color: #0072C6;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.module-name.updated-module
{
    color: #008A00;
}

.content-name.updated-content
{
    color: #008A00;
}

.updated-module span h2:before
{
    content: '*';
}

.updated-content span:before
{
    content: '*';
}

.module-container .minutes-container
{
    clear: both;
    overflow: hidden;
    font-size: 0.813em;
    color: #a2a2a2;
    margin-right: 5px;
}

.module-container .minutes-container .minutes
{
    width: 40%;
    float: left;
    margin-left: 53px;
}

.module-container .minutes-container .points
{
    width: 40%;
    float: right;
    text-align: right;
}

.viewed
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    height: 15px;
    margin-left: 5px;
    width: 15px;
    display: inline-block;
  background-position: -395px -95px;
}

.content-container .content-item
{
    padding: 5px 10px 5px 17px;
    margin-left: 8px;
}

.content-container .content-item .chapters
{
    margin: 10px 0 15px 37px;
}

.content-container .content-item .chapters .chapter
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.875em;
    clear: both;
    color: #0072C6;
}

.content-container .content-item .chapters .chapter-link
{
    color: #0072C6;
}

.content-container .content-item .chapters .chaptertimestamp
{
    float: left;
}

.chaptername
{
    width: 58%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.content-container .video-icon
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  width: 18px;
  height: 18px;
  margin-left: 20px;
  background-position: -27px -124px;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
    padding-right: 6px;
}

.content-container .chapter-icon
{
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -90px -122px;
  float: left;
  margin-top: 3px;
  width: 19px;
  height: 18px;
  margin-left: 20px;
}

.content-container .content-item .timestamp
{
    font-weight: bold;
}

.slide-presentation-icon
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    background-position: -145px -95px;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
    padding-right: 6px;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

#take-assessment a, #take-assessment a:link,#take-assessment  a:visited, #take-assessment a:hover,#take-assessment  a:active
{
  text-decoration: none;  
  color: #0072C6;
}

.pointer
{
  cursor:pointer;
}

.content-container .take-assessment-icon
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    background-position: -465px -95px;
  float: left;
    margin-right: 8px;
    margin-top: 3px;
    padding-right: 6px;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.exam-passed
{
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -425px -95px;
  float: left;
    margin-right: 8px;
    margin-top: 3px;
    padding-right: 6px;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

/* .download-icon
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    float: left;
    margin-right: 8px;
    margin-top: 3px;
    padding-right: 6px;
    width: 20px;
    height: 20px;
    margin-left: 20px;
  background-position: -357px -93px;
} */

.retirement-date
{
  color: orange;
}

.retired-date
{
  color: red;
}

.notification
{
    position: relative;
    width: 99.8%;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 0.875em;
}

.notification-content
{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    vertical-align: middle;
    width: 88%;
}



.notification.updated
{
    border: 1px solid #008A00;
    text-align: center;
}

.notification.updated .msg
{
    font-weight: 600;
    color: #008A00;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

.notification.updated span:before
{
  content: '*';
}

.notification.retirement
{
    border: 1px solid #E85000;
    color: #E85000;
    text-align: center;
}

.notification.retirement .replaceLink
{
    color: #000000;
}

.notification.retirement .replaceLink a
{
  text-decoration: underline;
  color: #E85000;
  font-weight: 600;
}

.notification.pending-retirement
{
    border: 1px solid #E81123;
    background: #FFFC9E;
}

.notification.pending-retirement .replaceLink
{
    color: #000000;
}

.notification.pending-retirement .replaceLink a
{
  text-decoration: underline;
  color: #0072C6;
  font-weight: 600;
}

.notification.pending-retirement .replaceLink a:hover
{
  color: black; 
}

/* .notification.pending-retirement .icon-warning
{
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -70px -93px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
} */

/* .icon-close
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -18px -288px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top;
  margin-top: 2px;
  margin-right: -1px;
  cursor: pointer;
} */

.list-modules
{
    list-style: none outside none;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
}

.list-modules .list-ctypes
{
    list-style: none outside none;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
}

.list-modules .list-ctypes .list-chapters
{
    list-style: none outside none;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
}

.list-modules .list-exams
{
    list-style: none outside none;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
}

/*#footer 
{
  width: 100%;
  display: inline-block;
  padding-top: 60px;
  min-height: 55px;
  font-size: 0.688em;
  position: relative;
  font-weight: normal;
}

#footer.loading-player {
    margin-top: 100%;
}

.footer-tagline
{
   color: #000;
   float: left;
   padding-top: 17px;
}

#footer .footer-items
{
   display: inline-block;
   float: right;
}

#footer .footer-logo
{
  width: 90px;
  line-height: 10px;
  float: right;
  text-align: right;
}

#footer .legal-links
{
  line-height: 0;
  padding-top: 17px;
  text-align: right;
  float: left;
}

#footer .legal-links ul
{
   clear: both;
   display: inline-block;
   margin-bottom: 0px;
}

#footer .legal-links a
{
  text-decoration: none;  
  cursor:pointer;
  color: #000;
}

#footer .footer-logo .ms-image
{
  background-image: url('new/images/sprite-2017-09-18-1259.png');
  background-position: -12px -302px;
  background-repeat: no-repeat;
  height: 17px;
  width: 84px;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
}

#footer .footer-logo .ms-copyright
{
  margin-top: 3px;
  text-align: right;
}

#footer .legal-links .first
{
    border-left: medium none;
}

#footer .legal-links li
{
    float: left;
    padding: 0.725em;
    border-left: 1px solid #444;
}*/

/**** POPUP ****/
.popUpContent 
{
    display: none;
}
.backgroundPopupCountries
{
    display: none;
}
.backgroundPopup, .backgroundPopupCountries
{
    display: none;
    position: fixed;


    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    border: none 0px;
    z-index: 2000;
  top: 80px;
  opacity: 0.4;
  background-color: #000;
}
.popUpMessage, .popup-confirm, .popUpCountries, .popUpContent 
{
  display: none;
  position: fixed;
  background: #FFFFFF;
  z-index: 3000;
  padding: 1px;
  font-size: 0.813em;
  padding: 10px;
  line-height: 1.35em;
}

.popupLoginBackground {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  border: none 0px;
  z-index: 2000;
  top: 80px;
  opacity: 0.4;
  background-color: #000;
}

/*** FREE ACTIONS - POP UPS ***/
.freeActionsPopUp
{
  padding: 30px 40px 50px;
  width: 760px;
  box-sizing: border-box;
}
.freeActionsPopUp .title
{
  color: #7EB900;
  font-size: 2em;
  line-height: 40px;
  margin-bottom: 30px;
  font-weight: normal;
}
.freeActionsPopUp .main-text
{
  font-size: 1.2em;
  margin-bottom: 40px;
  padding-left: 15px;
}
.freeActionsPopUp .main-text li
{
  list-style: disc inside none;
  display: list-item;
  margin-bottom: 10px;
  font-size: 0.875em;
}
.freeActionsPopUp .button
{
  color: white;
  padding: 20px;
  cursor: pointer;
  font-size: 1.125em;
  height: 20px;
}
.freeActionsPopUp .sign-in.button
{
  float: left;
  background-color: #7EB900;
  font-weight: bold;
}
.freeActionsPopUp .snooze.button
{
  float: right;
  background-color: #A2A2A2;
  font-size: 1em;
}
/*** HEAR FROM MICROSOFT - POP UP ***/
.hearFromMicrosoftPopup
{
  width: 570px;
  height: 360px;
  padding: 50px 50px 0 50px;
  position: relative;
}
.hearFromMicrosoftPopup .close-popup-icon
{
  right: -32px;
  top: -32px;
}
.hearFromMicrosoftPopup .popup-content
{
  position: relative;
  height: 100%;
}
.hearFromMicrosoftPopup .title
{
  font-weight: bold;
  font-size: 1.75em;
  color: #80BB01;
  padding-bottom: 35px;
}
.hearFromMicrosoftPopup .subtitle
{
  font-weight: 500;
  font-size: 1.125em;
  color: #80BB01;
  padding-bottom: 20px;
  line-height: 120%;
}
.hearFromMicrosoftPopup .main-text
{
  font-weight: 500;
  font-size: 1.125em;
  color: #737373;
  padding-bottom: 35px;
  line-height: 120%;
  font-style:italic;
}
.hearFromMicrosoftPopup .footer
{
  position: absolute;
  bottom: 0;
  height: 125px;
  padding: 0;
  width: 100%;
}
.hearFromMicrosoftPopup .button
{
  padding: 17px 30px 20px 30px;
  cursor: pointer;
  font-size: 1.25em;
  font-weight: 500;
  position: absolute;
  top: 0;
  line-height: normal;
}
.hearFromMicrosoftPopup .yes.button
{
  left: 0;
  background-color: #80BB01;
  color: #FFFFFF; 
}
.hearFromMicrosoftPopup .no.button
{
  right: 0;
  background-color: #d2d2d2;
  color: #000000;
}
.hearFromMicrosoftPopup .legal-links
{
  position: absolute;
  bottom: 17px;
  line-height: 1.35em;
  font-size: 0.875em;
}
.hearFromMicrosoftPopup .legal-links a
{
  color: #737373;
}

#take-assessment
{
  width: 100%;
}

#take-assessment .take-assessment-separator
{
  background-image: url("..new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: 0 -1126px;
  background-repeat: no-repeat;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 20px;
}

#take-assessment .take-assessment-separator.bottom
{
  margin-top: 22px;
  margin-bottom: 30px;
}

#take-assessment #take-assessment-header
{
    overflow: hidden;
}

#take-assessment #take-assessment-header #course-name
{
  width: 100%;
  color: #92BD2F;
  overflow: hidden;
  padding: 5px 0px 20px 0px;
}

#take-assessment #take-assessment-header #course-name h1
{
  font-size: 1.5em;
  font-weight: normal;
}

#take-assessment #take-assessment-header #take-assessment-title
{
    font-size: 0.938em;
    text-transform: uppercase;
    clear: both;
    color: #5B5B5B;
}

#take-assessment #take-assessment-header #take-assessment-data
{
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
  padding-top: 5px;
}

#take-assessment #take-assessment-header #take-assessment-name
{
  display: inline-block;
  width: 70%;
}

#take-assessment #take-assessment-header #take-assessment-name h1
{
    font-weight: normal;
    font-size: 2.85em;
    color: #65A54F;
    line-height: 1.1em;
}

#take-assessment #take-assessment-header #take-assessment-time
{
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    width: 29.5%;
}

#take-assessment #take-assessment-header #take-assessment-time #divTimer
{
  height: 100%;
  vertical-align: top;
}

#take-assessment #take-assessment-header #take-assessment-time div
{
    color: #3E3E3E;
    text-align: right;
}

#take-assessment #take-assessment-header #take-assessment-time #divTimer #take-assessment-time-number
{
    font-size: 2.7em;
    line-height: 1.1em;
}

#take-assessment #take-assessment-body
{
    margin-top: 15px;
}

#take-assessment #take-assessment-body .take-assessment-questions
{
    position: relative;
}

#take-assessment #take-assessment-body #take-assessment-question
{
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 15px;
}

#take-assessment #take-assessment-body #take-assessment-question #answer_container
{
    text-align: left;
}

#answer_container label, #answer_container input
{
  cursor: pointer;
}

#take-assessment #take-assessment-body #answers-text .errorNotification
{
    color: #ff0000;
}

.blue-button
{
  background-color: #0071C1;
  margin-top: 5px;
  cursor: pointer;
  padding: 10px 25px 10px 25px;
}
/* 
.blue-button .icon
{
    background-image: url('..new/images/sprite-2017-09-18-1259.png');
    background-position: -20px -460px;
  height: 20px;
  width: 20px;
  margin: 3px;
  display: inline-block;
  vertical-align: top;
}
 */
.blue-button .text 
{
  display: inline-block;
  font-size: 1.25em;
  margin-left: 3px;
  line-height:22px;
  color: #fff;
}

.label-answer
{
  display:block;
  float: right;
}

#return-course
{
  margin-top: 30px;
}

.return-to-course
{
  color: #000;
  text-decoration: underline;
  font-size: 1em;
  position: relative;
}

.assessment-popup-actions
{
  text-align: center;
}

.assessment-popup-actions #messageCompletedEducationType
{
  margin-bottom: 10px;
  font-size: 1em;
  width: 260px;
  display:none;
  font-weight:bold;
}

#whattodo
{
  margin-bottom: 3px;
  margin-left: 50%;
  width: 250px;
}

.whattodo
{
  width: 94%;
}

.assessment-popup-actions p.whattodo 
{
  font-size: 1em;
  padding-bottom: 5px;
  text-align: left;
}

.assessment-popup-actions ul.whattodo
{
  padding: 0 0 2px 0;
  margin: 0px 0px 0px 25px;
  list-style: circle;
}

.assessment-popup-actions ul.whattodo li
{
  display: list-item;
  text-align: left;
  line-height: 25px;
  margin-right: 6%;
}

/* POPUP EXAM RESULT */
.finalizedExamMessage.pass-module #msjPassCourse
{
  display: none;
}

.finalizedExamMessage.pass-module #msjPassModule
{
  display: block;
}

.finalizedExamMessage.pass-course #msjPassModule
{
  display: none;
}

.finalizedExamMessage.pass-course #msjPassCourse
{
  display: block;
}

.finalizedExamMessage
{
  
}

.finalizedExamMessage .message
{
  background-color: #CCC;
  font-size: 1.125em;
  padding: 8px;
  font-weight: bold;
}

.finalizedExamMessage .popup-title
{
  color: #5B5B5B;
  text-align: left;
  font-size: 1.125em;
  padding: 5px 0px 10px 10px;
  width: 100%;
  text-transform: uppercase;
}

.finalizedExamMessage .text-template-container
{
  padding: 10px 0 10px 0;
}

.finalizedExamMessage .text-template-container .percent,
.finalizedExamMessage .text-template-container .percent-fail
{
  border-right: solid #CCC 1px;
  padding: 23px 25px 0px 10px;
  width: 210px;
  text-align: center;
}

.finalizedExamMessage .text-template-container .percent #lblPercent,
.finalizedExamMessage .text-template-container .percent-fail #lblPercent
{
  font-size: 7em;
}

.finalizedExamMessage .text-template-container .questions
{
  text-align: left;
  padding: 15px 4px 4px 10px;
  font-size: 1.125em;
  display: inline-block;
}

.percent
{
  height: 70px;
  padding-top: 20px;
  color: #65CA54;
  display: inline-block;
}

.percent-fail
{
  height: 70px;
  padding-top: 20px;
  color: #888888;
  display: inline-block;
}

#take-assessment #take-assessment-body .errorNotification
{
    color: #ff0000;
  padding-bottom: 5px;
}

#take-assessment-body #take-assessment-answers
{
  padding: 10px 0px 15px 0px;
}

#take-assessment-body #take-assessment-answers table
{
  width: 100%;
}

#take-assessment-body #take-assessment-answers table tr td input
{
  float: left;
  margin: 5px 10px 5px 0px;
}

#take-assessment-body #take-assessment-answers table tr td input:hover
{
  cursor: pointer;
}

#take-assessment-body #take-assessment-answers table tr td label
{
  display: block;
  padding: 0;
}

#take-assessment #take-assessment-header #take-assessment-time #divTimer #take-assessment-time-description
{
  font-size: 1em;
}

.popUpFinalizedExam
{
  width:500px;
  padding:0px;
}

/*MENU*/
.flexnav {
  display: none;
}


/********************************************************************/
/********************************************************************/
/*****************         LEARNING PATHS            ****************/
/********************************************************************/
/********************************************************************/
.navMenuHeader
{
  background-image: url("https://mvastorage.microsoft.com/kipi/images/head-banner.jpg");
  width: 100%;
  height: 250px;
}

.navMenu
{
  width:100%;
  height:50px;
  background-color:#D2D2D2;
  margin-bottom: 15px;
}

.navMenu .tags
{
  width: 200px;
  display: inline-block;
  cursor: pointer;
  padding-top: 12px;
  box-sizing: border-box;
  text-align: center;
}

.navMenu .tags.terms
{
  text-align: left;
  padding-left: 20px;
}

.navMenu.terms
{
  background-color:#32145A;
}

.navMenu .termsText
{
  width: 70%;
  display: inline-block;
  padding-top: 12px;
  box-sizing: border-box;
  text-align: right;
  padding-right: 20px;
  float:right;
}

.navMenu .termsText .leftText {
  color: #FFF;
}

.navMenu .termsText .rightText {
  color: #B2D80A;
}

.navMenu .active
{
  background-color:#5C2D91;
}

.navMenu .active .text
{
  color:#FFFFFF;
}

.navMenu .text
{
  color:#5C2D91;
}

.navMenu .userText
{
  font-size: 0.9em;
  color:#250B48;
}

.userDisplayName
{
    margin-bottom: 35px;
  margin-left: 15px;
    font-style: italic;
    color: #5C2D91;
  font-weight:bold;
}

.userDisplayName span
{
  font-weight:normal;
}

.refreshYourBrowser
{
  display: inline-block;
  width: 100%;
  font-size: 16px;
}

#navMenuHome {
  width: 90px;
}

#tagsContainer {
  width: 75%;
  float: left;
  box-sizing: border-box;
  padding-right: 20px;
}

#tagHome, #tagMyDashboard {
  width: 100%;
}

#tagHome {
  width: 720px;
}

#tagMyDashboard
{
  box-sizing: border-box;
  padding-left: 15px;
}

.bottomForumWidget {
  width: 718px;
}

.bottomForumWidget.myChallengeDashboard {
  width: 88%;
  box-sizing: border-box;
  float: right;
  padding-right: 4%;
}

.rightForumWidget {
  float:right;
  width:25%;
}

.homeTitleContent
{
  margin-bottom: 25px;
}

.homeTitle
{
  color:#5C2D91;
  font-size:1.9em;
  padding-top: 15px;
}

.termsTitle
{
  color:#5C2D91;
  margin: 24px 0;
  font-size:2.5em;
}

.TermsAndConditionsValidator
{
  color: #F00;
  visibility: visible;
  font-weight: bold;
}
.TermsAndConditionsValidator.displayName
{
  padding-left: 15px;
  display: inline;
}

a.learningPath
{
  color:#000;
  height: 169px;
  width: 169px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
}

a.learningPath.active, a.learningPath:active, a.learningPath:hover
{
  color:#fff;
}

.learningPath > div
{
  font-size: 1.1em;
  text-align: center;
  float: left;
  width: 100%;
  height: 100%;
}

.learningPath .text
{
  margin: 60% 9% 0% 9%;
}

.learningPath.id-access .text {
  margin: 60% 3% 0% 3%;
}

.learningPath.game-dev {background-position: -189px -782px;}
.learningPath.game-dev.active, .learningPath.game-dev:hover, .learningPath.game-dev:active {background-position: -7px -782px;}
.learningPath.cloud-dev {background-position: -552px -782px;}
.learningPath.cloud-dev.active, .learningPath.cloud-dev:hover, .learningPath.cloud-dev:active {background-position: -370px -782px;}
.learningPath.mobile-dev {background-position: -190px -963px;}
.learningPath.mobile-dev.active, .learningPath.mobile-dev:hover, .learningPath.mobile-dev:active {background-position: -7px -963px;}
.learningPath.web-dev {background-position: -553px -1143px; margin-right: 0;}
.learningPath.web-dev.active, .learningPath.web-dev:hover, .learningPath.web-dev:active {background-position: -370px -1143px;}
.learningPath.id-access {background-position: -552px -963px;}
.learningPath.id-access.active, .learningPath.id-access:hover, .learningPath.id-access:active {background-position: -370px -963px;}
.learningPath.dc-cloud {background-position: -914px -782px;}
.learningPath.dc-cloud.active, .learningPath.dc-cloud:hover, .learningPath.dc-cloud:active {background-position: -733px -782px;}
.learningPath.sharepoint {background-position: -190px -1143px; margin-right: 0;}
.learningPath.sharepoint.active, .learningPath.sharepoint:hover, .learningPath.sharepoint:active {background-position: -7px -1143px;}
.learningPath.office-365 {background-position: -914px -963px;}
.learningPath.office-365.active, .learningPath.office-365:hover, .learningPath.office-365:active {background-position: -733px -963px;}

.lpCourse
{
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
  display: inline-block;
}

.lpCourseTitle
{
  width: 100%;
  color:#5C2D91;
  font-size:1.5em;
  padding: 10px 0;
  margin-bottom: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.mylpCourse .lpCourseTitle {
  border-top: none;
  border-bottom: 2px solid #5C2D91;
}

.lpModule
{
  display: inline-block;
  width: 100%;
}

.lpModule a
{
  color: #000;
}

.lpModule .userProgressContainer
{
  background-color: #D1D1D1;
  width: 100%;
  height: 10px;
  text-align: left;
  display: inline-block;
}

.lpModule .userProgressContainer .userProgress
{
  background-color: #B9D60E;
  width: 0%;
  height: 10px;
}

.lpModule .status {
  font-size: 0.9em;
}

.lpModule .status.completed {
  color: #B9D60E;
}

/* .lpModule .status .icon {
  cursor:pointer;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  height: 20px;
  width: 20px;
  display: inline-block;
  float: left;
} */

/* .lpModule .status.start .icon {
  background-position: -94px -668px;
}

.lpModule .status.resume .icon {
  background-position: -164px -668px;
}

.lpModule .status.completed .icon {
  background-position: -164px -636px;
} */

.lpModule .status .text {
  margin-left: 3px;
}

.moduleHeader
{
  font-size: 0.7em;
  font-weight: bold;
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
}

.courseIcon
{
  display: inline-block;
  cursor:pointer;
}

#learningPathsCourses .expand, #myLearningPathsCourses .expand
{
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  background-position: -20px -668px;
  height: 21px;
  width: 21px;
}

#learningPathsCourses .collapse, #myLearningPathsCourses .collapse
{
    background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    background-position: -55px -668px;
  height: 21px;
  width: 21px;
}

.totalHours
{
  color: #5C2D91;
  font-size: 1.8em;
  padding-top: 20px;
}

.trainingModulesText
{
  float: left;
  width: 75%;
}

.lengthText
{
  width: 12%;
  text-align: center;
  float: right;
  margin-right: 18px;
}

.mylpCourse .lpModule {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 6px 0 9px 0;
}

.mylpCourse .lpModule:last-child {
  border-bottom: none;
}

.lpCourseModuleTitle
{
  float: left;
  width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.lpTimeCourse
{
  text-align: left;
  width: 10%;
  float: right;
  padding-right: 8px;
}

.lpSocialBox
{
  float: right;
  box-sizing: border-box;
  padding-bottom:12px;
  width: 100%;
}

.lpSocialBox.title
{
  width: 100%;
  color: #5C2D91;
  font-size: 24px;
  border-bottom: 2px solid #5C2D91;
  padding-bottom: 10px;
}

.lpSocialBox.bar
{
  margin-top: 10px;
  width: 100%;
  background-color: #5C2D91;
  font-weight:bold;
  color: #FFFFFF;
  padding: 5px 0px 5px 15px;
}

/* .lpSocialBox.iconsContent
{
  width:100%;
  display:inline-block;
}
 */
.iconsContent.icon
{
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
  cursor:pointer;
  height: 27px;
  width: 27px;
  float:left;
  margin-right: 20px;
    margin-top: 10px;
}

/* .icon.twitter{
  background-position: -126px -633px;
}

.icon.facebook{
  background-position: -19px -633px;
}

.icon.linkedin{
  background-position: -88px -633px;
} */

#termsTextContainer {
    height: 50vh;
    width: 100%;
    overflow-x:hidden;
    overflow-y:auto;
    margin: 0 0 15px 0;
}

#termsTextContainer h2, #termsTextContainer  h3,  #termsTextContainer  h4  {
  color: #5C2D91;
}

#acceptTermsContainer {
    margin: 15px 0;
}

#acceptTermsContainer label {
    margin-left: 5px;
}

#acceptTermsContainer span {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}

.msjAcceptTerms {
    margin: 15px 0;
    color: red;
}
.forumInputContainer {
    margin: 15px 0;
    display: inline-block;
}

.blue-button.terms {
  padding: 10px 13px 10px 13px;
  background-color: #69B105;
  display: inline-block;
}

.blue-button.terms.inactive{
  background-color: #A2A2A2;
  cursor:auto;
}
.blue-button.terms.opacity{
  opacity: 0.4;
  cursor:auto;
}
.blue-button.terms.disabled{
  background-color: #A2A2A2;
  color: #FFF !important;
  cursor:auto;
}

.dropOutChallenge{
  padding-top: 15px;
  font-size: 1.1em;
}

.blue-button.terms.dropOut {
  background-color: #5C2D91;
}

.separate-bar.terms{
  margin: 42px 0 31px 0;
}

.termsBtnContainer {
  padding-top: 20px;
}

.btnTermsBack {
  color: #FFF !important;
}
.btnTermsBack:hover {
  color: #FFF !important;
}
.learningPathActive
{
  width: 23%;
  height: 150px;
  display: inline-block;
  background-color: #5C2D91;
  margin-bottom: 10px;
  margin-right: 5px;
  cursor: pointer;
}

.descriptionContainer
{
  height: auto;
  text-overflow: ellipsis;
  overflow: hidden;
}

.descriptionText
{
  color: #5C2D91;
  font-size: 1.4em;
  display: inline-block;
  float: left;
  width: 480px;
}

.lbl-all-description {
    display: none;
    position: relative;
}

.show-description {
    max-width: 657px;
    height: 24px;
    text-align: right;
}

.buttonContainer
{
  margin-top: 20px;
  float: right;
  margin-bottom: 20px;
}

.buttonContainer.bottom
{
  float:none;
}

.forumInputContainer input[type="text"] {
  padding: 10px;
  border: none;
  transition: box-shadow 0.3s, border 0.3s;
  background-color: #E8E8E8;
  font-size: 15px;
}

.forumInputContainer ::-webkit-input-placeholder { /* WebKit browsers */
    color: #808080;
}
.forumInputContainer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #808080;
   opacity: 1;
}
.forumInputContainer ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #808080;
   opacity: 1;
}
.forumInputContainer :-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #808080;
}

#forumWidgetTitle
{
  color: #5C2D91;
  font-size: 1.9em;
  padding-top: 20px;
  padding-bottom: 20px;
}

.myLearningPathsMessage{
  font-weight: bold;
  font-size: 0.95em;
  font-style: italic;
}

#myLearningPathsList {
  display: inline-block;
  width: 10%;
}

#myLearningPathsList a.lpSquare {
  color:#000;
  height: 64px;
  width: 64px;
  display: block;
  margin-bottom: 7px;
  cursor: pointer;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
}

#myLearningPathsList .addMoreLearningPaths {
  background-color: #B9D60E;
  color: #505050;
  display: inline-block;
  padding: 6px;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  line-height: 0.9em;
  width: 52px;
  text-align: center;
}


#myLearningPathsList .lpSquare:hover,
#myLearningPathsList .lpSquare:active {
  background-color: #5C2C91;
}

.lpSquare.game-dev {background-position: -345px -705px;}
.lpSquare.game-dev.active, .lpSquare.game-dev:hover, .lpSquare.game-dev:active {background-position: -277px -705px;}
.lpSquare.cloud-dev {background-position: -1020px -703px;}
.lpSquare.cloud-dev.active, .lpSquare.cloud-dev:hover, .lpSquare.cloud-dev:active {background-position: -952px -705px;}
.lpSquare.mobile-dev {background-position: -481px -705px;}
.lpSquare.mobile-dev.active, .lpSquare.mobile-dev:hover, .lpSquare.mobile-dev:active {background-position: -412px -705px;}
.lpSquare.web-dev {background-position: -885px -705px;}
.lpSquare.web-dev.active, .lpSquare.web-dev:hover, .lpSquare.web-dev:active {background-position: -817px -705px;}
.lpSquare.id-access {background-position: -74px -705px;}
.lpSquare.id-access.active, .lpSquare.id-access:hover, .lpSquare.id-access:active {background-position: -6px -705px;}
.lpSquare.dc-cloud {background-position: -210px -705px;}
.lpSquare.dc-cloud.active, .lpSquare.dc-cloud:hover, .lpSquare.dc-cloud:active {background-position: -142px -705px;}
.lpSquare.sharepoint {background-position: -750px -705px;}
.lpSquare.sharepoint.active, .lpSquare.sharepoint:hover, .lpSquare.sharepoint:active {background-position: -682px -705px;}
.lpSquare.office-365 {background-position: -615px -705px;}
.lpSquare.office-365.active, .lpSquare.office-365:hover, .lpSquare.office-365:active {background-position: -547px -705px;}

#myLearningPathContainer {
  display:  inline-block;
  width: 85%;
  vertical-align: top;
}

.myLpTitle
{
  width: 100%;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  height: 60px;
  margin: 0px 0px 7px 7px;
}

.myLpTitle .textContainer
{
  width: 65%;
  float: left;
  padding-top: 10px;
}

.myLpTitle .textContainer .text
{
  color: #D2D2D2;
  font-size: 1.5em;
}

.myLpTitle .textContainer .text.active
{
  color: #5C2D91;
}

.myLpTitle .smallBadge
{
  height: 25px;
  width: 25px;
  display: block;
  float: left;
  cursor: pointer;
  margin-top:15px;
}

.myLearningPathHeader {
  min-height: 220px;
}

.myLearningPathTitleContainer {
  width: 55%;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

#myLearningPathContainer .myLearningPathTitle {
  color: #5C2D91;
  font-size: 1.5em;
}

#myLearningPathContainer .myLearningPathDescription {
  color: #000;
  font-size: 1.1em;
  margin: 12px 0px;
}

#myLearningPathContainer .separator {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-top: 38px;
}

.myLearningPathProgressMessage {
  font-weight: bold;
  font-size: 0.8em;
  font-style: italic;
}

.badgeAndTextContainer {
  display: inline-block;
  width: 175px;
  float: right;
  margin-right: 8px;
}

.badgeAndTextContainer.small
{
  width: 65px;
  float: left;
}

.badgeContainerFocus :focus{
    border: 1px dotted;
}

.badgeContainer {
  position: relative;
    width: 175px;
    height: 175px;
    overflow: hidden;
}

.badgeContainer.small
{
  width: 65px;
  height: 65px;
}

.bagdeImage {
  position: absolute;
}

.badgeContainer .backgroundContainer {
  position: relative;
  height: 153px;
  width: 95%;
  margin: 11px 5px;
}

.badgeContainer .backgroundContainer.small {
  height: 59px;
  width: 95%;
  margin-left: 2px;
  margin-top: 3px;
  margin-bottom: 0px;
}

.badgeContainer .background {
  background-color: #B9D60E;
  position: absolute;
  width: 100%;
  height: 0px;
  bottom: 0;
}

.badgeContainer .background.small
{
  opacity:0.3;
}

.badgeContainer .background.small.active
{
  opacity: 1;
}

.badgeText {
  text-align: center;
  font-size: 1em;
  color: #5C2D91;
  margin: 0 15%;
}

.bagdeImage.game-dev { top: -192px; left: -208px; }
.bagdeImage.cloud-dev { top: -9px; left: -4px; }
.bagdeImage.mobile-dev { top: -9px; left: -208px; }
.bagdeImage.web-dev { top: -9px; left: -411px; }
.bagdeImage.id-access { top: -192px; left: -615px; }
.bagdeImage.dc-cloud { top: -192px; left: -4px; }
.bagdeImage.sharepoint { top: -9px; left: -615px; }
.bagdeImage.office-365 { top: -192px; left: -411px; }

.bagdeImage.small.game-dev { top: -375px; left: -471px; }
.bagdeImage.small.cloud-dev { top: -375px; left: -99px;}
.bagdeImage.small.mobile-dev { top: -375px; left: -377px; }
.bagdeImage.small.web-dev { top: -375px; left: -6px; }
.bagdeImage.small.id-access { top: -375px; left: -564px;}
.bagdeImage.small.dc-cloud { top: -375px; left: -192px; }
.bagdeImage.small.sharepoint {top: -375px; left: -656px; }
.bagdeImage.small.office-365 { top: -375px; left: -285px; }

.bagdeImage.small.game-dev.active { top: -450px; left: -471px; }
.bagdeImage.small.cloud-dev.active { top: -450px; left: -99px;}
.bagdeImage.small.mobile-dev.active { top: -450px; left: -377px; }
.bagdeImage.small.web-dev.active { top: -450px; left: -6px; }
.bagdeImage.small.id-access.active { top: -450px; left: -564px;}
.bagdeImage.small.dc-cloud.active { top: -450px; left: -192px; }
.bagdeImage.small.sharepoint.active {top: -450px; left: -656px; }
.bagdeImage.small.office-365.active { top: -450px; left: -285px; }

/* LEADERBOARD */
#leaderboardContainer
{
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 15px;
  padding-bottom: 15px;
}

#leaderboardTopCountries
{
  background-color: #250B48;
  color: #fff;
  box-sizing: border-box;
  padding: 15px;
}

.topCountriesTitle
{
  border-bottom: 1px solid #FFF;
  font-size: 1.5em;
  padding-bottom: 15px;
}

#leaderboardTopCountries .countryItem
{
  margin: 20px 0px;
  width: 80%;
}
#leaderboardTopCountries .countryProgress
{
  height: 15px;
  margin: 5px 0px;
  background-color: rgb(113, 176, 5);
  min-width:10%;
}

#leaderboardByLearningPath
{
  background-color: #5d2d91;
}

#leaderboardByLearningPath #overal-participation-cont
{
  height: 315px;
  padding: 40px 80px 55px 80px;
  margin-bottom: 10px;
  position: relative;
}

#leaderboardByLearningPath #overal-participation-title
{
  color: #FFF;
  padding: 15px 0px 0px 15px;
}

#leaderboardByLearningPath #overal-participation-cont #top-container
{
  display: table-cell;
  height: 110px;
  vertical-align: bottom;
  padding-left: 165px;
}

#leaderboardByLearningPath #overal-participation-cont #top-container .top
{
  background-color: #35155d;
  display: inline-block;
  height: 0px;
  margin-right: -1.2px;
  width: 25.5px;
}

#leaderboardByLearningPath #overal-participation-cont #middle-top-container
{
  margin-left: 165px;
  margin-top: -10px;
}

#leaderboardByLearningPath #overal-participation-cont #middle-top-container .middle-top
{
  background-color: #35155d;
  display: inline-block;
  height: 20px;
  margin-right: -1.2px;
  width: 25.5px;
}

#leaderboardByLearningPath #overal-participation-cont #middle-container 
{
    height: 300px;
    margin: -163px 0 -100px 109px;
    padding-left: 8px;
    perspective: 400px;
    -webkit-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    width: 330px;
}

#leaderboardByLearningPath #overal-participation-cont #middle-container .middle
{
  background-color: #240a47;
  display: inline-block;
  height: 340px;
  top: 3px;
  transform: rotateX(87deg);
  -webkit-transform: rotateX(87deg);
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -o-transform: rotateX(87deg);
  -ms-transform: rotateX(87deg);
  width: 36.8px;
  margin-right: -0.4px;
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container
{
  position: absolute;
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom
{
  display: inline-block;
  width: 64px;
  height: 64px;
  background-color: #35155d;
  cursor: pointer;
  background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    border-right: 8px solid #5d2d91; 
    margin-right: -6px;
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.mobile-development
{
  background-position: 1309px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.cloud-development
{
  background-position: 1378px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.game-development
{
  background-position: 1173px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.web-development
{
  background-position: 1038px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.identity-access-management
{
  background-position: 1106px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.hybrid-cloud
{
  background-position: 1241px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.sharepoint
{
  background-position: 904px -1321px; 
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.office365
{
  background-position: 969px -1321px; 
  border-right: 0px;
  margin-right: 0px;
}

#leaderboardByLearningPath #overal-participation-cont #bottom-container .bottom.active,
#leaderboardByLearningPath #overal-participation-cont #top-container .top.active,
#leaderboardByLearningPath #overal-participation-cont #middle-top-container .middle-top.active
{
  background-color: #69B105;
}

#leaderboardByLearningPath #overal-participation-cont #middle-container .middle.active
{
    background-color: #107B11;
}

#leaderboardByLearningPath #overal-participation-cont #overall-participants
{
  text-align: center;
  margin-top: 75px;
  position: absolute;
  color: #FFF;
  width: 200px;
}

#leaderboardByLearningPath #overal-participation-cont #overall-participants #overall-participants-value
{
  font-size: 36px;
}

#leaderboardByLearningPath #overal-participation-cont #overall-participants #overall-participants-desc
{
  font-size: 12px;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/
/********************** MLX COURSE PLAYER ***********************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
#coursePlayer * {
    box-sizing: content-box;
}

#coursePlayer h1 {
    font-size: 1em;
}

#course-player-container {
    height: 780px;
}

    #course-player-container .overlay-container {
        height: 100%;
        top: 0;
    }

    #course-player-container #video-player-wrapper {
        height: 100%;
        /*height: calc(100% - 50px);
        height: -webkit-calc(100% - 50px);
        height: -moz-calc(100% - 50px);
        height: -o-calc(100% - 50px);
        height: -ms-calc(100% - 50px);*/
        top: 0;
        border: 1px solid #cacaca;      
    }
    
    #video-player-wrapper {
        position: relative;
        overflow: hidden;
    }

    #course-player-container #video-player-wrapper.video-container-fullscreen {
        height: 100%;
        position: fixed;
        overflow: hidden;
        z-index: 100000;
    }

#coursePlayer.link, #coursePlayer #course-content-container a, #coursePlayer #info-tab-outer-container a {
    cursor: pointer;
    color: #0072c6;
    /* text-decoration: none; */
}

#coursePlayer.link {
    font-size: 13px;
}

#coursePlayer nav ul {
    list-style: none;
    margin-left: 33px;
    padding: 0;
}

    #coursePlayer nav ul li {
        float: left;
        margin-right: 22px;
        color: #0072c6;
    }

        #coursePlayer nav ul li:last-child {
            color: #000;
        }

.primarybutton {
    color: #fff;
    background-color: #0072c6;
    cursor: pointer;
    border: 1px solid #005eb2;
    height: 31px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 23px;
    margin-right: 23px;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 31px;
}

    .primarybutton.disabled {
        color: #a0a0a0;
        background-color: #eee;
        border: 1px solid #eee;
        cursor: default;
    }

    .primarybutton.enabled:focus {
        border: 1px dashed #fff;
    }

    .primarybutton.enabled:hover, .primarybutton.enabled:focus {
        background-color: #005eb2;
    }

.tertiarybutton {
    color: #333333;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #333333;
    margin-bottom: 10px;
    margin-left: 23px;
    margin-right: 23px;
    /*font-family: "Segoe UI","Segoe","Segoe WP","Tahoma",Helvetica,"Verdana","Arial",sans-serif;*/
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    line-height: 16px;
    margin-right: 0;
    margin-top: 0;
    height: 35px;
    min-width: 100px;
}

    .tertiarybutton.disabled {
        color: #a0a0a0;
        background-color: #eee;
        border: 1px solid #eee;
        cursor: default;
    }

    .tertiarybutton.enabled:focus {
        border: 1px dashed #fff;
    }

    .tertiarybutton.enabled:hover, .tertiarybutton.enabled:focus {
        background-color: #FFF;
    }

input[type="submit"], input[type="button"], input[type="reset"], button {
    -webkit-transition: background-color .2s ease,border-color .2s ease;
    -moz-transition: background-color .2s ease,border-color .2s ease;
    -o-transition: background-color .2s ease,border-color .2s ease;
    transition: background-color .2s ease,border-color .2s ease;
    border: 1px solid transparent;
    color: #fff;
    margin-bottom: auto;
    padding: .4em 1em;
    font-size: 100%;
    line-height: 1.5em;
    display: inline-block;
    min-width: 85px;
    text-align: center;
    cursor: pointer;
}

html .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: gray;
}

html .mCSB_scrollTools .mCSB_draggerRail {
    width: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: transparent;
}

html .mCustomScrollBox .mCSB_draggerRail {
    background-color: #d3d3d3;
    opacity: 1;
}

html .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, html .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: gray;
    opacity: 1;
}

html .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: gray;
    opacity: 1;
}

    
/* Sprites */
.svgsprite10 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 100px 210px!important;
}

.svgsprite15 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 300px 360px!important;
    height: 15px;
    width: 15px;
}

.svgsprite12 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 240px 288px!important;
    height: 12px;
    width: 12px;
}

.svgsprite18 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 360px 432px!important;
}

.svgsprite20 {
    background-size: 400px 480px!important;
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

.svgSprite25 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 500px 600px;
    height: 25px;
    width: 25px;
}

.svgSprite35 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 700px 840px;
    height: 35px;
    width: 35px;
}

.svgsprite40 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 800px 960px!important;
    height: 40px;
    width: 40px;
}

.svgsprite50 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 1000px 1200px!important;
    height: 50px !important;
    width: 50px !important;
}

.svgSprite55 {
    background-image: url('content/images/MLX_Icons_v9.svg');
    background-repeat: no-repeat;
    background-size: 1100px 1320px;
    height: 55px;
    width: 55px;
}

/**********/
/* HEADER */
/**********/

.instructorslabel {
    font-weight: 400;
    margin-right: 5px;
}

#course-player-header-container #instructors 
{
    display: inline-block;
    height: 21px;
    width: 72%;
}

.instructor-container {
    display: inline-block;
    max-width: 76.5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-size: 13px;
}

.instructor-link {
    text-decoration: none;
}

.instructor-link.no-twitter {
    color: inherit !important;
    cursor: default !important;
}

#course-title-container * {
    font-weight: 400;
}

#course-title-container #course-title * {
    font-weight: 600;
}

/***********/
/* OVERLAY */
/***********/
.overlay-wrapper {
    position: fixed;
    width: 100%;
    z-index: 300;
    margin: auto 0;
    padding: 1em;
    left: 0;
    background-color: #fff;
    display: none;
    height: 600px;
    min-height: 206px;
    vertical-align: middle;
    line-height: 10em;
}

#overlay,#overlayreg, #playerCover,#overlayregloading, .overlaymodal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    z-index: 100;
    opacity: .8;
}


.overlay-loading-wrapper,.register-overlay-loading-wrapper {
    position: fixed;
    width: 100%;
    top: calc(50% - 120px);
    top: -webkit-calc(50% - 120px);
    top: -moz-calc(50% - 120px);
    left: 0;
    min-height: 206px;
    height: auto;
    z-index: 1000;
    margin: auto 0;
    vertical-align: middle;
    padding: 0;
    background-color: #fff;
    display: block;
}

.loadingcontainer {
    position: fixed;
    bottom: 55px;
    margin-left: 0!important;
    margin-right: auto;
    height: 120px;
    background: #fff;
    text-align: center;
    width: calc(100% - 600px);
}

.list-view-loading {
    position: absolute;
    bottom: 0px;
    width: 97.5%;
    background-color: #FFF;
}

    .list-view-loading .loading-animation-cont {
        margin: 10px auto 10px auto;
        text-align: center;
    }

    .list-view-loading .loading-animation-cont #loading-animation {
        display: inline-block !important;
        margin: 0px 10px 0px 0px !important;
    }

    .list-view-loading .loading-animation-cont div {
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
        font-size: 150%;
    }

.loadingcontainerfromtop {
    bottom: 385px!important;
}

.overlay-loading-container {
    width: 91.96787148594378%;
    height: 78.37837837837838%;
    margin: 1em auto;
    padding: 0;
    clear: both;
}

    .overlay-loading-container h1 {
        font-size: 2em;
        color: #0072c6;
        margin: 0;
        padding-bottom: 25px;
        text-align: center;
    }

#overlay-container,#registration,#registration-loading, .modal-popup-container {
    z-index: 1001;
    position: relative;
}

.overlay-container {
    max-width: 865px;
    margin: 0 auto .5em auto;
    padding: 1em;
    clear: both;
    line-height: 150%;
    vertical-align: middle;
    overflow-y: auto;
    overflow-x: hidden;
    width: 90%;
}

    .overlay-container .heading--large, .overlay-container h2 {
        line-height: 1.25;
        margin: 0 0 .75em 0;
        font-size: 150%;
        font-weight: 600;
        position: relative;
        color: #0072c6;
        text-align: center;
    }

#overlay-error-heading {
    color: red;
    margin-bottom: 10px;
}

#divCourseRetirement h2 {
    color: #333333 !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important;
}

#divCourseRetirement .icon-container {
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

#divCourseRetirement .retirement-container {
    height: 100%;
    display: inline-block;
    width: 555px;
}

#divCourseRetirement .retirement-icon {
    margin-right: 15px;
}

#divCourseRetirement .info-msg {
    font-size: inherit !important;
    font-weight: 400 !important;
}

#divCourseRetirement .overlay-container {
    padding: 0px !important;
    margin: 0 auto 0 auto !important;
    max-width: 595px !important;
    width: 100% !important; 
}

#divCourseRetirement #replacement-course-container, #divCourseRetirement #replacement-embed-course-container {
    margin-top: 10px;
    min-height: 93px;
} 

#divCourseRetirement .replacement-course-img {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer;
}

#divCourseRetirement .replacement-course-data {
    display: inline-block;
    width: 396px;
}

    #divCourseRetirement .replacement-course-data .level-and-published-date {
        font-size: 13px;
        line-height: 12px;
    }

    #divCourseRetirement .replacement-course-data .title {
        color: #0072C6 !important;
        line-height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }

#divCourseRetirement .replacement-course-data .author-info {
    line-height: 16px;
}

#divCourseRetirement .overlay-button-container {
    margin-bottom: 10px;
    margin-right: 0px;
}

#divCourseRetirement .overlay-button-container.replacement {
    margin-top: 20px;
}

#divCourseRetirement .overlay-button-container.no-replacement {
    margin-top: 93px;
}

#divCourseRetirement .primarybutton {
    margin-left: 10px;
}

#divCourseRetirement .replacement-course-data .level-and-published-date .level {
    font-size: inherit !important;
    margin: 0 !important;
}

#divEmbedCourseRetirement .notification-container span {
    color: #333333 !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important;
    font-size: 150%;
}

#divEmbedCourseRetirement .icon-container {
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

#divEmbedCourseRetirement .retirement-container {
    height: 100%;
    display: inline-block;
    width: 555px;
}

#divEmbedCourseRetirement .retirement-icon {
    margin-right: 15px;
}

#divEmbedCourseRetirement .info-msg {
    font-size: inherit !important;
    font-weight: 400 !important;
    margin-top: 10px;
}

#divEmbedCourseRetirement .overlay-container {
    padding: 0px !important;
    margin: 0 auto 0 auto !important;
    max-width: 595px !important;
    width: 100% !important; 
}

#divEmbedCourseRetirement #replacement-embed-course-container {
    margin-top: 10px;
    min-height: 93px;
} 

#divEmbedCourseRetirement .replacement-course-img {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-right: 5px;
    cursor: pointer;
}

#divEmbedCourseRetirement .replacement-course-data {
    display: inline-block;
    width: 396px;
}

    #divEmbedCourseRetirement .replacement-course-data .level-and-published-date {
        font-size: 13px;
        line-height: 12px;
    }

    #divEmbedCourseRetirement .replacement-course-data .title {
        color: #0072C6 !important;
        line-height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }

#divEmbedCourseRetirement .replacement-course-data .author-info {
    line-height: 16px;
}

#divEmbedCourseRetirement .overlay-button-container {
    margin-bottom: 10px;
    margin-right: 0px;
}

#divEmbedCourseRetirement .overlay-button-container.replacement {
    margin-top: 5px;
}

#divEmbedCourseRetirement .overlay-button-container.no-replacement {
    margin-top: 93px;
}

#divEmbedCourseRetirement .primarybutton {
    margin-left: 10px;
}

#divEmbedCourseRetirement .replacement-course-data .level-and-published-date .level {
    font-size: inherit !important;
    margin: 0 !important;
}

#overlay-auth-error-heading {
    color: #007233;
    margin-bottom: 20px;
}

.overlay-button-container {
    width: 100%;
    height: 35px;
    margin-right: 50px;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    float: right;
    text-align: right;
}

.reauth-message .overlay-button-container {
    float: left;
    text-align: left;
}

.reauth-message .overlay-button-container .primarybutton {
    margin-left:30px;
}

.reauth-message b {
    font-weight : 600;
}

.overlay-container ul, .overlay-container ul li {
    list-style: none;
}

.overlay-small-button-container button.button--tertiary {
    padding: .5em 1em!important;
}

#divErrorMessage, #divCourseRetirement {
    top: calc(50% - 120px);
    top: -webkit-calc(50% - 120px);
    top: -moz-calc(50% - 120px);
}

#divEmbedCourseRetirement {
    top: calc(50% - 130px);
    top: -webkit-calc(50% - 130px);
    top: -moz-calc(50% - 130px);
}

    #divErrorMessage.overlay-wrapper, #divCourseRetirement.overlay-wrapper, #divEmbedCourseRetirement.overlay-wrapper {
        position: fixed;
        width: 100%;
        z-index: 1001;
        margin: auto 0;
        padding: 1em;
        left: 0;
        background-color: #fff;
        display: none;
        height: auto;
        min-height: 206px;
        vertical-align: middle;
        line-height: 10em;
    }

        #divErrorMessage.overlay-wrapper .overlay-container {
            max-width: 865px;
            margin: 0 auto .5em auto;
            padding: 1em;
            clear: both;
            line-height: 150%;
            vertical-align: middle;
            overflow-y: auto;
            overflow-x: hidden;
            width: 90%;
        }

            #divErrorMessage.overlay-wrapper .overlay-container h2 {
                text-align: left;
            }

        #divErrorMessage.overlay-wrapper .overlay-button-container {
            width: 100%;
            height: 35px;
            margin-right: 50px;
            margin-bottom: 1.5em;
            margin-top: 1.5em;
            float: right;
            text-align: right;
        }

#divJoinNowForm label.error {
    position: absolute;
}

#loading-animation {
    background: url('content/images/ProgressRing_Blue40x40.gif') no-repeat;
    width: 40px;
    height: 40px;
    margin: 40px auto;
}

/****************/
/* VIDEO PLAYER */
/****************/

.content-container {
    display: inline-block;
    width: 54%;
    margin-left: 33px; 
    vertical-align: top;
    height: 528px;
}

.frame-container {
    width: 100%;
    height: 456px;
    height: -webkit-calc(451px);
    height: -moz-calc(441px);
    background-color: #FFF;
}
    
.video-player-wrapper {
    width: 1170px;
    height: 543px;
    padding: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.video-player-control-wrapper {
    width: 98.55%;
    height: 5em;
    padding: .5em;
    display: block;
    vertical-align: baseline;
    background: url('content/images/black70pixel.png') repeat;
    z-index: 350;
    margin-top: 35.5%;
}

.video-player-control-buttons-left {
    width: 46%;
    float: left;
    margin-right: .5em;
    display: inline-block;
}

.video-player-control-buttons-right {
    width: 49%;
    float: right;
    margin-left: .5em;
    display: inline-block;
}

.video-player-control-progress {
    width: 100%;
    display: block;
}

.video-navigation {
    width: 1032px;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}

    .video-navigation li {
        list-style: none;
        margin: 0 .5em 0 0;
        padding: 0;
        display: inline-block;
        line-height: 1.5em;
    }

    .video-navigation > div:first-child {
        width: 75%;
        float: left;
    }

.next-video-text {
    font-size: .765em;
    vertical-align: top;
    width: 85%;
    cursor: default;
}

.dsp-module-title 
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 14px !important;
    height: 19px;
}

.dsp-topic-title 
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px; 
    vertical-align: bottom;
    padding-top: 8px;
    white-space: nowrap;
    /*width: 220%;*/
    width:100%;
}

#contentFrame {
    border: 0 none;
    display: block;
    margin: 0 auto;
    min-height: 250px;
}

.video-player #contentFrame {
    max-width: 810px;
    background-color: #000;
}

.video-container-fullscreen #contentFrame {
    max-width: none;
}

#iframeWrapper, #iframeWrapper.video-player {
    background: #000 none repeat scroll 0 0;
}

#iframeWrapper.video-player.frame-container.backgroundWhite,#iframeWrapper.video-player .frame-container.backgroundWhite {
     background: #FFF none repeat scroll 0 0;
}

/* Navigation */
#video-navigation 
{
    height: 50px;
    margin-top: 25px; 
    box-sizing: border-box;
    /*display: inline-block;
    width: 100%;*/
    vertical-align: baseline;
    margin-top: 24px;
    font-size: 13px;
}

.navigation-controls {
    display: inline-block;
    width: 63%; 
    height: 100%; 
    vertical-align: top;
    margin-top:  5px;
}

    .navigation-controls #nav-next-previous, .navigation-controls #next-text-container {
        display: inline-block; 
        vertical-align: bottom;
        margin-left: 5px;
        height: 100%; 
        float: left;
        height: 100%; 
        margin-top: 9px;
    }

#nav-next-previous 
{
    margin-left: 0px !important;
}

.nav-next, .nav-previous {
    width: 20px;
    height: 20px;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    margin-left: 10px;
    overflow: hidden;
}

.nav-previous-img {
    position: relative;
    top: 0;
    left: 0;
}

.nav-previous-disabled .nav-previous-img {
    position: relative;
    top: 0;
    left: -20px
}

.nav-next-img {
    position: relative;
    top: 0;
    left: -40px;
}

.nav-next-disabled .nav-next-img {
    position: relative;
    top: 0;
    left: -60px;
}

.next-text {
    vertical-align: top;
    color: #333;
    cursor: text;
    display: inline-block;
    width: 100%;
}

.next-text-container {
    margin-left: 5px;
    display: inline-block;
    width: 77%;
    height: 50px;   
    vertical-align: top; 
}

.video-container-fullscreen .next-text-container {
    width: 83%;
}

.next-text-container a {
    margin-top: 0px;
}

.next-text-container span 
{
    color: #333;
    line-height: 20px;
    vertical-align: top;
}

.video-container-fullscreen .next-text-container span 
{
    color: #FFF !important;
}

.autoplay, .social-share-btn {
    color: #0072c6;
    cursor: pointer;
    font-weight: 400;
}

.autoplay-share-container {
    display: inline-block;
    font-weight: 700;
}

#autoplay-container, #social-share-container {
    text-align: right;
    margin-top: 4px;
}

#social-share-container {
    margin-left: 30px;
}

#social-share-container .social-share-btn::after {
    background-image: url("content/images/MLX_Icons_v6.svg");
    background-position: -96px -240px;
    background-repeat: no-repeat;
    background-size: 240px 288px !important;
    content: "";
    cursor: pointer;
    height: 12px;
    position: absolute;
    width: 12px;
    margin-top: 5px;
    margin-left: 4px;
}

.video-container-fullscreen #social-share-container .social-share-btn::after {
    background-position: -60px -36px;
}

.video-container-fullscreen #social-share-container .social-share-arrow {
    background-position: -54px -34px;
    background-size: 109px 273px;
}

.video-hidefullscreen {
    margin-right: 30px;
}

#social-share-container .video-hidefullscreen-carotbehind {
    right: 38px !important;
}

#social-share-container .video-hidefullscreen-carotover {
    right: 40px !important;
}

.share-autoplay-container {
  float: right;
  margin-top: 9px;
}

#social-share-callout {
    background-color: #FFFFFF;
    position: absolute;
    bottom: 62px;
    right: -1px;
    border: 1px solid #CACACA;
    max-width: 380px;
    z-index: 3000;
}

#social-share-callout .social-share-callout-content {
    padding: 20px 20px 20px 20px;
}

#social-share-callout .share-this-lesson-text {
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
#social-share-callout .share-this-lesson-text.bold {
    font-weight: 700;
}

#social-share-callout .social-share-icons-list li {
    display: inline;
    list-style-type: none;
    margin-right: 15px;
}

    #social-share-callout .social-share-icons-list li:last-child {
        margin-right: 0px !important;
    }

#social-share-callout .social-share-icons-list {
    text-align: left;
}

#social-share-callout .social-share-icons-list .social-share-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}

#social-share-callout .social-share-icons-list .social-share-icon img {
    position: relative;
}

#social-share-callout .social-share-icons-list .social-share-icon.facebook img{
    left: -224px;
    top: -416px;
}

#social-share-callout .social-share-icons-list .social-share-icon.twitter img{
    left: -160px;
    top: -448px;
}

#social-share-callout .social-share-icons-list .social-share-icon.linkedin img{
    left: -288px;
    top: -416px;
}

#social-share-callout .social-share-icons-list .social-share-icon.mail img{
    left: -224px;
    top: -448px;
}

#social-share-callout .separatorLineEmbed {
    margin-top: 20px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #a1a1a1;
}

#social-share-callout .embed-content {
    margin-top: 20px;   
}

#social-share-callout .embed-content textarea {
    background: #EBEBE4;
    color: #545454;
}

#social-share-callout .embed-content .title-lesson-embed {
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 700;
    float: left;
}

#social-share-callout .embed-content .text-content-embed {
    margin-bottom: 20px;
}

#social-share-callout .embed-content .text-content-embed #txtContentEmbed {
    height: 80px;
    text-align: left;
    padding: 10px 20px 10px 10px;
    resize: none;
    width: 100%;
    word-break: break-all;
    box-sizing: border-box;
}

#social-share-callout .embed-content .text-size-embed {
    display: block;
    float: left;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}

#social-share-callout .embed-content .ddlSizeEmbed {
    padding: 3px 10px 3px 4px;
    display: block;
}

#social-share-callout .social-share-callout-carot {
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg);
    position: absolute;
}

#social-share-callout .social-share-callout-carot.behind {
    border-width: 21px 12.5px 0 12.5px;
    border-color: #CACACA transparent transparent transparent;
    right: 83px;
    bottom: -21px;
    z-index: 1;
}

#social-share-callout .social-share-callout-carot.over {
    border-width: 19px 10.5px 0 10.5px;
    border-color: #FFFFFF transparent transparent transparent;
    right: 85px;
    bottom: -19px;
    z-index: 2;
}

/* Embedded notification popup*/
#embed-share-callout {
    background-color: #FFFFFF;
    position: absolute;
    bottom: 62px;
    right: 10px;
    border: 1px solid #CACACA;
    max-width: 255px;
    z-index: 3000;
}

#embed-share-callout .embed-share-callout-content {
    padding: 5px 5px 18px 10px;
    text-align:left;
}

#embed-share-callout .embed-share-callout-carot {
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: rotate(360deg);
    position: absolute;
}

#embed-share-callout .embed-share-callout-carot.behind {
    border-width: 21px 12.5px 0 12.5px;
    border-color: #CACACA transparent transparent transparent;
    right: 63px;
    bottom: -21px;
    z-index: 1;
}

#embed-share-callout .embed-share-callout-carot.over {
    border-width: 19px 10.5px 0 10.5px;
    border-color: #FFFFFF transparent transparent transparent;
    right: 65px;
    bottom: -19px;
    z-index: 2;
}

/***************/
/* COURSE INFO */
/***************/
#info-tab-outer-container {
    font-size: 13px;
    width: 38.8%;
    height: 528px;
    overflow: hidden;
}

#info-tab-container #tabs {
    width: 100%;
}

#course-content-details-container {
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
    height: -moz-calc(100% - 100px);
    margin-bottom: 60px;
}

.course-details-info-container { height: 100%; }

#course-player-container #info-tab-container #tabs #goToForumsLink {
    vertical-align: top;
    float: right;
    padding-right: 15px;
}

#goToForumsLink::before {
    border-left: 1px solid #fff;
    content: " ";
    display: block;
    height: 40px;
    margin-left: -8px;
    margin-top: 8px;
    position: fixed;
    width: 1px;
    position: absolute;
}

#goToForumsLink a::after {
  bottom: 45px;
  color: #fff;
  content: ">";
  display: inline-block;
  font-size: 23px;
  height: 20px;
  left: 55px;
  position: relative;
  width: 10px;
}

#course-player-container #info-tab-container #tabs #goToForumsLink a {
    color: #fff;
    display: block;
}

#course-info-container * {
    font-weight: 400;
    text-align: left;
}

#course-info-container * .fontW700 {
    font-weight: 700;
}

#course-retirement-notification {
    margin-top: 5px;
    border-bottom: 1px solid #CACACA;
}

#course-retirement-notification .retirement-icon, #divCourseRetirement .retirement-icon, #divEmbedCourseRetirement .retirement-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    background-size: 200px 480px;
    vertical-align: top;
}

    #course-retirement-notification .retirement-icon.warning, #divCourseRetirement .retirement-icon.warning, #divEmbedCourseRetirement .retirement-icon.warning {
        background-position: -80px -300px;
    }

    #course-retirement-notification .retirement-icon.alert, #divCourseRetirement .retirement-icon.alert, #divEmbedCourseRetirement .retirement-icon.alert {
        background-position: -60px -300px;
    }

#course-retirement-notification .retirement-text-container {
    display: inline-block;
    width: 94%;
    margin-bottom: 5px;
    margin-left: 5px;
}

    #course-retirement-notification .retirement-text-container p, 
    #course-retirement-notification .retirement-text-container a {
        display: inline;
    }

#course-retirement-notification .retirement-text .retirement-date {
    font-weight: 600 !important;
    color: inherit;
}

/* TODO: check if it is possible to change all .[xxxx]-topbar to .topbar */
#course-info-container * .fontW600,#course-info-container * .fontW600 *, #course-info-container .labels *, 
#course-info-container .semi-bold, 
#course-info-container h3 *, #course-info-container .syllabus-topbar *, #course-info-container .download-topbar *, 
#course-info-container .relatedbooks-topbar *, #course-info-container .relatedcertifications-topbar *, 
#course-info-container .relatedcourses-topbar *, #course-info-container .info-topbar *{
    font-weight: 600;
}

#course-info-container h3 * {
    font-size: 0.95em;
}

.info-container {
    background: #0072c6;
    height: 53px;
    display: inline-block;
    width: auto;
}

    .info-container li {
        margin: 0px !important;
        padding: 0 !important;
    }

        .info-container li a {
            display: block;
            height: 52px;
        }

.acc-item-name {
    display: inline-block;
    padding-left: 7px;
    color: #0072c6;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 96%;
}

.lbl-all-items {
    float: right;
    color: #0072c6;
    font-weight: 600;
    text-align: right;
    line-height: 45px;
    padding-right: 7px;
}

    .lbl-all-items a {
        color: #0072c6;
        font-weight: 600;
    }


        
.tab-outer-container {
    display: inline-block;
    width: calc(100% - 787px);
    width: -webkit-calc(100% - 787px);
    width: -moz-calc(100% - 787px);
    padding-left: 20px;
    padding-right: 33px;
}

.tab-container .ui-tabs-nav li 
{
    display: inline;
    list-style: none;
    position: relative;
    cursor: pointer;
    top: 1px;
    white-space: nowrap;
    float: left;
}

.tab-container, .tab-container .ui-tabs-nav li a, .tab-container .ui-tabs-nav {
    padding: 0;
}

.tab-container .ui-widget-header {
    border: none;
}

.tab-container .ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

.syllabus-topbar, .info-topbar, .relatedbooks-topbar, .relatedcertifications-topbar, .relatedcourses-topbar {
    border-bottom: 1px solid #cacaca;
    height: 45px;
}

.download-topbar{
    border-bottom: 1px solid #cacaca;
    min-height: 35px;
}

.table-content, .related-books-header, .related-certifications-header, .related-courses-header, .course-information, .download-resources {
    display: inline-block;
    font-weight: 600;
    line-height: 45px;
    font-size: 13px;
}

.download-resources{
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.primarybutton {
    line-height: 16px;
    margin-right: 0;
    margin-top: 0;
    height: 35px;
    min-width: 100px;
}   

.accordian-container 
{
    width: 100%;
    height: 329px;
    overflow-y: auto;
    overflow-x: hidden; 
}

#syllabus .accordian-container 
{
    height: 325px;
    border-top: 1px solid #cacaca;
}

#syllabus .accordian-container.has-new-content
{
    height: 325px;
}

.introduction-tab-container {
    margin-top: 10px;
    overflow: hidden;
    width: 96%;
}

.sLellipsis {
    line-height: 17px;
    width: 96%;
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
}

    .sLellipsis span {
        z-index: 2;
    }
/*
    .sLellipsis:after {
        background-color: #fff;
        color: #fff;
        display: inline;
        position: relative;
        box-shadow: 8px 1px 1px white;
        z-index: 1;
    }
*/
    .sLellipsis label, .sLellipsis div {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff;
        word-spacing: 2px;
    }

.third-line.sLellipsis {
    line-height: 17px;
    min-height: 17px;
    max-height: 51px;
}

.margin-top {
    display: inline-block;
    margin-top: 15px;
}

.margin-top-big {
    display: inline-block;
    margin-top: 25px;
}

    .third-line.sLellipsis:after {
    }

/* Collapsible lists */
.ui-accordion-header-active.ui-state-active {
    border-bottom: 0!important;
    padding-bottom: 10px !important;
}
/*.ui-state-active.ui-accordion-header-active {
    
}*/

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0!important;
}

.ui-accordion .ui-accordion-content {
    border: 0 solid #fff;
    border-bottom: 1px solid #0072c6;
    margin-top: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%;
}

.ui-accordion-header-icon {
    display: none!important;
}

.ui-accordion-header {
    margin: 0!important;
    font-weight: normal!important;
    border-radius: 0!important;
    width: 100%!important;
    height: auto;
    background: #fff!important;
    background-image: none;
    border: 0 solid #fff!important;
    border-bottom: 1px solid #0072c6!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
}

.course-info-accordian {
    margin-top: 15px;
    border-top: 1px solid #0072c6;
}

    .course-info-accordian .acc-item-name 
    {
        width: 90%;
    }



/* Tabs */
#info-tab li {
    background-color: #0072c6;
    border-radius: 0!important;
    display: inline-block;
    height: 52px;
}

body.embed-player #info-tab li {
    background-color: #FFF;
}

#tabs .icon-container {
    background-color: #0072c6;
    display: block;
    height: 35px;
    margin: 0 auto;
    padding: 0;
    width: 35px;
}

#tabs #info-tab li.ui-tabs-active .icon-container, #info-tab .ui-tabs-active * {
    background-color: #FFF;
}

#tabs .icontab-description {
    background-color: #0072c6;
    color: #fff;
    font-size: 12px;
    margin: 0 10px;
    font-weight: 600;
    position: relative;
    vertical-align: bottom;
}

#overview-tab {
   border-left: 1px solid #0072c6;
}

#info-tab .ui-tabs-active .icontab-description{
    background-color: #FFF;
    color: #0072c6;
}

#overview-tab.ui-tabs-active .icon {
        background-position: -200px 0;
    }

#syllabus-tab.ui-tabs-active .icon {
        background-position: -300px 0;
    }

#download-tab.ui-tabs-active .icon {
        background-position: -400px 0;
    }

#transcript-tab.ui-tabs-active .icon {
        background-position: -550px -300px;
    }

#overview-tab.ui-tabs-active .icon.svgsprite40 {
    background-position: -160px 0;
}

#syllabus-tab.ui-tabs-active .icon.svgsprite40 {
    background-position: -240px 0;
}

#download-tab.ui-tabs-active .icon.svgsprite40 {
    background-position: -320px 0;
}

#transcript-tab.ui-tabs-active .icon.svgsprite40 {
    background-position: -440px -240px;
}

#certification-tab.ui-tabs-active .icon {
        background-position: 0 -750px;
    }

#books-tab.ui-tabs-active .icon {
        background-position: -300px -601px;
    }

#certification-tab.ui-tabs-active .icon {
        background-color: #fff!important;
        color: #0072c6!important;
    }

    .transcript-search {
        padding: 10px 0;
        width: 100%;
    }

    .transcript-search .keyword {
        width: calc(100% - 350px);   
    }

    .transcript-search div a {
        padding: 0 8px;
    }

    .transcript-search #search-next::after {
        display:inline;
        position:relative;
        border-left: 1px solid #CACACA;
        content: " ";
        width: 1px;
        margin-left: 10px
    }

    .transcript-search .controls {
        width: 295px;
        float: right;
    }

    .transcript-search .controls a.disabled {
        color: #A0A0A0;
        cursor: default;
    }

@media (max-width:450px) {
    .transcript-search .controls {
        float: left;
        padding: 10px 0 0;
    }

     .transcript-search .keyword {
        width: calc(100% - 40px);   
    }

     #search-prev
     {
         padding-left: 0;
     }
}


#related-courses-tab.ui-tabs-active .icon {
    background-color: #104e8b!important;
}

.ui-accordion .ui-accordion-header a {
    display: inline-block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 0.7em;
}

.accordion-title-icon-expandcollapse {
    overflow:hidden;
    height: 20px;
    padding: 0 !important;
    width: 20px;
}

.info-container .stage-icon {
    background-position: 0 -150px;
}

.info-container .share-icon {
    background-position: 0 -150px;
}

.info-container .overview-icon {
    background-position: -250px 0;
}

.info-container .overview-icon.svgsprite40 {
    background-position: -200px 0;
}

.info-container .syllabus-icon {
    background-position: -350px 0;
}

.info-container .syllabus-icon.svgsprite40 {
    background-position: -280px 0;
}

.info-container .download-icon {
    background-position: -450px 0px;
}

.info-container .download-icon.svgsprite40 {
    background-position: -360px 0px;
}

.info-container .transcript-icon {
    background-position: -480px -240px;
}

.info-container .recomanded-courses-icon {
    background-position: -480px -240px;
}

.info-container .forum-icon {
    background-position: -175px -125px;
    margin-left: 4px;
    margin-top: 7px;
}

.info-container .overview-icon.svgSprite35 {
    background-position: -175px 0;
    margin-top: 1px;
}

.info-container .syllabus-icon.svgSprite35 {
    margin-top: 2px;
    background-position: -245px 0;
}

.info-container .download-icon.svgSprite35 {
    margin-top: 2px;
    background-position: -315px 0px;
}

.info-container .transcript-icon.svgSprite35 {
    margin-top: 2px;
    background-position: -420px -210px;
}

.info-container .recomanded-courses-icon.svgSprite35 {
    margin-top: 2px;
    background-position: -490px -210px;
}

.info-container .forum-icon.svgSprite35 {
    background-position: -280px -172px;
}

.info-container .kipi-challenge-icon {
    background-image: url(images/Kipi_Challenge_Courseplayer_icon.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    margin-top: 5px;
    background-position-x: center;
    background-size: 28px 28px;
}

.challenge-banner {
    font-weight: 600 !important;
    border-bottom: 1px solid #cacaca;
    height: 45px;
}

.font600 {
    font-weight: 600 !important;
}

#overview-tab.ui-tabs-active .icon.svgSprite35 {
    margin-top: 1px;
    background-position: -140px 0;
}

#syllabus-tab.ui-tabs-active .icon.svgSprite35 {
    background-position: -210px 0;
    margin-top: 2px;
}

#download-tab.ui-tabs-active .icon.svgSprite35 {
    background-position: -281px 0;
    margin-top: 2px;
}

#transcript-tab.ui-tabs-active .icon.svgSprite35 {
    margin-top: 2px;
    background-position: -385px -210px;
}

#recomanded-courses-tab.ui-tabs-active .icon.svgSprite35 {
    margin-top: 2px;
    background-position: -455px -210px;
}

.info-container .certification-icon {
    background-position: -50px -750px;
}

.info-container .book-icon {
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    background-size: 500px 1050px;
    background-position: -350px -601px;
}


/* Overview */
.course-overview-message {
    line-height: 19px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.caption {
    font-weight: 100;
    font-size: 0.9em;
}

.course-overview-footer {
    background-color: #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

    .course-overview-footer div:first-child 
    {
        padding-top: 20px;
    }

    .course-overview-footer div:last-child
    {
        padding-bottom: 10px;
    }

.course-overview-footer-data {
    line-height: 20px;
}

.overview-container-height {   
    overflow-y: auto;
}

#courseOutline ul.bulleted-list li {
    padding-bottom: 0!important;
}

#coursePlayer ul.bulleted-list * {
    list-style: disc;
}

#courseOutline div 
{
    cursor: default !important;

    display: block;
}

.overview-tab-headers ul {
    line-height: 1.5em;
    margin-left: 10px;
}

.video-info li span {
    margin-left: 27px;
    display: inline-block;
}

.outline-sub-header {
    margin-left: 47px;
}

.headline {
    font-weight: 300;
    color: #333;
    font-size: 25px;
}

ul.bulleted-list {
    list-style-type: disc;
}

    ul.bulleted-list li {
        padding-bottom: .8em;
        margin-left: 15px!important;
        display: list-item;
    }

    ul.bulleted-list p {
        margin: .5em 0 1em 0!important;
    }

#course-title-description {
    max-width: 100%;
    word-wrap: break-word;
}

#course-description-more {
    font-weight: 400;
}


/* Syllabus and overview*/

#syllabus .mCSB_container, #overview .mCSB_container {
    margin-right: 0!important;
}

.get-help-btn { width: 100%; }

.get-help-btn .feedback-container 
{ 
    float: right;
    margin-right: 33px;
}

.get-help-btn a { color: #FFF !important; }

/* Syllabus */
.syllabus-topbar-column-headers .lbl-show-all
{
    text-align: left;
    line-height: inherit;
    vertical-align: top;
    width: initial;
}

.syllabus-topbar-column-headers .labels 
{
    float: right;
    width: auto;
}

    .syllabus-topbar-column-headers label, .syllabus-topbar-column-headers .labels > span {
        font-weight: 600;
        padding: 15px 0px;
    }

    #updated-content-bonus
    {
        width: 76%; 
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600 !important;
        padding: 15px 0px;
    }

.syllabus-topbar-column-headers .courseDescription {
    font-weight: 100;
}

.lbl-show-all {
    display: inline-block;
    padding-right: 7px;
}

.lbl-time {
    float: left;
    margin-right: 13px;
    vertical-align: top;
    text-align: left;
}

.content-bonus {
    float: left;
}

.content-bonus-container {
    width: 40.5%;
    float: right;
    margin-right: 33px;
}

.update-msg-container {
    height: 45px;
    line-height: 45px;
    width: 99.7%;
    border: 1px solid #d3d3d3;
    border-top: 0;
}

#syllabus-accordian .ui-accordion-header.ui-accordion-icons a img{
    left: 0px;
    top: -20px;
    position: relative;
}

#syllabus-accordian .ui-accordion-header.ui-accordion-icons.ui-state-hover a img, 
#syllabus-accordian .ui-accordion-header.ui-accordion-icons.ui-state-focus a img{
    left: -40px;
    top: -20px;
    position: relative;
}

#syllabus-accordian .ui-accordion-header.ui-accordion-header-active.ui-state-active.ui-accordion-icons a img{
    left: -60px;
    top: -20px;
    position: relative;
}

#syllabus-accordian .ui-accordion-header.ui-accordion-header-active.ui-state-active.ui-accordion-icons.ui-state-focus a img,
#syllabus-accordian .ui-accordion-header.ui-accordion-header-active.ui-state-active.ui-accordion-icons.ui-state-hover a img{
    left: -100px;
    top: -20px;
    position: relative;
}

.component-icon, .component-icon:focus {
    margin: 2px 0 0 25px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 30px;
    color: #0072c6;
    display: inline-block;
}

.course-components {
    width: 100%;
    min-height: 25px;
    clear: both;
    padding: 2.5px 0;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    cursor: pointer;
}

    .course-components:hover, .course-components:focus {
        background: #d3d3d3;
    }
    
.course-components .corse-item-progress, .course-components .corse-item-time {
    color: #333;
    margin: auto 0;
    vertical-align: middle;
    text-align: right;
}

.course-components .corse-item-progress {
    display: inline-block;
    width: 122px;
    max-height: 40px;
    float: right;
}

.corse-item-time, .corse-item-progress, .corse-item-points, .corse-item-score {
}

h3 .corse-item-name 
{
    width: 90%;
    white-space: normal;
    text-overflow: inherit;
    overflow: hidden;
    max-height: none;
}

    h3 .corse-item-name .acc-item-name 
    {
        width: 95%;
        white-space: normal;
        text-overflow: inherit;
        overflow: hidden;
    }

.corse-item-name, .corse-item-name-nomedia {
    display: inline-block;
    color: #0072c6;
    vertical-align: bottom;
    line-height: normal;
    width: 62%;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.corse-item-name-nomedia {
    width: 67.2%;
}

.course-assessment {
    vertical-align: middle;
    display: table-cell;
    padding-top: 2px;
}

.corse-level-assessment {
    max-width: 64% !important;
    padding-left: 10px;
    width: auto !important;
}

.module-level-assessment {
    width: auto!important;
    max-width: 65.5%!important;
    padding-left: 10px;
}

.embed {
    background-position: -18px -360px;
}

.prereq-satisfied .svgsprite18, .active-activity .svgsprite18 {
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    background-size: 180px 432px !important;
}

.not-prereq-satisfied .svgsprite18, .not-active .svgsprite18 {
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    background-size:180px 432px !important;
    cursor: default;
}

.prereq-satisfied .exam, .prereq-satisfied .self-assessment, .active-activity .exam, .active-activity .self-assessment {
    background-position: 0 -343px;
}

.prereq-satisfied .self-assessment, .active-activity .self-assessment {
    background-position: 0 -288px;
}

.not-prereq-satisfied .exam, .not-prereq-satisfied .self-assessment {
    background-position: -18px -162px;
}

.not-prereq-satisfied .module-level-assessment {
    cursor: default;
    color: #333333;
}

.course-components .microsoft-excel, .course-components .microsoft-word, .course-components .microsoft-powerpoint, 
.course-components .pdf, .course-components .zip, .course-components .document-download {
    background-position: -108px -162px !important;
}

.corse-item-time {
    width: 90px;
    float: right;
}

.corse-item-progress {
    position: relative;
    vertical-align: middle;
    top: -17px;
}

.corse-item-points {
    width: 55px;
}

.corse-item-score {
    width: 45px;
}

.corse-item-span {
    vertical-align: middle;
    width: 55px;
    /*margin-right: 10px;*/
    float: left;
}

.star-span {
    float: left;
    padding-right: -7px;
    padding-top: 2px;
    padding-left: 3px;
}

.syllabusLevel-1.course-components {
    position: relative;
    padding-left: 0;
    width: 100%;
    height: 45px;
    display: block;
    white-space: normal;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    box-sizing: content-box;
    overflow:hidden;
}
.corse-item-container {
    overflow: hidden;
}

.syllabusLevel-2.course-components {
    position: relative;
    padding-left: 20px;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
}

.syllabusLevel-3.course-components {
    position: relative;
    padding-left: 50px;
    width: calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
}

.syllabusLevel-21.course-components {
  line-height: 22px;
  margin-left: 37px;
  display: table;
  table-layout: fixed;
}

.syllabusLevel-1 .corse-item-name {
    color: #0066b7;
    padding-left: 10px;
    cursor: pointer;
}

.syllabusLevel-1 .corse-item-name .assetType,
.syllabusLevel-2 .corse-item-name .assetType,
.syllabusLevel-3 .corse-item-name .assetType {
    color: #333 !important;
}

.syllabusLevel-2 .corse-item-name {
    min-width: 64%;
    max-width: 64%;
}

.syllabusLevel-3 .corse-item-name {
    min-width: 43.1%;
    max-width: 43.1%;
}

.syllabusLevel-2 .corse-item-name, .syllabusLevel-3 .corse-item-name {
    padding-left: 10px;
    white-space: normal;
    padding-bottom: 5px;
    color: #0072c6;
    cursor: pointer;
}


.bookmark-title {
  display: inline-block;
  max-height: 40px;
  min-height: 25px;
  white-space: normal;
  width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bookmark-icon {
  background-position: -36px -306px;
  color: #0072c6;
  display: inline-block;
  height: 18px;
  line-height: 30px;
  margin: 6px 5px 0 0;
  vertical-align: middle;
  width: 18px;
  float:left;
}

.bookmark-container {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}

.bookmark-duration {
  display: table-cell;
  vertical-align: middle;
  width: 159px;
}

.active-activity {
    background-color: #e6e6e6;
    border-bottom: 1px solid #0072c6!important;
    border-top: 1px solid #0072c6!important;
}

.not-active {
    background-color: #fff;
    border-bottom: none;
    border-top: none;
}

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

.rate-review-container {
    clear: both;
    height: 28px;
    float: right;
    margin-top: 30px;
}

.rate-review-link {
    color: #0072c6;
    text-decoration: none;
    line-height: 32px;
    font-weight: 700;
}

.tick-icon {
    background: url("content/images/MLX_Icons_v4.svg") no-repeat scroll 0 -100px / 200px 480px rgba(0, 0, 0, 0) !important;
    text-align: center;
    vertical-align: middle;
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 20px;
}

.tick-icon-container {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.learning-plan-icon {
    display: table-cell;
    color: #008a00;
    font-weight: 600;
    font-size: 1.4em;
    padding: 0 0 1px 7px;
    vertical-align: middle;
}

    .learning-plan-icon .add {
        font-weight: 600;
    }

#points-progress-container .icon-inlearningplan, 
.search-result-right-container .icon-inlearningplan {
    content: "";
    background-image: url("content/images/MLX_Icons_v4.svg");
    background-position: -541px -90px;
    background-size: 175px 458px;
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #008a00;
    font-weight: 600;
    font-size: 1.4em;
    padding: 0px;
    vertical-align: middle;
    background-color: #008A00;
    margin-top: 2px;
}

.channel-9
{
    background-color: #e4a000 !important;
    float:right;
    max-height:33px;
    width:auto;
    padding-right:3px;
    overflow:hidden;
    white-space:nowrap;
    font-size:12px;
    color:white !important;
    padding:9px;
    margin-left: 5px !important;
    height:auto !important;
    margin-bottom: 10px !important;
    margin-top:8px;
}

#channel9
{
 color:#FFFFFF !important;
 font-weight:bold;
}

#points-progress-container .add-learning-plan-container,
.search-result-right-container .add-learning-plan-container {
    height: 33px;
}

#points-progress-container .inlearningplan-background,
.search-result-right-container .inlearningplan-background {
    background-color: #008a00;
    display: table-cell;
    height: 33px;
    width: 21px;
}


#courseNotificationPopup {
    position: fixed;
    top: 0;
}


.star-img {
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: 150px 315px;
}

    .star-img.expired {
        background-position: -45px -90px;
    }

    .star-img.warning {
        background-image: url('content/images/MLX_Icons_v4.svg')!important;
        background-position: -60px -225px;
        background-size: 150px 315px!important;
    }

    .star-img.updated {
        background-position: -75px -90px;
    }

    .star-img.delete-content {
        background-position-x: -60px;
        background-position-y: -195px;
    }



/* Syllabus content icons */

.course-components .video {
    background-position: -110px -108px !important;
}

.course-components .htmlcode {
    background-position: -90px -342px !important;
}

.course-components .simulation {
    background-position: -108px -144px !important;
}

.course-components .demo {
    background-position: -108px -180px !important;
}

.course-components .microsoft-excel, 
.course-components .microsoft-word, 
.course-components .microsoft-powerpoint, 
.course-components .pdf, 
.course-components .zip {
    background-position: -108px -162px !important;
}

.exam, .self-assessment {
    background-position: -18px -162px;
}

.no-media-play {
    background-position: -36px -270px !important;
}


/* Download */
.downloadlist ul li {
    height: 35px;
    line-height: 30px;
}

    .downloadlist .download-file-name {
        width: 46%;
    } 

        .downloadlist ul li a img {
            height: 40px;
        }

    .downloadlist ul li div {
        display: inline-block;
    }

.download-file-name {
    width: 58%;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.download-file-name-external {
    margin-left: 0;
    vertical-align: top;
}

    .download-file-name-external a {
        color: #0072c6;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%!important;
    }

.downloadall {
    margin-top: 10px;
}

.icon-ZipFolder::before {
    content:"\f012" !important;
}

.download-resolution {
    float: right;
    margin-right: -118px;
}

#download-information {
    margin-top: 7px;
    margin-bottom: 7px;
}

.compressed-file-header, .individual-file-header {
    height: 25px;
    line-height: 27px;
    margin-bottom: 5px;
}

.individual-file-header {
    margin-top: 5px;
}

#download-check {
    margin: 0 0 3px 0;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.download-size-header {
    width: 40%;
}

.download-resolution-header {
    float: right;
    margin-right: -150px;
    max-width: 90px;
}

#download-tab-container, #transcript-tab-container {
    height: calc(100% - 78px);
    height: -webkit-calc(100% - 89px)!important;
    height: -moz-calc(100% - 78px)!important;
}

#transcript-tab-container .table
{
    width: 100%;
    border-spacing:0px;
    border-collapse:separate;  
    display: table;
}

#transcript-tab-container th{
    font-weight:600 !important;    
    vertical-align:top;
    line-height:45px;
}

#transcript-tab-container .left-row {
    width: 80px;
}

#transcript-tab-container .right-row {    
    text-align:right;    
}

#transcript-tab-container .download-transcript {
    font-weight:400;
    text-decoration:underline;
}

#transcript-tab-container .td{    
    vertical-align:top;
    display: table-cell;
    color:#333;
    padding: 5px;    
}

.transcript-rows {
    height:344px;
    overflow-x:hidden;
    overflow-y:scroll;
    border-top:1px solid #cacaca;
}

.transcript-rows li:hover, .transcript-rows a:focus li{
    background: #ccc;
    cursor:pointer;
}

.download-data-container {
    height: 435px;
    overflow-y: auto;
    position: relative;
}

/* Books */
.book-margin {
    margin-top: 10px;
    margin-left: 15px;
}

.book-image-size {
    display: inline-block;
    width: 15%;
    height: auto;
}

    .book-image-size img {
        width: 100%;
        height: auto;
    }

.book-content-size {
    width: 60%;
    vertical-align: top;
    margin-right: 5px;
}

    .book-content-size label {
        display: block;
        line-height: 17px;
    }


.title-text {
    font-weight: 600;
    color: #0072c6;
}

.buy-button {
    margin: 0;
    height: 31px;
    line-height: 31px!important;
    min-width: 75px;
    color: #fff!important;
}

.books-container-height {
    height: calc(100% - 46px)!important;
    height: -webkit-calc(100% - 46px)!important;
    height: -moz-calc(100% - 46px)!important;
}


/* Related courses*/
.related-course {
    float: right!important;
    width: 140px;
}

    .related-course a {
        width: 140px;
        line-height: 48px;
        color: #fff!important;
        font-weight: 700;
        text-align: center;
        margin-top: 1px;
    }

.related-course-name {
    font-weight: 600;
    color: #0072c6;
    font-size: 13px;
    vertical-align: middle;
}

.relatedcourse-learningplan-container {
    width: 75%;
    line-height: 30px;
    padding-left: 13px;
}

.relatedcourse-text-container {
    display: inline-block;
    float: left;
    width: 60%;
    line-height: 18px;
    white-space: normal;
    height: 55px;
}

.relatedcourse-learningplan {
    width: 35%;
    display: inline-block;
    float: left;
    margin-left: 14px;
}

.relatedcourseslist {
    margin-top: 15px;
}

    .relatedcourseslist ul li {
        height: 55px;
        line-height: 55px;
    }

.relatedcourses-container {
    height: calc(100% - 46px)!important;
    height: -webkit-calc(100% - 46px)!important;
    height: -moz-calc(100% - 46px)!important;
    overflow-y: hidden;
}

/***************/
/* FULL SCREEN */
/***************/
#body.video-fullscreenmode {
    height: 100%;
    overflow: hidden;
    padding: 0!important;
    max-width: none!important;
}

    #body.video-fullscreenmode .img-nav-next {
        background: url('content/images/MLX_Icons_v4.svg')  no-repeat scroll -40px 0 / 200px 480px rgba(0, 0, 0, 0) !important;
    }

    #body.video-fullscreenmode .nav-previous {
        background: url('content/images/MLX_Icons_v4.svg')  no-repeat scroll 0 0 / 200px 480px rgba(0, 0, 0, 0) !important;
    }

    #body.video-fullscreenmode .img-nav-next-disabled {
        background: url('content/images/MLX_Icons_v4.svg') no-repeat scroll -60px 0 / 200px 480px rgba(0, 0, 0, 0) !important;
        width: 20px!important;
    }

    #body.video-fullscreenmode .nav-previous-disabled {
        background: url('content/images/MLX_Icons_v4.svg') no-repeat scroll -20px 0 / 200px 480px rgba(0, 0, 0, 0) !important;
    }

    #body.video-fullscreenmode .next-text, #body.video-fullscreenmode .autoplay, #body.video-fullscreenmode #share-control {
        color: #fff!important;
    }

    #body.video-fullscreenmode .share-blue-chevron {
        background-position: -50px -30px!important;
    }

.video-fullscreenmode-svg-icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    overflow: hidden;
}

.fullscreen-img {
    position:relative;
    top: -500px;
    left: 0;
}

.exitfullscreen-img {
    position:relative;
    top: -500px;
    left: -150px;
}

.video-exitfullscreenmode-svg-icon {
    width: 25px;
    height: 25px;
    overflow: hidden;
    margin-left: 25px;
}

.close-svg-icon {
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 200px 420px;
    background-position: -99px -67px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.video-container-fullscreen {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #000;
    opacity: 0;
}

    .video-container-fullscreen #iframeWrapper.frame-container {
        height: calc(100% - 100px);
        margin: 20px auto 0px auto;
        padding-bottom: 6px;
    }

    .video-container-fullscreen #contentFrame.frame-container {
        height: 100%;
        margin: 0 auto;
    }

    .video-container-fullscreen #video-navigation, .video-container-fullscreen #loading-container {
        margin: 0 auto;
    }

    .video-container-fullscreen .next-text, .video-container-fullscreen #loading-container,  .video-container-fullscreen .autoplay, .video-container-fullscreen .social-share-btn {
        color: #fff!important;
    }

    .video-container-fullscreen .loading-animation {
        background: url('content/images/ProgressRing_White40x40.gif') no-repeat!important;
    }

    .video-container-fullscreen #loading-container {
        margin-left: 43%!important;
    }

    .video-container-fullscreen .loading-animation {
        background: url('content/images/ProgressRing_White40x40.gif') no-repeat!important;
    }

    .video-container-fullscreen .share-dd-menu {
        border: 1px solid #fff;
        background-color: #000;
    }

        .video-container-fullscreen .share-dd-menu ul {
            background-color: #000;
        }

            .video-container-fullscreen .share-dd-menu ul li a {
                color: #fff!important;
            }

            .video-container-fullscreen .share-dd-menu ul li:hover a {
                color: #000!important;
            }

            .video-container-fullscreen .share-dd-menu ul li:hover {
                background-color: #fff!important;
            }

.fullscreen-width {
    width: 68%;
    width: calc(100% - 100px);
}


/*******************/
/* GENERIC CLASSES */
/*******************/


.bold {
    font-weight: 700 !important;
}

.semibold {
    font-weight: 700;
}

.semi-bold {
    font-weight: 600;
}

b, strong {
    font-weight: bold;
}

strong {
    font-weight: 900 !important;
}

.hide {
    display: none;
}

.hidecatalog {
    display: none !important;
}

.show {
    display: block;
}

.hidediv {
    display: none!important;
}

label.error, span.error {
    color: red;
}

.positionAbsolute {
    position: absolute !important;
}

.visibilityHidden {
    visibility: hidden;
}

.txtRight {
    text-align: right;
}

.floatL {
    float: left;
}

.elefloatL {
    float: left;
}

.floatR {
    float: right;
}

.cf {
    clear: both;
}

.white {
    color: #fff !important;
}

.gray {
    color: #333;
}

.green {
    color: #008A00 !important;
}

.grey {
    color: #969696 !important;
}

.red {
    color: #ba141a;
}

.blue {
    color: #0072c6 !important;
}

.black {
    color: #333333 !important;
}

.colorWhite {
    color: #fff !important;
}

.colorBlack {
    color: #000 !important;
}

.displayTable {
    display: table;
}

.displayTableRow {
    display: table-row;
}

.displayTableFooterGroup {
    display: table-footer-group;
}

.displayTableCell {
    display: table-cell;
}

.displayInlineBlock {
    display: inline-block;
}

.height150 {
    height:150px;
}

.display-inline {
    display: inline;
}

.displayBlock {
    display: block !important;
}

.view-margin {
    margin-top: -16px;
}

.marginL1 {
    margin-left: -1px;
}

.marginL5 {
    margin-left: 5px;
}

.marginL7 {
    margin-left: 7px;
}

.marginL10 {
    margin-left: 10px;
}

.marginT5 {
    margin-top: 5px;
}

.marginT7 {
    margin-top: 7px;
}

.marginT8 {
    margin-top: 8px;
}

.marginT10 {
    margin-top: 10px !important;
}

.marginT15 {
    margin-top: 15px;
}

.marginT16 {
    margin-top: 16px;
}

.marginT20 {
    margin-top: 20px;
}

.marginT26 {
    margin-top: 26px !important;
}

.marginT35 {
    margin-top: 35px;
}

.marginT70 {
    margin-top: 70px;
}

.mar10-t {
    margin-top: 24px;
}

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

.marginB2 {
    margin-bottom: 2px;
}

.marginB5 {
    margin-bottom: 5px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginB15 {
    margin-bottom: 15px;
}

.marginB16 {
    margin-bottom: 16px;
}

.marginB20 {
    margin-bottom: 20px;
}

.marginB30 {
    margin-bottom: 30px;
}

.marginR5 {
    margin-right: 5px;
}

.marginR10 {
    margin-right: 10px;
}

.marginR20 {
    margin-right: 20px;
}

.marginR33 {
    margin-right: 33px;
}

.marginL0 {
    margin-left: 0;
}

.marginL2 {
    margin-left: 2px;
}

.marginL5 {
    margin-left: 5px;
}

.marginL15 {
    margin-left: 15px !important;
}

.marginL20 {
    margin-left: 20px;
}

.marginL23 {
    margin-left: 23px !important;
}

.marginL33 {
    margin-left: 33px;
}

.marginL40 {
    margin-left: 40px;
}

.marginLR10 {
    margin: 0 10px;
}

.margin0 {
    margin: 0;
}

.paddingR10 {
    padding-right: 10px !important;
}

.paddingT0 {
    padding-top: 0 !important;
}

.paddingT5 {
    padding-top: 5px;
}

.paddingT10 {
    padding-top: 10px;
}

.paddingT15 {
    padding-top: 15px;
}

.paddingL5 {
    padding-left: 5px;
}

.paddingL15 {
    padding-left: 15px;
}

.paddingTB20 {
    padding: 20px 0;
}

.fontW100 {
    font-weight: 100;
}

.fontW400 {
    font-weight: 400 !important;
}

.fontW600 {
    font-weight: 600 !important;
}

.fontW700 {
    font-weight: 700;
}

.boldtag {
    font-weight: 600 !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.border-none {
    border: none;
}

.lineH17 {
    line-height: 17px !important;
}

.right0 {
    left: auto;
    right: 0 !important;
}

.right35 {
    right: 35px !important;
}

.width18 {
    width: 18px;
}

.width35 {
    width: 35px;
}

.width40 {
    width: 40px;
}

.width60 {
    width: 60px;
}

.width100 {
    width: 100% !important;
}

.width130 {
    width: 130px;
}

.height18 {
    height: 18px;
}

.height40 {
    height: 40px;
}

.height100 {
    height: 100% !important;
}

.vAlignTextBottom {
    vertical-align: text-bottom;
}

.verMiddle {
    vertical-align: middle;
}

.verticalAlignTop {
    vertical-align: top;
}

.verticalAlignBottom {
    vertical-align: bottom;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

.lineHeight16 {
    line-height: 16px;
    vertical-align: bottom;
}

.lineHeight25 {
    line-height: 25px !important;
}

.lineH31 {
    line-height: 31px !important;
}

.lineHNormal {
    line-height: normal !important;
}

.positionR {
    position: relative;
}

.resource-icon-marginT5 {
    margin-top: 5px !important;
}

.font11 {
    font-size: 11px;
}

.font13 {
    font-size: 13px;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px;
}

.font25 {
    font-size: 25px;
}

.fontWeight700 {
    font-weight: 700 !important;
}

.wordbreak {
    word-break: break-all !important;
}

.pointer {
    cursor: pointer;
}

.paddingBT {
    padding-bottom: 10px !important;
    padding-top: 8px !important;
}

.paddingB {
    padding-bottom: 15px !important;
}

.verticalT {
    vertical-align: top;
}

.Block {
    display: block;
}

.InBlock {
    display: inline-block;
}

.paddingB25 {
    padding-bottom: 25px !important;
}

.marginT10 {
    margin-top: 10px;
}

.paddingL20 {
    padding-left: 20px;
}

.left20 {
    left: 20px;
}

.bottom20 {
    bottom: 20px;
}

.underline {
    text-decoration: underline !important;
}

.tagit-autocomplete {
    z-index: 1000;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* DESKTOP                               */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/*@media (min-width:1025px) and (max-width:1366px) {


    #course-rating { width: 32.1%; }

    .instructor-container { max-width: 67.7%; }

    .navigation-controls { width: 71%; }

    .next-text-container { width: 73%; }

    .corse-item-name, .corse-item-name-nomedia { width: 31%; }

    .course-components .corse-item-progress { width: 30%; }

    .download-file-name { width: 42%; }

    


    .video-container-fullscreen .share-autoplay-container { width: 20%; }

    .video-container-fullscreen .navigation-controls { width: 79% !important; }

    .video-container-fullscreen .next-text-container { width: 81%; }

    #updated-content-bonus { width: 68%; }

    .syllabus-topbar-column-headers .labels { width: 32%; }

    .get-help-btn .feedback-container { margin-right: 0px; }
    
}*/

@media (min-width:1367px) {
    #course-player-container { margin-top: 20px; }
}


/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* TABLET                               */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (min-width:768px) and (max-width:1365px) {
    section#coursePlayer{
      width: 100%;
      margin: 0 auto;
      padding: 20px 20px;
      padding-top: 0px;
    }

    body {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding-right: 3px;
        padding-left: 3px;
    }

    #course-player-container { margin-top: 0px; }

    #info-tab-outer-container
    {
        height: auto;
        overflow: auto;
    }

    .overview-container-height {
        overflow: hidden;
        height: auto;
    }
    
    #syllabus .accordian-container {
      height: auto;
    }
    
    #syllabus .accordian-container.has-new-content{
        height: auto;
    }
    
    #course-player-header-container #instructors {
        width:100%;
        float:left;
        margin-bottom: 10px;
    }

    #course-player-header-container .rate-content {
        float:left;
        width:100%;
    }
    
    .add-learning-plan-container .learning-plans-callout {
        left: -128px;
        top: 3px;
    }
    
    .add-learning-plan {
        width: 100%;
        display: inline-block;
        margin-top: 5px;
    }
    
    .playerlp {
        width:100% !important;
    }

    .floatLe {
        float:right !important;
    }

    .add-learning-plan-container {
        display: inline-block;
        height: 30px;
        border: 1px solid;
        float: right;
    }

    .descriptionText {
        width: 450px;
    }

    .course-title h1 
    {
        font-size: 1.2em;
    }

    .title-container 
    {
        width: 77%;
        margin-left: 0px;
    }

    .content-container 
    {
      float: none;
      width: 100%;
      height: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
    }

    .progress-container 
    {
        width: 22%;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        padding-top:15px;
    }

    .progress-container.with-xp-points {
        padding-top:2px;
    }

    .add-learning-plan #learningplanpopup .add-course-dropdown-items-leftalign {
        margin-left: calc(100% - 246px);
    }

    #info-tab-outer-container {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    #course-rating-mobile 
    {
      display: inline-block;
      top: 0px;
      left: 0;
      float: none;
    }
    
    .rating-container 
    {
        font-size: 0.938em;
    }
    
    .rating .star-background
    {
        margin-top: 0px;    
    }

    #updated-content-bonus 
    {
        width: 82%;
    }

    .syllabus-topbar-column-headers .labels 
    {
        width: 18%;
    }
    
    .instructor-container 
    {
        max-width: 89%;
    }

    #course-rating 
    {
        width: 41%;
    }

    .course-components .corse-item-progress 
    {
        width: 7%;
    }

    .corse-item-span 
    {
        display: none;
    }

    .corse-item-name, .corse-item-name-nomedia 
    {
        width: 55%;
    }

    /********/
    /* Menu */
    /********/

    .top_nav_hover_menu {
        position: absolute;
        top: 75%;
        z-index: 1000;
    }


    /*****************/
    /* Player header */
    /*****************/

    #cont-title {
        display: inline-block;
        width: 100%;
    }

    .course-details {
        display: inline-block;
        width: 62% ;
    }
    
    /* Progress */


    /**************/
    /* MLX PLAYER */
    /**************/

    /******************/
    /* Course content */
    /******************/

    .lbl-time {
        display: none;
    }

    /**************/
    /* OLD PLAYER */
    /**************/

    #main-content {
        height: 90%;
        margin-bottom: 10px;
        width: 60%;
    }

    #player-content {
        height: 470px;
    }
      
    /****************/
    /* Video player */
    /****************/

    .video {
        background-size: contain;
        background-position: 50%;
    }

    .video-description-footer {
        width: 40%;
        display: inline-block;
    }

    /* Footer */
    .previous-next {
        height: 100%;
        width: 89%;
        position: relative;
    }

        .previous-next .next-module-content {
            margin-left: 5px;
            display: inline-block;
            width: 65%;
        }

            .previous-next .next-module-content div {
                color: #333333;
            }

    .get-help-btn .feedback-container { margin-right: 0px; }

    /******************/
    /* Course content */
    /******************/

    .module-name {
        width: 80%;
        padding-top: 1.5px;
    }

        .module-name.not-logged {
            width: 80%;
        }


    .module-container .minutes-container .points {
        width: 30%;
        float: right;
        text-align: right;
    }

    .module-container .module {
        padding-top: 12px;
        padding-bottom:12px;
    }

    .module-container .minutes-container .minutes {
        margin-left: 50px;
    }

    .module-time-progress {
        display: none;
    }

    .download-icon {
        margin-top: 0px;
    }

    .content-container .ct-name {
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 59%;
        overflow: hidden;
    }

    .content-name-container {
        max-width: 53%;
    }

    /* Video */
    .content-container .chapter-icon {
        margin-left: 0px;
    }

    .content-container .content-item .chapters {
        margin: 10px 0 15px 35px;
    }

    .chaptername {
        width: 44%;
    }


    /* Footer */
    #footer-content {
        width: 100%;
        padding-top: 0px;
    }

    
    /**************/
    /* Assessment */
    /**************/
    
    #take-assessment #take-assessment-header #take-assessment-name
    {
        width: 70%;
    }

    #take-assessment #take-assessment-header #take-assessment-name h1
    {
        font-size: 2em; 
    }

    #take-assessment #take-assessment-header #take-assessment-time
    {
        width: 29%;
    }

    #take-assessment-body #take-assessment-answers table tr td input
    {
        width: 1.5em;
        height: 1.5em;
        margin: 5px 10px 5px 10px;
    }

    #take-assessment-body #take-assessment-answers table tr td label
    {
        display: block;
        padding: 3px 0px 0px 10px;
    }

    #take-assessment #take-assessment-header #take-assessment-time #divTimer #take-assessment-time-number
    {
        font-size: 2em;
    }

    #take-assessment-body #take-assessment-answers table tr td
    {
        padding-bottom: 5px;
    }

    /*****************/
    /* Notifications */
    /*****************/

    .notification {
        width: 99.5%;
    }

    .notification-content {
        width: 90%;
    }

    #video-content {
        width: 60%;
    }

    .download-video {
        width: 10%;
        height: 100%;
    }

        .download-video .download {
            display: none;
        }

    .download-content {
        display: initial;
    }

    .highMP4 {
        display: none;
    }

    .midMP4 span {
        display: none;
    }

    .midMP4 {
        background-image: url('images/sprite-2017-09-18-1259.png');
        float: left;
        margin-right: 0;
        padding-right: 0;
        width: 40px;
        height: 40px;
        margin-left: 5px !important;
        background-position: -560px -373px;
    }

    .download-file-name 
    {
        width: 29%;
    }

    .video-container-fullscreen .share-autoplay-container 
    {
        width: auto !important;
    }

    .video-container-fullscreen .navigation-controls 
    {
        width: 60%!important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .video-container-fullscreen .next-text-container 
    {
        width: 75%;
    }

    .corse-level-assessment { max-width: 55% !important; }

}



/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* SMARTPHONE                           */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (max-width:767px) {

    #course-player-container { margin-top: 0px; }

    #social-bar, .progress-points, .progress-level, .add-learningPlan-header, .rate-content, .level, .publishing-date, #header_status, .download-video .download, .highMP4, .menu, #lnkLogo, .header-logo {
        display: none;
    }

    #divCourseRetirement .level, #divEmbedCourseRetirement .level {
        display: inline-block;
    }

    #course-player-header-container #instructors {
        width:100%;
        float:left;
        margin-bottom: 10px;
    }

    .title-container, .progress-container
    {
      height: 32px;
      padding: 0;
      width: 10%;
      padding-top: 0;
      padding-right: 0px;
      padding-left: 5px;
      height: auto;
    }
    
    #points-progress-info
    {
        display:none;
    }
    
    #course-progress-header-container {
        display:none;
    }
    
    .add-text {
        display:none !important;
    }
    
    body {
        font-size: 16px;
        width: 100%;
        margin: 0;
        padding-right: 0px;
        padding-left: 0px;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .descriptionText {
        width: 450px;
    }
        
    #video-description {
        margin-left: 0px;
        display: inline-block;
        width: 100%;
    }

  #syllabus .accordian-container {
    height: auto;
  }
        
  #syllabus .accordian-container.has-new-content {
      height: auto;
  }
        
    /**********/
    /* Header */
    /**********/

    #header {
        padding-top: 0px;
        margin-bottom: 0px;
    }

        #header .menu .current {
            color: #237ED1;
        }

        #header .menu .not-current {
            color: #237ED1;
        }

    .microsoftLogo {
        background-position: -228px -5px;
        height: 45px;
        width: 220px;
    }

    .logo-mobile {
        text-decoration: none;
        color: #62aad8;
        font-size: 1.3em;
        cursor: pointer;
        display: inline-block;
    }

    #top-header {
        margin-bottom: 0px;
    }

        #top-header #header_status {
            text-align: center;
            width: 35%;
        }

    #sub-header {
        padding-top: 5px;
    }
    
    /********/
    /* Menu */
    /********/

    .menu {
        display: block;
        max-height: 2000px;
        height: auto;
        padding: 0px 0px 0px;
    }

    .menu-button {
        position: relative;
        display: block;
        padding: 0;
        color: #222222;
        cursor: pointer;
        background: white;
        padding-left: 0;
        padding-bottom: 5px;
    }

        .menu-button.one-page {
            position: fixed;
            top: 0;
            right: 5%;
            padding-right: 45px;
        }

        .menu-button .touch-button {
            background: transparent;
            z-index: 999;
            top: 0;
            right: 0;
            width: 50px;
            display: inline-block;
            text-align: center;
            padding-top: 20px;
            position: relative;
            height: auto;
        }

            .menu-button .touch-button .navicon {
                font-size: 16px;
                position: relative;
                top: 1em;
                color: #666;
            }

    /* Arrow */
    .arrow {
        background-image: url('images/sprite-2017-09-18-1259.png');
        width: 30px;
        height: 20px;
        display: inline-block;
    }

    .right {
        background-position: -459px -421px;
    }

    .down {
        background-position: -492px -420px;
    }

    .up-blue {
        background-position: -390px -420px;
    }

    .down-blue {
        background-position: -425px -420px;
    }
    
    /* Items */
    .first-li {
        border-top: 1px solid rgba(0, 0, 0, 0.15);
    }

    nav > ul, li > ul {
        padding: 0;
    }

    #courses ul li > .touch-button {
        padding-left: 20px;
    }
    
    #courses > a:first-child{
        padding-left: 50px;
    }

    #courses ul > .item-with-ul a {
        padding-left: 70px;
    }

    #courses ul > li a {
        padding-left: 35px;
        cursor: pointer;
    }

    #help > a:first-child {
        padding-left: 50px;
    }

    #help ul li > a {
        padding-left: 50px;
    }

    #feedback a {
        padding-left: 50px;
    }
        
    /* Flexnav Base Styles */
    .flexnav {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform-style: preserve-3d;
        overflow: hidden;
        margin: 0 auto;
        width: 100%;
        max-height: 0;
    }

        .flexnav.opacity {
            opacity: 0;
        }

        .flexnav.flexnav-show {
            padding: 0px;
            max-height: 2000px;
            opacity: 1;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .flexnav.one-page {
            position: fixed;
            top: 50px;
            right: 5%;
            max-width: 200px;
        }

        .flexnav li {
            font-size: 100%;
            position: relative;
            overflow: hidden;
            display: block;
            margin-right: 0px;
        }

            .flexnav li a {
                position: relative;
                display: block;
                padding: 0.96em;
                z-index: 2;
                overflow: hidden;
                border-bottom: 1px solid rgba(0, 0, 0, 0.15);
                background: white;
                color: #237ED1;
            }

            .flexnav li ul {
                width: 100%;
            }

                .flexnav li ul li {
                    font-size: 100%;
                    position: relative;
                    overflow: hidden;
                }

                .flexnav li ul.flexnav-show li {
                    overflow: visible;
                }

                .flexnav li ul li a {
                    display: block;
                    background: white;
                    padding-left: 50px;
                }

        .flexnav ul li ul li a {
            background: white;
            padding-left: 75px;
        }

        .flexnav ul li ul li ul li a {
            background: #cbcbc9;
        }

        .flexnav .touch-button {
            position: absolute;
            z-index: 999;
            top: 0;
            width: 50px;
            height: 30px;
            display: inline-block;
            text-align: center;
            background: white;
            padding-top: 16px;
        }

            .flexnav .touch-button:hover {
                cursor: pointer;
            }

            .flexnav .touch-button .navicon {
                position: relative;
                top: 1.4em;
                font-size: 12px;
                color: #666;
            }


    /**********/
    /* Footer */
    /**********/

    .footer-tagline {
        padding-top: 0px;
        text-align: center;
        float: none;
    }

    #footer {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
        font-size: 0.7em;
    }
    
    .footer {
        flex: none;
    }

        #footer .footer-logo {
            width: 115px;
        }


        #footer .footer-logo {
            width: 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            text-align: center;
        }

            #footer .footer-logo .ms-copyright {
                text-align: center;
            }

        #footer .legal-links {
            float: left;
            padding-top: 0px;
            text-align: center;
            width: 100%;
        }

            #footer .legal-links ul {
                padding: 0;
            }

        #footer .footer-items {
            padding-top: 0px;
            width: 100%;
        }
    

    /*********/ 
    /* Login */
    /*********/

    .signup-button {
        border-top: 0px none;
        display: inline-block;
        float: right;
        text-align: center;
    }

    .signup {
        float: right;
        background-color: #00BBF1;
        color: #FFF;
        font-size: 1.2em;
        font-weight: bold;
        padding: 6px;
        display: inline-block;
        width: auto;
    }

        .signup .icon {
            background-image: url('images/sprite-2017-09-18-1259.png');
            background-position: -357px -260px;
            float: left;
            height: 45px;
            width: 45px;
            margin: 3px;
        }

        .signup .text {
            padding-left: 55px;
            padding-right: 5px;
            padding-top: 10px;
            font-size: 1.3em;
        }

    .signout {
        background-color: #D1D1D1;
    }


    /***********/
    /* Pop-ups */
    /***********/

    .notification-body .text {
        width: 150px;
        margin-left: 15px;
    }

    .popup-content .body {
        padding: 8px;
    }

    .popup-content .main-text {
        padding-right: 50px;
    }

    .cancelButton, .close-container {
        width: 65px;
        height: 65px;
        background-position: -546px -255px;
    }

        .cancelButton:hover, .close-container:hover {
            background-position: -546px -122px;
        }

    .acceptButton {
        width: 65px;
        height: 65px;
        background-position: -813px -121px;
    }

        .acceptButton:hover {
            background-position: -813px -189px;
        }

    .popup-buttons .cont-buttons {
        width: 180px;
    }

    /* Free Actions */
    .popUpContent.snoozedFreeActionsPopUp.freeActionsPopUp {
        top: 50%;
        left: 0%;
        position: fixed;
        margin-top: -227.5px;
        margin-left: 0px;
        display: block;
        margin-right: 0px;
        padding: 0px;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 10px;
        display: none;
        height: 90%;
        overflow: auto;
    }
    
    .popUpContent.outOfFreeActionsPopUp.freeActionsPopUp {
        top: 50%;
        left: 0%;
        position: fixed;
        margin-top: -227.5px;
        margin-left: 0px;
        display: block;
        margin-right: 0px;
        padding: 0px;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 10px;
        display: none;
    }

    .freeActionsPopUp .title {
        padding-left: 15px;
        font-size: 1.5em;
        line-height: 1.6em;
    }

    .freeActionsPopUp .main-text {
        font-size: 1em;
        margin-bottom: 40px;
        padding-left: 0px;
    }

        .freeActionsPopUp .main-text li {
            font-size: 1em;
        }

    .freeActionsPopUp .button {
        padding: 12px;
    }

    .freeActionsPopUp .sign-in.button {
        width: 100%;
        margin-bottom: 10px;
    }

    .freeActionsPopUp .snooze.button {
        float: left;
        width: 100%;
    }


    /*****************/
    /* Player header */
    /*****************/

    /*.progress {
        width: 29%;
        display: inline-block;
        text-align: right;
        position: absolute;
    }*/

    .level-numbers {
        font-size: 0.738em;
        padding: 7px 0px 0px 0px;
    }

    .progress-bar-content {
        width: 93%;
        float: left;
    }

    .course-details {
        display: inline-block;
        width: 70%;
        box-sizing: border-box;
        padding-right: 5px;
    }

    /****************/
    /* Video player */
    /****************/

    .navigation-controls {
        display: inline-block;
        width: 59%;
    }

    .navigation-controls #nav-next-previous, .navigation-controls #next-text-container {
        display: inline-block;
        vertical-align: top;
        margin-left: 0px;
        float: left;
    }

    .next-text-container 
    {
        width: 76%;
    }

    .autoplay-width 
    {
        font-size: 0.938em;
    }

    .video-container-fullscreen #iframeWrapper.frame-container 
    {
        padding-bottom: 40px;
    }

    .nav-next, .nav-previous {
      width: 20px;
      height: 20px;
      vertical-align: top;
      cursor: pointer;
      display: inline-block;
      margin-right: 1px;
      margin-left: 1px;
    }
    
    .video {
        background-size: contain;
        background-position: 50%;
    }

    .frame-container 
    {
        height: 400px;
        height: -webkit-calc(400px);
        height: -moz-calc(400px);
    }

    .video-content {
        height: 77%;
        width: 100%;
        box-sizing: border-box;
        max-width: 310px !important;
    }

    .info {
        height: 76%;
        width: auto;
        font-size: 0.8em;
    }

        .info .close {
            zoom: 1.2;
        }

    /* Footer */
    .video-footer {
        height: 14%;
        margin-top: 15px;
    }

    .previous-next {
        width: 85%;
        box-sizing: border-box;
        padding-left: 35px;
    }

        .previous-next .next-module-content {
            margin-left: 0px;
            display: inline-block;
            width: 62%;
            box-sizing: border-box;
            padding-left: 20px;
            padding-top: 5px;
        }

            .previous-next .next-module-content .previous-next-module-name {
                height: 25px;
            }

    .next-module {
        width: 35px;
        height: 35px;
        background-position: -440px -374px;
    }

        .next-module.disabled {
            width: 35px;
            height: 35px;
            background-position: -479px -374px;
        }

    .previous-module {
        width: 35px;
        height: 35px;
        background-position: -392px -374px;
    }

        .previous-module.disabled {
            width: 35px;
            height: 35px;
            background-position: -353px -374px;
        }

    .video-container-fullscreen #video-navigation 
    {
        width: 86%;
    }

    .download-video {
        width: 15%;
        display: inline-block;
        position: absolute;
        right: 0;
        padding-top: 0px;
        height: auto;
    }

        .download-video .download {
            font-size: 11px;
            color: #333333;
        }


        .download-video .link-item {
            vertical-align: initial;
        }

            .download-video .link-item a {
                vertical-align: initial;
            }
    

    .module-name {
        width: 62%;
        padding-top: 7px;
        margin-right: 2px;
    }

        .module-name.not-logged {
            width: 62%;
            padding-top: 7px;
        }
   

    /******************/
    /* Course content */
    /******************/

    #course-data {
        padding-left: 0px;
        height: 100%;
    }

    #course-description-cont p {
        font-size: 1.1em;
    }
    
    .cont-container {
        height: 80%;
    }

    .moduleName {
        font-size: 1.5em;
    }

    .module-name h2 {
        font-size: 1em;
    }

    .module-container .module {
        padding: 20px 8px;
    }

    .module-time-progress {
        display: inline-block;
        padding-top: 9px;
    }

    .feedback {
        width: 60%;
        margin: 0px auto;
    }

    /* Tab buttons */
    #tab-buttons {
        height: 90px;
    }

    .course-description-tab {
        background-position: -102px -415px;
    }

    .course-description-tab-active {
        background-position: -7px -415px;
    }

    .course-content-tab {
        background-position: -288px -415px;
    }

    .course-content-tab-active {
        background-position: -198px -415px;
    }

    #info-tab #download-tab, #info-tab #transcript-tab, #info-tab #recomanded-courses-tab {
        display: none;
    }

    body.embed-player #info-tab #download-tab {
        display: inline-block;
    }

    .tab-btn {
        height: 90px;
        width: 90px;
    }
    
    /* Icons */
    .module-icon {
        height: 40px;
        width: 40px;
        background-position: -229px -121px;
    }

        .module-icon.collapse {
            background-position: -189px -121px;
        }

    .content-container .video-icon {
        width: 40px;
        height: 40px;
        background-position: -105px -515px;
        margin-left: 0px;
        padding-right: 0px;
    }

    .slide-presentation-icon {
        width: 45px;
        height: 45px;
        background-position: -195px -510px;
        margin-left: 0px;
        padding-right: 0px;
    }

    /* Video */
    .content-container .content-item .timestamp {
        font-weight: bold;
        display: inline-block;
        padding-top: 11px;
    }

    .content-container .take-assessment-icon {
        background-position: -55px -515px;
        width: 40px;
        height: 40px;
        margin-left: 0px;
        padding-right: 0px;
    }

    .content-container .chapter-icon {
        background-position: -250px -515px;
        width: 30px;
        height: 30px;
        margin-left: 0px;
        padding-right: 0px;
        margin-top: 5px;
    }

    .chaptername {
        padding-top: 11px;
    }

    .viewed {
        height: 30px;
        width: 30px;
        background-position: -290px -515px;
    }
        
    .content-name {
        padding-top: 10px;
    }

    /* Footer */
    #footer-content {
        height: 15%;
        right: 25%;
        margin-top: 15px;
        padding: 1em 0em;
        text-align: center;
    }

    .feedback-button {
        font-size: 1.3em;
    }

    .feedback-button-container {
        float: none;
    }


    /**************/
    /* Assessment */
    /**************/

    .selfAssessment {
        font-size: 1.1em;
    }

    #take-assessment #take-assessment-header #take-assessment-name {
        width: 65%;
    }

        #take-assessment #take-assessment-header #take-assessment-name h1 {
            font-size: 1.5em;
        }

    #take-assessment #take-assessment-header #take-assessment-time {
        width: 33.5%;
    }

    #return-course {
        text-align: center;
    }

    #take-assessment-body #take-assessment-answers table tr td input {
        width: 2em;
        height: 2em;
        margin: 5px 10px 5px 10px;
    }

    #take-assessment-body #take-assessment-answers table tr td label {
        display: block;
        padding: 6px 0px 0px 0px;
    }

    #take-assessment #take-assessment-header #take-assessment-time #divTimer #take-assessment-time-number {
        font-size: 1.4em;
    }

    #take-assessment-body #take-assessment-answers table tr td {
        padding-bottom: 10px;
    }

    .popUpFinalizedExam {
        width: 340px;
    }

    .finalizedExamMessage .text-template-container {
        text-align: center;
    }

        .finalizedExamMessage .text-template-container .questions {
            display: block;
            margin-left: 70px;
            margin-bottom: 20px;
        }

        .finalizedExamMessage .text-template-container .percent, .finalizedExamMessage .text-template-container .percent-fail {
            border-right: 0px;
        }

    #whattodo {
        margin-left: 0px;
    }

    .whattodo {
        width: 100%;
    }

    .assessment-popup-actions ul.whattodo {
        margin-left: 75px;
    }

    .assessment-popup-actions p.whattodo {
        margin-left: 55px;
        text-align: left;
    }


    /*****************/
    /* Notifications */
    /*****************/

    .notification-body .text {
        width: 150px;
        margin-left: 15px;
    }

    .midMP4 {
        background-image: url('images/sprite-2017-09-18-1259.png');
        float: left;
        margin-right: 8px;
        padding-right: 6px;
        width: 40px;
        height: 40px;
        margin-left: 20px;
        background-position: -560px -373px;
    }

        .midMP4 span {
            display: none;
        }

    #course-content-details-container {
        width: 100%;
    }

    .overview-container-height {
        overflow: hidden;
        height: auto;
    }

    #updated-content-bonus 
    {
        width: 67%;
    }

    .download-file-name 
    {
        width: 46%;
    }

    .course-header h1 
    {
        white-space: normal;
        text-overflow: initial;
        overflow: auto;
    }

    .get-help-btn .feedback-container 
    {
        float: none;
        margin-right: 0px;
        text-align: center;
    }
}

@media (max-width: 767px) {

    #course-player-container { margin-top: 0px; }

    section#coursePlayer
    {
        width: 100%;
        margin: 0 auto;
        padding: 0px 8px 20px;
    }
    /******************/
    /* Course content */
    /******************/
    #info-tab-outer-container, #course-content-container{
        float: none;
        width: 93.5%;
        padding-left: 20px;
        padding-right: 20px;
        margin: 12px 0px 15px 0px;
        height: 100%;
    }

    .title-container 
    {
        width: 87%;
        margin-left: 0px;
    }

    .progress-container 
    {
      float: right;
      height: 32px;
      padding: 0;
      width: 39px;
      padding-top: 13px;
      padding-bottom: 5px;
    }
    
    #course-progress-header-container {
        display:none;
    }
    
    .add-text {
        display:none !important;
    }
    
    #points-progress-info
    {
        display:none;
    }

    /*video navigation*/
    #video-navigation {
        display:none;
    }

    /**********/
    /* Header */
    /**********/

    .microsoftLogo {
        background-position: -228px -5px;
        height: 45px;
        width: 220px;
    }

    .logo-mobile {
        text-decoration: none;
        color: #62aad8;
        font-size: 1.3em;
        cursor: pointer;
        display: inline-block;
    }

    #top-header #header_status {
        text-align: center;
        width: 35%;
    }

    #top-header {
        margin-bottom: 0px;
    }

    #sub-header {
        padding-top: 5px;
    }

    #header
    {
        padding-top:0px;
        margin-bottom:0px;
    }
    
    #header .menu .current
    {
        color: #237ED1;
    }
    
    #header .menu .not-current
    {
        color: #237ED1;
    }
        

    /*********/
    /* Login */
    /*********/

    .signup-button {
        border-top: 0px none;
        display: inline-block;
        float: right;
        text-align: center;
    }

        .signup .icon {
            background-image: url('images/sprite-2017-09-18-1259.png');
            background-position: -357px -260px;
            float: left;
            height: 45px;
            width: 45px;
            margin: 3px;
        }

        .signup .text {
            padding-left: 55px;
            padding-right: 5px;
            padding-top: 10px;
            font-size: 1.3em;
        }

    .signout {
        background-color: #D1D1D1;
    }


    .rating-container {
        display: none;
    }

    /*.instructor-container {
        display: none;
    }*/

    #course-rating {
        display: none;
    }

    #social-bar {
        display: none;
    }

    .corse-item-name, .corse-item-name-nomedia 
    {
        width: 51%;
    }


    /********/
    /* Menu */
    /********/

    .menu {
        display: block;
        max-height: 2000px;
        height: auto;
        padding: 0px 0px 0px;
    }

    .menu-button {
        position: relative;
        display: block;
        padding: 0;
        color: #222222;
        cursor: pointer;
        background: white;
        padding-left: 0;
        padding-bottom: 5px;
    }

        .menu-button.one-page {
            position: fixed;
            top: 0;
            right: 5%;
            padding-right: 45px;
        }

        .menu-button .touch-button {
            background: transparent;
            z-index: 999;
            top: 0;
            right: 0;
            width: 50px;
            display: inline-block;
            text-align: center;
            padding-top: 20px;
            position: relative;
            height: auto;
        }

            .menu-button .touch-button .navicon {
                font-size: 16px;
                position: relative;
                top: 1em;
                color: #666;
            }

    .first-li {
        border-top: 1px solid rgba(0, 0, 0, 0.15);
    }

    /* Arrow */
    .arrow {
        background-image: url('images/sprite-2017-09-18-1259.png');
        width: 30px;
        height: 20px;
        display: inline-block;
    }

    .right {
        background-position: -459px -421px;
    }

    .down {
        background-position: -492px -420px;
    }

    .up-blue {
        background-position: -390px -420px;
    }

    .down-blue {
        background-position: -425px -420px;
    }

    /* Items */
    nav > ul, li > ul {
        padding: 0;
    }

    #courses ul li > .touch-button {
        padding-left: 20px;
    }

    #courses > a:first-child {
        padding-left: 50px;
    }

    #courses ul > .item-with-ul a {
        padding-left: 70px;
    }

    #courses ul > li a {
        padding-left: 35px;
        cursor: pointer;
    }

    #help > a:first-child {
        padding-left: 50px;
    }

    #help ul li > a {
        padding-left: 50px;
    }

    #feedback a {
        padding-left: 50px;
    }

    /* Flexnav */
    .flexnav {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform-style: preserve-3d;
        overflow: hidden;
        margin: 0 auto;
        width: 100%;
        max-height: 0;
    }

        .flexnav.opacity {
            opacity: 0;
        }

        .flexnav.flexnav-show {
            padding: 0px;
            max-height: 2000px;
            opacity: 1;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        .flexnav.one-page {
            position: fixed;
            top: 50px;
            right: 5%;
            max-width: 200px;
        }

        .flexnav li {
            font-size: 100%;
            position: relative;
            overflow: hidden;
            display: block;
            margin-right: 0px;
        }

            .flexnav li a {
                position: relative;
                display: block;
                padding: 0.96em;
                z-index: 2;
                overflow: hidden;
                border-bottom: 1px solid rgba(0, 0, 0, 0.15);
                background: white;
                color: #237ED1;
            }

            .flexnav li ul {
                width: 100%;
            }

                .flexnav li ul li {
                    font-size: 100%;
                    position: relative;
                    overflow: hidden;
                }

                .flexnav li ul.flexnav-show li {
                    overflow: visible;
                }

                .flexnav li ul li a {
                    display: block;
                    background: white;
                    padding-left: 50px;
                }

        .flexnav ul li ul li a {
            background: white;
            padding-left: 75px;
        }

        .flexnav ul li ul li ul li a {
            background: #cbcbc9;
        }

        .flexnav .touch-button {
            position: absolute;
            z-index: 999;
            top: 0;
            width: 50px;
            height: 30px;
            display: inline-block;
            text-align: center;
            background: white;
            padding-top: 16px;
        }

            .flexnav .touch-button:hover {
                cursor: pointer;
            }

            .flexnav .touch-button .navicon {
                position: relative;
                top: 1.4em;
                font-size: 12px;
                color: #666;
            }    

    .video-container-fullscreen .share-autoplay-container 
    {
        width: 36%;
    }

    .video-container-fullscreen .navigation-controls 
    {
        width: 62%!important;
    }

    .video-container-fullscreen .next-text-container 
    {
        width: 76%;
    }

    #syllabus .get-help-btn 
    {
        margin-top: 26px;
    }

    #course-retirement-notification .retirement-text-container { width: 90%; }
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* SMARTPHONE PORTRAIT - LOW WIDTH      */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (max-width:767px) {

    #course-player-container { margin-top: 0px; }

    body {
        font-size: 16px;
    }

    .descriptionText {
        width: 450px;
    }

    #autoplay-container, #social-share-container {
        display: none;
    }

    .navigation-controls {
        display: inline-block;
        width: 84% !important;
    }

    .video-container-fullscreen .share-autoplay-container {
        display: none;
    }

    .video-container-fullscreen #video-navigation 
    {
        width: 78%;
    }

    .next-text-container 
    {
        width: 72%;
    }

    /**********/
    /* Header */
    /**********/

    #top-header {
        zoom: normal;
    }

    .microsoftLogo {
        background-position: -10px -325px;
        height: 18px;
        width: 86px;
    }

    .course-title h1 {
        font-size: 1.3em;
    }

    /* Progress bar */
    .level-numbers {
        font-size: 0.65em;
        padding: 9px 0px 0px 0px;
    }

    .progress-bar-content {
        width: 89%;
    }


    /**********/
    /* Footer */
    /**********/

    #footer {
        font-size: 0.63em;
    }

        #footer .footer-logo {
            transform: scale(0.9);
            -ms-transform: scale(0.9);
            -webkit-transform: scale(0.9);
        }


    /*********/
    /* Login */
    /*********/

    .signup {
        padding: 5px;
        margin-right: 4px;
        font-size: 1.4em;
        height: 25px;
    }

        .signup .icon {
            background-position: -128px -389px;
            height: 20px;
            width: 20px;
        }

        .signup .text {
            padding-left: 40px;
            padding-right: 20px;
            padding-top: 1px;
            font-size: 1em;
        }


    /**********/
    /* Popups */
    /**********/

    .popUpMessage {
        width: 320px !important;
        height: 350px !important;
    }

        .popUpMessage .popup-title {
            margin-top: 25px;
            padding-bottom: 0;
            text-align: left;
            padding-left: 10px;
        }

        .popUpMessage .close-container, .popUpMessage .message-redaction-send {
            left: 75%;
        }

        .popUpMessage .message-redaction .inputTextArea {
            height: 152px;
        }

    /* Free actions */
    .freeActionsPopUp .title {
        padding-left: 7px;
        line-height: 1.6em;
        font-size: 1.3em;
        margin-bottom: 0px;
    }

    .freeActionsPopUp .main-text {
        line-height: 1.2em;
        font-size: 0.938em;
    }


    /*****************/
    /* Player header */
    /*****************/

    .title-container 
    {
        width: 87%;
    }

    /* Progress bar */
    .progress-bar-content {
        width: 89%;
    }

    .level-numbers {
        font-size: 0.65em;
        padding: 9px 0px 0px 0px;
    }

    .corse-item-name, .corse-item-name-nomedia 
    {
        width: 32%;
    }
    
    #info-tab-outer-container, #course-content-container 
    {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin:0px;
    }

    .video-container-fullscreen .next-text-container 
    {
        width: 77%;
    }

    .share-autoplay-container 
    {
        float: right;
        width: 35px;
    }

    .video-container-fullscreen .navigation-controls 
    {
        width: 100% !important;
    }

    .video-container-fullscreen #iframeWrapper.frame-container 
    {
        padding-bottom: 36px;
    }

    #updated-content-bonus 
    {
        width: 57%;
    }

    .download-file-name 
    {
        width: 20%;
    }

    .course-header h1 
    {
        white-space: normal;
        text-overflow: initial;
        overflow: auto;
    }

    #syllabus .get-help-btn 
    {
        margin-top: 26px;
    }

    .get-help-btn .feedback-container 
    {
        float: none;
        margin-right: 0px;
        text-align: center;
    }

    .corse-level-assessment { max-width: 49% !important; }

    .course-list-item {
         width:100% !important;
    }
}



/************************************************************************************************
*************************************************************************************************
    SEARCH PAGE
*************************************************************************************************
************************************************************************************************/

#searchCourseDetailsView 
{
    max-width: 1366px;
    margin: 0 auto;
    padding: 30px 33px 0px 33px;
}

.anchored-left-fixed-width-2 
{
    width: 220px;
    padding-right: 0px;
    margin-top: 70px;
    height: 100%;
    float: left;
}

#productTopicDetailsView .anchored-left-fixed-width-2 {
    margin-top: 15px;
}

.variable-width-7 
{
    width: 767px;
    margin-left: auto;
    margin-right: auto;
}

#productTopicDetailsView .variable-width-7 {
    width: 702px;
    float: right;
    border-top: 1px solid #CACACA;
}

#productTopicDetailsView #coursedetails .course-description {
    width: 349px;
}

#productTopicDetailsView #coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul {
    margin-right: 18px;
}

.anchored-right-fixed-width-3 
{
    width: 343px;
}

.lighter-grey-backgroud 
{
    background-color: #F6F6F6;
}

.filter-icon-svg-container 
{
    position: absolute;
    top: 13px;
    left: -28px;
    padding: 5px;
}

#coursedetails 
{
    height: 100%;
    width: 100%;
    position: relative;
}

.search-header-container 
{
    margin-bottom: 30px;
}

#searchCourseDetailsView .course-count 
{
    display: inline-block;
    font-size: 25px;
    font-weight: 100;
}

.filter-icon-svg 
{
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 250px 600px;
    background-position: -50px -225px;
}

span.filter-icon-svg.hide 
{
    position: absolute;
    top: 13px;
    left: -28px;
    padding: 5px;
}

#coursecount 
{
    width: 65%;
}

#coursecount h1 
{
    display:inline;
}

.verticalalign-top 
{
    vertical-align: top;
}

.search-message-ellipsis 
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#coursecount .search-message-ellipsis {
    max-width: 88%;
}

#searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort 
{
    display: inline-block;    
    font-size: 12px;
}

.sort-dd 
{
    color: #333;
    font-size: 13px !important;
    position: relative;
   float:right;
    vertical-align: top;
    margin-top: 6px;
}

#filter-mobile 
{
    display: none;
    vertical-align: text-top;
    font-size: 13px;
}

    #filter-mobile span {
        color: #0072C6 !important;
        vertical-align: top;
        font-weight: 400;
        cursor: pointer;
    }

    #filter-mobile span.no-results {
        color: #CACACA !important;
        cursor: default;
    }

    #filter-mobile #sr-filter-mobile-icon {
        width: 20px;
        height: 20px;
        background-image: url('content/images/MLX_Icons_v4.svg');
        background-size: 220px 590px;
        background-position: -45px -223px;
        margin-left: 15px;
        margin-right: 5px;
        cursor: pointer;
        display: inline-block;
    }

    #filter-mobile #sr-filter-mobile-icon.no-results {
        background-position: -111px -223px;
        cursor: default;
    }

#arrange-by 
{
    cursor: pointer;
    text-align: right;
    font-size: 13px;
    vertical-align: middle;
}

#arrange-by label {
    float:left;
    vertical-align: middle;
    margin-top:3px
}

#arrange-by #sort-name 
{
    color: #0072C6 !important;
    font-weight: 400;
}

#arrange-by.no-results, #arrange-by.no-results #sort-name
{
    color: #cacaca !important;
    cursor: default !important;
}

#cs-sort-dd.sort-dd .sort-dd-name, #product-sort-dd.sort-dd .sort-dd-name 
{
    line-height: 26px;
}

.dropdown-icon-down-svg-black 
{
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100px 240px;
    background-position: -60px -30px;
    position: relative;
    left: -25px;
}

.styled select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #0072c6 !important;
    height: 18px;
    margin-top: 3px;
    margin-left:5px;
    overflow-y: visible;
    vertical-align: top;
    padding-right:15px;
    -moz-appearance:none;
    -webkit-appearance:none;
    position:relative;
    z-index:3;
}

.styled select::-ms-expand {
    display: none;
}

.styled select option {
    height: 30px;
    padding-top: 7px;
    vertical-align: middle;
    width: 100%;
}

.course-list-item {
  display: inline-block;
  height: auto;
  position: relative;
  width: 78%;
}

.related-course-list-item {
  display: inline-block;
  height: auto;
  position: relative;
  width: 100%;
}

.sort-dropdown-menu 
{
    position: absolute;
    border: 1px solid #333333;
    color: #000;
    font-size: 13px;
    z-index: 1000;
    background-color: #FFF;
    right: 0px;
    display: none;
}

#productTopicDetailsView .sort-dropdown-menu-parent {
    position: relative;
}

#productTopicDetailsView .sort-dropdown-menu {
    top: 7px;
}

.sort-dropdown-menu ul 
{
    width: 100%;
    background-color: #FFF;
}

.sort-dropdown-menu ul li:first-child 
{
    margin-top: 0px;
}

.sort-dropdown-menu ul li:hover 
{
    background-color: #0072C6;
    color: #FFF !important;
}

#searchCourseDetailsView .sort-dropdown-menu ul li:hover a,
#productTopicDetailsView .sort-dropdown-menu ul li:hover a
{
    color: #FFF !important;
}

.sort-dropdown-menu ul li 
{
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer !important;
    text-align: left;
}

    .sort-dropdown-menu ul li:last-child 
    {
        margin-bottom: 0px;
    }

.sort-options 
{
    display: inline-block;
    max-width: 140px;
    max-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#coursedetails #searchResultsContainer 
{
    height: 665px;
}

#coursedetails .search-results-container 
{
}

#coursedetails .search-results-container-no-results 
{
}

    #coursedetails .search-results-container-no-results .search-result-template-div 
    {
        display: table-cell;
        vertical-align: middle;
    }

    #coursedetails .search-results-container-no-results #no-results-text h1 {
        margin-bottom: 5px;
        display: none;
    }

        #coursedetails .search-results-container-no-results #no-results-text ul {
            list-style-type: disc !important;
            list-style-position: inside !important;
        }

            #coursedetails .search-results-container-no-results #no-results-text ul li {
                display: list-item !important;
                list-style: inherit !important;
            }

            #coursedetails .search-results-container-no-results #no-results-text ul li.browse-all-courses a {
                display: inline;
            }

.search-results-container 
{
    width: 100%;
    height: calc(100% - 66px);
    height: -webkit-calc(100% - 66px);
    height: -moz-calc(100% - 66px);
    margin-top: 20px;
    overflow-y: auto;
}

.mCustomScrollbar 
{
    -ms-touch-action: none;
    touch-action: none;
}

.mCustomScrollBox 
{
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    direction: ltr;
    overflow-y: auto;
}

.mCSB_inside > .mCSB_container 
{
    margin-right: 30px;
}

.mCSB_container 
{
    overflow: hidden;
    width: auto;
    height: auto;
}

#coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul 
{
    display: block;
    margin-top: 5px;
    padding-bottom: 1px;
    margin-right: 45px;
}

#coursedetails .search-results-container ul li, #prodcutDetails .search-results-container ul li, #topicDetails .search-results-container ul li 
{
    height: 134px;
    margin-bottom: 40px;
}

#ul-related-courses li
{    
    margin-bottom: 0px !important;
}

#coursedetails .course-image, #prodcutDetails .course-image, #topicDetails .course-image 
{
    margin-left: 0px;
    float: left;
}

#coursedetails .course-image .course-image-block, #prodcutDetails .course-image .course-image-block, #topicDetails .course-image .course-image-block 
{
    height: 80px;
    width: 100%;
    margin-bottom: 3px;
}

.corner-rect 
{
    position: absolute;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 36px solid #000000;
    border-right: 48px solid transparent;
    opacity: 0.8;
    z-index: 500;
}

#coursedetails .course-image .course-image-block img, 
#prodcutDetails .course-image .course-image-block img, 
#topicDetails .course-image .course-image-block img,
#divCourseRetirement .replacement-course-img img, #divEmbedCourseRetirement .replacement-course-img img
{
    height: 80px;
    width: 144px;
}

#coursedetails .course-image .course-image-block img {
    height: auto !important;
}

.course-completion-status.ui-progressbar 
{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #008A00;
}

.course-completion-status.ui-widget-content 
{
    height: 17px;
    line-height: 15px;
    background-color: #EEEEEE;
    bottom: 0px;
    width: 140px;
}

.course-completion-status span 
{
    color: #FFF;
    position: absolute;
    display: inline-block;
    width: 140px;
    text-align: center;
    z-index: 10;
    font-weight: 400;
    font-size: 13px;
}

.course-completion-status .ui-progressbar-value 
{
    background-color: #008A00;
    background-image: none;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}

.ui-progressbar .ui-progressbar-value 
{
    margin: -1px;
    height: 100%;
}

.ui-widget-header 
{
    border: 1px solid #aaaaaa/*{borderColorHeader}*/;
    color: #222222/*{fcHeader}*/;
    font-weight: bold;
}

#prodcutDetails .course-description, #topicDetails .course-description 
{
    width: 390px;
    height: 100%;
    padding-left: 10px;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
}

#coursedetails .course-description 
{
    width: 380px;
    height: 100%;
    padding-left: 10px;
    float: left;
    box-sizing: border-box;
}

#coursedetails .related-course-description 
{
    width: 100%;
    height: 100%;
    padding-left: 0px;
    float: left;
    box-sizing: border-box;
}

.course-description > div 
{
    display: inline-block;
    width: 100%;
}

.course-short-description 
{
    overflow: hidden;
    height: 35px;
    text-align: justify;
}

.replacement-course-data .course-short-description {
    font-size: 13px;
}

#ul-courses .course-short-description:before {
    content: "";
    float: left;
    width: 5px;
    height: 3em;
}

#ul-related-courses .course-short-description:before {
    content: "";
    float: left;
    width: 5px;
    height: 47px;
}

.course-short-description > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
    font-weight: 400;
}

.course-short-description:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -30px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.replacement-course-data .course-short-description:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -136px;
    left: 1%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.course-short-description span, .course-short-description label 
{
    color: #333333 !important;
    font-weight: 400;
    font-size: 13px;
}

.course-short-description-dotdotdot {
    font-weight: 400;
}

.course-short-description-dotdotdot span {
    font-weight: 600 !important;
}

.coal 
{
    color: #333333 !important;
}

.course-description .left-pane 
{
    width: 100%;
    margin-right: 20px;
}

.charcoal 
{
    color: #737373 !important;
}

.colorb {
    color: #333333 !important;
}

.left-pane-position 
{
    position: relative;
}

.ellipsis 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.course-name > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
    font-weight: 400;
    text-align: justify;
}

.course-name {
    line-height: 21px;
    width: 100%;
    max-height: 46px;
    overflow: hidden;
}
    
    .course-name h2 > span {
        font-weight: 400;
        text-decoration: none;
    }

    .course-name h2 > span span {
        font-weight: 600;
    }

.course-retire-menu 
{
    width: 100%;
    position: absolute;
    padding: 5px 0px;
    top: 23px;
    font-size: 12px;
    z-index: 1000;
    display: none;
    right: 0px;
    background-color: #FFFFE0;
    line-height: 15px;
}

.course-retire-menu .star-img-large 
{
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 300px 720px;
}

.course-retire-menu > * 
{
    display: inline-block;
    vertical-align: top;
}

.course-retire-span-width 
{
    width: 80%;
    padding-left: 5px;
    color: #000;
    font-size: 10px;
}

.course-replace-span-width 
{
    width: 100px;
    color: #000;
}

#searchCourseDetailsView .link, #searchCourseDetailsView a 
{
  cursor: pointer;
  color: #0072C6 !important;
  text-decoration: none;
}

    #searchCourseDetailsView .link.link-disabled, #searchCourseDetailsView .link-disabled {
        color: #333333 !important;
    }

.course-retire-menu a 
{
    font-size: 10px;
    width: 78%;
}

.course-link 
{
    padding-left: 5px;
    font-size: 13px;
    cursor: pointer;
    color: #0072C6;
    text-decoration: underline !important;
}

.overflow-hide-a 
{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom !important;
    max-width: 240px;
}

.course-retire-menu .course-retire-close 
{
    padding: 10px 5px;
}

.course-retire-close 
{
    float: right;
    padding: 3px;
}

.search-result-right-container 
{
    float: right;
    width: 22%;
}

.search-result-right-container > .right-pane {
    display: block;
    position: static;
}

@media (max-width: 1365px) {
    .search-result-right-container > .right-pane {
        padding-left: calc(100% - 105px);
    }
}

.topic-detail .search-result-right-container .rates-number
{
    margin-top: 2px;
    font-size: 13px;
}

.search-result-right-container .rates-number
{
    margin-right: 3px;
    font-size: 16px;
    font-weight:400;
}

.search-result-right-container > * 
{
    display: block;
    width: 100%;
    position: relative;

}

.search-rating-pane 
{
    text-align: left;
}

#PlaceholderRate {
    display:inline-block;
    vertical-align: top;
}

    .search-rating-pane .search-number-of-ratings 
    {
        font-size: 13px;
        color: black;
    }

    .search-rating-pane .rating .star-background 
    {
        width: 94px;
        margin-top: 0px;
    }

    .search-rating-pane .search-rating
    {
        display: inline-block;
        margin-top: 2px;
        position: relative;
        vertical-align: top;
    }

    .search-rating-pane .search-rating .search-stars, .search-rating-pane .search-rating .search-stars-golden
    {
        height: 18px;
    }

.marginT2 {
    margin-top:-2px !important;
}

.cursorText {
    cursor:text !important;
}

    .search-rating-pane .search-rating .search-star-background::before
    {
        content: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
        left: -8px;
        top: -262px;
        position: relative;
        width: 94px;
    }

    .search-rating-pane .search-rating .search-star-background 
    {
        height: 20px;
        overflow: hidden;
        width: 94px;
        top:-14px;
    }

    .search-rating-pane .search-rating .search-stars-golden::before
    {
        content: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
        left: -8px;
        top: -162px;
        position: relative;
        width:100%;
    }

    .search-rating-pane .search-rating .search-stars-golden 
    {
        height: 20px;
        position: absolute;
        overflow: hidden;
        width: 94px;
        top: 0;
    }

.loadingmasterContainer 
{
    background-color: white;
    opacity: 0.5;
    height: auto;
    margin-bottom: 30px;
}

.loadingcontainer 
{
    position: fixed;
    bottom: 55px;
    margin-left: 0px !important;
    margin-right: auto;
    height: 120px;
    background: white;
    text-align: center;
    width: calc(100% - 600px);
}

.loading-animation 
{
    background: url('content/images/ProgressRing_Blue40x40.gif') no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 72px);
}

.loading-text 
{
    display: inline-block;
    font-size: 23px;
    vertical-align: bottom;
    line-height: 40px;
    margin-left: 10px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 38px);
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools 
{
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCSB_scrollTools 
{
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight 
{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools 
{
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer 
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools .mCSB_dragger 
{
    width: 100%;
    height: 30px;
    z-index: 1;
}

html .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar 
{
    width: 16px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: gray;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar 
{
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

html .mCustomScrollBox .mCSB_draggerRail 
{
    background-color: lightgray;
    opacity: 1;
}

html .mCSB_scrollTools .mCSB_draggerRail 
{
    width: 16px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: transparent;
}

.course-level-container 
{
    font-size: 13px;
    font-weight: 400;
    float: right;
    text-align: left;
}

.course-level-only-mobile, .course-level-only-mobile-pipe 
{
    display: none;
}

.course-level-only-mobile, .course-level-only-desktop 
{
    font-weight: 600;
}


.add-course-dropdown-items 
{
    position: absolute;
    border: 1px solid #737373;
    z-index: 1500;
    background: white;
    min-width: 160px;
    width: 245px;
    max-height: 235px;
    float: right;
    right: 0;
    font-size: 13px;
}

.add-course-dropdown-items.bottom100,
.add-course-dropdown-items.course-page-add-dropdown-container.bottom100{
    top: auto;
    position: absolute;
}

.add-course-dropdown-items.course-page-add-dropdown-container.add-course-dropdown-items-leftalign {
    position: absolute;
    top: 32px;
}

.listitem-lp-course-add 
{
    height: auto !important;
    margin-bottom: 5px !important;
    margin-left: 8px;
    margin-top: 8px;
    margin-right: 3px !important;
    font-weight: 400;
    display:flex;
    align-items:center;
}

.listitem-lp-course-add input[type="checkbox"] {
    margin: 4px 3px 2px 4px;
}

.lp-list-small-dropdown 
{
    overflow: hidden;
    overflow-y: auto;
    max-height: 150px;
}

.lp-list-small-dropdown ul 
{
    margin-right: 0px !important;
    font-size: 0.938em;
}

.lp-span-text 
{
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-left: 2px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marginlpL5 
{
    margin-left: 5px;
}

.lp-coursecount-text {
    margin-left:5px;
    vertical-align:top;
}

.paddingL3 {
    padding-left:3px !important;
}

.search-result-right-container .learning-plan {
    border: 1px solid #737373;
    cursor: pointer;
    box-sizing: border-box;
    max-height: 33px;
    width:auto;
    padding-right: 9px;
    float: right;
    overflow: hidden;
    white-space: nowrap;
}


    .search-result-right-container .learning-plan.lp-disabled, 
    .search-result-right-container .learning-plan.not-in-lp .learning-plan-left-icon.lp-disabled {
        background-color: #EEEEEE !important;
        color: #A0A0A0 !important;
    }

    .search-result-right-container .learning-plan.in-lp .learning-plan-left-icon.lp-disabled {
        background-color: #A0A0A0 !important;
    }

.search-result-right-container .learning-plan:hover {
    background-color: #D2D2D2;
}

.search-result-right-container .learning-plan.cursor-default:hover {
    background-color: transparent;
}

    .search-result-right-container .learning-plan .learning-plan-left-icon {
        display: inline-block;
        height: 100%;
        width: auto;
    }

    .search-result-right-container .learning-plan .learning-plan-right-text {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 13px;
        padding: 6px 0px 5px 0px;
        width: auto;
        color: #333;
        white-space: nowrap;
    }

    .remove-width{
        width:0px !important;
        float:left !important;
    }

    .add-course-dropdown-items-leftalign{
       left:0 !important;
       text-align:left !important;
    }

    .learning-plan-left-icon-check-fltleft{
        float:left !important;
    }

    .learning-plan-right-text-fltleft {
         float:left !important;
    }
       
    /*IN LEARNING PLAN*/
    .search-result-right-container .learning-plan.in-lp .learning-plan-left-icon {
        background-color: #008a00;
        height: 31px;
        vertical-align: middle;
        line-height: 100%;
    }

        .search-result-right-container .learning-plan.in-lp .learning-plan-left-icon .learning-plan-left-icon-check {
            width: 20px;
            height: 20px;
            background-image: url('content/images/MLX_Icons_v4.svg');
            background-position: -542px -90px;
            background-size: 175px 458px;
        }
        
    /*NOT IN LEARNING PLAN*/
    .search-result-right-container .learning-plan.not-in-lp .learning-plan-left-icon {
        color: #008A00;
        font-size: 22px;
        font-weight: bold;
        line-height: 25px;
        height: 31px;
        max-height: 33px;
        padding-left: 2px;
    }

    .search-result-right-container .learning-plan.not-in-lp .learning-plan-left-icon::after {
        content: '+';
    }

        .search-result-right-container .learning-plan.not-in-lp .learning-plan-left-icon .learning-plan-left-icon-check {
            display: none;
        }

.listitem-lp-course-add-apply 
{
    height: auto !important;
    margin-bottom: 10px !important;
    margin-left: 8px;
    margin-top: 8px;
}

.add-course-dropdown-items .apply-button, .add-course-dropdown-items .apply-button-disabled 
{
    width: 80px;
    padding: 8px;
    text-align: center;
    margin-left: 12px !important;
    font-size: 0.938em !important;
    font-weight: 400;
    display: inline-block;
}

.add-course-dropdown-items .apply-button-disabled, #searchCourseDetailsView .apply-button-disabled
{
    background: #EEEEEE;
    color: #696969 !important;
}

.add-course-dropdown-items .apply-button , #searchCourseDetailsView .apply-button
{
    background: #0072C6;
    color: #FFFFFF !important;
    cursor: pointer;
}

#coursedescription .publish-date {
    font-size: 13px;
    font-weight: 400;
    color: #737373;
}

#related-courses-authorinfo .instructorslabel {
    font-size: 13px;
    font-weight: 400;
    color: #737373;
    overflow: hidden;
}

.related-ellipsis 
{
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

#coursecount .countnumber {
    font-size: 16px;
    line-height: 37px;
}

/* FILTERS */
#searchCourseDetailsView .divnarrowby, #productTopicDetailsView .divnarrowby {
    height: calc(100% - 100px);
    height: -moz-calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
    min-height: initial;
    max-height: initial;
}

.sr-filter-type 
{
    border: medium none;
    padding-left: 0;
    width: 200px;
}

.divnarrowby ul .sr-filter-type {
    width: 187px;
    padding-bottom: 14px;
}

.mlx-wrapper {
    display: block;
    height: 26px;
    border: 1px solid #000;
    background: white;
    width: 100%;
    cursor: default;
    position: relative;
}

    .mlx-wrapper.ddl-open {
        border-bottom: 0px;
        margin-bottom: -6px;
    }

    .mlx-wrapper.disabled {
        background-color: #EEEEEE !important;
        color: #A0A0A0 !important;
    }

.mlx-input {
    width: 90% !important;
    border: none;
    height: 26px;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-top: 0px;
    line-height: 25px;
    font-weight: normal;
}

.dropdown-icon {
    width: 18px;
    height: 26px;
    display: block;
    float: right;
    margin-left: -10px;
    text-align: center;
}

.dropdown-icon .dropdown-icon-down-svg,  .styled:after {
    display: inline-block;
    vertical-align: middle;
    margin: 7.5px auto;
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100px 240px;
    background-position: -60px -30px;
}

.sr-filter-type .mlx-wrapper::after {
    background-image: url("content/images/MLX_Icons_v4.svg");
    background-position: -60px -30px;
    background-repeat: no-repeat;
    background-size: 100px 240px;
    content: " ";
    display: inline-block;
    float: right;
    height: 9px;
    margin: 7.5px 10px 7.5px auto;
    vertical-align: sub;
    width: 10px;
}

.sr-filter-type .mlx-wrapper.ddl-open::after {
    background-position: -80px -30px;
}

.styled:after {
    content: "";
    position:absolute;
    top:0;
    right:0;
}
.styled {
    position: relative;
    float:left
}

    .dropdown-icon .dropdown-icon-up-svg {
        display: inline-block;
        vertical-align: middle;
        margin: 7.5px auto;
        background-image: url('content/images/MLX_Icons_v4.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        background-size: 100px 240px;
        background-position: -80px -30px;
    }

.mlx-dropdown-container {
    height: 100%;
    position: relative;
}

.mlx-drop-source {
    z-index: 101;
    border: 1px solid #000;
    border-top: 0px solid #FFF;
}

    .mlx-drop-source ul {
        overflow-y: hidden;
        max-height: 200px;
    }

    .mlx-drop-source ul li label {
        vertical-align: middle;
    }

    .mlx-drop-source input {
        height: inherit;
    }

.mlx-dropdown {
    width: 100%;
    height: 100%;
    background-color: #FFF
}

    .mlx-dropdown ul {
        list-style-type: none;
        padding-left: 0px;
        margin: 0px;
        overflow: auto;
        width: 100%;
    }

        .mlx-dropdown ul li {
            padding: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 10pt;
            display: table;
            width: 100%;
            cursor: default;
        }

            .mlx-dropdown ul li:hover {
                display: table;
                background-color: #0072C6;
                color: #FFF;
            }

            .mlx-dropdown ul li input {
                vertical-align: middle;
                cursor: pointer;
                float: left;
                padding-left: 5px;
            }

            .mlx-dropdown ul li label {
                width: 100%;
                cursor: pointer;
                padding-right: 5px;
                word-break: keep-all;
                display: table-cell;
                line-height: 12pt;
            }

.mlx-drop-target {
    z-index: 100;
}

    .mlx-drop-target ul li:hover {
        background-color: transparent;
        color: inherit;
    }

#divNarrowBy .mlx-dropdown ul li label {
    font-weight: normal;
}

.reset-filter-text 
{
    line-height: 25px !important;
    display: inline-block;
    font-weight: 400 !important;
    vertical-align: top;
    margin-left: 5px;
    font-size: 13px;
}

.disabled {
    color: #696969 !important;
    cursor: default !important;
}

.reset-image {
    display: inline-block;
    line-height: 25px !important;
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 250px 600px;
    background-position: -25px -50px;
}

.reset-image.active 
{
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: 250px 600px;
    background-position: 0px -50px;
}

    .reset-image.active:hover {
        background-size: 250px 600px;
        background-position: -50px -50px;
    }

#searchcourseinfo a.filter-dropdown-label {
    color: #515151 !important;
}

#searchcourseinfo-cont { 
    position: relative;
}
#searchcourseinfo-cont-mobile {
    text-align: left;
}

.sr-carot {
    display: none;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 9px 9px;
}

#searchcourseinfo-carot-mobile {
    display: none;
    position: absolute;
    top: -9px;
    left: 56px;
}

.filter-dropdown-label {
    font-weight: 400;
    padding-left: 10px;
    cursor: default;
}

.filter-dropdown-span-ellipsis {
  display: inline-block;
  overflow: auto;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%;
}

#sr-narrowby-close {
    width: 15px;
    height: 15px;
    background-image: url('content/images/MLX_Icons_v4.svg');
    background-repeat: no-repeat;
    background-size: 170px 370px;
    background-position: -69px -62px;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    position: absolute;
    right: 15px;
    top: 20px;
    display: none;
}

#sr-narrowby-cont {
    cursor: default;
}

.mlx-dropdown-close-icon {
    padding-right: 3px;
    font-weight: 400;
    cursor: pointer;
    color: #0072C6 !important;
}

.mlx-dropdown-close-text {
    color: #0072C6 !important;
}

.mlx-dropdown-close-text::before {
    color: #0072c6 !important;
    cursor: pointer;
    font-weight: 400;
    padding-right: 3px;
    position: relative;
    display: inline;
    content: "x ";
}

.author-info {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.author-info span {
    font-weight: 400 !important;
}

    .author-info .author-dsp-name {
        color: #0072C6 !important;
    }

    .author-info .author-job-title {
        margin-left: -2px;
    }

#sortMenu-carot {
    display: none;
    position: absolute;
    top: -9px;
    left: 75px;
}


/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* DESKTOP                               */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (min-width:1025px) and (max-width:1366px) {
    #coursedetails #searchResultsContainer { height: 375px; }
    #productTopicDetailsView .variable-width-7 { min-width: 76%; }
    #productTopicDetailsView #coursedetails .course-description { min-width: 54%; }
    #product-topic-container .product-topic-header .header-banner .description { max-width: 100%; }
}

@media (min-width:1025px) and (max-width:1285px) {
    .variable-width-7 { float: left; width: 721px; }
    #coursedetails .course-description { width: 340px; }
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* TABLET                               */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (min-width:768px) and (max-width:1024px) {
    #coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul { margin-right: 24px; }
    .variable-width-7 { width: 736px; }
    #searchCourseDetailsView #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { width: 390px; }
    #searchcourseinfo-cont { display: none; }
    #searchcourseinfo-mobile { position: absolute; background-color: #FFF; z-index: 1000; top: 25px; left: 0px; border: 1px solid #CACACA; }
    #coursecount { width: 100% }
    #searchCourseDetailsView #filter-mobile { width: 59%; display: inline-block; }
    #searchCourseDetailsView #arrange-by { text-align: right; width: 40%; display: inline-block; }
    .sort-dd { font-size: 13px !important; width: 100%; }
    #searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort { float: none; display: block; border-bottom: 1px solid #CACACA; }
    .anchored-left-fixed-width-2 { width: 255px; float: none; height: auto; height: initial; margin-top: 0px; }
    #divNarrowBy { margin-left: 25px; margin-right: 7px; overflow: auto; }
    #sr-narrowby { margin-left: 25px; }
    #sr-narrowby-label { margin-top: 20px; }
    #resetFilters { margin-bottom: 10px; }
    #searchcourseinfo-carot-mobile { display: block; }
    #searchCourseDetailsView { padding: 30px 0px 0px 0px; }
    #searchCourseDetailsView .divnarrowby { min-height: 280px;}
    #productTopicDetailsView .variable-width-7 { width: 100%; float: none; }
    #productTopicDetailsView #searchcourseinfo-cont-mobile { top: -20px; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right { width: 60% !important; }
    #productTopicDetailsView #filter-mobile { display: inline-block !important; }
    #productTopicDetailsView #coursedetails .course-description { width: 54%; }
    #productTopicDetailsView .anchored-left-fixed-width-2 { margin-top: 0px; }
    #productTopicDetailsView #searchcourseinfo-mobile { top: 10px; }

    /* Only for Edge */
    @supports (-ms-accelerator:true) {
        .anchored-left-fixed-width-2 { width: 265px; margin-right:-25px; } 
        #searchCourseDetailsView .divnarrowby { overflow: auto; }
    }
}

/* Only for IE9+ */
@media screen and (min-width:0\0) and (min-width:768px) and (max-width:1024px) { 
    .anchored-left-fixed-width-2 { width: 265px; margin-right:-25px; } 
    #searchCourseDetailsView .divnarrowby { overflow: auto; }
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* MOBILE LARGE DEVICES LANDSCAPE       */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media screen and (min-width:640px) and (max-width:767px) /*and (orientation : landscape)*/ {
    #syllabus.tab-content { width: 100%; padding-left: 5px; padding-right: 10px; box-sizing: border-box; }
    #searchCourseDetailsView { margin-top: 0px; padding: 0px 5px 0px 5px; }
    .course-level-only-mobile, .course-level-only-mobile-pipe { display: inline-block; font-size: 14px; float: none; }
    .course-image-container { display: none; }
    .search-result-right-container { display: none; }
    .variable-width-7 { width: 100%; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { width: 100%; padding-left: 5px; padding-right: 5px; }
    .course-name { text-overflow: initial; white-space: normal; }
    #coursedetails .search-results-container ul li, #prodcutDetails .search-results-container ul li, #topicDetails .search-results-container ul li { height: 100%; margin-bottom: 20px; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { float: none; }
    #coursedetails { width: 98%; }
    #searchCourseDetailsView .course-count { font-size: 20px; margin-left: 10px; display: block; float: none; }
    #resultsfor { display: block; }
    #coursecount { width: 100% }
    #coursecount .countnumber { line-height: 30px; }
    .search-header-container { height: 100%; margin-top: 10px; }
    #searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort { float: none; display: block; border-bottom: 1px solid #CACACA; }
    .sort-dd { font-size: 13px !important; width: 100%; }
    #searchCourseDetailsView #filter-mobile { width: 59%; display: inline-block; }
    #searchCourseDetailsView #arrange-by { text-align: right; width: 40%; display: inline-block; }
    .sort-dropdown-menu { top: 30px; }
    .title-container { width: 87%; }
    #divNarrowBy {   margin-left: 25px; margin-right: 28px; border-top: 1px solid #CACACA; }
    #sr-narrowby { margin-left: 25px; display:inline-block; width: 80%; }
    #resetFilters { margin-bottom: 10px; }
    .anchored-left-fixed-width-2 { width: 100%; margin-top: 20px; height: auto; height: initial; float: none; margin-top: 0px !important; }
    #searchcourseinfo-cont { display: none; }
    #searchcourseinfo-mobile { position: absolute; background-color: #FFF; z-index: 1000; top: -70px; left: 0px; border: 1px solid #CACACA; }
    .divnarrowby ul .sr-filter-type { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #CACACA; }
    .dropdown-icon { margin-right: 20px; }
    .mlx-wrapper { border: 0px; margin-top: 14px;}
    #resetFilters { margin-top: 25px; }
    .mlx-drop-source { border: 0px; }
    .filter-dropdown-label { color: #0072C6; padding-left: 0px; }
    .mlx-dropdown ul li { color: #0072C6 !important; padding-top: 20px; padding-bottom: 20px; }
    .mlx-dropdown ul li:hover { background-color: transparent; }
    .mlx-dropdown.mlx-drop-target { display: none; }
    .mlx-drop-source ul { max-height: 100%; }
    #sr-narrowby-label { margin-top: 20px; }
    #sr-narrowby-close { display: block; float: none;  }
    #sortMenu-carot { display: block; }
    #ul-courses .author-info { display: none; }
    #searchCourseDetailsView .divnarrowby { overflow: initial; min-height: 280px;}
    #divCourseRetirement.overlay-wrapper { padding: 1em 0 1em 0 !important; }
    #divEmbedCourseRetirement.overlay-wrapper { padding: 1em 0 1em 0 !important; }
    .course-name h2 { white-space: normal; }
    .search-results-container { overflow-y: visible; }
    #coursedetails .search-results-container-no-results #no-results-text h1 { display: block; }
    #coursedetails .search-results-container-no-results #no-results-text { margin-left: 10px; }
    #points-progress-container .add-learning-plan-container, .search-result-right-container .add-learning-plan-container { height: 33px; margin-left: -23px;}
    .in-learningPlan-button, .not-logged-button, .addTo-learningPlan-button { height: 100%; padding: 0px; }
    .learning-plan-icon { width: 33px; height: 33px; font-size: 2em; line-height: 31px; padding: 0px; }
    .learning-plan-icon .add { padding: 0px 0px 0px 7px; margin-bottom: 1px; }
    .add-learning-plan-container .learning-plans-callout { left: -206px; top: 0px; }
    .in-learningPlan-button .in-text { display: none; }
    #points-progress-container .inlearningplan-background { width: 33px; }
    .search-result-right-container .learning-plan .learning-plan-left-icon { width:33px; }
    #points-progress-container .icon-inlearningplan { margin-left: 6px; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right { width: 60% !important }
    #productTopicDetailsView #filter-mobile { display: inline-block !important; }
    #productTopicDetailsView .variable-width-7 { width: 100% !important; float: none !important; }
    #productTopicDetailsView #coursedetails .course-description { width: 100% !important; }
    #productTopicDetailsView #searchcourseinfo-cont-mobile { top: -235px; }
    #productTopicDetailsView #searchcourseinfo-mobile { top: 45px; }
    .progress-learningplan-container .search-result-right-container { display: block; }
    .progress-learningplan-container .search-result-right-container .learning-plan { min-width: 37px; margin-left: -11px;}
    .progress-learningplan-container .search-result-right-container .learning-plan .learning-plan-right-text { display: none;}
    .add-learning-plan #learningplanpopup .add-course-dropdown-items-leftalign { margin-left: calc(100% - 242px);  }
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* SMARTPHONE                           */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (max-width:639px) and (orientation : portrait), (max-width:639px) and (orientation : landscape) {
    #syllabus.tab-content { width: 100%; padding-left: 5px; padding-right: 10px; box-sizing: border-box; }
    #searchCourseDetailsView { margin-top: 0px; padding: 0px 5px 0px 5px; }
    .course-level-only-mobile, .course-level-only-mobile-pipe { display: inline-block; }
    .course-image-container { display: none; }
    .search-result-right-container { display: none; }
    .variable-width-7 { width: 100%; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { width: 100%; padding-left: 5px; padding-right: 5px; }
    .course-name { text-overflow: initial; white-space: normal; }
    #coursedetails .search-results-container ul li, #prodcutDetails .search-results-container ul li, #topicDetails .search-results-container ul li { height: 100%; margin-bottom: 20px; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { float: none; }
    #coursedetails { width: 98%; }
    #searchCourseDetailsView .course-count { font-size: 20px; margin-left: 10px; display: block; float: none; }
    #resultsfor { display: block; }
    #coursecount { width: 100% }
    #coursecount .countnumber { line-height: 30px; }
    .search-header-container { height: 100%; margin-top: 10px; }
    #searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort { float: none; display: block; border-bottom: 1px solid #CACACA; }
    .sort-dd { font-size: 13px !important; width: 100%; }
    #coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul { margin-right: 15px; }
    #searchCourseDetailsView #filter-mobile { width: 35%; display: inline-block; }
    #searchCourseDetailsView #arrange-by { text-align: right; width: 64%; display: inline-block; }
    #divNarrowBy { margin-left: 25px; margin-right: 28px; border-top: 1px solid #CACACA; }
    #sr-narrowby { margin-left: 25px; display:inline-block; width: 80%; }
    #resetFilters { margin-bottom: 10px; }
    .anchored-left-fixed-width-2 { width: 100%; margin-top: 20px; height: auto; height: initial; float: none; margin-top: 0px !important; }
    #searchcourseinfo-cont { display: none; }
    #searchcourseinfo-mobile { position: absolute; background-color: #FFF; z-index: 1000; top: -70px; left: 0px; border: 1px solid #CACACA; }
    #sr-narrowby-label { margin-top: 20px; }
    .divnarrowby ul .sr-filter-type { width: 100%; padding-bottom: 10px; padding-top: 20px; border-bottom: 1px solid #CACACA; }
    .dropdown-icon { margin-right: 20px; }
    .mlx-wrapper { border: 0px; }
    #resetFilters { margin-top: 25px; }
    .mlx-drop-source { border: 0px; }
    .filter-dropdown-label { color: #0072C6; padding-left: 0px; }
    .mlx-dropdown ul li { color: #0072C6 !important; padding-top: 20px; padding-bottom: 20px; }
    .mlx-dropdown ul li:hover { background-color: transparent; }
    .mlx-dropdown.mlx-drop-target { display: none; }
    .mlx-drop-source ul { max-height: 100%; }
    #sr-narrowby-close { display: inline-block; }
    #sortMenu-carot { display: block; }
    #ul-courses .author-info { display: none; }
    #searchCourseDetailsView .divnarrowby { overflow: initial; min-height: 280px;}
    #header { z-index: 10000 !important; }
    #divCourseRetirement { top: 40px !important; }
    #divCourseRetirement.overlay-wrapper { height: 100%; min-height: inherit; }
    #divCourseRetirement .overlay-container { height: 100%; }
    #divCourseRetirement .retirement-container { width: 90%; }
    #divCourseRetirement h2 { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divCourseRetirement .retirement-icon { margin-top: 4px; }
    #divCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divCourseRetirement .overlay-button-container { margin-top: 10px; text-align: left; }
    #divCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divCourseRetirement .replacement-course-data { width: 100%; }
    #divCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    #divEmbedCourseRetirement.overlay-wrapper { min-height: inherit; }
    #divEmbedCourseRetirement .overlay-container { height: 100%; }
    #divEmbedCourseRetirement .retirement-container { width: 90%; }
    #divEmbedCourseRetirement .notification-container span { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divEmbedCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divEmbedCourseRetirement .retirement-icon { margin-top: 4px; }
    #divEmbedCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divEmbedCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divEmbedCourseRetirement .overlay-button-container { margin-top: 10px; text-align: right; }
    #divEmbedCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divEmbedCourseRetirement .replacement-course-data { width: 70%; }
    #divEmbedCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divEmbedCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    .course-name h2 { white-space: normal; }
    .list-view-loading { width: 96.5%; }
    #coursedetails .search-results-container-no-results #no-results-text h1 { display: block; }
    #coursedetails .search-results-container-no-results #no-results-text { margin-left: 10px; }
    #points-progress-container .add-learning-plan-container, .search-result-right-container .add-learning-plan-container { height: 33px; margin-left: -28px;}
    .in-learningPlan-button, .not-logged-button, .addTo-learningPlan-button { height: 100%; padding: 0px; }
    .learning-plan-icon { width: 33px; height: 33px; font-size: 2em; line-height: 31px; padding: 0px; }
    .learning-plan-icon .add { padding: 0px 0px 0px 7px; margin-bottom: 1px; }
    .add-learning-plan-container .learning-plans-callout { left: -206px; top: 0px; }
    .title-container { width: 86%; }
    .in-learningPlan-button .in-text { display: none; }
    #points-progress-container .inlearningplan-background { width: 33px; }
    .search-result-right-container .in-lp.learning-plan .learning-plan-left-icon { width:33px; }
    #points-progress-container .icon-inlearningplan { margin-left: 6px; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right { width: 70% !important; }
    #productTopicDetailsView #filter-mobile { width: 29% !important; display: inline-block !important; }
    #productTopicDetailsView .variable-width-7 { width: 100% !important; float: none !important; }
    #productTopicDetailsView #coursedetails .course-description { width: 100% !important; }
    #productTopicDetailsView #searchcourseinfo-cont-mobile { top: -235px; }
    #productTopicDetailsView #searchcourseinfo-mobile { top: 45px; }
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* SMARTPHONE MIDDLE SIZE - LANDSCAPE   */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media screen and (min-width:446px) and (max-width:639px) and (orientation: landscape) {
    #searchCourseDetailsView { margin-top: 0px; padding: 0px 5px 0px 5px; }
    .course-level-only-mobile, .course-level-only-mobile-pipe { display: inline-block; }
    .course-image-container { display: none; }
    .search-result-right-container { display: none; }
    .variable-width-7 { width: 100%; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { width: 100%; padding-left: 5px; padding-right: 5px; }
    .course-name { text-overflow: initial; white-space: normal; }
    #coursedetails .search-results-container ul li, #prodcutDetails .search-results-container ul li, #topicDetails .search-results-container ul li { height: 100%; margin-bottom: 20px; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { float: none; }
    #coursedetails { width: 98%; }
    #searchCourseDetailsView .course-count { font-size: 20px; margin-left: 10px; display: block; float: none; }
    #resultsfor { display: block; }
    #coursecount { width: 100% }
    #coursecount .countnumber { line-height: 30px; }
    .search-header-container { height: 100%; margin-top: 10px; }
    #searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort { float: none; display: block; border-bottom: 1px solid #CACACA; }
    .sort-dd { font-size: 13px !important; width: 100%; }
    .search-results-container { overflow-y: visible; }
    #coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul { margin-right: 15px; }
    .title-container {width: 87%; }
    #searchCourseDetailsView #filter-mobile { width: 35%; display: inline-block; }
    #searchCourseDetailsView #arrange-by { text-align: right; width: 64%; display: inline-block; }
    #divNarrowBy { margin-left: 25px; margin-right: 28px; border-top: 1px solid #CACACA; }
    #sr-narrowby { margin-left: 25px; display:inline-block; width: 80%; }
    #resetFilters { margin-bottom: 10px; }
    .anchored-left-fixed-width-2 { width: 100%; margin-top: 20px; height: auto; height: initial; float: none; margin-top: 0px !important; }
    #searchcourseinfo-cont { display: none; }
    #searchcourseinfo-mobile { position: absolute; background-color: #FFF; z-index: 1000; top: -70px; left: 0px; border: 1px solid #CACACA; }
    #sr-narrowby-label { margin-top: 20px; }
    .divnarrowby ul .sr-filter-type { width: 100%; padding-bottom: 10px; padding-top: 20px; border-bottom: 1px solid #CACACA; }
    .dropdown-icon { margin-right: 20px; }
    .mlx-wrapper { border: 0px; }
    #resetFilters { margin-top: 25px; }
    .mlx-drop-source { border: 0px; }
    .filter-dropdown-label { color: #0072C6; padding-left: 0px; }
    .mlx-dropdown ul li { color: #0072C6 !important; padding-top: 20px; padding-bottom: 20px; }
    .mlx-dropdown ul li:hover { background-color: transparent; }
    .mlx-dropdown.mlx-drop-target { display: none; }
    .mlx-drop-source ul { max-height: 100%; }
    #sr-narrowby-close { display: inline-block; }
    #sortMenu-carot { display: block; }
    #ul-courses .author-info { display: none; }
    #searchCourseDetailsView .divnarrowby { overflow: initial; min-height: 280px;}
    #header { z-index: 10000 !important; }
    #divCourseRetirement { top: 40px !important; }
    #divCourseRetirement.overlay-wrapper { height: 100%; min-height: inherit; }
    #divCourseRetirement .overlay-container { height: 100%; }
    #divCourseRetirement .retirement-container { width: 90%; }
    #divCourseRetirement h2 { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divCourseRetirement .retirement-icon { margin-top: 4px; }
    #divCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divCourseRetirement .overlay-button-container { margin-top: 10px; text-align: left; }
    #divCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divCourseRetirement .replacement-course-data { width: 100%; }
    #divCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    #divEmbedCourseRetirement.overlay-wrapper { min-height: inherit; }
    #divEmbedCourseRetirement .overlay-container { height: 100%; }
    #divEmbedCourseRetirement .retirement-container { width: 90%; }
    #divEmbedCourseRetirement .notification-container span { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divEmbedCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divEmbedCourseRetirement .retirement-icon { margin-top: 4px; }
    #divEmbedCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divEmbedCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divEmbedCourseRetirement .overlay-button-container { margin-top: 10px; text-align: right; }
    #divEmbedCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divEmbedCourseRetirement .replacement-course-data { width: 70%; }
    #divEmbedCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divEmbedCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    .course-name h2 { white-space: normal; }
    .list-view-loading { width: 96.5%; }
    #coursedetails .search-results-container-no-results #no-results-text { margin-left: 10px; }
    #coursedetails .search-results-container-no-results #no-results-text h1 { display: block; }
    #points-progress-container .add-learning-plan-container, .search-result-right-container .add-learning-plan-container { height: 33px; }
    .in-learningPlan-button, .not-logged-button, .addTo-learningPlan-button { height: 100%; padding: 0px; }
    .learning-plan-icon { width: 33px; height: 33px; font-size: 2em; line-height: 31px; padding: 0px; }
    .learning-plan-icon .add { padding: 0px 0px 0px 7px; margin-bottom: 1px; }
    .add-learning-plan-container .learning-plans-callout { left: -206px; top: 0px; }
    .title-container { width: 86%; }
    .progress-container { width: 15%; }
    .in-learningPlan-button .in-text { display: none; }
    #points-progress-container .inlearningplan-background { width: 33px; }
    .search-result-right-container .in-lp.learning-plan .learning-plan-left-icon { width:33px; }
    #points-progress-container .icon-inlearningplan { margin-left: 6px; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right { width: 70% !important; }
    #productTopicDetailsView #filter-mobile { width: 29% !important; display: inline-block !important; }
    #productTopicDetailsView .variable-width-7 { width: 100% !important; float: none !important; }
    #productTopicDetailsView #coursedetails .course-description { width: 100% !important; }
    #productTopicDetailsView #searchcourseinfo-cont-mobile { top: -235px; }
    #productTopicDetailsView #searchcourseinfo-mobile { top: 45px; }
}

@media (max-width: 639px) {
    #syllabus.tab-content { width: 100%; padding-left: 5px; padding-right: 10px; box-sizing: border-box; }
    #searchCourseDetailsView { margin-top: 0px; padding: 0px 5px 0px 5px; }
    .course-level-only-mobile, .course-level-only-mobile-pipe { display: inline-block; font-size: 14px; float: none; }
    .course-image-container { display: none; }
    .search-result-right-container { display: none; }
    .variable-width-7 { width: 100%; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { width: 100%; padding-left: 5px; padding-right: 5px; }
    .course-name { text-overflow: initial; white-space: normal; }
    #coursedetails .search-results-container ul li, #prodcutDetails .search-results-container ul li, #topicDetails .search-results-container ul li { height: 100%; margin-bottom: 20px; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { float: none; }
    #coursedetails { width: 98%; }
    #searchCourseDetailsView .course-count { font-size: 20px; margin-left: 10px; display: block; float: none; }
    #resultsfor { display: block; }
    #coursecount { width: 100% }
    #coursecount .countnumber { line-height: 30px; }
    .search-header-container { height: 100%; margin-top: 10px; }
    #searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort { float: none; display: block; border-bottom: 1px solid #CACACA; }
    .sort-dd { font-size: 13px !important; width: 100%; }
    #coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul { margin-right: 15px; }
    .title-container {width: 83%; }
    #searchCourseDetailsView #filter-mobile { width: 35%; display: inline-block; }
    #searchCourseDetailsView #arrange-by { text-align: right; width: 64%; display: inline-block; }
    #divNarrowBy { margin-left: 25px; margin-right: 28px; border-top: 1px solid #CACACA; }
    #sr-narrowby { margin-left: 25px; display:inline-block; width: 80%; }
    #resetFilters { margin-bottom: 10px; }
    .anchored-left-fixed-width-2 { width: 100%; margin-top: 20px; height: auto; height: initial; float: none; margin-top: 0px !important; }
    #searchcourseinfo-cont { display: none; }
    #searchcourseinfo-mobile { position: absolute; background-color: #FFF; z-index: 1000; top: -60px; left: 0px; border: 1px solid #CACACA; }
    #sr-narrowby-label { margin-top: 20px; }
    .divnarrowby ul .sr-filter-type { width: 100%; padding-bottom: 10px; padding-top: 20px; border-bottom: 1px solid #CACACA; }
    .dropdown-icon { margin-right: 20px; }
    .mlx-wrapper { border: 0px; }
    #resetFilters { margin-top: 25px; }
    .mlx-drop-source { border: 0px; }
    .filter-dropdown-label { color: #0072C6; padding-left: 0px; }
    .mlx-dropdown ul li { color: #0072C6 !important; padding-top: 20px; padding-bottom: 20px; }
    .mlx-dropdown ul li:hover { background-color: transparent; }
    .mlx-dropdown.mlx-drop-target { display: none; }
    .mlx-drop-source ul { max-height: 100%; }
    #sr-narrowby-close { display: inline-block; }
    #sortMenu-carot { display: block; }
    #ul-courses .author-info { display: none; }
    #searchCourseDetailsView .divnarrowby { overflow: initial; min-height: 280px;}
    #header { z-index: 10000 !important; }
    #divCourseRetirement { top: 40px !important; }
    #divCourseRetirement.overlay-wrapper { height: 100%; min-height: inherit; }
    #divCourseRetirement .overlay-container { height: 100%; }
    #divCourseRetirement .retirement-container { width: 90%; }
    #divCourseRetirement h2 { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divCourseRetirement .retirement-icon { margin-top: 4px; }
    #divCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divCourseRetirement .overlay-button-container { margin-top: 10px; text-align: left; }
    #divCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divCourseRetirement .replacement-course-data { width: 100%; }
    #divCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    #divEmbedCourseRetirement.overlay-wrapper { min-height: inherit; }
    #divEmbedCourseRetirement .overlay-container { height: 100%; }
    #divEmbedCourseRetirement .retirement-container { width: 90%; }
    #divEmbedCourseRetirement .notification-container span { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divEmbedCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divEmbedCourseRetirement .retirement-icon { margin-top: 4px; }
    #divEmbedCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divEmbedCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divEmbedCourseRetirement .overlay-button-container { margin-top: 10px; text-align: right; }
    #divEmbedCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divEmbedCourseRetirement .replacement-course-data { width: 62%; }
    #divEmbedCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divEmbedCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    .course-name h2 { white-space: normal; }
    .list-view-loading { width: 96.5%; }
    #coursedetails .search-results-container-no-results #no-results-text h1 { display: block; }
    #coursedetails .search-results-container-no-results #no-results-text { margin-left: 10px; }
    #points-progress-container .add-learning-plan-container, .search-result-right-container .add-learning-plan-container { height: 33px; margin-left: -29px;}
    .in-learningPlan-button, .not-logged-button, .addTo-learningPlan-button { height: 100%; padding: 0px; }
    .learning-plan-icon { width: 33px; height: 33px; font-size: 2em; line-height: 31px; padding: 0px; }
    .learning-plan-icon .add { padding: 0px 0px 0px 7px; margin-bottom: 1px; }
    .add-learning-plan-container .learning-plans-callout { left: -206px; top: 0px; }
    
    .in-learningPlan-button .in-text { display: none; }
    #points-progress-container .inlearningplan-background { width: 33px; }
    .search-result-right-container .in-lp.learning-plan .learning-plan-left-icon { width:33px; }
    #points-progress-container .icon-inlearningplan { margin-left: 6px; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right { width: auto !important; }
    #productTopicDetailsView #filter-mobile { width: auto!important; display: inline-block !important; float: left; }
    #productTopicDetailsView .variable-width-7 { width: 100% !important; float: none !important; }
    #productTopicDetailsView #coursedetails .course-description { width: 100% !important; }
    #productTopicDetailsView #searchcourseinfo-cont-mobile { top: -235px; }
    #productTopicDetailsView #searchcourseinfo-mobile { top: 45px; }
    .progress-learningplan-container .search-result-right-container { display: block; }
    .progress-learningplan-container .search-result-right-container .learning-plan { min-width: 30px; margin-left: -11px; padding-right:0px; }
    .progress-learningplan-container .search-result-right-container .learning-plan .learning-plan-right-text { display: none;}
    .progress-container { width: 39px; }
    .add-learning-plan #learningplanpopup .add-course-dropdown-items-leftalign { margin-left: calc(100% - 242px); }
}

/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/* SMARTPHONE PORTRAIT - LOW WIDTH      */
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
@media (max-width:445px) {
    .newActivityBox .contentImage { width: 300px; height: 190px; }
    #syllabus.tab-content { width: 100%; padding-left: 5px; padding-right: 10px; box-sizing: border-box; }
    #searchCourseDetailsView { margin-top: 0px; padding: 0px 5px 0px 5px; }
    .course-level-only-mobile, .course-level-only-mobile-pipe { display: inline-block; }
    .course-image-container { display: none; }
    .search-result-right-container { display: none; }
    .variable-width-7 { width: 100%; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { width: 100%; padding-left: 5px; padding-right: 5px; }
    .course-name { text-overflow: initial; white-space: normal; }
    #coursedetails .search-results-container ul li, #prodcutDetails .search-results-container ul li, #topicDetails .search-results-container ul li { height: 100%; margin-bottom: 20px; }
    #coursedetails .course-description, #prodcutDetails .course-description, #topicDetails .course-description { float: none; }
    #coursedetails { width: 98%; }
    #searchCourseDetailsView .course-count { font-size: 20px; margin-left: 10px; display: block; float: none; }
    #resultsfor { display: block; }
    #coursecount { width: 99%; }
    #coursecount h1 { font-size: 20px; }
    #coursecount .countnumber { line-height: 30px; }
    .search-header-container { height: 100%; margin-top: 10px; }
    #searchCourseDetailsView .course-sort, #productTopicCourseDetailsView .course-sort, #topicCourseDetailsView .course-sort { float: none; display: block; border-bottom: 1px solid #CACACA; text-align: right; }
    .sort-dd { font-size: 13px !important; width: 100%; }
    #coursedetails .search-results-container ul, #prodcutDetails .search-results-container ul, #topicDetails .search-results-container ul { margin-right: 15px; }
    #coursedetails .search-results-container-no-results #no-results-text { margin-left: 7%; }
    #searchCourseDetailsView #filter-mobile { width: auto !important; display: inline-block; float: left; vertical-align: top; }
    #searchCourseDetailsView #arrange-by { width: 68%; display: inline-block; }
    section#coursePlayer { margin: 0 auto; padding: 0 8px 20px; width: 100%; }
    #divNarrowBy { margin-left: 25px; margin-right: 28px; border-top: 1px solid #CACACA; }
    #resetFilters { margin-bottom: 10px; }
    .sort-dropdown-menu { width: 100%; }
    .anchored-left-fixed-width-2 { width: 100%; margin-top: 20px; height: auto; height: initial; float: none; margin-top: 0px !important; }
    #searchcourseinfo-cont { display: none; }
    #searchcourseinfo-mobile { position: absolute; background-color: #FFF; z-index: 1000; top: -70px; left: 0px; border: 1px solid #CACACA; }
    #sr-narrowby-label { margin-top: 20px; }
    .divnarrowby ul .sr-filter-type { width: 100%; padding-bottom: 10px; padding-top: 20px; border-bottom: 1px solid #CACACA; }
    .dropdown-icon { margin-right: 20px; }
    .mlx-wrapper { border: 0px; }
    #resetFilters { margin-top: 25px; }
    .mlx-drop-source { border: 0px; }
    .filter-dropdown-label { color: #0072C6; padding-left: 0px; }
    .mlx-dropdown ul li { color: #0072C6 !important; padding-top: 20px; padding-bottom: 20px; }
    .mlx-dropdown ul li:hover { background-color: transparent; }
    .mlx-dropdown.mlx-drop-target { display: none; }
    .mlx-drop-source ul { max-height: 100%; }
    #sr-narrowby { margin-left: 25px; display:inline-block; width: 80%; }
    #sr-narrowby-close { display: inline-block; }
    #sortMenu-carot { display: block; left: 87%; }
    #ul-courses .author-info { display: none; }
    #searchCourseDetailsView .divnarrowby { overflow: initial; min-height: 280px; }
    #header { z-index: 10000 !important; }
    #divCourseRetirement { top: 40px !important; }  
    #divCourseRetirement.overlay-wrapper { height: 100%; min-height: inherit; }
    #divCourseRetirement .overlay-container { height: 100%; }
    #divCourseRetirement .retirement-container { width: 85%; }
    #divCourseRetirement h2 { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divCourseRetirement .retirement-icon { margin-top: 4px; }
    #divCourseRetirement .course-short-description { height: 71px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divCourseRetirement .overlay-button-container { margin-top: 10px; text-align: left; }
    #divCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divCourseRetirement .overlay-button-container button { padding: 0px 5px 0px 5px !important; }
    #divCourseRetirement.overlay-wrapper { padding: 20px 10px 20px 10px !important; }
    #divCourseRetirement .replacement-course-data { width: 100%; }
    #divCourseRetirement .replacement-course-data .level-and-published-date { line-height: 15px; }
    #divCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    #divEmbedCourseRetirement.overlay-wrapper { min-height: inherit; }
    #divEmbedCourseRetirement .overlay-container { height: 100%; }
    #divEmbedCourseRetirement .retirement-container { width: 85%; }
    #divEmbedCourseRetirement .notification-container span { line-height: 26px !important; margin: 0 0 10px 0 !important; }
    #divEmbedCourseRetirement .replacement-course-img { margin-bottom: 10px; }
    #divEmbedCourseRetirement .retirement-icon { margin-top: 4px; }
    #divEmbedCourseRetirement .course-short-description { height: 60px; } #divCourseRetirement .course-short-description:after { top: 4px; }
    #divEmbedCourseRetirement .replacement-course-data .author-info { white-space: normal; margin-top: 5px; }
    #divEmbedCourseRetirement .overlay-button-container { margin-top: 10px; text-align: right; }
    #divEmbedCourseRetirement .overlay-button-container .tertiarybutton { margin-left: 0px; }
    #divEmbedCourseRetirement .overlay-button-container button { padding: 0px 5px 0px 5px !important; }
    #divEmbedCourseRetirement.overlay-wrapper { padding: 20px 10px 20px 10px !important; }
    #divEmbedCourseRetirement .replacement-course-data { width: 54%; }
    #divEmbedCourseRetirement .replacement-course-data .level-and-published-date { line-height: 15px; }
    #divEmbedCourseRetirement .overlay-button-container.no-replacement { margin-top: 15px; }
    #divEmbedCourseRetirement .replacement-course-data .title { white-space: inherit; max-height: 46px; }
    .course-name h2 { white-space: normal; }
    .list-view-loading { width: 95%; }
    .course-header h1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    #coursedetails .search-results-container-no-results #no-results-text { margin-left: 10px; }
    #coursedetails .search-results-container-no-results #no-results-text h1 { display: block; }
    #coursedetails .search-results-container-no-results #no-results-text ul li.browse-all-courses a { display: block; margin-left: 16px; }
    #coursedetails .search-results-container-no-results #no-results-text h1 span.blue { display: block; }
    .search-header-container { margin-bottom: 15px; }
    #no-results-text .search-message-ellipsis { max-width: 89%; }
    #points-progress-container .add-learning-plan-container, .search-result-right-container .add-learning-plan-container { height: 33px; margin-left: -7px;}
    .in-learningPlan-button, .not-logged-button, .addTo-learningPlan-button { height: 100%; padding: 0px; }
    .learning-plan-icon { width: 33px; height: 33px; font-size: 2em; line-height: 31px; }
    .add-learning-plan-container .learning-plans-callout { left: -206px; top: 0px; }
    .title-container { width: 80%; }
    .progress-container { width: 39px; }
    .add-learning-plan { width: 100%; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right { width: 63% !important; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right #course-count { display: none !important; }
    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right .pipe { display: none !important; }
    #productTopicDetailsView #filter-mobile { display: inline-block !important; }
    #productTopicDetailsView .variable-width-7 { width: 100% !important; float: none !important; }
    #productTopicDetailsView #coursedetails .course-description { width: 100% !important; }
    #productTopicDetailsView #searchcourseinfo-cont-mobile { top: -235px; }
    #productTopicDetailsView #searchcourseinfo-mobile { top: 35px; }
}

.icon-svg {
    background-image: url("content/images/MLX_Icons_v4.svg");
    background-repeat: no-repeat;
}

#container section#overlay-container,#container section#registration, #container section#templates, #container section#bundles {
    margin: 0 auto;
    padding: 0 0;
    width: 100%;
}

/*
    PRODUCT & TOPIC PAGES
*/

#productTopicDetailsView {
    margin: 0 auto;
    padding:0;
    max-width: 1366px;
}

#product-topic-container {
    margin-top: 30px;
    margin-left: 33px;
    margin-bottom:  0;
    max-width: 945px;
    min-width: 320px;
    padding: 0;
    display: inline-block;
}

@media screen and (max-width: 1365px) {
    #product-topic-container {
        padding-right: 20px;
        padding-left: 20px;
        box-sizing: border-box;
        margin-left: 0;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    #product-topic-container {
        margin-top: 10px;
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
    }
}

#product-topic-container .product-topic-header {
    width: 100%;
}

#product-topic-container .product-topic-header .header-banner {
    display: table;
    width: 100%;
    height: 100%;
}

#product-topic-container .product-topic-header .header-banner .topicImage
{
    border-width: 0px;
    max-width: 100%;
}

#product-topic-container .product-topic-header .header-banner .image {
    width: 220px;
    height: 120px;
    float: left;
    display: block;
    vertical-align: top;
    text-align: center;
    background-color: #F2F2F2;
}

@media screen and (max-width: 767px) {
    #product-topic-container .product-topic-header .header-banner .image {
        width: 162px;
        max-height: 100%;
        vertical-align: middle;
    }
}

#product-topic-container .product-topic-header .header-banner .title {
    display: block;
    margin-bottom:  20px;
    max-width: 710px;
}
@media screen and (max-width: 767px) {
    #product-topic-container .product-topic-header .header-banner .title {
        margin-bottom: 0;
    }
}

#product-topic-container .product-topic-header .header-banner .description {
    font-weight: 400;
    font-size: 13px;
    max-width: 650px;
    overflow: hidden;
    max-height: 55px;
    text-align: justify;
    margin-bottom: 7px;
}

#product-topic-container .product-topic-header .header-banner .description:before {
    content: "";
    float: left;
    width: 5px;
    height: 4.2em;
}

#product-topic-container .product-topic-header .header-banner .description > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
    font-weight: 400;
}

#product-topic-container .product-topic-header .header-banner .description:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -17px;
    left: 99.8%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

#product-topic-container .product-topic-header .header-banner .description.no-after:after{
    content: "";
}

#product-topic-container .product-topic-header .header-banner .description.yes-after {
        max-height: 200px;
    }

@media screen and (max-width: 767px) {
    #product-topic-container .product-topic-header .header-banner .description{
        display:none;
    }

    #product-topic-container .product-topic-header .header-banner .lbl-all-description #showHideDescription {
        display: none;
    }
}
#product-topic-container .product-topic-header .header-banner .description > p{
    font-weight: 400;
}

#product-topic-container .product-topic-header #product-topic-header-bottom {
    height: auto;
    margin-top: 25px;
    position: relative;
}

    #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right {
        width: 100%;
        height: auto;
        display: inline-block;
        font-size: 13px;
        position: relative;
        text-align: right;
        vertical-align: top;
    }

        #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right #course-count {
            font-weight: 400;
            display: inline-block;
            vertical-align: top;
            margin-right: 7px;
        }

        #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right .rss-icon {
            display: inline-block;
            background-image: url("images/spriteHome-2017-09-18-1259.svg?v=2017-09-18T13:35:53");
            background-repeat: no-repeat;
            background-position: -271px -114px;
            width: 20px;
            height: 20px;
}

        #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right span.pipe {
            vertical-align: top;
        }

        #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right span.arrange-text {
    font-weight: 400;
}

        #product-topic-container .product-topic-header #product-topic-header-bottom #product-topic-header-bottom-right #arrange-by {
            vertical-align: top;
            display: inline-block;
            margin-left: 7px;
        }


#product-topic-container .product-topic-header .header-details {
    display: table-cell;
    vertical-align: top;
    padding-left: 25px;
    position: relative;
}
@media screen and (max-width: 767px) {
    #product-topic-container .product-topic-header .header-details {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        vertical-align: middle;
    }
}

#product-topic-container .topic-version-nav, #aside-container .aside-header .aside-nav{
    width:100%;
    display: table;
    position: relative;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-version-nav {
        padding-left: 10px;
        padding-right: 10px;
    }
}

#product-topic-container .topic-version-nav  .topic-versions, #aside-container .aside-header .aside-nav .tags{
    display: block;
    width: 100%;
}

#product-topic-container .topic-version-nav  .topic-versions li, #aside-container .aside-header .aside-nav .tags li{
    display: inline-block;
}

.topic-version-nav .filter {
    display:none;
}
@media screen and (max-width: 767px) {
    .topic-version-nav .filter {
        display:table-cell;
        width: auto;
    }
}

.topic-version-nav .image {
  display: inline-block;
  cursor: pointer;
  background-image: url("content/images/MLX_Icons_v4.svg");
  background-position: 232px -510px;
  height: 16px;
  width: 18px;
  background-size: 370px 370px;
  vertical-align: bottom;
}

.topic-version-nav .description {
    display: inline-block;
    cursor:pointer;
    font-weight: normal;
    color: #0072C6;
    font-size: 14px;
}

#product-topic-container .topic-version-nav  .topic-versions{
    display: table-cell;
    width: auto;
    padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-version-nav  .topic-versions{
        background-color: #fff;
        border: 0;
        margin-top: 26px;
        position: absolute;
        right: -10px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        z-index: 501;
        width: 100%;
        display:none;
        top: 0px;
    }
}

#aside-container .aside-header .aside-nav .tags  h2
{
    display: inline-block;
    cursor: pointer;
}

#aside-container .aside-header .aside-nav .tags .resources
{
    margin-right:60px;
}

#aside-container .aside-header .aside-nav .tags .career
{
    margin-right:40px;
}

#aside-container .aside-header .aside-nav .tags  a h2
{
    font-size: 16px;
    width: auto;
    display: inline-block;
    font-weight: 400;
    color: #0072C6;
}

#aside-container .aside-header .aside-nav .tags .ui-tabs-active h2, 
#aside-container .aside-header .aside-nav .tags .ui-state-active h2,
#aside-container .aside-header .aside-nav .tags .ui-state-hover h2,
#aside-container .aside-header .aside-nav .tags .ui-state-focus h2
{
    border-bottom: 4px solid #0072c6;
    color: #000000;
}

#product-topic-container .topic-version-nav .topic-versions .version-item {
    display:inline;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-version-nav .topic-versions .version-item {
        display:block;
    }
}
#product-topic-container .topic-version-nav  .topic-versions a{
    margin-right:35px;
    white-space: nowrap;
}
#product-topic-container .topic-version-nav .topic-versions h2
{
    font-size: 16px;
    width: auto;
    display: inline-block;
    font-weight: 400;
}
#product-topic-container .topic-version-nav  .topic-versions .active{
    border-bottom: 4px solid #0072c6;
    color: #000000;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-version-nav  .topic-versions .active{
        border-bottom: 0;
        color: inherit;
    }
}

@media screen and (max-width: 767px) {
    #product-topic-container  .topic-version-nav  .topic-versions .version-item  h2{
        font-size: 12px;
        text-align: left;
        padding-bottom: 30px;
        margin-right: 40px;
        text-transform: lowercase;
    }
    #product-topic-container  .topic-version-nav  .topic-versions .version-item:last-of-type h2 {
        padding-bottom: 0;
    }
}

#product-topic-container .topic-version-nav  .topic-filters{
    display: table-cell;
    width: auto;
    text-align: right;
}

#product-topic-container .topic-versions .carot {
    display: none;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-versions .carot {
        content: "";
        position: absolute;
        left: 30px;
        top: -6px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 9px 9px;
        border-color: transparent transparent #fff;
        display:block;
    }
}

#product-topic-container .topic-version-nav  .topic-filters .topics-count{
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
    margin-right: 10px;
}

#product-topic-container .topic-version-nav .topic-filters .arrange-container::before
{
    content: " | ";
    margin: 0px 10px;
}

@media screen and (max-width: 767px) {
    #product-topic-container .topic-version-nav  .topic-filters .rss{
        display:none;
    }
    #product-topic-container .topic-version-nav .topic-filters .arrange-container::before
    {
        content: " ";
        margin: 0px 10px;
    }
}

#product-topic-container .topic-version-nav  .topic-filters .arrange-container{
    display: inline-block;
}

#product-topic-container .topic-version-nav  .topic-filters .arrange-container{
    display: inline-block;
}
#product-topic-container .arrange-container{
    font-size: 14px;
    font-weight: normal;
}
#product-topic-container .arrange-container .arrange-text{
    font-weight: normal;
    font-size:13px;
}
#product-topic-container .arrange-container .arrange-selected{
    font-weight: normal;
    cursor:pointer;
    text-transform: lowercase;
    color: #0072C6;
}
#product-topic-container .arrange-container .arrow{
  background-image: url("content/images/MLX_Icons_v4.svg");  
  cursor: pointer;
  display: inline-block;
  height: 10px;
  width: 8px;
  background-size: 75px 240px;
  background-position: -60px -199px;
}

#product-topic-container  .arrange-popup {
    background-color: #fff;
    border: 1px solid #737373;
    margin-top: 5px;
    position: absolute;
    right:0;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 501;
    display:none;
}
@media screen and (max-width: 767px) {
    #product-topic-container  .arrange-popup {
        border: 0;
        width: 100%;
        right: -10px;
    }
}

#product-topic-container .arrange-popup .carot {
        display: none;
}
@media screen and (max-width: 767px) {
    #product-topic-container .arrange-popup .carot {
        content: "";
        display: block;
        position: absolute;
        right: 50px;
        top: -6px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 9px 9px;
        border-color: transparent transparent #fff;
    }
}

#product-topic-container  .arrange-popup .arrange-item {
    font-size: 13px;
    text-align: left;
    padding-bottom: 30px;
    margin-right: 40px;
    text-transform: lowercase;
}
#product-topic-container  .arrange-popup .arrange-item:last-of-type {
    padding-bottom: 0;
}

#product-topic-container .topic-detail {
    padding-top: 25px;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-detail {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }
}

#product-topic-container .topic-detail article {
    display: table;
    margin-bottom: 25px;
    width: 100%;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-detail article {
        margin-bottom: 20px;
    }
}

#product-topic-container .topic-detail .courses-left {
    display: table-cell;    
    text-align: left;
    vertical-align: top;
}

#product-topic-container .topic-detail .courses-left .image {
    width:  30px;   
    height: 20px;
    float:left;
    vertical-align: top;
    background-image: url("images/spriteHome-2017-09-18-1259.svg?v=2017-09-18T13:35:53");
    background-repeat: no-repeat;
    background-position: -7px -42px;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-detail .courses-left .image {
        display: none;
    }
}

#product-topic-container .topic-detail .courses-left .description-container {
    display: inline-block;  
    width: 90%;
    padding-left: 10px;
}

#product-topic-container .topic-detail .courses-left .description-container  .course-level {
    display: none;
    color: #008A00;
    font-weight: 600;
    font-size: 14px;
}
#product-topic-container .topic-detail .courses-left .description-container .date-separator {
    display:none;
}

@media screen and (max-width: 767px) {
    #product-topic-container .topic-detail .courses-left .description-container  .course-level {
        display: inline-block;
    }
    
    #product-topic-container .topic-detail .courses-left .description-container .date-separator {
        display:inline;
        font-size: 13px;
        color: #333;
        font-weight: 100;
    }
}

#product-topic-container .topic-detail .courses-left .description-container .date {
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    color: #737373;
}

#product-topic-container .topic-detail .courses-left .description-container .title a{
    font-size: 16px;
    font-weight: 600;
}

#product-topic-container .topic-detail .courses-left .description-container .description {
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    height: 37px;
    text-align: justify;
}

    #product-topic-container .topic-detail .courses-left .description-container .description:before {
        content: "";
        float: left;
        width: 5px;
        height: 3em;
    }

    #product-topic-container .topic-detail .courses-left .description-container .description > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px;
        font-weight: 400;
    }

    #product-topic-container .topic-detail .courses-left .description-container .description:after {
        content: "\02026";
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        float: right;
        position: relative;
        top: -20px;
        left: 100%;
        width: 3em;
        margin-left: -3em;
        padding-right: 5px;
        text-align: right;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    }



#product-topic-container .topic-detail article .search-result-right-container {
    display:table-cell;
    text-align: right;
}
@media screen and (max-width: 767px) {
    #product-topic-container .topic-detail article .search-result-right-container {
        display:none;
    }
}

#product-topic-container .topic-detail article .search-result-right-container .course-level {
    padding: 5px 0px 3px 0px;
    box-sizing: border-box;
    display: block;
    color: #008A00;
    font-weight: 600;
    font-size: 13px;
}
#product-topic-container .topic-detail article .search-result-right-container .inlearningplan-background {
  height: 31px;
}
#product-topic-container .topic-detail article .add-learning-plan-container {
    float: none;
}
#product-topic-container .topic-detail article .add-learning-plan-container .learning-plans-callout {
    top: -1px;
    left: inherit;
    right: -1px;
}
#product-topic-container .topic-detail article .search-result-right-container > * {
  display: inline-block;
  width: auto;
}

#product-topic-container .rating .starsBackgroundContainer, #product-topic-container .rating .starsGoldContainer {
    display: block;
    float: left;
    max-width:100px;
}

#product-topic-container #et-ratings
{
    text-align: justify;
}

#aside-container  {
    display:inline-block;
    vertical-align: top;
    margin-top: 30px;
    margin-left: 35px;
    max-width: 325px;
}
@media screen and (max-width: 1365px) {
    #aside-container {
        display:none;
    }

    #et-ratings {
        float: none;
    }
}

#aside-container .topic-banner {
    max-height: 355px;
    min-height: 165px;
    width: 325px;
    overflow: hidden;
}

#aside-container .aside-header
{
  margin-top: 25px;
  margin-bottom: 15px;
}

#aside-container .aside-info {
    border-top: 1px solid #ccc;
    overflow: auto;
    padding-bottom: 0;
    padding-top: 12px;
    position: relative;
    width: 342px;
}

#aside-container .aside-info #books-tab{
    display: block;
}

#aside-container .careers-container .certification{
  text-align: left;
  display: flex;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size:13px;
}

#aside-container .topic-banner .owl-theme .owl-controls
{
    text-align:right;
}

.books-container .book 
{
    text-align: left;
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    min-height: 110px;
}

.books-container .book a {
    width: 100%;
}

.books-container .book .book-image
{
    height: 90px;
    width: 65px;
    margin-top: 2px;
}

.books-container .book .book-info
{
    width: 75%;
    box-sizing: border-box;
    padding: 0px 10px 15px 15px;
    display: inline-block;
    vertical-align: top;
}

.books-container .book .book-info .book-link {
    color: #000000;
}

.books-container .book .book-info .bodyStyle
{
    font-weight:400;
}

.resources-container {
    position: absolute;
    width: 325px;
    overflow-x: hidden;
 }


/*
    New MVA Registration Page
*/

#divRegistrationPopUpContainer
{
    font-size: 13px;
}

.registration-container.registration-popup {
    position: absolute;
}

.registration-container {
    background-color: #fff;
    display: block;
    height: auto;    
    min-height: 653px;
    vertical-align: middle;
    width: calc(100% - 75px);
    max-width: 1291px;
    z-index: 1000;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#overlay-container.registration-overlay,#registration.registration-overlay {
   height: 95%;
   position: absolute;
}

.registration-container * {
    font-weight: 400;
}

.registration-container .image-container {
   background-color: #EEEEEE;
   height: 100%;
   display: inline-block;
   overflow: hidden;
   position: absolute;
   min-width: 27%;
   width: 22%;
}

.registration-container .image-container .image {
   background: url("images/sprite-general.png") -487px -520px;
   height: 310px;
   margin: auto;
   position: relative;
   top: 132px;
   width: 280px;
}

.registration-container .fields-container {
    display: inline-block;
    float: right;
    height: 100%;
    margin-bottom:23px;
    margin-left: 22px;
    width: calc(73% - 22px);
    overflow: hidden;
}

.registration-container .field-url-links {
    margin-top: 4%;
    display: table;
    width: 100%;
}

.registration-title {
    padding: 20px 20px 0px 20px;
    margin-top: 15px;
}

.registration-subtitle {
    margin-top: 15px;
    display: block;
    float:left;
    margin-left: 20px;
}

.registration-subtitle div {
    float: left;
    margin-right: 4px;
}

.registration-subtitle .registration-email {
    font-weight: 600;
}

.registration-fields{
    display: block;
    float: left;
    height: 50%;
    margin-top: 15px;
    padding: 20px;
    width: 100%;
}

.registration-fields .field {
    display: block;
    float: left;    
    width: 400px;
    margin-bottom: 25px;
}

.registration-fields .field.hearfrommicrosoft {
    max-width: 700px;
    width: 100%;
    clear: both;
}

.registration-fields .field.confirm.listitem-lp-course-add-apply.apply-button {
    width: auto;
}

.registration-fields .field.hearfrommicrosoft .field-label {
   font-weight: 600;
}


.registration-fields .field-textbox input,.registration-fields .field-textbox select {
    width: 360px;
    margin-top: 5px;
    height: 26px;
}

.registration-fields .field-textbox input[type=text] {
    padding-left:3px;
}

.registration-fields .field.countries, .registration-fields .field.job, .registration-fields .field.hearFromMicrosoft, .registration-fields .field.confirm {
    clear:both;
}

.registration-fields .hearfrommicrosoft .field-textbox {
    display:inline-block;
}

.registration-fields .hearfrommicrosoft .field-textbox input {
    width: 16px;
}

.registration-fields .hearfrommicrosoft .field-textbox .disclaimer {
    display: inline-block;
    float: right;
    margin-top: 6px;
    width: calc(100% - 30px);
    margin-bottom: 25px;
}

.registration-fields .field.confirm {
    min-width: 94px;
    padding: 8px;
    text-align: center;
    font-size: .938em!important;
    font-weight: 400;
        background: #0072c6;
    color: #fff;
    cursor: pointer;
}

.registration-paddingtop10{
    margin-top:0px !important;
    padding-top:10px !important;
}

.registration-disabled {
  color: #696969 !important;
  background: #EEEEEE !important;
  cursor: default !important;
}

.remove-outline {
    outline:0;
}

.enable-button {
    background-color:#0072c6 !important;
}

.remove-border {
    border:0 !important;
    padding:0 !important;
    height:32px !important;
    min-width:94px !important;
    color: #fff !important;
}

.remove-border-signup {
    height:40px !important;
    margin-top: 10px;
    min-width:94px !important;
    line-height: normal;
}

.padding-border-signup {
    padding-left: 18px !important;
    padding-right: 18px !important;
    color: #fff !important;
}

.padding-border-signout {
    padding-left: 18px !important;
    padding-right: 18px !important;
    background-color: #C8C8C8 !important;
    color: #333333 !important;
}

#divDivertSignInForNonMVAUsersPopUpContainer .add-new:focus{
    border: 2px dotted white;
}
.div-bgcolor {
    background-color:transparent !important;
    padding:0 !important;
}

.div-signup-bgcolor {
    background-color: transparent !important;
    padding-left: 16px;
    margin-top: 100px;
}

.registration-subtitle-margintop{
    margin-top:5px;
}

.registration-width100{
    width:100% !important;
}

.registration-margintop110{
    margin-top:110px !important;
}

.registration-margintop35 {
    margin-top:35px !important;
}

.overlay-bgcolor{
    background-color:transparent !important;
}

.overlay-heading-loading{
    color:#F5F5F5 !important;
    font-size:120% !important;
    margin-top:60px !important;
}



.paddingB9 {
    padding-bottom:9px !important;
    padding-top:9px !important;
}

.maxW900 {
    max-width:900px !important;
}

.fontSize13{
   font-size: 13px;
}

.fontSize24{
   font-size: 24px;
}

.user-migrated {
    background-color: #FFF;
    height: 360px;
    left: calc(50% - 275px);
    position: absolute;
    top: calc(50%);
    transform: translateY(50%);
    width: 550px;
}

.reauth-message {   
    height: 200px;
    left: calc(50% - 275px);    
    top: 0px;
    transform: none;   
}

.user-migrated.lesson-not-available {
    position: fixed;
    top: calc(50% - 360px);
    top: -webkit-calc(50% - 180px);
    top: -moz-calc(50% - 180px);
    transform: initial;
}

    .user-migrated .top-container {
        background-color: #D2D2D2;
        border-bottom: 3px solid #FFB900;
        height: auto;
    }

        .user-migrated .top-container .maintenance-msg {
            padding: 20px 30px 0px 30px;
        }

            .user-migrated .top-container .maintenance-msg .maintenance-msg-icon {
                background-image: url('images/MLX_Icons.svg');
                background-repeat: no-repeat;
                width:35px;
                margin-bottom: 25px;
                height:35px;
                margin-right: 20px;
                background-size:700px 840px;
                background-position: -420px -140px; 
                display:inline-block;
                float:left;
            }

            .user-migrated .top-container .maintenance-msg .maintenance-msg-text {
                display: inline-block;
                font-size: 25px;
                margin-bottom: 20px;
                margin-top: 0px;
                position: relative;
                vertical-align: top;
                width: 86%;

            }

    .user-migrated .bottom-container {
        font-weight: 400;
        padding: 20px 30px 0px 30px;
    }

        .user-migrated .bottom-container .bold-msg {
            font-weight: 600;
            margin-bottom: 20px;
        }

        .user-migrated .bottom-container .upgrading-msg {
            margin-bottom: 25px;
        }

        .user-migrated .bottom-container .service-unavailable-msg {
            margin-bottom: 50px;
        }

        .user-migrated .btn-close {
            color: #333333;
            background-color: #FFF;
            cursor: pointer;
            border: 1px solid #333333;
            font-weight: 400;
            font-size: 13px;
            text-align: center;
            line-height: 16px;
            height: 35px;
            min-width: 100px;
            margin: 0;
            left: 30px;
            bottom: 30px;
            position: absolute;
        }

        .reauth-button{
           color: #333333;
           background-color: #FFF;
           border: 1px solid #333333;           
        }

@media only screen and (max-width: 550px) {
    .user-migrated
    {
        position: fixed;
        width: 325px;
        right: -35px;
        width: 325px;
        height: auto;
        left: calc(50% - 163px);
        top: calc(50% - 230px);
        transform: initial;
    }
        
        .user-migrated .btn-close
        {
            position: relative;
            bottom: 0;
            margin-bottom: 30px;
        }

        .user-migrated .top-container .maintenance-msg .maintenance-msg-text
        {
            width: 79%;
            margin-bottom: 25px;
        }

        .user-migrated .bottom-container
        {
            padding-top: 25px;
        }

            .user-migrated .bottom-container .bold-msg
            {
                margin-bottom: 15px;
            }

            .user-migrated .bottom-container .upgrading-msg
            {
                margin-bottom: 20px;
            }

            .user-migrated .bottom-container .service-unavailable-msg
            {
                margin-bottom: 25px;
            }
}

@media only screen and (min-width: 548px) and (max-height: 480px){
    .user-migrated {
        transform: initial;
    }
}

@media screen and (max-height: 547px) and (max-width: 550px) {
    .user-migrated
    {
        position: absolute;
        margin-top: 270px;
    }
}

.user-migrated-loginTo
{
    display: none;
    position: absolute;
    background: #fff;
    z-index: 3000;
    right: -35px;
    width: 325px;
    color: #333;
    border: 1px solid #969696;
    text-align: left;
    top: 40px;
}

    .user-migrated-loginTo .top-container {
        background-color: #D2D2D2;
        min-height: 85px;
        border-bottom: 3px solid #FFB900;
    }

        .user-migrated-loginTo .top-container .maintenance-msg {
            padding: 30px 30px 30px 30px;
            line-height: 29px;
        }
            .user-migrated-loginTo .top-container .maintenance-msg .carot {
                content: '';
                display: block;
                position:absolute;
                right: 60px;
                top: -8px;
                width:0;
                width:0;
                height:0;
                border-style: solid;
                border-width: 0 9px 9px 9px;
                border-color: transparent transparent #D2D2D2 transparent;
            }

            .user-migrated-loginTo .top-container .maintenance-msg .maintenance-msg-icon {
                background-image: url('images/MLX_Icons.svg');
                background-repeat: no-repeat;
                width:35px;
                margin-bottom: 25px;
                height:35px;
                margin-right: 20px;
                background-size:700px 840px;
                background-position: -420px -140px; 
                display:inline-block;
                float:left;
            }

            .user-migrated-loginTo .top-container .maintenance-msg .maintenance-msg-text {
                display: inline-block;
                font-size: 25px;
                font-weight: 400;
                margin-top: 0px;
                position: relative;
                vertical-align: top;
                width: 79%;
            }

    .user-migrated-loginTo .bottom-container {
        padding: 30px 30px 30px 30px;
        font-weight: 400;
    }

        .user-migrated-loginTo .bottom-container .bold-msg {
            font-weight: 600;
            margin-bottom: 15px;
        }

        .user-migrated-loginTo .bottom-container .upgrading-msg {
            margin-bottom: 25px;
        }

        .user-migrated-loginTo .bottom-container .service-unavailable-msg {
            margin-bottom: 25px;
        }

        .user-migrated-loginTo .btn-close {
            color: #333333;
            background-color: #FFF;
            cursor: pointer;
            border: 1px solid #333333;
            font-weight: 400;
            font-size: 13px;
            text-align: center;
            line-height: 16px;
            height: 35px;
            min-width: 100px;
            margin: 0;
        }

/******************/
/* MOBILE DEVICES */
/******************/
@media screen and (max-width: 1438px) {
    .user-migrated-loginTo
    {
        right: 0px;
    }

    .user-migrated-loginTo .top-container .maintenance-msg .carot{
        right: 73px;
    }
}

@media only screen and (min-height: 547px) and (max-width: 767px) {
    .user-migrated-loginTo
    {
        position: fixed;
        left: calc(50% - 163px);
        top: calc(50% - 234px);
    }
    
    .user-migrated-loginTo .top-container .maintenance-msg .carot{
        display: none;
    }
}

@media screen and (max-height: 546px) and (max-width: 766px){
    .user-migrated-loginTo
    {
        position: absolute;
        right: calc(50% - 163px);
    }
    .user-migrated-loginTo .top-container .maintenance-msg .carot{
        display: none;
    }
}

/** FOR NEW POP UPS **/
.LearningPlanItemSearchPage {
    width: 550px;
    height: 360px;
    padding-left: 0px;
}

.hrlinesearchpage {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    height: 1px;
    margin-top:0px !important;
    background-color:#fcd116 !important;
    border:2px solid #fcd116 !important;
}

.headingtextstylessearch {
    font-size: 25px;
    color: #333333;
    font-family:Segoe UI;
    font-weight:300;
    margin-top:0px;
    float:left;
    padding-left:15px;
    padding-top:10px;
}

.bodytextstylessearch {
    padding-left: 30px;
    color: #333333;
    font-size:13px;
    font-weight:600;
    height:215px !important;
    padding-right:30px !important;
}

.nobuttonsearch {
    background-color: #fff;
    padding: 4px 30px 6px 30px;
    margin-top: 150px;
    border: 1px solid #737373;
    width: 30px;
    cursor: pointer;
    font-size: 13px;
    color: #333333;
}

.infoHeaderDiv{
    height:70px;
    padding-top:20px;
    padding-left:30px;
    padding-right:30px;
    background-color:#d2d2d2;
}

.infoIcon{
    background-image: url('images/MLX_Icons.svg');
    background-repeat: no-repeat;
    width:35px;
    height:35px;
    background-size:700px 840px;
    background-position: -420px -140px; 
    display:inline-block;
    float:left;
}

.paddingTop {
    padding-top:0px !important;
    padding-right:0px !important;
}

.infoHeaderDivPlayer {
    height:30px;
    padding-top:20px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
    background-color:#d2d2d2;
}

.bodytextstyleplayer {
    height:210px !important;
}

.hrlineplayer {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    height: 1px;
    margin-top:0px !important;
    width:546px !important;
    background-color:#fcd116 !important;
    border:2px solid #fcd116 !important;
}


/* FOR NEW EDIT PROFILE PAGE */

.profileHomePage {
    margin:auto !important;
    width:calc(100% - 550px);
    z-index:0 !important;
}

.profilecontainer {
    width:100% !important;
    margin-left:0px !important;
}

.profile-subtitle {
    margin-bottom:5px;
    margin-top:10px;
}

.profile-header-padding {
    padding-left:0px !important;
    padding-right:0px !important;
}

.profile-regis-div {
    padding-top:20px !important;
    margin-top:30px !important;
    padding-bottom:0px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    height: 74% !important;
    width:100% !important;
    position:relative;
}

.width380 {
    width:350px !important;
}

.maxwidth {
    max-width:800px !important;
    width:88% !important;
}

.width-fix select {
    width:350px !important;
}

.width-fix input {
    width:350px !important;
}

.marginR34 {
    margin-right:34px;
}

.chk-style .disclaimer {
    margin-top:0px !important;
}

.chk-hear .disclaimer {
    margin-bottom:0px !important;
}

.container-height {
    height: calc(100% - 73px);
    line-height: 1.25;
}

.marginR15 {
    margin-right:15px !important;
}

.checkstyle input {
    float:left;
}

.header-span {
    width:90%;
    position:absolute;
    top:0px;
    border-top:1px solid #969696;
    left:0px;
}

.marginbottom15 {
    margin-bottom: 15px !important;
    margin-left:3px !important;
    margin-top:15px;
}

.editsavecontainer {
    padding-left:0px!important;
}

.editsavecontainer .apply-button {
    margin-right:15px !important;
}

.editsavediv {
    margin-left:0px !important;
}

.clearnone {
    clear:none!important;
}

.apply-button .cancelstyle {
    color:#333 !important;
    background: none!important;
}

.bgcolor {
    background-color:#fff!important;
    border:solid 1px #737373 !important;
}

.SavePopUp .save-bottom-container .Yes-Button:focus {
  border: 2px dotted white;
}

.saveborder {
    border:solid 1px #0072c6;
}

.SavePopUp {
    width: 670px;
    height: 273px;
    padding-left: 0px;
    color: #333;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
}

.close-button {
    background-image: url("images/MLX_Icons.svg");
    background-repeat: no-repeat;
    width:15px;
    height:15px;
    background-size:300px 360px;
    background-position: -60px -60px;
    display:inline-block;
    float:right;
    margin-top:15px;
    margin-right:20px;
    cursor:pointer;
}

.marginT110 {
    margin-top:110px;
}

    .SavePopUp .save-top-container {
        width: 670px;
        
        border-bottom: solid 1px #969696;
    }

        .SavePopUp .save-top-container .headingStyle {
            margin-bottom: 25px;
            padding-top: 15px;
            padding-left: 25px;
            font-size: 20px;
            width:90%;
            display:inline-block;
        }

    .SavePopUp .save-bottom-container {
        width: 670px;
        height: 191px;
    }

        .SavePopUp .save-bottom-container .BodyStyle {
            padding-top: 15px;
            padding-left: 25px;
        }

        .SavePopUp .save-bottom-container .popup-button-yes {
            vertical-align: top;
        }

        .SavePopUp .save-bottom-container .Yes-Button {
            width: auto;
            display: block;
            padding: 5px 30px 5px 30px;
            background-color: #0072c6;
            margin-left: 25px;
            color: white;
            border: 1px solid #0072c6;
            cursor: pointer;
            font-size:13px;
        }

        .SavePopUp .save-bottom-container .NO-Button {
            width: auto;
            display: inline-block;
            padding: 5px 30px 6px 30px;
            background-color: #fff;
            margin-left: 10px;
            color: Black;
            border: 1px solid #737373;
            cursor: pointer;
            font-size:13px;
            text-align:center;
        }

.playerlp {
    float:right;
    width:60%;
}

.maxwidth0 {
    max-width:0% !important;
}

.search-result-right-container .floatLe {
    float:left;
}

@media screen and (min-width: 1273px){
   .registration-container {
       min-height: 553px!important;
   }
}

/******************/
/* MOBILE DEVICES */
/******************/
@media screen and (max-width: 1024px) {

    .registration-container {
        height: auto;
        overflow-y: hidden;
    }

        .registration-container .image-container {
            display: none;
        }

        .registration-container .fields-container {
            width: 95%;
            float: none;
        }

    #product-topic-container .product-topic-header #product-topic-header-bottom {
        text-align: right;
    }

    #productTopicDetailsView #filter-mobile {
        float: left;
    }
}

/* TABLET */
@media screen and (max-width: 1024px) and (min-width: 768px) {

    
    .registration-container .fields-container, .registration-container {
        height: auto;
        margin-bottom: 11%;
        min-height: 0px;
    }
    .profileHomePage {
        width:calc(100% - 200px);
    }

}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .profileHomePage {
        width:calc(100% - 415px);
    }
}


/* SMARTPHONE */
@media screen and (max-width: 767px) {
    .registration-container {
        height: auto;
        overflow-x: hidden;
        min-width: 245px;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        margin-top: -25px;
    }

        .registration-container .fields-container {
            height: auto;
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }

    .registration-fields .field {
        width: auto;
        max-width: 100%;
    }

    .registration-fields .field-textbox input[type=text], .registration-fields .field-textbox select {
        max-width: 100%;
    }

    #overlay-container.registration-overlay,#registration.registration-overlay {
        z-index: 1000000;
    }
    .profileHomePage {
        width:calc(100% - 50px);
    }

}

@media screen and (max-width: 800px) and (orientation : landscape){
    .registration-container .fields-container {
            margin-bottom: 29%;
        }
}

@media screen and (max-width:480px) {
    .mheight60 {
        height:60px;
    }

}

/** EMBED PLAYER **/
body.embed-player {
    min-height:360px;
    background-color: #FFF;
}
body.embed-player #aspnetForm, 
body.embed-player #container, 
body.embed-player #content ,
body.embed-player #main_content,
body.embed-player #coursePlayer,
body.embed-player #info-tab-outer-container,
body.embed-player #info-tab-container {
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
body.embed-player #iframeWrapper, body.embed-player #contentFrame {
    height: 100%;
}
body.embed-player #container {
    padding: 0;
}
body.embed-player #coursePlayer {
    padding: 0;
    margin: 0;
    max-width:none;
}
body.embed-player #video-navigation {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    display: block;
    height: 40px;
    background: #FFF;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
}
body.embed-player #autoplay-container, body.embed-player  #social-share-container {
    display: inline-block;
}

body.embed-player #course-info-container{
    top: 40px;
    right: 0;
    bottom: 40px; 
    left: 0; 
    position: absolute;
    height: auto;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
}
body.embed-player #course-player-container #video-player-wrapper {
    border: none
}
body.embed-player #video-player-wrapper {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}
body.embed-player .content-container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body.embed-player #main-navigation-bar{
    height:40px;
    background:#0072c6;
    position: relative;
}
body.embed-player #info-tab {
    position: absolute;
    right: 0;
    height: 40px;
    width: auto;
}
body.embed-player .navigation-controls {
    margin-top: 0px;
    margin-left: 3px;
    width: auto !important;
}
body.embed-player .next-text-container {
    width: auto;
    height: auto;
}
body.embed-player .dsp-topic-title {
    padding-top: 9px;
    height:auto;
}
body.embed-player .share-autoplay-container{    
    margin-top: 7px;
    margin-right: 20px;
    width:auto;
}
body.embed-player #nav-previous {
    margin-left: 20px;
}
body.embed-player #stage {
    height: 100%;
}
body.embed-player #overview {
    overflow-x:hidden;
    overflow-y:auto;
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
    height: 100%;
}
body.embed-player .overview-container-height {
    overflow:hidden;
    height:auto;
    margin-bottom:15px;
}
body.embed-player #coursePlayer h1 {
    font-size: 1.3em;
    text-overflow:inherit;
    white-space: normal;
    line-height: 1.3em;
    overflow: hidden;
}
body.embed-player #overview h2 {
    font-size: 13px;
    margin-top: 10px;
}
body.embed-player #syllabus {
    padding: 3px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    height: 100%;
}
body.embed-player #download {
    padding: 2px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    height: 100%;
}
body.embed-player #share {
    padding: 2px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    height: 100%;
}


body.embed-player .info-container .icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    height: 40px;
    overflow: hidden;
    text-indent: 0;
    width: 40px;
}

body.embed-player #overview-tab { border-left: 0px; }
body.embed-player .tab-container .ui-tabs-nav li { top: 0px; }

body.embed-player #info-tab li { height: 40px; }
body.embed-player .info-container li a { height: 40px; }

body.embed-player .info-container .stage-icon img { left: -600px; top: -160px; position:relative;}
body.embed-player #stage-tab.ui-tabs-active a img { left:-560px; top: -160px; position:relative;}

body.embed-player .info-container .share-icon img{ left: -680px; top: -160px; position:relative;}
body.embed-player #share-tab.ui-tabs-active a img{ left: -640px; top: -160px; position:relative;}

body.embed-player .info-container .overview-icon img{ left: -200px; top: 0; position:relative;}
body.embed-player .info-container .overview-icon{ background-color: #0072c6;}
body.embed-player #overview-tab.ui-tabs-active a img{ left: -160px; top: 0; position:relative;}

body.embed-player .info-container .syllabus-icon img{ left: -280px; top: 0; position:relative;}
body.embed-player .info-container .syllabus-icon{ background-color: #0072c6;}
body.embed-player #syllabus-tab.ui-tabs-active a img{ left: -240px; top: 0; position:relative;}

body.embed-player .info-container .download-icon img{ left: -360px; top: 0; position:relative;}
body.embed-player .info-container .download-icon{ background-color: #0072c6;}
body.embed-player #download-tab.ui-tabs-active a img{ left: -320px; top: 0; position:relative;}

ul#info-tab li a:focus {
    outline:0;
}
body.embed-player #mvaCourseLink {
    color: #FFF !important;
    display: inline-block;
    float: left;
    margin-top: 8px;
    font-size: 16px;
    margin-left: 12px;
}
body.embed-player #social-share-callout {
    position: relative;
    display: block !important;
    border: none;
    top: 0px;
    max-width: 615px;
    width: 100%;
}
body.embed-player #coursePlayer.embedLesson #course-info-container {
    bottom:0;
}
body.embed-player #coursePlayer.embedLesson #video-navigation,
body.embed-player #coursePlayer.embedLesson #syllabus-tab,
body.embed-player #coursePlayer.embedLesson #download-tab {
    display:none;
}
body.embed-player #loading-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    margin: 0;
    -webkit-flex: 1;
    -ms-flex: 1; 
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#playerCover  {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1;
}

.playerCover-container {
    opacity: 0.93;
    background-color: #333;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}


#playerCover * {
    color:#FFF;
}

#playerCover .course-name
{
    padding: 20px;
    width: calc(100% - 40px);
}

#playerCover #instructors, #playerCover #course-description
{
    padding:  0px 20px 20px 20px;
}

#playerCover #instructors-links a
{
    text-decoration: none;
    color: white;
}

#playerCover .play-icon .play-img {
    left: -1330px;
    position: relative;
    top: -280px;
}

#playerCover .play-icon 
{
  display: inline-block;
  height: 70px;
  left: 0;
  min-width: 0;
  padding: 0;
  position: static;
  top: 0;
  width: 70px;
  z-index: 10;
  background: none;
  overflow: hidden;
}

#playerCover .restart-icon
{
    background: url('content/images/MLX_Icons_v5.svg') no-repeat -1351px -225px !important;
    background-size: 1500px 1800px !important;
    width: 75px;
    height: 75px;
    z-index: 10;
    left: 0px;
    top: 0px;
    display: inline-block;
    position: static;
}

#playerCover .text
{
    font-size: 16px;
    display: inline-block;
    margin-top: 25px;
    vertical-align: top;
    margin-left: 10px;
}

#playerCover .play-button
{
    display: inline-block;
    float: left;
    cursor: pointer;
}

#playerCover .restart-icon, #playerCover .text.restart-lesson, #playerCover .text.next-lesson, #playerCover .text.start-lesson, #playerCover .text.course {
    cursor: pointer;
}

#playerCover #start-course,  #playerCover #start-lesson
{
    position: absolute;
    bottom: 0;
    height: 75px;
    left: 0;
    right: 0;
    padding: 20px 0 20px 20px;
}
#coursePlayer.embedLesson #playerCover #start-course {
    display:none;
}
#coursePlayer.embedLesson #playerCover #start-lesson {
    display:inline-block !important;
    position: fixed;
}

#playerCover .ms-logo {
    bottom: 20px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    width: 110px;
}

#playerCover .introduction-tab-container {
    overflow: hidden;
    position: relative; 
    line-height: 1.2em;
    max-height: 6em; 
    text-align: justify; 
    margin-right: -1em;
    padding-right: 1em;
}
#playerCover .introduction-tab-container:before {
  content: '...';
  position: absolute;
  right: 2px;
  bottom: 0;
}

#okToRedirectToMVA {
    min-width: 100px;
    text-align: center;
}

/*Chrome only*/
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    #playerCover .introduction-tab-container:before {bottom:2px;} 
}

#playerCover .introduction-tab-container * {
  display: inline;
}

#playerCover .introduction-tab-container:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #363636;
}
#playerCover .introduction-tab-container br:after {
    content: ' ';
}
#playerCover .introduction-tab-container br {
    content: ' ';
}

body.embed-player #social-share-callout .social-share-callout-carot {
    display: none !important;
}

.embeddedPopUps 
{
    left: 0;
    margin: 0 auto;
    max-width: 1366px;
    position: static;
    right: 0;
    top: 0;
    z-index: 3000;
}

.embed-btn {
    padding-left:20px !important;
    padding-right:20px !important;
}

.embeddedPopUps .popUpLogin
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #969696;
    color: #333333;
    display: none;
    height: 310px;
    left: 50%;
    margin: -142px 0 0 -250px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 500px;
    z-index: 3000;
}

.popUpRedirectToMVA {
    z-index: 10000 !important;
}

.embeddedPopUps .popUpLogin .body
{
    padding: 40px 30px 0px 30px;
}

.embeddedPopUps .popUpLogin .body .buttons-container
{
    margin: 0;
    position: absolute;
    padding: 0;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

.embeddedPopUps .popUpLogin .body .buttons-container #selfAssessmentDismiss,
.embeddedPopUps .popUpLogin .body .buttons-container #cancelRedirect
{
    margin-right: 15px;
    margin-top: 10px;
}

.embeddedPopUps .popUpLogin .body .buttons-container a
{
    margin-top: 10px;
}

.embeddedPopUps .popUpLogin .body .main-text
{
    margin: 0;
}

body.embed-player #syllabus .accordian-container 
{
    height: auto;
}

body.embed-player .msl2CookieNotice{
    position: relative;
}

body.embed-player .overlay-loading-wrapper {
    width: auto;
    min-height: 0px;
    position: fixed;
    top: calc(50% - 61px);
    left: calc(50% - 124px);
}

body.embed-player .overlay-container {
    padding: 1.5em;
    width: auto;
}

body.embed-player .overlay-container .heading--large {
    color: #515151;
    float: right;
    font-weight: 200;
    font-size: 25px;
    margin: 0.25em 5px 0 0;
}

body.embed-player #loading-animation {
    background: url('content/images/ProgressRing_Black40x40.gif') no-repeat;
    float: left;
    position: relative;
    margin: 0 28px 0 2px;
}

body.embed-player #download-tab-container {
    height: auto !important;
}

body.embed-player .download-file-name {
    width:46%;
}

body.embed-player .download-data-container {
    height: auto;
}

.lesson-not-available {
    z-index: 5000;
    margin-top: 0 !important;
}
.lesson-not-available .bodyStyle {
    font-weight: 400;
}
@media only screen and (max-height: 400px), only screen and (max-width: 550px) {
    .lesson-not-available {
        z-index: 5000;
        top: calc(50% - 179px);
        bottom: calc(50% - 179px);
        position: fixed;
        height: auto;
    }
    .embeddedPopUps .popUpLogin{
        left: 10%;
        right: 10%;
        margin: 0px;
        top: calc(50% - 160px);
        bottom: calc(50% - 160px);
        width: auto;
        height: auto;
    }
    .embeddedPopUps .popUpLogin .body .buttons-container {
            top: 240px;
            margin-top:10px;
        }
            .embeddedPopUps .popUpLogin .body .buttons-container #selfAssessmentDismiss, .embeddedPopUps .popUpLogin .body .buttons-container #cancelRedirect {
                margin-right:5px !important;
            }
}

@media only screen and (max-height: 420px) {
    .lesson-not-available {
        top: 10%;
        bottom: 10%;
    }
}

.embed-tou, .download-tou {
    margin-top: 15px;
    text-align: justify;
    color: #000000 !important;
    font-weight: 400 !important;
    font-size: 8pt;
    border: 1px solid #D2D2D2;
    box-sizing: border-box !important;
    padding: 2px 8px 4px 8px;
}

#overview .embed-tou {
    margin-top: 50px;
    margin-bottom: 15px;
}

.download-tou {
    margin-bottom: 20px;
}

.embedded-tou {
    margin-top: 20px;
    margin-right: 18px;
    margin-bottom: 5px;
    font-size: 8pt;
    border: 1px solid #505050;
    box-sizing: border-box !important;
    padding: 2px 8px 5px 8px;
}

.embed-tou a, .download-tou a {
    color: #0072C6!important;
    font-weight: 400 !important;
}
.embedded-tou a {
    color: #FFF !important;
    text-decoration: underline !important;
}


/****LIVE EVENT CSS ****/
.read-more-text {
    cursor: pointer;
    font-weight: normal;
}

.read-less-text {
    cursor: pointer;
    font-weight: normal;
}

.read-more-icon {
    float: left;
    background-image: url('images/sprite-2017-09-18-1259.png');
    background-position: -60px -400px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.read-less-icon {
    float: left;
    background-image: url('images/sprite-2017-09-18-1259.png');
    background-position: -40px -400px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.read-more-body-container {
    color: #62AAD8;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 14px;
}

.read-more-outline-container {
    color: #62AAD8;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 14px;
}

.read-more-instructor-container {
    color: #62AAD8;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 14px;
}

.liveevent-body .title {
    display: inline-block;
    color: #65A54F;
    font-size: 25px;
    font-weight: lighter;
    width: 100%;
    margin-top: 35px;
    line-height: 30px;
}

.liveevent-body .bodytext {
    margin-top: 15px;
    color: #505050;
    font-size: 14px;
    overflow: hidden;
}

.liveevent-body .bodytext-inner {
    overflow: hidden;
}

.liveevent-body .bodytext-inner p {
    line-height: 19px !important;
}

.liveevent-body .oultline {
    padding-top: 15px;
    overflow: hidden;
    width: 100%;
}

.liveevent-body .oultline-inner {
    overflow: hidden;
}

.liveevent-body .instructortitle {
    color: #505050;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 30px;
    text-transform: uppercase;
}

.liveevent-body .introductiontext {
    overflow: hidden;
}

.liveevent-body .instructor-header {
    font-size: 14px;
    color: #505050;
}

.liveevent-body .instructor-header a {
    color: rgb(98,170,216);
}

.liveevent-body .instructor {
    margin-top: 20px;
    overflow: hidden;
    margin-left: 20px;
}

.liveevent-body .instructor .instructor-image {
    height: 127px;
    width: 127px;
    background-size: 100% 100%;
    float: left;
}

.liveevent-body .instructor .instructor-info {
    float: left;
    width: 580px;
    margin-left: 20px;
}

.liveevent-body .instructor .instructor-info .instructor-info-header {
    color: #505050;
    font-size: 16px;
    font-weight: normal;
}

.liveevent-body .instructor-footer {
    margin-top: 30px;
    font-size: 14px;
    color: #505050;
}

.liveevent-body .instructor-footer a {
    color: rgb(98,170,216);
}

.liveevent-body .instructor .instructor-info .instructor-info-header a {
    color: #0072c6;
}

.liveevent-body .instructor .instructor-info .instructor-info-description {
    margin-top: 15px;
    font-size: 14px;
    color: #505050;
    overflow: hidden;
}

.liveevent-body .instructor .instructor-info .instructor-info-description .introductiontext {
    overflow: hidden;
    font-weight: normal;
}

.liveevent-body .instructor .instructor-info .instructor-info-description .introductiontext p {
    line-height: 19px !important;
    font-weight:normal;
}

.liveevent-body .instructor .instructor-info .instructor-info-description .read-more-body-container {
    margin-top: 15px;
}

.search-result-liveevent-boxleft .commingsoon-link {
    margin: 30px 30px 30px 0px;
    height: 70px;
    background-color: #FCCC0E;
    width: 268px;
    float: left;
}

.search-result-liveevent-boxleft .commingsoon-text {
    color: white;
    font-size: 24px;
    padding-left: 10px;
    margin-left: 30px;
    margin-top: 25px;
    padding-right: 15px;
}

.search-result-liveevent-boxleft .registration-link {
    margin: 30px 30px 20px 0px;
    height: 50px;
    background-color: rgb(16,124,16);
    display: inline-block;
    min-width: 190px;
}

.liveeventImageTop-container {
    width: 252px;
    margin-left: 15%;
    margin-top: 3%;
}

.search-result-liveevent-boxleft .registration-text {
    color: #FFF;
    font-size: 16px;
    padding-left: 10px;
    margin-left: 30px;
    padding-top: 15px;
    padding-right: 15px;
    font-weight: 400;
}

.search-result-liveevent-box .registration-link {
    width: 100%;
    height: 70px;
    background-color: rgb(101, 165, 79);
    margin-top: 35px;
    float: right;
}

.search-result-liveevent-box .registration-text {
    color: white;
    font-size: 24px;
    padding-left: 10px;
    margin-left: 30px;
    margin-top: 25px;
}

.feedback #et_description_coordinator_text {
    padding: 10px 10px;
    color: #FFF;
}

/****LIVE EVENT PANELS ****/
.liveevent-panelright {
    width: 270px;
    float: left;
    padding-left: 40px;
}

.liveevent-panelright .search-result-feedback-box {
    overflow: hidden;
    clear: both;
}

.liveevent-panelright .optional-box {
    border-top: solid 1px #ACACAC;
    clear: both;
    overflow: hidden;
    margin-top: 35px;
    padding-top: 30px;
}

.liveevent-panelleft {
    width: 750px;
    float: left;
    margin-left: 15%;
}

.liveevent-panelleft ul, ol, .liveevent-panelright ul, ol {
    list-style: disc inside none;
}

.liveevent-panelleft ol, .liveevent-panelright ol {
    list-style: decimal inside none;
}

.liveevent-panelleft li, .liveevent-panelright li {
    display: list-item;
    font-size: 14px;
    font-weight: normal;
    list-style: disc inside none;
}

#aLiveEventsPage {
    display: inline-block;
    height: 64px;
    width: 252px;
    margin-top: 20px;
}

.liveevent-paneltop {
    background-image: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    background-position: -5px -997px;
    background-repeat: no-repeat;
    height: 64px;
    width: 252px;
}
/**** LIVE EVENT DETAILS ****/

.bodytext p {
    font-size: 14px;
    line-height: 18.9px;
    text-align: left;
    font-weight: normal;
    color: #505050;
}

.oultline p {
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    font-weight: normal;
}

.liveevent-detail-box {
    border: 1px solid;
    border-color: #0072c6;
    float: right;
    padding-top: 15px;
    margin-top: 5px;
    width: 224px;
    margin-bottom: 30px;
    margin-top: 35px;
    margin-right: 6px;
}

.liveevent-detail-box .series-name {
    padding: 15px;
}

.liveevent-detail-box .title {
    display: block;
    color: #0072C6;
    font-size: 16px;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: normal;
}

.liveevent-detail-box .date {
    display: inline-block;
    float: left;
    color: #2B2B2B;
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
    margin-left: 15px;
}

.liveevent-detail-box .infoDetail {
    display: inline-block;
    float: left;
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: 15px;
}

.liveevent-detail-box .zone {
    float: right;
    width: 93%;
    color: #62AAD8;
    font-size: 12px;
    margin-top: 6px;
}

.liveevent-detail-box .headlisting {
    padding-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    clear: both;
    overflow: hidden;
}

.liveevent-detail-box .headlisting div {
    margin-top: 8px;
    margin-right: 8px;
}

.liveevent-detail-box .headlisting .listing {
    font-size: 14px;
    color: #0072C6;
    font-weight: 600;
}

.liveevent-detail-box .headlisting .content {
    font-size: 14px;
    color: #2B2B2B;
    line-height: 18.9px;
    font-weight: normal;
}

.liveevent-detail-box .headlisting .content p {
    text-align: justify;
    font-size: 14px;
    line-height: 1.25em;
    font-weight: normal;
}
/**** LIVE EVENT SOCIALBOX ****/

.feedback-button-container {
    margin: 0px auto;
    text-align: center;
}

.liveevent-social-box {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

.liveevent-social-box .center-container {
    width: 150px;
    margin: auto;
    overflow: hidden;
}

.liveevent-social-box .facebook-button {
    float: left;
    margin-right: 8px;
}

.liveevent-social-box .twitter-button {
    float: left;
    margin-right: 8px;
    margin-top: 2px;
}

.liveevent-social-box .facebook-like {
    float: left;
    margin-right: 8px;
    margin-top: 2px;
}

.feedback-container {
    margin: 0 auto;
    text-align: center;
}

.facebook-button {
    cursor: pointer;
}

.facebook-button .fb-icon-small::before {
    content:url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    left: -267px;
    top: -143px;
    position: relative;
}

.facebook-button .fb-icon-small {
    height: 20px;
    overflow: hidden;
    width: 20px;
    display: inline-block;
}

.twitter-button {
    cursor: pointer;
}

.twitter-button .tw-icon-small::before {
    content: url("images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
    position: relative;
    left: -242px;
    top: -146px;
}

.twitter-button .tw-icon-small {
    height: 20px;
    overflow: hidden;
    width: 20px;
    display: inline-block;
}   

.feedback-button-padRightLeft {
    padding-right: 34px !important;
    padding-left: 34px !important;
}


/** EMBED LICENSE  **/

.license-container {
    padding: 0 0 50px 0;
}

.license-container > article {
    text-align:left;
}

.license-container h1 {
    margin: 10px 0;
}

.license-container p {
    margin: 15px 0;
    font-size: 15px;
}

.license-container ol {
    margin: 0 0 1.5em;
    padding: 0;
    counter-reset: item;
}

.license-container ol > li {
    margin: 0;
    padding: 0 0 0 25px;
    text-indent: -25px;
    list-style-type: none;
    counter-increment: item;
    margin-bottom: 10px;
}

.license-container ol > li:before {
    display: inline-block;
    width: 1em;
    padding-right: 0.5em;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}

.license-container ul {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -19px;
}

.license-container li {
    display: list-item;
    list-style: inherit;
    font-size: 15px;
}

/* BEGIN Course Player Join Popup */

.joinPopupCont {
    position: absolute;
    width: 100%;
    height: inherit;
    background: #0072C6;
    top: 0;
}

    .joinPopupCont .joinPopup {
        width: 580px;
        height: 360px;
        background: #FFF;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .joinPopupCont .joinPopup .joinPopup-banner {
        width: 180px;
        height: 100%;
        display: inline-block;
        background-color: #EEEEEE;
    }

        .joinPopupCont .joinPopup .joinPopup-banner .banner-img {
            width: 100%;
            height: 120px;
            top: 50%;
            transform: translateY(-50%);
            position: relative;
            background-image: url("new/images/sprite-2017-09-18-1259.png?v=2017-09-18T13:35:53");
            background-position: -543px -1733px;
            background-size: 950px 950px;
        }

    .joinPopupCont .joinPopup .joinPopup-info {
        width: 355px;
        vertical-align: top;
        display: inline-block;
        margin: 40px 0 0 40px;
    }

        .joinPopupCont .joinPopup .joinPopup-info ul {
            line-height: 1em;
    }

        .joinPopupCont .joinPopup p {
            font-weight: 400;
            display: inline-block;
        }

        .joinPopupCont .joinPopup p.messageNotSignedIn {
            margin: 1.5em 0 1.5em 0;
        }

            .joinPopupCont .joinPopup ul li .tick-icon {
                float: none;
                display: inline-block;
                margin-right: 15px !important;
            }

            .joinPopupCont .joinPopup ul li .infoItem {
                display: inline-block;
                font-size: 13px;
                line-height: 18px;
                color: #333333;
                font-weight: 400;
            }

        .joinPopupCont .joinPopup .buttons {
            position: absolute;
            bottom: 40px;
        }

            .joinPopupCont .joinPopup .buttons .joinNowButton {
                margin-right: 10px;
                text-align: center !important;
            }

            .joinPopupCont .joinPopup .buttons .btnDeny {
                color: #333 !important;
                text-align: center !important;
            }

@media(max-width: 640px) {
    .joinPopupCont .joinPopup {
        width: 85%;
        height: 80%;
    }

        .joinPopupCont .joinPopup .buttons {
            bottom: 20px;
        }

    .joinPopupCont .joinPopup .joinPopup-banner {
        display: none;
    }

    .joinPopupCont .joinPopup .joinPopup-info {
        width: inherit;
        margin: 20px 0 0 40px;
}
}


@media (max-width: 445px) {
    .joinPopupCont .joinPopup ul li .infoItem {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .joinPopupCont .joinPopup ul li {
        margin-bottom: 0;
    }

    .joinPopupCont .joinPopup {
        width: 100%;
        height: 100%;
    }

    .joinPopupCont .joinPopup .joinPopup-info {
        width: 96%;
        margin: 20px 0 0 10px;
    }
}
/* END Course Player Join Popup */

@media (min-width:768px) and (max-width:1279px) {
    #social-bar {
        display: none;
    } 
}

.save-bottom-container b {
    font-weight: 600 !important;
}

/* LEARNING PATH GRAPHIC HOMEPAGE*/
.learning-paths-home a{
    display: block;
    background-color: #f0f0f0;
    border: 1px solid #d2d2d2;
    text-align: left;
    margin: 10px auto 0px;
    max-width: 809px;
}

.learning-paths-home a:hover, .learning-paths-home a:focus{
    border: 2px solid #0072c6;
    box-sizing: border-box;
    margin-bottom: -2px;
}

.learning-paths-home a:hover .lp-learnmore-button, .learning-paths-home a:focus .lp-learnmore-button{
    background-color: #0072c6;
    color: #FFFFFF;
}

.lp-new-text {
    font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
    background-color: #FFB901;
    display: inline-block;
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 13px;
}

.lp-title-text {
    font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
    background-color: #FFB901;
    display: inline-block;
    padding: 5px 7px;
    text-transform: uppercase;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #333333;
}

.lp-expired-badge{
    border: solid 6px #008272;
    width: 154px;
    height: 154px;
    border-radius: 77px;
    text-align: center;
    line-height: normal;
    font-size: 13px;
    padding: 50px 10px 25px 10px;   
}

.lp-header-text {
    font-size: 34px;
    margin-top: 12px;
    font-weight: 300;
    margin-bottom: 13px;
}

.lp-text-content {
    font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-right: 10px;
}

.lp-learnmore-button {
    background-color: #303030;
    border: 1px solid #797979;
    text-align: left;
    color: #FFFFFF;
    padding: 8px 16px 8px 16px;
    display: inline-block;
    margin-top: 10px;
}

.lp-text {
    padding: 18px 5px 18px 14px;
    display: inline-block;
    width: 55%;
    min-height: 182px;
}

.lp-image {
    width: 45%;
    display: inline-block;
    float: right;
    padding: 15px 5px;
}

.lp-image img {
    width: 100%;
}

@media (max-width: 834px) {
    .learning-paths-home a{
        max-width: 647px;
    }

    .lp-image {
       margin-top: 20px;
    }
}

@media (max-width: 670px) {
    .learning-paths-home a{
        max-width: 483px;
    }

    .lp-image {
        width: 100%;
    }

    .lp-image img {
        width: 90%;
        margin: 0 0 0 5%;
    }

    .lp-text {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 505px){
    .learning-paths-home a{
        max-width: 318px;
    }

    .lp-image {
        margin: 0;
    }

    .lp-image img {
        width: 100%;
        margin: 0;
    }

}

@media (max-width: 341px){
    .learning-paths-home a{
        max-width: 300px;
    }
}

/*KiPi Graphic Homepage*/
.kipi-home-container a{
    display: block;
    background-color: #171717;
    border: 1px solid #5D5D5D;
    margin-top: 10px;
    text-align: left;
    margin: 10px auto 0px;
    position: relative;
    max-width: 809px;
}

.kipi-home-container a:hover, .kipi-home-container a:focus{
    border: 2px solid #0072c6;
    color: #FFFFFF;
    margin-bottom: -2px;
}

.kipi-home-container a:hover .kp-learnmore-button, .kipi-home-container a:focus .kp-learnmore-button{
    background-color: #0072c6;
    color: #FFFFFF;
}

.kp-new-text {
    font-family: Segoe UI regular, sans-serif;
    background-color: #FFB901;
    display: inline-block;
    padding: 2px 7px;
    text-transform: uppercase;
}

.kp-header-text {
    font-size: 34px;
    margin-top: 12px;
    color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 13px;
}

.kp-text-content {
    font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
}

.kp-learnmore-button {
    background-color: #303030;
    border: 1px solid #797979;
    color: #FFFFFF;
    padding: 8px 16px 8px 16px;
    display: inline-block;
    margin-top: 10px;
}

.kp-text {
    padding: 18px 5px 18px 14px;
    display: inline-block;
    width: 55%;
    position: absolute;
    left: 45%;
    top: 15px;
    z-index: 1;
}

.kp-image {
    width: 100%;
}

.kp-image img {
    width: 100%;
}

@media (max-width: 834px) {
    .kipi-home-container a{
        max-width: 647px;
    }

    .kp-text {
        width: 55%;
        left: 45%;
        top: 5px;
    }

    .kp-image {
        overflow: hidden;
    }

    .kp-image img{
        width: auto;
    }
}

@media (max-width: 670px) {
    .kipi-home-container a{
        max-width: 483px;
    }

    .kp-image {
        width: 100%;
        position: static;
        display: block;
    }

    .kp-image img {
        width: 100%;
    }

    .kp-text {
        display: inline-block;
        width: 100%;
        position: static;
        margin-top: 0;
    }
}

@media (max-width: 505px){
    .kipi-home-container a{
        max-width: 318px;
    }

    .kp-image {
        margin: 0;
    }

    .kp-image img {
        width: 100%;
        margin: 0;
    }

}

@media (max-width: 341px){
    .kipi-home-container a {
        max-width: 300px;
    }
}