/** css used in login and subscribe pages **/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.xxloginbox {
	width: 550px;
	min-height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -250px;
}

	.loginbox h1 {
		margin-top: 0;
	}

	.loginbox #ToMobileMsg {
		display: none;
		text-align: center;
		border-bottom: 1px solid #eee;
		padding-bottom: 1em;
		margin-bottom: 1em;
		font-size: 150%;
	}

#ToMobileMsg .fa {
	color: #000;
	margin-right: 1rem;
	font-size: 150%;
}
/* Small Devices, Tablets */
@media only screen and (max-width : 769px) {
	.loginbox #ToMobileMsg {
		display: block;
	}
}

a {
	color: #BB9933;
}

.logo-square {
	border-radius: 10%;
	background-color: #E5C25C;
	padding: 50%;
	position: relative;
}

	.logo-square img {
		position: absolute;
		top: 10%;
		left: 10%;
		width: 80%;
		height: 80%;
		object-fit: contain;
		object-position: 50% 50%;
		background-color: #ffffff;
	}

.loginbox_row {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.loginbox_col_logo {
	float: left;
	width: 175px;
	flex: 0 0 175px;
}

	.loginbox_col_logo .logo {
		border-radius: 10%;
		background-color:#E5C25C ;
		position: relative;
		padding: 50%;
	}

.loginbox .logo img {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	object-fit: contain;
	object-position: 50% 50%;
	background-color: #ffffff;
}

.loginbox p {
	width: 100%;
	display: block;
}

.loginbox_col_content {
	float: right;
	width: calc(100% - 200px);
	flex: 1 0 200px;
}

.loginbox_sales {
	border-top: 1px solid #eee;
}

.loginbox input[type=text],
.loginbox input[type=password],
.loginbox button {
	width: 100%;
	min-height: 2em;
}

	.loginbox input[type=radio],
	.loginbox input[type=checkbox] {
		width: auto;
		height: auto;
	}

.loginbox button {
	width: 100%;
	min-height: 2em;
	background-image: none;
}


.editgrid, .editgrid table {
	width: 100%;
	margin-bottom: 1rem;
}
.editgrid td.n
{
	width: 40%;
	padding: 0.25rem;
}

.editgrid td.n.top
{
	vertical-align:top;
}

.editgrid td.v {
	width: 60%;
	padding: 0.25rem;
}


button.disabled
{
	color: #999;
}

input.error
{
	background-color: #fcc;
}