@media (min-width: 1051px) {
	html {
		padding: 0;
		margin: 0;
	}
	body {
		padding: 0;
		margin: 0;
		font-family: helvetica;
	}
	.form_fields_1 {
		position: relative;
		width: 97%;
		padding-left: 3%;
		box-sizing: border-box;
	}
	.form_fields_2 {
		position: relative;
		width: 47%;
		padding-left: 3%;
		float: left;
		box-sizing: border-box;
	}
	.form_fields_3 {
		position: relative;
		width: 31%;
		padding-left: 3%;
		float: left;
		box-sizing: border-box;
	}
	.form_fields_4 {
		position: relative;
		width: 67%;
		padding-left: 3%;
		box-sizing: border-box;
	}
	.registration_popup {
		width: 800px;
	}
	.message_dismissal_button {
		padding-right: 50%;
		width: 100%;
		display: flex;
		margin: auto;
		align-items: center;
		justify-content: flex-start;
	}
	.system_message_display {
		position: relative;
		width: auto;
		height: auto;
		padding: 10px;
	}
	.company_boxes {
		float: left;
		width: 22%;
		margin-right: 3%;
	}
}

@media (max-width: 1050px) {
	html {
		padding: 0;
		margin: 0;
	}
	body {
		padding: 0;
		margin: 0;
		font-family: helvetica;
	}
	.form_fields_1 {
		position: relative;
		width: 97%;
		padding-left: 3%;
		box-sizing: border-box;
	}
	.form_fields_2 {
		position: relative;
		width: 47%;
		padding-left: 3%;
		float: left;
		box-sizing: border-box;
	}
	.form_fields_3 {
		position: relative;
		width: 47%;
		padding-left: 3%;
		float: left;
		box-sizing: border-box;
	}
	.registration_popup {
		width: 100%;
	}
	.message_dismissal_button {
		padding-right: 25%;
		width: 100%;
		display: flex;
		margin: auto;
		align-items: center;
		justify-content: center;
	}
	.system_message_display {
		position: relative;
		width: auto;
		height: auto;
		padding: 10px;
	}
	.company_boxes {
		float: left;
		width: 22%;
		margin-right: 3%;
	}
}

@media (max-width: 700px) {
	html {
		padding: 0;
		margin: 0;
	}
	body {
		padding: 0 15px 0 5px;
		margin: 0;
		font-family: helvetica;
	}
	.form_fields_1 {
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}
	.form_fields_2 {
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}
	.form_fields_3 {
		position: relative;
		width: 100%;
		box-sizing: border-box;
	}
	.registration_popup {
		width: 100%;
	}
	.message_dismissal_button {
		padding-right: 25%;
		width: 100%;
		display: flex;
		margin: auto;
		align-items: center;
		justify-content: center;
	}
	.system_message_display {
		position: relative;
		width: auto;
		height: auto;
		padding: 10px;
	}
	.company_boxes {
		width: 100%;
		margin-top: 15px;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fade {
	50% {
		opacity: 0.5;
	}
}

input[type="submit"] {
	-webkit-appearance: none;
}
input[type="button"] {
	-webkit-appearance: none;
}
input[type="radio"] {
	transform: scale(3);
}

button {
	-webkit-appearance: none;
}
button:focus {
	outline: 1px solid #fff;
	outline-offset: -4px;
}

.course_block_toggle {
	cursor: pointer !important;
}
.catalog_block_toggle {
	cursor: pointer !important;
}

.alert_message {
	background-color: #e31f1c;
	color: #fff;
	border: 1px solid #fff;
	padding: 40px;
}
.alert_message a {
	color: #fff;
}

.form_field {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.form_preceding_icon {
	position: absolute;
	left: 15px;
	top: 15px;
}
.form_trailing_icon {
	position: absolute;
	right: 15px;
	top: 15px;
}

.input {
	border: 1px solid #979797;
	border-radius: 3px;
	background-color: #ffffff;
	/*padding: 0 5px;*/
}
.input_default {
	padding: 0 20px;
}
.input_preceding_icon {
	padding: 0 20px 0 40px;
}
.input_trailing_icon {
	padding: 0 40px 0 20px;
	z-index: 10;
}

.input:hover {
	height: 50px;
	border: 1px solid #3f97c7;
	border-radius: 3px;
	background-color: #ffffff;
}
.input:focus {
	height: 50px;
	border: 2px solid #3f97c7;
	border-radius: 3px;
	background-color: #ffffff;
}
.input:active {
	height: 50px;
	border: 2px solid #3f97c7;
	border-radius: 3px;
	background-color: #ffffff;
}
.input:disabled {
	height: 50px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	background-color: #efefef;
}
.input_error {
	height: 50px;
	border: 2px solid #dc3545;
	border-radius: 3px;
	background-color: #ffffff;
}
.icon_link {
	cursor: pointer;
}
.login_popup {
	position: relative;
	width: 100%;
	max-width: 340px;
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.noScroll {
	overflow: hidden;
}
.registration_popup {
	position: relative;
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip .tooltipicon {
	visibility: hidden;
	color: #000;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	width: 100px;
	margin-left: -50px;
}
.tooltip .tooltiptext {
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.54);
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	width: 100px;
	margin-top: 25px;
	margin-left: -50px;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.addtocarttext {
	display: none;
	color: #ffffff;
}
.addtocart:hover .addtocarttext {
	display: table-cell;
}
.viewdetailstext {
	display: none;
	color: #ffffff;
}
.viewdetails:hover .viewdetailstext {
	display: table-cell;
}

.spinicon {
	animation: spin 2s linear infinite;
}
.fadeicon {
	opacity: 1;
	animation: fade 2s linear;
}

/*Arabic class helpers*/
.TextReverse {
	direction: ltr !important;
	text-align: right;
}

.ArabicHide {
	display: none;
}

/* Profile and Registration screen helpers, primarily */
.initiallyHidden {
	display: none;
}
.inputRegProfile {
	width: 100%;
	font-size: 18px;
	height: 50px;
}
.RegFormWideDivFormatter {
	width: 100%;
	float: left;
	padding-right: 1.5%;
	padding-top: 20px;
}
.RegFormDivFormatter {
	width: 48%;
	float: left;
	padding-right: 1.5%;
	padding-top: 20px;
}
.homepage_grp_btn_1,
.homepage_grp_btn_2,
.homepage_grp_btn_3 {
	text-align: center;
	padding-bottom: 1.3em;
}
.sponsor_hide {
	display: none;
}

.inactive_row {
	cursor: none;
	background-color: #CC0033;
	color: silver;
}