/*!
* Design by AvrialR
* avrial87@gmail.com
*/

input{
	outline: none;
}
textarea{
	outline: none;
}
.color{
    color: #932C25;
    color: #ED3237;
    color: #DF3338;
    color: #9CBE5D;
    color: #1CA68D;
    color: #3789C1;
    color: #DF3338;
    color: #201E1E;
    color: #4B4B4D;
	color: #E6E7E8;
}

.linebody:before{
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../image/bg-ikons.png');
	background-color: #694b35;
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: cover;
}
.linebody{
	background-color: #E6E7E8;
}
.linecontentlogin{
	height: 100vh;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.linebgformlogin{
	padding: 10px;
}
.lineformlogin{
	padding: 30px;
	padding-top: 15px;
	background-color: #FFFFFF;
	border-radius: 15px;
	border: 1px solid #E6E7E8;
	position: relative;
	margin-bottom: 11px;
	-webkit-box-shadow: 0 0 1px rgba(33,33,33,0.3);
	box-shadow: 0 0 1px rgba(33,33,33,0.3);
}
.lineformlogin .logo{
	margin-top: 15px;
	margin-bottom: 20px;
}
.lineformlogin .logo img{
	/* width: 100%; */
	height: 70px;
}
.lineformlogin .head{
	font-size: 16px;
	color: #201E1E;
	font-weight: 600;
}
.lineformlogin .tag{
	font-size: 16px;
	color: #201E1E;
}
.lineformlogin .error_alert{
	margin-top: 5px;
	margin-bottom: 10px;
}
.lineformlogin .error_alert .alert{
	margin: 5px 0px;
	padding: 8.5px;
}
.lineformlogin .error_alert .close{
	margin-top: -2px;
}
.lineformlogin .tag a{
	text-decoration: none;
	color: #3789C1;
}
.input_login .title{
	padding: 5px 0px;
	font-size: 16px;
	color: #4B4B4D;
}
.input_login .title label{
	font-weight: 600;
	color: #932C25;
}
.input_login input[type=email],.input_login input[type=text],.input_login input[type=password],.input_login input[type=number] {
	width: 100%;
	height: 45px;
	padding: 5px;
	margin-bottom: 15px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
	-moz-appearance: textfield;
	border-radius: 5px;
	font-size: 13px;
	cursor: text;
	-webkit-box-shadow: 0 0 1px rgba(33,33,33,0.3);
	box-shadow: 0 0 1px rgba(33,33,33,0.3);
}
.input_login input[type=email]:disabled,.input_login input[type=text]:disabled,.input_login input[type=password]:disabled,.input_login input[type=number]:disabled {
	background-color: #EEE;
	cursor: not-allowed;
}
.input_login input:focus,.input_login input:hover {
	border: 1px solid #BDBFC1;
}
.input_login select {
	width: 100%;
	height: 45px;
	padding: 7px 5px 5px 5px;
	margin: 0px;
	margin-bottom: 15px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
    cursor: pointer;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 1px rgba(33,33,33,0.3);
	box-shadow: 0 0 1px rgba(33,33,33,0.3);
}
.input_login select:focus,.input_login select:hover {
	border: 1px solid #76563f;
}
.input_login button{
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	height: 50px;
	margin-top: 0px;
	color: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #694b35;
	background-color: #694b35;
}
.input_login button:hover{
	color: #FFFFFF;
	background-color: #76563f;
}
.input_login_comp button:hover{
	color: #FFFFFF;
	background-color: #1e8135;
}
.footer_login{
    padding-top: 10px;
    color: #4B4B4D;
}

@media (max-width:1200px){
    .lineformlogin{
        max-width: 50%;
        margin-left: 25%;
    }
}
@media (max-width:772px){
    .lineformlogin{
        max-width: 90%;
        margin-left: 5%;
    }
}