form.flogin{	width: 300px; display: table; margin: 40px auto 0 auto;	border: #cfcfcf 1px solid; padding: 20px 40px 20px 40px; border-radius: 10px; background-color: #f3f3f3; font-size: 14px;}
form.flogin h4{float: left; width:100%; text-align: left; font-size:  16px; margin: 15px 0 15px 0; color:#525252 ;}
form.flogin h4 i{color: #306199;}
form.flogin div{	float: left; width: 100%; text-align: right; margin-bottom: 10px;}
form.flogin div input{	width:180px; padding: 6px; border: #cfcfcf 1px solid; border-radius: 2px;}
form.flogin div input:hover{	border: #1570bc 1px solid;}
form.flogin div input.error{	border: 1px solid red; background-color: #ffa6a6;}

form.flogin button[name='submit']{	background-color: #2f2f2f; border: #0d4778 1px solid; font-size:15px;	padding: 5px 15px 5px 15px; border-radius: 3px; color: white; cursor: pointer; width:auto; font-weight:bold;}
form.flogin button[name='submit']:hover{	background-color: #dd0d12; color: white; border-color: #b00b0f;}
form.flogin div.link{border-top: #cfcfcf 1px solid; padding-top: 5px;}
form.flogin a{text-decoration: none; color: #4169E1;}
form.flogin a:hover{text-decoration: underline;}
form.flogin div.loading{text-align: center;}
form.flogin div.loading span{color: red;}
form.flogin button[name='facebook']{display: table; margin: 10px auto; width: 250px; border-radius: 3px;background-color: #306199; border:#306199 1px solid; cursor: pointer;}
form.flogin button[name='facebook'] i{ float: left; background-color: white; padding: 4px 10px 4px 10px; margin:3px; text-align: center; font-size: 28px;color: #306199;}
form.flogin button[name='facebook'] label{float: left; cursor: pointer; margin:10px 3px 3px 10px;font-size: 15px;font-weight: bold; color: white; }
form.flogin button[name='facebook']:hover{background-color: #264C79;}
form.flogin button[name='facebook']:hover label{text-decoration: underline;}
@media screen and (max-width:400px){
	form.flogin{width: calc(100% - 40px); margin: 0px; float: left; border: 0px;
    border-radius:0px; padding: 20px;
    }
}