/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900);

/* Basic Elements & Classes */
body 
{
	color: #000000;
	direction: ltr;
	font-family: 'Open+Sans', sans-serif;
	font-size: 13px;
	padding: 0px !important;
	margin: 0px !important;
	background: #ffffff;
}

body
{
	background-color: #F6F6F6 !important;
}

a, a:focus, a:hover, a:active 
{
	outline: 0 !important;
}

h1, h2, h3 
{
	font-family: 'Raleway', sans-serif;
}

/* Generic Classes */
.no-display 
{
	display: none;
}

.space10 
{
	margin-bottom: 10px !important;
	clear: both;
}

/* Buttons */
.btn 
{
	font-family: 'Open Sans';
}

.btn-light-grey 
{
	background-color: #999;
	border-color: #8c8c8c;
	color: #ffffff;
}

.btn-light-grey:hover, .btn-light-grey:focus, .btn-light-grey:active, .btn-light-grey.active 
{
	background-color: #8c8c8c;
	border-color: #808080;
	color: #ffffff;
}

.btn-light-grey.disabled:hover, .btn-light-grey.disabled:focus, .btn-light-grey.disabled:active, .btn-light-grey.disabled.active, .btn-light-grey[disabled]:hover, .btn-light-grey[disabled]:focus, .btn-light-grey[disabled]:active, .btn-light-grey[disabled].active, fieldset[disabled] .btn-light-grey:hover, fieldset[disabled] .btn-light-grey:focus, fieldset[disabled] .btn-light-grey:active, fieldset[disabled] .btn-light-grey.active 
{
	background-color: #999;
	border-color: #999;
	color: #ffffff;
}

.btn-bricky 
{
	background-color: #C83A2A;
	border-color: #b33426;
	color: #ffffff;
}

.btn-bricky:hover, .btn-bricky:focus, .btn-bricky:active, .btn-bricky.active 
{
	background-color: #b33426;
	border-color: #9e2e21;
	color: #ffffff;
}

.btn-bricky.disabled:hover, .btn-bricky.disabled:focus, .btn-bricky.disabled:active, .btn-bricky.disabled.active, .btn-bricky[disabled]:hover, .btn-bricky[disabled]:focus, .btn-bricky[disabled]:active, .btn-bricky[disabled].active, fieldset[disabled] .btn-bricky:hover, fieldset[disabled] .btn-bricky:focus, fieldset[disabled] .btn-bricky:active, fieldset[disabled] .btn-bricky.active 
{
	background-color: #C83A2A;
	border-color: #C83A2A;
	color: #ffffff;
}

.btn 
{
	transition: all 0.3s ease 0s !important;
}

/* Login */
body.login 
{
	color: #7F7F7F;
}

body.login.example1 
{
	background-image: url("../images/bg.png");
	background-color: rgba(0, 0, 0, 0);
}

body.login.example2 
{
	background-image: url("../images/bg_2.png");
	background-color: rgba(255, 255, 255, 0);
}

body.login .main-login 
{
	margin-top: 60px;
}

body.login .logo 
{
	padding: 20px;
	text-align: center;
}

body.login .box-login, body.login .box-forgot, body.login .box-register 
{
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.32);
	overflow: hidden;
	padding: 15px;
}

body.login .form fieldset 
{
	border: none;
	margin: 0;
	padding: 10px 0 0;
}

body.login input.password 
{
	padding-right: 130px;
}

body.login label 
{
	color: #7F7F7F;
	font-size: 14px;
	margin-top: 5px;
}

body.login .copyright 
{
	font-size: 11px;
	margin: 0 auto;
	padding: 10px 10px 0;
	text-align: center;
}

body.login .form-actions:before, body.login .form-actions:after 
{
	content: "";
	display: table;
	line-height: 0;
}

body.login .form-actions:after 
{
	clear: both;
}

body.login .form-actions 
{
	margin-top: 15px;
	padding-top: 10px;
	display: block;
}

/* Forms */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] 
{
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-radius: 0 0 0 0 !important;
	color: #858585;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 4px;
	transition-duration: 0.1s;
	box-shadow: none;
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover 
{
	border-color: #B5B5B5;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus 
{
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

label 
{
	font-weight: normal;
}

span.input-icon, span.input-help 
{
	display: block;
	position: relative;
}

.input-icon > input 
{
	padding-left: 25px;
	padding-right: 6px;
}

.input-icon.input-icon-right > input 
{
	padding-left: 6px;
	padding-right: 25px;
}

span.input-help > input 
{
	padding-left: 30px;
	padding-right: 6px;
}

.input-icon > [class*="fa-"], .input-icon > [class*="clip-"] 
{
	bottom: 0;
	color: #909090;
	display: inline-block;
	font-size: 14px;
	left: 5px;
	line-height: 35px;
	padding: 0 3px;
	position: absolute;
	top: 0;
	z-index: 2;
}

.input-icon.input-icon-right > [class*="fa-"], .input-icon.input-icon-right > [class*="clip-"] 
{
	left: auto;
	right: 4px;
}

.input-icon > input:focus + [class*="fa-"], .input-icon > input:focus + [class*="clip-"] 
{
	color: #557799;
}

.radio label.radio-inline, .checkbox label.checkbox-inline 
{
	display: inline-block;
}

.radio-inline, .radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline 
{
	margin-right: 10px !important;
	margin-top: 5px !important;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}

.symbol.required:before 
{
	content: "*";
	display: inline;
	color: #E6674A;
}

.symbol.ok:before 
{
	content: "\f00c";
	display: inline;
	font-family: FontAwesome;
	color: #468847;
}

.has-error
{
	border-color: #B94A48 !important;
}

.help-block
{
	color: #B94A48;
}

/* Extra Small Devices Only */
@media (max-width: 767px) 
{
	body.login .main-login 
    {
		margin-top: 0;
	}
}