.rounded {
	border: black 1px solid !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
}
legend {
	width: auto !important;
	margin: 5px !important;
	padding: 5px !important;
	overflow: hidden;
	font-size: 1.3em !important;
	color: text-primary;
}
.alert-heading {
	background: #ffffff;
	padding: 0;
	color: #ff0000 !important;
}

.myEmailCompareAlert {
	border: 1px solid black !important;
	padding: 10px;
	border: black 1px solid !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0 5px 0;
}
.myEmailCompareAlert h5 {
	border-bottom: 1px solid red;
}
.myEmailAlertFooter {
	background: #eeeeee;
	padding: 5px;
}
// From https://bootsnipp.com/snippets/O5BPO
.pass_show{position: relative}

.pass_show .ptxt {

position: absolute;

top: 50%;

right: 10px;

z-index: 1;

color: #f36c01;

margin-top: -10px;

cursor: pointer;

transition: .3s ease all;

}

.pass_show .ptxt:hover{color: #333333;}
// end from https://bootsnipp.com/snippets/O5BPO
// #register select { width: 85%; margin: 1%; }

#countrymenu1 select { width: 80%; margin: 1%; }
#statemenu1 select { width: 50% !important; margin: 1%; }
#licDiv label {
	display: block;
	float: left;
	width: 35%;
	text-align: right !important;
}
#licDiv input {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}
#licDiv select {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}

#authorize label {
	display: block;
	float: left;
	width: 35%;
	text-align: right !important;
}
#authorize input {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}
#authorize select {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}

#recover label {
	display: block;
	float: left;
	width: 35%;
	text-align: right !important;
}
#recover input {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}
#recover select {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}

#hearabout label {
	display: block;
	float: left;
	width: 35%;
	text-align: right !important;
}
#hearabout input {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}
#hearabout select {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}

.inactive {
	display: none;
}
#provinceDiv: {

}

#register label {
	display: block;
	float: left;
	width: 35%;
	text-align: right !important;
}
#register input {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}
#register select {
	display: block;
	float: left;
	width: 59%;
	text-align: left !important;
	margin: 5px;
}

.field-icon {
	float: right;
	 z-index: 2;
}
#dobError {
	width: 100%;
	text-align: center !important;
	font-size: 12px;
}
/* ssn
.ssnDiv {
	margin: 20px 0 0 0;
}
.ssnDiv label {
	display: block;
	float: left;
	width: 35%;
	text-align: right !important;
}
.ssnDiv checkbox {
	display: block;
	float: left;
	width: 20px;
}

.msgArea {
	display: block;
	width: 100%;
	font-size: small;
	text-align: center;
}
*/
.calendar {
}
.calendar select  {
	display: block;
	float: left;
	width: auto !important;
	text-align: left !important;
	margin: 5px;
}
@media only screen and (max-width: 768px) {
/* #courseSelectionRegion:before { content: "768px"; } */
/*	.personalPage:before { content: "768px"; } */
	#register {
		background: transperant;
		display: block;
		width: 100%!important;
	}

	#stateDiv {
		float: left; width: 100%;
	}

	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:332px;}
	.online-ce-logo{width:auto;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:16.4%; margin-left:1px; margin-bottom:1px;}
	.left-side{width:200px;}
	.middle-side{width:302px;}
	.right-side{width:200px;}
	.middle-side{width:302px;}
	.right-side{width:200px;}
	h2{font-size:23px;}
	.bottom-part .b-link{padding-left:0px;}
	.course-part .title{margin-top:10px;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	#register label {
		margin: 20px 0 0 20px;
		display: block;
		float: left;
		width: 100%;
		text-align: left !important;
	}
	#register input {
		display: block;
		float: left;
		width: 90%;
		text-align: left !important;
		margin: 5px;
	}
	#register select {
		display: block;
		float: left;
		width: 90%;
		text-align: left !important;
	}
}