:root {
  --litmos-primary-color: #0059b3;
  --litmos-primary-color-foreground: White;
  --litmos-primary-color-dark: #003E7D;
  --litmos-primary-color-light: #E5EEF7;
  --litmos-primary-color-medium: #4C8AC9;
  --litmos-trainee-button-color: #0059b3;
  --litmos-trainee-button-foreground: White;
  --litmos-trainee-button-color-lighter: #E5EEF7;
  --litmos-trainee-button-color-medium: #4C8AC9;
  --litmos-trainee-button-color-darker: #003E7D;
  --litmos-trainee-navbar-background: #0059b3;
  --litmos-trainee-navbar-background-lighter: #4C8AC9;
  --litmos-trainee-navbar-text-color: #ffffff;
  --litmos-trainee-navbar-hover-background: #05a608;
  --litmos-trainee-navbar-hover-text: #05a608;
  --litmos-trainee-navbar-button-color: #0059b3;
  --litmos-trainee-toolbar-background: #0059b3;
  --litmos-trainee-toolbar-text-color: #ffffff;
  --litmos-trainee-menu-highlight-color: #0059b3;
  --litmos-link-color: #0059b3;
  --litmos-link-color-darker: #003E7D;
}

#titlebar {
  background-color: var(--litmos-trainee-toolbar-background);
  color: var(--litmos-trainee-toolbar-text-color);
}
.mobile-header {
  background: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-navbar-text-color);
}
.toolbar {
  background-color: var(--litmos-trainee-toolbar-background);
  background-image: none !important;
  border-bottom: 1px solid var(--litmos-trainee-toolbar-background);
}
#titlebar .nav a {
  color: var(--litmos-trainee-toolbar-text-color);
}
.admin-toolbar-bg,
.super-nav-bg {
  background-color: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-navbar-text-color);
}
.account-nav ul li a,
.account-nav ul li a:visited,
.account-nav ul li a:link {
  color: var(--litmos-trainee-navbar-text-color);
}
.tabsbar {
  background: var(--litmos-trainee-navbar-background) !important;
}
.tabsbar h3 {
  color: var(--litmos-trainee-navbar-text-color) !important;
}
ul.tabs li a:hover {
  background: var(--litmos-trainee-navbar-hover-background) !important;
}
ul.tabs li a:hover span {
  color: var(--litmos-trainee-navbar-hover-text) !important;
}
ul.tabs {
  background-color: var(--litmos-trainee-navbar-background) !important;
}
.body_heading h3 {
  background: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-navbar-text-color);
}
.focus-panel .search,
.focus-panel .panel-head {
  background-color: var(--litmos-trainee-navbar-background) !important;
}
.focus-panel h3 {
  background-color: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-navbar-text-color);
}
.focus-panel div.subtitle a,
.focus-panel div.subtitle a:link,
.focus-panel div.subtitle a:visited,
.panel-head h3 a:visited,
.panel-head h3 a:link {
  color: var(--litmos-trainee-navbar-text-color);
}
.focus-panel div.subtitle {
  background-color: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-navbar-text-color);
}
.rightPanel h3 {
  background-color: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-navbar-text-color);
}

/* Bootstrap navbar override */
#learner-nav {
  background-color: var(--litmos-trainee-toolbar-background);
  color: var(--litmos-trainee-toolbar-text-color);
  background-image: none;
}

#classic-nav {
  background-color: var(--litmos-trainee-navbar-background);
  color: var(--litmos-trainee-toolbar-text-color);
  background-image: none;
}

#learner-nav .navbar-nav > li > a {
  color: var(--litmos-trainee-toolbar-text-color);
}

#responsive-admin-menu {
  background-image: linear-gradient(
    to bottom,
    var(--litmos-trainee-navbar-background-lighter) 0%,
    var(--litmos-trainee-navbar-background) 100%
  ) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 5px rgba(0, 0, 0, 0.075) !important;
}

#facebox .popup {
  border-color: var(--litmos-trainee-navbar-background-lighter);
}

.assign-header {
  background-color: var(--litmos-trainee-navbar-background-lighter);
}

.navbar-link {
  color: var(--litmos-trainee-navbar-text-color);
}

.navbar-span {
  color: var(--litmos-trainee-navbar-text-color);
}

.module-nav {
  color: var(--litmos-trainee-navbar-text-color) !important;
}

a:visited.module-nav {
  color: var(--litmos-trainee-navbar-text-color) !important;
}

a.module-nav {
  color: var(--litmos-trainee-navbar-text-color) !important;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("static/fonts/glyphicons-halflings-regular.eot");
  src: url("static/fonts/glyphicons-halflings-regular.eot")
      format("embedded-opentype"),
    url("static/fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("static/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("static/fonts/glyphicons-halflings-regular.svg")
      format("svg");
}

.tiles-course-body {
  color: var(--litmos-trainee-navbar-text-color);
}

.assigned-date {
  color: var(--litmos-trainee-navbar-text-color);
}

.news-item {
  color: var(--litmos-trainee-navbar-background);
}

/* New Module Player overwrites */

/* CSS for customers to brand the player */

/* top and side nav background */
.navbarBkg {
  background-color: var(--litmos-trainee-navbar-background);
}

/* Top nav text / color Side nav header */
.topNavText,
.topNavText:hover,
.topNavText:visited,
.sideNavHeader,
.m-nav-btn {
  color: var(--litmos-trainee-navbar-text-color);
}

.m-nav-btn {
  background: var(--litmos-trainee-navbar-button-color);
}

a.m-nav-item:hover .m-nav-btn {
  background-color: var(--litmos-trainee-menu-highlight-color);
  background: var(--litmos-trainee-menu-highlight-color);
  color: var(--litmos-trainee-navbar-background);
}

.navbar-header .btn-nav {
  background-color: var(--litmos-trainee-navbar-button-color);
  border-color: var(--litmos-trainee-navbar-button-color);
}

.navbar-default .btn-nav .icon-bar {
  background-color: var(--litmos-trainee-navbar-text-color);
}

#sidebar-wrapper .container .nav-pills > a.active,
#sidebar-wrapper .container .nav-pills > a.active:hover,
#sidebar-wrapper .container .nav-pills > a.active:focus {
  color: var(--litmos-trainee-menu-highlight-color);
  background-color: var(--litmos-trainee-navbar-button-color);
}

#sidebar-wrapper .container .nav-pills > a,
#sidebar-wrapper .container .nav-pills > a:hover,
#sidebar-wrapper .container .nav-pills > a:focus {
  color: var(--litmos-trainee-navbar-text-color);
  background-color: var(--litmos-trainee-navbar-button-color);
}

/* Side nav text links */
.sidebarText a,
.sidebarText {
  color: var(--litmos-trainee-navbar-text-color);
}

.sidebarText a:hover {
  color: var(--litmos-trainee-navbar-button-color);
  text-decoration: none;
}

.sidemenuBkg {
  background-color: var(--litmos-trainee-navbar-button-color);
}

#sidebar-wrapper .container .nav-pills {
  background-color: var(--litmos-trainee-navbar-button-color);
}

/* Highlighted color of active module */
.activeModuleColor {
  color: var(--litmos-trainee-menu-highlight-color) !important;
}

/* Circle icon complete or in progress */
.moduleListIconComplete,
.moduleListIconInProgressL {
  background-color: var(--litmos-trainee-menu-highlight-color);
}

/* Circle icon not started */
.moduleIconNotStarted {
  background-color: var(--litmos-trainee-navbar-text-color);
}

.moduleListLine {
  background-color: var(--litmos-trainee-navbar-text-color);
}

.additionalReferencesList a,
.additionalReferencesList p,
.additionalReferencesList i {
  color: var(--litmos-trainee-navbar-text-color);
}

.additionalReferencesList {
  color: var(--litmos-trainee-navbar-text-color);
  border-bottom: 1px solid var(--litmos-trainee-navbar-text-color);
}
.topic-menu li:hover {
  border-left: 4px solid var(--litmos-trainee-toolbar-background);
}
.btn-primary {
  border-color: var(--litmos-trainee-button-color);
  background-color: var(--litmos-trainee-button-color);
  color: var(--litmos-trainee-button-foreground);
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
  border-color: var(--litmos-trainee-button-color-darker);
  background-color: var(--litmos-trainee-button-color-darker);
  color: var(--litmos-trainee-button-foreground);
}
h1:first-child:focus{
  outline:3px solid #0051A5;
}


/* May 8th 2023 Litmos CSS changes fix:*/
.login-field label {
display: none;
}
.panel-default {
border-color: transparent;
/* margin-left: 15%;
margin-right: 15%; */
}
.fa-pencil:before {
color: #912927;
}
.fa-pencil:after {
content: " Edit / Modifier";
font-family: 'LibreFranklin', sans-serif;
color: #912927;
font-weight: 600;
}
.fa-pencil:hover::before,
.fa-pencil:hover::after{
text-decoration: underline;
}
#passwordField td a {
color:#0051A5;
text-decoration: underline;
}
#passwordField td a:after {
content: " / Modifier le mot de passe";
color:#0051A5
}
#passwordField td a:hover,
#passwordField td a:hover::after{
color: #003168;
}
.btn-block {
  margin-bottom: 30px;
}
.mb-1 {
text-align: left;
margin-left: 10%;
margin-right: 10%;
color: #252525;
font-size: 16px;
font-weight: 550;
}
#learning-path-header{
font-size: 36px!important;
}

.login-failed{
color: rgba(255, 0, 0, 0);
}

.login-failed::after {
display: block;
color: #912927;
text-align: center;
font-family: "LibreFranklin", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
padding: 0;
content: "Incorrect email or password/ Adresse courriel ou mot de passe erroné.";
}

.form-control {
border: transparent;
box-shadow: none;
}

/* May 8th Litmos CSS changes fix*/
@font-face {
font-family: 'LibreFranklin', sans-serif;
src: url('https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap');
} 
/* New modules homepage design */
.module-title-div {
width: 100%;
display: block;
padding: 20px;
padding-left: 0px;
padding-right: 0px;
font-family: 'LibreFranklin', sans-serif;
border-top: rgba(198, 199, 201, 1);
border-top-style: solid;
cursor: pointer;
display: flex;
}
.module-status {
float: right;
min-width: 17%;
cursor: pointer;
}
.status-text{
margin: 0;
display: inline;
}
.x {
float: left;
margin-top: 0em;
width: 80%;
}
.status-icon {
padding-right: 10px;
}
.arrow-icon {
padding-left: 15px;
float: right;
padding-top: 7px;
}
#module-image-div {
/* width: 33%;
padding-right: 20px; */
}
#module-description-div {
flex: 1;  
width: 66%;
color: #252525;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-left: 20px;
}
#modules-container{
border: 3px solid #ffffff;
}
.expand-button{
display: inline;
}
.bonus-module-information-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid var(--Borders-border-3, #B3B3B3);
  border-left: 1px solid var(--Borders-border-3, #B3B3B3);
  border-right: 1px solid var(--Borders-border-3, #B3B3B3);
  border-top: 3px solid #456B86;
  padding: 10px 10px;
  margin-bottom: -20px;
}
.bonus-module-information {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#banner-information {
  margin-top: 3px;
}
.bonus-information-text {
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
}
.module-expand {
display: flex;
color: #252525;
flex-direction: row;
margin-top: 50px;
}
.learn-title,
.prof-title,
.module-title {
font-size: 20px;
font-family: 'LibreFranklin', sans-serif;
font-weight: 400;
line-height: 18px;
margin: auto;
margin-bottom: 12px;
padding: 0px;
}
.prof-title{
margin-top: 7%;
}
.module-title {
margin-top: 40px;
}
.learn-description,
.prof-description,
.module-description {
color: #252525;
font-size: 14px;
font-family: 'LibreFranklin', sans-serif;
font-weight: 400;
line-height: 20px;
margin-top: auto;
padding-right: 60px;
}

.time-description,
.quiz-description  {
color: #000;
font-size: 14px;
font-family: 'LibreFranklin', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 27px;
}
.time-icon,
.quiz-icon {
display: flex;
padding-right: 6px;
padding-bottom: 8px;
}
.quiz-icon {
padding-left: 6px;
padding-right: 12px;
}
#stats-container{
display: flex;
align-items: left;
justify-content: left;
}
.button-link.a-btn-start {
display: flex;
width: 230px;
height: 44px;
padding: 16px 24px;
justify-content: center;
border-radius: 8px;
background: #0051A5;
align-items: center;
color: #FFF!important;
font-size: 16px;
}
.btn-primary {
color: white;
background-color: #EA1026;
border-color: #EA1026;
font-size: 16px;
font-family: 'LibreFranklin', sans-serif;
font-weight: 600;
}
.blue-btn-primary{
background-color: #0051A5;
border-color: #0051A5;
}
.blue-btn-primary:focus,
.blue-btn-primary:active:focus{
  background-color: #0051A5;
}
.btn-primary:focus, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:active:hover, 
.btn-primary:active:focus {
  background-color: unset;
}

.btn-block:focus,
.btn-block:hover {
  background-color: #EA1026;
  color: #ffffff !important;
}

.red-start-btn{
display: flex;
justify-content: center;
border-radius: 8px;
color: #FFF!important;
font-size: 16px;
background-color: #EA1026;
}
.red-button-link.red-a-btn-start{
display: flex;
width: 230px;
height: 44px;
padding: 12px 24px;
justify-content: center;
border-radius: 8px;
color: #FFF!important;
font-size: 16px;
background: #EA1026;
}

.button-link:hover{
box-shadow: none;
text-decoration: none;
}
.red-button-link:focus-visible,
.button-link:focus-visible{
outline: 3px solid #0051A5;
outline-offset: 3px;
}
.red-button-link:active,
.button-link:active{
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.50) inset;
text-decoration: none;
}
.red-button-link:focus,
.button-link:focus{
text-decoration: none;
}

.red-text{
color: #EA1026
}
.blue-text{
color:#0051A5
}

.jumbotron{
padding-top: 0px;
padding-bottom: 0px;
}

/* .clear {
display: none;
} */
.legal-text {
background-color: rgba(179, 179, 179, 1);
font-size: 14px;
padding: 25px;
padding-right: 15%;
padding-left: 15%;
}


#coursePlayerHeader .navbar-header {
display: inherit!important;
}

.fs-module-media {
margin-top: 14%;
}
#mif-comp-1002 {
margin-top: 70px;
}
.certificate-link {
  color: #0051A5 !important;
  text-decoration: underline !important;
  }
  
  .certificate-link:focus-visible{
    outline: 2px solid #EA9940;
    outline-offset: 2px;
    }
  
  .certificate-link:hover {
    color: #003168 !important;
    text-decoration: underline !important;
  }
  
  .certificate-link:active {
    color: #003168 !important;
    border: 1px solid var(--Hyperlink-Hover, #003168);
  }
/* New login design */

.login-form {
text-align: inherit;
/* font-family: LibreFranklin sans-serif; */
font-style: normal;
}
.login-form p,
.login-form a{
/* font-family: LibreFranklin sans-serif; */
font-style: normal;
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: #252525;
}

.login-form a{
  text-decoration: underline;
}


.visually-hidden:not(:focus):not(:active) {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (min-width: 992px){
  .col-md-6 {
    width: 75%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: inherit;
  }
  .col-md-offset-3 {
    margin: auto;
  }
  .course-bottom {
    margin-top: -55px;
  }

}


.login-box {
height: 645px;
width: 578px;
margin: auto;
box-shadow: 0px -3px 50px 0px rgba(0, 0, 0, 0.08);
border: none;
border-radius: none;
}
.login-form.col-md-6 {
  padding-top: 60px;
  margin: auto;
}
.login-zone {
padding-top: 90px;
padding-bottom: 90px;
}
.powered-by-litmos {
display: none;
}
.form-control {
border: transparent;
box-shadow: none;
height: 50px;
color: #252525;
font-size: 16px;
font-family: 'LibreFranklin', sans-serif!important;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: auto;
background-color: white;
border: 1px solid #C4C8CC;
}
.form-control::placeholder{
color: transparent;
}

p#username-label,
p#password-label {
margin: auto;
margin-bottom: 10px;
color: var(--text-foregrounds-text-2, #252525);
font-size: 16px;
font-family: Roboto;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
input#RememberMe,
label[for="RememberMe"],
input[type="hidden"],
.login-cbx[for="RememberMe"] {
display: none;
}
.login-cbx {
display: inline-block;
float: right;
margin-top: -47px;
margin-right: -13px
}
input#showPassword[type='checkbox'] {
display: none;
}
input#showPassword[type=checkbox] + label {
height: 16px;
width: 60px;
display: inline-flex;
background-image: url(	assets/buttons/Closed_Eye.svg);
background-repeat: no-repeat;
position: relative;
margin-bottom: 0px;
padding-bottom: 0px;
}

input#showPassword[type=checkbox]:checked + label {
height: 16px;
width: 60px;
display: inline-flex;
background-image: url(	assets/buttons/Open_Eye.svg);
background-repeat: no-repeat;
position: relative;
margin-top: -4px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.login-forgot {
padding: 0;
display: inline-block;
float: left;
color: #252525;
}
a#register-new {
display: inline-block;
float: right;
color: #006AC3;
}

.btn-login {
color: #fff;
border-radius: 5px;
background: linear-gradient(0deg, #EA1026 0%, #EA1026 100%), #EA1026;
box-shadow: none;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: normal;
padding: 16px 74px;
margin-bottom: 10px;
}

.intro {
display: none;
}
#welcome-message {
color: #252525;
font-size: 36px;
line-height: 1;
font-weight: 500;
text-align: center;
}
#learning-path-header:focus,
#learning-path-header:focus-visible,
#welcome-message:focus,
#welcome-message:focus-visible{
  outline: 2px solid #0051A5;
}
.first-time-message{
  font-size: 24px;
  font-weight: 300;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 70px;
}

.underline_modules_class{
  color: #EA9940!important;
  text-decoration: underline;
}

#signin-message{
color: #252525;
text-align: center;
font-weight: 400;
line-height: 24px;
margin-bottom: 15%;
}

.bottom-bar{
background-color: rgba(37, 37, 37, 1);
}
.bottom-header-link-container{
display: block;
text-align: left;
padding-top:24px;
padding-bottom:  24px;
padding-left: 250px;
clear: both;
background-color: rgba(37, 37, 37, 1);
z-index: 50;
position: relative;
margin-right: -10px;
}

.bottom-header-link{
margin-left: 32px;
font-size: 16px;
color: rgba(255, 255, 255, 1);
overflow: hidden;
display: inline;
}

a#login-header {
border-radius: 38px;
border: 1px solid #912927;
background: #FFF;
padding: 9px 25px;
font-weight: 600;
}


footer {
font-weight: 400!important;
}

.social-button{
margin-right: 1.6rem;
}

.social-button:first-child{
padding-left: 4rem;
}
.share-text{
margin: 1rem;
margin-left: 10rem;
font-size: larger;
font-weight: 600;
/* max-width: 200px; */
}
.copyright-text {
font-size: 1.4rem;
text-align: right;  
margin-top: 1rem;
}
.footer-right {
padding-right: 5rem;
flex-direction: row;
display: flex;

}
img.to-top {
padding-left: 20px;
}
.to-top-div {
margin-left: 20px;
border-left: solid;
border-width: thin;
}
.footer-right-text {
/* max-width: 412px; */
}

img#fb-foot,
img#linked-foot,
img#tweet-foot {
width: 40px;
}

#return-home {
text-align: left;
/* margin-right: 80rem; */
margin-top: 5rem;
margin-left: 250px;
}
.confetti-return{
padding-left: 250px;
padding-top: 28px;
align-self: flex-start;
/*margin-bottom: 70px;*/
}

.return-home-pic {
margin-right: 1.5rem;
}
.return-home-text {
color: #252525;
font-size: 1.6rem;
}

.btn-login:hover {
  background: #912927 !important;
  border: #912927 !important;
/*background: linear-gradient(0deg, #EA1026 0%, #EA1026 100%), #EA1026;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
}
.btn-login:active{
  /*background-color: #900324; */
  border: #912927 !important;
  background: linear-gradient(0deg, #912927 0%, #912927 100%), #912927 !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important; 
}
.moduleCtnBtn:focus,
.moduleCtnBtn:focus-visible{
  background-color: #EA1026;
  color: white;
}

.red-start-btn:hover,
.red-a-btn-start:hover{
background: linear-gradient(0deg, #EA1026 0%, #EA1026 100%), #EA1026;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: white;
}
.red-button-link.red-a-btn-start:hover,
.button-link.a-btn-start:hover{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
.blue-btn-primary:hover{
background: #0051A5;
color: white;
}
.btn-start:hover{
  background-color: transperant;
  color: white;
  text-decoration: none;
  box-shadow: none;
}
.btn-primary:active {
background: linear-gradient(0deg, #EA1026 0%, #EA1026 100%), #EA1026;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;  
color: white;
}
.blue-btn-primary:active{
background: #0051A5;
}
.btn:focus, 
.btn:active:focus,
.btn-login:focus {
/* background: linear-gradient(0deg, #EA1026 0%, #EA1026 100%), #EA1026; */
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
outline: transparent;
color: white
}

.btn-login:focus-visible,
.login-form a:focus-visible{
  outline: 2px solid #0051A5;
  outline-offset: 2px;
}

#register-new:hover {
color: #003168;
text-decoration-line: underline;
}
.login-form a:hover{
color: #912927;
text-decoration-line: underline;
}
.return-home-text:hover {
color: #912927;
text-decoration: underline;
}
.return-home-text:active {
color: #912927;
text-decoration: underline;
}
footer a:hover,
.bottom-header-link:hover{
color: #EA9940;
text-decoration: underline
}

footer a:active,
.bottom-header-link:active{
color: #EA9940;
text-decoration: underline;
}
#login-header:hover{
color: white;
background: #EA1026;
text-decoration: none;
}
input.btn.btn-primary.moduleCtnBtn + a:hover {
 border-width: 2px;
 background: transparent;
 color: #912927;
}
/* .linkedInButton:hover{
border-width: 3px;
color: #912927;
box-shadow: none;
border-color: #912927;
} */
.download-crt-btn:hover{
  background: linear-gradient(0deg, #EA1026 0%, #EA1026 100%), #EA1026;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: white;
}

input.btn.btn-primary.moduleCtnBtn + a + a:hover {
color: black;
}
#login-header:active {
color: white;
background: #EA1026;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
text-decoration: none;
}
/* .linkedInButton:hover {
border: 3px solid #912927;
background: #FFF;
}
.linkedInButton:active {
border: 3px solid #912927;
background: rgba(145, 41, 39, 0.10);
} */
.LMS-homepage-title{
color:white!important;
margin-top: 0px;
padding-left: 270px;
padding-top: 7%;
font-weight: 600;
}
.jumbotron-top{
background:  url(images/module_home_header_img.png), lightgray 0px -692.55px / 100% 337.377% no-repeat;
height: 350px;
width: 100%;
}

.welcome-text {
padding-left: 270px;
padding-right: 270px;
padding-top: 2%;
}
h2, .h2 {
font-size: 36px;
}

.congrats-div {
  flex-direction: row;
  display: flex;
  margin: 50px 268px 20px;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);
  padding: 30px 20px;
}
.congrats-image {
  width: 200.852px;
  height: 175.795px;
  padding-right: 35px;
}
p.congrats-message {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: auto;
}
h2.congrats-title {
  color: #252525; 
  font-size: 36px;
  font-weight: 600;
}

.btn-primary:focus,
.btn-primary:active, 
.btn-primary:active:hover, 
.btn-primary:active:focus{
color: white;
border-color: transparent;
/* background-color: initial; */
}

#forgotPasswordContainer > .login-box {
width: 100%;
height: 100%;
padding-left: 78px;
padding-right: 78px;
padding-top: 62px;
padding-bottom: 90px;
border-radius: 10px;
border: 1px solid #C6C7C9;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#forgotPasswordContainer > .login-box > .login-form > form > .login-button{
width: 218px;
height: 50px;
}
#forgotPasswordContainer > .login-box > .login-form > form > .login-button > #continue{
font-family: 'LibreFranklin', sans-serif;
font-size: 16px!important;
font-style: normal;
font-weight: 600!important;
line-height: normal;
text-transform: capitalize!important;
width: 218px;
height: 50px;
border-radius: 10px;
}

#forgotPasswordContainer > .login-box > .login-form > form > .login-forgot,
#forgotPasswordContainer > .login-box > .login-form > form > .login-forgot a{
font-size: 16px;
font-style: normal;
font-weight: 500;
color: #252525;
text-decoration: underline;
margin-top: 15px;
}

button#editpersonalinfo_close,
button#editaddress_close{
border-radius: 5px;
border: 1px solid #912927;
background-color: white;
color: #912927;
font-weight: 700;
width: 142px;
height: 43px;
font-size: 16px;
text-decoration-line: underline;
}
button#editpersonalinfo_submit,
button#editaddress_submit{
color: #FFF;
border-radius: 5px;
background: #EA1026;
font-size: 16px;
font-weight: 700;
width: 142px;
height: 43px;
margin-right: 8px!important;
}

label[for="Person_FirstName"],
label[for="Person_TimeZone"],
label[for="Person_Culture"],
label[for="Person_Profile_DateFormat"],
label[for="Person_LastName"],
label[for="Person_UserName"]{
text-align: left;
float: left;
font-size: 16px;
font-weight: 550;
font-family: 'LibreFranklin', sans-serif;
}
/*.mb-1 > small{
float: left;
}*/
.modal-header {
border-bottom: transparent;
margin-top: 25px;
}
.modal-footer{
border-top: transparent;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
};
#isChangePassword + small {
display: none;
}
tr#dateFormatField {
text-transform: uppercase;
}
#dateFormatField > .text-muted{
text-transform: none;
}
small.text-muted {
color: #252525;
font-family: Roboto;
font-size: 12px;
font-weight: 300;
line-height: 19px;
margin-bottom: 5px;
}
label {
font-weight: 500;
}
.page-panel {
box-shadow: 0px -3px 50px 0px rgba(0, 0, 0, 0.08)!important;
-webkit-box-shadow: 0px -3px 50px 0px rgba(0, 0, 0, 0.08)!important;
width: 60%;
height: 10%;
}

.footer-right-text a {
/* max-width: 40px; */
}

#profileTable .table {
font-size: 16px;
}

tr#dateFormatField,
tr#passwordField {
border-bottom: transparent;
}

#profileTable .panel-body .edit-profile-details:focus {
outline: transparent;
}
/* cyrillic-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUtiYySUhiCXABTV.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUJiYySUhiCXABTV.woff) format('woff');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUliYySUhiCXABTV.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUhiYySUhiCXABTV.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(s/oswald/v29/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUZiYySUhiCXAA.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
/* font-family: primetime; */
src: url('https://www.mcgillfinancespersonnelles.com/fonts/PRIMETIME-Light.ttf') format("truetype"), url('https://www.mcgillfinancespersonnelles.com/fonts/PRIMETIME-Light.eot') format("embedded-opentype");
}

/* latin-ext */
@font-face {
font-family: 'Archivo Black';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'), url(s/archivoblack/v9/HTxqL289NzCGg4MzN6KJ7eW6CYKF_jzx13HOvQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Archivo Black';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'), url(s/archivoblack/v9/HTxqL289NzCGg4MzN6KJ7eW6CYyF_jzx13E.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.registration-headline {
text-transform: uppercase;
}

#mailingSuccess {
color: green;
display: none;
}

#register p {
margin-left: 9px;
}

.primetime {
font-family: primetime;
}

.oswald {
font-family: 'Oswald', sans-serif;
}

.archivo {
font-family: 'Archivo Black', sans-serif;
}

.panel-body a:focus {
outline: 1px red solid;
}
.panel-body{
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}

.skip {
display: none;
}

#skip,
div.skip {
display: block;
pointer-events: none;
background-color: transparent !important;
padding: 5px;
left: 45%;
margin-left: 10%;
top: 5px;
opacity: 0;
color: black !important;
position: absolute !important;
}

#skip:focus,
div.skip:focus {
font-size: 10px !important;
left: 45% !important;
top: 5px !important;
position: absolute !important;
color: black !important;
background-color: transparent !important;
outline: 1px solid #0051A5 !important;
opacity: 1;
}

#confetti {
left: 0;
width: 100%;
object-fit: cover;
overflow: hidden;
z-index:  -99;
position: absolute;
bottom: 10vh;
}

img.confetti-certificate {
width: 25%;
border: #F3F7F8;
border-style: solid;
border-width: 17px;
}
iframe{
  overflow: scroll!important;
  height: 90%!important;
}
iframe[title="Module 8: Behavioural Finance"]{
  height: 94%!important;
}

.user-infos .stick-left-nav {
display: none;
}

.user-infos {
display: flex;
flex-direction: column;
}

/* #showPassword label:after {
content: " / Montrer le mot de passe";
} */

.user-infos .col-sm-8 {
width: 100%;
}

/* UNDER CONSTRUCTION */
#underConstructBorder {
border: 2px solid #EA1026;
width: fit-content;
padding: 7px 10px 7px 10px;
margin-top: 15px;
}

#underConstruction {
font-size: 2.0rem !important;
text-align: center;
vertical-align: middle;
display: inline;
}


body {
font-family: 'LibreFranklin', sans-serif;
}

#badgesWrapper,
#pointsWrapper,
#leaderboardWrapper,
#externalLearningWrapper {
display: none !important;
}

#forgotPasswordContainer.login-box > .login-form >form > .login-field> #Username{
display: none;
}

/*.first-focus.form-control.input-lg::placeholder {
color: pink;
content: "E-mail";
} */

/*.first-focus.form-control.input-lg::-webkit-input-placeholder { Chrome/Opera/Safari
color: pink;
content: "E-mail";
}

.first-focus.form-control.input-lg::-moz-placeholder { Firefox 19+
color: pink;
content: "E-mail";
}

.first-focus.form-control.input-lg:-ms-input-placeholder::before { IE 10+
color: pink;
content: "E-mail";
}
.first-focus.form-control.input-lg:-moz-placeholder::before { Firefox 18-
color: pink;
content: "E-mail";
}
*/

#profileTable {
width: 70%;
margin-right: 300px;
margin-left: 300px;
}

#passwordField td a:after {
 content: " / Modifier le mot de passe";
}

#emailField > td:last-child
{
  color: purple;
}

.login-box .info {
display: flex;
flex-direction: column;
font-size: 1.5rem !important;
}

.login-box .info:before {
white-space: pre-wrap;
content: "Nous vous avons envoyé un courriel contenant un lien vous permettant de réinitialiser votre mot de passe. Lorsque vous cliquerez sur le lien, on vous demandera d’entrer un nouveau mot de passe.\A\A\A";
}

.login-box .info a:before {
white-space: pre-wrap;
content: "Revenir à la page d’ouverture de session / ";
}

.login-box .info a {
color: #EA1026;
margin-top: 3rem;
font-weight: bold;
text-decoration: underline;
}

.login-box .info a:hover {
color: #707070;
}

.fa-pencil:after {
content: " Edit / Modifier"
}

#admin-nav .navbar-header {
display: none;
}

.login-box h1 {
/* display: none; */
}

.forgot-password a {
color: #002888 !important;
line-height: 0 !important;
}

.forgot-password a:focus {
outline: 2px solid rgba(145, 41, 39, 1);
}

#learnerDashboardContent,
#achievements-secondnav,
.achievementsTabs,
#achievementsWrapper,
.login-welcome .info {
display: none;
}

.login-welcome {
padding-bottom: 16px;
}

.login-welcome h1 {
display: none;
}

.login-welcome h2{
display: none;
}

#forgotPasswordContainer {
width: 75%;
margin-left: 12.5% ;
}

#learner-top-nav {
display: none;
}

/* .login-box .errorMessages li:after {
white-space: pre-wrap;
content: "\AVeuillez remplir le champ du nom de l'utilisateur.";
}

.login-forgot a:after {
content: " / ou Retour à la page de connexion"
} */

#forgotPasswordContainer .login-welcome:after {
  /* margin-bottom: ; */
  white-space: pre-line;
  font-size: 2rem;
  content: 'Forgot password?/ Mot de passe oublié?\A\A\AIf you have provided a valid email address, you will be sent a link to reset your password. If you do not receive a password reset email, please contact us at help@mcgillpersonalfinance.com./\ASi vous avez fourni une adresse courriel valide, vous recevrez un lien vous permettant de réinitialiser votre mot de passe. Si vous ne recevez pas de courriel pour réinitialiser votre mot de passe, écrivez-nous à l’adresse aide@mcgillfinancespersonnelles.com.\A\A\A Email/ Courriel:';
}

footer {
margin: 0;
padding: 32px 32px 32px 48px;
color: white;
background: #252525;
align-items: center;
display:flex;
flex-direction:row;
font-weight: bold;
justify-content: space-between;
}

#helpMenu {
white-space: nowrap;
}

.header-title,
.dropdown-item,
.dropdown-toggle,
.header-link {
color: rgba(145, 41, 39, 1);
}

.header-link,
footer a {
text-align: center;
font-size: 1.5rem;
width: auto;
margin-right: 32px;
}
.header-link-container a:focus-visible,
.bottom-header-link-container a:focus-visible, 
footer a:focus-visible {
outline: 2px solid #EA9940;
outline-offset: 2px;
}

footer a {
color: white;
font-size: 1.4rem;
margin-right: 20px;
}

footer a:last-child {
margin-right: 0;
}

.user-infos .col-sm-8 fieldset:last-child {
display: none;
}

#resetTips {
display: none;
}

div#register, div#login {
flex-direction: column !important;
}

.logoBg {
background-color: white;
}

.tab-content {
/* padding: 0 32px; */
height: 100%;
}

html {
font-size: 10px !important;
scroll-behavior: smooth;
}

/* .text-half .btn-primary,
.extra-buttons .btn-primary, */
h1,
.m-nav-btn,
.btn-default,
.moduleBtn,
#continue,
.btn-primary,
.power-text {
font-family: 'LibreFranklin', sans-serif;
}

h2,
h3,
h5 {
/* font-family: Georgia, sans-serif;  */
font-family: 'LibreFranklin', sans-serif;
font-style: normal;
font-weight: 600;
line-height: normal;
}

h1,
h3 {
/* color: #006AC3 !important; */
}

h1 {
text-transform: none !important;
margin-bottom: 8px;
}

h4 {
padding: 0 32px;
font-size: 1.5rem;
color: black;
margin: 4px 0;
}

a#module_Exit {
display: none;
right: 0;
position: absolute;
margin-right: 16px;
}

.grey-background {
padding: 0 8px;
background: #F0F0F0;
}

#sign-out-link {
padding: 16px 32px;
}

.container {
margin: 0;
padding: 0;
max-width: 100% !important;
}

.breadcrumb {
display: none;
}

.navbar-brand {
display: none;
}

#lpc-tiles-space {
/* padding: 12px 40px 0 40px; */
margin-bottom: 16px;
}

#nav_library {
display: none;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
position: fixed;
top: 0;
width: 100%;
}

#learner-nav {
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}

#l-slide-menu,
.l-frame.l-slide-push > nav#learner-nav {
display: none;
}

#titlebar-self-signup {
display: none;
}

small.visible-xs-inline-block {
display: none !important;
}

#banner {
height: 100vh;
width: 100vw;
}

#dashboardNav {
display: none;
}

.line_box {
height: 50px;
}

.progress {
height: 100%;
border-radius: 8px;
}

.small-course-image {
width: 800px !important;
height: 250px !important;
}

.small-course-image img {
max-width: 800px !important;
max-height: 250px !important;
width: 800px !important;
height: 250px !important;
}

#module_Next {
display: none;
}

#module_Feedback {
display: none;
}

#menu-toggle {
display: none;
}

/* 
.top-bar {
transition: top 0.3s; /* Transition effect when sliding down (and up) */
/* padding: 0 32px;
} */ 

.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}

.dropdown-menu {
flex-direction: column;
}

.open > .dropdown-menu {
display: flex;
}

.dropdown-item {
margin: 0 12px;
padding: 4px 0;
}

.divider {
height: 48px;
margin-left: 16px;
margin-right: 16px;
width: 2px;
background-color: black;
}

#coursePlayerWrapper .container-fluid {
background-color: white;
width: 100%;
margin: 0;
padding-right: 0 !important;
}

/* .logo {
width: 100%;
} */

/* .top-bar {
padding: 0 8px;
height: 72px;
} */

#sign-in-link {
padding: 16px 32px;
}

.header-link-container {
height: 100%;
display: flex;
align-self: flex-end;
justify-content: flex-end;
align-items: center;
justify-self: center;
margin-right: 100px;
color: rgba(145, 41, 39, 1);
padding-bottom: 10px;
}

.header-link-container .selected {
color: #EA1026;
}

.header-link {
width: auto;
cursor: pointer;
align-self: center;
}

.footer-left {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
}

/* 
.navbar-header,
.top-bar {
align-items: center;
position: relative;
top: 0;
display: flex;
flex-direction: row;
background-color: white;
height: 82px;
width: 100%;
vertical-align: center;
} */

.registration {
padding-top: 16px;
}

.registration .nav-tabs>li.active {
background-color: #EA1026 !important;
}

.regisration-tabs {
border: 3px solid #EA1026 !important;
}

.registration .nav-tabs>li.active>a {
background-color: #EA1026 !important;
border: 3px solid #EA1026 !important;
}

.navbar-header,
.top-bar {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: white;
min-height: 82px;
width: 100%;
margin: 0 !important;
}

.top-bar {
padding: 0 24px;
}

.top-bar a:focus {
outline: transparent;
}

.top-bar .header-link-container a:focus {
  color:rgba(145, 41, 39, 1);
}

.top-bar .header-link-container a:focus-visible {
  color:rgba(145, 41, 39, 1);
  outline: 2px solid #0051A5;
  outline-offset: 2px;
}

.logo {
/* padding: 8px 0;
width: 600px; */
max-height: 100%;
vertical-align: middle;
background-repeat: no-repeat;
}

#container-logos {
position: absolute;
right: 0;
max-height: 100%;
}

.tab-content > .active {
height: auto;
justify-content: center;
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: -16px;
padding-left: 268px;
padding-right: 268px;
padding-bottom: 10%;
}

.congrats-div{
  margin-left: 268px;
  margin-right: 268px;
}

#courses > .panel.panel-default {
/* width: 20%; */
/* background-color:transparent;
box-sizing: border-box;
padding: 16px 8px 0 8px;
min-height: 30vh;
display: block;
width: 1187px; */
/* height: 535px; */
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 53px;
}

#courses > .panel {
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
}

.l-lp-course {
cursor: default !important;
height: 100%;
width: 100%;
display: block;
flex-direction: row;
border-bottom: 0px;
background: white;
}

.v_top {
display: block;
width: 100%;
}

#footerPolicy,
.l-lp-course-heading {
display: none;
}

.lp_course_donut {
display: none;
}

.tip-content {
display: none;
}

.info-icon-module.tip {
display: none;
}

p.mt-2 {
display: none;
}

.table_cell.v_top > .lp_donut {
display: none;
}

#courseadditionalref {
display: none;
}

#coursescouse {
display: none;
}

#page-content-wrapper {
margin-bottom: 0 !important;
height: auto !important;
}

#page-content-wrapper,
.bg-dark {
background-color: white;
color: black;
}

.modal-content {
padding: 8px 16px;
top: 170px;
}

.button-group {
display: flex;
justify-content: center;
}

.modal button {
/* margin-right: 16px; */
}

#main-logo:focus,
#main-logo-link:focus,
#mobile-logo:focus {
  outline: 2px solid #0051A5;
  outline-offset: 2px;
}

#page-content-wrapper a,
.bg-dark a {
color: black;
}

i.fa.fa-chevron-right {
display: none;
}

.panel-collapse > .panel > table.table.l-module-table {
display: none;
}

.table_row {
display: block;
width: 100%;
}


i.fa.fa-chevron-down {
display: none;
}

#content-frame,
#goodbye-iframe,
#mif-comp-1003 {
width: 1px !important;
min-width: 100% !important;
min-height: 100% !important;
}

#goodbye-iframe{
overflow: visible!important;
}


iframe#content-frame {
height: 100%;
overflow: auto;
}

#ext-gen1 {
position: fixed;
overflow: hidden;
}

.half-height {
/* position: relative;
height: 50%;
width: 100%; */
}

.course-bottom {
display: flex;
flex-direction: column;
text-align: center;
color: black;
/* margin-top: -50px;
margin-right: 50px; */
background-color: white;
align-items: flex-end;
padding-bottom: 20px;
margin-right: 8px;
}

.course-img {
/* width: 230px;
height: 200px; */
border-radius: 8px;
background-position: center 20%;
}

.moduleBtnBox {
display: none;
}

.course-description {
font-size: 0.8rem;
margin-bottom: 8px;
width: 100%;
overflow: auto;
}

#course-description p {
margin-top: 5px;
}

#course-description b {
color: #006AC3;
font-size: 2.5rem;
}

#course-description p,
#course-description {
color: black;
line-height: 2.3rem !important;
font-size: 1.8rem !important;
margin-bottom: 15px;
}

.moduleBtn {
font-size: 1.4rem !important;
margin-right: 16px;
margin-bottom: 16px;
}

#continue,
.moduleBtn,
.btn-default,
.m-nav-btn {
text-align: center;
display: inline-block;
/* font-size: 2rem !important; */
/* letter-spacing: 2px !important; */
white-space: nowrap ;
font-weight: 600 ;
/* letter-spacing: 2px !important; */
background: #EA1026;
/* text-transform: uppercase !important; */
color: white ;
padding: 6px 24px;
box-shadow: 0 0 0 0 white;
-webkit-box-shadow: 0 0 0 0 white;
border: 1px solid #EA1026 ;
border-radius: 4px ;
/* display: flex; */
align-items: center;
justify-content: center;
}

input.btn.btn-primary.moduleCtnBtn {
margin-right: 18px;
display: inline !important;
margin-bottom: 15px;
font-size: 1.5rem;
width: 174px;
border-radius: 5px;
box-shadow: none;

}

input.btn.btn-primary.moduleCtnBtn:hover {
cursor: pointer;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
outline: none;
border: 1px solid transparent;
border-color: transparent !important;
color: white;
background-color: #EA1026 !important;
background: #EA1026 !important;
}

input.btn.btn-primary.moduleCtnBtn + a{
color: #912927;
border-radius: 5px;
border: 1px solid #912927;
background: #FFF;
}
input.btn.btn-primary.moduleCtnBtn + a + a{
color: #912927;
text-decoration: underline;
background: transparent;
border: 1px solid transparent;
}

img.module-star {
margin-top: 6%;
}
.fs-module-media > .page-panel {
width: 901px!important;
height: 410px;
border-radius: 10px;
margin-left: auto;
margin-right: 15%;
}
.fs-module-media >.page-panel .body{
padding-top: 50px;
}

h1:focus,
.moduleBtn:focus,
/* .button-link:focus, */
.btn-primary:focus-visible,
.btn-default:focus-visible {
outline: 2px solid #0051A5;
outline-offset: 2px;
}
blue-btn-primary:focus{
outline: transparent;
}

.btn-default:hover,
.btn-default:active,
.btn-default:hover:active,
a.m-nav-item:hover .m-nav-btn,
.m-nav-btn:hover,
.btn-primary:hover,
a.m-nav-item:active .m-nav-btn,
.m-nav-btn:active,
.btn-primary:hover:active {
cursor: pointer;
/* box-shadow: 0 0 0 0 white;
-webkit-box-shadow: 0 0 0 0 white;
outline: none; */
/* border: 1px solid white;
border-color: white !important;
color: white;
background-color: #EA1026 !important;
background: #EA1026 !important; */
}

a.m-nav-item:focus .m-nav-btn,
a.m-nav-item:focus-within .m-nav-btn {
outline: 2px solid #EA1026;
outline-offset: 2px;
}


a:hover,
a:focus,
a:active {
outline: none;
border: 0;
color: #EA9940;
text-decoration: underline;
}
.return-home-text:focus{
  color: #252525;
}
.return-home-text:focus-visible {
  outline: 2px solid #0051A5;
  outline-offset: 2px;
}
#lang-changer:hover{
  color:rgba(145, 41, 39, 1);
}

.a-btn-start {
width: auto;
}

.btn-start {
/* min-width: 50%; */
}

.course-progress {
width: 100%;
height: 8px;
}

progress[value] {
/* Reset the default appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

color: #EA1026;
}

progress[value]::-webkit-progress-bar {
background-color: #C6C6C6;
}

progress[value]::-webkit-progress-value {
background-color: #EA1026;
}
progress[value]::-moz-progress-bar {
background-color: #EA1026;
}


.btn-disabled:hover,
.btn-disabled:active,
.btn-disabled:focus,
.btn-disabled:focus:active,
.btn-disabled {
/* min-width: 50%; */
cursor: default;
color: #C6C6C6  !important;
border-color: #E2E0E0 !important; 
background-color: #E2E0E0 !important;
border: 1px solid #E2E0E0;
width: 230px;
height: 44px;
padding: 12px 24px;
border-radius: 8px;
color: white!important;
pointer-events: none;
}


#load-blocker {
position: absolute;
width: 100vw;
height: 90vh;
bottom: 0;
right: 0;
left: 0;
background-color: white;
}

.spinner {
position: absolute;
border: 2px solid #707070;
border-top: 2px solid #C6C6C6;
border-radius: 50%;
width: 32px;
height: 32px;
animation: spin 1s linear infinite;
top: 50%;
right: 50%;
margin-right: -16px;
margin-top: -16px; /* This should be half of height */
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.module-label {
color: #000;
font-size: 24px;
font-family: LibreFranklin, sans-serif!important;
font-style: normal;
font-weight: 600;
line-height: normal;

}

h1#moduleName {
display: none;
}

.course-title.module-title.table_row {
width: 100% !important;
}

#badge-img {
margin-top: 96px;
height: 400px;
}

#badge-container {
justify-content: center;
position: relative;
flex-direction: column;
display: flex;
align-items: center;
}

#badge-link {
text-align: center;
align-items: center;
display: flex;
flex-direction: column;
}

input.btn.btn-default.moduleCtnBtn {
display: none;
}



/* HIDING PROFILE PAGE FIELDS */
#managerField,
#companyField,
#titleField,
#websiteField,
#workPhoneField,
#mobilePhoneField,
#skypeField,
#twitterField,
#addressField,
#cityField,
#stateField,
#postalCodeField,
#countryField,
#contactInformation,
#addressInformation,
#addressInformation + .panel,
#contactInformation + .panel,
#uploadProfilePic,
#userCustomFieldsInformation,
#userCustomFieldsInformation + .panel,
#additionalInformation,
#additionalInformation + .panel,
#basicInformation + .panel
{
display: none;
}

#profileTable .panel:first-child {
display: none;
}

#emailField td {
display: none;
}

#BasicInfo div {
display: block;
}

#emailField {
margin-top: 16px;
}

#BasicInfo #emailField {
display: flex !important;
}

#localizationInformation:after {
content: " / Localisation";
}
h2#localizationInformation {
display: none;
}

#editLocalizationsModal .modal-header,
#editBasicInfoModal .modal-header,
#editAdvancedCustomFieldsModal .modal-header,
#editPersonalInfoModal .modal-header {
display: block;
text-align: center;
color: var(--text-foregrounds-text-2, #252525);
font-size: 16px;
font-style: normal;
font-weight: 600;
}
.modal-body >input{
stroke-width: 1px;
stroke: #C4C8CC;
}

input[type=text]{
font-family: 'LibreFranklin', sans-serif;
height: auto;
color: #252525;
font-size: 16px;
font-style: normal;
font-weight: 300;
height: 51px;
}
input[type="checkbox"], input[type="radio"], input[type="range"] {
accent-color: transparent;
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), (max-width: 767px){
  table.mobile-table tbody tr td:last-child {
      padding-bottom: 5px;
  }
}
#personalInformation {
visibility: hidden;
text-align: center;
}

#personalInformation:after {
visibility: visible;
content: "Profile / Profil";
margin-left: -9em;
font-size: 20px;
}

#basicInformation {
visibility: hidden;
}

#contactInformation {
visibility: block;
}

/* 
#InnerErrors li:first-child:after {
content: " / Entrer une valeur valide pour le prénom."
}

#InnerErrors li:nth-child(2):after {
content: " / Entrer une valeur valide pour le nom."
}

#InnerErrors li:last-child:after {
content: " / Entrer une valeur valide pour le nom d’utilisateur."
} */

#Person_Culture option {
display: none;
}

#Person_Culture option[value="fr-CA"],
#Person_Culture option[value="en-US"],
#Person_Culture option[value="en-CA"] {
display: block;
}

#emailField {
display: flex;
flex-direction: column;
}

#emailField::before {
font-size: 3rem;
color: #006AC3;
white-space: pre-line;
content: "Unsubscribe from emails here\ASe désabonner des courriels";
}

/** ACHIEVEMENTS PAGE */

/* root element */
.sheen.btn-primary {
/* -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%); */
/* width: 600px;
height: 50px; */
position: relative;
display: flex;
align-items: center;
justify-content: center;
/* margin-left: 600px; */
/* font-size: 1.5rem !important; */
}
/* shine */
.sheen:after {
top: 0;
content:'';
-webkit-transform:translateX(100%);
        transform:translateX(100%);
/* width:600px;
height:50px; */
position: absolute;
z-index:1;
-webkit-animation: slide 3s infinite;
        animation: slide 3s infinite;
 
/* 
CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
*/ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: linear-gradient(0.2turn, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@-webkit-keyframes slide {
0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);}
50% {-webkit-transform:translateX(100%);transform:translateX(100%);}
}

@keyframes slide {
0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);}
50% {-webkit-transform:translateX(100%);transform:translateX(100%);}
}

#important-section {
  border-radius: 4px;
  border: 1px solid #C6C7C9;
  background: #FFF;
  display: flex;
  padding: 8px 20px;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 787px;
  }
  
  .warning-image {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 5px;
  }
  
  .important-text {
    color: #252525;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'LibreFranklin', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
  }
  
  .important-strong{
    font-weight: 600;
    line-height: 30px;
    font-size: 16px;
  }
  
#congrats-text {
text-align: center;
margin-bottom: 1%;
}

#congrats-container {
width: 1px;
min-width: 100%;
max-width: 100vw;
align-items: center;
/* padding: 20vh 0 15vh 0; */
/* justify-content: space-between; */
display: flex;
flex-direction: column;
/*margin-bottom: 8%; */
/* margin-top: -22%; */
justify-content: unset;
height: 60%;
}
.sheen-wrapper {
height: 50px;
margin-bottom: 8px;
position: relative;
}

.congrats-header {
/* font-size: 4rem; */
margin-bottom: 12px;
color: #252525;
text-align: center;
font-family: 'LibreFranklin', sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.congrats-sub {
text-align: center;
margin: 8px 0;
margin-bottom: 40px;
color: #252525;
font-family: 'LibreFranklin', sans-serif;
font-size: 25px;
font-weight: 400;
}
.linkedInButton,
.extra-buttons .btn-primary {
display: flex;
align-items: center;
justify-content: center;
/* font-size: 1.1rem !important;
letter-spacing: 3px !important; */
}

.extra-buttons {
height: 45px;
width: 600px;
margin-top: 16px;
display: flex;
justify-content: center;
align-items: center;
}

.extra-buttons a {
height: 113%;
width: 50%;
}

#linkedin-logo{
  padding-right: 1rem;
}
.thirdCertButton{
  margin-top: 16px;
  padding: 10px;
  text-decoration: none !important;
  color: #912927 !important;
  border: 1px solid #912927 !important;
}
.linkedInButton {
border-radius: 5px;
border: 1px solid #912927;
background: white;
color: #912927;
height: 100%;
width: 100%;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 16px;
}
/* .extra-buttons a:last-child {
margin-left: 8px;
} */

.extra-buttons a:first-child {
margin-right: 16px;
}
.linkedInButton,
.extra-buttons .btn-primary {
height: 100%;
width: 100%;
border-radius: 5px;

}

.page-bottom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 600px;
bottom: 32px;
/*margin-top: 11.5%;*/
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}

/** ACHIEVEMENTS "ERROR" */

.text-half,
.cert-half {
display: flex;
align-items: center;
justify-content: center;
padding: 48px;
height: 50%;
width: 100%;
flex-direction: column;
}

.cert-half {
background-color: white;
}

.text-half {
background-color: #E7EEF1;
}

.text-half .btn-primary {
font-size: 1.2rem;
}

.modal-body select:focus {
outline: 2px solid #EA1026;
}

.text-half h3 {
width: 100%;
font-weight: 100;
text-align: center;
letter-spacing: 2px;
font-size: 4rem;  
font-family: 'Arial' !important;
}

#congrats-error-container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}

#cert-img {
-webkit-box-shadow: -2px 10px 24px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -2px 10px 24px 0px rgba(0,0,0,0.1);
box-shadow: -2px 10px 24px 0px rgba(0,0,0,0.1);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url('https://learn.mcgillpersonalfinance.com/resources/MPFE-Certificate.jpg');
width: 100%;
height: 50vh;
}

body {
background-color: white;
}

@media only screen and (max-width: 1400px) {
  #resourcesMenu { 
    white-space: normal;
  }
  /* .course-bottom {
    display: inline-block;
    margin-top: 20px;
  } */
  .tab-content > .active {
    padding-left: 150px;
    padding-right: 150px;
  }
  .congrats-div{
    margin-left: 150px;
    margin-right: 150px;
  }
  .LMS-homepage-title {
    padding-left: 150px;
  }
  .welcome-text {
    padding-left: 150px;
  }
}
@media only screen and (max-width: 1174px) {
  .tab-content > .active {
    padding-left: 100px;
    padding-right: 100px;
  }
  .LMS-homepage-title {
    padding-left: 100px;
  }
  .welcome-text {
    padding-left: 100px;
  }
  .bottom-header-link-container {
    padding-left: 100px;
    margin-right: -10px;
  }
  

}

@media only screen and (min-width: 320px) {
  .logo {
    height: 1.5rem;
  }
}

@media only screen and (min-width: 400px) {
  .logo {
    height: 2.3rem;
  }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 630px) {

  .bonus-module-information-container {
    margin-bottom: 20px;
  }

  #linkedInShareButton:active,
  .linkedInButton:active{
    border: 3px solid #912927 !important;
    background: #F4E9E9;
    color: #912927;
    text-decoration: none;
    /* box-shadow: none; */
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
  }

  /* .linkedInButton:hover{
    color: #912927;
    border: 1px solid #912927;
  } */

  .important-text {
    font-size: 12px;
  }

  .important-strong{
    font-size: 16px;
  }

  #important-section {
    text-align: center;
    width: 85vw;
    margin-bottom: 20px;
  }
  .warning-image {
    margin-bottom: 10px;
  }

#return-home {
  position: absolute;
  z-index: 10;
  margin-right: 0rem;
  margin-left: 1rem;
  margin-top: 3rem;
}
.top-bar {
  padding: 0px 13px;
}
.bottom-header-link-container {
  padding: 13px 8px;
  white-space: nowrap;
  overflow-x: scroll;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.bottom-header-link {
  padding-left: 11px;
  font-size: 13px;
  margin: auto;
  overflow: visible;
}
a#login-header {
  padding: 3px 8px;
  font-weight: 700;
}

.header-link {
  line-height: 1.8rem;
  font-size: 1rem;
}

.header-link-container {
  margin-right: 0px;
}

.login-box {
  height: 625px;
  width: 100%;
}
.login-box {
  box-shadow: none;
  border: none;
}
a#register-new{
  display: flex;
  width: 49%;
  text-align: right;
}
.copyright-text{
  text-align: left;
}

.login-button {
  margin-bottom: 2rem;
}
.login-zone {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: white;
}
.login-failed::after {
  margin-top: 6%;
  padding: 0px 23px 0px 23px;
}

.share-text {
  margin: 1rem;
  margin-left: 0rem;
  font-size: 1.5rem;
}
a.footer-right {
  padding-top: 1rem;
  margin-top: 1rem;
  font-size: 1.2rem;
}

.footer-right {
  padding-right: 0rem;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-top: 1rem;
  width: 100%;
}
.to-top-div {
  align-self: center;
  padding-top: 10px;
  border: transparent;
  margin-left: 0;
}
.footer-left {
  display: block;
}
footer {
  align-items: flex-start;
  width: 100%;
}
.login-form a {
  font-size: 15px;
}
.return-home-text {
  font-size: 1.4rem;
}
.tab-content > .active{
  padding-left: 5%;
  padding-right: 5%;
  display: block;
}
.status-text{
  display: none;
}

#mobile-logo-link {
  width: auto !important;
}


.jumbotron .nav-tabs .active:after{
  display: none;
}
.jumbotron-top {
  background-image: url(images/Mobile_banner_LMS.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 120px;
} 
.module-expand{
  flex-direction: column;
  margin-top: 20px;
}
.x{
  font-size: 17px;
  font-weight: 400;
  width: 75%;
}
.course-img {
  margin-bottom: 20px;
  width: 100%;
}
#module-description-div{
  margin-left: 0px;
  width: 100%;
}
.button-link.a-btn-start,
.btn-disabled,
.red-button-link.red-a-btn-start{
  width: 100%;
  /*margin-top: 10%;*/
}
.LMS-homepage-title{
  padding-left: 4%;
  padding-top: 7%;
  font-weight: 500;
  font-size: 27px;
  padding-right: 29%;
}
.congrats-div{
  margin: auto 5%;
  flex-direction: column;
  margin-top: 20px;
}
h2.congrats-title {
  font-size: 21px;
  font-weight: 400;
  margin-top: 20px;
}
p.congrats-message {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.congrats-image {
  width: 189px;
  height: auto;
  align-self: center;
  padding: unset;
}


.panel-default {
  margin-left: 0;
  margin-right: 0;
} 
#profileTable .panel-default {
  margin-left: 4px;
  margin-right: 4px;
}
#profileTable {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
/* password reset */

#forgotPasswordContainer > .login-box {
  width: 100%;
  height: 81%;
  padding: 10px;
  padding-bottom: 75px;
  margin-top: 25%;
}

#forgotPasswordContainer .login-welcome:after {
  font-size: 1.75rem;
}

#forgotPasswordContainer .login-welcome:after {
  font-size: 1.75rem;
}

#forgotPasswordContainer{
  width: auto;
  margin-left: auto;
}
#forgotPasswordContainer > .login-box > .login-form > form > .login-button > #continue{
  /* margin-top: 10%; */
  width: 100%;
}
#forgotPasswordContainer > .login-box > .login-form > form > .login-button {
  width: 100%;
  margin-bottom: 40px;
  margin-top: 20px;
}
#forgotPasswordContainer > .login-box > .login-form > form > .login-forgot, #forgotPasswordContainer > .login-box > .login-form > form > .login-forgot a {
  margin-top: 23px;
}


/* profile page */
button#editpersonalinfo_close,
button#editaddress_close{
  width: 100px;
  font-size: small;
  margin-left: auto;
}
button#editpersonalinfo_submit,
button#editaddress_submit{
  width: 100px;
  font-size: small;
  margin-left: auto;
}
.modal-body{
  padding: 0px;
}
/*header cut off fix*/
#mif-comp-1002{
    margin-top: 3rem;
}

img.to-top {
  border-left: transparent;
  padding: 10%;
}
.footer-right-text {
  display: flex;
  flex-direction: column;
}
.footer-pages {
  display: flex;
  flex-direction: column;
}
#learning-path-header,
.welcome-h2 {
  font-family: 'LibreFranklin', sans-serif;
  font-size: 21px!important;
  font-weight: 400;
}
.jumbotron p{
  font-size: 16px;
}
.welcome-text {
  padding-left: 5%;
  padding-right: 117px;
}
.congrats-header {
  margin-top: 0;
} 

ul.nav.nav-tabs.regisration-tabs a.center{
  white-space: nowrap;
}
.panel-body {
  box-shadow: none
}

.tab-content {
  /* padding: 0 8px; */
}

/* confetti mobile */


#congrats-container {
  width: 100vw;
  height: 100%;
  max-width: 100%;
}
.extra-buttons {
  width: 100vw;
}
.extra-buttons a:first-child {
  width: 300px;
}
.thirdCertButton,
#linkedInShare {
  width: 300px;
}
.thirdCertButton{
  padding: 8px;
  margin-top: 2px !important;
}
footer {
  padding: 8px 16px;
  flex-direction: column;
  /* position: fixed;
  bottom: 0; */
}
img.confetti-certificate {
  width: 70%;
}
.confetti-return {
  text-align: left;
  margin-top: 0;
  margin-right: 0;
  padding-left: 10%;
  padding-top: 5%;
}
/* module review */
input.btn.btn-primary.moduleCtnBtn + a,
input.btn.btn-primary.moduleCtnBtn{
  width: 100%;
  padding: 16px 74px;
}
.fs-module-media > .page-panel {
  width: auto!important;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background: #FAFAFA;
}
.fs-module-media >.page-panel .body {
  padding-top: 110px;
  background: #FAFAFA;
}

.nav.nav-tabs.regisration-tabs {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.modal-footer button {
  margin-right: 0 !important;
  margin-top: 1rem !important;
}

#courses > .panel.panel-default {
  width: 100%;
}
.bg-overlay p {
  margin: 0;
}
footer {
  padding: 8px 16px;
  flex-direction: column;
  /* margin-top: 40px; */
}

#badge-img {
  height: auto;
  margin: 48px 8px 16px 8px;
  width: 100%;
}
/* .top-bar {
  display: none;
} */

.header-link{
  line-height: 1.8rem;
  font-size: 1rem;
}

.header-link,
footer a {
  margin-right: 16px;
  width: auto;
}

footer a {
  line-height: 3.3rem !important;
  font-size: 1.4rem !important;
  text-align: left !important;
}

.litmos-large-header {
  /* font-size: 2rem !important; */
}

footer {
  padding: 8px 16px !important;
  flex-direction: column !important;
}

#course-description b {
  font-size: 1.5rem !important;
  line-height: 0.5rem !important;
  width: 100%;
}

.v_top {
  text-align: center;
}

#course-description {
  font-size: 1.2rem !important;
  line-height: 1.5rem !important;
  align-items: center;
  display: flex;
  flex-direction: column;
}

#course-description p {
  margin-top: 0px !important;
}

#courses > .panel.panel-default {
  width: 100%;
}

.top-bar {
  /* justify-content: center;
  flex-direction: column !important;
  align-items: center !important;
  height: auto !important;
  padding: 8px !important; */
}

.header-link-container {
    height: auto;
    align-self: center !important;
}
.header-link-container {
    font-size: 1.5rem;
    padding-bottom: 0px;
}
.logo {
    /* width: 230px !important;
    padding: 8px 7px; */
}

#mobile-logo-link {
  display: block;
}
#mobile-logo {
    /* margin-bottom: -6px; */
    display: block;
}
#mobile-logo-link:focus-visible {
  outline: 2px solid #0051A5;
  outline-offset: 2px;
}
#main-logo-link,
#main-logo {
  display: none;
}
#sign-in-link {
  padding: 4px 8px;
}
.header-link:last-child {
  margin-right: 0;
}

.nav.nav-tabs.regisration-tabs{
  margin-left: 32px;
  margin-right: 32px;
  font-size: 16px;
}

p.registration-headline:lang(fr) {
  font-size: 1.95rem;
}

div.tab-pane.fade.active.in.registration-headline:lang(fr) {
  font-size: 1.97rem;
}

}

@media only screen and (min-width: 631px) and (max-width: 767px){
  .logo {
    height: 2.97rem;
  }

  img.to-top {
    /*height: 30px;*/
    padding-left: 12px;
  }

  .fr-footer-right-text a {
    margin-right: 15px !important;
  }

  #learning-path-header {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  img.to-top {
     width: calc(100% + 5%);
     height: calc(100% + 5%);
   }
 
 }
 
 @media only screen and (min-width: 1025px) and (max-width: 1280px){
 
   .fr-footer-pages #privacy-foot {
     display: inline-flex;
     width: 34%;
   }
 
   .fr-footer-pages #legal-foot {
     display: inline-flex;
     width: 15%;
   }
   
   .footer-right-text {
     font-size: 1.2rem;
     text-align: right;
     }
     a.footer-right {
       margin-right: 10px;
     }
   .footer-left {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: center;
     gap: 15px;
     width: 432px;
   }
   .footer-right {
     padding-right: 11px;
     text-align: right;
     word-break: break-all;
   }
   footer a {
     color: white;
     font-size: 1.2rem;
     margin-right: 15px;
   }
 }
 
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 630px) and (max-width: 1024px){

  .btn-login:hover {
    background: #912927 !important;
    border: #912927 !important;
  }
  .btn-login:active {
    border: #912927 !important;
    background: linear-gradient(0deg, #912927 0%, #912927 100%), #912927 !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset !important; 
  }

  .bonus-module-information-container {
    margin-bottom: 20px;
  }

  #important-section {
    width: 567px;
    margin-bottom: 20px;
    }

    .important-text {
      font-size: 12px;
    }

    .important-strong{
      font-size: 16px;
    }

  .congrats-div{
    margin: 20px 6% 45px 6%;
  }
.col-sm-8 {
  width: auto;
}
.header-link-container {
  margin-right: 0rem;
}
.bottom-header-link-container {
  padding-left: 0rem;
  white-space: nowrap;
  overflow-x: scroll;
  margin-right: -10px; 
  /* margin-left: 10px; */
}
#return-home {
  margin-right: 33rem;
  margin-left: 110px;
}
.login-box {
  box-shadow: none;
  border: none;
}
.login-zone {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: white;
}
.loginBg {
  background: white;
}
.share-text {
  margin-left: 0rem;
  font-size: inherit;
}
a.footer-right {
  margin-right: 20px;
}
.footer-left {
  display: block;
  width: -webkit-fill-available;
}
img.fr-icon-share {
  width: 33px;
}
.social-button {
  margin-right: 1.6rem;
}
.col-sm-offset-2 {
  margin-left: 10.666667%;
}
.footer-right {
  padding-right: 0rem;
  text-align: right;
  word-break: break-all;
  width: -webkit-fill-available;
}
.login-form.col-md-6 {
  padding-top: 22px;
}
#legal-foot {
  display: inline-block;
}
#learning-path-header,
.welcome-h2{
  font-size: 27px!important;
  font-weight: 500;
  font-family: 'LibreFranklin', sans-serif;
}
.jumbotron p{
  font-size: 20px;
}
.welcome-text {
  padding-left: 4%;
}
.LMS-homepage-title{
  padding-left: 4%;
  padding-right: 19%;
}
.jumbotron-top{
  height: 240px;
  background-image: url(images/Tablet_banner_LMS.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.x{
  font-weight: 400;
  font-size: 18px;
}
.course-bottom{
  align-items: flex-start;
  padding-top: 20px;
}
.learn-title, .prof-title, .module-title{
  font-size: 18px;
}

.course-img {
  width: 279.947px;
}
.module-status {
  min-width: 22%;
}
.module-expand {
  margin-top: 15px;
}

.tab-content > .active{
  display: block;
  padding-left: 6%;
  padding-right: 6%;
}

/* password reset */
#forgotPasswordContainer > .login-box {
  margin-top: 30%;
}
#forgotPasswordContainer > .login-box > .login-form > form > .login-forgot {
  margin-top: 20px;
}

/* profile page */
button#editpersonalinfo_close,
button#editaddress_close{
  width: 37%;
}
button#editpersonalinfo_submit,
button#editaddress_submit{
  width: 37%;
}


/* confetti page tablet */
img.confetti-certificate {
  width: 48%;
  border-width: 13px;
}

.extra-buttons {
  /*width: 450px*/
  margin-top: 4px;
}
.linkedInButton,
.extra-buttons .btn-primary {
  font-size: small;
}

/* confetti tablet */
#congrats-container {
  justify-content: unset;
  height: 60%;

}
footer {
  /* padding: 8px 36px; */
  width: 100%;
}

/*header cut off fix*/
#mif-comp-1002{
  margin-top: 7rem;
}
.footer-right-text {
  margin-left: 10px;
}
img.to-top {
  height: 50px;
  margin-top: 20px;
}
.footer-pages {
  display: flex;
  word-break: initial;
  float: right;
}
.footer-right-text {
  max-width: 412px;
}
.footer-right-text a {
  margin-right: 15px;
  font-size: 14px;
  text-align: center;
}
.fr-footer-right-text a {
  margin-right: 39px;
  font-size: 10px;
  text-align: center;
}
.copyright-text{
  /* margin-left: 15px; */
  font-size: 1.4rem;
  display: inline-block;
  width: max-content;
}
.fr-copyright-text {
  font-size: 11px;
}
.to-top-tablet-fr {
  margin-top: 40px;
}
.modal-footer {
  text-align: center;
}
  .form-group {
    display: flex;
    justify-content: center;
  }
  #profileTable {
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  #send-button {
    margin: 9px;
  }
  .panel-body {
    box-shadow: none
  }
  .fs-module-media {
    margin-top: 50%;
  }

  .confetti-return {
    padding-left: 32px;
    padding-top: 37px;
  }
  .fs-module-media > .page-panel {
    width: auto!important;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background: #FAFAFA;
    margin-top: -25%;
  }
  .fs-module-media >.page-panel .body {
    padding-top: 42px;
    background: #FAFAFA;
  }

  #courses > .panel.panel-default {
    /* width: 100%; */
  }
  .bg-overlay p {
    margin: 0;
  }
  footer {
    padding: 8px 36px;
  }

  .fr-share {
    padding-right: 50px;
  }

  .footer-left {
    margin-bottom: 16px;
  }
  #sign-in-link {
    padding: 4px 8px;
  }

  .header-link:last-child {
    margin-right: 0;
  }
  .top-bar {
    /* justify-content: center;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    padding: 8px !important; */
  }

  .header-link-container {
      height: auto;
      align-self: center !important;
  }
  .header-link-container {
      font-size: 1.5rem;
      padding-bottom: 0px;
  }
  .logo {
      /* width: 220px !important; */
  }
  #mobile-logo {
      margin-bottom: 8px;
      display: block;
      /* width: auto !important;
      height: 33px; */
  }
  #mobile-logo-link {
    display: block;
  }
  #mobile-logo-link:focus-visible {
    outline: 2px solid #0051A5;
    outline-offset: 2px;
  }

  #main-logo-link,
  #main-logo {
    display: none;
  }

  .registration-headline {
    margin-left: 9px;
  }

  .nav.nav-tabs.regisration-tabs {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media only screen and (min-width: 768px) {
/* Vernon - Edited the media only query to include proper styling for devices such as the iPad and iPad Pro */
  .logo {
    /* width: 34vw;
    padding: 4px 0; */
    vertical-align: middle;
    background-repeat: no-repeat;
    height: 2.8rem;
  }
  .logo:focus-visible,
  .logo:focus,
  .mobile-logo-link:focus-visible,
  #main-logo:focus, #mobile-logo:focus{
    outline: 2px solid #0051A5;
    outline-offset: 2px;
  }
  #mobile-logo-link:focus-visible {
    outline: 2px solid #0051A5;
    outline-offset: 2px;
  }
  #main-logo-link {
    display: none;
  }

  .jumbotron h1, .jumbotron .h1 {
    font-size: 37px;
  }

  .top-bar {
    padding: 13px 24px;
  }
  /* .bottom-header-link-container{
    padding-left: 24px;
  } */
  .fs-module-media > .page-panel {
    width: 629px!important;
    height: 364px;
    margin-left: inherit;
    margin-right: inherit;
  }

  .page-panel {
    /* width: auto !important; */
    margin-left: 10%;
    margin-right: 10%;
  }

  .litmos-large-header {
    /* font-size: 3.5rem !important; */
    margin-bottom: 18px;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
  }

  .header-link {
    width: auto;
    cursor: pointer;
    align-self: center;
    white-space: nowrap;
  }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3), (max-width: 767px) {
  .moduleCtnBtn, .moduleBtn {
      /* font-size: 1rem !important; */
  }
}

/* Banner image on course content */

/* small width mobile */
@media only screen and (max-width: 412px) {
  .jumbotron-top {
    height: 132px;
  }

}
/* small width mobile */
@media only screen and (max-width: 390px) {
  .jumbotron-top {
    height: 125px;
  }
}
/* small width mobile */
@media only screen and (max-width: 375px) {
  .jumbotron-top {
    height: 120px;
  }
}
/* small width mobile */
@media only screen and (max-width: 360px) {
  .jumbotron-top {
    height: 115px;
  }
}

/* french footer share text for smaller desktops */
@media only screen and (max-width: 1550px) and (min-width: 1273px){
  .fr-share {
    max-width: 214px;
    margin: 0rem;
    margin-right: 10px;
    font-size: 2rem;
    display: flex;
  }
}

@media only screen and (min-width: 721px) and (max-width: 770px) {
  .bonus-module-information-container {
    margin-bottom: 20px;
  }
  .linkedInButton {
    margin-top: -15px;
  }
  .congrats-sub {
    max-width: 100vw;
    white-space: pre-wrap;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .congrats-header {
    margin-top: 0;
    max-width: 100vw;
    font-size: 33px;
    font-weight: 600;
  }
  img.confetti-certificate {
    margin-top: 40px;
  }
  .thirdCertButton {
    width: 45vw;
    height: 51px;
    margin-top: 2px;
    padding: 4px !important;
  }
  .extra-buttons {
    max-width: unset;
    margin-top: 4px;
    margin-bottom: 60px;
    flex-direction: column;
    display: block;
    height: 51px;
    width: 45vw;
    /* padding: 0px 0px 8px 8px; */
  }
  
  .page-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .confetti-return {
    margin-bottom: 30px;
  }

  #linkedInShare {
    margin-top: 8px;
  }
  #linkedInShareButton:active{
    color: #912927;
    background: #F4E9E9;
    border: 3px solid #912927 !important;
    text-decoration: none;
  }
  .linkedInButton:active{
    color: #912927;
    background: #F4E9E9;
    border: 3px solid #912927 !important;
  }
}

/* @media only screen and  (min-width: 320px) {
  .linkedInButton:active {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  }
} */

@media only screen and (min-width: 771px) {
  .linkedInButton:active {
    color:#912927;
    background: #F4E9E9;
    border: 3px solid #912927 !important;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
  }
  
  #linkedInShareButton:active {
    color: #912927;
    background: #F4E9E9;
    border: 3px solid #912927 !important;
    text-decoration: none;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
  }
}

@media only screen and (max-width: 720px) {
/** ACHIEVEMENTS PAGE */
/* root element */
.sheen.btn-primary {
  /* padding: 0 !important; */
  /* width: 325px; */
  /* letter-spacing: 1px !important; */
  /* font-size: 1.8rem !important; */
}

.sheen.btn-primary:after {
  width: 325px;
}

.linkedInButton:active{
  color: #912927;
  background: #F4E9E9;
  border: 3px solid #912927 !important;
  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
}

#linkedInShareButton:active{
  color: #912927;
  background: #F4E9E9;
  border: 3px solid #912927 !important;
  text-decoration: none;
  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
}

.congrats-header {
  margin-top: 0;
  max-width: 100vw;
  font-size: 33px;
  /*margin-top: 10%; */
  font-weight: 600;
}
.confetti-return{
  left: 0;
  margin-bottom: 30px;
}
.congrats-sub {
  max-width: 100vw;
  white-space: pre-wrap;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 24px;
}

.extra-buttons {
  max-width: unset;
  margin-top: 30px;
  margin-bottom: 35px;
  flex-direction: column;
  /* width: 150%;     */
}

/* .extra-buttons a:last-child {
  margin-left: 4px;
} */
.extra-buttons a:first-child {
  margin-right: 0px;
}
.thirdCertButton {
  width: 300px;
  margin-top: 0px;
  padding: 4px !important;
  height: 48px;
}
.linkedInButton,
.extra-buttons .btn-primary {
  padding: 12px !important;
  /* letter-spacing: 1px !important; */
}

#linkedInShare {
  margin-top: 8px;
}

.page-bottom {
  /* display: flex; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

img.confetti-certificate {
  /*width: 285px;
  margin-bottom: 12%;*/
  margin-top: 40px;
  border-width: 14px;
}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.course-img {
  /* min-height: 15vw; */
}

.footer-pages {
  padding-top: 20px;
  text-align: right;
}
.eng-footer {
  padding-right: 16rem;
}
.eng-left-foot{
  margin-left: 6rem;
}

#congrats-error-container {
  flex-direction: row;
}
.course-bottom {
  align-items: flex-end;
}

.text-half,
.cert-half {
  width: 50%;
  height: 100vh;
}

footer {
  padding: 32px;
  flex-direction: row;
}
.footer-left {
  margin-bottom: 0;
  padding-right: inherit;
}

/* .logo {
  width: 47vw;
  padding: 4px 0;
  vertical-align: middle;
  background-repeat: no-repeat;
} */

.page-panel {
  /* width: auto !important; */
  /* margin-left: 22%; */
}

.litmos-large-header {
  /* font-size: 3.5rem !important; */
  margin-bottom: 18px;
  /* text-align: left; */
}

#courses > .panel.panel-default {
  width: 100%;
}

.header-link {
  width: auto;
  cursor: pointer;
  align-self: center;
  white-space: nowrap;
}


}

/* random iphone landscape continue button */
@media screen and (max-width: 767px) and (max-height: 375px){
    .moduleCtnBtn, .moduleBtn {
      display: inline-block!important;
      width: 160px!important;
    }
}

@media only screen and (max-width: 1260px) {
  #confetti {
    height: 100%;
  }
  .share-text {
    margin-left: 1rem;
  }
  
  /*.congrats-div{
    margin-left: 100px;
    margin-right: 100px;
  }*/
}

@media only screen and (min-width: 1024px) {
  .logo {
    height: 3.6rem;
  }

  .linkedInButton:hover{
    border-width: 3px;
    border-color: #912927;
    color: #912927;
    box-shadow: none;
  }
  
  #linkedInShareButton:hover{
    color: #912927;
    border: 3px solid #912927 !important;
    box-shadow: none;
    text-decoration: none;
    padding: 8px;
    margin-bottom: 0px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1260px) {

.fr-footer-pages #privacy-foot {
    display: inline-flex;
    width: 34%;
  }

  .footer-right {
    padding-right: 0px;
  }

.linkedInButton:hover{
  border-width: 3px;
  border-color: #912927;
  color: #912927;
  box-shadow: none;
  }

  #linkedInShareButton:hover{
  color: #912927;
  border: 3px solid #912927 !important;
  box-shadow: none;
  text-decoration: none;
  padding: 8px;
  margin-bottom: 0px;
  }

  .linkedInButton:active {
    color:#912927;
    background: #F4E9E9;
    border: 3px solid #912927 !important;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
  }
  
  #linkedInShareButton:active {
    color:#912927;
    background: #F4E9E9;
    border: 3px solid #912927 !important;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */
    text-decoration: none;
  }


.course-img {
  /* min-height: 20vh; */
}

.bg-overlay p {
  margin: 0 0 12.5px 0;
}

.congrats-header {
  /* font-size: 7rem; */
}

.congrats-sub {
  /* font-size: 5rem; */
}
.extra-buttons .btn-primary {
  /* font-size: 1.5rem !important; */
}
.sheen.btn-primary {
  /* font-size: 2.5rem !important; */
}
.text-half h3 {
  font-size: 8rem;
}
.text-half .btn-primary {
  font-size: 2.2rem;
  margin-top: 16px;
}

.logo {
  /* padding: 8px 0; */
  margin-left: 250px;
  /* width: 540px !important; */
  max-height: 100%;
  vertical-align: middle;
  background-repeat: no-repeat;
  height: 3.6rem;
}

#sign-in-link {
  padding: 16px 32px;
}

.header-link-container {
  height: 100%;
  display: flex;
  align-self: flex-end;
  justify-content: flex-end;
  align-items: center;
  justify-self: center;
  padding-bottom: 12px;
}

#mobile-logo {
  display: none;
}
#mobile-logo-link {
  display: none;
}

#main-logo-link,
#main-logo {
  display: block;
}

.top-bar {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
    padding: 12px 24px !important;
}

.course-img {
  /** height: 115px */
  /* height: 160px; */
}

.litmos-large-header {
  margin-bottom: 20px;
  /* text-align: left; */
}

#courses > .panel.panel-default {
  /* width: 100%; */
}  

.nav.nav-tabs.regisration-tabs {
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
}

#mainlogo {
  width: 950px !important;
}
}

/* mobile screens */
@media only screen and (max-height: 420px) {
  .congrats-header {
    font-size: 3rem;
  }

  .congrats-sub {
    font-size: 2rem;
  }

  #congrats-container {
    padding: 0;
    justify-content: center;
  }

  .course-img {
    /* min-height: 50vh; */
  }
}

/* May 3rd 2024 Litmos CSS changes fix:*/
#learner-nav{
display: none;
}
div#page-content-wrapper {
  height: auto !important;
}

.image-wrapper {
  display: none;
}