/**********************************************************
    THIS IS A NEW CSS FILE FOR EXTERNAL MVC VIEWS 1/6/25
***********************************************************/


/* None of the placeholder selectors can be grouped for some reason... */
/* Placeholder text style */
.loginTxt::placeholder {
    color: rgba(128, 128, 128, 1);
    font-weight: bold;
}

/* Backup style pseudo-class for Chrome/Opera/Safari */
.loginTxt::-webkit-input-placeholder {
    color: rgba(128, 128, 128, 1);
    font-weight: bold;
}

/* Backup style pseudo-class for FireFox */
.loginTxt::-moz-placeholder {
    color: rgba(128, 128, 128, 1);
    font-weight: bold;
}

/* IE 11 placeholder style. This is the only one that works for IE11. */
.loginTxt:-ms-input-placeholder {
    color: rgba(128, 128, 128, 1);
    font-weight: bold;
}

.loginThemeColor {
    background-color: #084694;
}

div.BannerFill {
    border-width: 0px;
    border-style: solid;
    border-color: #808080;
    border-bottom-width: 3px;
}

.BannerFill a {
    color: #FFFFFF;
}

.BannerFill a:hover {
    text-decoration: underline;
}

.BannerFill_LogoSpace {
    margin-right: 8px;
}

.externalBodyContainer {
    margin:15px;
    margin-top:65px;
}


.ALabel {
    font-size: .7em;
}

#LoginDialog {
    height: 600px;
}


.mfaCodeRow {
    visibility: collapse;
}

.mfaInfoSection {
    padding: 5px 4px 0px 2px;
    clear: both;
    width: 364px;
}

.mfaInfo {
    cursor: pointer;
    font-family: Tahoma,sans-serif;
}

.mfaInfoMessage {
    padding: 10px 4px 0px 2px;
    font-family: Tahoma,sans-serif;
    float: left;
    margin-bottom: 5px;
    clear: both;
    width: 364px;
}

.failureDiv {
    width: 364px;
    padding-top: 5px;
    padding-left: 2px;
}

.failureSection {
    color: Red;
    font-family: Tahoma, sans-serif;
    font-size: smaller;
    height: 1.1em;
}

.loginFailureText {
    word-wrap: break-word;
}

.licensesContainer {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.licensesPar {
    width: 28%;
    padding: 30px;
    border: solid 2px black;
    background-color: #e1e1e1;
    line-height: 1.5;
    border-color: #808080; /*#MP_DIALOGTITLETEXTCOLOR>*/
}

.licensesTitle {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.licensesLink {
    font-size: 14px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 10px;
    column-gap: 20px;
}

.licensesList {
    height: 250px;
}

.supportContainer{
    text-align: center;
    width: 100%;
}

.licensesContent {
    width: 100%;
    height: calc(100vh - 175px);
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    justify-content: space-between;
}

.HTMLLink {
    color: Blue; /*#MP_LINKCOLOR>*/
    cursor: pointer;
    text-decoration: none; /*#MP_LINKDECORATION>*/
}

.HTMLLinkTxt {
    text-decoration: none;
    color: #000000; /*#MP_PAGEFONTCOLOR>*/
    cursor: pointer;
}

.HTMLLinkTxt:HOVER {
    text-decoration: underline;
    color: #000000; /*#MP_PAGEFONTCOLOR>*/
    cursor: pointer;
}

.PasswordRecoveryContainer{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),
/* iPads (portrait) ----------- */
(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
/* Non mobile ----------- */
(max-width:768px) {
    .Body {
        font-size: 1.3em;
    }

    .failureDiv {
        width: 100%;
        float: left;
        padding-bottom: 8px;
    }

    .rememberMeArea font {
        margin-top: 10px;
    }

    .loginTableMenu {
        display: none;
    }

    #Login1 img {
        width: 150px;
    }

    #Login1Wrapper {
        width: 100vw !important;
        display: block !important;
    }

    #Login1_UserName,
    #Login1_Password,
    #Login1_MFACode {
        width: 100% !important;
    }

    #copyrightWrapper {
        font-size: 0.5em !important;
    }

    #Tablecell1a {
        padding: 10px !important;
        background-position: center !important;
    }

    #fgPWUserId, #fgPWEmailAddress {
        max-width: 60vw;
    }

    #Cancelbtn {
        margin-right: 10px
    }

    .licensesContainer {
        flex-direction: column;
        width: 100%;
        row-gap: 15px;
    }

    .licensesPar {
        width: 90%;
    }

    .licensesLink {
        font-size: 14px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        row-gap: 10px;
        column-gap: 20px;
    }

    .licensesList {
        height: auto;
    }

    .licensesContent {
        row-gap: 15px;
        height: 100%;
        padding-bottom: 45px;
    }
}