.learning-journey .earnBadge{
	position: relative;
	right:25px;
	color: #F0AB00;
}
g.certification.iconGroup.activeIcon{
	width:200px;
}

.learning-journey line.roadmapline,
.learning-journey path.in-connector,
.learning-journey path.out-in-connector,
.learning-journey path.cont-in-connector,
.learning-journey path.cont-out-connector {
    stroke: #908f8f;
  /* stroke: #EAEAEA ; */
}

.learning-journey.dark-theme-lj line.roadmapline,
.learning-journey.dark-theme-lj path.in-connector,
.learning-journey.dark-theme-lj path.out-in-connector,
.learning-journey.dark-theme-lj path.cont-in-connector,
.learning-journey.dark-theme-lj path.cont-out-connector {
    stroke: #252525 ;
}

.learning-journey rect.cont-in-connector,
.learning-journey rect.cont-out-connector {
    fill: #908f8f;
  /*   fill: #EAEAEA ;  */
}

.learning-journey.dark-theme-lj rect.cont-in-connector,
.learning-journey.dark-theme-lj rect.cont-out-connector {
    fill: #252525 ;
}

.learning-journey .tileGroup>g>rect{
    fill: #FFF;
/*     stroke: #CCC;  */
    stroke: #908f8f;
    stroke-width: 1px;
}


.learning-journey.dark-theme-lj .tileGroup>g>rect{
    fill: #000;
    stroke: #333;
}

.learning-journey.dark-theme-lj .tileGroup>g.activeTile>rect{
    stroke: #FFF;
}

.learning-journey.dark-theme-lj g#roadmap text.scenarioHeader,
.learning-journey.dark-theme-lj g#roadmap text.topicHeader{
    fill: #FFF;
}

.learning-journey .tileGroup>g.expandedTile.activeTile>rect{
    stroke: #EDAA11;
}

.learning-journey .tileGroup>g .header,
.learning-journey .tileGroup>g .shortDescription{
    cursor: default;
	max-width:50px !important;
}
/*
.learning-journey g.iconGroup text.shortDescription{
    opacity:0;
}
  
.learning-journey g.expandedTile g.iconGroup.activeIcon text.shortDescription{
    opacity:1;
    -webkit-transition: opacity 2s;
    transition: opacity 1s;
}
*/
.learning-journey .footnote >g {
    color:#d3d3d3;
	font-size:6;
}

.learning-journey .tileGroup>g a.noteTileLink{
    display: block;
}

.learning-journey .tileGroup>g p{
    margin: 0;
}
.learning-journey .tileGroup>g p>a{
    display: inline;
}
.learning-journey .tileGroup>g.expandedTile a{
    display: block;
    cursor: pointer;
}


.learning-journey .tileGroup>g>text.titleExpanded,
.learning-journey .tileGroup>g>text.title,
.learning-journey .tileGroup>g>text.courseCode,
.learning-journey .tileGroup>g>text.certShortDescription,
.learning-journey .tileGroup>g>text.tileID {
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: #CCC;
    height: auto ;
    cursor: default;
}

.learning-journey.dark-theme-lj .tileGroup>g>text.titleExpanded,
.learning-journey.dark-theme-lj .tileGroup>g>text.title {
    fill: #333;
}

.learning-journey .tileGroup>g.activeTile>text {
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: #252525;
}

.learning-journey .tileGroup>g.activeTile>text.class {
    display:block;
}

.learning-journey.dark-theme-lj .tileGroup>g.activeTile>text {
    fill: #fff;
}

.learning-journey .tileGroup>g.activeTile.goldenTile>text{
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: #EFAA11;
}

.learning-journey .tileGroup>g.activeTile.goldenTile .noIconAvailable,
.learning-journey .tileGroup>g.activeTile.goldenTile .noIconAvailableExpanded,
.learning-journey .tileGroup>g.activeTile.goldenTile .shortDescription{
    fill: #252525;
}

.learning-journey .tileGroup>g.activeTile.goldenTile>text.certShortDescription,
.learning-journey .tileGroup>g.activeTile.goldenTile>text.persoButtonPreText{
    fill: #252525;
}

.learning-journey .tileGroup>g.activeTile>text.footnote,
.learning-journey .tileGroup>g.activeTile>text.footnote>tspan {
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: #252525;
    font-size: 14px;
}

.learning-journey .tileGroup>g>g.iconGroup.transition>text.icon {
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: transparent;
}


.learning-journey .tileGroup>g>g.iconGroup>text.icon {
    fill: transparent;
}

.learning-journey .tileGroup>g>g.iconGroup>image {
    opacity:0;
}

.learning-journey g.iconGroup>image {
    opacity:0 !important;
}

.learning-journey g.iconGroup.activeIcon>image {
    opacity:1 !important;
}


.learning-journey.dark-theme-lj .tileGroup>g>g.iconGroup>text.icon {
    fill: #333;
}

.learning-journey .tileGroup>g>g.iconGroup.activeIcon.transition>text.icon {
    -webkit-transition: fill 0.3s ease-in-out 0.15s;
    -moz-transition: fill 0.3s ease-in-out 0.15s;
    -ms-transition: fill 0.3s ease-in-out 0.15s;
    -o-transition: fill 0.3s ease-in-out 0.15s;
    transition: fill 0.3s ease-in-out 0.15s;
    fill: #000;
    font-family: "SAPIcons";
}

.learning-journey .tileGroup>g>g.iconGroup.activeIcon>text.icon {
    fill: #000;
    font-family: "SAPIcons";
}

.learning-journey.dark-theme-lj .tileGroup>g>g.iconGroup.activeIcon>text.icon,
.learning-journey.dark-theme-lj .tileGroup>g>g.iconGroup.activeIcon>text.header tspan,
.learning-journey.dark-theme-lj .tileGroup>g>g.iconGroup.activeIcon>text.shortDescription tspan {
    fill: #fff;
}

.learning-journey.dark-theme-lj .tileGroup>g>g.iconGroup.activeIcon>text.header a tspan {
    fill: #3887b0;
}

.learning-journey .tileGroup>g.goldenTile>g.iconGroup.activeIcon.transition>text.icon {
    -webkit-transition: fill 0.3s ease-in-out;
    -moz-transition: fill 0.3s ease-in-out;
    -ms-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
    fill: #EDAA11;
}

.learning-journey .tileGroup>g.goldenTile>g.iconGroup.activeIcon>image {
    opacity:1;
}

.learning-journey .tileGroup>g.goldenTile>g.iconGroup.activeIcon>text.icon {
    fill: #EDAA11;
}

/* START TILE EXPANSION ON MOBILE */

.learning-journey.noscroll {
    overflow: hidden;
}

.learning-journey div.expandedTileDialog {
    min-height: 330px;
}

.learning-journey div.expandedTileDialog .tiletypeicon {
    width: 31px;
    height: 31px;
    padding: 7px;
}


.learning-journey div.expandedTileDialog .header {
    width: 100%;
}


.learning-journey div.expandedTileDialog .header>div.tileTypeIcon {
    display: inline-block;
}

.learning-journey div.expandedTileDialog .header .courseCode {
    position: relative;
    float: right;
    margin: 7px;
}

.learning-journey div.expandedTileDialog .content {
    background: #FFF;
}

.learning-journey.dark-theme-lj div.expandedTileDialog .content {
    background: #000;
}

.learning-journey div.expandedTileDialog .expandedTitle,
.learning-journey div.expandedTileDialog .shortDescr {
    /*position: relative;*/
    padding: 0 10px;
    font-size: 15px;
    font-weight: 300;
}

.learning-journey div.expandedTileDialog .content div.iconGroup {
    font-size: 14px;
    margin: 10px;
}

.learning-journey div.expandedTileDialog .content p{
    font-size: 14px;
    font-weight: 400;
}

.learning-journey.dark-theme-lj div.expandedTileDialog .content p{
    color: #FFF;
}

.learning-journey div.expandedTileDialog .content p.shortDescription{
    margin-left: 35px;
    margin-top: -10px;
    margin-bottom: 10px;
}
.learning-journey div.expandedTileDialog .content .certification p.shortDescription{
    margin-left: 50px;
}
.learning-journey div.expandedTileDialog .content .certification p.shortDescriptionCert{
    margin-left: 120px;
	position:relative;
	bottom:40px;
}

.learning-journey div.expandedTileDialog .content span.sapicon{
    font-family: "SAPIcons";
    font-size: 21px;
    vertical-align: bottom;
}

.learning-journey div.expandedTileDialog .content .certification{
    padding-top: 30px;
}

.learning-journey div.expandedTileDialog .content .certification span.sapicon{
    color: #EDAA11;
    font-size: 70px;
}

.learning-journey div.expandedTileDialog .content a.contentUrl{
    margin: 0 10px;
}

.learning-journey div.expandedTileDialog .footnote_container {
    bottom: 0;
    position: absolute;
    font-size: 12px;
    padding-right: 10px;
}

@media screen and (max-width: 520px) {
    .learning-journey div.expandedTileDialog .footnote_container {
        position: unset;
        width: 100% !important;
    }
}








.learning-journey div.expandedTileDialog .closeButton {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #2f3c48;
    border-radius: 0 0 4px 4px;
}

.learning-journey.dark-theme-lj div.expandedTileDialog .closeButton {
    background: #a6a8ab;
}

.learning-journey div.expandedTileDialog .closeButton:active {
    background: #346187;
}

.learning-journey div.expandedTileDialog .closeButton:active p {
    color: #FFF;
}

.learning-journey div.expandedTileDialog .closeButton p {
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding-top: 12px;
    border-top: #A6A6A6 solid 1px;
    color: #346187;
      -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* END TILE EXPANSION ON MOBILE */