html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            border: none;
        }

        html, body, table, div, td, INPUT, SELECT, TEXTAREA {
            font-family: Verdana, Arial;
            font-size: 10pt;
        }

        a {
            color: #009F8A;
        }

        .LoginWrapper {
            text-align: center;
            padding-top: 100px;
        }

        .LoginSection {
            text-align: left;
            max-width: 500px;
            min-width: 300px;
            display: inline-block;
            border: solid 2px #596899;
            border-radius: 5px;
            box-shadow: 2px 2px 2px gray;
        }

        .LoginTitle {
            background-color: #a0a0a0;
            padding: 5px;
        }

        .LoginItems {
            padding: 10px;
        }

        .LoginDIVCompanyName {
            float: left;
            color: white;
        }

        .LoginISOKEYLogo {
            float: right;
        }

        .LoginLabels {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .LoginButtonsSection {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .LoginButtons {
            float: left;
        }

        .LoginFooter {
            background-color: gainsboro;
            padding: 10px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            text-align: center;
            font-size: .8em;
            color: #596899;
            border-top: solid 2px #596899;
        }

        .LoginLinks {
            font-size: .8em;
        }

        .ChangePWButton {
        }

        .MobileLink {
            display: none;
        }

        .LoginSecondaryButtons {
            padding-top: 20px;
        }

        .opRemember {
            padding-top: 20px;
        }

        .CancelNP {
            float: right;
            margin-top: 5px;
        }

        @media all and (max-width: 768px) {
            html, body, table, div, td, INPUT, SELECT, TEXTAREA {
                font-family: -apple-system-font, Verdana, Arial, Helvetica, sans-serif;
                font-size: 17px;
            }

            .MobileLink {
                display: block;
                float: right;
                margin-top: 5px;
                margin-left: 10px;
            }



            .DoLoginButton {
                float: left;
            }

            .LoginWrapper {
                text-align: center;
                padding-top: 0px;
            }

            .LoginItems {
                padding-top: 35px;
            }

            .LoginSection {
                text-align: left;
                min-width: 100%;
                display: inline-block;
                border: none;
                border-radius: 0px;
                box-shadow: none;
                min-height: 100vh;
                background: #5F5F5F;
                color: white;
            }

            .LoginTitle {
                background-color: gainsboro;
                color: #596899;
                position: fixed;
                top: 0px;
                width: 100%;
            }

            .LoginDIVCompanyName {
                font-weight: bold;
                text-shadow: #fff 0px 1px 1px;
                color: #596899;
            }

            .LoginFooter {
                position: fixed;
                bottom: 0px;
                width: 100%;
                background-color: gainsboro;
                color: black;
            }


            a, a:hover, a:link, a:visited {
                color: white;
                font-weight: bold;
            }

            .LoginFooter a, .LoginFooter a:hover, .LoginFooter a:link, .LoginFooter a:visited {
                color: #596899;
                font-weight: bold;
            }
           
           .MailRecoverMessage{
            margin: 10px;
            margin-top: 40px;
    }
        }