/*Header*/
.navbar {
  border-bottom: 7px solid #00bb70;
}
.navbar-brand {
  background-color: transparent;
}
#usernavigation .nav-darkmode{
  display: none!important;
}
.navbar .primary-navigation .nav-link.active:before{
  top: 55px;
  border-width: 6px;
}
.navbar.fixed-top .usermenu .login a:focus{
  text-decoration: none!important;
  border-bottom: none!important;
}
/*Home*/
body#page-site-index{
  overflow-x: hidden;
}
body.pagelayout-frontpage #page.drawers .main-inner .frontpage-sections{
  max-width: 100vw;
}
#banner-img-slider{
  background-image: none!important;
  background-color: #a4e3db;
}
.custom-siteheader{
  position: absolute;
  top:0;
  width: 100%;  
}
.custom-siteheader .container:before, .custom-siteheader .container:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(.4);
  z-index: 10;
}
.custom-siteheader .container:before {
  background: url(/theme/remui/custom/imgs/home-left-arrow.png) no-repeat;
  top: 3rem;
  left: -8%;
  transform: rotate(45deg) scale(.4);
}
.custom-siteheader .container:after {
  background: url(/theme/remui/custom/imgs/home-right-arrow.png) no-repeat;
  top: 55%;
  left: 65%;
}
.custom-siteheader h1{
  text-align: left; 
  font-family: 'Manrope', sans-serif;
  font-size: 40px;  
  position: absolute;
  top: 60%;
  bottom: 0;
  transform: translateY(-50%);
}

@media (max-width: 1199.98px) {
  .custom-siteheader .container:before {
    top:-1rem;
    left: -12%;
  }
}
@media (max-width: 991.98px) {
  #banner-img-slider{
    min-height: 600px!important;
  }
  .custom-siteheader div[class^="col-md-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .custom-siteheader h1{
    position: relative;    
    margin-bottom: 2rem;
  }
  .custom-siteheader .container:before {
    left: -60%;
  }
}
@media (max-width: 575.98px) {
  #banner-img-slider{
    min-height: 500px!important;
  }
  .custom-siteheader h1{
    margin-top:-1rem;
    margin-bottom: 3rem;
  }
  .custom-siteheader .container:before {
    left: -80%;
  }
}

body#page-site-index .navbar [data-key="home"] ,
#course-archive-main-container .edw-course-card-grid .categoryname,
#frontpage-available-course-list .categoryname,
body.pagelayout-frontpage #page #page-header,
body.pagelayout-frontpage #page .course-content{
  display: none;
}
body.pagelayout-frontpage #frontpage-available-course-list .dashboard-card{
  max-height: 250px;
  background-color:#ade1d9 ;
  cursor: pointer;
}
#frontpage-available-course-list .course-info-container{
  background-color:#ade1d9 ;
}
.dashboard-card .course-info-container .edw-card-design-hd .coursename{
  font-weight: 700;
  font-family: "Manrope";
  cursor:pointer;
}
/*MFA*/
body#page-admin-tool-mfa-auth .navbar-brand .logo{
  height:75px;
}
body#page-admin-tool-mfa-auth #fgroup_id_buttonar {
  background: transparent;
}
body#page-admin-tool-mfa-auth #fgroup_id_buttonar div[data-fieldtype="group"] fieldset{
  justify-content: start;
}
/* login & register*/
.pagelayout-login .login-description-container {
  /*padding: 30px;
  background-color: rgba(173,225,217,.7);
  top:10%;*/
  background: transparent;
  position: absolute;
  top: 0;
  padding: 32px;
  width: calc(100% - 422px);
}
body#page-login-signup .login-description, body#page-login-forgot_password .login-description, body#page-login-index .login-description{
  position: absolute;
  top: -2rem;
  left: 3rem !important;
  border: none;
  border-top: 10px solid #fcd581;
  border-left: 10px solid #fcd581;
  background-color: transparent;
  padding: 0 0 0 10px;
  margin: 7rem 0 3rem;
  width: calc(100% - 600px);
  font-size: 18px;
}
body#page-login-signup .login-description > div, body#page-login-forgot_password .login-description > div, body#page-login-index .login-description > div {
  position: relative;
  border: none;
  padding: 1.5rem 1.5rem 0;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  background-color: rgba(252, 213, 129,.8);
  margin-top: 10px;
}
.login-description > div::before, .login-description > div::after {
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  border-bottom: 10px solid #fcd581;
}
.login-description > div::before {
  width: calc(100% + 20px);
  height: 20px;
  top: 100%;
  left: -20px;
  border-left: 10px solid #fcd581;
}
.login-description > div::after {
  height: calc(100% + 40px);
  width: 20px;
  top: -20px;
  right: -20px;
  border-top: 10px solid #fcd581;
  border-right: 10px solid #fcd581;
}
.pagelayout-login .login-description-container p{
  color:#0e1d42;
}
.main-area-bg.pagelayout-login .login-container .logo-area{
  justify-content: center;
  cursor: pointer;
}
.login-welcome-wrapper{
  text-align: left!important;
}
.loginform .login-welcome-wrapper h2,
.pagelayout-login .loginform .login-heading{
  font-size: 22px;
  font-weight: 700;
  margin: 1rem 0;
}

/*My courses*/
body#page-my-index .nav-grouping-selector .nav-item:nth-of-type(n+3){
  display: none;
}

/*Footer*/
#page-wrapper #page-footer {
  border-top: 5px solid #00bb70;
}
#page-footer .footer-container .footer-mainsection-wrapper .footerdata .footer-section-wrapper#footer-column-1 {
  flex: 0 0 100%;
}
.footer-info ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-info ul li {
  padding-top: 10px;
  margin-right: 2rem;
}
.footer-text{
  text-align: center;
}
#page-footer .footer-container hr {
  border-top: 1px solid #0e1d42;
}
.footer-mainsection-wrapper hr.d-block.mb-0{
  display: none;
}
#page-footer .footer-container .footer-mainsection-wrapper .footerdata .logos .esa-logo {
  margin-bottom: 30px;
  height: 50px;
}
#page-footer .footer-container .footer-mainsection-wrapper .footerdata .logos .cc-logo {
  height: 35px;
  margin-left: 20px;
}

/* User profile*/
body#page-user-profile .profile_tree > section:nth-child(n+3),
body#page-user-profile .profile-stats-wrapper .profile-stat-item:not(:last-of-type){
  display: none!important;
}

/*Preferences*/
body#page-user-preferences .card{
  border: 1px solid #00bb70;
}
body#page-user-preferences .card-text > div:nth-child(n+3){
  display: none!important;
}

/*Course content*/
/***Course overivew***/
body#page-mod-hvp-view #course-index div:first-of-type,
body#page-course-view-topics #course-index div:first-of-type{
  display: none; /* hide wellcome dropdown*/
}
body#page-course-view-topics .courseindex-sectioncontent.unlist .courseindex-link{
  margin-top:5px;
}
body#page-course-view-topics .courseindex-sectioncontent.unlist .courseindex-link:hover,
body#page-course-view-topics .courseindex-sectioncontent.unlist .courseindex-link:focus{
  color:#5b6bbe;
}
body#page-course-view-topics #page-header.hasbackground.design-1{
  display: none!important;
}
body#page-course-view-topics .course-content ul.topics li#section-0{
  background-color: #5b6bbe;
  border-color:#5b6bbe;
  color:#ffffff;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext .chart{
  width: 40px;
  height: 120px;
  background-color: #3a4992;
  position: absolute;
  bottom: 0;
  right: 130px;
  z-index: 50;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext .intro-text{
  z-index: 60;
  position: relative;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext .chart:before,
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext .chart:after{
  content: "";
  width: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #3a4992;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext .chart:before{
  height: 190px;
  left: 55px;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext .chart:after{
  height: 145px;
  left: 110px;
  -webkit-transform: rotate(-13deg);
          transform: rotate(-13deg);
  bottom: 5px;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-description-item.summarytext ul{
  list-style: disc;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .icons-collapse-expand .expanded-icon,
body#page-course-view-topics .course-content ul.topics li#section-0 .icons-collapse-expand.collapsed .collapsed-icon,
body#page-course-view-topics .course-content ul.topics li#section-0 h3,
body#page-course-view-topics .course-content ul.topics li#section-0 h4{
  color:#ffffff;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .aalink{
  color:#ffffff;
  text-decoration: underline;
}
body#page-course-view-topics .course-content ul.topics li#section-0 .aalink:focus{
  color:#0e1d42;
  text-decoration: none;

}
body#page-course-view-topics .course-content ul.topics li#section-0 .course-section-header h3:after{
  content: "";
  width: 100px;
  height: 5px;
  display: block;
  position: absolute;
  bottom:-10px;
  left: 0;
  background-color: #fff;
}
#theme_remui-drawers-courseindex .drawercontent #courseindex #courseindex-content .courseindex .courseindex-section .courseindex-item-content .courseindex-sectioncontent .courseindex-item .edw-section-content-wrapper .completioninfo .icon.fa-circle{
  color:#00bb70;
}
body#page-course-view-topics  #topofscroll{
  max-width: 100%;
}
body#page-course-view-topics .content.course-content-item-content .activity-instance .media-body div:first-of-type,
body#page-course-view-topics .content.course-content-item-content .activity-instance .courseicon,
body#page-course-view-topics .course-content ul.topics li#section-0 .collapse-all-menu span{
  display: none;
}
body#page-course-view-topics .course-content ul.topics li.section .activity.activity-wrapper .activity-item{
  border:none;
  padding:0;
}
body#page-course-view-topics .content.course-content-item-content .activity-instance .media-body .activityname a{
  font-size: 1rem;
}

body#page-mod-hvp-view #page-header .dashboard-bar-wrapper .page-context-header .page-header-image{
  display: none;
}
body#page-mod-hvp-view #page-header {  
  margin: 2rem 0;
  padding: 3rem;
  min-height: 300px;
  width: 100%;
  background: #ade1d9 url(/theme/remui/custom/imgs/green-bg.png) no-repeat top right;
}
body#page-mod-hvp-view #page-header #page-navbar{
  margin: -7rem 0 0 -3rem ;
}
body#page-mod-hvp-view #page-header .dashboard-bar-wrapper{
  margin-top:-1rem;
}
body#page-mod-hvp-view #page-header .dashboard-bar-wrapper .page-header-headings h1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 40px;
}
body#page-mod-hvp-view #page-header .dashboard-bar-wrapper .page-header-headings h1:after {
  content: "";
  width: 100px;
  height: 15px;
  display: block;
  position: relative;
  top: 1rem;
  background-color: #4557ad;
  margin-bottom: 40px;
}
body#page-mod-hvp-view #page-content{
  margin-top:-7rem;
  padding:3rem;
  background-color: #ffffff;
}
body#page-mod-hvp-view #page-content .activity-information{
  padding:0 2rem;
  background-color: #ffffff;
}
body#page-mod-hvp-view #page-content .activity-description{
  padding:1rem 2rem;
  background-color: #ffffff;
}
body#page-mod-hvp-view #page-content #region-main-box{
  position: relative;
  margin-top: -7rem;
}
body#page-mod-hvp-view #page-content #region-main-box div[role="main"]{
  box-shadow: none;
}
.custom-text-pane{
  overflow-x: hidden;
}
.custom-text-pane a:focus{
  text-decoration: none!important;
}
.custom-text-pane a:focus:after{
  display: none!important;
}
.custom-text-pane blockquote {
  padding: 0 1rem;
  position: relative;
  margin: 1rem .5rem;
  border-left: 3px solid #00bb70;
  -webkit-transition: 0.2s border ease-in-out;
  transition: 0.2s border ease-in-out;
  z-index: 0;
}
.custom-text-pane blockquote .footer{
  font-size: 14px;
  font-style: italic;
  margin-top: .5rem;
}
.custom-text-pane blockquote:before,
.custom-text-pane blockquote:after{
  position: absolute;
}
.custom-text-pane blockquote:before {
  content: "";
  top: 50%;
  left: -4px;
  height: 2em;
  background-color: #ffffff;
  width: 5px;
  margin-top: -1em;
}
.custom-text-pane blockquote:after {
  content: "\f10e";
  font-family: "FontAwesome";
  font-weight: 900;
  top: 50%;
  left: -0.5em;
  color: #00bb70;
  line-height: 1em;
  text-align: center;
  text-indent: -2px;
  width: 1em;
  margin-top: -0.5em;
  -webkit-transition: 0.2s all ease-in-out, 0.4s -webkit-transform ease-in-out;
  transition: 0.2s all ease-in-out, 0.4s -webkit-transform ease-in-out;
  transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
  transition: 0.2s all ease-in-out, 0.4s transform ease-in-out, 0.4s -webkit-transform ease-in-out;
}
.custom-text-pane table {
  margin: 2rem 0;
  width: 100%;
  color: #0e1d42;
}
.custom-text-pane table caption {
  font-size: 20px;
  font-weight: 600;
  color: #0e1d42;
  padding-left: 10px;
  background-color: #ade1d9;
}
.custom-text-pane table thead th {
  border-top: none;
  border-bottom: 3px solid #00bb70;
  vertical-align: bottom;
  padding: 10px;  
}
.custom-text-pane table th,
.custom-text-pane table td {
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.custom-text-pane a.external:after{
  content: "\f08e";  
  font-family: "FontAwesome";
  position: relative;
  margin-left: 5px;
  display: inline-block;
  text-decoration: none;
}
.custom-text-pane .concertina a{
  text-decoration: none;  
  transform: rotate(0deg);
}
.custom-text-pane .concertina a i{
  margin-right: 5px;
}
.custom-text-pane .concertina a[aria-expanded="false"] i {
  transform: rotate(0deg);
  color: #4557ad;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
}
.custom-text-pane .concertina a[aria-expanded="true"] i {
  transform: rotate(90deg);
  color: #00804d;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
}
.custom-text-pane .concertina a[aria-expanded="false"]:hover i,
.custom-text-pane .concertina a[aria-expanded="true"],
.custom-text-pane .concertina a[aria-expanded="true"]:hover {
  color: #00804d;
  font-weight: 700;
}
.custom-text-pane .concertina > div{
  background-color:#ffffff;
  border: 1px solid #ade1d9;
  -webkit-box-shadow: -7px 7px 0 #ade1d9;
  box-shadow: -7px 7px 0 #ade1d9;
  padding: 20px;
  margin-bottom: 2rem;
}
/* accordion style 2*/
.custom-text-pane .concertina.alt a{
  position: relative;
  color: #0e1d42;
  border-bottom: 2px solid #00bb70;
  display: inline-block;
  width: 100%;
  padding: 10px 10px 10px 30px;
}
.custom-text-pane .concertina.alt a:hover,
.custom-text-pane .concertina.alt a:focus {
  font-weight: 700;
}
.custom-text-pane .concertina.alt a i{
  color: #0e1d42;
  position: absolute;
  left: 0;
  top: 15px;
  margin-right: 20px;
  transition: transform 0.2s ease-in-out;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
}
.custom-text-pane .concertina a[aria-expanded="false"] i {  
  transform: scaleY(1);
}
.custom-text-pane .concertina a[aria-expanded="true"] i {  
  transform: scaleY(-1);
}
.custom-text-pane .concertina.alt > div{
  box-shadow: none;
  margin-top: -20px;
  border-color: #00bb70;
  border-top-width: 2px;
  background-color: #daf1ee;
  margin-bottom: 20px;
}

.box-border-left{
  border: 1px solid #00bb70;
  border-left-width: 15px;
  border-radius: 5px;
  padding: 1rem;
  margin-top: 1rem;
}
/* accordion within accordion */
.custom-text-pane .concertina.inside a{
  position: relative;
  border: 1px solid #4557ad;
  display: inline-block;
  width: auto;
  background-color: #EDEFF8;
  padding: 10px 20px;
}
.custom-text-pane .concertina.inside > div {
  box-shadow: none;
  margin-top: -17px;
  border: 1px solid #4557ad;
  border-radius: 0 20px;
  background-color: #EDEFF8;
  margin-bottom: 1rem;
}
.custom-text-pane .credit{
  font-size: 12px;
  margin-top: 8px;
}
.h5p-iframe-wrapper {
  padding: 20px;
  margin: 0 20px;
  background-color: #ffffff;
}
.h5p-iframe-wrapper iframe.h5p-iframe {
  border-radius: 5px;
  margin: 20px;
  max-width: 1140px;
}

.custom-text-pane h2,.custom-text-pane h3, .custom-text-pane h4,.custom-text-pane h5{
  margin:1rem 0;
}
body{
  font-weight: 400;
}

/*Scorm page*/
body#page-mod-scorm-player{
  overflow: hidden;
}
body#page-mod-scorm-player #page-header .dashboard-bar-wrapper,
body#page-mod-scorm-player #page-header .header-wrapper > div:last-child,
body#page-mod-scorm-player #page-wrapper #page-footer{
  display: none!important;
}

body#page-mod-scorm-player #page-content #region-main-box{
  background-color: transparent;
  margin-top:-6rem;
}
body#page-mod-scorm-player #page-header{
  margin-top: -2rem;
  margin-bottom: 3rem;
}
body#page-mod-scorm-player #page-content #region-main-box div[role="main"] {
  background: transparent!important;
  box-shadow: none!important;
  padding: 0;
}
body#page-mod-scorm-player #scormpage {
  height:calc(100vh - 100px);
  overflow-x: hidden;
  overflow-y: auto;
}
body#page-mod-scorm-player #page#page.drawers .main-inner{
  margin-bottom:0;
}
body#page-mod-scorm-player #page#page.drawers .main-inner .container{
  max-width: 100vw;
  padding-right:0;
}
body#page-mod-scorm-player #scormpage #toctree{
width: calc(100% + 20px);
height: calc(100% - 30px);
}
/*upgraded*/
@media (min-width: 1200px) {
  #frontpage-available-course-list .course-info-container .coursesummary,
  #course-archive-main-container .edw-course-card-grid .course-info-container .coursesummary{
    display: block!important;
  }
}
.userswitchedrole .usermenu .usertext{
  margin-top:.5rem;
}
body.pagelayout-frontpage.old-frontpage .cover.rem-staticimage .cover-background{
  padding: 20% 0 10%;
}
/*hide 'view all courses btn on homepage*/
#frontpage-available-course-list > div.row{
  display: none;
}

.navbar-brand .navbar-brand-logo{
  height:100%;
}
#frontpage-available-course-list .course-info-container:not(:hover) .coursesummary, #course-archive-main-container .edw-course-card-grid .course-info-container:not(:hover) .coursesummary {
  display: block !important;
}
body.pagelayout-frontpage #frontpage-available-course-list .dashboard-card {
  min-height: 370px;
}