html {
    margin: 0;
    overscroll-behavior: none;
}

body {
	margin: 0;
	background: #fff;
    font-family: Helvetica,sans-serif;
    overscroll-behavior: none;
    font-family: 'ariel', sans-serif;
    overscroll-behavior: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.bold {
    font-weight: bold;
}

.brand_color {
    color: #ec1b2e;
}

.navLink {
    color: #22f !important;
    cursor: pointer;
}

#navMenuContainer {
    display: flex;
    width: 100%;
    background-color: #eed9d8;
    margin: 0 0 15px 0px;
    padding: 0;
    position: relative;
    align-items: center;
    justify-content: center;
}
#navMenuContainer label {
    z-index: 300;
    display: inline-block;
    width: 88px;
    margin: 4px 0;
    padding: 3px 12px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    background-color: transparent;
}
#navMenuCartouche {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 200px;
    background-color: #fff;
    margin: 4px 0px;
    padding: 3px 12px;
    border-radius: 8px;
    text-align: center;
    outline: 2px solid #ccc;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

#loginSplashPage {
    display: none;
    background-image: url('/images/login_splash.jpg');
    width: 100%;
    height: auto;
    background-position: bottom center;
    background-size: cover;
}

.listProgressBar {
    border: 1px solid #888;
    background-color: #bbb;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 3px 0;
    margin: 3px 0;
}

.smallProgressBar {
    padding: 0;
    margin: 3px 0 0 8px;
    cursor: pointer;
}

.listProgress {
    background-color: #0a0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 400;
}
.listProgressLabel {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 500;
    font-size: 12px;
    white-space: nowrap;
}

.catProgressBar {
    border: 1px solid #666;
    background-color: #999;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 3px 0;
    margin: 3px 0;
}
.catProgress {
    background-color: #080;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 400;
}

.appPage {
    display: none;
}

#header {
    position: fixed;
    z-index: 700;
    top: 0;
    width: 100%;
    text-align: center;
    /* box-shadow: 0px 1px 2px #555; */
    /* box-shadow: 0px 7px 2px -6px #555; */
    border-bottom: 6px solid #ed1b2e;
    background-color: #fff;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 700;
    border-top: 6px solid #ed1b2e;
}

#header .logo {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 50px;
    margin: 0;
}

/* Light gray #b6b6b6 */
/* Dark Gray #595959 */
/* Isuzu red: #ed1b2e */

#header_container {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(182,182,182,1) 0%, rgba(89,89,89,1) 100%);
    position: relative;
    width: 100%;
    height: 60px;
}

#footer-container {
    text-align: center;
    width: 100%;
    height: 40px;
    text-align: center;
    background: rgb(89,89,89);
    background: linear-gradient(90deg, rgba(89,89,89,1) 0%, rgba(182,182,182,1) 100%);
    border-top: 1px solid #888;
}
#footer-container img {
    height: 40px;
}

#appMenuContainer {
    display: none;
    position: fixed;
    z-index: 1500;
    top: 64px;
    right: 6px;
    width: 350px;
    height: 230px;
    border: 1px solid #000;
    background-color: #fff;
    padding: 6px;
    box-shadow: 0 0 5px #777;
}

#appMenuContainer p {
    font-size: 24px;
    cursor: pointer;
    color: #00f;
    margin: 8px 0 0 0;
    border-bottom: 1px solid #ccc;
}

#header_menu_icon {
    position: absolute;
    top: 30px;
    right: 16px;
    margin: 0;
    font-size: 22px;
    color: #fff;
}

.user_placard {
    padding: 0 5px 12px 0;
}

.user_placard span, .user_placard i {
    color: #666;
}

#login_user_email {
    text-decoration: none;
    font-size: 18px;
}

#header h1 {
    font-size: 23px;
    line-height: 60px;
    margin: 0;
    color: #fff;
    font-family: 'ariel', sans-serif;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2px 2px #666;
}

#app_container {
    margin: 60px 0 0 0;
    font-size: 22px;
}

.scrollToFooterContainer {
    width: 100%;
    overflow-y: scroll;
}

.footer {
    background-color: #252525;
    text-align: center;
    height: 50px;
}

/*
table.tabNavigator {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 24px 0;
}
.tabNavigator th {
    padding: 14px 0;
    width: 40%;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e9e9ef;
}
.tabNavigator td {
    padding: 14px 0;
    width: 20%;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e9e9ef;
}
.selectedTab {
    border-bottom: 2px solid #000 !important;
}
*/

table.itemsList {
    width: 98%;
    border-collapse: collapse;
    margin: 0 auto;
}

table.itemsListHdr {
    background-color: #eee;
    box-shadow: 0px 2px 2px #555;
    margin-bottom: 6px;
}

.itemsList th {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 4px 4px 2px 4px;
}

.itemsList td {
    text-align: left;
    font-size: 15px;
    color: #555;
}




.itemListCol1 {
    width: 40%;
    text-align: left !important;
}
.itemListCol2 {
    width: 20%;
    text-align: center !important;
}
.itemListCol2-3 {
    width: 60%;
    text-align: left !important;
    padding-left: 34px;
}
.itemListCol3 {
    width: 40%;
}


.compListCol1 {
    width: 40%;
    text-align: left !important;
}
.compListCol2 {
    width: 20%;
    text-align: center !important;
    white-space: nowrap;
}
.compListCol3 {
    width: 20%;
    text-align: center !important;
    white-space: nowrap;
}
.compListCol4 {
    width: 20%;
    text-align: center !important;
    white-space: nowrap;
}
.compListCol1-2 {
    text-align: left !important;
    width: 60%;
    padding-left: 34px;
}

.compListCol3-4 {
    text-align: left !important;
    width: 40%;
}

.surveyListName {
    cursor: pointer;
    color: #ed1b2e !important;
    font-weight: bold;
}
.surveyListName:hover {
    color: #000;
}

.surveyCatToggleBtn {
    display: block;
    float: left;
}

.surveyDealerLabel {
    vertical-align: top;
    float: left;
    margin: 0px 0 3px 7px;
    width: 88%;
}

.fileAttachmentsBox label {
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    margin: 4px 5px 4px 0;
}

.fileAttachmentsBox span {
    display: inline-block;
    margin: 0; color: #00f; cursor: pointer;
    white-space: nowrap;
}
#fileAttachmentCountDisplay {
    color: #00f;
    cursor: pointer;
    margin: 0 2px;
}

.movieIcon {
    position: absolute;
    top: 44%;
    left: 41%;
    color: #ddd;
    font-size: 72px;
    color: rgba(255, 255, 255, 0.7);
}

.answerLabel {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

ul {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

li {
    line-height: 20px;
}

ul.answerContainer li {
    position: relative;
    height: 37px;
    margin-bottom: 15px;
    width: 100%;
    display: block;
}

ul.answerContainer li label {
    float: left;
    margin-left: 60px;
    font-size: 17px;
    font-weight: 400;
    margin-top: 9px;
    line-height: 22px;
}

.unchecked_square {
    background-position: -45px 0 !important;
}
.checked_square {
    background-position: -90px 0 !important;
}
.unchecked_circle {
    background-position: -272px 0 !important;
}
.checked_circle {
    background-position: -318px 0 !important;
}


.freeTextContainer {
    clear: both;
    padding: 6px 0 0 52px;
    max-width: 200px;
}



.freeText {
    display: block;
    width: 100%;
    background: none;
    background-color: #fbfbfb;
    border: 2px solid #d5d5d5;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: none;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 1.428571429;
    padding: 4px 5px;
}

.belowFreeText {
    margin-top: 40px;
}

li.imageAnswer {
    height: auto !important;
}

.answerImg {
    cursor: pointer;
    border: 1px solid #bbb;
}
.answerImg:hover {
    /* filter: brightness(.8); */
}
.unchosenImg {
    filter: contrast(0.1) brightness(1.5) !important;
}
.chosenImg {
    outline: 2px solid #f00;
    border-radius: 3px;
}


.fileAttachmentsBox{
    font-size: 19px;
}

.surveyAnswerControl {
    display: block;
    margin: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    background: url(/images/aero.png) no-repeat;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

#blockall {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50);
    margin: auto;
    z-index: 1200;
}

#blockallclear {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 1200;
}

.modalPopupBox {
    display: none;
    position: fixed;
    z-index: 1500;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 18px;
}

.topSidePopup {
    top: 25% !important;
    bottom: auto !important;
}

.modalPopupBox-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.60);
}

.noShade {
    background: transparent !important;
}

.modalPopupBox-inner-inner {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    width: 90%;
    height: 90%;
    max-width: none;
    max-height: none;
    padding: 18px 12px;
    position: relative;
}

.modalPopupBoxTall-inner-inner {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    width: 90%;
    height: 90%;
    max-width: none;
    max-height: none;
    padding: 18px 12px;
    position: relative;
}

.modalPopupBoxSmall-inner-inner {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    width: 84%;
    height: 200px;
    max-width: none;
    max-height: none;
    padding: 18px 12px;
    position: relative;
}

.shadowPopup {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.modalPopupBox h1 {
    text-align: center;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.modalSmallMsg {
    padding: 5px 24px;
    font-size: 20px;
}

#modalPopupBox_title {
    font-size: 30px;
}

.attachmentThumbnail {
    border: 2px solid #555;
    border-radius: 2px;
    padding: 4px;
}

#attachmentsList {
    /* todo: max-height: 360px; */
    max-height: 20px;
    overflow-y: scroll;
}
#surveyIndexList {
    /* todo: max-height: 360px; */
    max-height: 50px;
    overflow-y: scroll;
}

#surveyAnswers {
    padding: 4px 0 20px 6px;
    margin: 0 0 20px 0;
}

.actionBtn {
    margin: 0px 2px;
    border-radius: 6px;
    display: inline-block;
    padding: 8px 18px;
    cursor: pointer;
    width: 108px;
    background-color: #ed1b2e;
    color: #fff;
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
}
.actionBtnGrey {
    background-color: #999;
}
.actionBtnRed {
    background-color: #ed1b2e;
}

.listColButton {
    width: 100% !important;
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 6px 6px;
}

.actionBtnWide {
    width: 150px;
}

.inact-but {
    background: #b0b0b0;
}

.modalBtn {
    width: 240px;
    margin: 8px 0;
    padding: 11px 18px;
    font-size: 20px;
}
#uploadImgBtn {
    width: 202px;
}



/* Dealer selection box */
.modalScroller {
    min-height: 40px;
    max-height: 256px;
    border: 1px solid #ccc;
    overflow-y: scroll;
}
.selectedRow {
    background-color: #ff0;
}
.selectedRow:hover {
    background-color: #ff0 !important;
}

#dealerSelect {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}
#dealerSelect tr {
    cursor: pointer;
}
#dealerSelect tr:hover {
    background-color: #eee;
}
#dealerSelect td {
    padding: 5px;
    vertical-align: top;
    font-size: 19px;
    border-bottom: 1px solid #ddd;
}


.formContainer {
    margin: 14px;
}

.formBox {
    background-color: #fff;
    box-shadow: 0 0 5px #777;
    margin-top: 0px;
    margin-bottom: 30px;
    z-index: 9;
    position: relative;
}

.formHeader {
    text-align: center;
    padding: 10px 30px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    font-size: 11px;
}

.formBtnSection {
    margin-bottom: 64px;
}

#homeLinkIcon {
    position: absolute;
    top: 13px;
    left: 40px;
    font-size: 17px;
    color: #ed1b2e;
    cursor: pointer;
}

#notesLinkIcon {
    display: none;
    position: absolute;
    top: 13px;
    right: 77px;
    font-size: 17px;
    color: #ed1b2e;
    cursor: pointer;
}

#indexLinkIcon {
    position: absolute;
    top: 13px;
    right: 40px;
    font-size: 17px;
    color: #ed1b2e;
    cursor: pointer;
}


.formBody {
    padding: 10px;
    font-size: 17px;
    background-image: url('/images/bg-isuzu.jpg');
    background-position: bottom;
    /* background-size: cover; */
}

#surveyLabel {
    color: #666;
    font-size: 16px;
    margin: 6px 0;
}
#surveyTopic {
    color: #666;
    font-size: 16px;
    margin: 6px 0;
}
#surveyQuestion {
    font-size: 20px;
    margin: 10px 0;
}

.formFooter {
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

.shadow {
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -6px;
    background: url(/images/shadow_top_form.png) no-repeat center top;
}

.index_topic_container {
    background-color: #eee;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 12px 0;
}

.topicComplete {
    background-color: #cec;
}

.index_topic_container h1 {
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    color: #ed1b2e;
}

.index_topic_container label {
    display: inline-block;
    width: 40px;
    padding: 0 8px 0 0;
    text-align: right;
}

.indexQuestion {
    color: #888;
    font-weight: bold;
    font-size: 17px;
    margin: 10px 0;
    cursor: pointer;
}

.index_question_container {
    position: relative;
}

.questionComplete {
    color: #060 !important;
}

.indexFileCount {
    position: absolute;
    top: 1px;
    right: 5px;
    color: #00f;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
}

#loginBox input, #forgotPwdBox input {
    display: block;
    width: 90%;
    margin: 10px auto;
    font-size: 24px;
    padding: 4px 5px;
}

#pwdMgmtBox {
    height: 255px;
}
.pwdMgmtTallBox {
    height: 350px !important;
}

.forgotPwdPrompt {
    font-size: 20px;
    color: #ed1b2e;
    font-weight: bold;
    margin: 10px 0 0 15px;
}

#general_conf label {
    display: inline-block;
    width: 114px;
}

#general_conf input {
    font-size: 22px;
    padding: 4px 6px;
    margin: 0;
}

input#dealerSelectSearch {
    font-size: 17px;
    padding: 2px 2px;
    width: 195px;
    margin: 0 0 4px 0px;
}

#general_conf select {
    margin: 0 0 0 5px;
    font-size: 18px;
    padding: 5px 6px;
    width: 350px;
}
#newSurvey_label {
    width: 310px;
}

.survey_cats {
    display: none;
}

.errMsgBox {
    display: none;
    /* width: 90%; */
    /* margin: 16px 0; */
    background-color: #ff0;
    padding: 6px 10px;
    text-align: center;
    color: #a00;
    font-weight: bold;
}

#modalPopupBox_content p {
    font-size: 18px;
}

.modalNotesBox {
    width: 95%;
    height: 100px;
    font-size: 19px;
    resize: none;
    padding: 8px;
    font-family: ariel;
    background-color: #fafae0;
    border-radius: 3px;
}

@media (min-width: 390px) {
    .formBody {
        padding: 12px;
        font-size: 18px;
    }

    #surveyLabel {
        font-size: 17px;
        margin: 6px 0;
    }
    #surveyTopic {
        font-size: 17px;
        margin: 6px 0;
    }
    #surveyQuestion {
        font-size: 23px;
        margin: 10px 0;
    }

    .freeTextContainer {
        max-width: 268px;
    }

    #attachmentsList {
        /* todo: max-height: 492px; */
    }
    #surveyIndexList {
        /* todo: max-height: 564px; */
    }

    .itemsList th {
        font-size: 13px;
    }

    #modalPopupBox_content p {
        font-size: 19px;
    }

}


@media (min-width: 768px) {

    #navMenuContainer label {
        width: 200px;
        font-size: 20px;
    }
    #navMenuCartouche {
        font-size: 20px;
    }

    #loginSplashPage {
        background-position: bottom center;
    }

    #header_container {
        height: 80px;
    }
    #footer-container {
        height: 50px;
    }
    #footer-container img {
        height: 50px;
    }

    #app_container {
        margin: 80px 0 0 0;
        font-size: 25px;
    }

    #header .logo {
        top: 8px;
        left: 8px;
        height: 64px;
        margin: 0;
    }

    #header h1 {
        font-size: 38px;
        line-height: 85px;
        margin: 0;
    }

    #header_menu_icon {
        top: 40px;
        right: 26px;
        font-size: 40px;
    }

    .itemsList th {
        font-size: 20px;
    }

    .itemsList td {
        font-size: 20px;
    }

    .tabNavigator th {
        font-size: 28px;
    }
    .tabNavigator td {
        font-size: 19px;
    }

    .formHeader {
        /* padding: 22px 100px; */
        background-color: #f3f3f3;
        font-size: 16px;
        padding: 22px 100px 6px 100px;
    }

    #surveyCatLabel {
        font-weight: bold;
        font-size: 17px;
        padding: 7px 0 8px 0;
    }

    #surveyCatLabel span {
        font-weight: normal;
        color: #666;
        font-style: italic;
        margin: 0 6px 0 0;
    }

    .listProgressLabel {
        font-size: 17px;
    }

    .listProgressBar {
        padding: 7px 0;
        margin: 6px 0;
    }

    .smallProgressBar {
        padding: 0;
        margin: 3px 0 0 12px;
    }

    .actionBtn {
        margin: 3px;
        border-radius: 8px;
        padding: 8px 18px;
        width: 200px;
        font-size: 18px;
    }

    .listColButton {
        width: 95% !important;
        font-size: 16px !important;
        padding: 8px 18px;
    }

    .formBody {
        padding: 18px;
        font-size: 19px;
    }

    #surveyLabel {
        font-size: 19px;
        margin: 6px 0;
    }
    #surveyTopic {
        font-size: 19px;
        margin: 6px 0;
    }
    #surveyQuestion {
        font-size: 26px;
        margin: 12px 0;
    }

    ul.answerContainer li label {
        font-size: 23px;
    }

    .freeTextContainer {
        padding: 6px 0 0 52px;
        max-width: 268px;
    }

    .fileAttachmentsBox {
        text-align: center;
        font-size: 26px;
    }

    .fileAttachmentsBox label {
        margin: 8px;
    }

    .fileAttachmentsBox span {
         margin: 8px;
    }

    .modalPopupBox-inner-inner {
        border-radius: 10px;
        width: 80%;
        height: 50%;
        min-height: 480px;
        padding: 20px 16px;
    }

    .modalPopupBoxSmall-inner-inner {
        border-radius: 10px;
        width: 60%;
        height: 220px;
        padding: 20px 16px;
    }

    .modalPopupBoxTall-inner-inner {
        border-radius: 10px;
        width: 80%;
        height: 95%;
        padding: 20px 16px;
    }

    #dealerSelect td {
        padding: 8px 4px;
        font-size: 21px;
    }

    #modalPopupBox_title {
        font-size: 42px;
    }

    .modalSmallMsg {
        padding: 8px 35px;
        font-size: 28px;
    }

    .modalBtn {
        width: 293px;
        margin: 8px 0;
        padding: 12px 18px;
        font-size: 23px;
    }

    #attachmentsList {
        /* todo: max-height: 740px; */
    }
    #surveyIndexList {
        /* todo: max-height: 780px; */
    }

    #uploadImgBtn {
        width: 254px;
    }

    #homeLinkIcon {
        top: 24px;
        left: 106px;
        font-size: 28px;
    }

    #notesLinkIcon {
        top: 24px;
        right: 160px;
        font-size: 28px;
    }

    #indexLinkIcon {
        top: 24px;
        right: 106px;
        font-size: 28px;
    }

    .index_topic_container {
        border-radius: 8px;
        padding: 10px 20px;
        margin: 12px 0;
    }

    .index_topic_container h1 {
        font-size: 24px;
    }

    .index_topic_container label {
        width: 40px;
        padding: 0 8px 0 0;
    }

    .indexQuestion {
        font-size: 24px;
        margin: 13px 0;
    }

    .indexFileCount {
        top: 1px;
        right: 5px;
        font-size: 17px;
    }

    #loginBox input, #forgotPwdBox input {
    }

    #modalPopupBox_content p {
        font-size: 24px;
    }

}


@media (min-width: 835px) {
    #app_container {
        width: 834px;
        margin: 80px auto 0 auto;
    }

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

    #header, #footer {
        width: 834px;
    }

    .formBody {
        padding: 24px;
        font-size: 20px;
    }

    #surveyLabel {
        font-size: 20px;
        margin: 6px 0;
    }
    #surveyTopic {
        font-size: 20px;
        margin: 6px 0;
    }
    #surveyQuestion {
        font-size: 28px;
        margin: 12px 0;
    }

    #surveyAnswers {
        padding: 4px 0 20px 60px;
        margin: 0 0 20px 0;
    }

    .freeTextContainer {
        padding: 9px 0 0px 57px;
        max-width: 480px;
    }

    .freeText {
        font-size: 24px;
        padding: 5px 8px;
    }

    .belowFreeText {
        margin-top: 60px;
    }

    .modalPopupBox-inner-inner {
        border-radius: 10px;
        width: 80%;
        height: 50%;
        padding: 20px 16px;
        max-width: 580px;
        max-height: 480px;
    }

    .modalPopupBoxSmall-inner-inner {
        border-radius: 10px;
        width: 60%;
        height: 220px;
        padding: 20px 16px;
        max-width: 350px;
    }

    .modalPopupBoxTall-inner-inner {
        border-radius: 10px;
        width: 80%;
        height: auto;
        max-height: 95%;
        padding: 20px 16px;
        max-width: 350px;
    }

    #loginBox input, #forgotPwdBox input {
    }

}