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(1px) grayscale(100%);
    -moz-filter: blur(1px) grayscale(100%);
    -o-filter: blur(1px) grayscale(100%);
    -ms-filter: blur(1px) grayscale(100%);
    filter: blur(1px) 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: #cd4f34;
}

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

.login-side-image {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#58b6b7+0,58b6b7+0,4da59d+100 */
    background: #f8d551; /* Old browsers */
    background: -moz-linear-gradient(top, #f8d551 0%, #f8d551 0%, #edc942 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f8d551 0%,#f8d551 0%,#edc942 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f8d551 0%,#f8d551 0%,#edc942 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d551', endColorstr='#edc942',GradientType=0 ); /* IE6-9 */
    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: 220px;
    width: 80%;
    top: calc(50% - 120px);
}

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

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

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

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

.login-form h5 {
    font-size: 15px;
    text-transform: uppercase;
    color: #cd4f34;
    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: #cd4f34;
    font-weight: 400;
}