@charset "utf-8";

/**
 * Display: Classic
 */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	background: #FEFEFE;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #929292;
}

input {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #7d7d7d;
	outline: none;
}

p {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #929292;
}

a img {
	border: 0px;
}

/**
 * Message
 */
#Message {
	text-align: center;
	z-index: 1001;
}

#Message .SUCCESS,
#Message .ERROR,
#Message .WARNING,
#Message .INFO {
	margin-bottom: 25px;
	text-align: center;
	color: #FFFFFF;
	display: block;
	clear: both;
}

#Message .SUCCESS div,
#Message .ERROR div,
#Message .WARNING div,
#Message .INFO div {
	margin: 0px;
	padding: 10px 45px;
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	display: block;
	oveflow: hidden;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

#Message .hide,
#Message .send_error {
	margin-left: 25px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}

#Message .hide:hover,
#Message .send_error:hover {
	border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

#Message .SUCCESS div, .BoxMessageSUCCESS { background-color: #27C24C; }
#Message .ERROR div, .BoxMessageERROR { background-color: #F05050; }
#Message .WARNING div, .BoxMessageWARNING { background-color: #FF902B; }
#Message .INFO div, .BoxMessageINFO { background-color: #2970FF; }

.BoxMessageSUCCESS,
.BoxMessageERROR,
.BoxMessageINFO {
	padding: 20px 20px;
	text-align: left;
	font-size: 16px;
	color: #FFFFFF;
}

/**
 * Page: Login
 */
#PageLogin {
	position: absolute;
	width: 380px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#PageLogin .Header {
	margin-bottom: 20px;
	text-align: center;
	font-weight: 300;
	font-size: 38px;
	color: #2970FF;
}

#PageLogin .Form {
	background: #FFFFFF;
	margin: 0 auto;
	padding: 30px;
	position: relative;
	width: 380px;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.15);
}

#PageLogin .Form .Text {
	margin-bottom: 20px;
	line-height: 20px;
}

#PageLogin .Form .Text p {
	margin-bottom: 10px;
}

#PageLogin .Form .Text p:last-child {
	margin-bottom: 0px;
}

#PageLogin .Form .Field {
	margin-bottom: 10px;
	position: relative;
}

#PageLogin .Form .Field .Space {
	position: relative;
}

#PageLogin .Form .Field input[type="text"],
#PageLogin .Form .Field input[type="email"],
#PageLogin .Form .Field input[type="password"] {
	background-color: #FFFFFF;
	border: solid 1px #DDE6E9;
	padding: 10px 15px 10px 48px;
	width: 100%;
	font-size: 14px;
	color: #767676;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#PageLogin .Form .Field.Error input[type="text"],
#PageLogin .Form .Field.Error input[type="email"],
#PageLogin .Form .Field.Error input[type="password"] {
	border-color: #FF0000;
}

#PageLogin .Form .Field.Login .Space:after,
#PageLogin .Form .Field.Password .Space:after {
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 18px;
	top: 0px;
	bottom: 0px;
	left: 15px;
}

#PageLogin .Form .Field.Login .Space:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath fill='%23767676' d='M256 0c88.366 0 160 71.634 160 160s-71.634 160-160 160S96 248.366 96 160 167.634 0 256 0zm183.283 333.821l-71.313-17.828c-74.923 53.89-165.738 41.864-223.94 0l-71.313 17.828C29.981 344.505 0 382.903 0 426.955V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48v-37.045c0-44.052-29.981-82.45-72.717-93.134z'/%3E%3C/svg%3E"); }
#PageLogin .Form .Field.Password .Space:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 448 512'%3E%3Cpath fill='%23767676' d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E"); }

#PageLogin .Form .Field input[type="text"]:focus,
#PageLogin .Form .Field input[type="email"]:focus,
#PageLogin .Form .Field input[type="password"]:focus {
	border-color: #656565;
	-webkit-box-shadow: 0px 0px 0px 2px rgba(41, 112, 255, 0.5);
	-moz-box-shadow: 0px 0px 0px 2px rgba(41, 112, 255, 0.5);
	box-shadow: 0px 0px 0px 2px rgba(41, 112, 255, 0.5);
}

#PageLogin .Form .Field .Error {
	padding-top: 2px;
	font-size: 12px;
	color: #FF0000;
}

#PageLogin .Form label {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

#PageLogin .Form label input {
	position: absolute;
	top: -20px;
	left: -20px;
}

#PageLogin .Form label .Box {
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	border: solid 1px #DDE6E9;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#PageLogin .Form label input:checked ~ .Box {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
}

#PageLogin .Form label span {
	height: 30px;
	line-height: 30px;
	float: left;
	cursor: pointer;
}

#TooglePassword {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 576 512'%3E%3Cpath fill='%23767676' d='M286.693 391.984l32.579 46.542A333.958 333.958 0 0 1 288 440C168.19 440 63.031 376.051 6.646 280.369a47.999 47.999 0 0 1 0-48.739c24.023-40.766 56.913-75.775 96.024-102.537l57.077 81.539C154.736 224.82 152 240.087 152 256c0 74.736 60.135 135.282 134.693 135.984zm282.661-111.615c-31.667 53.737-78.747 97.46-135.175 125.475l.011.015 41.47 59.2c7.6 10.86 4.96 25.82-5.9 33.42l-13.11 9.18c-10.86 7.6-25.82 4.96-33.42-5.9L100.34 46.94c-7.6-10.86-4.96-25.82 5.9-33.42l13.11-9.18c10.86-7.6 25.82-4.96 33.42 5.9l51.038 72.617C230.68 75.776 258.905 72 288 72c119.81 0 224.969 63.949 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM424 256c0-75.174-60.838-136-136-136-17.939 0-35.056 3.473-50.729 9.772l19.299 27.058c25.869-8.171 55.044-6.163 80.4 7.41h-.03c-23.65 0-42.82 19.17-42.82 42.82 0 23.626 19.147 42.82 42.82 42.82 23.65 0 42.82-19.17 42.82-42.82v-.03c18.462 34.49 16.312 77.914-8.25 110.95v.01l19.314 27.061C411.496 321.2 424 290.074 424 256zM262.014 356.727l-77.53-110.757c-5.014 52.387 29.314 98.354 77.53 110.757z'/%3E%3C/svg%3E") center no-repeat;
	border: 0px;
	position: absolute;
	width: 40px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
}

#TooglePassword.Active {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 576 512'%3E%3Cpath fill='%23767676' d='M569.354 231.631C512.969 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-75.162 0-136-60.827-136-136 0-75.162 60.826-136 136-136 75.162 0 136 60.826 136 136 0 75.162-60.826 136-136 136zm104-136c0 57.438-46.562 104-104 104s-104-46.562-104-104c0-17.708 4.431-34.379 12.236-48.973l-.001.032c0 23.651 19.173 42.823 42.824 42.823s42.824-19.173 42.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621 156.431 270.292 152 288 152c57.438 0 104 46.562 104 104z'/%3E%3C/svg%3E");
}

#PageLogin .Form .Buttons {
	padding-top: 10px;
	overflow: hidden;
}

#PageLogin .Form .Buttons .l {
	border: 0px;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	color: #296EFF;
	float: left;
	cursor: pointer;
}

#PageLogin .Form .Buttons input.b {
	background-color: #42A5F5;
	border: 0px;
	padding: 0px 25px;
	height: 45px;
	font-weight: 300;
	font-size: 16px;
	color: #FFFFFF;
	float: right;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-o-transition:.2s;
  	-ms-transition:.2s;
 	-moz-transition:.2s;
 	-webkit-transition:.2s;
 	transition:.2s;
}

#PageLogin .Form .Buttons input.b:hover {
	background-color: #296EFF;
}


#PageLogin footer {
	padding: 20px;
	text-align: center;
	font-size: 12px;
	color: #78909C;
}

#PageLogin footer a {
	font-weight: bold;
}

#PageLogin footer a:hover {
	color: #2970FF;
}


#SecurityU2F {
	background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 49 49' xmlns='http://www.w3.org/2000/svg' class='css-cpysc3'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='51' width='51' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' fill='currentColor' d='m17.38269,48.91666l13.25,0l0,-11.2l2.53,0l0,-37.8l-18.32,0l0,37.8l2.53,0l0.01,11.2zm3.74,-2l-1.74,0l0,-9.2l1.76,0l-0.02,9.2zm3.76,0l0,-0.9l-1.75,0l0,-8.3l1.75,0l0,9.2zm3.75,0l-1.76,0l0,-9.2l1.74,0l0.02,9.2zm-11.79,-45.01l14.32,0l0,33.81l-14.32,0l0,-33.81z'/%3E%3Cpath id='svg_2' fill='currentColor' d='m24.04103,5.62866l-1.414,1.414l1.414,1.414l1.414,-1.414l-1.414,-1.414zm2.219,19.518a3.18,3.18 0 0 1 -4.51,0c-1.24,-1.25 -1.25,-3.27 0,-4.51a3.18,3.18 0 0 1 4.51,0a3.199,3.199 0 0 1 0,4.51zm1.41,1.41a5.19,5.19 0 0 0 0,-7.33c-2.02,-2.03 -5.3,-2.02 -7.33,0a5.178,5.178 0 0 0 0,7.32a5.182,5.182 0 0 0 7.33,0.01zm-2.76,19.48l-0.01,0l0,0.88l0.01,0l0,-0.88z'/%3E%3Cpath id='svg_3' fill='currentColor' d='m24.00964,46.03666l-0.01,0l0,0.88l0.01,0l0,-0.88z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center 30px;
	background-repeat: no-repeat;
	padding: 90px 0px 0px 0px;
	text-align: center;
	display: block;
}

#SecurityU2F .Caption {
	margin-bottom: 16px;
	font-size: 20px;
	color: #000;
}

#SecurityU2F p {
	margin-bottom: 16px;
}

#SecurityU2F button {
	background: transparent;
	border: 0px;
	color: #2970FF;
	display: none;
	cursor: pointer;
}

#SecurityU2F button:hover {
	text-decoration: underline;
}