﻿#img_SiteLogo {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	visibility: hidden !important;
}
/*.ms-siteicon-img, .ms-siteicon-a {
            max-height: none;
            max-width: none;
        }*/
.nccustomlogo {
	margin-left: 8px;
	max-height: 64px;
	max-width: 180px;
}

#O365_MainLink_SignIn {
	display: none;
}

#pageTitle {
	visibility: hidden !important;
}

.middleLoginSection {
	max-width: 400px;
	/*width: 100%;*/
	width:90%;
	z-index: 1;
	margin: auto;
	/*no theme applied*/
	/*font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 13px;*/	
}

.maxallowed {
	margin: 0.5em;
	width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.remembermaxallowed {
	margin: 0.1em;
	width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.loginHeadings {
	margin: 0;
	padding-left: 5px;
	padding-right: 10px;
	/*no theme applied*/
	/*font-weight: normal;*/
}
.default-login {
	display: block;
	margin-top: 5px;
	/* text-align: center; */
	width: 90%;
	max-width: 400px;
	/*color: white;*/
}
.login-windows {
	display: block;
	margin-top: 5px;	
	width: 95%;
	max-width: 400px;
	/*color: white;*/
}
.signinButton {
	max-width: 380px;
	width: 100%;
	border: 0;
	/*color: #FFFFFF !important;*/
	font-size: 13px !important;
	cursor: pointer;
	transition: background .3s;
	margin-right: 10px;
	padding: 9px 10px !important;
	/*no theme applied*/
	/*font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	margin-left: 10px;*/	
}
.loginControls {
	max-width: 400px;
	width: 80%;
	line-height: 10px;	
	margin: 0.5em 0.5em;
	outline: none;
	padding-left: 10px;
	/*no theme applied*/
	/*height: 25px;
	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	padding: 2px 5px;
	border-width: 1px;
	border-color: rgb(185, 185, 185);
	border-style: solid;*/
}

/*special handling for this custom master page*/
#contentBox {
	margin-left: 0px !important;
	margin-right: 0px !important;
	min-width: 0px !important;
}

.dxncbutton {
	max-width: 380px;
	/*width: 100%;*/
	width: 93%;
	border: 0;
	/*color: #FFFFFF !important;*/	
	font-size: 13px !important;
	cursor: pointer;
	transition: background .3s;
	margin-left: 7px;
	margin-right: 10px;
}

.dxnctext {
	/*width:320px !important;*/
	max-width: 370px;
	/*width: 100%;*/
	width: 90%;
	height: 30px !important;
	margin-left: 10px;
	margin-right: 10px;
}

/*new added*/
.dxbButton {
	/*padding: unset !important;*/	
	padding:0px !important;
}

.requestpwdheader {
	margin: 0.5em;
	/*width:90%;*/
	width: 95%;
	padding-bottom: 5px;
}
.chgpwd-form {
	/*width: 90%;*/
	width: 95%;
}
.chgpwdcontrols{
	width:95%;
}

.dxeTextBoxSys {
	width: 95%;
	height: 30px;
	/*font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;*/
	border-color: rgb(185, 185, 185);
	border-style: solid;
	border-width: 1px;
}

.dxeValidStEditorTable, .dxeErrorFrameSys {
	width: 100%;
}
#pageTitle {
	display: none;
}

#s4-titlerow {
	height: 0px;
}

#s4-ribbonrow {
	display: none;
}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="password"] {
	-webkit-appearance: none;
	border-radius: 0;
}

.login-form .input-container {
	border-bottom: 1px solid #CCCCCC;
	margin-top: 15px;
	font-size: 20px;
	color: #9e9e9e;
	padding-bottom: 5px;
}

.labelCaption {
	text-align: left;
	margin-left: 10px;
}

.loginError {	
	width: 90%;
	/*padding-left: 10px;*/
	margin-left: 1em;
}

.login-form .forgot-password {
	float: right;
	padding-right: 10px;
}

.remember-me  {
	float: left;
	padding-left: 5px;	
}

.remember-me > input, .remember-me > label {	
	vertical-align: top;
}

.separator {
	margin: 20px 0;
	border-top: 1px solid #CCCCCC;
	position: relative;
	/*max-width: 380px;*/
	margin-left: 10px;
	width: 90%;
}

.separator-text {
	display: block;
	position: absolute;
	top: -15px;
	left: 42%;
	/*margin-left: -22px;*/
	padding: 0px 10px;
	/*background: #FFFFFF;*/
	color: #8a8a8a;
}

/*.socmed-login .button {
	width: 92% !important;
}*/
.socmed-login {
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
}

.button:focus {
	outline: none;
}

.socmed-login .socmed-btn {
	/*padding: 10px 25px;*/
	/*color: #FFFFFF;*/
	display: block;
	margin-top: 5px;
	text-align: center;
	padding: 5px 5px !important;
}


.button {
	margin-top: 15px;
	border: 0;
	/*color: #FFFFFF;*/
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	transition: background .3s;
}

.button:focus {
		outline: none;
}


.loginBanner {
	background-color: #0078d7 !important;
	text-align: center;
	height: 30px;
	max-width: 400px;
	width: 100%;
}

/*for h2 header*/
/*.h2nothemestyle {
	font-size: 1.46em;
	font-weight: 300;
	margin: auto;
	font-family: "Segoe UI Semilight", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}*/

.dxeValidStEditorTable, .dxeErrorFrameSys {
	width: 100%;
}

.forgotpwdmaxallowed {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.requestnewpwdbtn {
	display: block;
	margin-top: 5px;
	/*width: 90%;*/
	width: 96%;
	max-width: 400px;
	/*color: white;*/
	padding-right: 10px;
}
.chgpwdbtn {
	width: 100%;
}

.newseperator {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 10px;
	width: 90%;
	position: relative;
	margin-top:20px;
	margin-bottom:20px;
}

.twolines {
	width: 42%;
	border: 0.5px solid #CCCCCC;
}
.usernamepwd{
	margin-left:0.2em;
}
/******************************************************************/
/*Media Queries*/
/******************************************************************/
@media screen and (max-width: 300px) {
	.maxallowed, .remembermaxallowed {
		flex-direction: column;
	}
	.requestnewpwdbtn, .requestpwdheader {
		width: 88%;
	}
	.chgpwd-form {
		width: 90%;		
	}
	.newseperator{
		width:85%;
	}
}

/*iPhone 5 width 320px */
@media screen and (max-width: 320px) {

	.maxallowed {	
		flex-direction: column;
	}
	.dxncbutton {		
		width: 95% !important;
	}
	.separator {
		width: 85%;
	}
	.requestnewpwdbtn, .requestpwdheader {
		width: 88%;
	}
	.login-windows {
		width: 92%;
	}
	.dxnctext {
		width: 95% !important;
	}

	.dxeTextBoxSys {
		width: 95%;
		height: 30px;
	}
	.chgpwd-form {
		width: 90%;
	}
	.newseperator {
		width: 85%;
	}
	.separator-text{
		left:40%;
	}
	.twolines{
		width:40%;
	}

}

/*Galaxy S6 width 360px */
@media screen and (max-width: 360px) {

	.maxallowed {
		flex-direction: column;
	}

	.dxncbutton {
		width: 95% !important;
	}

	.separator {
		width: 85%;
	}

	.requestnewpwdbtn, .requestpwdheader {
		width: 88%;
	}

	.chgpwd-form {
		width: 90%;
	}

	.newseperator {
		width: 85%;
	}
	.separator-text {
		left: 40%;
	}

	.twolines {
		width: 40%;
	}
}

/*iPhone 6/7/8 width 375px */
@media screen and (max-width: 375px) {
	.maxallowed {
		flex-direction: column;
	}

	.dxncbutton {
		width: 95% !important;
	}

	.separator {
		width: 85%;
	}

	.requestnewpwdbtn, .requestpwdheader {
		width: 88%;
	}

	.chgpwd-form {
		width: 90%;
	}

	.newseperator {
		width: 85%;
	}
	.separator-text {
		left: 40%;
	}
	.twolines {
		width: 40%;
	}
}

@media screen and (max-width: 400px) {
	.maxallowed {
		flex-direction: column;
	}
}

@media screen and (max-width: 414px) {
	.maxallowed {
		flex-direction: column;
	}

	.default-login {
		width: 85%;
	}

	.login-windows {
		width: 90%;
	}

	.dxncbutton {
		width: 95% !important;
	}

	.separator {
		width: 85%;
	}
	.newseperator {
		width: 85%;
	}

	.chgpwdbtn {
		width: 97%;
	}

	.requestnewpwdbtn, .requestpwdheader {
		width: 88%;
	}

	.chgpwd-form {
		width: 90%;
	}
	.separator-text {
		left: 40%;
	}
	.twolines {
		width: 40%;
	}
}







