#loginCont {width: 100%; height: 100vh; float: left; display: flex; justify-content: space-around; align-items: center; }
#loginFrame {width: 300px; height: auto; float: left; background-color: #FFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.38); -moz-box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.38); box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.38);}

#topLoginFrame {width: 100%; height: 70px; padding: 15px; float: left; text-align: right; font-size: 10px; background-image: url('../images/simple-admin.png'); background-position: 15px center; background-repeat: no-repeat; color: #737373; display: flex; align-items: center; justify-content: flex-end;}
#topLoginFrame A:HOVER {text-decoration: underline;}

#loginFrame #formFrame {width: 100%; float: left; padding: 15px; background-color: #f2fafd; border-top: 1px #d1ebf5 solid; border-bottom: 1px #d1ebf5 solid;}
#loginFrame #formFrame INPUT[type=text], #loginFrame #formFrame INPUT[type=password] {width: 100%; float: left; padding: 8px 10px; font-size: 14px; margin: 0px 0px 7px 0px;}
#loginFrame #formFrame INPUT[type=submit] {width: 100%; float: left; padding: 8px 10px; font-size: 14px; background-color: #8cbc32; border: 1px #80af26 solid; color: #FFF; font-weight: 700;}
#loginFrame #formFrame INPUT[type=submit]:HOVER {background-color: #80af26;}

#loginFrame #bottomFrame {width: 100%; height: auto; padding: 15px; float: left; text-align: center; font-size: 10px; color: #737373;}