* {
	font-size: 11px;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.authViewStyle {
	width: 100%;
	height: 100%;
	background-color: black;
	position: relative;
}

.sechqFP {
	width: 100%;
	height: 100%;
	position: relative;
	/* 	background-image:url("../img/loginbluebubble.jpg");  */
	/* 	background-image:url("../img/loginbg.jpg");  */
	background-image: url("../img/security-hub-splash.png");
	background-position: center top;
	background-size: cover;
}

.loginBackImg {
	width: 100%;
	height: 99.5%;
}

.logintransparentWindow {
	opacity: 0.4;
	width: 100%;
	height: 100%;
	position: absolute;
	/* background-color: rgb(120, 120, 120); */
	left: 0px;
	top: 0px;
}

.appNameVP {
	position: absolute;
	top: 277px;
	left: 400px;
}

.securityHTML {
	color: white;
	font-size: 52px;
	font-weight: bold;
	padding-bottom: 5px;
	cursor: default;
	font-family: arial, sans-serif;
}

.appNameSep {
	width: 400px;
	border-bottom: 1px solid white;
	cursor: default;
}

.simplifiedHTML {
	color: white;
	font-size: 48px;
	font-weight: bold;
	padding-top: 5px;
	cursor: default;
	font-family: arial, sans-serif;
}

.loginContentFPStyle {
	border-radius: 5px 5px 5px 5px;
	padding: 34px 50px;
/* 	background-color: rgba(255, 255, 255, 0.2); */
	position: relative;
}

.loginHeaderStyle {
	font-size: 11px;
	color: rgba(255,255,255,0.8);
	font-weight: bold;
	cursor: default;
	    visibility: hidden;
}

.passwdTextBox {
	border: 1px solid #DAE1E8;
	cursor: text;
	font-size: 11px;
	padding: 2px;
}

.inputStyle {
	padding: 7px !important;
    width: 150px;
    height: 15px;
    border-radius: 0px 3px 3px 0px;
    background-color: rgb(42, 42, 43) !important;
    border-top: 1px solid rgb(185, 185, 185) !important;
    border-right: 1px solid rgb(185, 185, 185) !important;
    border-bottom: 1px solid rgb(185, 185, 185) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.loginButtonFPStyle {
	margin-top: 15px;
}

.forgotPasswordHTML {
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	/* margin-top: 6px; */
	margin-top: 15px;
}

.forgotPasswordHTML:HOVER {
	color: #54A8ED;
}

.loginButtonHTML {
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	padding: 7px 15px;
	border-radius: 3px;
	text-align: center;
	background-color: rgb(42, 42, 43) !important;
    border: 1px solid rgb(185, 185, 185) !important;
}

.loginButtonHTML:HOVER {
	background-color: rgb(76, 76, 76) !important;
}

.loginerror {
	background-color: #a42c13;
	color: white;
	font-size: 10px;
	margin: 15px 0;
	padding: 10px 7px;
	text-align: center;
	width: 188px;
}

.loginPageSecurityHQHPStyle {
	/* 	position: absolute; */
	/* 	top:17px; */
	/* 	left:106px; */
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.appNameHQHTML {
    color: #881919;
    font-weight: bold;
    font-size: 21px;
    cursor: default;
    font-style: italic;
    font-family: monospace;
}


.appNameSecurityHTML {
    color: white;
    font-weight: bold;
    font-size: 21px;
    cursor: default;
    font-family: monospace;
}

.appName365HTML {
    color: white;
    font-weight: bold;
    font-size: 20px;
    cursor: default;
}



/******************** forgot Password screen styling ***************************/
.sechqFPStyleForForgotPaswd {
	
}

.forgotPassMainContainer {
	
}

.forgotPassBody {
	outline: medium none;
	width: 98%;
	padding-left: 50px;
	padding-top: 50px;
}

.forgotPasseachContainerFp {
	margin-bottom: 20px;
}

.forgotPasssecurityQuestionBodyFp {
	
}

.forgotpasssecurityQuestHeaderFP {
	width: 51%;
}

.forgotpasssectionHeaderHtml {
 margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    color: rgba(255,255,255,0.8);
    /* text-shadow: 0 1px #fff; */
}

.forgotpassHorizontalLine {
	width: 102%;
	height: 1px;
	background: #c3c3c3;
	border-bottom: 1px solid rgb(119, 119, 119);
}

.forgotpassquestion1FlexTable {
	margin-bottom: 23px;
}

.forgotpassquestionHtmlStyle {
    margin-right: 15px;
    color: rgba(255,255,255,0.8);
}

.forgotpassquestionRowDividerHtmlStyle {
	height: 8px;
}

.forgotpassquestionColDividerHtmlStyle {
	width: 15px;
}

.forgotpasssecurityQuestionTextBox {
    width: 551px;
    height: 15px;
    padding: 5px;
    background-color: rgba(23,23,23,0.75);
    border: 1px solid rgb(96, 97, 99);
    color: rgba(255, 255, 255, 0.8);
}

.forgotPAssquestion2FlexTable {
	margin-bottom: 35px;
}

.forgotpassSaveCancelHP {
	float: right;
	margin-top: 10px;
}

.authViewStyleForForgotPaswd {
	background-color: white;
}

.forgotPasswordStyle {
	 background-color: rgb(28, 28, 28);
    height: 100%;
    /* background: url(../img/body.jpg); */
}

.greenStyleSechq {
	background-color: #72856F;
	color: white;
	cursor: pointer;
}

.forgotpassdetailsSaveButton {
	margin-right: 5px;
	padding: 5px 13px;
}

.forgotpassdetailsCancelButton {
	padding: 5px 10px;
}

.detailsSaveCancelHP {
	float: right;
	margin-top: 10px;
}

.emailIdHP {
	margin-bottom: 17px;
	margin-top: 17px
}

.forgotPassEmailIDTextbox {
    margin-right: 22px;
    width: 429px;
    padding: 5px;
    height: 15px;
    background-color: rgba(23,23,23,0.75);
    border: 1px solid rgb(96, 97, 99);
    color: rgba(255, 255, 255, 0.8);
}

.forgotUsernameHTML {
    margin-right: 30px;
	color: rgba(255,255,255,0.8);
}

.commonErrordHP {
	margin-top: 10px;
}

.commonErrorHTML {
	color: rgb(199, 87, 87);
}

.authVIewLoginContentHP {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.usernamehplogin {
	    margin-bottom: 15px;
    border-radius: 3px;
}

.loginusernameSvIconWrapper {
	padding: 5px 10px 9px 10px;
	border-radius: 3px 0 0 3px;
	height: 15px;
	border-top: 1px solid rgb(185, 185, 185) !important;
    border-left: 1px solid rgb(185, 185, 185) !important;
    border-bottom: 1px solid rgb(185, 185, 185) !important;
}

.loginusernameSvIcon {
	color: rgba(255,255,255,0.8);
	    font-size: 15px;
}

.loginPasswordSvIconWrapper {
	padding: 4px 7px 10px 10px;
	border-radius: 3px 0 0 3px;
	height: 15px;
	border-top: 1px solid rgb(185, 185, 185) !important;
    border-left: 1px solid rgb(185, 185, 185) !important;
    border-bottom: 1px solid rgb(185, 185, 185) !important;
}

.loginPasswordSvIcon {
	color: rgba(255,255,255,0.8);
	    font-size: 18px;
}

.shieldStylewrapper {
	position: relative;
	margin-right: 5px;
}

.shieldstyle {
	/* 	position: absolute; */
	color: white;
	/* 	top:0px; */
	/* 	left:0px; */
	font-size: 24px;
}

/******************** Change Password Screen Styling ***************************/
.changePaswdMainContainer {
	cursor: default;
}

li {
	color: inherit;
}

.changePasswordStyle {
	background: rgba(6, 6, 6);
	height: 100%;
}

.changePaswdBody {
	outline: none medium;
	padding-left: 50px;
	padding-top: 50px;
	width: 98%;
	background: rgba(6, 6, 6);
}

.changePaswdcontainerFP {
	margin-bottom: 20px;
	    width: 50%;
        padding: 20px 35px 20px 20px;
    background: rgb(27, 27, 27);
    border-radius: 5px;
}

.changePaswdheaderFP {
	/* width: 34%; */
}

.changePaswdBodyFP {
	
}

.chnagepwdCommonErrordHP {
	margin-top: 10px;
}

.ChangePwdCommonErrorHTML {
	color: red;
}

.changePassHorizontalLine {
	width: 102%;
	height: 1px;
	background: #c3c3c3;
	border-bottom: 1px solid white;
}

.changePasssectionHeaderHtml {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #4a4a4a;
	text-shadow: 0 1px #fff;
}

.changePasswordFlexTable {
	padding-left: 20px;
	padding-top: 25px;
}

.changePassLabelHtml {
	color: #4a4a4a;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	text-shadow: 0 1px #fff;
}

.changePasswordTextBoxStyle {
	font-size: 11px;
	width: 129px;
	padding: 5px;
	height: 15px;
	 background-color: rgb(42, 42, 43);
    border: 1px solid rgb(96, 97, 99);
    color: rgba(255, 255, 255, 0.8);
}

.changePwdRowDividerHtmlStyle {
	height: 8px;
}

.changePwdColDividerHtmlStyle {
	width: 2px;
}

.changePwdHtmlStyle {
	margin-right: 5px;
	color: rgba(255, 255, 255, 0.79);
	cursor: default;
}

.changePwdSectionHeaderHtml {
	color: rgba(255, 255, 255, 0.79);
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.changePwdSaveClearHP {
	/* 	float: right; */
	margin-top: 10px;
}

.changePwdSaveButton {
	margin-right: 5px;
	padding: 5px 13px;
}

.changePwdClearButton {
	padding: 5px 10px;
}
/* 
.cp_CaptchaVP {
	margin-left: auto;
	margin-right: auto;
} */
.cp_capchaSubmitBtnHP {
	margin-left: auto;
	margin-right: auto;
}

.cp_captchaImg {
	height: 50px;
	width: 139px;
}

.cp_captchaVerticalPanel {
	width: 100%;
	position: relative;
	/*border: 1px solid #DAE1E8;
	border-radius: 3px;
	padding: 4%;*/
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 2px;
}

.cp_captchaImgFP {
	position: relative;
	width: 100%;
}

.cp_capchaRefreshIconFP {
	position: absolute;
	top: 25px;
	right: 6px;
	outline: 0px;
}

.cp_capcha_imgHP {
	/* 	margin-left: auto; 
	margin-right: auto;*/
	margin-top: 5px;
	margin-bottom: 2px;
}

.cp_refreshIconFont {
    color: rgb(136, 136, 136);
    font-size: 9px;
    cursor: pointer;
}

.cp_refreshIconFont:hover {
	color:  rgb(216, 213, 213);
}

.cp_refreshIcon {
	cursor: pointer;
}

.cp_captchaEntrLettersLabel {
	font-size: 11px;
	/* 	margin-bottom: 3px;
	margin-top: 11px; */
	cursor: default;
	color: rgba(255,255,255,0.79);
}

.cp_capchaTextbox {
	 background-color: rgb(42, 42, 43);
    border: 1px solid rgb(96, 97, 99);
    color: rgba(255, 255, 255, 0.8);
	height: 15px;
	margin-right: 22px;
	padding: 5px;
	width: 129px;
}

.cp_passwordGiudelinesFP {
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 11px;
}

.cp_passwordGuidelinesHtml {
	padding-left: 31px;
}

.guidelinesUl {
	font-size: 11px;
	color: rgb(21, 131, 189);
	margin-top: 0px;
	margin-bottom: 0px;
}

.cp_passwordCriteriaHtml {
	font-size: 12px;
	color: rgb(21, 131, 189);
	padding-left: 21px;
	padding-bottom: 4px;
}

.cp_passwordGuidelinesHtml {
	
}

.user_disabled_errorHtml {
	margin-left: 164px;
	margin-top: 61px;
	border: 1px solid #972A2A;
	border-radius: 4px;
	color: #972A2A;
	background-color: #F9F9F9;
	width: 289px;
	text-align: center;
	font-family: sans-serif;
	font-size: 11px;
	padding: 10px;
	font-size: 11px;
	font-family: sans-serif;
	text-align: center;
	width: 289px;
	background-color: #F9F9F9;
	color: #972A2A;
}

.signInCompositeIcon {
	/* 	position: absolute; */
	/* top:20px;
	right:20px;   */
	float: right;
	outline: 0;
	cursor: pointer;
}

.signInCompositeFont, .signInHTMLStyle {
	color: rgb(21, 131, 189);
	font-size: 11px;
	cursor: pointer;
}

.signInCompositeFont {
	margin-right: 5px;
}

/************************************************* Screen Data Loader ******************************/
.screenDataLoaderStyle {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: white;
	width: 100%;
	height: 100%;
	z-index: 199;
}

.screenDataLoaderParentContainer {
	margin: 0px auto;
	height: 100%;
}

.screenDataLoaderParentContainerWithFixedPosition {
	position: fixed;
	width: 100%; /*81*/
}

.screenDataLoaderHPWithFixedWindowStyle {
	margin-bottom: 175px;
}

.screenDataLoaderHP {
	border: 1px solid rgb(200, 200, 200);
	box-shadow: 0 0 3px #C8C8C8;
}

.screenDataLoaderHPPosition {
	margin-top: 40px !important;
	padding-top: 12px;
	top: 24px !important;
}

.screenDataLoaderImg {
	padding: 10px 10px;
	width: 20px;
	height: 20px;
}

.screenDataLoaderLodingHtml {
	cursor: default;
	padding-bottom: 4px;
	padding-right: 10px;
	color: rgb(30, 30, 30);
}

.dataScreenloaderOpacity {
	opacity: 0.4;
	filter: alpha(opacity = 40); /* For IE8 and earlier */
}

.transparentStyle {
	background-color: rgba(255, 255, 255, 0.5);
}

/*** Login captcha  ***/
.login_captchaVerticalPanel {
	position: relative;
	width: 100%;
}

.captcha_flex {
	background-color: rgb(53, 53, 53);
	border-radius: 3px;
	height: 11px;
	padding-bottom: 6px;
	width: 202px;
}

.login_captchaImgFP {
	position: relative;
	width: 100%;
}

.login_capchaRefreshIconFP {
	outline: 0;
	position: absolute;
	right: 10px;
	top: 10px;
}

}
.login_captchaEntrLettersLabel {
	font-size: 11px;
	cursor: default;
	color: #555555;
}

.login_capchaTextbox {
	height: 15px;
	margin-left: 22px;
	padding: 5px;
	width: 144px;
	  background-color: rgb(42, 42, 43);
    border: 1px solid rgb(96, 97, 99);
    color: rgba(255, 255, 255, 0.8);
}

.login_captchaImg {
	height: 50px;
	width: 139px;
}

.login_refreshIconFont {
	color: rgb(115, 173, 255);
	font-size: 9px;
	cursor: pointer;
}

.login_refreshIconFont:hover {
	color: rgb(7, 60, 102);
}

.login_refreshIcon {
	cursor: pointer;
}

.login_capcha_imgHP {
	padding-left: 31px;
}
.lastHorizontalLineFP{
	margin-top:15px;
	background: rgba(255,255,255,0.8);
	height: 3px;
}

::placeholder {
  color: rgba(255,255,255,0.5);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgba(255,255,255,0.5);
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: rgba(255,255,255,0.5);
}

.loginHeaderLogoHeadingStyle{
   width:  100%;
    height: auto;
}
.loginHeaderImageContainer {
    width: 135px;
    height: 130px;
    padding: 9px 5px 6px 5px;
}
.svTextBox:focus, textarea:focus {
  border: 1px solid rgb(70, 114, 132) !important;
}