.loaded_content[type="sign"]{width:335px; max-width:100%;}
/* [name="simple_form"] #password{display:none;} */

[name="simple_form"] .plugin_sign{font-size:16px; font-family: sans-serif; width:100%; display:inline-block;}
[name="simple_form"] .message{font-size:19px; font-family: sans-serif; font-weight:bold; color:#999; margin-bottom:30px;}

[name="simple_form"] .forgot{color:#999999; font-size:13px; margin-bottom:5px; display:none;}
[name="simple_form"] a:hover{text-decoration:none;}
[name="simple_form"] .plugin_sign .hr_message{position:relative; top:-10px; background-color:#fff; padding:0 20px 0 20px; font-weight:bold;}

[name="simple_form"] .continue{text-align:center; font-size:16px; color:#666; border:1px solid #ccc; border-radius:4px; text-decoration:none; cursor:pointer; font-family:Helvetica, Arial, sans-serif; letter-spacing:.25px; width:335px; max-width:100%; height:50px; margin-bottom:10px;}

[name="simple_form"] .continue.facebook{background-color:#4267b2; color:#fff; border:0; height:60px; font-size:18px; margin:20px 0 50px 0 !important;}
[name="simple_form"] .continue.facebook span.logo{height:26px; margin:17px; margin-left:35px; float:left;}
[name="simple_form"] .continue.facebook svg{height:26px; width:26px;}
[name="simple_form"] .continue.facebook span.center{float:left; margin-top:21px; text-align:left; width:calc(100% - 78px);}
[name="simple_form"] .continue.facebook span.avatar{float:right; position:relative; min-width:20px;}
[name="simple_form"] .continue.facebook img{position:relative; border-bottom-right-radius:4px; border-top-right-radius:4px; height:40px; width:40px;}

[name="simple_form"] .continue.twitter{background:url('/images/twitter-20.png') 15px center no-repeat; background-size:20px 20px;}
[name="simple_form"] .continue.google{background:url('/images/google-20.png') 15px center no-repeat; background-size:20px 20px;}
/*[name="simple_form"] .continue.email{background:url('/images/envelope.png') 15px center no-repeat #fff; background-size:20px 20px;}*/

/* [name="simple_form"] .continue:hover{color:#fff;} */
[name="simple_form"] .continue.twitter:hover{color:#3dadeb; border-color:#3dadeb;}
[name="simple_form"] .continue.google:hover{color:#dc4a38; border-color:#dc4a38;}

[name="simple_form"] #email , [name="simple_form"] #password{box-shadow:none; cursor:text; margin:0 0 10px 0; width:335px; font-size:16px; -webkit-appearance: none; height:50px;}

/*#bio_ep [name="simple_form"] #login_text , #bio_ep [name="simple_form"] #email , #bio_ep [name="simple_form"] #password{width:295px; height:10px;}*/

[name="simple_form"] input.continue:hover{color:#666;}
[name="simple_form"] input[type="submit"].continue{padding:12px; background-color:#80BD39; border:#80BD39; color:#fff; -webkit-appearance: none;}

[name="simple_form"] .plugin_sign .terms{font-size:12px; color:#666;}
[name="simple_form"] .plugin_sign .terms a{color:#666 !important; text-decoration:underline;}

[name="simple_form"] .plugin_sign h2{margin-bottom:15px;}

[name="simple_form"] .error_form{font-size:13px;}

@media only screen and (max-width: 480px){
	[name="simple_form"] .message{font-size:17px;}
	[name="simple_form"] #facebook_iframe{position:relative; left:calc((100% - 300px) / 2);}
	
	[name="simple_form"] .continue{max-width:calc(100% - 40px);}
	[name="simple_form"] .continue.facebook{margin-top:0px; font-size:18px;}
	[name="simple_form"] .continue.facebook span.logo{margin:17px 5px 0 17px !important;}
	[name="simple_form"] .continue.facebook span.center{width:calc(100% - 60px); text-align:center;}
	
	[name="simple_form"] .plugin_sign hr{width:calc(100% - 40px);}
	
	[name="simple_form"] #email , [name="simple_form"] #password{width:calc(100% - 42px) !important; padding: .6em;}
}

/** New sign-in CSS **/
.vbox-inline.sign {
    width: 500px;
    padding: 3em 2.4em;
}

.loaded_content[type="sign"] {
    width: unset;
    max-width: 100%;
}

.login-form {
	display: flex;
	flex-direction: column;
	color: #293845;
	text-align: left;
	user-select: none;
}
  
.login-form > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
  
.login-form a.link {
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	color: #3f37ed;
}

.login-form > a.link {
	font-size: .9em;
}
  
.info-title {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: -10px;
    margin-bottom: 1.5em;
}

.login-form > #form_error {
	margin-top: 0;
	margin-bottom: 1.4em;
	color: red;
	text-align: center;
	display: none;
}

.login-input {
	min-width: 0;
	width: 100% !important;
	max-width: 100%;
	height: unset !important;
	height: unset;
	font-size: 1.1em !important;
	padding: .6em;
	border-radius: 3px;
	border: 2px solid #c5ced6 !important;
	outline: none !important;
	transition: border 250ms ease-in;
}

.login-input.in-bioEp {
	width: 90% !important;
}
  
.login-input:focus, .login-input:active {
	outline: none;
	/* border: 2px solid #6458f1 !important; */
	border: 2px solid #675cf3 !important;
}

.login-form label {
    font-size: 1em;
}

.action-container {
	display: flex;
    align-items: center;
}
  
.btn-continue {
	display: grid;
    grid-template-columns: auto 1.4em;
    place-content: center;
    place-items: center;
    column-gap: 1ch;

	cursor: pointer;
    padding: .7em 3em;
	padding-left: 4.4em;
    font-size: 1.2em;
	letter-spacing: 0.03em;
    background-color: #3f37ed;
    border: 2px solid #3f37ed;
    border-radius: 2px;
    color: #f0f4f7;
    transition: all 250ms ease-in-out;
	width: 100%;
}

.btn-continue:hover {
	background-color: #6c65f1;
	border-color: #6c65f1;
}
  
.btn-continue:focus {
	outline: none;
}
  
.btn-continue:active {
	outline: none;
	background-color: #1e14db;
	border-color: #1e14db;
}

img.login-loader {
    margin-left: 1em;
}

img.login-loader.hidden {
	display: none;
}

svg.login-loader {
    width: 1.4em;
    height: 100%;
}

svg.login-loader.hidden {
	display: none;
}
  
.alt-option {
	color: #788895;
	font-size: .9em;
	margin-top: 1em;
}
  
.btn-link {
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	color: #1d7869;
    padding: 0;
    margin: 0 .1em;
}

/** GOOGLE LOGIN **/
#g_login_button {
	margin-top: 10px;
	user-select: none;
}
#g_login_button > button {
    font-family: "Google Sans", system-ui, Helvetica, Arial, sans-serif;
    font-size: 1em;
	color: rgb(41, 56, 69);
	letter-spacing: 0.25px;
    background-color: white;
    border: 1px solid #899092;
    border-radius: 0.2em;
    display: grid;
    grid-template-columns: 1.26em auto auto;
    width: 100%;
    place-content: center;
    align-items: center;
    column-gap: 1ch;
    padding: 1.6ch 2ch;
    cursor: pointer;
	transition: background-color .218s, border-color .218s;
}
#g_login_button > button:hover {
	outline: none;
	border-color: #d2e3fc;
	background-color: rgba(66,133,244,.04);
}
#g_login_button > button:focus {
	outline: none;
}
#g_login_button button > svg {
	height: 1.26em;
}
#g_login_button .g-login-loader {
	/* height: 100%; */
}
#g_login_button .g-login-loader.hidden {
	display: none;
}