html {
 background-color: #f2f2f2;
 height: 100%;
}
html * {
	box-sizing: border-box;
}
body {
  font-family: "Roboto", Arial;
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
  /*background-image: linear-gradient(to bottom left, #FC354C, #0ABFBC);*/
  /* background-color: #333333; */
  background-color: #f2f2f2;
}
img {
	width: 250px;
	margin-left: calc(50% - 125px);
	margin-right: auto;
	margin-top: 20px;
}
div.main {
	position: absolute;
	top: 290px;
	left: calc(50% - 175px);
	/*min-height: 230px;*/
	/*background-color: #404040;*/
	/*background-color: rgba(64, 64, 64, 0.2);*/
	background-color: #262626;
	/* background-color: #cccccc; */
	padding: 30px;
	width: 350px;
	border: 1px solid #000000;
	/* border: 1px solid #666666; */
}
div.user_login {
	padding: 0;
	margin: 0;
}

div.user_login div.eachInput {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	position: relative;
	top: 0;
	background-color: #262626;
	/* background-color: #cccccc; */
	/* border: solid 1px #1a1a1a; */
	border: solid 1px #000000;
	overflow: hidden;
}

/* div.user_login label.eachRadio {
	display: inline-block;
	margin: 0 0 10px 0;
	color: #e6e6e6;
	font-size: 16px !important;
}
div.user_login label.eachRadio:nth-child(3) {
	padding: 0 20px 0 0;
} */
/* div.user_login input.eachRadio {
	color: #e6e6e6;
	margin: 0 0 10px 0;
	font-size: 16px !important;
	display: inline-block;
} */
/* div.user_login input.eachRadio:nth-child(2) {
	margin: 0 0 10px 40px;
} */

div.user_login div.eachIcon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 8px;
	margin: 0;
	height: 100%;
	font-size: 24px;
	/* background-color: #404040; */
	/* background-color: #666666; */
	background-color: #808080;
}
div.user_login div.eachIcon i {
	font-size: 24px;
	color: #f2f2f2;
	cursor: default;
}
div.eachInput input.password, div.eachInput input.username {
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	display: inline-block;
	/*background-color: #262626;*/
	/* background-color: #595959; */
	background-color: #f2f2f2;
    /* color: #e6e6e6; */
	color: #404040;
    padding: 10px;
    font-size: 16px !important;
    vertical-align: middle;
    margin: 0 0 0 36px;
    width: calc(100% - 36px);
	outline: 0;
	border: none;
	border-radius: 0;
	height: 44px;
}
div.eachInput input.password::placeholder, div.eachInput input.username::placeholder {
	color: #808080;
}
div.eachInput input.password:-webkit-autofill,
div.eachInput input.username:-webkit-autofill {
	/* -webkit-background-color: #595959;
	-webkit-box-shadow: 0 0 10px 1000px #595959 inset;
	-webkit-text-fill-color: #e6e6e6; */
	-webkit-background-color: #f2f2f2;
	-webkit-box-shadow: 0 0 10px 1000px #f2f2f2 inset;
	-webkit-text-fill-color: #404040;
	-webkit-focus-ring-color: none;
	-webkit-text-size-adjust: none;
}
div.eachInput input.password:-moz-autofill, div.eachInput input.username:-moz-autofill {
	/* -moz-background-color: #595959;
	-moz-box-shadow: 0 0 10px 1000px #595959 inset;
	-moz-text-fill-color: #e6e6e6; */
	-moz-background-color: #f2f2f2;
	-moz-box-shadow: 0 0 10px 1000px #f2f2f2 inset;
	-moz-text-fill-color: #404040;
	-moz-focus-ring-color: none;
	-moz-text-size-adjust: none;
}

div.eachInput input.password:hover,
div.eachInput input.username:hover,
div.eachInput input.password:-webkit-autofill:hover,
div.eachInput input.username:-webkit-autofill:hover,
div.eachInput input.password:-moz-autofill:hover,
div.eachInput input.username:-moz-autofill:hover {
	/* -webkit-background-color: #595959;
	-webkit-box-shadow: 0 0 10px 1000px #595959 inset;
	-webkit-text-fill-color: #e6e6e6;
	-webkit-focus-ring-color: none;
	-webkit-text-size-adjust: none;
	-moz-background-color: #595959;
	-moz-box-shadow: 0 0 10px 1000px #595959 inset;
	-moz-text-fill-color: #e6e6e6;
	-moz-focus-ring-color: none;
	-moz-text-size-adjust: none; */
	-webkit-background-color: #f2f2f2;
	-webkit-box-shadow: 0 0 10px 1000px #f2f2f2 inset;
	-webkit-text-fill-color: #404040;
	-webkit-focus-ring-color: none;
	-webkit-text-size-adjust: none;
	-moz-background-color: #f2f2f2;
	-moz-box-shadow: 0 0 10px 1000px #f2f2f2 inset;
	-moz-text-fill-color: #404040;
	-moz-focus-ring-color: none;
	-moz-text-size-adjust: none;
	background-color: #f2f2f2;
	box-shadow: 0 0 10px 1000px #f2f2f2 inset;
    color: #404040;
	outline: 0;
}

div.eachInput input.password:-internal-autofill-selected,
div.eachInput input.username:-internal-autofill-selected {
	/* background-color: #595959 !important; */
	background-color: #f2f2f2 !important;
}

div.user_login div.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	display: block;
	/*background-color: #bfbfbf;*/
	/*background-color: #8533ff;*/
	background-color: #ffaa00;
    color: #000000;
    padding: 10px;
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
	/*border: 1px solid #1a1a1a;*/
	/* border: 1px solid #232323; */
	border: 1px solid #000000;
	border-radius: 0;
	cursor: pointer !important;
}
/*div.user_login.updatePw input.button {
	height: 220px;
}*/

div.user_login div.button:hover,
div.user_login div.button:focus {
	color: #ffaa00;
	/* background-color: #1a1a1a; */
	background-color: #262626;
	border-color: #ffaa00;
}

div.clear {
	clear: both;
}

span.span_or, span.alert {
    text-align: left;
    margin-left: 0;
    /*width: 300px;*/
	font-size: 14px;
	color: #cccccc;
}

/* input.isU:checked ~ div.eachInput.isK,
input.isK:checked ~ div.eachInput.isU {
	display: none !important;
} */