*,
*:after,
*:before{
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

/*
	global
*/
.text-center{
	text-align: center;
}
.img-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.loading{
	display: none;
}
.loading img{
	margin-top: 10px;
	margin-left: 10px;
	display: inline-block;
}

/* text colors */
.help-block{
	margin-top: 5px;
	font-size: 13px;
	text-align: right;
}
.text-error{
	color:#CD4F4A;
	font-weight: bold;
}

/* login */
.fg-login{
	width:33.333333333%;
	margin-top:5%;
	margin-left:33.333333333%;
	padding:15px;
	background: #fff;
	box-shadow: 0px 0px 15px 0px #aaa;
}
.fg-login .frm-group{
	margin-bottom: 15px;
}

/* input */
.frm-control{
	display: block;
	width:100%;
	vertical-align: middle;
	border:1px solid #aaa;
	padding:10px;
	outline: none;
	color:#002D56;
	background: #fff;
}
.frm-control:focus{
	border:1px solid #3E8DB8;
}
::-webkit-input-placeholder {
	color:#777;
}

/* extra input */
.input-search{
	position: relative;
}
.input-search .fa{
	position: absolute;
	top:12px;
	right:10px;
	color:#777;
}

/* buttons */
.bt-primary{
	padding:10px 15px;
	border:0;
	background:#3E8DB8;
	color:#fff;
	font-weight: bold;
}
.bt-primary:hover{
	background:#216E98;
}

/* alerts */
.alert-error{
	display: block;
	width: 100%;
	padding:20px;
	font-weight: bold;
	color:#fff;
	background: #CD4F4A;
	margin-top: 5px;
	margin-bottom: 5px;
}
.alert-success{
	display: block;
	width: 100%;
	padding:20px;
	font-weight: bold;
	color:#fff;
	background: #77AC60;
	margin-top: 5px;
	margin-bottom: 5px;
}
.alert-warning{
	display: block;
	width: 100%;
	padding:20px;
	font-weight: bold;
	color:#555;
	background: #E9B75D;
	margin-top: 5px;
	margin-bottom: 5px;
}