html, body {
   text-align: center;
}

body {
   background-image: url("img/login_bg.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}

#login-form {
   margin: 120px auto 50px auto;
   background-color: #e7edef;
   width: 600px;
   box-shadow: 0px 0px 35px #444444;
   text-align: left;
   color: purple;
   border-radius: 10px;
}

#user-icon {
   font-size: 48px;
   float: left;
   margin-top: -10px;
}

#form_title {
   background-color: steelblue;
   color: white;
   border: solid 2px white;
   padding: 15px;
   font-size: 24px;
   text-align: right;
   border-radius: 10px 10px 0px 0px;
}

#mylang {
   border-collapse: collapse;
   margin-left: 120px;
   margin-bottom: 20px;
}

#access, #activate {
   border-collapse: collapse;
   margin-left: 100px;
   margin-bottom: 20px;
}

#reset {
   border-collapse: collapse;
   margin-left: 40px;
   margin-bottom: 20px;
   font-size: 16px;
}

#access a, #reset a {
   text-decoration: none;
}

#access a:hover, #reset a:hover {
   text-decoration: underline;
}

input[type=radio] {
   margin: 15px;
   cursor: pointer;
}

table tr td {
   /* border: solid 1px gray; */
}

h1 {
   font-size: 24px;
   padding: 20px 20px 10px 20px;
   font-weight: normal;
   color: gray;
}

.flag {
   cursor: pointer;
}

.large_icon {
   padding-right: 15px;
   padding-left: 15px;
   font-size: 24px;
   text-align: center;
}

.middle_icon {
   padding-right: 15px;
   padding-left: 15px;
   font-size: 16px;
   text-align: center;
}

#access tr td {
   padding-top: 10px;
   padding-bottom: 10px;
}

input[type=text], input[type=email], input[type=password] {
   width: 300px;
   padding: 10px;
   font-size: 16px;
   color: orangered;
}

#forgoten {
   font-size: 14px;
}

#message_2, #message_3 {
   display: none;
}

#mailcopy {
   padding: 10px 0px;
   color: orangered;
}