/*** Desktop ***/
@media (min-width : 1920px) {
    /****** SETTINGS MODALS ******/
    .sync {
        display: none;
    }

    .modal_box {
        border-radius: 5px;
        left: 0;
        margin: auto;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .modal_box_header_text {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 24px;
        text-transform: uppercase;
    }

    .closeModalX {
        float: right;
        margin: 0 .5% 0 0;
        font-size: 2em !important;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 1.8;
    }

    /****** NAVIGATION BAR MODALS ******/
    .input-group-addon:first-child {
        border-right: 0;
        width: 12%;
    }

    .input-group-addon:first-child > img {
        width: 50%;
    }

    .accountActive {
        width: 630px;
        height: 250px;
    }

    .consentSignatureField {
        width: 80% !important;
    }

    .trgModal {
        width: 630px;
        height: 250px;
    }

    .trgModalHeader {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 1.6em;
        text-transform: uppercase;
    }

    .trgModalText {
        margin: .5%;
        padding: 1%;
        color: #7b7b7b;
        font-size: 1.2em;
    }

    .completeHRA {
        width: 630px;
        height: 250px;
    }

    .updateLanguage {
        height: 140px;
        width: 500px
    }

    .mtNittanyComeBack {
        height: 150px;
        width: 630px;
    }

    .resolutionChallengeEmail {
        height: 140px;
        width: 630px;
    }

    .askRita {
        height: 320px;
    }

    .questionAnswer {
        height: 420px;
    }

    .QandA_modal_content {
        padding: 0 2%;
    }

    .questionAnswerHeader {
        width: 100%;
        margin: 1% 0;
    }

    .questionAnswerHeader p {
        margin: 0;
        font-size: 1.5em;
    }

    .questionAnswerEmailContainer {
        width: 100%;
        margin: 2% 0;
        overflow: hidden;
    }

    .questionAnswerEmailContainer p {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerText {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerBtn {
        float: right;
        overflow: hidden;
        width: 12%;
        margin: 2% 12% 0 0;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
    }

    #email_sent_success_modal {
        width: 40%;
    }

    .updateLoginSuccess {
        height: 150px;
    }

    .update_login_success_modal_content {
        margin: 1%;
        padding: 2%;
        font-size: 1.3em;
        color: #5b5b5b;
        line-height: 1.2;
    }

    .updateEmployeeSSO {
        height: 280px;
        width: 600px;
    }

    .updateEmployeeSSOEmailInput {
        float: left;
        margin: 1% 0 2% 3%;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSOButton {
        float: right;
        margin: 1% 8% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeSSO2 {
        height: 400px;
        width: 650px;
    }

    .updateEmployeeSSO2Content {
        width: 90%;
        margin: 3%;
        overflow: hidden;
    }

    .updateEmployeeSSO2Text {
        margin: 3% 0 2% 2%;
        float: left;
        width: 100%;
        font-size: 1.2em;
        color: #7b7b7b;
        line-height: 1.2;
    }

    .updateEmployeeSSO2SiteDropdown {
        float: left;
        margin: 0;
        height: 35px;
        width: 100%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2GenderDropdown {
        float: left;
        margin: 0;
        height: 35px;
        width: 100%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2BirthdayInput {
        float: left;
        margin: 0;
        height: 35px;
        width: 100%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2Button {
        float: right;
        margin: 1% 5% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeId {
        height: 200px;
        width: 600px;
    }

    .employeeResponsibility {
        width: 780px;
        height: 550px;
    }

    .employee_responsibility_modal_content {
        height: 450px;
        overflow-y: scroll;
    }

    .employeeResponsibilityHeader {
        height: 35px;
        background-color: #007C9D;
    }

    .employeeResponsibilityHeader p {
        margin: 0;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff;
    }

    .employeeResponsibilityConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 1% 0 3% 5%;
    }

    .employeeResponsibilityConsentContainer>input {
        float: left;
        margin: .5% 1% 0 0 !important;
    }

    .employeeResponsibilityConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .disclosureAgreement {
        width: 780px;
        height: 480px;
    }

    .disclosure_agreement_modal_content {
        width: 100%;
        height: 380px;
        overflow-y: scroll;
    }

    .disclosureAgreementYes {
        margin: 3% 0 0 3%;
    }

    .disclosureAgreementNo {
        margin: 3% 0 0 3%;
    }

    .d11Disclosure {
        width: 780px;
        height: 480px;
    }

    .d11DisclosureYesNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .userAgreement {
        width: 780px;
        height: 520px;
    }

    .userAgreementConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 2% 0 2% 5%;
    }

    .userAgreementConsentContainer>input {
        float: left;
        margin: .5% 1% 0 0 !important;
    }

    .userAgreementConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .mojoReceived {
        width: 560px;
        height: 180px;
    }

    .sendTeamEncouragementModal {
        height: 200px;
    }

    .sendTeamEncouragementContainer {
        width: 100%;
        padding: 2%;
    }

    .sendTeamEncouragementImg {
        float: left;
        width: 10%;
    }

    .sendTeamEncouragementHeaderText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementHeaderText p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 700;
        color: #3d3d3d;
    }

    .sendTeamEncouragementText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementText p {
        margin: 0;
        font-size: 1.1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementSmallText {
        float: left;
        margin: 2% 0 0 0;
        width: 100%;
    }

    .sendTeamEncouragementSmallText p {
        margin: 0;
        font-size: 1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementInput {
        width: 100%;
        border: solid #7b7b7b 1px;
    }

    .sendTeamEncouragementButton {
        float: right;
        margin: 1% 10% 0 0;
        padding: 1%;
        width: 12%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateFitbitBtns {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        width: 80%;
        margin: 0 auto;
    }

    .newUserUpdateInfo {
        height: 320px;
    }

    .newUserUpdateHeader {
        padding: 2% 0 1% 2%;
    }

    .newUserUpdateHeader p {
        margin: 0;
        font-size: 1.2em;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .newUserUpdateFieldsContainer {
        width: 95%;
        margin: 0 auto;
    }

    .newUserUpdateFields {
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
    }

    .newUserUpdateFieldsContent {
        width: 30%;
    }

    .newUserUpdateFieldsTxt {
        margin: 0;
        font-size: 1em;
        color: #7b7b7b;
    }

    .newUserUpdateInputFields {
        width: 100%;
        height: 30px;
        border: solid #5b5b5b 2px;
        color: #7b7b7b;
    }

    .newUserEmailMargin {
        margin: 0 7% 0 0;
    }

    .mojoPlainProgress {
        height: 250px;
    }

    .consentFormContent {
        margin: 0 0 3% 0;
        width: 100%;
        height: 550px;
        overflow-y: scroll;
    }

    .consentFormBottomContent {
        margin: 2% 0 0 0;
        width: 100%;
        overflow: hidden;
    }

    .consentFormBottomContentSignature {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentSignature p {
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        width: 15%;
        font-size: 1em;
        text-align: right;
        color: #000;
    }

    .consentFormBottomContentSignatureInput {
        width: 80%;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate p {
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        width: 15%;
        font-size: 1em;
        text-align: right;
        color: #000;
    }

    .consentFormBottomContentDateInput {
        width: 80%;
        overflow: hidden;
        float: left;
        border: solid green 1px;
    }

    .diabetesA1CDoctorModalContainer {
        width: 100%;
        padding: 0 1%;
    }

    .diabetesA1CDoctorModalContainerTxt {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: left;
        color: #000;
    }

    .diabetesA1CDoctorInfoModalContainer {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .diabetesA1CDoctorInfoModalContainer p {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: center;
        color: #000;
    }

    .diabetesA1CDoctorModalImage {
        float: left;
        margin-right: 2%;
    }

    .diabetesDoctorContainer {
        width: 90%;
        margin: 3% 0 0 8%;
        float: left;
    }

    .diabetesDoctorContainer label {
        width: 30% !important;
    }

    .diabetesA1CDoctorYesBtn {
        margin-right: 18%;
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: green;
        line-height: 1.8;
    }

    .diabetesA1CDoctorNoBtn {
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: red;
        line-height: 1.8;
    }

    .diabetesA1CDoctorInfoSubmitBtn {
        padding: 0 !important;
        width: 15%;
        height: 35px;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: #007C9D;
        line-height: 2;
    }

    .diabetesA1CDoctorInfoFormFieldHdrTxt {
        width: 30%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    a.diabetesDoctorResultsBtnTxt {
        font-family: Arial, sans-serif;
        font-size: 120%;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
    }

    a.diabetesDoctorResultsBtnTxt:hover {
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }

    .diabetesA1CDoctorInfoStateZipContainer {
        width: 100%;
        overflow: hidden;
    }

    .diabetesA1CDoctorInfoState {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .diabetesA1CDoctorInfoZip {
        float: left;
        width: 45%;
    }

    .diabetesA1CDoctorInfoFormFieldHdrZipTxt {
        width: 33%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    .textOptInModalContent {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }

    .textOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .textOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .textOptInModalImg {
        width: 18%;
        float: right;
        margin: 0 3% 0 2%;
    }

    .textOptInModalTop {
        width: 77%;
        float: left;
        overflow: hidden;
        margin: 0;
    }

    .textOptInModalTop p {
        margin: 0;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottom {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 1% 0 2% 0;
    }

    .textOptInModalBottom p {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottomNo {
        width: 95%;
    }

    .textOptInModalBottomNo p {
        width: 95%;
        margin: 0;
        float: right;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalMessages {
        margin: 1% 0 0 5%;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.8;
        color: #000;
    }

    .textOptInPhoneNumber {
        width: 65%;
        margin: 3% auto 5%;
        overflow: hidden;
    }
    
    .input-group-addon {
        width: 12% !important;
    }

    .textOptInPhoneNumberField {
        width: 100% !important;
        float: left;
    }

    .textOptInPhoneNumberFieldTxt {
        margin: 3% 0 0 0;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        font-size: 1.2em;
        text-align: center;
        color: #000;
    }

    .textOptInModalBtnContainer {
        width: 80%;
        height: 40px;
        float: right;
        margin: 5% 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #98c93d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .textOptInModalCloseBtnContainer {
        width: 60%;
        float: right;
        margin: 0 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalCloseBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #007c9d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .genericModalBorder {
        border: solid 8px #007c9d !important;
    }

    .genericModalText {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.3em;
        line-height: 1.5;
        color: #000;
    }

    .genericModalButton {
        float: right;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 15%;
        text-transform: uppercase;
        font-size: 1.2em !important;
        font-weight: 700 !important;
    }

    .contactCoachModalButton {
        float: left;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 35%;
        text-transform: uppercase;
        font-size: 1.2em !important;
        font-weight: 700 !important;
    }

    .twoFactorOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .twoFactorOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .twoFactorOptInModalContent {
        width: 100%;
        padding: 0 2%;
        overflow: hidden;
    }

    .twoFactorOptInModalImg {
        float: left;
        width: 22%;
    }

    .twoFactorOptInModalTxt {
        width: 75%;
        float: left;
        margin: 0 0 5% 3%;
    }

    .twoFactorOptInModalTxt p {
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        font-weight: 400;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .twoFactorOptInModalOptionsContainer {
        width: 100%;
        margin: 5% 0 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn {
        width: 100%;
        float: left;
        margin: 0 2% 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalOptionsOptOut {
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptOut>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueContainer {
        width: 100%;
        padding: 3% 0 0 0;
        margin: 5% 0 0 0;
        overflow: hidden;
        border-top: solid #007C9D 1px;
    }

    .twoFactorOptInModalContinueContainer a {
        width: 60%;
        float: left;
    }

    .twoFactorOptInModalContinueBtn {
        float: right;
        width: 20%;
        padding: 1%;
        margin: 0;
        height: 35px;
        border-radius: 6px;
        border: solid #007C9D 1px;
        background-color: #007C9D;
        cursor: pointer;

        color: #fff;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueBtn input {
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .twoFactorOptInModalPhoneContainer {
        width: 90%;
        margin: 0;
    }

    .twoFactorOptInModalPhoneContainer p {
        width: 100%;
        float: left;
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalPhoneInputField {
        width: 100%;
        margin: 0;
        float: left;
    }

    .iti ::placeholder {
        color: #000;
        opacity: 1;
        font-size: 1em;
    }

    /****** CHALLENGE MODALS ******/
    .friendRequest {
        height: 210px;
    }

    .friendRequestTopContent {
        margin: 1% 0 0 1%;
        overflow: hidden;
    }

    .friendRequestTopContent>img {
        float: left;
        width: 100px;
        height: 100px;
        margin: 0 2% 0 0;
        border: solid 3px #007C9D;
        border-radius: 50%;
    }

    .friendRequestTopContent p {
        margin: 0;
        font-size: 1.3em;
        color: #7b7b7b;
    }

    .friendRequestAcceptDenyContainer {
        width: 65%;
        overflow: hidden;
        float: right;
    }

    .joinChallengeModal {
        height: 230px;
    }

    .requestJoinChallengeModal {
        height: 250px;
    }

    .joinChallengeAcceptDenyContainer {
        width: 65%;
        overflow: hidden;
        float: right;
    }

    .termsHeader {
        width: 100%;
        margin: 0 0 2% 0;
        padding: 1%;
        background-color: #007C9D;
        font-size: 1.5em;
        line-height: 1.5;
    }

    .termsConditionsModal {
        width: 800px !important;
        height: 480px;
    }

    .termsContentContainer {
        width: 100%;
        padding: 1%;
        height: auto;
    }

    .termsContentContainer p {
        font-size: 1.2em;
        color: #3d3d3d;
    }

    .termsSubmitBtnContainer {
        width: 100%;
        overflow: hidden;
    }

    .termsSubmitBtn {
        float: left;
        overflow: hidden;
        width: 12%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
        display: block;
    }

    .termsErrorMsg {
        width: 80%;
        margin: 1% auto;
        font-size: 1em;
        color: red;
    }

    .device_update_reminder {
        width: 630px;
        height: 200px;
    }

    .generalEntryChallengeModal {
        position: absolute;
        width: 600px;
        height: 550px;
        display: none;
    }

    .generalEntryModalTxt {
        margin: 1% 0 0 2%;
        font-size: 1.3em;
        line-height: 1.5;
        color: #7b7b7b;
    }

    .generalEntryModalLabelTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.2em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicFields {
        margin: 0 1% 3% 1%;
        width: 30%;
        color: #7b7b7b;
        font-weight: 700;
        border: solid #7b7b7b 1px;
    }

    .generalEntryModalSubmitBtn {
        float: right;
        overflow: hidden;
        width: fit-content;
        margin: 1% 5% 0 0;
        height: 35px;
        padding: .5% 1%;
        text-align: center;
        background-color: #007C9D;
        color: #fff;
        font-size: 1.1em;
        line-height: 2.2;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }

    .thrive90Modal {
        width: 20%;
        height: 250px;
    }

    .thrive90ModalHeader {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.4em;
        text-transform: uppercase;
        font-weight: 700 !important;
        color: #fff;
        line-height: 1.3;
    }

    .thrive90ModalInput {
        overflow: hidden;
        float: left;
        width: 90%;
    }
}

/*** Laptop ***/
@media (min-width : 1281px) and (max-width : 1919px) {
    /****** SETTINGS MODALS *****/
    .modal_box {
        border-radius: 5px;
        left: 0;
        margin: auto;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .modal_box_header_text {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 24px;
        text-transform: uppercase;
    }

    /****** NAVIGATION BAR MODALS ******/
    .input-group-addon:first-child {
        border-right: 0;
        width: 12%;
    }

    .input-group-addon:first-child > img {
        width: 40%;
    }

    .closeModalX {
        float: right;
        margin: 0 .5% 0 0;
        font-size: 2em;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 1.6;
    }
    
    .consentSignatureField {
        width: 80% !important;
    }

    .accountActive {
        width: 630px;
        height: 250px;
    }

    .trgModal {
        width: 630px;
        height: 250px;
    }

    .trgModalHeader {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 1.6em;
        text-transform: uppercase;
    }

    .trgModalText {
        margin: .5%;
        padding: 1%;
        color: #7b7b7b;
        font-size: 1.2em;
    }

    .completeHRA {
        width: 630px;
        height: 250px;
    }

    .updateLanguage {
        height: 140px;
        width: 500px
    }

    .mtNittanyComeBack {
        height: 150px;
        width: 630px;
    }

    .resolutionChallengeEmail {
        height: 140px;
        width: 630px;
    }

    .askRita {
        height: 320px;
    }

    .questionAnswer {
        height: 420px;
    }

    .QandA_modal_content {
        padding: 0 2%;
    }

    .questionAnswerHeader {
        width: 100%;
        margin: 1% 0;
    }

    .questionAnswerHeader p {
        margin: 0;
        font-size: 1.5em;
    }

    .questionAnswerEmailContainer {
        width: 100%;
        margin: 2% 0;
        overflow: hidden;
    }

    .questionAnswerEmailContainer p {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerText {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerBtn {
        float: right;
        overflow: hidden;
        width: 12%;
        margin: 2% 12% 0 0;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
    }

    #email_sent_success_modal {
        width: 40%;
    }

    .updateLoginSuccess {
        height: 150px;
    }

    .update_login_success_modal_content {
        margin: 1%;
        padding: 2%;
        font-size: 1.3em;
        color: #5b5b5b;
        line-height: 1.2;
    }

    .updateEmployeeSSO {
        height: 280px;
        width: 600px;
    }

    .updateEmployeeSSOEmailInput {
        float: left;
        margin: 1% 0 2% 3%;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSOButton {
        float: right;
        margin: 1% 8% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeSSO2 {
        height: 400px;
        width: 450px;
    }

    .updateEmployeeSSO2Content {
        width: 90%;
        margin: 3%;
        overflow: hidden;
    }

    .updateEmployeeSSO2Text {
        margin: 3% 0 2% 2%;
        float: left;
        width: 100%;
        font-size: 1.2em;
        color: #7b7b7b;
        line-height: 1.2;
    }

    .updateEmployeeSSO2SiteDropdown {
        float: left;
        margin: 0;
        height: 35px;
        width: 100%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2GenderDropdown {
        float: left;
        margin: 0;
        height: 35px;
        width: 100%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2BirthdayInput {
        float: left;
        margin: 0;
        height: 35px;
        width: 100%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2Button {
        float: right;
        margin: 1% 5% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeId {
        height: 200px;
        width: 600px;
    }

    .employeeResponsibility {
        width: 780px;
        height: 550px;
    }

    .employee_responsibility_modal_content {
        height: 450px;
        overflow-y: scroll;
    }

    .employeeResponsibilityHeader {
        height: 35px;
        background-color: #007C9D;
    }

    .employeeResponsibilityHeader p {
        margin: 0;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff;
    }

    .employeeResponsibilityConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 1% 0 3% 5%;
    }

    .employeeResponsibilityConsentContainer>input {
        float: left;
        margin: .5% 1% 0 0 !important;
    }

    .employeeResponsibilityConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .disclosureAgreement {
        width: 780px;
        height: 480px;
    }

    .disclosure_agreement_modal_content {
        width: 100%;
        height: 380px;
        overflow-y: scroll;
    }

    .disclosureAgreementYes {
        margin: 3% 0 0 3%;
    }

    .disclosureAgreementNo {
        margin: 3% 0 0 3%;
    }

    .d11Disclosure {
        width: 780px;
        height: 480px;
    }

    .d11DisclosureYesNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .userAgreement {
        width: 780px;
        height: 520px;
    }

    .userAgreementConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 2% 0 2% 5%;
    }

    .userAgreementConsentContainer>input {
        float: left;
        margin: .5% 1% 0 0 !important;
    }

    .userAgreementConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .mojoReceived {
        width: 560px;
        height: 180px;
    }

    .sendTeamEncouragementModal {
        height: 200px;
    }

    .sendTeamEncouragementContainer {
        width: 100%;
        padding: 2%;
    }

    .sendTeamEncouragementImg {
        float: left;
        width: 10%;
    }

    .sendTeamEncouragementHeaderText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementHeaderText p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 700;
        color: #3d3d3d;
    }

    .sendTeamEncouragementText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementText p {
        margin: 0;
        font-size: 1.1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementSmallText {
        float: left;
        margin: 2% 0 0 0;
        width: 100%;
    }

    .sendTeamEncouragementSmallText p {
        margin: 0;
        font-size: 1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementInput {
        width: 100%;
        border: solid #7b7b7b 1px;
    }

    .sendTeamEncouragementButton {
        float: right;
        margin: 1% 10% 0 0;
        padding: 1%;
        width: 12%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateFitbitBtns {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        width: 80%;
        margin: 0 auto;
    }

    .newUserUpdateInfo {
        height: 320px;
    }

    .newUserUpdateHeader {
        padding: 2% 0 1% 2%;
    }

    .newUserUpdateHeader p {
        margin: 0;
        font-size: 1.2em;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .newUserUpdateFieldsContainer {
        width: 95%;
        margin: 0 auto;
    }

    .newUserUpdateFields {
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
    }

    .newUserUpdateFieldsContent {
        width: 30%;
    }

    .newUserUpdateFieldsTxt {
        margin: 0;
        font-size: 1em;
        color: #7b7b7b;
    }

    .newUserUpdateInputFields {
        width: 100%;
        height: 30px;
        border: solid #5b5b5b 2px;
        color: #7b7b7b;
    }

    .newUserEmailMargin {
        margin: 0 7% 0 0;
    }

    .mojoPlainProgress {
        height: 250px;
    }

    .consentFormContent {
        margin: 0 0 3% 0;
        width: 100%;
        height: 550px;
        overflow-y: scroll;
    }

    .consentFormBottomContent {
        margin: 2% 0 0 0;
        width: 100%;
        overflow: hidden;
    }

    .consentFormBottomContentSignature {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentSignature p {
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        width: 15%;
        font-size: 1em;
        text-align: right;
        color: #000;
    }

    .consentFormBottomContentSignatureInput {
        width: 80%;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate p {
        margin: 0;
        padding: 0 1% 0 0;
        float: left;
        width: 15%;
        font-size: 1em;
        text-align: right;
        color: #000;
    }

    .consentFormBottomContentDateInput {
        width: 80%;
        overflow: hidden;
        float: left;
        border: solid green 1px;
    }

    .diabetesA1CDoctorModalContainer {
        width: 100%;
        padding: 0 1%;
    }

    .diabetesA1CDoctorModalContainerTxt {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: left;
        color: #000;
    }

    .diabetesA1CDoctorInfoModalContainer {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .diabetesA1CDoctorInfoModalContainer p {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: center;
        color: #000;
    }

    .diabetesA1CDoctorModalImage {
        float: left;
        margin-right: 2%;
    }

    .diabetesDoctorContainer {
        width: 90%;
        margin: 3% 0 0 8%;
        float: left;
    }

    .diabetesDoctorContainer label {
        width: 30% !important;
    }

    .diabetesA1CDoctorYesBtn {
        margin-right: 18%;
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: green;
        line-height: 1.8;
    }

    .diabetesA1CDoctorNoBtn {
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: red;
        line-height: 1.8;
    }

    .diabetesA1CDoctorInfoSubmitBtn {
        padding: 0 !important;
        width: 15%;
        height: 35px;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: #007C9D;
        line-height: 2;
    }

    .diabetesA1CDoctorInfoFormFieldHdrTxt {
        width: 30%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    a.diabetesDoctorResultsBtnTxt {
        font-family: Arial, sans-serif;
        font-size: 120%;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
    }

    a.diabetesDoctorResultsBtnTxt:hover {
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }

    .diabetesA1CDoctorInfoStateZipContainer {
        width: 100%;
        overflow: hidden;
    }

    .diabetesA1CDoctorInfoState {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .diabetesA1CDoctorInfoZip {
        float: left;
        width: 45%;
    }

    .diabetesA1CDoctorInfoFormFieldHdrZipTxt {
        width: 33%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    .textOptInModalContent {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }

    .textOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .textOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .textOptInModalImg {
        width: 18%;
        float: right;
        margin: 0 3% 0 2%;
    }

    .textOptInModalTop {
        width: 77%;
        float: left;
        overflow: hidden;
        margin: 0;
    }

    .textOptInModalTop p {
        margin: 0;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottom {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 1% 0 2% 0;
    }

    .textOptInModalBottom p {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottomNo {
        width: 95%;
    }

    .textOptInModalBottomNo p {
        width: 95%;
        margin: 0;
        float: right;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalMessages {
        margin: 1% 0 0 5%;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.8;
        color: #000;
    }

    .textOptInPhoneNumber {
        width: 65%;
        margin: 3% auto 5%;
        overflow: hidden;
    }
    
    .input-group-addon {
        width: 12% !important;
    }

    .textOptInPhoneNumberField {
        width: 100% !important;
        float: left;
    }

    .textOptInPhoneNumberFieldTxt {
        margin: 3% 0 0 0;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        font-size: 1.2em;
        text-align: center;
        color: #000;
    }

    .textOptInModalBtnContainer {
        width: 80%;
        height: 40px;
        float: right;
        margin: 5% 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #98c93d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .textOptInModalCloseBtnContainer {
        width: 60%;
        float: right;
        margin: 0 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalCloseBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #007c9d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .genericModalBorder {
        border: solid 8px #007c9d !important;
    }

    .genericModalText {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.3em;
        line-height: 1.5;
        color: #000;
    }

    .genericModalButton {
        float: right;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 15%;
        text-transform: uppercase;
        font-size: 1.2em !important;
        font-weight: 700 !important;
    }

    .contactCoachModalButton {
        float: left;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 35%;
        text-transform: uppercase;
        font-size: 1.2em !important;
        font-weight: 700 !important;
    }

    .twoFactorOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .twoFactorOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .twoFactorOptInModalContent {
        width: 100%;
        padding: 0 2%;
        overflow: hidden;
    }

    .twoFactorOptInModalImg {
        float: left;
        width: 22%;
    }

    .twoFactorOptInModalTxt {
        width: 75%;
        float: left;
        margin: 0 0 5% 3%;
    }

    .twoFactorOptInModalTxt p {
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        font-weight: 400;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .twoFactorOptInModalOptionsContainer {
        width: 100%;
        margin: 5% 0 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn {
        width: 100%;
        float: left;
        margin: 0 2% 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalOptionsOptOut {
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptOut>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueContainer {
        width: 100%;
        padding: 3% 0 0 0;
        margin: 5% 0 0 0;
        overflow: hidden;
        border-top: solid #007C9D 1px;
    }

    .twoFactorOptInModalContinueContainer a {
        width: 60%;
        float: left;
    }

    .twoFactorOptInModalContinueBtn {
        float: right;
        width: 20%;
        padding: 1%;
        margin: 0;
        height: 35px;
        border-radius: 6px;
        border: solid #007C9D 1px;
        background-color: #007C9D;
        cursor: pointer;

        color: #fff;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueBtn input {
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .twoFactorOptInModalPhoneContainer {
        width: 90%;
        margin: 0;
    }

    .twoFactorOptInModalPhoneContainer p {
        width: 100%;
        float: left;
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalPhoneInputField {
        width: 100%;
        margin: 0;
        float: left;
    }

    .iti ::placeholder {
        color: #000;
        opacity: 1;
        font-size: 1em;
    }

    /****** CHALLENGE MODALS ******/
    .friendRequest {
        height: 210px;
    }

    .friendRequestTopContent {
        margin: 1% 0 0 1%;
        overflow: hidden;
    }

    .friendRequestTopContent>img {
        float: left;
        width: 100px;
        height: 100px;
        margin: 0 2% 0 0;
        border: solid 3px #007C9D;
        border-radius: 50%;
    }

    .friendRequestTopContent p {
        margin: 0;
        font-size: 1.3em;
        color: #7b7b7b;
    }

    .friendRequestAcceptDenyContainer {
        width: 65%;
        overflow: hidden;
        float: right;
    }

    .joinChallengeModal {
        height: 230px;
    }

    .requestJoinChallengeModal {
        height: 250px;
    }

    .joinChallengeAcceptDenyContainer {
        width: 65%;
        overflow: hidden;
        float: right;
    }

    .termsHeader {
        width: 100%;
        margin: 0 0 2% 0;
        padding: 1%;
        background-color: #007C9D;
        font-size: 1.5em;
        line-height: 1.5;
    }

    .termsConditionsModal {
        width: 800px !important;
        height: 480px;
    }

    .termsContentContainer {
        width: 100%;
        padding: 1%;
        height: auto;
    }

    .termsContentContainer p {
        font-size: 1.2em;
        color: #3d3d3d;
    }

    .termsSubmitBtnContainer {
        width: 100%;
        overflow: hidden;
    }

    .termsSubmitBtn {
        float: left;
        overflow: hidden;
        width: 12%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
        display: block;
    }

    .termsErrorMsg {
        width: 80%;
        margin: 1% auto;
        font-size: 1em;
        color: red;
    }

    .device_update_reminder {
        width: 630px;
        height: 200px;
    }

    .generalEntryChallengeModal {
        position: absolute !important;
        height: 480px !important;
        display: none;
    }

    .generalEntryModalTxt {
        margin: 1% 0 0 2%;
        font-size: 1.3em;
        line-height: 1.5;
        color: #7b7b7b;
    }

    .generalEntryModalLabelTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.2em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicFields {
        margin: 0 1% 3% 1%;
        width: 30%;
        color: #7b7b7b;
        font-weight: 700;
        border: solid #7b7b7b 1px;
    }

    .generalEntryModalSubmitBtn {
        float: right;
        overflow: hidden;
        width: 15%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #007C9D;
        color: #fff;
        font-size: 1.1em;
        line-height: 2.2;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }

    .thrive90Modal {
        width: 40%;
        height: 250px;
    }

    .thrive90ModalHeader {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.4em;
        text-transform: uppercase;
        font-weight: 700 !important;
        color: #fff;
        line-height: 1.3;
    }

    .thrive90ModalInput {
        overflow: hidden;
        float: left;
        width: 90%;
    }
}

/*** Phone Portrait ***/
@media only screen and (min-width: 320px) and (max-width: 735px) and (orientation: portrait) {
    .modal_box {
        border-radius: 5px;
        left: 0;
        margin: 4% auto 0;
        width: 90%;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .modal_box_header_text {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.1em;
        text-transform: uppercase;
    }

    .modal_box_color_red {
        border-radius: 5px;
        left: 0;
        margin: auto;
        width: 90%;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    /****** NAVIGATION BAR MODALS ******/
    .input-group-addon:first-child {
        border-right: 0;
        width: 20%;
    }

    .input-group-addon:first-child > img {
        width: 40%;
    }

    .closeModalX {
        float: right;
        margin: 0 .5% 0 0;
        font-size: 1.4em !important;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 2.5;
    }

    .consentSignatureField {
        width: 45% !important;
    }

    .accountActive {
        height: 250px;
    }

    .trgModal {
        width: 90%;
        height: 400px;
    }

    .trgModalHeader {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 1.1em;
        text-transform: uppercase;
    }

    .trgModalText {
        margin: .5%;
        padding: 1%;
        color: #7b7b7b;
        font-size: 1.1em;
        line-height: 1.3;
    }

    .completeHRA {
        height: 250px;
    }

    .updateLanguage {
        height: 220px;
    }

    .updateLanguageHeader {
        font-size: 1.1em;
    }

    .mtNittanyComeBack {
        height: 200px;
    }

    .resolutionChallengeEmail {
        height: 200px;
    }

    .askRita {
        height: 320px;
    }

    #ask_rita_email_address {
        width: 90%;
    }

    .questionAnswer {
        height: 420px;
    }

    .QandA_modal_content {
        padding: 0 2%;
    }

    .questionAnswerHeader {
        width: 100%;
        margin: 1% 0;
    }

    .questionAnswerHeader p {
        margin: 0;
        font-size: 1.5em;
    }

    .questionAnswerEmailContainer {
        width: 100%;
        margin: 2% 0;
        overflow: hidden;
    }

    .questionAnswerEmailContainer p {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerText {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerBtn {
        float: right;
        margin: 2% 8% 0 0;
        height: 35px;
        width: 22%;
        font-size: 1.2em;
        text-align: center;
        line-height: 2.2;
    }

    .updateLoginSuccess {
        height: 180px;
    }

    .update_login_success_modal_content {
        margin: 1%;
        padding: 2%;
        font-size: 1.3em;
        color: #5b5b5b;
        line-height: 1.2;
    }

    .updateEmployeeSSO {
        height: 250px;
    }

    .updateEmployeeSSOEmailInput {
        float: left;
        margin: 1% 0 2% 3%;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSOButton {
        float: right;
        margin: 1% 8% 0 0;
        padding: 1%;
        width: 25%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.8;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeSSO2 {
        height: 380px;
    }

    .updateEmployeeSSO2Content {
        width: 90%;
        margin: 3%;
        overflow: hidden;
    }

    .updateEmployeeSSO2Text {
        margin: 3% 0 2% 2%;
        float: left;
        width: 90%;
        font-size: 1.2em;
        color: #7b7b7b;
        line-height: 1.2;
    }

    .updateEmployeeSSO2SiteDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2GenderDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2BirthdayInput {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2Button {
        float: right;
        margin: 1% 16% 0 0;
        padding: 1%;
        width: 25%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.8;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeId {
        height: 250px;
    }

    .employeeResponsibility {
        height: 550px;
    }

    .employeeResponsibilityHeader {
        height: 55px;
        background-color: #007C9D;
    }

    .employeeResponsibilityHeader p {
        margin: 0;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #fff;
    }

    .employee_responsibility_modal_content {
        height: 450px;
        overflow-y: scroll;
    }

    .employeeResponsibilityConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 1% 0 3% 5%;
    }

    .employeeResponsibilityConsentContainer>input {
        float: left;
        margin: 1% 2% 0 0 !important;
    }

    .employeeResponsibilityConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .disclosureAgreement {
        height: 450px;
    }

    .disclosure_agreement_modal_content {
        width: 100%;
        height: 350px;
        overflow-y: scroll;
    }

    .disclosureAgreementYes {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .disclosureAgreementNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .d11Disclosure {
        height: 450px;
    }

    .d11DisclosureYesNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .userAgreement {
        height: 450px;
    }

    .user_agreement_modal_content {
        height: 350px;
        overflow-x: scroll;
    }

    .userAgreementConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 2% 0 2% 5%;
    }

    .userAgreementConsentContainer>input {
        float: left;
        margin: 1.5% 3% 0 0 !important;
    }

    .userAgreementConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .mojoReceived {
        height: 250px;
    }

    .sendTeamEncouragementModal {
        height: 400px;
    }

    .sendTeamEncouragementContainer {
        width: 100%;
        padding: 2%;
    }

    .sendTeamEncouragementImg {
        display: none;
    }

    .sendTeamEncouragementHeaderText {
        float: left;
        margin: 0 0 3% 0;
        width: 85%;
    }

    .sendTeamEncouragementHeaderText p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 700;
        color: #3d3d3d;
    }

    .sendTeamEncouragementText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementText p {
        margin: 0 0 3% 0;
        font-size: 1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementSmallText {
        float: left;
        margin: 0;
        width: 100%;
    }

    .sendTeamEncouragementSmallText p {
        margin: 0 0 3% 0;
        font-size: .8em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementInput {
        width: 100%;
        border: solid #7b7b7b 1px;
    }

    .sendTeamEncouragementButton {
        float: right;
        margin: 1% 1% 0 0;
        padding: 1%;
        width: 55%;
        height: 35px;
        font-size: 1.1em;
        line-height: 1.8;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateFitbitBtns {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        width: 80%;
        margin: 0 auto;
    }

    .newUserUpdateInfo {
        height: 500px;
    }

    .newUserUpdateHeader {
        padding: 2% 0 1% 2%;
    }

    .newUserUpdateHeader p {
        margin: 0;
        font-size: 1em;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .newUserUpdateFieldsContainer {
        width: 95%;
        margin: 0 auto;
    }

    .newUserUpdateFields {
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .newUserUpdateFieldsContent {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .newUserUpdateFieldsTxt {
        margin: 0;
        font-size: 1em;
        color: #7b7b7b;
    }

    .newUserUpdateInputFields {
        width: 100%;
        height: 30px;
        border: solid #5b5b5b 2px;
        color: #7b7b7b;
    }

    .mojoPlainProgress {
        height: 250px;
    }

    .consentFormContent {
        margin: 0 0 3% 0;
        width: 100%;
        height: 550px;
        overflow-y: scroll;
    }

    .consentFormBottomContent {
        margin: 2% 0 0 0;
        width: 100%;
        overflow: hidden;
    }

    .consentFormBottomContentSignature {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentSignature p {
        margin: 0 0 1% 0;
        padding: 0;
        float: left;
        width: 100%;
        font-size: 1em;
        text-align: left;
        color: #000;
    }

    .consentFormBottomContentSignatureInput {
        width: 100%;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate p {
        margin: 0 0 1% 0;
        padding: 0;
        float: left;
        width: 100%;
        font-size: 1em;
        text-align: left;
        color: #000;
    }

    .consentFormBottomContentDateInput {
        width: 100%;
        overflow: hidden;
        float: left;
        border: solid green 1px;
    }

    .diabetesA1CDoctorModalContainer {
        width: 100%;
        padding: 0 1%;
    }

    .diabetesA1CDoctorModalContainerTxt {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: left;
        color: #000;
    }

    .diabetesA1CDoctorInfoModalContainer {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .diabetesA1CDoctorInfoModalContainer p {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: center;
        color: #000;
    }

    .diabetesA1CDoctorModalImage {
        display: none;
    }

    .diabetesDoctorContainer {
        width: 100%;
        margin: 3% 0 0 0;
        display: flex;
        justify-content: center;
    }

    .diabetesDoctorContainer label {
        width: 30% !important;
    }

    .diabetesA1CDoctorYesBtn {
        margin-right: 18%;
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: green;
        line-height: 1.8;
    }

    .diabetesA1CDoctorNoBtn {
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: red;
        line-height: 1.8;
    }

    .diabetesA1CDoctorInfoSubmitBtn {
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: #007C9D;
        line-height: 2;
    }

    .diabetesA1CDoctorInfoFormFieldHdrTxt {
        width: 100%;
        float: left;
        padding-right: 2%;
        text-align: left;
    }

    a.diabetesDoctorResultsBtnTxt {
        font-family: Arial, sans-serif;
        font-size: 120%;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
    }

    a.diabetesDoctorResultsBtnTxt:hover {
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }

    .diabetesA1CDoctorInfoStateZipContainer {
        width: 100%;
        overflow: hidden;
    }

    .diabetesA1CDoctorInfoState {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .diabetesA1CDoctorInfoZip {
        float: left;
        width: 45%;
    }

    .diabetesA1CDoctorInfoFormFieldHdrZipTxt {
        width: 33%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    .textOptInModalContent {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }

    .textOptInModalHeader {
        width: 100%;
        margin: 0;
        padding: 1%;
        text-align: center;
        background: #007C9D;
    }

    .textOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.4em;
        color: #fff;
    }

    .textOptInModalImg {
        display: none;
    }

    .textOptInModalTop {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 0;
    }

    .textOptInModalTop p {
        margin: 0;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottom {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 1% 0 2% 0;
    }

    .textOptInModalBottom p {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottomNo {
        width: 95%;
    }

    .textOptInModalBottomNo p {
        width: 92%;
        margin: 0;
        float: right;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalMessages {
        margin: 1% 0 0 5%;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.8;
        color: #000;
    }

    .textOptInPhoneNumber {
        width: 100%;
        margin: 3% auto 5%;
        overflow: hidden;
    }
    
    .input-group-addon {
        width: 12% !important;
    }

    .textOptInPhoneNumberField {
        width: 100% !important;
        float: left;
    }

    .textOptInPhoneNumberFieldTxt {
        margin: 3% 0 2% 0;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        color: #000;
    }

    .textOptInModalBtnContainer {
        width: 80%;
        height: 40px;
        float: right;
        margin: 5% 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalBtn {
        width: 40%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #98c93d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.2;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .textOptInModalCloseBtnContainer {
        width: 60%;
        float: right;
        margin: 0 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalCloseBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #007c9d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .genericModalBorder {
        border: solid 8px #007c9d !important;
    }

    .genericModalText {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.3em;
        line-height: 1.5;
        color: #000;
    }

    .genericModalButton {
        float: right;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 28%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .contactCoachModalButton {
        float: left;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 62%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .modal-content {
        width: 100% !important;
    }

    .modal-header {
        padding: 0 !important;
    }

    .modal-body {
        padding: 10px !important;
    }

    .twoFactorOptInModalMargin {
        margin: 20px 0 0 0;
    }

    .twoFactorOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .twoFactorOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.4em;
        line-height: 2;
        color: #fff;
    }

    .twoFactorOptInModalContent {
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalImg {
        float: left;
        width: 20%;
        display: none;
    }

    .twoFactorOptInModalTxt {
        width: 100%;
        float: left;
        margin: 0;
    }

    .twoFactorOptInModalTxt p {
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.1em;
        font-weight: 400;
        line-height: 1.3;
        color: #5b5b5b;
    }

    .twoFactorOptInModalOptionsContainer {
        width: 100%;
        margin: 2% 0 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn {
        width: 100%;
        float: left;
        margin: 0 2% 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalOptionsOptOut {
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptOut>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueContainer {
        width: 100%;
        padding: 3% 0 0 0;
        margin: 5% 0 0 0;
        overflow: hidden;
        border-top: solid #007C9D 1px;
    }

    .twoFactorOptInModalContinueContainer a {
        width: 60%;
        float: left;
    }

    .twoFactorOptInModalContinueBtn {
        float: right;
        width: 38%;
        padding: 1%;
        margin: 0;
        height: 35px;
        border-radius: 6px;
        border: solid #007C9D 1px;
        background-color: #007C9D;
        cursor: pointer;
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueBtn input {
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .twoFactorOptInModalPhoneContainer {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .twoFactorOptInModalPhoneContainer p {
        width: 100%;
        float: left;
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalPhoneInputField {
        width: 100%;
        margin: 0;
        float: left;
    }

    .iti ::placeholder {
        color: #000;
        opacity: 1;
        font-size: 1em;
    }

    /****** CHALLENGES MODALS ******/
    .friendRequest {
        height: 320px;
    }

    .friendRequestTopContent {
        margin: 1%;
        padding: 2%;
        overflow: hidden;
    }

    .friendRequestTopContent>img {
        display: none;
    }

    .friendRequestTopContent p {
        margin: 0;
        font-size: 1.3em;
        color: #7b7b7b;
    }

    .friendRequestAcceptDenyContainer {
        width: 85%;
        margin: 3% 2% 0 0;
        overflow: hidden;
        float: right;
    }

    .joinChallengeModal {
        height: 380px;
    }

    .requestJoinChallengeModal {
        height: 400px;
    }

    .joinChallengeAcceptDenyContainer {
        width: 78%;
        margin: 5% 0 0 0;
        overflow: hidden;
        float: right;
    }

    .device_update_reminder {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #mojo_progress {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #rsc_box {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #rsc_modal {
        width: 90%;
        height: 500px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #video_coaching_modal {
        width: 90%;
        height: 500px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #c25k_update_modal {
        width: 90%;
        height: 300px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    .c25k_options_container {
        float: none;
        overflow: hidden;
        width: 95%;
        height: auto;
        margin: 5% auto 0;
        display: flex;
        justify-content: space-around;
    }

    .c25k_options_dropdown {
        float: left;
        width: 20%;
        height: 30px;
        margin: 4% 0 0 0;
        font-size: 1em;
    }

    .c25k_distance_container {
        float: left;
        width: 30%;
        height: 50px;
        margin: 0;
    }

    .c25k_length_container {
        float: left;
        width: 30%;
        height: 50px;
        margin: 0;
    }

    #meals_status_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    .challenge_status_track_container {
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        width: 90%;
        height: 25px;
        background-color: white;
        border: 4px solid #f2f2f2;
        margin: 2% auto;
        display: block;
    }

    .challenge_status_meals_track_bar {
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        opacity: .5;
        width: 90%;
        height: 25px;
        background-color: #008A00;
        transition: width 0.5s ease;
        cursor: pointer;
    }

    #weekly_challenges_status_modal {
        width: 90%;
        height: 400px;
        margin: 18% auto 0;
        display: none;
    }

    .weekly_challenges_status_header {
        width: 85%;
        height: 30px;
        margin: 0 0 0 2%;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        font-size: 1.2em !important;
        line-height: 1.5;
    }

    .weekly_challenges_status_header_name {
        width: 18%;
        height: 30px;
        margin-left: 20px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.5;
    }

    .weekly_challenges_status_container {
        float: left;
        width: 69%;
        height: 25px;
        margin: 0 5% 0 0;
        border: solid 1px #ddd;
        border-radius: 20px;
        background-color: #fff;
    }

    #steps_status_modal {
        display: none;
        margin: 20% auto;
    }

    #lbs_status_modal {
        margin: 20% auto;
        width: 90%;
        height: 250px;
        display: none;
    }

    #start_challenge_modal {
        width: 90%;
        height: 350px;
        display: none;
    }

    #update_personal_goal_notification_modal {
        width: 90%;
        height: 350px;
        margin: 18% auto 0;
        display: none;
    }

    #update_personal_goal_modal {
        width: 90%;
        height: 350px;
        margin: 18% auto 0;
        display: none;
    }

    #manual_entry_challenge_modal_new {
        width: 90%;
        height: 700px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    .manual_entry_tabs {
        width: 31%;
        height: 40px;
        float: left;
        text-align: center;
        font-size: 1.1em;
        line-height: 2.5;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    #challenge_end_modal {
        width: 90%;
        height: 460px;
        margin: 18% auto 0;
        display: none;
    }

    .challenge_end_challenge_name {
        height: 30px;
        padding-left: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 1.8;
    }

    .challenge_end_challenge_end_date {
        height: 30px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.8;
    }

    .challenge_end_challenge_status {
        height: 30px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.8;
    }

    #surviving_video_modal {
        width: 90%;
        height: 430px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #challenge_tutorial_modal {
        width: 90%;
        height: 495px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #site_tour_video {
        width: 100%;
        border-radius: 3px;
        background-color: #EBEBEB;
        padding: 0;
        margin: 0;
    }

    .video_modal_content {
        width: 100%;
        height: 530px;
        margin: auto;
    }

    .challenge_end_text_pad_left {
        height: 30px;
        padding-left: 20px;
        color: #7b7b7b;
        font-size: 12px;
        line-height: 1.8;
    }

    .challenge_end_text_no_pad {
        height: 30px;
        color: #7b7b7b;
        font-size: 12px;
        line-height: 1.8;
    }

    #sweet_tooth_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #kick_the_can_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #better_sleep {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #overconsumption_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #play_surivior_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #noo_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #noo_input {
        width: 80%;
    }

    #confirm_team_creation_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_team_challenge_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_add_friends_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #update_interests_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #updated_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_challenge_start_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_data_entry_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #add_teammate_modal {
        width: 90%;
        height: 280px;
        margin: 18% auto 0;
        display: none;
    }

    #add_teammate_modal_error {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_user_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    #accepted_challenge_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #accepted_challenge_invite_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #denied_challenge_modal {
        width: 90%;
        height: 280px;
        margin: 18% auto 0;
        display: none;
    }

    #sent_encouragement_modal {
        width: 90%;
        height: 380px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_team_member_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_team_member_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    .generalEntryChallengeModal {
        position: absolute !important;
        width: 90% !important;
        height: 350px !important;
        margin: 5% auto !important;
        display: none;
    }

    .generalEntryModalTxt {
        margin: 1% 0 0 2%;
        font-size: 1.1em;
        line-height: 1.3;
        color: #4b4b4b;
    }

    .generalEntryModalLabelTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.2em;
        color: #4b4b4b;
    }

    .generalEntryModalSystolicDiastolicTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.1em;
        color: #4b4b4b;
    }

    .generalEntryModalSystolicDiastolicFields {
        margin: 0 1% 3% 1%;
        width: 60%;
        color: #4b4b4b;
        font-weight: 700;
        border: solid #4b4b4b 1px;
    }

    .generalEntryModalSubmitBtn {
        float: right;
        overflow: hidden;
        width: 25%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #007C9D;
        color: #fff;
        font-size: 1em;
        line-height: 2.5;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }

    .thrive90Modal {
        height: 250px;
    }

    .thrive90ModalHeader {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.4em;
        text-transform: uppercase;
        font-weight: 700 !important;
        color: #fff;
        line-height: 1.3;
    }

    .thrive90ModalInput {
        overflow: hidden;
        float: left;
        width: 90%;
    }

    /****** General Modals styles ******/
    .termsConditionsModal {
        width: 90%;
        height: 450px;
        overflow: scroll;
    }

    .termsHeader {
        width: 100%;
        margin: 0 0 2% 0;
        padding: 1%;
        font-size: 1.2em;
        line-height: 1.5;
    }

    .termsContentContainer {
        width: 100%;
        padding: 2%;
        height: auto;
    }

    .termsContentContainer p {
        font-size: 1em;
        color: #3d3d3d;
    }

    .termsSubmitBtnContainer {
        width: 100%;
        overflow: hidden;
    }

    .termsSubmitBtn {
        float: left;
        overflow: hidden;
        width: 35%;
        margin: 5%;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
    }

    .termsErrorMsg {
        width: 100%;
        float: left;
        margin: 1% auto;
        font-size: 1em;
        color: red;
    }

    .fitbit_modal_header {
        font-size: 1.4em !important;
    }
}

/*** Phone Landscape ***/
@media only screen and (min-width : 736px) and (max-width : 897px) and (orientation: landscape) {
    .input-group-addon:first-child {
        border-right: 0;
        width: 12%;
    }

    .input-group-addon:first-child > img {
        width: 40%;
    }
    
    .input-group-addon {
        width: 12% !important;
    }

    .closeModalX {
        float: right;
        margin: 0 .5% 0 0;
        font-size: 1.6em !important;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 1.6;
    }

    .consentSignatureField {
        width: 80% !important;
    }

    .accountActive {
        width: 70%;
        height: 200px;
    }

    .employeeResponsibility {
        height: 250px;
    }

    .employeeResponsibilityHeader {
        height: 35px;
        background-color: #007C9D;
    }

    .employeeResponsibilityHeader p {
        margin: 0;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #fff;
    }

    .employee_responsibility_modal_content {
        height: 180px;
        overflow-y: scroll;
    }

    .employeeResponsibilityConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 1% 0 3% 5%;
    }

    .disclosureAgreement {
        height: 250px;
        width: 80%;
    }

    .disclosure_agreement_modal_content {
        width: 100%;
        height: 180px;
        overflow-y: scroll;
    }

    .disclosureAgreementYes {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .disclosureAgreementNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .trgModal {
        width: 90%;
        height: 260px;
    }

    .trgModalHeader {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 1.4em;
        line-height: 1.5;
        text-transform: uppercase;
    }

    .trgModalText {
        margin: .5%;
        padding: 1%;
        color: #7b7b7b;
        font-size: 1.2em;
        line-height: 1.4;
    }

    .completeHRA {
        height: 180px;
        width: 50%;
    }

    .updateLanguage {
        height: 220px;
        width: 50%;
    }

    .mtNittanyComeBack {
        height: 200px;
        width: 50%;
    }

    .resolutionChallengeEmail {
        height: 200px;
        width: 50%;
    }

    .askRita {
        height: 250px;
    }

    .questionAnswer {
        height: 250px;
    }

    .QandA_modal_content {
        padding: 0 2%;
        overflow: hidden;
        height: 180px;
        overflow-y: scroll;
    }

    .questionAnswerHeader {
        width: 100%;
        margin: 1% 0;
    }

    .questionAnswerHeader p {
        margin: 0;
        font-size: 1.5em;
    }

    .questionAnswerEmailContainer {
        width: 100%;
        margin: 0;
        overflow: hidden;
    }

    .questionAnswerEmailContainer p {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerText {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    #QandA_text {
        width: 50%;
        float: left;
    }

    .questionAnswerBtn {
        float: right;
        margin: 2% 12% 0 0;
        height: 35px;
        width: 12%;
        font-size: 1.2em;
        text-align: center;
        line-height: 2.2;
    }

    .updateLoginSuccess {
        height: 150px;
        width: 50%;
    }

    .update_login_success_modal_content {
        padding: 2%;
        font-size: 1.3em;
        color: #5b5b5b;
        line-height: 1.2;
    }

    .updateEmployeeSSO {
        height: 200px;
        width: 60%;
    }

    .updateEmployeeSSOEmailInput {
        float: left;
        margin: 1% 0 2% 3%;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSOButton {
        float: right;
        margin: 1% 8% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeSSO2 {
        height: 250px;
    }

    .updateEmployeeSSO2Scroll {
        height: 180px;
        overflow-y: scroll;
    }

    .updateEmployeeSSO2Content {
        width: 90%;
        margin: 1% 0 0 2%;
        overflow: hidden;
    }

    .updateEmployeeSSO2Text {
        margin: 2%;
        float: left;
        width: 90%;
        font-size: 1.2em;
        color: #7b7b7b;
        line-height: 1.2;
    }

    .updateEmployeeSSO2SiteDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2GenderDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2BirthdayInput {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2Button {
        float: right;
        margin: 1% 16% 0 0;
        padding: 1%;
        width: 12%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .d11DisclosureYesNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .userAgreement {
        height: 250px;
    }

    .user_agreement_modal_content {
        height: 180px;
        overflow-x: scroll;
    }

    .userAgreementConsentContainer {
        width: 97%;
        float: right;
        overflow: hidden;
        margin: 2% 0 2% 5%;
    }

    .userAgreementConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .mojoReceived {
        height: 200px;
        width: 70%;
    }

    .friendRequest {
        height: 250px;
        width: 70%;
    }

    .friendRequestTopContent {
        margin: 1%;
        padding: 2%;
        overflow: hidden;
    }

    .friendRequestTopContent>img {
        display: none;
    }

    .friendRequestTopContent p {
        margin: 0;
        font-size: 1.3em;
        color: #7b7b7b;
    }

    .friendRequestAcceptDenyContainer {
        width: 85%;
        margin: 3% 2% 0 0;
        overflow: hidden;
        float: right;
    }

    .joinChallengeModal {
        height: 250px;
        width: 70%;
    }

    .joinChallengeAcceptDenyContainer {
        overflow: hidden;
        margin: 2% 0 0 4%;
    }

    .requestJoinChallengeModal {
        height: 250px;
    }

    .sendTeamEncouragementModal {
        height: 200px;
        width: 60%;
    }

    .sendTeamEncouragementContainer {
        width: 100%;
        height: 180px;
        padding: 2%;
    }

    .sendTeamEncouragementImg {
        display: none;
    }

    .sendTeamEncouragementHeaderText {
        float: left;
        margin: 0 0 1% 0;
        width: 85%;
    }

    .sendTeamEncouragementHeaderText p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 700;
        color: #3d3d3d;
    }

    .sendTeamEncouragementText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementText p {
        margin: 0 0 3% 0;
        font-size: 1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementSmallText {
        float: left;
        margin: 0;
        width: 100%;
    }

    .sendTeamEncouragementSmallText p {
        margin: 0 0 3% 0;
        font-size: .8em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementInput {
        width: 100%;
        border: solid #7b7b7b 1px;
    }

    .sendTeamEncouragementButton {
        float: right;
        margin: 1% 5% 0 0;
        padding: 1%;
        width: 20%;
        height: 35px;
        font-size: 1.1em;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .fitbitUpdate {
        margin: -7% 0 0 0;
    }

    .newUserUpdateInfo {
        height: 250px;
        overflow: hidden;
    }

    .newUserUpdateHeader {
        padding: 2% 0 1% 2%;
    }

    .newUserUpdateHeader p {
        margin: 0;
        font-size: 1em;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .newUserUpdateFieldsContainer {
        width: 95%;
        margin: 0 auto;
        height: 150px;
        overflow-y: scroll;
    }

    .newUserUpdateFields {
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .newUserUpdateFieldsContent {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .newUserUpdateFieldsTxt {
        margin: 0;
        font-size: 1em;
        color: #7b7b7b;
    }

    .newUserUpdateInputFields {
        width: 100%;
        height: 30px;
        border: solid #5b5b5b 2px;
        color: #7b7b7b;
    }

    .tourMarginTop {
        margin: -7% 0 0 0;
    }

    .termsContentContainer {
        padding: 0 2%;
    }

    .termsConditionsModal {
        width: 90%;
        height: 250px;
    }

    .termsErrorMsg {
        width: 50%;
        float: left;
        margin: 1% 0 0 3%;
        font-size: 1em;
        color: red;
    }

    .mojoPlainProgress {
        height: 200px;
        width: 50%;
    }

    .ih21Phone {
        margin: -7% 0 0 0;
        height: 300px;
    }

    .ih21PhoneScroll {
        height: 180px;
        overflow-y: scroll;
    }

    .consentForm {
        margin: -7% 0 0 0;
        height: 300px;
    }

    .consentFormBottomContentSignatureInput {
        width: 80%;
    }

    .hcsDiabetesDoctorInfoModal {
        margin: -7% 0 0 0;
        height: 350px;
    }

    .hcsDiabetesDoctorInfoScroll {
        height: 220px;
        overflow-y: scroll;
    }

    .textOptIn {
        margin: -7% 0 0 0;
        height: 350px;
    }

    .textOptInScroll {
        height: 180px;
        overflow-y: scroll;
    }

    .contactCoachModalButton {
        float: left;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 30%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .genericModalButton {
        float: right;
        background: #007C9D !important;
        color: #fff;
        width: 15%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .twoFactorOptInModalMargin {
        margin: 20px 0 0 0;
    }

    .twoFactorOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .twoFactorOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .twoFactorOptInModalContent {
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalImg {
        float: left;
        width: 20%;
        display: none;
    }

    .twoFactorOptInModalTxt {
        width: 100%;
        float: left;
        margin: 0;
    }

    .twoFactorOptInModalTxt p {
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.1em;
        font-weight: 400;
        line-height: 1.3;
        color: #5b5b5b;
    }

    .twoFactorOptInModalOptionsContainer {
        width: 100%;
        margin: 2% 0 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn {
        width: 48%;
        float: left;
        margin: 0 2% 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalOptionsOptOut {
        width: 48%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptOut>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueContainer {
        width: 100%;
        padding: 3% 0 0 0;
        margin: 5% 0 0 0;
        overflow: hidden;
        border-top: solid #007C9D 1px;
    }

    .twoFactorOptInModalContinueContainer a {
        width: 60%;
        float: left;
    }

    .twoFactorOptInModalContinueBtn {
        float: right;
        width: 18%;
        padding: 1%;
        margin: 0;
        height: 35px;
        border-radius: 6px;
        border: solid #007C9D 1px;
        background-color: #007C9D;
        cursor: pointer;
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueBtn input {
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .twoFactorOptInModalPhoneContainer {
        width: 90%;
        margin: 0 0 3% 0;
    }

    .twoFactorOptInModalPhoneContainer p {
        width: 100%;
        float: left;
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalPhoneInputField {
        width: 100%;
        margin: 0;
        float: left;
    }

    .iti ::placeholder {
        color: #000;
        opacity: 1;
        font-size: 1em;
    }

    .generalEntryChallengeModal {
        position: absolute !important;
        width: 60% !important;
        height: 350px !important;
        margin: 5% auto !important;
        display: none;
    }

    .generalEntryModalTxt {
        margin: 1% 0 0 2%;
        font-size: 1.3em;
        line-height: 1.5;
        color: #7b7b7b;
    }

    .generalEntryModalLabelTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.2em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicFields {
        margin: 0 1% 3% 1%;
        width: 30%;
        color: #7b7b7b;
        font-weight: 700;
        border: solid #7b7b7b 1px;
    }

    .generalEntryModalSubmitBtn {
        float: right;
        overflow: hidden;
        width: 15%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #007C9D;
        color: #fff;
        font-size: 1.1em;
        line-height: 2.2;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }

    .thrive90Modal {
        width: 70%;
        height: 250px;
    }

    .thrive90ModalHeader {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.4em;
        text-transform: uppercase;
        font-weight: 700 !important;
        color: #fff;
        line-height: 1.3;
    }

    .thrive90ModalInput {
        overflow: hidden;
        float: left;
        width: 90%;
    }
}

/** Tablet Portrait **/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation: portrait) {
    .modal_box {
        border-radius: 5px;
        left: 0;
        margin: 4% auto 0;
        width: 50%;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .modal_box_header_text {
        margin: 0 0 0 1%;
        float: left;
        font-size: 1.3em;
        line-height: 1.5;
        text-transform: uppercase;
    }

    .modal_box_color_red {
        border-radius: 5px;
        left: 0;
        margin: auto;
        width: 90%;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    /****** NAVIGATION BAR MODALS ******/
    .input-group-addon:first-child {
        border-right: 0;
        width: 12%;
    }

    .input-group-addon:first-child > img {
        width: 40%;
    }


    .closeModalX {
        float: right;
        margin: 0 .5% 0 0;
        font-size: 2em !important;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 1.6;
    }

    .consentSignatureField {
        width: 80% !important;
    }
    
    .accountActive {
        height: 250px;
    }

    .trgModal {
        width: 90%;
        height: 350px;
    }

    .trgModalHeader {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 1.6em;
        text-transform: uppercase;
    }

    .trgModalText {
        margin: .5%;
        padding: 1%;
        color: #7b7b7b;
        font-size: 1.4em;
        line-height: 1.5;
    }

    .completeHRA {
        height: 250px;
    }

    .updateLanguage {
        height: 220px;
        width: 50%;
    }

    .mtNittanyComeBack {
        height: 200px;
        width: 50%;
    }

    .resolutionChallengeEmail {
        height: 200px;
    }

    .askRita {
        height: 320px;
    }

    #ask_rita_email_address {
        width: 90%;
    }

    .questionAnswer {
        height: 420px;
    }

    .QandA_modal_content {
        padding: 0 2%;
    }

    .questionAnswerHeader {
        width: 100%;
        margin: 1% 0;
    }

    .questionAnswerHeader p {
        margin: 0;
        font-size: 1.5em;
    }

    .questionAnswerEmailContainer {
        width: 100%;
        margin: 2% 0;
        overflow: hidden;
    }

    .questionAnswerEmailContainer p {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerText {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerBtn {
        float: right;
        margin: 2% 8% 0 0;
        height: 35px;
        width: 22%;
        font-size: 1.2em;
        text-align: center;
        line-height: 2.2;
    }

    .updateLoginSuccess {
        height: 150px;
    }

    .update_login_success_modal_content {
        margin: 1%;
        padding: 2%;
        font-size: 1.3em;
        color: #5b5b5b;
        line-height: 1.2;
    }

    .updateEmployeeSSO {
        height: 250px;
    }

    .updateEmployeeSSOEmailInput {
        float: left;
        margin: 1% 0 2% 3%;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSOButton {
        float: right;
        margin: 1% 8% 0 0;
        padding: 1%;
        width: 25%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.8;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeSSO2 {
        height: 380px;
    }

    .updateEmployeeSSO2Content {
        width: 95%;
        margin: 0 0 0 3%;
        overflow: hidden;
    }

    .updateEmployeeSSO2Text {
        margin: 3% 0 0 0;
        float: left;
        width: 90%;
        font-size: 1.2em;
        color: #7b7b7b;
        line-height: 1.2;
    }

    .updateEmployeeSSO2SiteDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2GenderDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2BirthdayInput {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2Button {
        float: right;
        margin: 2% 12% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeId {
        height: 220px;
    }

    .employeeResponsibility {
        height: 520px;
        width: 80%;
    }

    .employeeResponsibilityHeader {
        height: 35px;
        padding: 1%;
        background-color: #007C9D;
    }

    .employeeResponsibilityHeader p {
        margin: 0;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #fff;
    }

    .employee_responsibility_modal_content {
        height: 450px;
        overflow-y: scroll;
    }

    .employeeResponsibilityConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 1% 0 3% 5%;
    }

    .employeeResponsibilityConsentContainer>input {
        float: left;
        margin: 1% 2% 0 0 !important;
    }

    .employeeResponsibilityConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .disclosureAgreement {
        height: 500px;
        width: 80%;
    }

    .disclosure_agreement_modal_content {
        width: 100%;
        height: 400px;
        overflow-y: scroll;
    }

    .disclosureAgreementYes {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .disclosureAgreementNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .d11Disclosure {
        height: 520px;
        width: 80%;
    }

    .d11DisclosureYesNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .userAgreement {
        height: 450px;
        width: 80%;
    }

    .user_agreement_modal_content {
        height: 350px;
        overflow-x: scroll;
    }

    .userAgreementConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 2% 0 2% 5%;
    }

    .userAgreementConsentContainer>input {
        float: left;
        margin: 1.5% 3% 0 0 !important;
    }

    .userAgreementConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .mojoReceived {
        height: 250px;
    }

    .sendTeamEncouragementModal {
        height: 250px;
        width: 80%;
    }

    .sendTeamEncouragementContainer {
        width: 100%;
        padding: 2%;
    }

    .sendTeamEncouragementImg {
        display: none;
    }

    .sendTeamEncouragementHeaderText {
        float: left;
        margin: 0 0 3% 0;
        width: 85%;
    }

    .sendTeamEncouragementHeaderText p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 700;
        color: #3d3d3d;
    }

    .sendTeamEncouragementText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementText p {
        margin: 0 0 3% 0;
        font-size: 1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementSmallText {
        float: left;
        margin: 0;
        width: 100%;
    }

    .sendTeamEncouragementSmallText p {
        margin: 0 0 3% 0;
        font-size: .8em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementInput {
        width: 100%;
        border: solid #7b7b7b 1px;
    }

    .sendTeamEncouragementButton {
        float: right;
        margin: 2% 10% 0 0;
        padding: 1%;
        width: 15%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateFitbitBtns {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        width: 80%;
        margin: 0 auto;
    }

    .newUserUpdateInfo {
        height: 500px;
    }

    .newUserUpdateHeader {
        padding: 2% 0 1% 2%;
    }

    .newUserUpdateHeader p {
        margin: 0;
        font-size: 1em;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .newUserUpdateFieldsContainer {
        width: 95%;
        margin: 0 auto;
    }

    .newUserUpdateFields {
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .newUserUpdateFieldsContent {
        width: 100%;
    }

    .newUserUpdateFieldsTxt {
        margin: 0;
        font-size: 1em;
        color: #7b7b7b;
    }

    .newUserUpdateInputFields {
        width: 100%;
        height: 30px;
        border: solid #5b5b5b 2px;
        color: #7b7b7b;
    }

    .mojoPlainProgress {
        height: 250px;
    }

    .consentFormContent {
        margin: 0 0 3% 0;
        width: 100%;
        height: 550px;
        overflow-y: scroll;
    }

    .consentFormBottomContent {
        margin: 2% 0 0 0;
        width: 100%;
        overflow: hidden;
    }

    .consentFormBottomContentSignature {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentSignature p {
        margin: 0 0 1% 0;
        padding: 0;
        float: left;
        width: 100%;
        font-size: 1em;
        text-align: left;
        color: #000;
    }

    .consentFormBottomContentSignatureInput {
        width: 100%;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate p {
        margin: 0 0 1% 0;
        padding: 0;
        float: left;
        width: 100%;
        font-size: 1em;
        text-align: left;
        color: #000;
    }

    .consentFormBottomContentDateInput {
        width: 100%;
        overflow: hidden;
        float: left;
        border: solid green 1px;
    }

    .diabetesA1CDoctorModalContainer {
        width: 100%;
        padding: 0 1%;
    }

    .diabetesA1CDoctorModalContainerTxt {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: left;
        color: #000;
    }

    .diabetesA1CDoctorInfoModalContainer {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .diabetesA1CDoctorInfoModalContainer p {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: center;
        color: #000;
    }

    .diabetesA1CDoctorModalImage {
        display: block;
    }

    .diabetesDoctorContainer {
        width: 100%;
        margin: 3% 0 0 0;
        display: flex;
        justify-content: center;
    }

    .diabetesDoctorContainer label {
        width: 30% !important;
    }

    .diabetesA1CDoctorYesBtn {
        margin-right: 18%;
        padding: 0 !important;
        width: 15%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: green;
        line-height: 1.8;
    }

    .diabetesA1CDoctorNoBtn {
        padding: 0 !important;
        width: 15%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: red;
        line-height: 1.8;
    }

    .diabetesA1CDoctorInfoSubmitBtn {
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: #007C9D;
        line-height: 2;
    }

    .diabetesA1CDoctorInfoFormFieldHdrTxt {
        width: 100%;
        float: left;
        padding-right: 2%;
        text-align: left;
    }

    a.diabetesDoctorResultsBtnTxt {
        font-family: Arial, sans-serif;
        font-size: 120%;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
    }

    a.diabetesDoctorResultsBtnTxt:hover {
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }

    .diabetesA1CDoctorInfoStateZipContainer {
        width: 100%;
        overflow: hidden;
    }

    .diabetesA1CDoctorInfoState {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .diabetesA1CDoctorInfoZip {
        float: left;
        width: 45%;
    }

    .diabetesA1CDoctorInfoFormFieldHdrZipTxt {
        width: 33%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    .textOptInModalContent {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }

    .textOptInModalHeader {
        width: 100%;
        margin: 0;
        padding: 1%;
        text-align: center;
        background: #007C9D;
    }

    .textOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.4em;
        color: #fff;
    }

    .textOptInModalImg {
        display: none;
    }

    .textOptInModalTop {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 0;
    }

    .textOptInModalTop p {
        margin: 0;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottom {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 1% 0 2% 0;
    }

    .textOptInModalBottom p {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottomNo {
        width: 95%;
    }

    .textOptInModalBottomNo p {
        width: 92%;
        margin: 0;
        float: right;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalMessages {
        margin: 1% 0 0 5%;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.8;
        color: #000;
    }

    .textOptInPhoneNumber {
        width: 100%;
        margin: 3% auto 5%;
        overflow: hidden;
    }
    
    .input-group-addon {
        width: 8% !important;
    }

    .textOptInPhoneNumberField {
        width: 100% !important;
        float: left;
    }

    .textOptInPhoneNumberFieldTxt {
        margin: 3% 0 2% 0;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        color: #000;
    }

    .textOptInModalBtnContainer {
        width: 80%;
        height: 40px;
        float: right;
        margin: 5% 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalBtn {
        width: 25%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #98c93d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.2;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .textOptInModalCloseBtnContainer {
        width: 60%;
        float: right;
        margin: 0 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalCloseBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #007c9d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .genericModalBorder {
        border: solid 8px #007c9d !important;
    }

    .genericModalText {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.3em;
        line-height: 1.5;
        color: #000;
    }

    .genericModalButton {
        float: right;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 15%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .contactCoachModalButton {
        float: left;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 35%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .twoFactorOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .twoFactorOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .twoFactorOptInModalContent {
        width: 100%;
        padding: 0 3%;
        overflow: hidden;
    }

    .twoFactorOptInModalImg {
        float: left;
        width: 20%;
    }

    .twoFactorOptInModalTxt {
        width: 75%;
        float: left;
        margin: 0 0 5% 3%;
    }

    .twoFactorOptInModalTxt p {
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        font-weight: 400;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .twoFactorOptInModalOptionsContainer {
        width: 100%;
        margin: 5% 0 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn {
        width: 100%;
        float: left;
        margin: 0 2% 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalOptionsOptOut {
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptOut>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueContainer {
        width: 100%;
        padding: 3% 0 0 0;
        margin: 5% 0 0 0;
        overflow: hidden;
        border-top: solid #007C9D 1px;
    }

    .twoFactorOptInModalContinueContainer a {
        width: 60%;
        float: left;
    }

    .twoFactorOptInModalContinueBtn {
        float: right;
        width: 18%;
        padding: 1%;
        margin: 0;
        height: 35px;
        border-radius: 6px;
        border: solid #007C9D 1px;
        background-color: #007C9D;
        cursor: pointer;
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueBtn input {
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .twoFactorOptInModalPhoneContainer {
        width: 100%;
        margin: 0;
    }

    .twoFactorOptInModalPhoneContainer p {
        width: 100%;
        float: left;
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalPhoneInputField {
        width: 100%;
        margin: 0;
        float: left;
    }

    .iti ::placeholder {
        color: #000;
        opacity: 1;
        font-size: 1em;
    }

    /****** CHALLENGES MODALS ******/
    .friendRequest {
        height: 210px;
        width: 80%;
    }

    .friendRequestTopContent {
        margin: 1% 0 0 1%;
        overflow: hidden;
    }

    .friendRequestTopContent>img {
        float: left;
        width: 80px;
        height: 80px;
        margin: 0 2% 0 0;
        border: solid 3px #007C9D;
        border-radius: 50%;
    }

    .friendRequestTopContent p {
        margin: 0;
        font-size: 1.3em;
        color: #7b7b7b;
    }

    .friendRequestAcceptDenyContainer {
        width: 65%;
        overflow: hidden;
        float: right;
    }

    .joinChallengeModal {
        height: 380px;
    }

    .requestJoinChallengeModal {
        height: 250px;
        width: 80%;
    }

    .joinChallengeAcceptDenyContainer {
        width: 78%;
        margin: 5% 0 0 0;
        overflow: hidden;
        float: right;
    }

    .device_update_reminder {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #mojo_progress {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #rsc_box {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #rsc_modal {
        width: 90%;
        height: 500px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #video_coaching_modal {
        width: 90%;
        height: 500px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #c25k_update_modal {
        width: 90%;
        height: 300px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    .c25k_options_container {
        float: none;
        overflow: hidden;
        width: 95%;
        height: auto;
        margin: 5% auto 0;
        display: flex;
        justify-content: space-around;
    }

    .c25k_options_dropdown {
        float: left;
        width: 20%;
        height: 30px;
        margin: 4% 0 0 0;
        font-size: 1em;
    }

    .c25k_distance_container {
        float: left;
        width: 30%;
        height: 50px;
        margin: 0;
    }

    .c25k_length_container {
        float: left;
        width: 30%;
        height: 50px;
        margin: 0;
    }

    #meals_status_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    .challenge_status_track_container {
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        width: 90%;
        height: 25px;
        background-color: white;
        border: 4px solid #f2f2f2;
        margin: 2% auto;
        display: block;
    }

    .challenge_status_meals_track_bar {
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        opacity: .5;
        width: 90%;
        height: 25px;
        background-color: #008A00;
        transition: width 0.5s ease;
        cursor: pointer;
    }

    #weekly_challenges_status_modal {
        width: 90%;
        height: 400px;
        margin: 18% auto 0;
        display: none;
    }

    .weekly_challenges_status_header {
        width: 85%;
        height: 30px;
        margin: 0 0 0 2%;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        font-size: 1.2em !important;
        line-height: 1.5;
    }

    .weekly_challenges_status_header_name {
        width: 18%;
        height: 30px;
        margin-left: 20px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.5;
    }

    .weekly_challenges_status_container {
        float: left;
        width: 69%;
        height: 25px;
        margin: 0 5% 0 0;
        border: solid 1px #ddd;
        border-radius: 20px;
        background-color: #fff;
    }

    #steps_status_modal {
        display: none;
        margin: 20% auto;
    }

    #lbs_status_modal {
        margin: 20% auto;
        width: 90%;
        height: 250px;
        display: none;
    }

    #start_challenge_modal {
        width: 90%;
        height: 350px;
        display: none;
    }

    #update_personal_goal_notification_modal {
        width: 90%;
        height: 350px;
        margin: 18% auto 0;
        display: none;
    }

    #update_personal_goal_modal {
        width: 90%;
        height: 350px;
        margin: 18% auto 0;
        display: none;
    }

    #manual_entry_challenge_modal_new {
        width: 90%;
        height: 700px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    .manual_entry_tabs {
        width: 31%;
        height: 40px;
        float: left;
        text-align: center;
        font-size: 1.1em;
        line-height: 2.5;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    #challenge_end_modal {
        width: 90%;
        height: 460px;
        margin: 18% auto 0;
        display: none;
    }

    .challenge_end_challenge_name {
        height: 30px;
        padding-left: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 1.8;
    }

    .challenge_end_challenge_end_date {
        height: 30px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.8;
    }

    .challenge_end_challenge_status {
        height: 30px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.8;
    }

    #surviving_video_modal {
        width: 90%;
        height: 430px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #challenge_tutorial_modal {
        width: 90%;
        height: 495px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #site_tour_video {
        width: 100%;
        border-radius: 3px;
        background-color: #EBEBEB;
        padding: 0;
        margin: 0;
    }

    .video_modal_content {
        width: 100%;
        height: 530px;
        margin: auto;
    }

    .challenge_end_text_pad_left {
        height: 30px;
        padding-left: 20px;
        color: #7b7b7b;
        font-size: 12px;
        line-height: 1.8;
    }

    .challenge_end_text_no_pad {
        height: 30px;
        color: #7b7b7b;
        font-size: 12px;
        line-height: 1.8;
    }

    #sweet_tooth_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #kick_the_can_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #better_sleep {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #overconsumption_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #play_surivior_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #noo_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #noo_input {
        width: 80%;
    }

    #confirm_team_creation_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_team_challenge_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_add_friends_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #update_interests_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #updated_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_challenge_start_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_data_entry_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #add_teammate_modal {
        width: 90%;
        height: 280px;
        margin: 18% auto 0;
        display: none;
    }

    #add_teammate_modal_error {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_user_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    #accepted_challenge_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #accepted_challenge_invite_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #denied_challenge_modal {
        width: 90%;
        height: 280px;
        margin: 18% auto 0;
        display: none;
    }

    #sent_encouragement_modal {
        width: 90%;
        height: 380px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_team_member_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_team_member_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    .generalEntryChallengeModal {
        position: absolute !important;
        height: 350px !important;
        margin: 5% auto !important;
        display: none;
    }

    .generalEntryModalTxt {
        margin: 1% 0 0 2%;
        font-size: 1.3em;
        line-height: 1.5;
        color: #7b7b7b;
    }

    .generalEntryModalLabelTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.2em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicFields {
        margin: 0 1% 3% 1%;
        width: 30%;
        color: #7b7b7b;
        font-weight: 700;
        border: solid #7b7b7b 1px;
    }

    .generalEntryModalSubmitBtn {
        float: right;
        overflow: hidden;
        width: 15%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #007C9D;
        color: #fff;
        font-size: 1.1em;
        line-height: 2.2;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }

    .thrive90Modal {
        width: 70%;
        height: 250px;
    }

    .thrive90ModalHeader {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.4em;
        text-transform: uppercase;
        font-weight: 700 !important;
        color: #fff;
        line-height: 1.3;
    }

    .thrive90ModalInput {
        overflow: hidden;
        float: left;
        width: 90%;
    }

    /****** General Modals styles ******/
    .termsConditionsModal {
        width: 90%;
        height: 480px;
    }

    .termsHeader {
        width: 100%;
        margin: 0;
        padding: 1%;
        font-size: 1.5em;
        line-height: 1.5;
    }

    .termsContentContainer {
        width: 100%;
        padding: 2%;
        height: auto;
    }

    .termsContentContainer p {
        font-size: 1.2em;
        color: #3d3d3d;
    }

    .termsSubmitBtnContainer {
        width: 100%;
        overflow: hidden;
    }

    .termsSubmitBtn {
        float: left;
        overflow: hidden;
        width: 22%;
        margin: 0;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
    }

    .termsErrorMsg {
        width: 50%;
        float: left;
        margin: 1% 0 0 3%;
        font-size: 1em;
        color: red;
    }
}

/** Tablet Landscape **/
@media only screen and (min-width : 1024px) and (max-width : 1280px) and (orientation: landscape) {
    .modal_box {
        border-radius: 5px;
        left: 0;
        margin: 4% auto 0;
        width: 50%;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .modal_box_header_text {
        margin: 0 0 0 1%;
        float: left;
        font-size: 1.5em;
        line-height: 1.5;
        text-transform: uppercase;
    }

    .modal_box_color_red {
        border-radius: 5px;
        left: 0;
        margin: auto;
        width: 90%;
        position: fixed;
        z-index: 10001;
        top: 0;
        right: 0;
        bottom: 0;
    }

    /****** NAVIGATION BAR MODALS ******/
    .input-group-addon:first-child {
        border-right: 0;
        width: 12%;
    }

    .input-group-addon:first-child > img {
        width: 40%;
    }


    .closeModalX {
        float: right;
        margin: 0 .5% 0 0;
        font-size: 2em !important;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        line-height: 1.6;
    }

    .consentSignatureField {
        width: 80% !important;
    }

    .accountActive {
        height: 250px;
    }

    .trgModal {
        width: 70%;
        height: 300px;
    }

    .trgModalHeader {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 1.1em;
        text-transform: uppercase;
    }

    .trgModalText {
        margin: .5%;
        padding: 1%;
        color: #7b7b7b;
        font-size: 1.3em;
        line-height: 1.4;
    }

    .completeHRA {
        height: 250px;
    }

    .updateLanguage {
        height: 220px;
        width: 50%;
    }

    .mtNittanyComeBack {
        height: 200px;
        width: 50%;
    }

    .resolutionChallengeEmail {
        height: 200px;
    }

    .askRita {
        height: 320px;
    }

    #ask_rita_email_address {
        width: 90%;
    }

    .questionAnswer {
        height: 420px;
    }

    .QandA_modal_content {
        padding: 0 2%;
    }

    .questionAnswerHeader {
        width: 100%;
        margin: 1% 0;
    }

    .questionAnswerHeader p {
        margin: 0;
        font-size: 1.5em;
    }

    .questionAnswerEmailContainer {
        width: 100%;
        margin: 2% 0;
        overflow: hidden;
    }

    .questionAnswerEmailContainer p {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerText {
        margin: 0;
        font-size: 1.2em;
        color: #5b5b5b;
    }

    .questionAnswerBtn {
        float: right;
        margin: 2% 8% 0 0;
        height: 35px;
        width: 22%;
        font-size: 1.2em;
        text-align: center;
        line-height: 2.2;
    }

    .updateLoginSuccess {
        height: 150px;
    }

    .update_login_success_modal_content {
        margin: 1%;
        padding: 2%;
        font-size: 1.3em;
        color: #5b5b5b;
        line-height: 1.2;
    }

    .updateEmployeeSSO {
        height: 250px;
    }

    .updateEmployeeSSOEmailInput {
        float: left;
        margin: 1% 0 2% 3%;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSOButton {
        float: right;
        margin: 1% 8% 0 0;
        padding: 1%;
        width: 25%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.8;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeSSO2 {
        height: 380px;
    }

    .updateEmployeeSSO2Content {
        width: 95%;
        margin: 0 0 0 3%;
        overflow: hidden;
    }

    .updateEmployeeSSO2Text {
        margin: 3% 0 0 0;
        float: left;
        width: 90%;
        font-size: 1.2em;
        color: #7b7b7b;
        line-height: 1.2;
    }

    .updateEmployeeSSO2SiteDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2GenderDropdown {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2BirthdayInput {
        float: left;
        margin: 1% 0 0 0;
        height: 35px;
        width: 90%;
        color: #7b7b7b;
        border: solid #cbcbcb 2px;
    }

    .updateEmployeeSSO2Button {
        float: right;
        margin: 2% 12% 0 0;
        padding: 1%;
        width: 18%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.5;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateEmployeeId {
        height: 220px;
    }

    .employeeResponsibility {
        height: 520px;
        width: 80%;
    }

    .employeeResponsibilityHeader {
        height: 35px;
        padding: 1%;
        background-color: #007C9D;
    }

    .employeeResponsibilityHeader p {
        margin: 0;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #fff;
    }

    .employee_responsibility_modal_content {
        height: 450px;
        overflow-y: scroll;
    }

    .employeeResponsibilityConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 1% 0 3% 5%;
    }

    .employeeResponsibilityConsentContainer>input {
        float: left;
        margin: 1% 2% 0 0 !important;
    }

    .employeeResponsibilityConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .disclosureAgreement {
        height: 500px;
        width: 80%;
    }

    .disclosure_agreement_modal_content {
        width: 100%;
        height: 450px;
        overflow-y: scroll;
    }

    .disclosureAgreementYes {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .disclosureAgreementNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .d11Disclosure {
        height: 480px;
        width: 80%;
    }

    .d11DisclosureYesNo {
        width: 95%;
        margin: 3% 0 0 3%;
        overflow: hidden;
    }

    .userAgreement {
        height: 450px;
        width: 80%;
    }

    .user_agreement_modal_content {
        height: 350px;
        overflow-x: scroll;
    }

    .userAgreementConsentContainer {
        width: 90%;
        overflow: hidden;
        margin: 2% 0 2% 5%;
    }

    .userAgreementConsentContainer>input {
        float: left;
        margin: 1.5% 3% 0 0 !important;
    }

    .userAgreementConsentContainer p {
        margin: 0;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .mojoReceived {
        height: 250px;
    }

    .sendTeamEncouragementModal {
        height: 250px;
        width: 80%;
    }

    .sendTeamEncouragementContainer {
        width: 100%;
        padding: 2%;
    }

    .sendTeamEncouragementImg {
        display: none;
    }

    .sendTeamEncouragementHeaderText {
        float: left;
        margin: 0 0 3% 0;
        width: 85%;
    }

    .sendTeamEncouragementHeaderText p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 700;
        color: #3d3d3d;
    }

    .sendTeamEncouragementText {
        float: left;
        margin: 0;
        width: 90%;
    }

    .sendTeamEncouragementText p {
        margin: 0 0 3% 0;
        font-size: 1em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementSmallText {
        float: left;
        margin: 0;
        width: 100%;
    }

    .sendTeamEncouragementSmallText p {
        margin: 0 0 3% 0;
        font-size: .8em;
        font-weight: 400;
        color: #3d3d3d;
    }

    .sendTeamEncouragementInput {
        width: 100%;
        border: solid #7b7b7b 1px;
    }

    .sendTeamEncouragementButton {
        float: right;
        margin: 2% 10% 0 0;
        padding: 1%;
        width: 15%;
        height: 35px;
        font-size: 1.2em;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        background-color: #007C9D;
        cursor: pointer;
    }

    .updateFitbitBtns {
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        width: 80%;
        margin: 0 auto;
    }

    .newUserUpdateInfo {
        height: 500px;
    }

    .newUserUpdateHeader {
        padding: 2% 0 1% 2%;
    }

    .newUserUpdateHeader p {
        margin: 0;
        font-size: 1em;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .newUserUpdateFieldsContainer {
        width: 95%;
        margin: 0 auto;
    }

    .newUserUpdateFields {
        margin: 2% 0;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .newUserUpdateFieldsContent {
        width: 100%;
    }

    .newUserUpdateFieldsTxt {
        margin: 0;
        font-size: 1em;
        color: #7b7b7b;
    }

    .newUserUpdateInputFields {
        width: 100%;
        height: 30px;
        border: solid #5b5b5b 2px;
        color: #7b7b7b;
    }

    .mojoPlainProgress {
        height: 250px;
    }

    .consentFormContent {
        margin: 0 0 3% 0;
        width: 100%;
        height: 550px;
        overflow-y: scroll;
    }

    .consentFormBottomContent {
        margin: 2% 0 0 0;
        width: 100%;
        overflow: hidden;
    }

    .consentFormBottomContentSignature {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentSignature p {
        margin: 0 0 1% 0;
        padding: 0;
        float: left;
        width: 100%;
        font-size: 1em;
        text-align: left;
        color: #000;
    }

    .consentFormBottomContentSignatureInput {
        width: 100%;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate {
        width: 100%;
        padding: 0 0 3% 0;
        overflow: hidden;
        float: left;
    }

    .consentFormBottomContentDate p {
        margin: 0 0 1% 0;
        padding: 0;
        float: left;
        width: 100%;
        font-size: 1em;
        text-align: left;
        color: #000;
    }

    .consentFormBottomContentDateInput {
        width: 100%;
        overflow: hidden;
        float: left;
        border: solid green 1px;
    }

    .diabetesA1CDoctorModalContainer {
        width: 100%;
        padding: 0 1%;
    }

    .diabetesA1CDoctorModalContainerTxt {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: left;
        color: #000;
    }

    .diabetesA1CDoctorInfoModalContainer {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .diabetesA1CDoctorInfoModalContainer p {
        overflow: hidden;
        font-family: sans-serif;
        font-size: 120%;
        text-align: center;
        color: #000;
    }

    .diabetesA1CDoctorModalImage {
        display: block;
    }

    .diabetesDoctorContainer {
        width: 100%;
        margin: 3% 0 0 0;
        display: flex;
        justify-content: center;
    }

    .diabetesDoctorContainer label {
        width: 30% !important;
    }

    .diabetesA1CDoctorYesBtn {
        margin-right: 18%;
        padding: 0 !important;
        width: 15%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: green;
        line-height: 1.8;
    }

    .diabetesA1CDoctorNoBtn {
        padding: 0 !important;
        width: 15%;
        height: 35px;
        float: left;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: red;
        line-height: 1.8;
    }

    .diabetesA1CDoctorInfoSubmitBtn {
        padding: 0 !important;
        width: 22%;
        height: 35px;
        float: right;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        background-color: #007C9D;
        line-height: 2;
    }

    .diabetesA1CDoctorInfoFormFieldHdrTxt {
        width: 100%;
        float: left;
        padding-right: 2%;
        text-align: left;
    }

    a.diabetesDoctorResultsBtnTxt {
        font-family: Arial, sans-serif;
        font-size: 120%;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
    }

    a.diabetesDoctorResultsBtnTxt:hover {
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }

    .diabetesA1CDoctorInfoStateZipContainer {
        width: 100%;
        overflow: hidden;
    }

    .diabetesA1CDoctorInfoState {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .diabetesA1CDoctorInfoZip {
        float: left;
        width: 45%;
    }

    .diabetesA1CDoctorInfoFormFieldHdrZipTxt {
        width: 33%;
        float: left;
        padding-right: 2%;
        text-align: right;
    }

    .textOptInModalContent {
        width: 95%;
        margin: 0 auto;
        overflow: hidden;
    }

    .textOptInModalHeader {
        width: 100%;
        margin: 0;
        padding: 1%;
        text-align: center;
        background: #007C9D;
    }

    .textOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.4em;
        color: #fff;
    }

    .textOptInModalImg {
        display: none;
    }

    .textOptInModalTop {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 0;
    }

    .textOptInModalTop p {
        margin: 0;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottom {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 1% 0 2% 0;
    }

    .textOptInModalBottom p {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalBottomNo {
        width: 95%;
    }

    .textOptInModalBottomNo p {
        width: 92%;
        margin: 0;
        float: right;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.4;
        color: #000;
    }

    .textOptInModalMessages {
        margin: 1% 0 0 5%;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        line-height: 1.8;
        color: #000;
    }

    .textOptInPhoneNumber {
        width: 100%;
        margin: 3% auto 5%;
        overflow: hidden;
    }
    
    .input-group-addon {
        width: 8% !important;
    }

    .textOptInPhoneNumberField {
        width: 100% !important;
        float: left;
    }

    .textOptInPhoneNumberFieldTxt {
        margin: 3% 0 2% 0;
        width: 100%;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        color: #000;
    }

    .textOptInModalBtnContainer {
        width: 80%;
        height: 40px;
        float: right;
        margin: 5% 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalBtn {
        width: 25%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #98c93d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.2;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .textOptInModalCloseBtnContainer {
        width: 60%;
        float: right;
        margin: 0 3% 0 0;
        text-align: center;
        cursor: pointer;
    }

    .textOptInModalCloseBtn {
        width: 30%;
        float: right;
        margin: 0 0 0 12%;
        height: 35px;
        border-radius: 6px;
        background-color: #007c9d;
        color: #fff;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.9;
        text-transform: uppercase;
        -webkit-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .genericModalBorder {
        border: solid 8px #007c9d !important;
    }

    .genericModalText {
        width: 99%;
        margin: 0;
        float: left;
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.3em;
        line-height: 1.5;
        color: #000;
    }

    .genericModalButton {
        float: right;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 25%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .contactCoachModalButton {
        float: left;
        background: #007C9D !important;
        color: #fff;
        border: none;
        width: 55%;
        text-transform: uppercase;
        font-size: 1em !important;
        font-weight: 700 !important;
    }

    .twoFactorOptInModalHeader {
        width: 100%;
        margin: 0;
        text-align: center;
        background: #007C9D;
    }

    .twoFactorOptInModalHeader p {
        width: 100%;
        margin: 0;
        font-family: 'Monda', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.8em;
        line-height: 2;
        color: #fff;
    }

    .twoFactorOptInModalContent {
        width: 100%;
        padding: 0 3%;
        overflow: hidden;
    }

    .twoFactorOptInModalImg {
        float: left;
        width: 20%;
    }

    .twoFactorOptInModalTxt {
        width: 75%;
        float: left;
        margin: 0 0 5% 3%;
    }

    .twoFactorOptInModalTxt p {
        font-family: 'Monda', sans-serif;
        text-align: left;
        font-size: 1.2em;
        font-weight: 400;
        line-height: 1.4;
        color: #5b5b5b;
    }

    .twoFactorOptInModalOptionsContainer {
        width: 100%;
        margin: 5% 0 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn {
        width: 100%;
        float: left;
        margin: 0 2% 0 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptIn>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalOptionsOptOut {
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    .twoFactorOptInModalOptionsOptOut>label {
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueContainer {
        width: 100%;
        padding: 3% 0 0 0;
        margin: 5% 0 0 0;
        overflow: hidden;
        border-top: solid #007C9D 1px;
    }

    .twoFactorOptInModalContinueContainer a {
        width: 60%;
        float: left;
    }

    .twoFactorOptInModalContinueBtn {
        float: right;
        width: 22%;
        padding: 1%;
        margin: 0;
        height: 35px;
        border-radius: 6px;
        border: solid #007C9D 1px;
        background-color: #007C9D;
        cursor: pointer;
        color: #fff;
        text-align: center;
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: 700;
    }

    .twoFactorOptInModalContinueBtn input {
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .twoFactorOptInModalPhoneContainer {
        width: 90%;
        margin: 0;
    }

    .twoFactorOptInModalPhoneContainer p {
        width: 100%;
        float: left;
        color: #5b5b5b;
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 700;
    }

    .twoFactorOptInModalPhoneInputField {
        width: 100%;
        margin: 0;
        float: left;
    }

    .iti ::placeholder {
        color: #000;
        opacity: 1;
        font-size: 1em;
    }

    /****** CHALLENGES MODALS ******/
    .friendRequest {
        height: 210px;
        width: 80%;
    }

    .friendRequestTopContent {
        margin: 1% 0 0 1%;
        overflow: hidden;
    }

    .friendRequestTopContent>img {
        float: left;
        width: 80px;
        height: 80px;
        margin: 0 2% 0 0;
        border: solid 3px #007C9D;
        border-radius: 50%;
    }

    .friendRequestTopContent p {
        margin: 0;
        font-size: 1.3em;
        color: #7b7b7b;
    }

    .friendRequestAcceptDenyContainer {
        width: 65%;
        overflow: hidden;
        float: right;
    }

    .joinChallengeModal {
        height: 380px;
    }

    .requestJoinChallengeModal {
        height: 250px;
        width: 80%;
    }

    .joinChallengeAcceptDenyContainer {
        width: 78%;
        margin: 5% 0 0 0;
        overflow: hidden;
        float: right;
    }

    .device_update_reminder {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #mojo_progress {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #rsc_box {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #rsc_modal {
        width: 90%;
        height: 500px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #video_coaching_modal {
        width: 90%;
        height: 500px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #c25k_update_modal {
        width: 90%;
        height: 300px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    .c25k_options_container {
        float: none;
        overflow: hidden;
        width: 95%;
        height: auto;
        margin: 5% auto 0;
        display: flex;
        justify-content: space-around;
    }

    .c25k_options_dropdown {
        float: left;
        width: 20%;
        height: 30px;
        margin: 4% 0 0 0;
        font-size: 1em;
    }

    .c25k_distance_container {
        float: left;
        width: 30%;
        height: 50px;
        margin: 0;
    }

    .c25k_length_container {
        float: left;
        width: 30%;
        height: 50px;
        margin: 0;
    }

    #meals_status_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    .challenge_status_track_container {
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        width: 90%;
        height: 25px;
        background-color: white;
        border: 4px solid #f2f2f2;
        margin: 2% auto;
        display: block;
    }

    .challenge_status_meals_track_bar {
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        opacity: .5;
        width: 90%;
        height: 25px;
        background-color: #008A00;
        transition: width 0.5s ease;
        cursor: pointer;
    }

    #weekly_challenges_status_modal {
        width: 90%;
        height: 400px;
        margin: 18% auto 0;
        display: none;
    }

    .weekly_challenges_status_header {
        width: 85%;
        height: 30px;
        margin: 0 0 0 2%;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        font-size: 1.2em !important;
        line-height: 1.5;
    }

    .weekly_challenges_status_header_name {
        width: 18%;
        height: 30px;
        margin-left: 20px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.5;
    }

    .weekly_challenges_status_container {
        float: left;
        width: 69%;
        height: 25px;
        margin: 0 5% 0 0;
        border: solid 1px #ddd;
        border-radius: 20px;
        background-color: #fff;
    }

    #steps_status_modal {
        display: none;
        margin: 20% auto;
    }

    #lbs_status_modal {
        margin: 20% auto;
        width: 90%;
        height: 250px;
        display: none;
    }

    #start_challenge_modal {
        width: 90%;
        height: 350px;
        display: none;
    }

    #update_personal_goal_notification_modal {
        width: 90%;
        height: 350px;
        margin: 18% auto 0;
        display: none;
    }

    #update_personal_goal_modal {
        width: 90%;
        height: 350px;
        margin: 18% auto 0;
        display: none;
    }

    #manual_entry_challenge_modal_new {
        width: 90%;
        height: 700px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    .manual_entry_tabs {
        width: 31%;
        height: 40px;
        float: left;
        text-align: center;
        font-size: 1.1em;
        line-height: 2.5;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    #challenge_end_modal {
        width: 90%;
        height: 460px;
        margin: 18% auto 0;
        display: none;
    }

    .challenge_end_challenge_name {
        height: 30px;
        padding-left: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 1.8;
    }

    .challenge_end_challenge_end_date {
        height: 30px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.8;
    }

    .challenge_end_challenge_status {
        height: 30px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.8;
    }

    #surviving_video_modal {
        width: 90%;
        height: 430px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #challenge_tutorial_modal {
        width: 90%;
        height: 495px;
        margin: 18% auto 0;
        position: absolute;
        display: none;
    }

    #site_tour_video {
        width: 100%;
        border-radius: 3px;
        background-color: #EBEBEB;
        padding: 0;
        margin: 0;
    }

    .video_modal_content {
        width: 100%;
        height: 530px;
        margin: auto;
    }

    .challenge_end_text_pad_left {
        height: 30px;
        padding-left: 20px;
        color: #7b7b7b;
        font-size: 12px;
        line-height: 1.8;
    }

    .challenge_end_text_no_pad {
        height: 30px;
        color: #7b7b7b;
        font-size: 12px;
        line-height: 1.8;
    }

    #sweet_tooth_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #kick_the_can_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #better_sleep {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #overconsumption_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #play_surivior_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #noo_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #noo_input {
        width: 80%;
    }

    #confirm_team_creation_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_team_challenge_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_add_friends_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #update_interests_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #updated_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_challenge_start_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #confirm_data_entry_modal {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #add_teammate_modal {
        width: 90%;
        height: 280px;
        margin: 18% auto 0;
        display: none;
    }

    #add_teammate_modal_error {
        width: 90%;
        height: 200px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_user_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    #accepted_challenge_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #accepted_challenge_invite_modal {
        width: 90%;
        height: 250px;
        margin: 18% auto 0;
        display: none;
    }

    #denied_challenge_modal {
        width: 90%;
        height: 280px;
        margin: 18% auto 0;
        display: none;
    }

    #sent_encouragement_modal {
        width: 90%;
        height: 380px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_team_member_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    #delete_team_member_confirm_modal {
        width: 90%;
        height: 220px;
        margin: 18% auto 0;
        display: none;
    }

    .generalEntryChallengeModal {
        position: absolute !important;
        height: 350px !important;
        display: none;
    }

    .generalEntryModalTxt {
        margin: 1% 0 0 2%;
        font-size: 1.3em;
        line-height: 1.5;
        color: #7b7b7b;
    }

    .generalEntryModalLabelTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.2em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicTxt {
        margin: 1% 0 1% 3%;
        font-size: 1.1em;
        color: #7b7b7b;
    }

    .generalEntryModalSystolicDiastolicFields {
        margin: 0 1% 3% 1%;
        width: 30%;
        color: #7b7b7b;
        font-weight: 700;
        border: solid #7b7b7b 1px;
    }

    .generalEntryModalSubmitBtn {
        float: right;
        overflow: hidden;
        width: 15%;
        margin: 1% 5% 0 0;
        height: 35px;
        text-align: center;
        background-color: #007C9D;
        color: #fff;
        font-size: 1.1em;
        line-height: 2.2;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
    }

    .thrive90Modal {
        width: 50%;
        height: 250px;
    }

    .thrive90ModalHeader {
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        font-size: 1.4em;
        text-transform: uppercase;
        font-weight: 700 !important;
        color: #fff;
        line-height: 1.3;
    }

    .thrive90ModalInput {
        overflow: hidden;
        float: left;
        width: 90%;
    }

    /****** General Modals styles ******/
    .termsConditionsModal {
        width: 90%;
        height: 480px;
    }

    .termsHeader {
        width: 100%;
        margin: 0;
        padding: 1%;
        font-size: 1.5em;
        line-height: 1.5;
    }

    .termsContentContainer {
        width: 100%;
        padding: 2%;
        height: auto;
    }

    .termsContentContainer p {
        font-size: 1.2em;
        color: #3d3d3d;
    }

    .termsSubmitBtnContainer {
        width: 100%;
        overflow: hidden;
    }

    .termsSubmitBtn {
        float: right;
        overflow: hidden;
        width: 12%;
        margin: 5%;
        height: 35px;
        text-align: center;
        background-color: #7b7b7b;
        color: #fff;
        font-size: 1.2em;
        line-height: 2;
        cursor: pointer;
    }

    .termsErrorMsg {
        width: 50%;
        float: left;
        margin: 1% 0 0 3%;
        font-size: 1em;
        color: red;
    }
}