html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
::-moz-selection {
	background:#59bba3;
	color:#fff;
	text-shadow:none
}
::selection {
	background:#59bba3;
	color:#fff;
	text-shadow:none
}
html {
	color:#535d5a;
	font:16px Roboto,sans-serif;
	-webkit-text-size-adjust:100%;
	text-rendering:optimizeLegibility;
	background:#ebefee;
	height:100%
}

body {
	line-height:1.5rem;
	font-weight:300;
	height:100%;
	width:100%;
	position:relative
}
body.navigation-is-open,body.is-loading {
	overflow:hidden;
	position:fixed
}

p {
	margin-bottom:.75rem;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto
}
p.lead {
	font-size:1.25rem;
	line-height:1.75rem
}
a {
	color:#41a089;
	font-weight:500;
	text-decoration:none
}
a:hover,a:focus {
	color:#24574b
}
a:focus {
	background:rgba(35,39,38,0.1);
	outline:0
}

.mesolutions {
	float: left;
	font-size: 11px;
	color: #BBB;
	font-family: verdana;
	text-align: center;
	width: 100%;
	text-decoration: none;
	margin-top: 29px;

}

input[type=text],input[type=number],input[type=password],input[type=search],input[type=email],input[type=tel],input[type=url],textarea,select {
	-webkit-appearance:none;
	border:2px solid #cfd9d6;
	color:#CCCCCC;
	display:block;
	font-family:Roboto,sans-serif;
	font-size:inherit;
	line-height:1.5rem;
	margin:0;
	padding:.5rem;
	width:100% !important;
	vertical-align:baseline;
	-webkit-border-radius:.2rem;
	-moz-border-radius:.2rem;
	-ms-border-radius:.2rem;
	border-radius:.2rem;
	-webkit-box-shadow:inset 0 1px 3px rgba(35,39,38,0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(35,39,38,0.1);
	box-shadow:inset 0 1px 3px rgba(35,39,38,0.1);
	-webkit-transition:border .1s;
	-moz-transition:border .1s;
	-o-transition:border .1s;
	transition:border .1s
}
input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus {
	border-color:#aabbb6;
	outline:0;
	color:#232726
}
.form-wrapper {
	padding-top:1.5rem
}
.form-wrapper div.form-buttons {
	text-align:right;
	padding-left:1rem;
	padding-right:1rem
}
@media only screen and (min-width:769px) {
	.form-wrapper div.form-buttons {
		padding-left:1rem;
		padding-right:1rem
	}
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0
}
div.buttons {
	text-align:right;
	padding-left:1rem;
	padding-right:1rem
}
@media only screen and (min-width:769px) {
	div.buttons {
		padding-left:1rem;
		padding-right:1rem
	}
}

.button,input[type=submit],button {
	-webkit-font-smoothing:antialiased;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	display:inline-block;
	font-size:inherit;
	font-weight:bold;
	font-family:Roboto,sans-serif;
	line-height:1;
	margin:0;
	padding:.75rem 1rem;
	border:0;
	vertical-align:baseline;
	text-decoration:none;
	-webkit-border-radius:.2rem;
	-moz-border-radius:.2rem;
	-ms-border-radius:.2rem;
	border-radius:.2rem;
	color:#fff;
	background:#ADB4A3;
	text-transform: uppercase;
}

.button:hover,input[type=submit]:hover,button:hover {
	background:#ADB4A3;
	color:#fff
}
.button:active,input[type=submit]:active,button:active,.button:focus,input[type=submit]:focus,button:focus {
	background:#f32b5e;
	color:#e3e6e5;
	outline:0;
	-webkit-box-shadow:inset 0 1px 5px rgba(35,39,38,0.75);
	-moz-box-shadow:inset 0 1px 5px rgba(35,39,38,0.75);
	box-shadow:inset 0 1px 5px rgba(35,39,38,0.75)
}
.l-container {
	margin:auto;
	padding:.75rem;
	max-width:1040px
}
@media only screen and (min-width:769px) {
	.l-container {
		padding:2rem
	}
}
@media only screen and (min-width:769px) {
	.l-single {
		float:left;
		width:100%;
		margin-left:0;
		margin-right:0
	}
}
@media only screen and (min-width:769px) {
	.l-single {
		float:left;
		width:83.33333333%;
		margin-left:8.33333333%;
		margin-right:8.33333333%
	}
}
@media only screen and (min-width:960px) {
	.l-single {
		float:left;
		width:66.66666667%;
		margin-left:16.66666667%;
		margin-right:16.66666667%
	}
}
@media only screen and (min-width:960px) {
	.l-half {
		float:left;
		width:47.91666667%;
		margin-left:0;
		margin-right:2.08333333%
	}
}
@-webkit-keyframes signin-header {
	0% {
		opacity:0;
		-webkit-transform:translateY(-50px);
		-moz-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		-o-transform:translateY(-50px);
		transform:translateY(-50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0)
	}
}
@-moz-keyframes signin-header {
	0% {
		opacity:0;
		-webkit-transform:translateY(-50px);
		-moz-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		-o-transform:translateY(-50px);
		transform:translateY(-50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes signin-header {
	0% {
		opacity:0;
		-webkit-transform:translateY(-50px);
		-moz-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		-o-transform:translateY(-50px);
		transform:translateY(-50px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0)
	}
}



@media only screen and (min-width:769px) {
	.header-wrapper {
	padding-top: 8%;
	background-image:url('../images/login/back-erp2.jpg');
	background-repeat:no-repeat;
	background-size:cover;

	background-color: black;
	background-size: 100% auto;
	height: 100%;
 	}
}

@media only screen and (max-width:420px) {
	.header-wrapper {
		background-image:url('../images/login/back-mobile.jpg');
		background-repeat:no-repeat;
		background-size:cover;
	
		background-color: black;
		background-size: 100% auto;
		height: 100%;
	}
}


.header {
	*zoom:1;
	padding-top:2rem;
	padding-bottom:2rem;
	color:#fff;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:100;
	-moz-perspective:100;
	perspective:100;
	display:block;
	-webkit-animation:signin-header 400ms ease;
	-moz-animation:signin-header 400ms ease;
	animation:signin-header 400ms ease
}
.header:before,.header:after {
	display:block;
	height:0 !important;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	content:"."
}
.header:after {
	clear:both
}
.header div.buttons {
	padding-right:0;
}
.header div.buttons label {
	cursor:pointer;
	line-height:2.4rem;
	color:rgba(255,255,255,0.5)
}
.header div.buttons label:hover {
	color:#fff
}
.header div.buttons .button {
	float:right
}

@media only screen and (min-width:769px) {
	.header .button {
		display:inline-block
	}
}
.header .button:hover {
	background:rgba(255,255,255,0.25)
}
.header .button:active,.header .button:focus {
	background:rgba(0,0,0,0.25);
	-webkit-box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow:inset 0px 1px 5px rgba(0, 0, 0, 0.5)
}
.header p.signin-options {
	line-height:2.4rem
}
.header p.signin-options a {
	font-weight:300;
	color:rgba(255,255,255,0.5)
}
.header p.signin-options a:hover {
	color:#fff
}

div.header-logo {
	font-size:3rem;
	margin-bottom:40px;
	margin-top:.75rem;
	text-align: center;
}

div.header-logo img {
	width: 450px;
}

.header form {
	margin-bottom:4.5rem
}
.header form input {
	border:0;
	margin-bottom:.5rem;
	font-weight:100;
	line-height:1.4;
	font-size:1.1rem;
	padding:.7rem;
	-webkit-border-radius:.4rem;
	-moz-border-radius:.4rem;
	-ms-border-radius:.4rem;
	border-radius:.4rem
}

@media only screen and (max-width:769px) {
div.header-logo img {
	width: 350px;
}
}

.bottom_message {
    bottom: 0;
    display: block;
    height: 80px;
    line-height: 75px;
    width: 100%;
    position: fixed;
    background-color: #006CCF;
    clear: both;
	opacity:0.9;
  	text-align: center;
  	color: white;
  	font-size: 20px;
  	z-index: 999;
  	display:none;
  	font-family: Arial;
  	  border-top: 2px solid #4892E6;
}