/*================
 ## Login       ##
 ===============*/

.login-wrapper {
   display: table;
   margin: 0 auto;
   position: relative;
   top: 40%;
}

.login-module {
   position: relative;
   display: inline-block;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
   font-weight: bold;
   font-family: Officina;
   font-size: 12px;
   text-transform: uppercase;
   z-index: 998;
}

.login-title {
   height: 64px;
   -webkit-border-radius: 10px 10px 0px 0px;
   -moz-border-radius: 10px 10px 0px 0px;
   border-radius: 10px 10px 0px 0px;
   background: #485953;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NTk1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjQ3NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #485953 0%, #364741 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485953), color-stop(100%,#364741));
   background: -webkit-linear-gradient(top,  #485953 0%,#364741 100%);
   background: -o-linear-gradient(top,  #485953 0%,#364741 100%);
   background: -ms-linear-gradient(top,  #485953 0%,#364741 100%);
   background: linear-gradient(top,  #485953 0%,#364741 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#485953', endColorstr='#364741',GradientType=0 ) !important;
   border-bottom: 1px solid #252f2b;
   padding: 20px 20px 15px 20px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.login-title img,
.login-title .login-version {
   bottom: 0;
   position: absolute;
}

.login-title img { left: 0; }
.login-title .login-version { right: 0; }

.login-form {
   padding: 20px 20px 60px 20px;
   background: #364741;
   background: rgba(54,71,65, 0.9);
   border-top: 1px solid #4e5d58;
   -webkit-border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px;
}

.login-version {
   float: right;
   margin-top: 10px;
}

.forgot-password-link {
   color: white;
   position: absolute;
   bottom: 20px;
   cursor: pointer;
   border-bottom: 1px dotted #a3b870;
   text-transform: uppercase;
}

.login-form label {
   color: white;
   text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
   margin-top: 10px;
   height: 30px;
   line-height: 30px;
}

.login-form label {
   display: inline-block;
   width: 115px;
}

.login-form input[type="text"], .login-form input[type="password"] {
   display: inline-block;
   width: 240px;
   height: 30px;
   line-height: 30px;
   padding-left: 8px;
   padding-right: 8px;
   text-transform: none;
}

.login-button {
   position: absolute;
   bottom: 20px;
   right: 20px;
   height: 30px;
   line-height: 30px;
   margin: 0px;
   padding: 0px 4px 0px 8px;
}

.login-button:after {
   content: "";
   display: inline-block;
   width: 18px;
   height: 16px;
   float: right;
   margin-left: 2px;
   background: url('../images/menu_glyphs.png') -288px -289px;
}

.login-form-error {
   background: #AE2f2f;
   color: #fff;
   padding: 5px;
   margin-top: 10px;
}