/*	SOLAA CSS file will have the style sheet settings for Common components used accross the SOLAA Reviewer Portal
	*	Page Container & Content
	*	Login/ Logout Page
	*	Alert, Error, Regular Messages
	*	Anchor<a>, Heading<h> tags
*/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.3em;
	margin: 0 auto;
	max-width: 1400px;
}

#main {
	color: #000000;
}

#container {
	background: #fbfbfb;
	width: 100%;
	margin: 0px;
}

.content {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	min-height: 750px;
}

.content a {
	outline: 0;
}

.logoutInfo {
	font: inherit;
	min-height: 480px;
	padding: 20px;
	margin: 20px;
}

.loginInfo {
	font-weight: 600;
	padding: 20px;
	font: inherit;
	max-width: 1200px;
}

.loginConfirm {
	font-weight: 600;
	font: inherit;
	min-height: 100px;
}

.loginConfirm input {
	width: 300px;
	min-width: 300px;
}

.loginConfirm input[type=email] {	
	border-width: 1px;
}

.loginConfirm md-input-container {
	margin-bottom: -10px; /*0px*/
	padding-bottom: 0px;
}

.loginConfirm md-input-container:not (.md-input-invalid ) >md-icon.email
	{
	color: #008DA1;
}

.loginConfirm md-input-container.md-input-invalid>md-icon.email {
	color: red;
}

.loginConfirm md-input-container .md-input[disabled], [disabled] md-input-container .md-input
	{
	margin-bottom: 0px; /* 0px */
	background-size: 4px 0px;
	background-color: rgba(0, 0, 0, 0.12);
	border-radius: 3px;
}

.loginConfirm md-input-container label, md-input-container .md-placeholder
	{
	color: #008DA1;
	font-style: normal;
	font-weight: normal;
}

.loginConfirm md-input-container.md-icon-float>label {
	pointer-events: none;
	position: absolute;
	margin-left: 40px;
}

.loginConfirm md-input-container label {
	position: relative;
	top: 0px;
}

.loginConfirm md-input-container.md-icon-float > md-icon {
    top: 15px;    
}

.loginConfirm md-input-container > md-icon {
    color: grey;
}

a {
	/* color: #008DA1; */
	text-decoration: underline;
	
}

a:hover {
	/* color: blue; */
	text-decoration: underline;		
}

.noDecoration{
	text-decoration: none;
}

.noDecoration:hover {
	text-decoration: none;
}

h1 {
	color: #243446;
	font-size: 2.25em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
	color: #243446;
}

.alignCenter {
	text-align: center;
	justify-content: center;
}

.alignContentCenter {
	justify-content: center;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
	justify-content: right;
	display: block;
}

.alignRightText {
	text-align: right;
	justify-content: right;	
}

.floatRight{
	 float: right;
}

.floatLeft{
	 float: left;
}

.wideDialogue {
	width: 70%;
}

.boldLabel {
	font-weight: bold;
}

.successMsg {
	text-align: center;
	float: center;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #008DA1;
	background-color: #EEF3F7;
	border-radius: 3px;
	padding-top: 10px;
	padding-bottom: 1px;
}

.errorMsg {
	text-align: center;
	float: center;
	width: 100%;
	font-weight: bold;
	color: #ff2d2d;
	border-radius: 3px;
	padding-top: 10px;
	padding-bottom: 1px;
}

.warningMsg {
	color: #1052b4;
	font-weight: 600;
	text-align: center;
	float: center;
	width: 100%;
}

.alertMsg {
	color: #008DA1;
	text-align: center;
	justify-content: center;
}

.noticeMsg {
	color: #ff2d2d;
}

.tipMsg {
	color: #1052b4;
	font-weight: 600;
}

.tipMsgReg {
	color: #1052b4;	
}

.tipMsgRegular {
	color: #1052b4;
	background-color: #ffffa8;
	padding: 5px;
	border-radius: 5px;
}

.textWhite {
	color: #ffffff;
}

.medHeight {
	height: 6px;
}

input[type=email] {
	border-style: inset;
	border-width: 1px;
}

.backToDashboard {
	padding-right: 12px;
}

.dashboard-table tbody tr:hover {
	background-color: #72cde0;
}

.marginHrLine{
	margin-top: 10px;
	margin-bottom: 10px;
}

.infoAlertMsg {
	text-align: center;
	float: center;
	width: 100%;	
	font-size: 14px;	
	font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.errorAlertMsg {
	text-align: center;
	float: center;
	width: 100%;
	font-size: 14px;	
	font-weight: bold;
	padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/* For Application Info Page - Used in Public, Staff & Reviewer Portals */

@media screen{
	.onlyForPrint{
		display: none;
	}
}

@media print{
	.applicationInfo md-content{
		display: none;
	}
	
	.onlyForPage{
		display: none;
	}
	
	.applicationInfo a{
		display: none;
	}
}

.subHeading{
	font-weight: bold;
	color: #1ea8b7; /* #008da1 */
	font-size: 16px;
}

.subHeadingBg{
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
}

.applInfo1{
	margin: 15px;
}

.applInfo2{
	margin: 15px 15px 15px 0px;
}

.applicationInfoPrint {
  		display: none;
}

/** Appointment & Registration Section **/

.selectedSideMenu{
	text-decoration: underline;
	font-weight: bold;
	background: #ffd848;
    color: black;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 5px;
}

.nonSelectedSideMenu{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

.sideMenuBg {
	background: #EEF3F7; 
	border-radius: 4px;
}
	
.sideMenuTitle{
	background-color: #008DA1;
	font-weight: bold;
	border-radius: 2px;
	color: white;	
    padding: 5px 8px;
    margin: 5px;
    font-size: 14px;
}

.applPrevButton{
	background-color: #B0C1CC;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: #064573;
}

.applNextButton{
	background-color: #B0C1CC;    
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #064573;
}

.applNameSection{
	background-color: #B0C1CC;    
}