body {
    /* min-height: 75rem; */
    padding-top: 59px;
    background: #eee;
}

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

h1 {
    font-size: 32px;
    line-height: 34px;
}

@media (min-width: 768px) {
    h1 {
        font-size: 36px;
        line-height: 40px;
    }
}

h2 {
    font-size: 20px;
    line-height: 28px;
}

@media (min-width: 768px) {
    h2 {
        font-size: 24px;
        line-height: 36px;
    }
}

h1, h2 {
    font-family: 'avenir_lt_std95_black', sans-serif;
    font-weight: normal; /*line-height:1em !important;*/
}

h3 {
    font-family: 'avenir_lt_std85_heavy', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.7em;
}

h4 {
    font-family: 'avenir_lt_std95_black', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2em;
}

h5 {
    font-family: 'avenir_lt_std65_medium', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
}

h6 {
    font-family: 'avenir_lt_std85_heavy', sans-serif;
    font-weight: normal;
    font-size: 11px;
}

p {
    font-family: 'avenir_lt_std55_roman', sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.03rem;
}

li, td, th {
    font-family: 'avenir_lt_std55_roman', sans-serif;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 1em;
    letter-spacing: 0.03rem;
}

strong, .strong {
    font-family: 'avenir_lt_std95_black', sans-serif;
    font-weight: normal;
}

label {
    font-family: 'avenir_lt_std95_black', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
}


.text-large {
    font-family: 'avenir_lt_std55_roman', sans-serif;
    font-size: 17px;
    line-height: 29px;
    letter-spacing: 0.10em;
}


a {
    color: #33b4a7;
    font-size: 15px;
    text-decoration: none;
}

a:vistited {
    color: #666;
}

a, a:active, a:focus {
    outline: none;
}

a:hover {
    color: #006699;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
    color: #33b4a7;
}

img {
    border: 0;
}

a img {
    border: none;
}

.text-small {
    font-size: 10px;
    line-height: 18px;
    padding: 9px 0;
}

a.reportLink {
    font-size: 12px;
    font-family: 'avenir_lt_std95_black', sans-serif;
    font-weight: normal;
    color: #33b4a7;
    text-decoration: none;
}

a.reportLink:hover {
    color: #000;
}

.allCaps {
    text-transform: uppercase;
}

@media (min-width: 320px) {
    .tl-sm-tc, .tl-xs-tc, .textLeftXScenter {
        text-align: center;
    }

    .tr-sm-tc, .tr-xs-tc, .textRightXScenter {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .tl-sm-tc, .tl-xs-tc, .textLeftXScenter {
        text-align: left;
    }

    .tr-sm-tc, .tr-xs-tc, .textRightXScenter {
        text-align: right;
    }
}

.clearer {
    clear: both;
}

.relative {
    position: relative;
}

/* .nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
} */

.mainmenu {
    z-index: 1029;
    position: fixed;
    right: 1em;
    top: 60px;
    background: #333333;
    color: #fff;
    border-radius: 0 0 16px 16px;
    width: 200px;
}

.navbar-nav li {
    margin-bottom: 0;
    margin-top: 0px;
}

.navbar-nav li a i {
    padding: .65em .4em .3em .6em;
    border-radius: 16px 0 0 16px;
    background-color: #333;
    text-align: center;
    width: 36px;
    height: 32px;
    display: inline-block;
    line-height: 0.8rem;
}

.navbar-nav li a span {
    padding: .6em .5em .4em;
    background-color: #333;
    width: calc(100% - 36px);
    height: 32px;
    display: inline-block;
    line-height: 0.95rem;
}

.navbar-nav li a:hover span {
    background-color: #00554f;
}

.navbar-nav li a:hover i {
    background-color: #00a99d;
}


/* home profile pages */
.userBox, .inputBox, .profileBox {
    background: #fff;
    border-radius: 24px 24px 16px 16px;
}

.reportBox {
    background: #fff;
    border-radius: 24px 24px 0 0;
}

.userBoxTop, .reportBoxTop, .profileBoxTop {
    background: #4d4d4d;
    border-radius: 24px 24px 0 0;
}

.inputBoxTop {
    border-radius: 24px 24px 0 0;
}

/* table test */
.userBox table tbody tr {
    border-radius: 16px !important;
    padding: 10px !important;
    margin: 10px !important;
    border: none !important;
}

.userBox table tbody td {
    border: none !important;
}

.profileIcon,
.reportSubNumbers {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    padding: 4px;
    color: #fff;
}

.profileIconLarge {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    padding: 12px;
    color: #fff;
    margin-top: -2.5em;
}

.profileIconLarge i {
    font-size: 1.5em;
}

.reportIcon {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    padding: 2px;
    color: #fff;
}

.reportIconLarge {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    padding: 6px;
    color: #fff;
    margin-top: -2.5em;
}

.profileName, .reportName {
    position: relative;
    padding-right: 1.5em !important;
}

.profileName:after {
    content: '';
    position: absolute;
    margin: 0;
    background: #999999;
    /* height: 18px; */
    width: 1px;
    top: 12px;
    right: 0;
    bottom: 12px;
}

.profileViewLink a {
    color: #33b4a7
}


.thSorters div {
    display: none;
}

@media (min-width: 768px) {
    .thSorters div {
        display: block;
        font-size: 0.7rem;
        font-weight: 700;
        white-space: nowrap;
    }
}

.profileTestNumber {
    width: 22px;
    height: 22px;
    font-weight: 700;
    color: #fff;
    border-radius: 22px;
    font-size: 14px;
    line-height: 1em;
    padding: 6px 10px;
}


.border-default {
    border-color: #33b4a7;
}

.background-default {
    background-color: #33b4a7;
}

.text-default {
    color: #33b4a7
}

.text-yellow {
    color: #fcb74d;
}

.border-yellow {
    border-color: #fcb74d;
}

.background-yellow {
    background-color: #fcb74d;
}

.text-blue {
    color: #006699;
}

.border-blue {
    border-color: #006699;
}

.background-blue {
    background-color: #006699;
}

.text-purple {
    color: #92509d;
}

.border-purple {
    border-color: #92509d;
}

.background-purple {
    background-color: #92509d;
}

.text-red {
    color: #db4300;
}

.border-red {
    border-color: #db4300;
}

.background-red {
    background-color: #db4300;
}

.text-green {
    color: #61a60e;
}

.border-green {
    border-color: #61a60e;
}

.background-green {
    background-color: #61a60e;
}

.text-dark-gray {
    color: #4d4d4d;
}

.text-gray {
    color: #999999;
}

.border-gray {
    border-color: #999999;
}

.background-gray {
    background-color: #999999;
}

.darkGrayBk {
    background-color: #4d4d4d;
}

.lightGrayBk {
    background-color: #ededed;
}
.background-white {
    background-color: #ffffff;
}
.background-fzgrad {
    background: linear-gradient(to bottom,  #00a99d 0%,#005d82 100%);
    height:100vh;
    position:fixed;
    overflow-y:scroll;
}

.textGray999 {
    color: #999999;
}

.midGrayBk {
    background-color: #999999;
}

/* buttons and button over-rides */
.btn-round {
    width: 29px;
    height: 29px;
    border: solid 1px #4d4d4d;
    padding: .3rem .4rem;
    border-radius: 29px;
    font-size: 0.83rem;
    line-height: 1.5em;
    background: transparent;
}

.btn-round:hover {
    background: #4d4d4d;
    color: #fff;
}

.btn-lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.15rem;
}

.btnColor-default {
    background: transparent;
    border-color: #33b4a7;
    color: #33b4a7;
}

.btnColor-default:hover {
    background: #33b4a7;
    color: #fff;
}

.btn-primary {
    font-size: 0.9em;
    border-radius: 4px;
    background: #33b4a7;
    border-color: #33b4a7;
    font-family: 'avenir_lt_std55_roman';
}

.btn-primary:hover {
    background: #4d4d4d;
    border-color: #4d4d4d;
    color: #fff;
}

.btn-outline-primary {
    font-size: 0.9em;
    border-radius: 4px;
    background: transparent;
    border-color: #33b4a7;
    font-family: 'avenir_lt_std55_roman';
    color: #33b4a7;
}

.btn-outline-primary:hover {
    background: #33b4a7;
    border-color: #33b4a7;
    color: #fff;
}

.btn-w-133 {
    width: 133px;
    text-align: center;
}

.btn-secondary {
    font-size: 0.9em;
    border-radius: 4px;
    background: transparent;
    border-color: #33b4a7;
    font-family: 'avenir_lt_std55_roman';
    color: #33b4a7;
}

.btn-secondary:hover {
    background: #33b4a7;
    border-color: #33b4a7;
    color: #fff;
}


/* login page */
.loginBox {
    background: #fff;
    border-radius: 16px;
    max-width: 550px;
    margin: auto;
}

.loginBk {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a99d+0,005d82+100 */
    background: rgb(0, 93, 130, 1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 169, 157, 1) 0%, rgba(0, 93, 130, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 169, 157, 1) 0%, rgba(0, 93, 130, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 169, 157, 1) 0%, rgba(0, 93, 130, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a99d', endColorstr='#005d82', GradientType=0); /* IE6-9 */
    background-repeat: no-repeat;
}

#loginform .form-check-input {
    height: calc(1.5rem + 2px);
    width: calc(1.5rem + 2px);
    line-height: 1.25;
}

#loginform .form-check-label {
    margin-left: 20px;
}

#loginform .form-floating label {
    font-family: 'avenir_lt_std55_roman', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.2em;
}

/* profile page */
.profileBoxPicture {
    background: #fff;
    border-radius: 16px;
    margin-top: 120px;
}

.profileImage {
    max-width: 232px;
    margin: -120px auto 0;
    /* padding-top:120px; */ /*use margin from above */
    position: relative;
}

.profileImage a::before {
    content: '\f303';
    font: var(--fa-font-solid);
    color: #fff;
    width: 32px;
    height: 32px;
    background: #33b4a7;
    border-radius: 30px;
    position: absolute;
    right: 40px;
    bottom: 9px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 9px 4px;
    font-size: 0.8rem;
}

/* status pills */
.statusPill {
    font-size: 0.7em;
    line-height: 1em;
    font-weight: 700;
    border-radius: 30px;
    padding: 7px 15px 6px;
}

.statusComplete {
    color: #61a60e;
    background: #c0db9f;
}

.statusInProgress {
    color: #d89844;
    background-color: #fde8b7;
    white-space: nowrap;
}

.statusNotStarted {
    color: #db4300;
    background-color: #f8d9cc;
    white-space: nowrap;
}

.recordedDataBubble {
    background-color: #ededed;
}

/* nav toggle */
.navbar-toggler-icon {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C!--!%20Font%20Awesome%20Pro%206.2.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20(Commercial%20License)%20Copyright%202022%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-toggler {
    border: none;
}


/* square nav buttons */
.btn-sqr {
    /* width: 88px; */
    width: 94px;
    height: 88px;
    border-radius: 4px;
    padding: 4px;
    font-size: 0.6rem;
    line-height: 0.7rem;
    font-weight: 700;
    color: #fff;
    border: none;
    flex: 1 1 auto;
    text-align: center;
}

.buttonNav .btn.disabled, .buttonNav .btn.disabled {
    color:#fff !important;
    background: #999999 !important; 
    opacity:1;
}

a.btn-report-summary, .bg-report-summary {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a99d+0,007870+100 */
    background: rgb(0, 169, 157); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 169, 157, 1) 0%, rgba(0, 120, 112, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 169, 157, 1) 0%, rgba(0, 120, 112, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 169, 157, 1) 0%, rgba(0, 120, 112, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a99d', endColorstr='#007870', GradientType=0); /* IE6-9 */
    transition: background-color 0.5s;
}

a.btn-report-summary:hover {
    background: #00a99d;
    color: #fff;
    text-decoration: none;
}

a.btn-body-comp, .bg-body-comp {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006699+0,014e75+100 */
    background: rgb(0, 102, 153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 102, 153, 1) 0%, rgba(1, 78, 117, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 102, 153, 1) 0%, rgba(1, 78, 117, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 102, 153, 1) 0%, rgba(1, 78, 117, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#014e75', GradientType=0); /* IE6-9 */
    transition: background-color 0.5s;
}

a.btn-body-comp:hover {
    background: #006699;
    color: #fff;
    text-decoration: none;
}

a.btn-balance, .bg-balance {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#94519f+0,532e59+100 */
    background: rgb(148, 81, 159); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(148, 81, 159, 1) 0%, rgba(83, 46, 89, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(148, 81, 159, 1) 0%, rgba(83, 46, 89, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(148, 81, 159, 1) 0%, rgba(83, 46, 89, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94519f', endColorstr='#532e59', GradientType=0); /* IE6-9 */
    transition: background-color 0.5s;
}

a.btn-balance:hover {
    background: #94519f;
    color: #fff;
    text-decoration: none;
}

a.btn-cardio, .bg-cardio {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#db4300+0,a63200+100 */
    background: rgb(219, 67, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(219, 67, 0, 1) 0%, rgba(166, 50, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(219, 67, 0, 1) 0%, rgba(166, 50, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(219, 67, 0, 1) 0%, rgba(166, 50, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db4300', endColorstr='#a63200', GradientType=0); /* IE6-9 */
    transition: background-color 0.5s;
}

a.btn-cardio:hover {
    background: #db4300;
    color: #fff;
    text-decoration: none;
}

a.btn-muscular, .bg-muscular {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcb74d+0,bf8b3a+100 */
    background: rgb(252, 183, 77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252, 183, 77, 1) 0%, rgba(191, 139, 58, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(252, 183, 77, 1) 0%, rgba(191, 139, 58, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(252, 183, 77, 1) 0%, rgba(191, 139, 58, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcb74d', endColorstr='#bf8b3a', GradientType=0); /* IE6-9 */
    transition: background-color 0.5s;
}

a.btn-muscular:hover {
    background: #fcb74d;
    color: #fff;
    text-decoration: none;
}

a.btn-rom, .bg-rom {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#61a60e+0,43730a+100 */
    background: rgb(97, 166, 14); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(97, 166, 14, 1) 0%, rgba(67, 115, 10, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(97, 166, 14, 1) 0%, rgba(67, 115, 10, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(97, 166, 14, 1) 0%, rgba(67, 115, 10, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a60e', endColorstr='#43730a', GradientType=0); /* IE6-9 */
    transition: background-color 0.5s;
}

a.btn-rom:hover {
    background: #61a60e;
    color: #fff;
    text-decoration: none;
}

.btnIcon {
    width: 40px;
    margin: auto;
    height: 50px;
    text-align: center;
}

.btnIcon img {
    width: 40px;
    margin: auto;
}

.btnText {
    padding: 2px 0;
    font-size: 9px;
    margin: auto auto 4px;
}

.btnTextSecondary {
    padding: 0;
    font-size: 9px;
    line-height: 12px;
    margin: 0 auto;
}

/* square nav buttons */
.btn-video {
    width: 88px;
    height: 88px;
    border-radius: 4px;
    background: #fff;
    padding: 4px;
    font-size: 0.6rem;
    line-height: 0.7rem;
    font-weight: 700;
    color: #00a99d;
    border: 1px solid #00a99d;
}

.btn-video:hover {
    background: #00a99d;
    color: #fff;
}


.keyMFcolor1 {
    width: 16px;
    height: 32px;
    border-radius: 8px;
}

.keyBCcolor1 {
    width: 16px;
    height: 32px;
    border-radius: 8px;
}

/* Muscular Fitness */

.tooltipBadge {
    width: 12px;
    height: 12px;
    background: url("../images/tooltipIcon_mf.svg") no-repeat center;
    position: absolute;
}

.accordion-button .tooltipBadge {
    margin-top: -1rem;
}

.testdataBox {
    background: #fff;
    border-radius: 0px 0px 16px 16px;
}

.divider-4 {
    border-top: 4px solid #ccc;
    border-radius: 2px;
}

.divider-1 {
    border-top: 1px solid #ccc;
}

.divider-1b {
    border-bottom: 1px solid #ccc;
}

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

.nav-pills .nav-item a {
    /* width: 88px; */
    width:110px;
    height: 88px;
    text-align: center;
    font-size: .7em;
    line-height: 1.2em;
}

@media (min-width: 768px) {
    .nav-pills .nav-item a {
        width: 138px;
        height: 138px;
        text-align: center;
        font-size: 1em;
    }
}

.nav-pills .nav-item a:hover {
    text-decoration: none;
}

.nav-pills .nav-link {
    border: 2px solid blue;
    margin-right: .5rem;
}

.nav-pills .nav-link.active {
    border: 2px solid blue;
}

.nav-link .pillsTextSecondary {
    font-size: .6em !important;
    line-height: 0.5em !important;
    color: #999;
}

.accordion-button {
    border-radius: 1rem !important;
}

/* Muscular Fitness */
.muscularFitnessNav .nav-pills .nav-link {
  border: 2px solid #fcb74d;
  color:#fcb74d;
}
.muscularFitnessNav .nav-pills .nav-link.active, .muscularFitnessNav .nav-pills .nav-link:hover {
  border: 2px solid #fcb74d;
  color:#fff;
}

.muscularFitnessNav .nav-pills .strength a,
.muscularFitnessNav .nav-pills .grip a,
.muscularFitnessNav .nav-pills .endurance a {
background: #fff;
}
.muscularFitnessNav .nav-pills .strength a.active, 
.muscularFitnessNav .nav-pills .strength a:hover,
.muscularFitnessNav .nav-pills .grip a.active, 
.muscularFitnessNav .nav-pills .grip a:hover,
.muscularFitnessNav .nav-pills .endurance a.active, 
.muscularFitnessNav .nav-pills .endurance a:hover
 {
background: #fcb74d;
}

.muscularFitnessNav .nav-pills .strength a .bgHolder {
background: url('../images/i_muscularfitness_sub_strength.svg') center center no-repeat;
background-size: 55%;
}
.muscularFitnessNav .nav-pills .strength a.active .bgHolder, 
.muscularFitnessNav .nav-pills .strength a:hover .bgHolder {
background: url('../images/i_muscularfitness_sub_strength_w.svg') center center no-repeat;
background-size: 55%;
}

.muscularFitnessNav .nav-pills .grip a .bgHolder {
background: url('../images/i_muscularfitness_sub_grip.svg') center center no-repeat;
background-size: 55%;
}

.muscularFitnessNav .nav-pills .grip a.active .bgHolder, 
.muscularFitnessNav .nav-pills .grip a:hover .bgHolder {
background: url('../images/i_muscularfitness_sub_grip_w.svg') center center no-repeat;
background-size: 55%;
}

.muscularFitnessNav .nav-pills .endurance a .bgHolder {
background: url('../images/i_muscularfitness_sub_endurance.svg') center center no-repeat;
background-size: 55%;
}

.muscularFitnessNav .nav-pills .endurance a.active .bgHolder, 
.muscularFitnessNav .nav-pills .endurance a:hover .bgHolder {
background: url('../images/i_muscularfitness_sub_endurance_w.svg') center no-repeat;
background-size: 55%;
}
.muscularFitnessReportTestData .accordion-button:not(.collapsed) {
    background-color: #fee1b4 !important;
    box-shadow: inset 0 1px 0 #fee1b4 !important;
    border-radius: 1rem 1rem 0 0 !important;
    color: #4b2e01;
}
.muscularFitnessReportTestData .accordion-button {
  background-color: #fee1b4 !important;
  box-shadow: inset 0 1px 0 #fee1b4 !important;
  border-radius: 1rem !important;
}

.muscularFitnessReportTestData .border {
  border:1px solid #fee1b4 !important;
}

.muscularFitnessReportTestData .accordion .accordion .accordion-button:not(.collapsed) {
  background-color: #4b2e01 !important;
  box-shadow: inset 0 1px 0 #4b2e01 !important;
  border-radius: 1rem 1rem 0 0 !important;
  color:#fff;
}

.muscularFitnessReportTestData .accordion .accordion .accordion-button {
  background-color: #4b2e01 !important;
  box-shadow: inset 0 1px 0 #4b2e01 !important;
  border-radius: 1rem !important;
  color:#fff;
}

.muscularFitnessReportTestData .accordion .accordion .border {
  border:1px solid #4b2e01 !important;
}

.muscularFitnessReportTestData .accordion .accordion .accordion-button:after,
.muscularFitnessReportTestData .accordion .accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='%23ffffff'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/%3e%3c/svg%3e");
    color: #4b2e01 !important;
}


/* Body Composition */
.bodyCompositionNav .nav-pills .nav-link {
  border: 2px solid #006699;
  color:#006699;
}
.bodyCompositionNav .nav-pills .nav-link.active, .bodyCompositionNav .nav-pills .nav-link:hover {
  border: 2px solid #006699;
  color:#fff;
}
.bodyCompositionActivityInput .nav-pills .nav-link {
  border: 2px solid #006699;
  color:#006699;
}
.bodyCompositionActivityInput .nav-pills .nav-link.active {
  border: 2px solid #006699;
  background:#006699;
  color:#fff;
}


.bodyCompositionNav .nav-pills .calccomp a,
.bodyCompositionNav .nav-pills .restingmeasure a,
.bodyCompositionNav .nav-pills .circumference a,
.bodyCompositionNav .nav-pills .skinfold a {
background: #fff;
}
.bodyCompositionNav .nav-pills .calccomp a.active, 
.bodyCompositionNav .nav-pills .calccomp a:hover,
.bodyCompositionNav .nav-pills .restingmeasure a.active, 
.bodyCompositionNav .nav-pills .restingmeasure a:hover,
.bodyCompositionNav .nav-pills .circumference a.active, 
.bodyCompositionNav .nav-pills .circumference a:hover,
.bodyCompositionNav .nav-pills .skinfold a.active, 
.bodyCompositionNav .nav-pills .skinfold a:hover
 {
background: #006699;
}
.bodyCompositionNav .nav-pills .calccomp a .bgHolder {
background: url('../images/i_bodycomp_sub_calccomp.svg') center center no-repeat;
background-size: 45%;
}

.bodyCompositionNav .nav-pills .calccomp a.active .bgHolder, 
.bodyCompositionNav .nav-pills .calccomp a:hover .bgHolder {
background: url('../images/i_bodycomp_sub_calccomp_w.svg') center center no-repeat;
background-size: 45%;
}

.bodyCompositionNav .nav-pills .restingmeasure a .bgHolder {
background: url('../images/i_bodycomp_sub_measure.svg') center center no-repeat;
background-size: 50%;
}

.bodyCompositionNav .nav-pills .restingmeasure a.active .bgHolder, 
.bodyCompositionNav .nav-pills .restingmeasure a:hover .bgHolder {
background: url('../images/i_bodycomp_sub_measure_w.svg') center center no-repeat;
background-size: 50%;
}

.bodyCompositionNav .nav-pills .circumference a .bgHolder {
background: url('../images/i_bodycomp_sub_circumference.svg') center center no-repeat;
background-size: 50%;
}

.bodyCompositionNav .nav-pills .circumference a.active .bgHolder, 
.bodyCompositionNav .nav-pills .circumference a:hover .bgHolder {
background: url('../images/i_bodycomp_sub_circumference_w.svg') center center no-repeat;
background-size: 50%;
}

.bodyCompositionNav .nav-pills .skinfold a .bgHolder {
background: url('../images/i_bodycomp_sub_skinfold.svg') center center no-repeat;
background-size: 50%;
}

.bodyCompositionNav .nav-pills .skinfold a.active .bgHolder, 
.bodyCompositionNav .nav-pills .skinfold a:hover .bgHolder {
background: url('../images/i_bodycomp_sub_skinfold_w.svg') center center no-repeat;
background-size: 50%;
}
/* If Needed in Future */
/* .bodyCompositionReportTestData .accordion-button:not(.collapsed) {
    background-color: #006699 !important;
    box-shadow: inset 0 1px 0 #006699 !important;
  border-radius: 1rem 1rem 0 0 !important;
    color: #006699;
}
.bodyCompositionReportTestData .accordion-button {
  background-color: #006699 !important;
  box-shadow: inset 0 1px 0 #006699 !important;
  border-radius: 1rem !important;
}

.bodyCompositionReportTestData .border {
  border:1px solid #006699 !important;
}

.bodyCompositionReportTestData .accordion .accordion .accordion-button:not(.collapsed) {
  background-color: #006699 !important;
  box-shadow: inset 0 1px 0 #006699 !important;
  border-radius: 1rem 1rem 0 0 !important;
  color:#fff;
}

.bodyCompositionReportTestData .accordion .accordion .accordion-button {
  background-color: #006699 !important;
  box-shadow: inset 0 1px 0 #006699 !important;
  border-radius: 1rem !important;
  color:#fff;
}

.bodyCompositionReportTestData .accordion .accordion .border {
  border:1px solid #006699 !important;
}

.bodyCompositionReportTestData .accordion .accordion .accordion-button:after,
.bodyCompositionReportTestData .accordion .accordion .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='%23ffffff'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/%3e%3c/svg%3e");
} */


/* Balance */
.balanceNav .nav-pills .nav-link {
  border: 2px solid #94519f;
  color:#94519f;
}
.balanceNav .nav-pills .nav-link.active, .balanceNav .nav-pills .nav-link:hover {
  border: 2px solid #94519f;
  color:#fff;
}
.balanceNav .nav-pills .nav-link img {
  width:40px;
}

.balanceNav .nav-pills .singlelegtest a,
.balanceNav .nav-pills .fzbalancetest a,
.balanceNav .nav-pills .bess a,
.balanceNav .nav-pills .modytest a
 {
background: #fff;
}
.balanceNav .nav-pills .singlelegtest a.active, 
.balanceNav .nav-pills .singlelegtest a:hover,
.balanceNav .nav-pills .fzbalancetest a.active, 
.balanceNav .nav-pills .fzbalancetest a:hover,
.balanceNav .nav-pills .bess a.active, 
.balanceNav .nav-pills .bess a:hover,
.balanceNav .nav-pills .modytest a.active, 
.balanceNav .nav-pills .modytest a:hover 
{
background: #94519f;
}

.balanceNav .nav-pills .singlelegtest a .bgHolder {
background: url('../images/i_balance_sub_single.svg') center center no-repeat;
background-size: 55%;
}
.balanceNav .nav-pills .singlelegtest a.active .bgHolder, 
.balanceNav .nav-pills .singlelegtest a:hover .bgHolder {
background: url('../images/i_balance_sub_single_w.svg') center center no-repeat;
background-size: 55%;
}

.balanceNav .nav-pills .fzbalancetest a .bgHolder {
background: url('../images/i_balance_sub_fzbalance.svg') center center no-repeat;
background-size: contain;
}
.balanceNav .nav-pills .fzbalancetest a.active .bgHolder, 
.balanceNav .nav-pills .fzbalancetest a:hover .bgHolder {
background: url('../images/i_balance_sub_fzbalance_w.svg') center center no-repeat;
background-size: contain;
}

.balanceNav .nav-pills .bess a .bgHolder {
background: url('../images/i_balance_sub_bess.svg') center center no-repeat;
background-size: 55%;
}
.balanceNav .nav-pills .bess a.active .bgHolder, 
.balanceNav .nav-pills .bess a:hover .bgHolder {
background: url('../images/i_balance_sub_bess_w.svg') center center no-repeat;
background-size: 55%;
}

.balanceNav .nav-pills .modytest a .bgHolder {
background: url('../images/i_balance_sub_mody.svg') center center no-repeat;
background-size: 55%;
}
.balanceNav .nav-pills .modytest a.active .bgHolder, 
.balanceNav .nav-pills .modytest a:hover .bgHolder {
background: url('../images/i_balance_sub_mody_w.svg') center center no-repeat;
background-size: 55%;
}
/* If Needed in Future */
/* .balanceReportTestData .accordion-button:not(.collapsed) {
    background-color: #94519f !important;
    box-shadow: inset 0 1px 0 #94519f !important;
  border-radius: 1rem 1rem 0 0 !important;
}
.balanceReportTestData .accordion-button {
  background-color: #94519f !important;
  box-shadow: inset 0 1px 0 #94519f !important;
  border-radius: 1rem !important;
} */

/* Cardiovascular Fitness */

.cardiovascularFitnessNav .nav-pills .nav-link {
  border: 2px solid #db4300;
  color:#db4300;
}
.cardiovascularFitnessNav .nav-pills .nav-link.active, .cardiovascularFitnessNav .nav-pills .nav-link:hover {
  border: 2px solid #db4300;
  color:#fff;
}

.cardiovascularFitnessNav .nav-pills .maxvalues a,
.cardiovascularFitnessNav .nav-pills .recovery a,
.cardiovascularFitnessNav .nav-pills .ranges a,
.cardiovascularFitnessNav .nav-pills .zones a
 {
background: #fff;
}
.cardiovascularFitnessNav .nav-pills .maxvalues a.active, 
.cardiovascularFitnessNav .nav-pills .maxvalues a:hover,
.cardiovascularFitnessNav .nav-pills .recovery a.active, 
.cardiovascularFitnessNav .nav-pills .recovery a:hover,
.cardiovascularFitnessNav .nav-pills .ranges a.active, 
.cardiovascularFitnessNav .nav-pills .ranges a:hover,
.cardiovascularFitnessNav .nav-pills .zones a.active, 
.cardiovascularFitnessNav .nav-pills .zones a:hover 
{
background: #db4300;
}

.cardiovascularFitnessNav .nav-pills .maxvalues a .bgHolder {
background: url('../images/i_cardio_sub_max.svg') center center no-repeat;
background-size: 55%;
}
.cardiovascularFitnessNav .nav-pills .maxvalues a.active .bgHolder, 
.cardiovascularFitnessNav .nav-pills .maxvalues a:hover .bgHolder {
background: url('../images/i_cardio_sub_max_w.svg') center center no-repeat;
background-size: 55%;
}

.cardiovascularFitnessNav .nav-pills .recovery a .bgHolder {
background: url('../images/i_cardio_sub_recovery.svg') center center no-repeat;
background-size: 55%;
}
.cardiovascularFitnessNav .nav-pills .recovery a.active .bgHolder, 
.cardiovascularFitnessNav .nav-pills .recovery a:hover .bgHolder {
background: url('../images/i_cardio_sub_recovery_w.svg') center center no-repeat;
background-size: 55%;
}

.cardiovascularFitnessNav .nav-pills .ranges a .bgHolder {
background: url('../images/i_cardio_sub_ranges.svg') center center no-repeat;
background-size: 55%;
}
.cardiovascularFitnessNav .nav-pills .ranges a.active .bgHolder, 
.cardiovascularFitnessNav .nav-pills .ranges a:hover .bgHolder {
background: url('../images/i_cardio_sub_ranges_w.svg') center center no-repeat;
background-size: 55%;
}

.cardiovascularFitnessNav .nav-pills .zones a .bgHolder {
background: url('../images/i_cardio_sub_zones.svg') center center no-repeat;
background-size: 55%;
}
.cardiovascularFitnessNav .nav-pills .zones a.active .bgHolder, 
.cardiovascularFitnessNav .nav-pills .zones a:hover .bgHolder {
background: url('../images/i_cardio_sub_zones_w.svg') center center no-repeat;
background-size: 55%;
}

/* */
.cardiovascularFitnessReportTestData .accordion-button:not(.collapsed) {
    background-color: #ff834d !important;
    box-shadow: inset 0 1px 0 #ff834d !important;
    border-radius: 1rem 1rem 0 0 !important;
    color: #fff;
}

.cardiovascularFitnessReportTestData .accordion-button {
    background-color: #ff834d !important;
    box-shadow: inset 0 1px 0 #ff834d !important;
    border-radius: 1rem !important;
    color: #fff;
}

.cardiovascularFitnessReportTestData .border {
    border: 1px solid #ff834d !important;
}

.cardiovascularFitnessReportTestData .accordion .accordion .accordion-button:not(.collapsed) {
    background-color: #db4300 !important;
    box-shadow: inset 0 1px 0 #db4300 !important;
    border-radius: 1rem 1rem 0 0 !important;
    color: #fff;
}

.cardiovascularFitnessReportTestData .accordion .accordion .accordion-button {
    background-color: #db4300 !important;
    box-shadow: inset 0 1px 0 #db4300 !important;
    border-radius: 1rem !important;
    color: #fff;
}

.cardiovascularFitnessReportTestData .accordion .accordion .border {
    border: 1px solid #db4300 !important;
}

.cardiovascularFitnessReportTestData .accordion .accordion .accordion-button:after {
    /* background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='%23ffffff'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/%3e%3c/svg%3e"); */
    background-image: url("<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}</style><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>");    
color:#fff;
}

.rainbow {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d4d4d+5,006699+27,61a60e+50,fcb74d+72,db4300+94 */
    background: rgb(77, 77, 77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(77, 77, 77, 1) 5%, rgba(0, 102, 153, 1) 27%, rgba(97, 166, 14, 1) 50%, rgba(252, 183, 77, 1) 72%, rgba(219, 67, 0, 1) 94%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(77, 77, 77, 1) 5%, rgba(0, 102, 153, 1) 27%, rgba(97, 166, 14, 1) 50%, rgba(252, 183, 77, 1) 72%, rgba(219, 67, 0, 1) 94%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(77, 77, 77, 1) 5%, rgba(0, 102, 153, 1) 27%, rgba(97, 166, 14, 1) 50%, rgba(252, 183, 77, 1) 72%, rgba(219, 67, 0, 1) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#db4300', GradientType=0); /* IE6-9 */
    width: 16px;
}


/* Range of Motion */
.romNav .nav-pills .nav-link {
  border: 2px solid #61a60e;
  color:#61a60e;
}
.romNav .nav-pills .nav-link.active, .romNav .nav-pills .nav-link:hover {
  border: 2px solid #61a60e;
  /* background:#61a60e; */
  color:#fff;
}
.romNav .nav-pills .nav-link img {
  width:60px;
}

.romNav .nav-pills .wristtest a,
.romNav .nav-pills .elbowtest a,
.romNav .nav-pills .shouldertest a,
.romNav .nav-pills .ankletest a,
.romNav .nav-pills .kneetest a,
.romNav .nav-pills .hiptest a,
.romNav .nav-pills .cervicaltest a,
.romNav .nav-pills .lumbartest a {
background: #fff;
}
.romNav .nav-pills .wristtest a.active, 
.romNav .nav-pills .wristtest a:hover,
.romNav .nav-pills .elbowtest a.active, 
.romNav .nav-pills .elbowtest a:hover,
.romNav .nav-pills .shouldertest a.active, 
.romNav .nav-pills .shouldertest a:hover,
.romNav .nav-pills .ankletest a.active, 
.romNav .nav-pills .ankletest a:hover, 
.romNav .nav-pills .kneetest a.active, 
.romNav .nav-pills .kneetest a:hover,
.romNav .nav-pills .hiptest a.active, 
.romNav .nav-pills .hiptest a:hover,
.romNav .nav-pills .cervicaltest a.active, 
.romNav .nav-pills .cervicaltest a:hover,
.romNav .nav-pills .lumbartest a.active, 
.romNav .nav-pills .lumbartest a:hover 
{
background: #61a60e;
}

.romNav .nav-pills .wristtest a .bgHolder {
background: url('../images/i_rom_sub_wrist.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .wristtest a.active .bgHolder, 
.romNav .nav-pills .wristtest a:hover .bgHolder{
background: url('../images/i_rom_sub_wrist_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .elbowtest a .bgHolder {
background: url('../images/i_rom_sub_elbow.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .elbowtest a.active .bgHolder, 
.romNav .nav-pills .elbowtest a:hover .bgHolder {
background: url('../images/i_rom_sub_elbow_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .shouldertest a .bgHolder {
background: url('../images/i_rom_sub_shoulder.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .shouldertest a.active .bgHolder, 
.romNav .nav-pills .shouldertest a:hover .bgHolder {
background: url('../images/i_rom_sub_shoulder_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .ankletest a .bgHolder {
background: url('../images/i_rom_sub_ankle.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .ankletest a.active .bgHolder, 
.romNav .nav-pills .ankletest a:hover .bgHolder {
background: url('../images/i_rom_sub_ankle_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .kneetest a .bgHolder {
background: url('../images/i_rom_sub_knee.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .kneetest a.active .bgHolder, 
.romNav .nav-pills .kneetest a:hover .bgHolder {
background: url('../images/i_rom_sub_knee_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .hiptest a .bgHolder {
background: url('../images/i_rom_sub_hip.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .hiptest a.active .bgHolder, 
.romNav .nav-pills .hiptest a:hover .bgHolder {
background: url('../images/i_rom_sub_hip_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .cervicaltest a .bgHolder {
background: url('../images/i_rom_sub_cervical.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .cervicaltest a.active .bgHolder, 
.romNav .nav-pills .cervicaltest a:hover .bgHolder {
background: url('../images/i_rom_sub_cervical_w.svg') center center no-repeat;
background-size: 55%;
}

.romNav .nav-pills .lumbartest a .bgHolder {
background: url('../images/i_rom_sub_lumbar.svg') center center no-repeat;
background-size: 55%;
}
.romNav .nav-pills .lumbartest a.active .bgHolder, 
.romNav .nav-pills .lumbartest a:hover .bgHolder {
background: url('../images/i_rom_sub_lumbar_w.svg') center center no-repeat;
background-size: 55%;
}
/* If Needed in Future */
/* .romReportTestData .accordion-button:not(.collapsed) {
    background-color: #61a60e !important;
    box-shadow: inset 0 1px 0 #61a60e !important;
  border-radius: 1rem 1rem 0 0 !important;
}
.romReportTestData .accordion-button {
  background-color: #61a60e !important;
  box-shadow: inset 0 1px 0 #61a60e !important;
  border-radius: 1rem !important;
} */

/* Data Input Overview */

.userBoxBar {
    background: #4d4d4d;
    border-radius: 24px;
}

.dataInputOveriew .box {
    min-height: 141px;
    max-height: 200px;
}

@media (min-width: 768px) {
    .dataInputOveriew .box {
        max-height: 141px;
    }
}

.dataInputOveriew .icon {
    min-height: 141px;
    max-width: 141px;
}

.restingmeasurementsBoxTop {
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #61a60e;

}

.restingmeasurementsBox {
    background-color: #dbe2c3;
    border-radius: 0.5rem;
}

.border-bottom-blue {
    border-bottom: 2px solid #006699;
}

.border-bottom-purple {
    border-bottom: 2px solid #94519f;
}

.border-bottom-red {
    border-bottom: 2px solid #db4300;
}

.border-bottom-yellow {
    border-bottom: 2px solid #fcb74d;
}

.border-bottom-green {
    border-bottom: 2px solid #61a60e;
}

/* account */
.accountsBoxTop {
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #006699;
}

/* registration */
.logo img {
    width:175px;
}
.stepGraphic img {
    width:280px;
}
@media (min-width: 768px) {
    .stepGraphic img {
        width:360px;
    }
}
.beneGraphic img {
    width:300px;
}
@media (min-width: 768px) {
    .beneGraphic img {
        width:520px;
    }
}

.mxw960 {width:90%;}
@media (min-width: 768px) {
    .mxw960 {width:90%;}
}
@media (min-width: 992px) {
    .mxw960 {width:960px;}
}
.px-form {
    padding:40px 20px 50px;
}
@media (min-width: 768px) {
    .px-form {
        padding:60px 140px 70px;    
    }
}

.fill-height { 
    flex-grow: 1;
    height: calc(100vh - 59px);
    min-height:50rem;
}

input[placeholder], [placeholder], *[placeholder], input::placeholder {
  color: #ccc !important;
}