@media screen and (min-width: 768px) {
	.login-wrap {
		width: 400px;
		margin: 0 auto;
	}
}
p {
	margin: 0 0 13px;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 0;
}

.t3-content {
	padding-top: 26px;
	padding-bottom: 26px;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	/* margin-bottom: 26px; */
	font-size: 24px;
	line-height: inherit;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .inputbox {
	/* display: block; */
	/* width: 100%; */
	height: 40px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.625;
	color: #505656;
	background-color: #fff;
	/* background-image: none; */
	border: 1px solid #ddd;
}
select, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .inputbox {
	border-radius: 25px;
	padding-left: 20px;
	padding-right: 20px;
}
.login-wrap form fieldset {
	-webkit-box-shadow: 0 1px 3px #eeeeee;
	box-shadow: 0 1px 3px #eeeeee;
	border: 1px solid #ecf0f1;
	border-radius: 5px;
	padding: 26px;
	margin-bottom: 39px;
	min-width: 0;
}
.login-wrap form .form-group {
	margin-bottom: 13px;
}
.form-horizontal .form-group {
	margin-left: -15px;
	margin-right: -15px;
}
.login-wrap form .control-label {
	text-align: left;
}
.login-wrap form .control-label > label {
	font-size: 15px;
}
.login-wrap form .form-group {
	margin-bottom: 13px;
}
.form-group {
	margin-bottom: 26px;
}
.login-wrap form div > input {
	width: 100%;
	font-size: 14px;
}
.login-wrap form .btn {
	width: 100%;
}
.login-wrap .checkbox > label {
	color: #96a1a3;
	display: block;
	font-weight: 400;
	font-size: 14px;
}
.login-wrap .checkbox > label input {
	margin-top: 5px;
}
.login-wrap .action-button {
	margin-bottom: 13px;
}
.login-wrap .other-links {
	font-size: 14px;
	padding: 0;
}
.login-wrap .other-links ul {
	padding: 0;
	text-align: center;
}
.login-wrap .other-links ul li {
	display: inline-block;
	margin: 0 5px 5px;
}
.login-wrap .other-links ul li > a {
	color: #96a1a3;
}
.login-wrap .other-links ul li > a:hover,
.login-wrap .other-links ul li > a:active,
.login-wrap .other-links ul li > a:focus {
	color: #22b8f0;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	.registration,
	.profile-edit {
		width: 600px;
		margin: 0 auto;
	}
}
.registration .page-header,
.profile-edit .page-header {
	border: none;
	text-align: center;
	padding: 0;
	margin-bottom: 39px;
}
.registration .page-header > h1,
.profile-edit .page-header > h1 {
	font-size: 45px;
	color: #27292e;
	font-weight: 700;
}
.registration legend,
.profile-edit legend {
	color: #96a1a3;
	border: none;
	margin-bottom: 13px;
	text-align: center;
}
.registration .form-box,
.profile-edit .form-box {
	-webkit-box-shadow:none;
	box-shadow: none;
	padding: 26px;
	border: 0;
}
.registration fieldset .row > div,
.profile-edit fieldset .row > div {
	margin-bottom: 13px;
}
.registration fieldset .row > div:first-child,
.profile-edit fieldset .row > div:first-child {
	width: 100%;
	margin-bottom: 0;
}
.registration .form-actions,
.profile-edit .form-actions {
	background: none;
	text-align: center;
	padding: 26px;
	margin: 26px 0;
	background-color: transparent;
	border-radius: 0;

}
.registration .form-actions .btn,
.profile-edit .form-actions .btn {
	margin: 0 6.5px 13px;
}
.registration .form-horizontal .control-label,
.profile-edit .form-horizontal .control-label {
	text-align: left;
}
.registration .form-horizontal .control-label label,
.profile-edit .form-horizontal .control-label label {
	font-size: 15px;
}
.registration .form-horizontal .control-label #jform_spacer-lbl,
.profile-edit .form-horizontal .control-label #jform_spacer-lbl {
	font-size: 14px;
	font-weight: 400;
	color: #96a1a3;
}
.registration div > input,
.profile-edit div > input {
	width: 100%;
	display: inline-block;
}
#gdpr_privacy_policy_checkbox{
	width: auto;
	transform: scale(2);
}
#privacy_policy_required{
	margin: 0 0 0 15px !important;
}
.registration .calendar,
.profile-edit .calendar {
	margin-left: -26px;
}
.user-details {
	padding: 10px 0;
}
.user-details p {
	margin: 0 0 5px;
}
.user-details label {
	display: block;
	float: left;
	font-weight: 700;
	text-align: right;
	width: 130px;
}
.user-details .input,
.user-details .inputbox {
	margin-left: 10px;
	width: 200px;
}
.user-details .btn,
.user-details button {
	margin-left: 140px;
}
.reset,
.remind {
	width: 400px;
	margin: 0 auto;
}
.reset .form-validate .form-box,
.remind .form-validate .form-box {
	border: 1px solid #ecf0f1;
	border-radius: 5px;
	padding: 26px;
	margin-bottom: 39px;
	-webkit-box-shadow: 0 1px 3px #eeeeee;
	box-shadow: 0 1px 3px #eeeeee;
}
.reset .form-validate .form-box .form-group,
.remind .form-validate .form-box .form-group {
	margin-left: 0;
	margin-right: 0;
}
.reset .form-validate .form-box .form-group > div,
.remind .form-validate .form-box .form-group > div {
	width: 100%;
	float: none;
	text-align: left;
}
.reset .form-validate fieldset .form-group:last-child,
.remind .form-validate fieldset .form-group:last-child {
	margin-bottom: 0;
}
.search .form-control {
	width: 100%;
	display: block;
}
.ie8 .search .form-control {
	width: 100%;
}

.login-wrap form .form-group {
	margin-bottom: 13px;
}
.form-horizontal .form-group {
	margin-left: -15px;
	margin-right: -15px;
}
.login-wrap form .control-label {
	text-align: left;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px;
}


.login-wrap form div > input {
	width: 100%;
	font-size: 14px;
	border-radius: 25px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #dddddd;
	line-height: 1.625;
	height: 40px;
	display: block;
}
.login-wrap form .btn{
	border-radius: 52px;
	font-size: 20px;
	padding: 12px 74px;
	background-color: #3DD791;
	border-color: #3DD791;
	margin: 0 auto 0 auto;
	display: block;
}
.login-wrap form .btn:hover{
	background-color: #2ea171;
	border-color: #2ea171;
}

.btn-rounded.btn-lg {
	border-radius: 52px;
	font-size: 20px;
	padding: 20px 52px;
}
.btn-primary {
	background-color: #22B4EC;
	border-color: #22B4EC;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	color: #ffffff;
}
.btn-lg {
	/* font-size: 18px; */
	/* padding: 15px 30px; */
	line-height: 26px;
}
.btn-rounded {
	border-radius: 26px;
	text-transform: uppercase;
}
.btn-default {
	background-color: #23374d;
	border-color: #23374d;
}

/*updates*/
.com_users .t3-wrapper {
	background: /*green*/
			radial-gradient(circle 500px at 0% 10%, rgba(156, 236, 211, 0.5) 0%, rgba(255, 255, 255, 0) 100%),
		/*purple*/
			radial-gradient(circle 500px at 100% 38%, rgba(227, 217, 254, 0.8) 0%, rgba(255, 255, 255, 0) 100%),
		/*yellow*/
			radial-gradient(circle 500px at 4% 98%, rgba(217,224,33,0.3) 0%, rgba(255,255,255,0) 100%);
	min-height: 100vh;
}


.com_users .login-wrap,
.com_users .reset,
.com_users  .remind,
.com_users .registration
{
	border-radius: 40px;
	background-color: #FFFFFF;
	box-shadow: 0 0 20px 10px rgb(34 180 236 / 14%);
}
.com_users .t3-mainbody{
	padding-top: 0;
}

/*mobile*/
.com_users .login-wrap,
.com_users .reset,
.com_users .remind,
.com_users .registration{
	padding: 40px;
}


@media screen and (min-width: 768px) {
	.com_users .login-wrap {
		padding: 40px 178px 40px 178px;
		width: 700px;
	}

	.com_users .reset,
	.com_users .remind {
		padding: 60px 178px 40px 178px;
		width: 700px;
	}

	.com_users .registration {
		padding: 60px 140px 80px 140px;
		width: 850px;
		background-image: url('/images/pages/login/biteregisterv2.png');
		background-size: 100% 100%;
		box-shadow: none;
		border-radius: 0;
		background-color: transparent;
	}
	.com_users .login-wrap {
		padding: 90px 220px 70px 220px;
		width: 800px;
		background-image: url('/images/pages/login/bitelogin.png');
		background-size: 100% 100%;
		box-shadow: none;
		border-radius: 0;
		background-color: transparent;
	}
	.com_users .login-wrap-wl {
		padding: 90px 130px 70px 130px;
		width: 600px;
	}
}
.login-wrap form fieldset,
.registration .form-box,
.reset .form-validate .form-box,
.remind .form-validate .form-box{
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
}
.login-wrap form fieldset{
	text-align: center;
	margin-bottom: 0;
}

.login-wrap form div > input,
.com_users input{
	border-color: #000000;
}
.registration .form-actions{
	margin-top:0;
	padding-top:0;
	margin-bottom: 0;
}
.remind fieldset{
	margin-bottom:20px;
}

.com_users footer{
	display: none !important;
}
/*social login buttons*/

button.zocial {
	width: 100%;
	color: #000;
	border: 1px solid #dcdce5;
	border-radius: 30px;
	margin: 0 0 10px 0;
	padding: 12px 40px 12px 15px;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	transition: border-color .2s, box-shadow .2s;
	position: relative;
	box-shadow: 0 1px 5px rgba(220, 220, 229, .5);
	font-family: inherit;
	text-shadow: none;
	text-align: left;
	text-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.registration button.zocial{
		padding: 12px 12px 12px 10px;
	}
	.registration .zocial.googleplus:before, .registration .zocial.facebook:before, .registration .zocial.linkedin:before {
		width: 26px;
	}
}
.login-wrap button.zocial{
	width: 100%;
}
.zocial:hover, .zocial:focus{
	background-image: none;
}
.zocial.facebook,
.zocial.googleplus,
.zocial.linkedin
{
	background-color: #ffffff;
}
.zocial.googleplus:hover {
	border-color: #4285f4;
}
.zocial.googleplus:before,
.zocial.facebook:before,
.zocial.linkedin:before
{
	background-size: 23px;
	content: "";
	width: 45px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center center;
}
.zocial.facebook:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDYuODYgNTA2Ljg2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzE4NzdmMjt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmZhY2Vib29rLXJvdW5kLWNvbG9yPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MDYuODYsMjUzLjQzQzUwNi44NiwxMTMuNDYsMzkzLjM5LDAsMjUzLjQzLDBTMCwxMTMuNDYsMCwyNTMuNDNDMCwzNzkuOTIsOTIuNjgsNDg0Ljc3LDIxMy44Myw1MDMuNzhWMzI2LjY5SDE0OS40OFYyNTMuNDNoNjQuMzVWMTk3LjZjMC02My41MiwzNy44NC05OC42LDk1LjcyLTk4LjYsMjcuNzMsMCw1Ni43Myw1LDU2LjczLDV2NjIuMzZIMzM0LjMzYy0zMS40OSwwLTQxLjMsMTkuNTQtNDEuMywzOS41OHY0Ny41NGg3MC4yOGwtMTEuMjMsNzMuMjZIMjkzVjUwMy43OEM0MTQuMTgsNDg0Ljc3LDUwNi44NiwzNzkuOTIsNTA2Ljg2LDI1My40M1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNTIuMDgsMzI2LjY5bDExLjIzLTczLjI2SDI5M1YyMDUuODljMC0yMCw5LjgxLTM5LjU4LDQxLjMtMzkuNThoMzEuOTVWMTA0cy0yOS01LTU2LjczLTVjLTU3Ljg4LDAtOTUuNzIsMzUuMDgtOTUuNzIsOTguNnY1NS44M0gxNDkuNDh2NzMuMjZoNjQuMzVWNTAzLjc4YTI1Ni4xMSwyNTYuMTEsMCwwLDAsNzkuMiwwVjMyNi42OVoiLz48L3N2Zz4=")
}
.zocial.linkedin:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjIuODggMTIyLjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzBhNjZjMjt9LmNscy0xLC5jbHMtMntmaWxsLXJ1bGU6ZXZlbm9kZDt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmxpbmtlZGluLWFwcDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjcuNzUsMEg5NS4xM2EyNy44MywyNy44MywwLDAsMSwyNy43NSwyNy43NVY5NC41N2EyNy44MywyNy44MywwLDAsMS0yNy43NSwyNy43NEgyNy43NUEyNy44MywyNy44MywwLDAsMSwwLDk0LjU3VjI3Ljc1QTI3LjgzLDI3LjgzLDAsMCwxLDI3Ljc1LDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDkuMTksNDcuNDFINjQuNzJ2OGguMjJjMi4xNy0zLjg4LDcuNDUtOCwxNS4zNC04LDE2LjM5LDAsMTkuNDIsMTAuMiwxOS40MiwyMy40N1Y5OC45NEg4My41MVY3NGMwLTUuNzEtLjEyLTEzLjA2LTguNDItMTMuMDZzLTkuNzIsNi4yMS05LjcyLDEyLjY1djI1LjRINDkuMTlWNDcuNDFaTTQwLDMxLjc5YTguNDIsOC40MiwwLDEsMS04LjQyLTguNDJBOC40Myw4LjQzLDAsMCwxLDQwLDMxLjc5Wk0yMy4xOCw0Ny40MUg0MFY5OC45NEgyMy4xOFY0Ny40MVoiLz48L3N2Zz4=");
}

.zocial.facebook:hover {
	border-color: #1777f2;
}
.zocial.linkedin:hover {
	border-color: #0a66c2;
}
.zocial:before, .zocial.icon:before{
	border-right: 0;
	content: "";
	margin: 0 7px 0 0;
}
.akeebasocial{
	margin: 20px 30px 0 30px;
}

 .akeebasocial button.zocial{
	 max-width: 300px;
	 padding: 7px 40px 7px 15px;
}
#member-registration .message-regex,
#member-profile .message-regex{
	display: none;
}
.socialseparator{
	width: 100px;
	border-top:1px solid #eeeeee;
	margin: 0 auto;
}
.login .socialconnect{
	margin-top:15px;
	margin-bottom:0;
}
.login .agreetos{
	margin-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
}
.registersocials .socialconnect{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: nowrap;
}
.registration .zocial > span{
	display: none;
}
.registration .spacer{
	display: none;
}
.registration .star{
	color: #3DD791;
}
.registration .form-actions{
	display: flex;
	padding: 0;
}
.registration .form-actions .btn {
	flex-grow: 1;
	padding: 9px 52px;
}
.regtitle {
	font-size: 18px;
	text-align: center;
	font-weight: 800;
	margin-bottom: 20px;
	margin-top: 20px;
}

#member-registration .regtitle{
	margin-bottom: 14px;
}
.agreetos {
	font-size: 13px;
}
.login-image{
	display: block;
	height: 105px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.login-image.login-img-white-label{
	min-height: 60px;
	margin-bottom: 70px;
	margin-top: 40px;
	width: auto;
	max-width: 350px;
	height: auto;
}

.trialdesc {
	padding-right: 10px;
}

.activetrial .trialdescheader {
	font-weight: 700;
	font-size: 18px;
}

.activetrial .trialdescheader svg{
	max-width: 16px;
	margin-right: 3px;
}

.activetrial .trialdesctext {
	font-size: 14px;
}

.activetrial {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #cdf1ff6e;
	color: #125E7B;
	padding: 20px 30px;
	margin-top: 35px;
	border-radius: 20px;
}

.checkbox-slider [type="checkbox"] {
	display: none;
}

.checkbox-slider label {
	display: block;
	width: 52px;
	height: 28px;
	position: relative;
	background: #D1DEE8;
	border-radius: 20px;
	transition: background 0.2s ease;
	cursor: pointer;
	margin: 20px auto;
}

.checkbox-slider label::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 2px;
	transition: transform 0.2s ease-in-out;
}

.checkbox-slider [type="checkbox"]:checked ~ label {
	background: #21B5EC;
}

.checkbox-slider [type="checkbox"]:checked ~ label::before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}