#login{width:100%;max-width:600px;margin:40px auto;background-color:#f2f2f2;border-radius:7px;} #locked img{max-width:280px;max-height:200px;border-radius:5px;} .content{padding:10px;width:-webkit-fill-available !important;width:-moz-available !important;width:fill-available;} .entry{padding:10px 0px;} .entry label{display:block;} .title{color:#ffffff;background:linear-gradient(#71A6DB,#559BDB,#438AC9);border-radius:7px 7px 0px 0px;padding:10px;text-align:center;} .credits{text-align:center;} .credits a{display:inline-block;text-decoration:none;margin:10px;border-radius:5px;background-color:#e9e9e9;padding:10px;} .credits a span{display:block;} .credits a:hover{background-color:#d9d9d9;} .foot_info{position:absolute;bottom:10px;width:100%;} .provider_company{border-radius:0px 0px 7px 7px;padding:10px;vertical-align:middle;overflow:hidden;background:linear-gradient(to bottom,#cccccc 0%,#ffffff 30%);} .provider_company span{display:inline-block;padding:15px;} .provider_company img{max-height:50px;float:right;} .provider_company span a{text-decoration:none;} .provider_company span a:hover{text-decoration:underline;} @media screen and (max-width:800px){#locked{width:100%;text-align:center;} #locked img{margin:0px;max-width:200px;} #login{width:calc(100% - 10px);margin:20px auto;} .credits{text-align:center;bottom:40px;width:100%;} .provider_company{display:none;} .entry{overflow:hidden;} .entry input{width:calc(100% - 20px);padding:10px;} .title{color:inherit;background:none;} button{float:right;} } @media screen and (min-width:800px){#login{margin:0px auto;position:absolute;top:calc(50% - 80px);left:50%;transform:translate(-50%,-50%);box-shadow:0px 0px 30px #000000;background-color:#ffffff;} #main_content{background:repeating-radial-gradient(#ffffff,#f6f6f6 150px);} .credits{position:absolute;width:100%;bottom:0px;} .cell{display:table-cell;vertical-align:top;} .content .cell{width:50%;} .entry input{width:-webkit-fill-available;width:-moz-available;width:fill-available;} .table{display:table;width:100%;} button:not(.swal2-confirm){width:73%;} }