body { font-family: Arial; font-size: 11pt; color: #FFFFFF; padding: 0px; margin: 0px; background-color: #575756; }
a, a:hover, a:active { text-decoration: underline; color: #FFFFFF; }
p { margin-top: 5px; margin-bottom: 5px; }
input { border: 1px solid #0000FF; font-size: 16px; height: 23px; color: #294749; box-sizing: border-box; }

.info { font-size: 11pt; padding: 15px 220px 15px 15px; }
.OuterFrame { margin: 0 auto; position: relative; margin: 0 auto; top: 110px; width: 550px; }


.Head { height: 135px; background-image: url("/serve?file=/logindesign-d786c9e3eb82/logo-efsg"); background-position: 15px 0px; background-repeat: no-repeat; background-size: 265px auto; }
.Content { }
.Footer { bottom: 140px; right: 0; padding: 15px; position: absolute; }

.Login { padding-bottom: 20px; padding-left: 100px; padding-top: 20px; background-color: #A2A1A1; }
.Login div { padding: 10px 0; font-size: 20px; color: #000000; }



.error-message { color: #dc3545; margin-top: 10px; }
.error-message .error-frame { border: 2px solid #0000FF; font-weight: bold; margin-top: 15px; color: #000000; padding: 10px 13px; background-color: White; } 


input[name="Model.ApplicationCode"] { width: 85px; background-color: #f0f0f0; margin-left: 10px; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; }
input[name="Model.Logincode"] { width: 160px; background-color: #f0f0f0; margin-left: 10px; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; }
button { font-family: Calibri, Arial; font-weight: normal; font-size: 20px; background-color: #0000FF; border: medium none; color: #FFFFFF; margin-left: 38px; text-align: center; vertical-align: middle; padding: 0px 25px; }