@CHARSET "UTF-8";
/*
over-ride "Weak" message, show font in dark grey
*/

.progress-bar {
    color: #333;
}

/*
Reference:
http://www.bootstrapzen.com/item/135/simple-login-form-logo/
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    @include box-sizing(border-box);
    &:focus{z-index: 2;}

}

body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #F6F9EB!important;
}

.login-form {
    display: flex;
    flex-direction: column-reverse;
}

form {
    color: #5d5d5d;
    background: #fff;
    padding: 30px;   
	
	background-image: url("/Publishing_Resources/images/bg-bottom.png");
	    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 40%;
    margin-bottom:40px;
}

    form img {
        display: block;
        margin: 0 auto;
        
    }

    form input,
    form button {
        font-size: 18px;
        margin: 16px 0;
    }

    form > div {
        text-align: center;
    }

.form-links {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 50px;
}

    .form-links a {
        color: #fff;
    }
        .form-links a:hover {
            color: #fff;
            text-decoration: none
        }
.bottom{
	position: absolute;
	width: 100%;
	bottom: 30px;
}
.middle{
	width: 1000px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 600px;
	display:grid;
	grid-template-columns: 50% 50%;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.img-top{
	width: 175px;
position: fixed;
right: 0px;
}
.img-top img{
	width:100%;
}
.logo-banner{
	background-image: url("/Publishing_Resources/images/bg-login.png");
	background-repeat: no-repeat;
	background-position: center;
background-size: cover;
position:relative;
	border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	-webkit-border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}
.logo{
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.text-login h1{
	font-size: 16px;
color: #B80002;
font-weight: bold;
text-transform: uppercase;
width: 308px;
margin: 0 auto;
line-height: 25px;
}
.divform{
	padding:20px;
}
.text-login h3{
	font-size: 24px;
text-transform: uppercase;
line-height: 33px;
color: #424242;
font-weight: bold;
}
.ms-inputuserfield{
	width: 345px;
border-radius: 15px;
height: 40px;
padding-left:30px;
border: 1px solid #b9b5b5
}
.control{
	position:relative;
}
.control i{
	position: absolute;
top: 26px;
left: 67px;
font-size: 21px;
}
.text-login{
	margin-top: 77px;
margin-bottom: 40px;
}
#loginControl_login{
	background: #B80002;
color: #fff;
padding: 10px 100px;
border-radius: 27px;
border: none;
}
#f_bg_left {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 150px;
}

#f_bg_right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 130px;
}
.footer-bottom {
    position: relative;
}
.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.footer-bottom-menu {
    background: linear-gradient(270deg, #074C31 0%, #1F6A33 23.44%, #A1C038 100%);
    padding: 45px 0px;
}

.img_menu {
    position: absolute;
    top: 0px;
    right: 7%;
}

.menu-footer {
    display: flex;
    gap: 20px;
}

.logo-footer img {
    width: 160px;
    height: 66.6px;
}

.menu-footer {
    align-items: center;
    margin-top: 28px;
    justify-content: center;
}
.copyright {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    float: left;
}
.logo_login{
    width:80%;
}
.title_login {
    
    font-weight: 700;
    font-size: 20px;
    
    color: #074C31;
}
#btnLogin {
    background: linear-gradient(315deg, #074C31 0%, #1F6A33 35.42%, #A1C038 100%);
}