/*
    Document   : login.css
    Created on : 11 Nov 2013, 12:04:42 PM
    Author     : Elgin
    Description:    Formats the first login screen for WECOMS
    Revision:   Facelift April 2020 during COVID lockdown
*/

* {font-family: Helvetica,Trebuchet,Arial,sans-serif;}
img {max-width:300px; height:auto; margin-left:auto; margin-right:auto; text-align:center;}
input {margin:5px;}
input[type=text],input[type=password] {width:30%; line-height:25px; height:10%; margin:20px; padding:10px; border-radius: 5px;font-size: 14px;color:black;}
input[type=submit] {width:30%; line-height:25px; height:10%; margin:20px; padding:10px; border-radius: 5px;font-size: 14px; background-color:#e4007f;color:#fff;}
.container {width:100%; overflow:hidden; background-color: white;}
.top-banner {background-color: black; color:white;}

.left {width:40%; float:left; margin:2%; padding:10px; border:1px solid white; border-radius:10px;text-align: left; background-color: whitesmoke; color:black;}
.right {width:40%; float:left; margin:2%; padding:10px; border:1px solid black; background-color: white;}
/*@media screen and (max-width:800px) {.left, .right {width:95%;  The width is 100%, when the viewport is 800px or smaller   }}*/

.box {border:1px solid white; border-radius:10px;background-color: white;}
.safair {background-color:#e4007f;color:#ffffff;} /*safair pink*/
.wide {max-width:75%};
#box50 {width:50%;padding:10px;margin-left:auto;margin-right:auto;border-radius:25px;border:2px solid #8AC007;background-color:whitesmoke;position:relative}
#box60c {width:60%;margin-left:auto;margin-right:auto;border:5px solid #0089b9;-moz-box-shadow: 2px 2px 2px 2px #000;
         -webkit-box-shadow: 2px 2px 2px 2px #000;box-shadow: 2px 2px 2px 2px #000;border-radius: 8px;-moz-border-radius: 8px;
         -webkit-border-radius: 8px;background-color:#afd0e0}
#box90 {width:90%;padding:10px;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;
        border-radius:25px;border:2px solid #8AC007;background-color:whitesmoke;position:relative}