/**
 * Custom styles for the portal
 */

.error-border {
  border: 1px solid #B00020!important;
}

.text-error {
  color: red!important;
}

/* My Courses home cards */

.faq-design li{
  font size: .9rem;
  color: #878787;
  margin-left: 1.3rem;
}

.faq-design p{
  margin-left: 3px;
}

.userButtons {
  width: 50px;
  height: 15px;
  font-size: .58rem;
  text-align: center;
  padding: 0;
  border-radius: 3px;
}

.tablePaymenticons {
    float: right;
    margin: 1rem auto;
}

table.accesscodesTable {
  width: 100%;
  margin-bottom: 0;
  margin-top: 1rem;
}

.paddingrow {
  padding-top: .5rem;
}

.kaitlin-border {
  border: 1px solid red;
}

.margin-lg {
  margin-top: 8rem;
}

.mg-design-mycoursesCopy {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #f8f8f8;
    border-radius: 2px;
    padding: 5px;
}

.usercourseBanner {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
}

.squareIcon {
  text-align: center;
  font-size: .5rem;
  font-weight: bold;
  font-style: normal;
  border: 0;
  padding: 0;
  height: 15px;
  width: 15px;
  margin-left: 1rem;
}

.mg-design-messages-table table th {
  font-weight: bold;
}

.accesscodecourseStats p {
  font-style: normal;
  color: #4d4d4d;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 16px;
}

.accesscodesCard .date-full,
.date-age {
  font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));
}

p.accesscodedatesTitle {
  line-height: 25px;
  font-weight: bold;
  font-size: .9rem;
}

.accesscodesCard h5.examscore {
  font-size: calc(8px + (12 - 8) * ((100vw - 300px) / (1600 - 300)));
}

.accesscodesCard h5.accesscodedatesTitle {
  line-height: 25px;
  font-weight: bold;
  font-size: .9rem;
  color: #4d4d4d;
}

table.accesscodecourseStats td {
  padding: 0 7px 7px 7px;
}

.accesscodesCard {
  padding: 10px;
}

.examscore {
  color: grey;
  font-weight: bold;
  font-size: .8rem;
}

table.accesscodesTable .date-full {
  font-size: .6rem;
}

table.accesscodesTable .date-age {
  font-size: .6rem;
}

table.accesscodesTable .date-title {
  font-size: .7rem;
}

table.accesscodesTable th {
  font-size: .75rem;
  background-color: #FCFCFC;
  padding: .2rem;
}

.courselauncherBtn {
  color: #007BFF;
  cursor: pointer;
}

.courselauncherBtn:hover {
  color: grey;
}

.menuitempadding {
  padding-left: 1.2rem;
}

.borderedCard.mycoursesCard {
  padding-top:0;
  padding-bottom: 0;
}

.borderedCard .accesscodesCard .row {
  margin-bottom: 0;
}

.borderedCard .accesscodesCard {
  height: auto;
}

.accesscodesCard {
  background-color: #f4f4f4;
  border: 3px solid white;
}

.accesscodesTable td {
  padding: .2rem;
  vertical-align: inherit;
  margin-right: 1rem;
}

label.form-control-label {
  font-weight: bold;
  color: #356E2E;
  font-size: calc(10px + (12 - 8) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2rem;
  margin-top: 5px;
}

.date-age {
  font-size: .8rem;
  font-style: italic;
  color: #696969;
}

.noborderCard .row {
  margin-bottom: 1em;
}

.borderedCard .row {
  margin-bottom: 1rem;
}

.borderBottom {
  border-bottom: 1px solid #eee;
}

.borderLeft {
  border-left: 1px solid #eee;
}

.borderRight {
  border-right: 1px solid #eee;
}

.borderTop {
  border-top: 1px solid #eee;
}

table.tableCart tr {
  border-top: 1px dashed #eee;
}

table.tableCart td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.mycoursesHeader h1 {
  font-size: 1.75rem;
  font-weight: bold;
  color: black;
  padding-top: 1.2rem;
  margin-left: 2rem;
}

.checkoutCart {
  width: 300px;
  background-color: #F9FAFB;
  position: -webkit-sticky;
  position: sticky;
  top: 57px;
  padding-bottom: 15px;
  padding-top: 10px;
  border: 2px solid #F4F4F4;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-radius: 3px;
}

.input-group-text {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .2rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #cdcdcd;
  background-color: transparent;
  border: 0;
  height: 20px;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
  height: 20px;
}

.trashBtn {
  color: grey;
  background-color: transparent;
  cursor: pointer;
}

.trashBtn:hover {
  color: red;
}

/* Checkout */

.tableCart {
  padding: 8px;
}

.tableCart label.form-control-label {
  font-weight: bold;
  color: black;
  font-size: calc(8px + (10 - 6) * ((100vw - 300px) / (1600 - 300)));
}

label.form-control-label-total {
  font-weight: bold;
  color: #356E2E;
  font-size: calc(12px + (12 - 8) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.2rem;
  margin-top: 5px;
}

button.paymentButton {
  background-color: green;
  font-size: 12px;
  border: 0;
  border-radius: 2px;
  padding: 4px;
  color: white;
  width: 90%;
  text-align: center;
  cursor: pointer;
  margin: auto auto;
  display: block;
}

button.paymentButton:hover {
  color: grey;
}

input.read-only,
.form-control:disabled,
.form-control[readonly] {
  background-color: transparent;
  color: black;
  border: 0;
}

.borderedCard {
  border: 1px solid #eee;
  padding: 15px;
  margin: .5em;
  border-radius: 2px;
}

.MyCourses .borderedCard {
  width: 98%;
  flex: initial;
}

.checkout-form .borderedCard {
  padding-bottom: 0;
  padding-top: 1.5rem;
}

.pointer {
  cursor: pointer;
}

.cardTitle {
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
  font-size: 1rem;
  padding-bottom: 5px;
  background-color: transparent;
}

.navbar-header.checkoutHeader {
  background: white;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, white, #F8F9FA);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, white, #F8F9FA);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.optionalLabel {
  font-style: italic;
  color: #a4a4a4;
  padding-top: 5px;
}

.borderBottom {
  border-bottom: 1px solid #eee;
}

.borderedCard .sectionHeader {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: .8em;
  margin-top: 0;
  margin-bottom: 0.4rem;
}

.warning-text {
  font-size: .8rem;
  color: red;
}

.applyBtn-3 {
  background: green;
  background: -webkit-linear-gradient(to right, green, #046705);
  background: linear-gradient(to right, green, #046705);
  color: white;
  width: 170px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.applyBtn-3:hover {
  color: grey;
}

.applyBtn-2 {
  background: green;
  background: -webkit-linear-gradient(to right, green, #046705);
  background: linear-gradient(to right, green, #046705);
  color: white;
  width: 150px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.resendBtn {
  background: grey;
  color: white;
  width: 150px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.applyBtn-2:hover {
  color: grey;
}

.applyBtn {
  background: green;
  background: -webkit-linear-gradient(to right, green, #046705);
  background: linear-gradient(to right, green, #046705);
  color: white;
  width: 100px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.applyBtn:hover {
  color: grey;
}

.specialactionsBtnBlue-3 {
  background-color: #007BFF;
  color: white;
  width: 150px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.specialactionsBtnBlue-3:hover {
  color: grey;
}

.specialactionsBtnBlue-2 {
  background-color: #007BFF;
  color: white;
  width: 130px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.specialactionsBtnBlue-2:hover {
  color: grey;
}

.specialactionsBtn-2 {
  background-color: #DC3545;
  color: white;
  width: 130px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.specialactionsBtn-2:hover {
  color: grey;
}

.specialactionsBtnBlue {
  background-color: #007BFF;
  color: white;
  width: 100px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.specialactionsBtn {
  background-color: #DC3545;
  color: white;
  width: 100px;
  height: 22px;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}

.specialactionsBtn:hover {
  color: grey;
}

/* Modal */

.closemodalBtn {
  background-color: transparent;
  float: right;
  padding: 0;
  padding-right: 3px;
  margin-top: 0;
  color: #567A9C;
}

.closemodalBtn:hover {
  color: grey;
}
.company-footer .fLogo{
    width: 100%;
    max-width: 350px;
  }
/* ----- begin portal sign in -----  */

@media only screen and (min-width: 1171px) {

  /* Remove the navbar's default margin-bottom and rounded borders */

.menutoggle .fa.fa-bars {
  display: none;
}

  .parallax {
    /* The image used */
    background-image: url(/images/banner.jpg);

    /* Full height */
    /* height: 49%; */

    /* Create the parallax scrolling effect */

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: -15px;
    margin-left: -15px;
  }

  .studentSignIn-section {
    padding-top: 4.5%;
    padding-bottom: 5%;
  }

  .studentSignIn-section .borderedCard {
    background-color: rgba(255, 255, 255, 0.9);
  }

  .studentSignIn-section input::placeholder {
    color: #cdcdcd;
  }

  .studentSignIn-section input.form-control {
    border-bottom: 1px solid #a4a4a4;
  }

  .checkoutHeader .companyLogo {
    margin: 0;
  }

  .checkoutHeader .companyLogo img {
    max-height: 40px;
    padding-left: 1rem;
  }

  .companyLogo {
    margin-bottom: .5rem;
    margin-top: .5rem;
  }

  .returningUsersCard {
    float: left;
    height: 180px;
  }

  .onlineTrainingHeader {
    background-color: #016D53;
    color: white;
    text-align: center;
    display: block;
    padding: .6rem;
  }

  .nsc-sm-logo {
    display: none;
  }

  .studentspacing {
    margin-top: 15px;
    padding-right: 10rem;
    font-size: 14pt;
  }

  .nsc-lg-logo {
    display: block;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }

  .newUserCard {
    float: right;
    width: 50%;
    height: 180px;
  }

  .company-footer {
    font-size: .8em;
    text-align: center;
    margin-bottom: 1rem;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    bottom: -28px;
  }

  /* Add a gray background color and some padding to the footer */
  footer {
    background-color: #f2f2f2;
    padding: 25px;
  }

  .companylogoForgotPage {
    float: right;
  }

  .date-age {
  font-size: .6rem;
}

.container.borderedCard.mycoursesCard {
  margin-left: auto;
  margin-right: auto;
}

}

@media only screen and (max-width: 1170px) {

.container.borderedCard.mycoursesCard {
  margin-left: .5rem;
  margin-right: auto;
}

.checkoutHeader .urlCompanyLogo img {
  max-height: 30px;
  padding-left: 1rem;
}

.checkoutCart {
  width: 200px;
}

  .onlineTrainingHeader {
    background-color: #016D53;
    color: white;
    text-align: center;
    display: block;
    padding: .6rem;
  }

  .studentSignIn-section {
    padding-top: 3%;
    padding-bottom: 5%;
  }

  .studentSignIn-section .borderedCard {
    background-color: rgba(255, 255, 255, 0.9);
  }

  .studentSignIn-section input::placeholder {
    color: #cdcdcd;
  }

  .studentSignIn-section input.form-control {
    border-bottom: 1px solid #a4a4a4;
  }

  .companyLogo {
    margin-bottom: .5rem;
    margin-top: .5rem;
  }

  .studentspacing {
    margin-top: 5px;
    padding-right: 3rem;
    padding-left: 3rem;
  }

  .returningUsersCard {
    float: none;
    height: 180px;
  }

  .nsc-lg-logo {
    display: block;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }

  .nsc-sm-logo {
    display: none;
  }

  .company-footer {
    font-size: .8em;
    text-align: center;
    margin-bottom: 1rem;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    bottom: -25px;
  }

  .newUserCard {
    float: right;
    width: 50%;
    height: 180px;
  }

  .parallax {
    /* The image used */
    background-image: url(/images/banner.jpg);

    /* Full height */
    /* height: 40%; */
    max-height: 300px;

    /* Create the parallax scrolling effect */

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: -15px;
    margin-left: -15px;
  }

.date-age {
  font-size: .6rem;
}

}

@media only screen and (max-width: 1025px) {

.logoutButton {
  margin-bottom: -5px;
}

p.accesscodedatesTitle {
  font-size: .8rem;
}

.menutoggle .fa.fa-bars {
  display: none;
}

table.accesscodesTable .date-age {
  font-size: .7rem;
}

}

@media only screen and (max-width: 988px) {

.container.borderedCard.mycoursesCard {
  margin-left: auto;
  margin-right: auto;
}

.logoutButton {
  margin-bottom: -5px;
}

  .borderedCard {
    flex: initial;
  }

  .accesscodesCard h5.accesscodedatesTitle {
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
  }

  .myCoursesCard th,
  td {
    font-size: .7rem;
  }

.menutoggle .fa.fa-bars {
  display: none;
}

  .date-age {
    font-size: .5rem;
  }

  .studentSignIn-section input.form-control {
    border-bottom: 1px solid #a4a4a4;
    margin-bottom: .3rem;
  }

  .nsc-sm-logo {
    display: block;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  .nsc-lg-logo {
    display: none;
  }

  .studentText {
    font-size: 26px;
    line-height: inherit;
  }

  .onlineTrainingHeader {
    background-color: #016D53;
    color: white;
    text-align: center;
    display: block;
    padding: .6rem;
  }

  .studentspacing {
    margin-top: 5px;
    padding-right: .2rem;
    padding-left: .2rem;
  }

  .parallax {
    /* The image used */
    background-image: none;
  }

  .company-footer {
    font-size: .5em;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: .2rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: .5rem;
    padding-left: .5rem;
    position: relative;
    bottom: -15px;
  }

}

/* end portal sign in */

#passwordError {
  color: red;
}

.studentMargin {
  border: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  background: white;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #E9ECEF, #E9ECEF, white, white);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #E9ECEF, #E9ECEF, white, white);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mycoursesHeader {
  position: absolute;
  border-bottom: 1px solid #e2e2e2;
  height: 100px;
  background-color: #fcfcfc;
  z-index: 1;
  width: 100%;
  padding-right: 200px;
}

.mycoursesHeader .top-left.mycoursesLogo .navbar-header {
  background-color: transparent;
}

.top-left.mycoursesLogo {
  background-color: transparent;
}

.mycoursesHeader .mycoursesLogo {
  font-size: 1em;
  font-weight: normal;
}

.link-text {
  color: #007BFF;
  cursor: pointer;
}

.link-text:hover {
  color: grey;
}

.MyCourses .urlCompanyLogo img {
  max-height: 90px;
  padding-top: 7px;
}

.mycoursesHeader .mycoursesLogo {
  font-size: 1em;
  font-weight: normal;
}

.MyCourses .mycoursesHeader .top-left.mycoursesLogo {
  font-size: 1em;
  font-weight: normal;
}

.addLibrary {
  margin-top: .3rem;
  cursor: pointer;
}

.addLibrary:hover {
  color: grey;
}

.modal-title {
  font-weight: bold;
  padding-left: .5rem;
}

#certificateModal .modal-header .row {
  margin:0;
}
#certificateModal .pull-right {
  text-align: right;
}
#certificateModal .row-margin {
  margin-left: 0;
  margin-right: 0;
}
#returnChanges.btn {
  padding: 0px;
  margin: 0px;
  padding-right: .5rem;
  font-weight: bold;
  font-size: 1em;
}

/* css changes for disclaimerReturn button*/
#disclaimerReturnChanges.btn {
  padding: 0px;
  margin: 0px;
  padding-right: .5rem;
  font-weight: bold;
  font-size: 1em;
}

#disclaimerReturnChanges {
  background-color: white;
  border: none;
  color: #567A9C;
}

#disclaimerReturnChanges:hover {
  color: grey;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.nscLogoHeader {
  height: 110px;
}

.footerLogos {
  max-height: 65px;
/*  padding-left: 1rem;*/
}

.logoFooter {
  max-width: 250px;
}

.statusText {
  font-size: .8em;
  color: grey;
}

.registerTokenButton {
  border-radius: 0px;
  color: white;
  border: none;
  height: 28px;
  width: 100px;
  font-size: .8rem;
  text-align: center;
  background-color: green;
  float: right;
}

.registerTokenButton:hover {
  color: grey;
}

.close-modal {
  font-size: 1.3rem;
}

.modal-header {
  font-weight: bold;
  margin: .5rem 0rem;
  border-bottom: 1px solid #e9ecef;
  padding: .2rem .5rem;
  padding-bottom: .5rem;
  display: block;
}

.modal-content {
  border-radius: 0;
}

.MyCourses .content .card {
  background-color: transparent;
}

.MyCourses .borderedCard {
  margin-top: 20px;
}

.right-panel.right-panelMyCourses {
  margin-left: 185px;
  margin-top: 25px;
  background-color: transparent;
}

.studentMargin button:hover {
  color: grey;
}

.backButton {
  background-color: transparent;
  color: #567A9C;
  margin-right: auto;
  margin-left: auto;
}

.backButton:hover {
  color: grey;
}

.logoMargin button {
  background-color: transparent;
  font-size: 1rem;
}

.logoMargin button:hover {
  color: black;
}

.bg-dark {
  background-color: silver !important;
}

#userHeader {
  padding-top: 15px;
}

.right-panel .breadcrumbs {
  background-color: #fff;
  display: inline-block;
  margin-top: 5px;
  padding: 0 5px;
  width: 100%;
}

.public-container {
  background-color: white;
  margin-top: 50px;
}
.public-container .logo{
  padding: .75rem 1.25rem;
}

.formBackground .card {
  -webkit-box-shadow: none;
}

.login-form {
  margin: auto;
}

.policy-company-footer {
  display: inline;
}

.login-form .card {
  border: 0;
  padding: 30px;
}

.text-small {
  font-size: 0.8em
}

.studentLoginFormFooter {
  margin-top: 1rem;
  padding-top: 1rem;
}

input.form-control {
  background-color: transparent;
  background-image: none;
}

input {
  background-color: transparent;
  background-image: none;
  border: 0;
  border-bottom: 1px solid #696969;
  border-radius: 0;
  color: white;
}

.recoverPass-v2 {
  font-size: .7rem;
}

.studentLoginFormFooter {
  margin-top: 1rem;
  padding-top: 1rem;
}

.login-form .studentLogin {
  border-top: 1px dashed #789FA7;
  border-radius: 0;
  padding-top: 2rem;
}

aside.left-panel {
  background-color: #252525;
}

.left-panel .navbar {
  background-color: #252525;
}

.navbar .navbar-nav>li.active {
  background-color: #252525;
  color: white;
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:focus,
.navbar .navbar-nav>.active>a:hover {
  color: white;
}

#left-panel .navbar li a {
  color: white;
}

#left-panel .active {
  font-weight: bold;
}

.clearfix {
  background-color: white;
}

.footer-inner {
  background-color: white;
}

footer.site-footer {
  background-color: white;
}

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

aside.left-panel {
  width: 200px;
  background: #252525;
  padding-top: 2rem;
}

.navbar .navbar-nav li>a .menu-icon {
  width: 20px;
  margin-right: 0;
}

.navbar .navbar-nav li.active .menu-icon,
.navbar .navbar-nav li:hover .toggle_nav_button:before,
.navbar .navbar-nav li .toggle_nav_button.nav-open:before {
  color: white;
}

/* Menu Icons */
.navbar .navbar-nav li>a .menu-icon {
  color: white;
}

/* Menu Icons hover */
.navbar .navbar-nav li>a:hover,
.navbar .navbar-nav li>a:hover .menu-icon {
  color: white;
}

.MyCourses .card {
  box-shadow: none;
}


.myCourse {
  border: 1px solid black;
}

.myCourse .table td,
.table th {
  border: 0;
}

.site-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 80%;
  background-color: red;
  color: white;
  text-align: left;
  margin-left: 15%;
}

.progress {
  margin-top: 5px;
}

.signinBtn {
  font-size: 14px;
  border: 0;
  border-radius: 0;
  background-color: green;
  width: 10rem;
  height: 2rem;
  text-align: center;
  color: white;
}

/* My Courses Profile */

.form-control {
  display: block;
  width: 95%;
  height: inherit;
  padding: 0px;
  margin-right: 10px;
  font-size: .85rem;
  line-height: 1.5;
  color: #545454;
  background: default;
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #ced4da;
  transition: inherit;
  font-weight: 400;
  border-radius: 0px !important;
}

.form-control::-webkit-input-placeholder {
  color: #d7d7d7;
}

.no-padding {
  padding: none;
  margin: none;
  margin-left: 5px;
}

.form-group {
  padding: 5px;
}

.form-group_double-lines {
  margin-bottom: 0rem !important;
}

textarea.form-control {
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 10px;
}

/*#editForm .card-header {*/
/*  background-color: white;*/
/*}*/

#editForm .sectionHeader {
  font-weight: bold;
  color: black;
  border-bottom: 1px solid #eee;
  padding-left: 1rem;
  padding-bottom: .5rem;
  font-size: 1rem;
}

.sectionHeader {
  font-weight: bold;
  color: black;
  border-bottom: 1px solid #eee;
  padding-left: 1rem;
  padding-bottom: .5rem;
  font-size: 1rem;
}

.sectionHeader-nb {
  font-weight: bold;
  color: black;
  padding-left: 0;
  padding-bottom: .5rem;
  font-size: 1rem;
}

.collapsable-btn {
  vertical-align: super;
  cursor: pointer;
  color: #6C757D;
}

.section-padding {
  padding-left: 1rem;
}

/*#editForm .card {*/
/*  box-shadow: none;*/
/*  background-color: transparent;*/
/*}*/

#passwordLoginId.small-text p {
  line-height: 18px;
  color: #a4a4a4;
  font-size: .8rem;
}

.site-footer {
  position: relative;
  width: 100%;
  background-color: white;
  margin: 0;
}

#returnChanges {
  background-color: white;
  border: none;
  color: #567A9C;
}

#returnChanges:hover {
  color: grey;
}

/* Privacy Policy */

.privacyPolicy .card {
  box-shadow: none;
  background-color: transparent;
}

.privacyPolicy p {
  font-size: .85rem;
}

.privacyPolicy h5 {
  font-size: 1rem;
}

.profilePanel-design {
  display: none;
}

.margin-top-card {
  padding-top: 1.7rem;
}


@media only screen and (max-width: 1450px){
.parallax {
    background-image: url(/images/banner.jpg);
    /* height: 42%; */
    max-height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: -15px;
    margin-left: -15px;
}

/* Smaller Media screens */

@media only screen and (max-width: 1024px) {

.margin-top-card {
  padding-top: 1rem;
}

.checkoutHeader .urlCompanyLogo img {
  max-height: 30px;
}

.acceptTerms .borderedCard {
  width: 97%;
}

.userDetails .borderedCard {
  width: 97%;
}

  .right-panel.right-panelMyCourses {
    margin-left: 75px;
    margin-top: 25px;
    overflow-x: hidden;
    background-color: transparent;
  }

  .MyCourses .urlCompanyLogo img {
    max-height: 70px;
    margin-top: 15px;
  }

  .mycoursesHeader {
    padding-right: 50px;
  }

  .mycoursesHeader h1 {
    padding-top: 1.5rem;
  }

  .returningUsersCard {
    float: none;
    height: 180px;
  }

  .accesscodesCard h5.accesscodedatesTitle {
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
  }

@media only screen and (max-width: 1450px){
.parallax {
    background-image: url(/images/banner.jpg);
    /* height: 39%; */
    max-height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: -15px;
    margin-left: -15px;
}

}

@media only screen and (max-width: 989px) {


.paddingrow {
  padding-top: 0rem;
}

.parallax {
    background-image: none;
    /* height: 39%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: -15px;
    margin-left: -15px;
}

.right-panel .navbar-header {
  padding-bottom: 0px;
}

.logoutButton {
  margin-bottom: -7px;
}

.mycoursesHeader h1 {
  font-size: 1.2rem;
  font-weight: bold;
  color: black;
  padding-top: 1.2rem;
  margin-left: 2rem;
}

  .returningUsersCard {
    float: none;
    height: 196px;
  }

.paddingrow {
  padding-top: .5rem;
}

.newUserCard {
    float: right;
    width: 100%;
    height: 196px;
}

.menutoggle .fa.fa-bars {
  display: none;
}

.checkoutHeader .urlCompanyLogo img {
  max-height: 25px;
}

.margin-top-card {
  padding-top: 1rem;
}

}

@media only screen and (max-width: 885px) {

.mycoursesTitle {
  padding-top: 1rem;
}

.margin-top-card {
  padding-top: .2rem;
}

..copyPublicTitle {
  padding-top: 1rem;
  padding-bottom: 0;
}

p.accesscodedatesTitle {
  font-size: .7rem;
}

.logoutButton {
  margin-bottom: -7px;
}

  .mycoursesHeader {
    position: fixed;
    border-bottom: 1px solid #e2e2e2;
    height: 100px;
    background-color: #fcfcfc;
    z-index: 700;
    width: 100%;
    padding-right: 30px;
  }

  .MyCourses .urlCompanyLogo img {
    max-height: 70px;
    margin-top: 15px;
  }

  .returningUsersCard {
    float: none;
    height: 196px;
  }

.mycoursesHeader h1 {
    font-size: 1.2rem;
    font-weight: bold;
    color: black;
    padding-top: 1.2rem;
    margin-left: 2rem;
}

}

@media only screen and (max-width: 767px) {
.padding-left-0{
  padding-left: 0px;
}
.public-container .logo {
    padding: 0px;
}
.company-footer {
    font-size: .5em;
    text-align: center;
    margin-bottom: 1rem;
    margin-top: .2rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: .5rem;
    padding-left: .5rem;
    position: relative;
    bottom: -205px;
}

.tablePaymenticons {
    float: center;
    margin: 1rem auto;
    margin-top: 6rem;
}

.menuitempadding {
  padding-left:0;
}

.mycoursesTitle {
  padding-top: 2.2rem;
}

.accesscodesCard .date-full
 {
  font-size: .8rem;
}

.right-panel .menutoggle {
  padding-top: 0;
}

.mycoursesHeader h1 {
    font-size: 1.2rem;
    font-weight: bold;
    color: black;
    padding-top: .2rem;
    margin-left: 2rem;
}

.menutoggle .fa.fa-bars {
  display: initial;
}

.right-panel .navbar-header {
  padding-top: 15px;
  padding-bottom: 15px;
}

#left-panel{
  overflow-y: hidden;
}

  .MyCourses .urlCompanyLogo img {
    max-height: 70px;
    margin-top: 15px;
    max-width: 250px;
    float: left;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .checkoutCart {
    width: 100%;
    background-color: #F9FAFB;
    position: relative;
    padding-bottom: 15px;
    padding-top: 10px;
    border: 2px solid #F4F4F4;
  }

  .tablePaymenticons img {
    max-width: 30px;
  }

  .borderedCard {
    width: 100%;
    flex: initial;
  }

  .returningUsersCard {
    float: none;
    height: auto;
  }

.newUserCard {
    float: none;
    width: 100%;
    height: auto;
}

  .companylogoForgotPage {
    float: center;
    text-align: center;
  }

  .profilePanel-design {
    display: initial;
  }

  .profilePanel-design img {
    max-width: 20px;
    max-height: 20px;
    margin-right: 2.1rem;
  }

  .content {
    padding-top: 0;
  }

  .table {}

  .right-panel header.header .top-left {
    /* position: fixed; */
    top: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    z-index: 999;
    border-bottom: 1px solid #dcdcdc;
  }

  .right-panel header.header {
    background: #fff;
    border-bottom: 1px solid #e8e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    height: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    margin-top: 0;
  }

  .right-panel.right-panelMyCourses {
    margin-left: 0;
    margin-top: 55px;
    overflow-x: hidden;
    background-color: transparent;
  }

  .mycoursesHeader {
    /* position: fixed; */
    border-bottom: 1px solid #e2e2e2;
    height: 100px;
    background-color: #fcfcfc;
    z-index: 1;
    width: 100%;
    padding-right: 30px;
    margin-top: -20px;
  }

  .top-right {
    display: none;
  }

  .MyCourses .urlCompanyLogo img {
    max-height: 70px;
    margin-top: 15px;
  }

  .MyCourses {
    padding-right: 0;
  }

  .card .card-body {
    padding: .5px;
  }

  .card-body {
    padding: .5px;
  }

  .MyCourses .borderedCard {
    margin-top: 10px;
  }

}

@media only screen and (max-width: 623px) {

.mycoursesTitle {
  padding-top: 2.5rem;
}

  .returningUsersCard {
    float: none;
    height: auto;
  }

.newUserCard {
    float: none;
    width: 100%;
    height: auto;
}

.studentSignIn-section {
    padding-top: 3%;
    padding-bottom: 5%;
    padding-left: 0;
}

}

@media only screen and (max-width: 578px) {
  .public-container .logo{
    padding: 0px;
  }
.padding-left-0{
  padding-left: 0px;
}
.studentSignIn-section {
    padding-top: 3%;
    padding-bottom: 5%;
    padding-left: 0;
}

.mycoursesTitle {
  padding-top: 2.5rem;
}

  .mycoursesHeader h1 {
    font-size: 1.2rem;
  }

  .coursesDesc {
    font-size: .8rem;
  }

}

@media only screen and (max-width: 442px) {

  .mycoursesHeader h1 {
    font-size: 1rem;
  }

  .coursesDesc {
    font-size: .6rem;
  }

}