body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.login_background {
    background: transparent url("../img/login/background.jpg") no-repeat bottom left;
    background-size: cover;
    position: fixed;
    height: 120%;
    width: 120%;
    top: -10px;
    left: -10px;
    opacity: 1;

    -webkit-filter: blur(10px) grayscale(100%);
    -moz-filter: blur(10px) grayscale(100%);
    -o-filter: blur(10px) grayscale(100%);
    -ms-filter: blur(10px) grayscale(100%);
    filter: blur(10px) grayscale(100%);
}

.login_background_left {
    background-position: top left !important;
}

.login_background_right {
    background-position: top right !important;
}

.login-box {
    background: #fff;
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 56px -18px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 0px 56px -18px rgba(0,0,0,0.81);
    box-shadow: 0px 0px 56px -18px rgba(0,0,0,0.81);
}

.login-box a,
.login-box a:hover,
.login-box a:visited,
.login-box a:active,
.login-box a:link {
    color: #112471;
}

.login-form-wrapper {
    padding: 40px 25px 25px;
}

.login-side-image {
    background: transparent url("../img/login/background.jpg") no-repeat top right;
    background-size: cover;
    min-height: 710px;
    position: relative;
}

.login-tag-line {
    position: absolute;
    left: 10%;
    background: transparent url(../img/login/logo.png) no-repeat scroll center center;
    background-size: contain;
    height: 100px;
    width: 80%;
    top: calc(20% - 70px);
}

.login-logo {
    text-align: left;
}

.login-logo img {
    width: 100px;
}

.login-form-wrapper h4 {
    margin-top: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
}

.login-form {
    margin-top: 25px;
}

.login-form h5 {
    font-size: 15px;
    text-transform: uppercase;
    color: #112471;
    margin: 0 0 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.login-button {
    text-transform: uppercase;
}

.login-links {
    margin-top: 35px;
}

.inner-addon {
  position: relative;
  margin-bottom: 15px;
}

.inner-addon .glyphicon {
  position: absolute;
  padding: 10px 4px 10px;
  pointer-events: none;
}

.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

.left-addon input  { padding-left:  24px; }
.right-addon input { padding-right: 24px; }

.inner-addon input[type="text"],
.inner-addon input[type="email"],
.inner-addon input[type="password"] {
    border-width: 0 0 1px;
}

.made-by {
    position: absolute;
    bottom: 25px;
}

.login-side-form {
    min-height: 710px;
    position: relative;
}

.alert {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    opacity: 99%;
    border-radius: 0;
}

.the_client_name {
    color: #112471;
    font-weight: 400;
}
