body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #1a171b;
	font-family: 'Open Sans', sans-serif;

 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


*:focus {
	outline: none;
}

#login {
	position: absolute;
	width: 250px;
	height: 250px;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -125px;
}

#login .logo {
	position: relative;
	display: inline-block;
	width: 250px;
	height: 52px;
	background-image: url(../img/logo.png);
	background-size: contain;
	margin-bottom: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#login .logo {
		background-image: url(../img/logo2x.png);

	}
}

#login h1 {
	margin: 0;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
	color: #1a171b;
}

#login .notification {
	font-size: 12px;
	color: #E41B17;
	margin-bottom: 10px;
}

#login label {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 5px;
	color: #1a171b;
}

#login input[type=email], #login input[type=password] {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	line-height: 35px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	color: #1a171b;
	font-size: 14px;
}

#login input:focus {
	outline-style: solid;
	outline-color: #61259e;
	outline-width: 1px;
	outline-offset: -1px;
}
#login button {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	height: 35px;
	line-height: 35px;
	background-color: #61259e;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 13px;
	padding: 0;
	margin-top: 10px;
  text-transform: uppercase;
}

#login button:hover {
	background-color: #571e92;
}


#login form .remember {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	font-size: 12px;
	font-weight: 500;	
}

#login form .remember:hover {
	color: #61259e;
	cursor: pointer;
}

#login form .remember input[type="checkbox"] {
		display: none;
}

#login form .remember label {
	width: 20px;
}

#login form .remember input[type="checkbox"] + label span {
    position: relative;
    display:inline-block;
    width:15px;
    height:15px;
    margin-top: -1px;
    vertical-align:middle;    
    cursor:pointer;
}

#login form .remember input[type="checkbox"] + label span:before,
#login form .remember input[type="checkbox"]:checked + label span:before {
	content: " ";
	  position: absolute;
	  z-index: 5;
	  top: 0px;
	  left: 0px;
	  right: 0px;
	  bottom: 0px;
	  border: 1px solid #61259e;
}

#login form .remember input[type="checkbox"]:checked + label span:before {
	
	  top: -2px;
	  left: -2px;
	  right: -2px;
	  bottom: -2px;
	  border-color: #61259e;
	
}	

#login form .remember input[type="checkbox"]:checked + label span {
   background-color: #61259e;    
   border: 2px solid #FFFFFF;
   box-sizing: border-box;
   z-index: 4;
}