@media screen and (max-width: 767px) {
    .row {
        width: 100% !important;
    }
    .login-field {
        max-width: 100%;
        width: 100%;
    }
    .register-tab,
    .support-tab,
    .community-tab,
    .reset-tab {
        text-align: center;
    }
    .tab {
        font-size: 12px;
    }
}

.main-login {
    padding: 20px;
}
.row {
    width: 70%;
    padding-top: 10px;
    padding-bottom: 0;
    font-size: 14px;
}
.l-main {
    overflow: hidden;
    padding: 23px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Source Sans Pro, helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #315792;
    text-rendering: optimizeLegibility;
}
/* .user-account {
    font-size: 2.857em;
    margin: 0 0 13px;
    padding-top: 15px;
    color: #315792;
    padding-left: 20px;
    padding-right: 20px;
} */
.required {
    color: red;
    font-size: 14px;
}
.login-field {
    padding: 0 0.7rem;
    height: 2.3rem;
    font-size: 1em;
    width: 25em;
    background-color: transparent !important;
    box-shadow: 0 0 0 1px #a5a5a5;
    border: none;
    border-radius: 2px;
}
.footer-content {
    background: #58575b;
    padding: 69px 0;
    color: #fff;
    clear: both;
    margin-top: 20px;
}
.bottom-container .aside {
    border-bottom: 1px solid #898b8e;
    padding: 0 0 28px;
}
#footer {
    padding: 41px 0;
    font-size: 0.857em;
    color: #d8d8d8;
}
.footer-links,
.footer-column {
    list-style: none;
    display: inline-flex;
}
.footer-content a {
    color: #d8d8d8;
    text-decoration: none !important;
}
.footer-content ul li a:hover {
    color: #fff;
}
.aside {
    border-bottom: 1px solid #898b8e;
    padding: 0 0 28px;
}
.link-column,
.getStartedLinks {
    display: grid;
    padding: 0;
    list-style: none;
}
.getStartedLinks li {
    margin: 0;
}
.alter-login {
    padding: 0 20px 20px 20px;
}
.alter-support-btn {
    box-shadow: inset 0px 1px 0px 0px #65a0d4;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #175c98),
        color-stop(1, #144a7a)
    ) !important;
    background-color: #175c98 !important;
    border-radius: 2px !important;
    border: 1px solid #114775 !important;
    display: inline-block;
    color: white !important;
    font-family: arial !important;
    font-size: 15px !important;
    width: 100%;
    padding: 6px 24px !important;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #165b98;
}
.support-separator {
    width: 250px;
    text-align: center;
}
.alternate-login-content {
    width: 250px;
    text-align: center;
}
.tab-content {
    padding: 0 20px;
}
.tab-sub-content {
    width: fit-content;
    display: flex;
}
.register-tab,
.support-tab,
.community-tab,
.reset-tab {
    margin: 10px 0.3px;
    padding: 5px;
    background: #efefef;
    border-bottom: 1px solid #b4c401;
}
.user-register-info {
    padding: 20px 20px 0 20px;
}
.active-tab {
    border: 1px solid #b4c401;
    border-bottom: 0;
    background: #fff;
}
.user-register-info ul li {
    list-style: none;
    margin: 0;
}
.main-login > div {
    margin-bottom: 15px;
}
.main-login input:focus {
    /* -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    background: #fafafa;
    outline: none; */
    border: 1px solid #444;
    outline: none;
}
#content {
    margin: 0px auto;
    padding: 1.25rem;
    border-radius: 0.25rem;
    /* border: 1px solid #d8dde6; */
    box-shadow: 0 0 0 1px #a5a5a5;
    /* color: #16325c; */
    /* background-color: #ffffff; */
}
#wrapper {
    padding: 20px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
    transition: all 0.25s;
}
.confirm-head {
    text-align: center;
}
.mb12 {
    margin-bottom: 1.75rem;
}
#header {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 2.5rem;
    font-family: SFSLight, Arial, sans-serif;
    display: block;
}
/* .primary-confirm {
    width: 100%;
} */
.form-header {
    margin: 0 0 20px;
    padding: 20px 20px 0 20px;
    color: var(--c-coal);
    font-family: "Source Sans Pro", helvetica, sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 2.5rem;
}
.form-footer {
    /* margin-left: 20px; */
    /* margin-top: 15px; */
    padding: 1px 20px;
    font-size: 0.85rem;
    line-height: 1.5;
    /* text-align: justify; */
}
.form-link {
    text-decoration: none !important;
    font-size: 0.85rem;
    color: var(--c-link);
}
.form-link:hover {
    color: var(--c-hover);
}
.main-login-heading {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: default;
    display: block;
    font-weight: normal;
    line-height: 1.5;
}
.main-login-heading p {
    margin-bottom: 2px;
}
.command-btn-container {
    padding-top: 15px;
    width: 350px;
    text-align: left;
}
.command-btn {
    border-radius: 6px !important;
    display: inline-block !important;
    /* vertical-align: top !important; */
    text-align: center !important;
    text-decoration: none !important;
    /* padding: 6.5px 16px !important; */
    padding: 0.5rem 1.25rem;
    height: 2.5rem !important;
    font-size: 1rem !important;
    position: relative;
    z-index: 10;
}
.sign-in-btn:hover {
    border-color: transparent;
    color: var(--c-white);
    cursor: pointer;
}
.sign-in-btnPrimary {
    background-image: linear-gradient(to left, var(--c-indigo), var(--c-roman));
    color: var(--c-white);
}
.sign-in-btnPrimary:hover {
    background-image: linear-gradient(
        225deg,
        var(--c-tertiary) 33%,
        var(--c-primary) 100%
    );
}
.sign-in-btnPrimary:hover:active,
.sign-in-btnPrimary:hover:focus,
.sign-in-btnPrimary:hover:hover {
    color: var(--c-white);
}
.sign-in-btnPrimary:disabled {
    background-color: rgb(201, 199, 197);
    border-color: rgb(201, 199, 197);
    background-image: none;
    color: var(--c-white);
    cursor: default;
}
.sign-in-btnPrimary:disabled:hover {
    color: var(--c-white);
}
.cancel-btn {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--c-primary);
    color: var(--c-black);
}
.cancel-btn:hover {
    cursor: pointer;
}
.cancel-btn:active,
.cancel-btn:focus,
.cancel-btn:hover {
    background-color: var(--c-primary);
    color: var(--c-white);
    outline: none;
}
@media screen and (min-width: 1100px) {
    .sign-in-btn {
        font-size: 1.25rem;
    }
}
@media screen and (min-width: 1100px) {
    .cancel-btn {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 767px) {
    .form-footer {
        /* margin-left: 10px;
        margin-right: 10px; */
        width: unset;
    }
}