html,body {
  height: 100%;
}

* {
    -moz-box-sizing: border-box;
}

body {
  background-color: #ededed;
  color: #424242;
  margin: 0;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.428571429;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
h1,.h1{font-size:45px;line-height:48px}
h2,.h2{font-size:36px;line-height:42px}
h3,.h3{font-size:28px;line-height:36px}
h4,.h4{font-size:24px;line-height:25px}
h5,.h5{font-size:20px;line-height:24px}
h6,.h6{font-size:18px;line-height:24px}

a{color:#3282e6;}
a:hover,a:focus{color:#165db5;text-decoration:underline}

.text-center{text-align:center}

.wrap {
  min-height: 100%;
  .display: table;
  .height: 100%;
}

.top-bar {
  height: 20px;
  background: #71a100;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZmExMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #71a100 0%, #6fa100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a100), color-stop(100%,#6fa100));
  background: -webkit-linear-gradient(top,  #71a100 0%,#6fa100 100%);
  background: -o-linear-gradient(top,  #71a100 0%,#6fa100 100%);
  background: -ms-linear-gradient(top,  #71a100 0%,#6fa100 100%);
  background: linear-gradient(to bottom,  #71a100 0%,#6fa100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a100', endColorstr='#6fa100',GradientType=0 );
}

:root .top-bar {
  filter: none \0/IE9;
}

.welcome-container {
  width: 500px;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 60px;
}

.coming-soon-wrap {
  margin-top: 90px;
}

.frowny-face {
  text-align: center;
  font-size: 130px;
  color: #919191;
  line-height: 1.1;
  margin-top: 90px;
  margin-bottom: 70px;
}

.welcome-container h1 {
  margin-bottom: 1em;
}

.btn-primary {
    background-color: #7FB141;
    border-color: #648C33;
    color: #FFFFFF;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0 0 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.btn-primary {
    background-color: #7FB141;
    border-color: #648C33;
    color: #FFFFFF;
}


.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active {
    background-color: #729E3A;
    border-color: #496626;
    color: #fff;
}

.btn:hover, 
.btn:focus {
    text-decoration: none;
}

.login-container {
  text-align: right;
  margin: 20px;
}

.footer {
  position: relative;
  margin-top: -60px; /* negative value of footer height */
  height: 60px;
  clear:both;
  text-align: center;
  font-size: 14px;
}

 
/*.vertical-job-openings {*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    right: 0;*/
/*    transform: translateY(-50%);*/
/*    background-color: rgba(0, 0, 0, 0.7);*/
/*    color: #fff ;*/
    padding: 15px 20px; /* more space for bigger font */
    width: 60px; /* wider bar */
/*    text-decoration: none;*/
/*    font-weight: bold;*/
/*    font-family: Arial, sans-serif;*/
/*    border-radius: 5px 0 0 5px;*/
/*    z-index: 9999;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 0;*/
/*    text-align: center;*/
    font-size: 15px; /* increased font size */
/*}*/
 
/*.vertical-job-openings span {*/
/*    display: block;*/
    line-height: 1.1; /* adjust spacing between letters */
/*}*/
 
 
.vertical-job-openings {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 15px 20px;
    width: 60px;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, sans-serif;
    border-radius: 5px 0 0 5px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;
    font-size: 15px;
}

 Force white color on letters 
.vertical-job-openings span {
    display: block;
    line-height: 1.1;
    color: #fff;
}

 
/* Hide on small screens */
@media (max-width: 992px) {
    .job-strip { display: none; }
}
 
.footer-hr {
    border: 0;
    height: 2px;        /* thickness of the line */
    background-color: #fff; /* white color */
    margin-bottom: 20px;    /* spacing below the line */
}
 
.compliance-section h5 {
    font-weight: 600;
    color: #fff; /* text color white */
}
 
.compliance-logos img {
    display: inline-block;
    max-width: 200px;
    height: auto;
}
 
 #job-openings a {
    color: #fff !important;
}


/* PractoPulse leadership section */
.pp-leaders { max-width: none; margin: 0; padding: 60px 12px; }
.pp-leaders-header { text-align: center; margin-bottom: 40px; }
.pp-leaders-header h1 { margin: 0; }
.pp-leader {
  display: flow-root; background: #ffffff; border: 1px solid #e3e6ef;
  border-radius: 16px; padding: 36px; margin-bottom: 32px;
}
.pp-leader .pp-leader-photo {
  width: 280px; height: 340px; max-width: none; object-fit: cover;
  object-position: center top; border-radius: 12px; display: block;
}
.pp-leader.pp-photo-right .pp-leader-photo { float: right; margin: 0 0 24px 40px; }
.pp-leader.pp-photo-left .pp-leader-photo { float: left; margin: 0 40px 24px 0; }
.pp-leader h2 { margin: 0; font-size: 26px; color: #1f2430; }
.pp-leader .pp-role { color: #2f5bea; font-weight: 600; font-size: 16px; margin: 4px 0 16px; }
.pp-leader p { margin: 0 0 14px; color: #5b6475; font-size: 16px; line-height: 1.65; }
.pp-leader p.pp-tagline { font-size: 18px; font-weight: 600; color: #1f2430; font-style: italic; }
.pp-leader p:last-child { margin-bottom: 0; }
@media (max-width: 768px) {
  .pp-leaders { padding: 40px 12px; }
  .pp-leader { padding: 24px 20px; }
  .pp-leader.pp-photo-right .pp-leader-photo,
  .pp-leader.pp-photo-left .pp-leader-photo {
    float: none; width: 100%; max-width: 280px; height: auto;
    aspect-ratio: 280 / 340; margin: 0 auto 24px;
  }
  .pp-leader h2, .pp-leader .pp-role, .pp-leader p.pp-tagline { text-align: center; }
}


/* ===== PractoPulse leadership section ===== */
/*.pp-leaders {*/
/*  max-width: none;*/
/*  margin: 0;*/
/*  padding: 60px 12px;*/
/*}*/
/*.pp-leaders-header {*/
/*  text-align: center;*/
/*  margin-bottom: 40px;*/
/*}*/
/*.pp-leaders-header h1 {*/
/*  margin: 0;*/
/*}*/
/*.pp-leader {*/
/*  display: flow-root;*/
/*  background: #ffffff;*/
/*  border: 1px solid #e3e6ef;*/
/*  border-radius: 16px;*/
/*  padding: 36px;*/
/*  margin-bottom: 32px;*/
/*}*/
/*.pp-leader .pp-leader-photo {*/
/*  width: 280px;*/
/*  height: 340px;*/
/*  max-width: none;*/
/*  object-fit: cover;*/
/*  object-position: center top;*/
/*  border-radius: 12px;*/
/*  display: block;*/
/*}*/
/*.pp-leader.pp-photo-right .pp-leader-photo {*/
/*  float: right;*/
/*  margin: 0 0 24px 40px;*/
/*}*/
/*.pp-leader.pp-photo-left .pp-leader-photo {*/
/*  float: left;*/
/*  margin: 0 40px 24px 0;*/
/*}*/
/*.pp-leader h2 {*/
/*  margin: 0;*/
/*  font-size: 26px;*/
/*  color: #1f2430;*/
/*}*/
/*.pp-leader .pp-role {*/
/*  color: #2f5bea;*/
/*  font-weight: 600;*/
/*  font-size: 16px;*/
/*  margin: 4px 0 16px;*/
/*}*/
/*.pp-leader p {*/
/*  margin: 0 0 14px;*/
/*  color: #5b6475;*/
/*  font-size: 16px;*/
/*  line-height: 1.65;*/
/*}*/
/*.pp-leader p.pp-tagline {*/
/*  font-size: 18px;*/
/*  font-weight: 600;*/
/*  color: #1f2430;*/
/*}*/
/*.pp-leader p:last-child { margin-bottom: 0; }*/
/*@media (max-width: 768px) {*/
/*  .pp-leaders { padding: 40px 12px; }*/
/*  .pp-leader { padding: 24px 20px; }*/
/*  .pp-leader.pp-photo-right .pp-leader-photo,*/
/*  .pp-leader.pp-photo-left .pp-leader-photo {*/
/*    float: none;*/
/*    width: 100%;*/
/*    max-width: 280px;*/
/*    height: auto;*/
/*    aspect-ratio: 280 / 340;*/
/*    margin: 0 auto 24px;*/
/*  }*/
/*  .pp-leader h2, .pp-leader .pp-role, .pp-leader p.pp-tagline { text-align: center; }*/
/*}*/
/* ===== End leadership section ===== */