@charset "utf-8";
.theChampLoginButtonBackground,
.theChampLoginButtonText {
	font-variant: initial!important;
	font-size: 11px!important
}

.theChampGoogleLogin {
	display: block!important;
	border-width: 0px !important;
}

ul.the_champ_login_ul li {
	float: none!important
}

.theChampLoginProvider {
	display: inline-block!important;
	width: 64px;
	text-align: left!important;
	margin: 0!important;
	padding: 0!important
}

.theChampLoginButtonBackground {
	display: inline-block!important;
	min-width: 166px!important;
	height: 40px!important;
	clear: both!important;
	color: #fff!important;
	margin-bottom: 5px!important;
	cursor: pointer!important;
	font-weight: 700!important;
	line-height: 40px!important;
	margin-right: 10px!important;
	border-radius: 2px!important;
	box-sizing: content-box
}

.theChampLoginButtonText {
	margin-left: 2px!important;
	padding-right: 13px!important;
	padding-left: 13px!important;
	border-left: 1px solid rgba(102, 102, 102, .2)!important;
	float: left!important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
	min-width: 122px
}

div.the_champ_login_container .theChampFacebookBackground {
	background-color: #fff!important
}

.theChampLoginButtonBackground i {
	height: 20px!important;
	width: 20px!important;
	margin-top: 10px!important;
	margin-left: 4px!important;
	float: left!important
}

.theChampFacebookLoginBackground {
	background-color: #4267B2;
	border: 1px #4267B2 solid
}

.theChampTwitterLoginBackground {
	background-color: #55acee;
	border: 1px #55acee solid
}

.theChampLinkedinLoginBackground {
	background-color: #0077B5;
	border: 1px #0077B5 solid
}

.theChampSteamLoginBackground {
	background-color: #393939;
	border: 1px #393939 solid
}

.theChampInstagramLoginBackground {
	background-color: #527FA4;
	border: 1px #527FA4 solid
}

.theChampLiveJournalLoginBackground {
	background-color: #00b0ea;
	border: 1px #00b0ea solid
}

.theChampVkontakteLoginBackground {
	background-color: #5E84AC;
	border: 1px #5E84AC solid
}

.theChampXingLoginBackground {
	background-color: #00797D;
	border: 1px #00797D solid
}

.theChampTwitchLoginBackground {
	background-color: #6441A5;
	border: 1px #6441A5 solid
}

ss.theChampFacebookLoginSvg {
	padding-left: 6px!important;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%234267B2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center
}

.theChampGoogleLoginSvg {
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-8%20-8%2064%2064%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M44.5%2020H24v8.5h11.8C34.7%2033.9%2030.1%2037%2024%2037c-7.2%200-13-5.8-13-13s5.8-13%2013-13c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C34.6%204.1%2029.6%202%2024%202%2011.8%202%202%2011.8%202%2024s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23FBBC05%22%20d%3D%22M0%2037V11l17%2013z%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23EA4335%22%20d%3D%22M0%2011l17%2013%207-6.1L48%2014V0H0z%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22%2334A853%22%20d%3D%22M0%2037l30-23%207.9%201L48%200v48H0z%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22%234285F4%22%20d%3D%22M48%2048L17%2024l-4-3%2035-10z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat!important
}

.theChampGoogleLoginBackground {
	background-color: white;
	border: 1px #4184F3 solid;
	color: #747474!important;
}

div.theChampGoogleLoginBackground div.theChampLoginButtonText {
	border-color: transparent!important
}

i.theChampInstagramBackground {
	background: #527FA4
}
/* for Heateor Login */
div.heateor_fbl_login_container .heateorFblFacebookBackground {
	background-color: #fff!important
}
.heateorFblFacebookLoginBackground {
	background-color: #4267B2;
	border: 1px #4267B2 solid
}
ss.heateorFblFacebookLoginSvg {
	padding-left: 6px!important;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%2042%2042%22%3E%3Cpath%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%20fill%3D%22%234267B2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center
}
.heateorFblButtonBackground,
.heateorFblButtonText {
	font-variant: initial!important;
	font-size: 11px!important
}
.heateorFblButtonBackground {
	display: inline-block!important;
	min-width: 166px!important;
	height: 40px!important;
	clear: both!important;
	color: #fff!important;
	margin-bottom: 5px!important;
	cursor: pointer!important;
	font-weight: 700!important;
	line-height: 40px!important;
	margin-right: 10px!important;
	border-radius: 2px!important;
	box-sizing: content-box
}
.heateorFblButtonBackground i {
	height: 20px!important;
	width: 20px!important;
	margin-top: 10px!important;
	margin-left: 4px!important;
	float: left!important
}
.heateorFbl {
	display: inline-block!important;
	width: 64px;
	text-align: left!important;
	margin: 0!important;
	padding: 0!important
}
.heateorFblButtonText {
	margin-left: 2px!important;
	padding-right: 13px!important;
	padding-left: 13px!important;
	border-left: 1px solid rgba(102, 102, 102, .2)!important;
	float: left!important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif!important;
	min-width: 122px
}
div.theChampGoogleLoginBackground div.heateorFblButtonText {
	border-color: transparent!important
}