/* CSS Document */

/*
Page palette
------------------

red
E20303 - 226,3,3

grey
565656 - 86,86,86

a beige
959466 - 149,148,102

moonlit cloud
C5BC8E - 197,188,142

old buttercream
D8D3A9 - 216,211,169

what has become
A0AB92 - 160,171,146

white in snow
DCEDC2 - 220,237,194

bottom of a pool
6DC8BF - 109,200,191

hexColorList:#E20303,#565656,#959466,#C5BC8E,#D8D3A9,#A0AB92,#DCEDC2,#6DC8BF
rgbColorList:{"1":"226,3,3", "2":"86,86,86", "3":"149,148,102", "4":"197,188,142", "5":"16,211,169", "6":"160,171,146", "7":"220,237,194", "8":"109,200,191"}

*/

/*
.brand-maven{
	font-family: 'Maven Pro', sans-serif;
	font-weight:500;
	font-size:24px;
	color:#E20303;
	padding-left:40px;
}
.brand-maven:before {
	position: absolute;
	top: 0px;
	left: 5px;
	content: "";
	background: url(http://erp.katalyst.mx/images/logo_brand.png);
	width: 48px;
	height: 50px;
}
.brand-maven:hover{
	text-decoration:none;
	color:#333333;
}
*/

.loginPage{
	background-image: url(/images/bg-login.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#loginSpan{
	width:25%;
	min-height: 40vh;
	margin:auto;
	margin-top:15vh;
	padding: 3vw;

	background: rgba(255,255,255,.5);
	border: 4px solid #dfdfdf;
	border-radius: 5px;
	box-shadow: 2px 3px 5px rgba(0,0,0,.4) ;
}

#registerSpan{
	width:25%;
	margin:auto;
	margin-top:20vh;
	padding: 3vw;

	background: rgba(255,255,255,.5);
	border: 4px solid #dfdfdf;
	border-radius: 5px;
	box-shadow: 2px 3px 5px rgba(0,0,0,.4) ;