ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                background-color: none;
            }

            li a {
                display: block;
                color: white;
                padding: 8px 16px;
                text-decoration: none;
                text-align:center
            }

            li a.active {
                background-color: #4CAF50;
                color: white;
            }

            li a:hover:not(.active) {
                background-color: #555;
                color: white;
            }
            
            *:focus {
                outline: none;
            }
            
            body {
                position:absolute;
                bottom:0;
                top:0;
                left:0;
                right:0;
                margin:0;
                font-family:sans-serif;
                background-color:white;
                text-align:center;
            }
            
            .div-bg {
                position:absolute;
                bottom:0;
                top:0;
                left:0;
                right:0;
                margin:0;
                background-image: url('/images/login_bg.jpg');
                background-size: cover;
                background-position: center;
                background-repeat:no-repeat;
            }

            .loGo {
                position:absolute;
                top:2%;
                right:3%;
                border-radius: 30px;
                margin:0;
                height:15%;
                width:auto;
            }
            
            .div-menu {
                position:absolute;
                max-width:25%;
                right:0;
                margin:0;
            }
            
            .div-all {
                position:absolute;
                width:35%;
                left:5%;
                height:100%;
                margin:0;
            }   
            
            .table-all {
                position:absolute;
                width:100%;
                left:0;
                right:0;
                height:100%;
                width:100%;
                margin:0;
            } 
            
            .div-login {
                position:absolute;
                width:100%;
                height:40%;
                top:0;
                margin:0;
            }
            
            .input-login {
                position:absolute;
                width:100%;
                height:20%;
                text-align:center;
                padding:0;
                left:0;
                bottom:0;
                font-size:x-large;
                border-radius: 30px 30px 0 0;
                border-width:0px;
            }

                .input-login:after {
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 6px solid #2ea100;
                    position: absolute;
                    top: 40%;
                    right: 5px;
                    content: "";
                    z-index: 98;
                }
            
            .div-line {
                position:absolute;
                width:100%;
                height:0.4%;
                top:40%;
                background-color:grey;
                margin:0;
            }
            
            .div-passw {
                position:absolute;
                width:100%;
                height:8%;
                top:40.4%;
                margin:0;
            }
            
            .input-passw {
                position:absolute;
                width:100%;
                height:100%;
                text-align:center;
                padding:0;
                left:0;
                top:0;
                font-size:x-large;
                border-radius: 0 0 30px 30px;
                border-width:0px;
            }

            .div-error {
                position:absolute;
                width:100%;
                top:50.4%;
                margin:0;
            }

            .div-error ul {
                position: absolute;
                min-height:100%;
                width:100%;
                background:white;
                font-size:x-large;
                border-radius:30px;
                border-width:0px;
                align-content:center;
            }

            .div-error:has(ul li:not([style*="display:none"])) {
                min-height: 4%;
            }
            
            .div-button {
                position:absolute;
                left:90%;
                top:57%;
                margin:0;
            }
            
            .button-submit {
                font-size:x-large;
                background-color: #4CAF50;
                border-width:0px;
                color:white;
                border-radius:30px;
                padding:10%;
                cursor:pointer;
            }
            
            .button-submit:hover {
                background-color: #3f9643;
            }

            .m-logo-main {
                cursor:pointer;
                position:absolute;
                bottom:0;
                left:20%;
                right:20%;
                width:60%;
                height:auto;
            }

            .m-sx-logo {
                text-align:center;
                position:absolute;
                top:0.5%;
                left:35%;
                right:35%;
                width:30%;
                height:auto;
            }

            .m-table {
                position:absolute;
                width:100%;
                top:30%;
                margin:0;
                text-align:center;
            }

            .m-input-login {
                margin:0;
                width:80%;
                height:7rem;
                text-align:center;
                font-size:6rem;
                color:black;
                background-color:white;
                border-width:0px;
                border-radius: 30px 30px 0 0;
                -webkit-appearance: none;
                box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
            }

            .m-input-pw {                
                width:80%;
                height:7rem;
                text-align:center;
                font-size:6rem;
                color:black;
                background-color:white;
                border-width:0px;
                border-radius: 0 0 30px 30px;
                -webkit-appearance: none;
                box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
            }

            .m-submit {
                margin-top:5%;
                padding:3%;
                border-width:0px;
                font-size: 5rem;
                color:white;
                background-color:#0c5f25;
                border-radius:30px;
                -webkit-appearance: none;
                box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
                width:80%;
                cursor:pointer;
            }