@media (max-height: 450px) {
    .fluid_right.login,.fluid_right.reset_password.db {
        margin:0;
        width: 100%;
        margin-top: 30px !important
    }

    .animate-title {
        width: 100%
    }

    .admin-login .wrapper .page_content {
        padding: 0px
    }

    .admin-login .wrapper .page_content .fluid_right.login, .admin-login .wrapper .page_content .fluid_right.reset_password {
        border: 0;
        box-shadow: 0px 0px 0px 0px #ccc;
        -webkit-box-shadow: 0px 0px 0px 0px #ccc
    }
}

@media (min-height: 500px) {
    .admin-login .wrapper .page_content .fluid_right.login, .admin-login .wrapper .page_content .fluid_right.reset_password {
        margin-left:38%
    }
}

.fluid_right .input {
    width: 100%
}

.fluid_right form {
    padding: 20px 0 0 0
}

.fluid_right form .input {
    width: 100%
}

.fluid_right form .input input {
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px)
}

.fluid_header,.fluid_left,.welcome_msg.OpenSansRegular {
    display: none;
}

.fluid_right.login,.fluid_right.reset_password.db {
    margin-top: 0
}

.generic_message {
    top: 14px
}

.application-logo {
    background: url(/static/mrm/static/images/application-logo_mrm.png);
    background-repeat: no-repeat;
    /*background-size:130px;*/
    width: 120px;
    height: 45px
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    ;animation-iteration-count: infinite;
    animation-iteration-count: inherit
}

.page_content {
    padding: 90px 40px
}

.animate-title {
    display: inline-block;
    font-size: 165%;
    left: 0%;
    position: relative;
    background: #000;
    opacity: 0.7;
    padding: 20px 26px;
    top: 30px;
}

.animate-title .a-container {
    padding: 14px 16px;
    /* color:#696969; */
    left: 54px;
    width: 93%;
    position: relative;
}

.animate-title .title {
    font-size: 16px;
    font-family: opensanssemibold;
    font-weight: 500;
    color: #fff;
}

.animate-title .description {
    font-size: 13px;
    padding: 10px 0px;
    font-family: opensansregular;
    font-weight: 100;
    color: #fff;
}

.animate-title .description.animated.bounceInLeft {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.fluid_right .error-message {
    margin: 0;
    padding: 3px 12px;
    border-radius: 0;
    font-size: 11px;
    top: 23px;
    margin-top: 8px
}

.admin-login .wrapper {
    width: 100%;
    height: 100%;
    min-width: inherit
}

.admin-login .wrapper .page_content {
    display: inline-block;
    margin: 0;
    width: 100%;
    height: calc(100% - 25px);
    height: -moz-calc(100% - 25px);
    height: -webkit-calc(100% - 25px)
}

.admin-login .wrapper .page_content .btn.btn-primary {
    font-family: opensansregular;
    padding: 4px 9px
}

.admin-login .wrapper .page_content .fluid_right {
    -moz-box-shadow: 1px 1px 2px 1px #ccc;
    box-shadow: 1px 1px 2px 1px #ccc;
    -webkit-box-shadow: 1px 1px 2px 1px #ccc;
    opacity: 0.9;
    border: 1px solid#c7c7c7;
    margin: 0
}
.float-icons {
    /* background:url(/static/resources/static/images/login-sprite.png); */
    background-repeat: no-repeat;
    background-size: 130px;
    width: 62px;
    height: 63px;
    position: absolute;
    display: inline-block;
    left: -56px;
    top: 15px;
}

.ArchitectsDaughter img {
    /* opacity: 1; *//* animation: logofade 8s infinite; */width: 100%;
    height: 100%;
    padding: 5px 6px 15px 6px;
}

@keyframes logofade {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}
.btn-primary {
    color: #fff;
    background-color: #4465b1;
    border-color: #4465b1;
}

.btn-primary:focus,.btn-primary.focus {
    color: #fff;
    background-color: #4465b1;
    border-color: #4465b1;
}

.btn-primary:hover {
    color: #fff;
    background-color: #33539b;
    border-color: #33539b;
}

.generic-message .alert-warning{
	color: #e03c17;
	font-family: opensanbold;
	background-color: #fcf8e3;
	border-color: #faebcc;
	font-size: 17px;
	font-weight: bold;
}
