body {
	font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
}
/* For Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: grey;
}
/*Clear Fix Style ------------------------------------------------------------------------------------------------------------------------------*/
.nClear-fix, .frm-sprdv:after, .instructionCont:after,.senderMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsg,.SessionContentFrame:after{
	clear:both;	
}
.frm-sprdv:after, .radioChk:after, .checkmark:after, /* #LoginPopup:before, #LoginPopup:after, */ .instructionCont:after,.requestSubContent  p:before, .requestSubContent  p:after,
.SessionContentFrame:after, ul.langSel:after, ul.langSel:before{
	content: "";
}
.requestDateField:before{
    content: "\e814";
}
/*Background ----------------------------------------------------------------------------------------------------------------------------------*/
.mainContainer,.mainContainer_content_area, #userPopup, #LoginPopup, #captchaCont img,.mssagesLeftSection.active,.mssagesLeftSection:hover,
.countryRegion,.typeMessageRow,.msgBox,span.requestNameMsg.msgOfRequest,.sessionTimeOutpopupCont, .popupCont,
.SessionContentFrame, .chBoxConsent, .radioTextSpan, .active .radioTextSpan, ul.langSel{
	background:#FFFFFF;/*White*/
}
#Loading{
    background-color: rgba(0, 0, 0, 0.25);
}
.mainHeader,.mainHeader .mainHeader_buttons_area .buttonStyle,.mssagesLeftSection,.myReqMsgContinaer,.sendMessage>span,.sessionTimeOutPopupHeader, .popupHeader{
	background:#F6F7FA;
}
.mainHeader .mainHeader_buttons_area .buttonStyle{
	background:#F6F7FA !important;
}
#brandColor_blue .buttonStyle, #brandColor_blue .makeReqFile,.myRequestMsgDownIcons.msgIconsRequest.msgRequestIcon,.myRequestMsgDownIcons:hover, .myRequestMsgDownIcons:focus, #brandColor_blue .authLoginBtn, #submitForm01, #backToForm01, #submitIQ{
	background:#244092;/*Blue*/
}
#brandColor_orange .buttonStyle{
	background:#f36b38;/*Orange*/
}
#brandColor_blue .mainHeader .mainHeader_buttons_area .buttonStyle:hover, #brandColor_blue .mainHeader .mainHeader_buttons_area .open .buttonStyle, #brandColor_blue #userPopup:hover{
	background:#244092 !important;/*Blue*/
}
#brandColor_orange .mainHeader .mainHeader_buttons_area .buttonStyle:hover{
	background:#f36b38 !important;/*Orange*/
}
.iconBg {
    background:#B6BABC;
}
.reqStatusName,.myRequestMsgDownIcons
{
    background: #e7e9ee;
}
#uploadExternalDocuments_Cont{
	position: absolute;
    background-color: #F3F5F7;
    height: calc(100% - 23px);
    z-index: 1;
    margin: 5px;
    width: calc(100% - 20px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    display: none;
}
.uploadDocClose{
    color: #eb3131;
    cursor: pointer;
    margin-top: 5px;
}
#upload_tab_content{
    height: calc(100% - 60px);
    width: calc(100% - 20px);
    position: relative !important;
    padding: 10px;
    overflow: auto;
    padding-top: 0px !important;
}
#uploadButtonBar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	margin: 0px 10px;
	border-bottom: 1px solid #f2f2f2;
}
#addExternalFile{
    color: #fff;
    border-radius: 6px !important;
    background: #0092FF !important;
    margin: 5px 4px 4px 8px;
    position: relative;
    padding: 5px 9px 5px 5px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    cursor: pointer;	    
}
.addExternalFileIcon{
    font-size: 10px;
    margin: 0px 3px;
}
.myRequestDetailsMessage{
    background:#FBFBFC;
}
.circleLine{
    background: #ced1db;
}
.innerCircle{
    background: #f6f6fa;
}
.sessionTimeOutConfirmCancel, .confirmCancel
{
    background: #37b85c;
}
.confirmSignOut,.sessionButton{
    background:#ef5e5e;
}
.sessionTimeOut{
    background:#f9f5fa;
}
.someOtherTheme .noty_close{
    background: url("../images/closeX_sm.png");
}
#brandColor_blue .select2-results .select2-highlighted, #brandColor_blue .active .innerCircle{
	background-color: #244092;
}
#brandColor_orange .select2-results .select2-highlighted, #brandColor_orange .active .innerCircle{
	background-color: #f36b38;
}
.radioChk,#pStrength span{
	background-color: #ffffff;
}
#brandColor_blue .radioCont .radioChk:after, #idologyContainer .radioCont .radioChk:after{
	background-color: #21458d;
}
div#checkStatusBtn {
    background-color: #20468d;
}
.someOtherTheme.noty_container_type_alert{
    background-color: #f5f5f5;
}
.someOtherTheme.noty_container_type_information {
    background-color: #bbe1e8;
}
.someOtherTheme.noty_container_type_error {
    background-color: #C30000;
}
.innerCircle.cancelled {
	background-color: #c70000 !important;
}
.innerCircle.completed {
	background-color: #24AF5E !important;
}
.someOtherTheme.noty_container_type_warning {
    background-color: #F7D30C;
}
.someOtherTheme.noty_container_type_success {
    background-color: #58C15E;
}
.noty_modal.someOtherTheme{
    background-color: #000;
}
.popupMask, #sessionPopupMask{
    background-color: rgba(0,0,0,0.3);
}
.pageMasking,#fileOpProgress{
    background-color: transparent;
}
.notification{
    background-color: #ff0000;
}
#refresh
{
    background-color:#617377;
}
.progress-bar, .progress-bar.bg-success {
    background-color: #38c0f2 !important;
}
#transBgMask{
    background-color: rgba(0, 0, 0, 0.5);
}
.progress{
    background-color: #ecf0f1;
}
.progress-bar{
    background-color: #2C3E50;
}
.disable .select2-choice, .disable .radioChk, .disable input[type="text"], .disable textarea{
	background: #c3c3c3;
}
/*.mainHeader_logo{
	background-image: url(images/exterro-logo.svg?version=_xtrb9e288fa5dda72e133cc69795f215a92xtr_);
}*/
.mainHeader_logo{
	background-position: center center;
}
.mainHeader_logo{
	background-repeat: no-repeat;
}
.mainHeader_logo{
	background-size: 100% 100%;	
}
/*Padding Style --------------------------------------------------------------------------------------------------------------------------------*/
body, .downloadConAnc,.forgotPasswrdPage .inputGroup,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,div#checkStatusBtn,.myReqMsgContinaer,.notification, .identitySuccess, ul.langSel{
	padding-top:0;
}
.closeFileIcon{
	padding-top:2px;
}
.makeReqFile, .authLoginBtn{
	padding-top:3px;
}
.setPassword .textForgot,.LoginField,.countryRegion,#closeMessageDiv i {
	padding-top:5px;
}
.buttonStyle, .makeRequestPanel-body textarea,.iconBg{
	padding-top:9px;
}
.mkeReqHdr, .noFileLabel, .mainContainer_content_box03,div#LoginSection,.mssagesLeftSection,.msgBox,.someOtherTheme .noty_message,
.messageSectionPanel,span.requestNameMsg.msgOfRequest{
	padding-top:10px;
}
/* .forgetPasswordBtn{
	padding-top: 13px;
} */
#LoginPopup .inputField .icon,.msgRowContent{
	padding-top:18px;
}
#LoginPopup,.sessionTOHeader{
	padding-top:20px;
}
.sessionTimeOutConfirmCancel, .confirmCancel,.confirmSignOut,.sessionButton, span#lanSelWrap:hover, .open#lanSelWrap{
    padding-top: 7px;
}
.sessionTimeOutCancel, .cancel{
    padding-top: 6px;
}
.strength, ul.langSel li{
    padding-top: 4px;
}
.SessionContentFrame{
    padding-top:30px;
}
body, .downloadConAnc,.forgotPasswrdPage .inputGroup,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,.notification, ul.langSel{
	padding-bottom:0;
}
.makeReqFile, .closeFileIcon,div#checkStatusBtn{
	padding-bottom:2px;
}
.authLoginBtn{
	padding-bottom: 3px;
}
.buttonStyle, .makeRequestPanel-body textarea,.iconBg{
	padding-bottom:9px;
}
.mkeReqHdr, .noFileLabel, .noMsgAdded, .mssagesLeftContentSection, .mainContainer_content_box03,.mssagesLeftSection,.msgBox,
.someOtherTheme .noty_message,span.requestNameMsg.msgOfRequest{
	padding-bottom:10px;
}
.subjectType .radioWrap, .radioWrap.radioWrapIdology{
	padding-bottom:13px;
}
#LoginPopup .inputField .icon,.msgRowContent{
	padding-bottom:18px;
}
#LoginPopup,.sessionTOHeader{
	padding-bottom:20px;
}
.LoginField,.countryRegion,#closeMessageDiv i {
    padding-bottom: 5px;
}
.sessionTimeOutConfirmCancel, .confirmCancel,.confirmSignOut,.sessionButton, span#lanSelWrap:hover, .open#lanSelWrap{
    padding-bottom: 7px;
}
.sessionTimeOutCancel, .cancel{
    padding-bottom: 6px;
}
.strength, ul.langSel li{
    padding-bottom: 4px;
}
.SessionContentFrame, .termsAndConditionsPolicy{
    padding-bottom:30px;
}
body, #LoginPopup .inputGroup,.forgotPasswrdPage .inputGroup,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,
.strength, ul.langSel{
	padding-left:0;
}
.downloadConAnc > span{
	padding-left: 2px;
}
ul.langSel li {
	padding-left: 3px;
}
.closeFileIcon{
	padding-left: 4px;
}
/*.filesDisp{
	padding-left: 5px;
}*/
.makeReqFile, #LoginPopup .inputField .icon{
	padding-left:8px;
}
.makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .makeRequestPanel-body textarea,.iconBg, span#lanSelWrap:hover, .open#lanSelWrap{
	padding-left: 9px;
}
.noFileLabel,.reqStatusName{
	padding: 5px 10px;
}
.fleft,.fRight{
	padding: 5px 0px 0px;
}
.buttonStyle, .inputGroup, .forgotPasswrdPage input{
	padding-left:15px;
}
#LoginPopup, .requestRightPane, .fleft .requestRightPaneDetail, .mainContainer_content_MyRequest,.someOtherTheme .noty_message,.sessionTOHeader,.sessionButton{
	padding-left:20px;
}
#LoginPopup input,input.forgotPasswordPage{
	padding-left: 40px;
}
.msgRowContent
{
    padding-left: 75px;
}
div#checkStatusBtn,.mssagesLeftSection,.msgBox,span.requestNameMsg.msgOfRequest, .authLoginBtn
{
    padding-left: 10px;
}
.LoginField,.countryRegion,#closeMessageDiv i,.notification{
    padding-left: 5px;
}
.radioCont{
	padding-left:27px;
}
.checkbox-container,.sessionTimeOutConfirmCancel, .confirmCancel,.confirmSignOut,.sessionTimeOutCancel, .cancel{
	padding-left:25px;
}
.SessionContentFrame{
    padding-left: 30px;
}
body, #LoginPopup .inputGroup,.forgotPasswrdPage .inputGroup,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,.msgBox,
.strength, ul.langSel{
	padding-right:0;
}
.downloadConAnc > span{
	padding-right: 2px;
}
ul.langSel li {
	padding-right: 3px;
}
.closeFileIcon{
	padding-right: 4px;
}
.makeReqFile, #LoginPopup .inputField .icon{
	padding-right:8px;
}
.makeRequestPanel-body textarea,.iconBg, span#lanSelWrap:hover, .open#lanSelWrap{
	padding-right:9px;
}
#signIn_uname,div#checkStatusBtn,.mssagesLeftSection,span.requestNameMsg.msgOfRequest, .authLoginBtn{
	padding-right:10px;
}
#LoginPopup, .requestRightPane, .fleft .requestRightPaneDetail, .mainContainer_content_MyRequest,.reqName,.someOtherTheme .noty_message,.sessionTOHeader,.sessionButton{
	padding-right:20px;
}
#signIn_paswd,.SessionContentFrame{
	padding-right:30px;
}
#userDrpBtn{
	padding-right:35px;	
}
.forgotPasswrdPage input{
	padding-right:40px;
}
#mkReqBodyCont .inputLabel{
	padding-right:60px;
}
.buttonStyle, .inputGroup{
	padding-right:15px;
}
.msgRowContent,.sessionTimeOutConfirmCancel, .confirmCancel,.confirmSignOut,.sessionTimeOutCancel, .cancel
{
    padding-right: 25px;
}
.LoginField,.countryRegion,#closeMessageDiv i,.notification{
    padding-right: 5px;
}
#userPopup,.requestSubContent p,.myRequestMsgDownIcons,.myRequestDetailsMessage .msgHeading{
	padding: 10px;
}
.subjectType .radioTextSpan{
	padding: 5px;
}

/*Margin Style --------------------------------------------------------------------------------------------------------------------------------*/
body,.mainContainer_content_area,.mainContainer_content_box02 .Content_container img, .aboutYouDescriptionSection .downloadConAnc,
.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,span.requestNameMsg.msgOfRequest,.sessionTOHeader,
.SessionContentFrame,.sessionButton, .authTxt, .authLoginBtn, .questionsStatusMsg{
	margin-top:0;
}
.msgBox{
    margin: auto;
}
.inputField .radioWrap .chkLabName{
	margin-top:2px;
}
.datePicAdj .ui-datepicker-title, .datepicTop .ui-datepicker-title {
	margin-top: 3px !important;
}
.msgSHeading, .checkBoxConsent {
	margin-top: 3px;
}
.radioWrap, .moreBrowse, .inputField .radioWrap .checkbox-container, .inputField .radioWrap .radioCont, .radioWrapIdology span.radioChk{
	margin-top:4px;
}
.mainHeader_logo{
	margin-top:6px;
}
.makeReqFile, .inputField .noFileLabel, .downloadConAnc{
	margin-top: 7px;
}
.mkeReqHdr, .inputOtherField, .inputOtherField .checkbox-container, #LoginPopup input, .forgotPasswrdPage input,.forgotPasswrdPage.setPassword .buttonStyle,
.requestDescSection,.typeMessageRow,.reqStatusNameDisplay,.senderMessageContainer .messageIcons i,.senderMessageContainer .rowAgency, .senderMessageContainer, .reqMessageContainer, .reqMessageContainer .rowAgency,
.reqMessageContainer i,#closeCancelSession, #closeCancelCreation {
	margin-top:10px;
}
.inputGroup .inputLabel{
	margin-top:11px;
}
.moreBrowse,.myRequestMsgDownIcons{
	margin-top:12px;
}
.mainHeader_buttons_area,.mainContainer_content_box01 .buttonStyle{
	margin-top:14px;
}
/*.Content_container{
	margin-top:20px;
}*/
/*.mainContainer_content_box02{
	margin-top:30px;
}*/
.required, .valError, .jqEasyCounterMsg,.forgotPasswrdPage .inputGroup,.forgotPasswrdPage .mainContainer_content_box02,.fRight .mainContainer_content_box02,.requestNameMsg{
	margin-top:5px;
}
.emptyMsgCont {
    margin-top: -96px;
}
.iconBg,.mssagesLeftSection,.sessionTimeOutPopupContent, .popupContent
{
	margin-top: 15px;
}
.forgotPasswrdPage  {
    margin-top: 5%;
}
.forgotPasswrdPage .inputField i
{
    margin-top: 19px;
}
.countryRegion,.sessionTimeOutPopupHeaderText, .popupHeaderText{
    margin-top: 8px;
}
.reqStatusName
{
    margin-top: 18px;
}

.myRequestMsgDownIcons i{
    margin-top:-11px;
}
.myRequestDetailsMessage{
    margin-top:-2px;
}
#loadingImg{
    margin-top: -16px;
}
.sendMessage>span{
    margin-top: -20px;
}
.requestStatusBar{
    margin-top: 20px;
}
.innerCircle{
    margin-top:-25px;
}
.myRequestMsgDownIcons.downloadIconsRequestS i{
    margin-top:-12px;
}
.sessionTimeOutpopupCont, .popupCont,.sessionTimeOutContainer{
    margin-top:-100px;
}
.sessionTimeOut{
    margin-top:-45px;
}
#closeMessageDiv i{
    margin-top:13px;
}
.SessionTimeInnerContainer{
    margin-top: 15%;
}
.questionsStatusMsg{
	margin-top: 20%;
}
body,.mainHeader_logo,.mainHeader_buttons_area,.mainContainer_content_area,.mainContainer_content_box02 .Content_container img,.forgotPasswrdPage .mainContainer_content_box02,.forgotPasswrdPage.setPassword .inputGroup,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,.SessionTimeInnerContainer,
.sessionTOHeader,.SessionContentFrame,.sessionButton, .questionsStatusMsg{
	margin-bottom:0;
}
.datePicAdj .ui-datepicker-title, .datepicTop .ui-datepicker-title {
	margin-top: 3px !important;
}
.radioWrap, .downloadConAnc, .moreBrowse{
	margin-bottom:4px;
}
.inputOtherField .checkbox-container, #LoginPopup input, .forgotPasswrdPage input,.senderMessageContainer .messageIcons i,.reqMessageContainer i , .termsAndConditionsPolicy, .termsAndConditions{
	margin-bottom:10px;
}
.LoginField,.sessionTimeOutPopupContent, .popupContent,.sessionTimeOutPopupBtnCont, .popupBtnCont,.sessionContent{
	margin-bottom:15px;
}
/*.Content_container, */.mkeReqHdr,.requestStatusBar,.inputGroup{
	margin-bottom:20px;
}
/* .inputGroup.hasError{
	margin-bottom:30px;
} */
/*.mainContainer_content_box02{
	margin-bottom:30px;
}*/
.mainContainer_content_box03{
	margin-bottom:50px;
}
.forgotPasswrdPage .inputField i
{
    margin-bottom: 19px;
}
.fRight .mainContainer_content_box02,.requestNameMsg{
    margin-bottom: 5px;
}
.countryRegion{
    margin-bottom: 8px;
}
.myRequestDetailsMessage{
    margin-bottom: -2px;
}
#closeMessageDiv i{
    margin-bottom: 13px;
}
.mainContainer_content_area,.Content_container,.mainContainer_content_box02 .Content_container img, .instructionCont,.SessionTimeInnerContainer,
.sessionTOHeader,.SessionContentFrame,.idologyForm_1, .questionsStatusMsg{
	margin-left:auto;
}
.termsAndConditions{
	margin-left:auto !important;
}
body,.mainHeader_buttons_area,.mainContainer_content_box02,.forgotPasswrdPage .mainContainer_content_box02,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,.fRight .mainContainer_content_box02,.countryRegion,.myRequestMsgDownIcons,
.sessionButton{
	margin-left:0;
}
span.requestNameMsg.msgOfRequest{
    margin-left:0 !important;
}
.mainHeader_logo,.forgotPasswrdPage .inputField i,.senderMessageContainer .messageIcons i,.reqMessageContainer i,.sessionTimeOutPopupHeaderText, .popupHeaderText{
	margin-left:10px;
}
.reqStatusName, .myRequestDetailsMessage{
    margin-left: 20px;
}
.myRequestMsgDownIcons i
{
    margin-left: -13px;
}
.requestNameMsgs,.requestStatusBar {
	margin-left: 40px;
}
.circleLine{
    margin-left: 25px;
}
.innerCircle{
    margin-left: -25px;
}
#loadingImg{
    margin-left: -16px;
}
.myRequestMsgDownIcons.downloadIconsRequestS i{
    margin-left: -12px;
}
.senderMessageContainer .rowAgency .reqMsgRow.reqMsgRowAgency .reqMessageDetails,.sessionTimeOutPopupContent, .popupContent{
    margin-left: 15px;
}
.sessionTimeOutpopupCont, .popupCont,.sessionTimeOutContainer{
    margin-left:-250px;
}
.sessionTimeOutCancel, .cancel{
    margin-left: 2%;
}
.termsAndConditionsPolicy{
    margin-left: 40%;
}
.termsAndConditions{
	margin-left: 15%;	
}
#closeMessageDiv i{
    margin-left: 13px;
}
#fileOpProgress{
    margin-left: -100px;
}
/* .inputOtherField{
	margin-left:280px;
} */
.mainContainer_content_area,.Content_container,.mainContainer_content_box02 .Content_container img, .instructionCont,.SessionTimeInnerContainer,
.sessionTOHeader,.SessionContentFrame, .idologyForm_1, .questionsStatusMsg{
	margin-right:auto;
}
.termsAndConditions{
	margin-right:auto !important;
}
body,.mainHeader_logo,.mainContainer_content_box02,.forgotPasswrdPage .mainContainer_content_box02,.forgotPasswrdPage .mainContainer_content_box02 .Content_container,.myReqMsgContinaer,.fRight .mainContainer_content_box02,.countryRegion,.myRequestDetailsMessage,
.sessionButton{
	margin-right:0;
}
.makeReqFile, span#languageSelection{
	margin-right:5px;
}
.mainHeader_buttons_area, .chkSpan, .checkbox-container,.reqMessageContainer .rowAgency .reqMsgRow.reqMsgRowAgency .reqMessageDetails,
.sessionTimeOutPopupContent, .popupContent, #backToForm01, .radioContIDVerification{
	margin-right:15px;
}
.iconBg,.forgotPasswrdPage .inputField i,.senderMessageContainer .messageIcons i,.reqMessageContainer i,#closeCancelSession, #closeCancelCreation, .subjectType .chkSpan, .authTxt{
	margin-right: 10px;
}
.sendMessage>span{
    margin-right: -20px !important;
}
.requestStatusBar
{
    margin-right: 40px;
}
.circleLine{
    margin-right:25px;
}
.confirmSignOut, .myRequestDetailsMessage{
    margin-right: 20px;
}
#closeMessageDiv i{
    margin-right: 13px;
}
/*Width --------------------------------------------------------------------------------------------------------------------------------------*/
.mainHeader_buttons_area, .downloadConAnc,.senderMessageContainer .reqMessageDetails .requestNameMsg.msgOfRequest,.sessionButton{
	width:auto;
}
.autolabel{
	width:auto !important;
}

.noFileLabel{
	width: 52.5%
}
.mainContainer_content_area/*, .instructionCont*/,.msgRowContent,.messagesRightPane, .createReqRight, .idologyForm_1{
	width:70%;
}
.questionsStatusMsg{
	width: 75%;
}
.mainContainer_content_box02 .Content_container img, .instructionCont{
	width:80%;
}
.messagesLeftPane, .createReqLeft {
	width:30%;
}
.forgotPasswrdPage {
    width:30% !important;
}
.Content_container{
	width:95%;
}
.mainContainer,.mainHeader,.mainContainer_content,.mainContainer_content_box01,.mainContainer_content_box02,
 .mainContainer_content_box03, .inputGroup, .parentContainer, .makeRequestPanel-body input[type='text'],
  .makeRequestPanel-body input[type='number'], .singleSelValRender, .makeRequestPanel-body textarea, .loginMask,
   #LoginPopup .inputField, #LoginPopup input, .forgotPasswrdPage input, #emptyMessages, .emptyMsgCont, .manageMessageContainer,
    .messageLeftRow, .reqValue a.filesDisp, #mkReqBodyCont .inputLabel, #mkReqBodyCont .inputField,.forgotPasswrdPage .inputField,
     .forgotPasswrdPage .inputField input,.myReqMsgContinaer,.countryRegion,.myRequestDetailsSection,.myRequestDetailsMessage .msgHeading,
     .wholereqMessageBlock,#Loading,.noty_modal.someOtherTheme,.senderMessageContainer .rowAgency, .senderMessageContainer, .reqMessageContainer, .reqMessageContainer .rowAgency,
     .popupMask, #sessionPopupMask,.pageMasking,.sessionTimeOut,.requestDateField,#transBgMask, div.sel2OthersChkBox, .subjectType .radioWrap, .subjectType .chkSpan label.radioCont, .authTxt, #userDrpBtn{
	width:100%;
}
.requestStatusBar{
	 width: 110px;
}
.subjectType .splitSection .chkSpan{
	width: 240px;
}
.mainHeader_logo{
	width:175px;
}
#captchaCont img,.msgSHeading{
	width:250px;
}
#captchaCont img#image {
	padding-right: 15px;
}
.iconBg {
    width:31px;
}

#mkReqBodyCont .inputLabel{
	/* width:30%; 
	width:280px;*/
}
#mkReqBodyCont .inputField{
	/* width:calc(70% - 5px); 
	width:calc(100% - 280px);*/
}
.chkSpan, .chkSpan label.checkbox-container, .chkSpan label.radioCont{
	width:calc(100% - 15px);
}
/*.filesDisp{
	width:calc(100% - 25px);
}*/
.radioChk, .inputField .checkmark,.chBoxConsent{
	width: 16px;
}
.radioCont .radioChk:after{
	width: 12px;
}
.checkbox-container .checkmark:after{
	width: 3px;
}
/*div.sel2OthersChkBox{
	width:calc(100% - 76px);
}*/
.senderMessageContainer .rowAgency .reqMsgRow.reqMsgRowAgency,.reqMessageContainer .rowAgency .reqMsgRow.reqMsgRowAgency {
    width:calc(100% - 61px);
}
#userPopup{
	min-width: 100%;
}
.senderMessageContainer .reqMessageDetails .requestNameMsg.msgOfRequest,.reqMessageContainer .requestNameMsg.msgOfRequest{
    max-width: 60%;
}
ul.langSel {
	min-width: 85px;
}
.mainHeader_buttons_area{
    max-width: calc(100% - 210px);
}
#userCont{
	max-width: 100%;	
}
/*.downloadConAnc{
	max-width: 23.5%;
}*/
.radioWrapIdology,  #idologyContainer{
	width: 100%;
}
#LoginPopup{
	width:320px;
}
.requestSubContent {
    width: 700px;
}
.requestSubContent  p:before, .requestSubContent  p:after{
    width: 0;
}
.reqName{
    width:40%;
}
.myRequestMsgDownIcons{
    width: 18px;
}
.reqValue
{
    width: 60%;
}
.typeMessageRow{
    width: 98%;
}
.circleLine{
    width:60px;
}
.innerCircle {
    width:50px;
}
.separatorLine{
     width:132px;
}
#loadingImg{
    width: 32px;
}
.someOtherTheme .noty_close{
    width:10px;
}
.sessionTimeOutpopupCont, .popupCont{
    width:500px;
}
.strength{
    width: calc(20% - 4px);
}
.sessionTimeOutContainer,.SessionContentFrame{
    width:480px;
}
#fileOpProgress {
    width:200px;
}
.dateFrm,.dateTo{
    width:calc(50% - 5px) !important;
}
.msgBox{
	width:91%;
}
#dsarRequestNum h1.mainContainer_content_h1{
	max-width: calc(100% - 90px);
}
#dsarRequestNum{
	width: calc(100% - 300px);
}
.subjectType .splitSection .radioTextSpan{
	width: calc(100% - 250px);
}
.authTxt{
	width: calc(100% - 70px);
}
/*Height --------------------------------------------------------------------------------------------------------------------------------------*/
.mainHeader_buttons_area{
	height:auto;
}
.reqStatusNameDisplay,.radioChk, .inputField .checkmark,.chBoxConsent{
	height: 16px;
}
.mainContainer, #idologyContainer{
	height:100vh;
}
.quesScrollingArea {
	height: calc(100vh - 134px);
}
.mainHeader_logo,.innerCircle {
	height:50px;
}
.mainHeader,.circleLine{
	height:60px;
}
.makeRequestPanel-body textarea{
	height: 80px;
}
.inputGroup .inputField input, .select2-container, .select2-container .select2-choice{
	height:35px;
}
.radioCont .radioChk:after{
	height: 12px;
}
.checkbox-container .checkmark:after{
	height: 8px;
}
/* .chkLabName{
	height: 19px;
} */
.createReqPage{
	height: calc(100vh - 126px);
}
.requestRightPaneDetail{
	height: calc(100vh - 134px);
	position: relative;
}
.fleft .requestRightPaneDetail {
    height: calc(100vh - 127px);
}
.mainContainer_content_MyRequest{
	height: calc(100vh - 288px);
}
.myRequestMsgDownIcons,.reqStatusNameDate{
    height: 18px;
}
.typeMessageRow{
    height:66px;
}
.sessionTimeOutPopupHeader, .popupHeader{
    height: 40px;
}
.inputGroup .inputField input{
	line-height: 26px;
}
.downloadConAnc{
	line-height: 23px;
}
.loginMask, .menu-container, .menu-container-view, #emptyMessages, .manageMessageContainer, .fleft,.msgRowContent,.fRight,div#LoginSection,
#Loading,.noty_modal.someOtherTheme,.popupMask, #sessionPopupMask,.pageMasking,#transBgMask, .leftInnerPanel-body {
	height: 100%;
}
.messageLeftRow {
    min-height: 70px;
}
.mainContainer_content {
    height: calc(100vh - 58px);
}
.requestSubContent  p:before, .requestSubContent  p:after
{
    height: 0;
}
.myRequestDetailsMessage {
    height: calc(100% - 10px);
}
.someOtherTheme .noty_close{
    height:10px;
}
.sessionTimeOut{
    height:637px;
}
#fileOpProgress{
    height: 15px;
}
.progress{
    height: 0.625rem;
}
.msgBox{
    height:45px;
}
/*Border --------------------------------------------------------------------------------------------------------------------------------------*/
.questIQButtonCont .buttonStyle, .buttonStyle.float-left#appealRequestBtn {
	float: left !important;
}
.mainHeader_logo,.mainContainer_content_h1, .inputGroup, .inputLabel, .inputField, .radioWrap, .chkSpan,
 .chkSpan label.checkbox-container, .chkSpan label.radioCont, .chkSpan .chkLabName, .inputOtherField .checkbox-container,
  .sel2OthersChkBox, .moreBrowse, .fleft, .iconBg, .countryRegion, .reqName,
   .myRequestDetailsSection, .sessionTimeOutPopupHeaderText, .popupHeaderText, .strength, .setPassword .textForgot,
   .createReqLeft, .createReqRight,.myRequestDetailsMessage .msgHeading,.msgSHeading,.requestDateField,.requestNum, .lFloat{
	float:left;
}
.mainHeader_buttons_area,.mainContainer_content_box01 .buttonStyle, .signInBtn, .confirmSignOut, .sessionButton, .fRight,
 .forgotPasswrdPage .buttonStyle, div#LoginSection, .requestStatus, .requestDate, .RequestIcons, #closeCancelSession,
   #closeCancelSession,
     #closeCancelCreation, #closeMessageDiv i,.reqOrgMsg,.senderMessageContainer .reqMessageDetails .requestNameMsg.msgOfRequest,
     .myRequestDetailsMessage .RequestIcons,.dateTo, .questIQButtonCont{
	float:right;
}
/* #mkReqBodyCont .inputLabel, #mkReqBodyCont .inputField{
	float: none;
} */
.requSubmitSuccess, .subjectType .chkSpan label.radioCont {
	float: none;
}
/*Display ------------------------------------------------------------------------------------------------------------------------------------*/
.mainContainer,.mainHeader,.mainContainer_content,.mainHeader_logo a,.mainContainer_content_area,.Content_container,
 .mainContainer_content_box02 .Content_container img, .frm-sprdv:after, .radioCont input:checked ~ .radioChk:after,
  .checkbox-container input:checked ~ .checkmark:after, .open #LoginPopup, .open .loginMask, .open #userPopup,
   .instructionCont:after, .emptyMsgIcon,.mssagesLeftSection,.countryRegion,.myRequestDetailsSection,.SessionContentFrame:after, .subjectType .chkSpan label.radioCont,
   .success .identitySuccess, .open .langSel{
	display:block;
}
.mainContainer_content_box01/* , #mkReqBodyCont .inputLabel, #mkReqBodyCont .inputField */, .makeReqFile, .forgetPasswordBtn, .downloadConAnc > span,
 .noFileLabel,.requestSubContent,.reqName,.reqStatusName,.myRequestMsgDownIcons,.reqValue,.requestStatusBar,
 .senderMessageContainer .messageIcons,.reqMessageContainer .messageIcons,.senderMessageContainer .rowAgency .reqMsgRow.reqMsgRowAgency,.senderMessageContainer .rowAgency, .senderMessageContainer, .reqMessageContainer, .reqMessageContainer .rowAgency,
 span.requestNameMsg.msgOfRequest,.reqMessageContainer .rowAgency .reqMsgRow.reqMsgRowAgency,.reqOrgMsg,.sessionTimeOutConfirmCancel, .confirmCancel,
 .confirmSignOut,.sessionTimeOutCancel, .cancel, .subjectType .chkSpan, .subjectType .radioTextSpan, .authLoginBtn, .authTxt{
	display: inline-block;
}
.radioChk:after, .checkmark:after, #homeNavBtn, #LoginPopup, .loginMask, #userPopup, #userCont, .valError, #emptyMessages,
.myRequestDetailsMessage,.noty_modal.someOtherTheme,.validError,.popupMask, #sessionPopupMask,.pageMasking,.sessionTimeOutpopupCont, .popupCont,input[type="file"],
#fileOpProgress,#transBgMask,#textCanvas, .condnlItem, .identitySuccess, .success .authTxt,.success .authLoginBtn, #backToReqListBtn, #userIcon, #signInBtnTxt, .requiredIdology, .OTPContainer, #generate-otp-button.hideBtn, #resend-otp-button.hideBtn, #signInBtn.hideBtn{
	display: none;
}
.progress,.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/* IE Specific */
input::-ms-clear, input::-ms-reveal{
    display: none;
}
/*Border ------------------------------------------------------------------------------------------------------------------------------------*/
.mainHeader_logo a,.mainHeader_logo a img,.buttonStyle,.noty_modal.someOtherTheme,.sessionButton, .login-container{
	border:none;
}
.msgBox{
    border:0;
}
.chBoxConsent, .subjectType .radioTextSpan, ul.langSel{
	border: 1px solid;	
}
.buttonStyle, .makeReqFile, .authLoginBtn, span#lanSelWrap:hover, .open#lanSelWrap{
	border-radius: 50px;
}
.downloadConAnc > span,.sessionButton{
	border-radius:2px;
}
.makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'],
.makeRequestPanel-body textarea, #LoginPopup input, .forgotPasswrdPage input, #captchaCont img,.mssagesLeftSection.active,.mssagesLeftSection:hover,
.myRequestDetailsMessage,.chBoxConsent, .subjectType .radioTextSpan{
	border-radius:3px;
}
.mainContainer_content_box03, .inputField .checkmark, #userPopup, #LoginPopup,.mssagesLeftSection,.typeMessageRow,.msgBox{
	border-radius:5px;
}
.radioChk, .radioCont .radioChk:after,.myRequestMsgDownIcons,.circleLine,.innerCircle,#fileOpProgress {
	border-radius: 50%;
}
.iconBg
{
    border-radius: 38px;
}
.reqStatusName{
    border-radius: 10px;
}
.sendMessage{
    border-radius: 28px;
}
#closeMessageDiv i{
    border-radius: 12px;
}
.notification{
    border-radius: 100%;
}
#refresh{
    border-radius: 6px;
}
.progress {
    border-radius: 0.25rem;
}
.checkbox-container .checkmark:after, .messagesLeftPane, .subjectType .radioWrap, .radioWrap.radioWrapIdology{
	border-top-width: 0px;
}
.mainContainer_content_box03, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .makeRequestPanel-body textarea,.requestSubContent p{
	border-top-width: 1px;
}
.checkbox-container .checkmark:after{
	border-bottom-width: 2px;
}
.messagesLeftPane{
	border-bottom-width: 0px;
}
.mainHeader,.mainContainer_content_box01,.mainContainer_content_box03, .mkeReqHdr, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .makeRequestPanel-body textarea,
 .messageLeftRow,.myRequestDetailsMessage .msgHeading,.wholereqMessageBlock, .subjectType .radioWrap, .radioWrap.radioWrapIdology, ul.langSel li{
	border-bottom-width: 1px;
}
.checkbox-container .checkmark:after, .messagesLeftPane, .subjectType .radioWrap, .radioWrap.radioWrapIdology{
	border-left-width: 0px;
}
.mainContainer_content_box03, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .makeRequestPanel-body textarea{
	border-left-width: 1px;
}
.subjectType .radioWrap, .radioWrap.radioWrapIdology{
	border-right-width: 0px;
}
.checkbox-container .checkmark:after{
	border-right-width: 2px;
}
.mainContainer_content_box03, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .makeRequestPanel-body textarea, .messagesLeftPane{
	border-right-width: 1px;
}
#userPopup, /* #LoginPopup, */.downloadConAnc > span, #LoginPopup input, .forgotPasswrdPage input, #captchaCont img,.mssagesLeftSection.active,.mssagesLeftSection:hover,.separatorLine,.someOtherTheme,
.sessionTimeOutCancel, .cancel,#closeMessageDiv i,#refresh,.mssagesLeftSection{
	border-width: 1px;
}
.makeReqFile{
	border-width: 2px;
}
ul.langSel:before{
	border-width: 7px;
}
/* #LoginPopup:before, #LoginPopup:after, */.requestSubContent p:after, ul.langSel:after{
	border-width: 8px;
}
.requestSubContent  p:before, .requestSubContent  p:after{
    border-width: 6px;
}
.sessionTimeOutpopupCont, .popupCont,.notification/*, .success .radioTextSpan*/, #LoginPopup{
    border-width: 0px;
}
.mainContainer_content_box03, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .checkbox-container .checkmark:after, .makeRequestPanel-body textarea,.requestSubContent p,
.notification{
	border-top-style: solid;
}
.mainHeader,.mainContainer_content_box01,.mainContainer_content_box03, .mkeReqHdr, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .checkbox-container .checkmark:after, .makeRequestPanel-body textarea,
.myRequestDetailsMessage .msgHeading,.wholereqMessageBlock, .subjectType .radioWrap, .radioWrap.radioWrapIdology, ul.langSel li{
	border-bottom-style: solid;
}
.mainContainer_content_box03, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .checkbox-container .checkmark:after, .makeRequestPanel-body textarea{
	border-left-style: solid;
}
.mainContainer_content_box03, .makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .radioChk, .inputField .checkmark, .checkbox-container .checkmark:after, .makeRequestPanel-body textarea{
	border-right-style: solid;
}
#userPopup, #LoginPopup, .makeReqFile, .downloadConAnc > span, #LoginPopup input, .forgotPasswrdPage input, /* #LoginPopup:before, #LoginPopup:after, */ #captchaCont img, .messageLeftRow, .messagesLeftPane,.requestSubContent  p:before, .requestSubContent  p:after,.mssagesLeftSection.active,.mssagesLeftSection:hover,.separatorLine,.someOtherTheme,.sessionTimeOutpopupCont, .popupCont,#closeMessageDiv i,.mssagesLeftSection,
 #refresh, ul.langSel:after, ul.langSel:before{
	border-style: solid;
}
/* #LoginPopup:before, #LoginPopup:after, */ .requestSubContent  p:before, .requestSubContent  p:after, ul.langSel:after, ul.langSel:before{
	border-left-color: transparent;
}
/* #LoginPopup:before, #LoginPopup:after, */ .requestSubContent  p:before, .requestSubContent  p:after, ul.langSel:after, ul.langSel:before{
	border-top-color: transparent;
}
.requestSubContent p
{
    border-top-color:#ced1db;
}
/* #LoginPopup:before, #LoginPopup:after, */ .requestSubContent  p:before, .requestSubContent  p:after, ul.langSel:after, ul.langSel:before{
	border-right-color: transparent;
}
/* #LoginPopup:before, */ .requestSubContent p:before, ul.langSel:before{
	border-bottom-color: #ffffff;
}
ul.langSel li {
	border-bottom-color: #dddddd;
}
/* #brandColor_blue #LoginPopup:after, */ ul.langSel:after{
	border-bottom-color: #244092;
}
.mainHeader,.sessionTimeOutPopupHeader, .popupHeader{
	border-bottom-color: #e7e9ee;
}
.mainContainer_content_box01, .mkeReqHdr,.myRequestDetailsMessage .msgHeading{
	border-bottom-color: #a9b2bd;
}
.requestSubContent p:after
{
    border-bottom-color: #ced1db;
}
.wholereqMessageBlock{
    border-bottom-color: #e3e3e3;
}
.subjectType .radioWrap, .radioWrap.radioWrapIdology{
	border-bottom-color: #f3f3f3;
}
.makeRequestPanel-body .select2-container .select2-choice , .makeRequestPanel-body input[type='text'], .makeRequestPanel-body input[type='number'], .makeRequestPanel-body textarea, .downloadConAnc > span, #LoginPopup input, .forgotPasswrdPage input, #captchaCont img{
	border-color: #b5b5b5;/*default color*/
}
.makeRequestPanel-body .hasError:not([class*=otherSelected]) .select2-container .select2-choice, .makeRequestPanel-body .hasError input[type='text'], .makeRequestPanel-body .hasError input[type='number'], .makeRequestPanel-body .hasError textarea, #LoginPopup input.requiredInput, .forgotPasswrdPage input.requiredInput,
.notification{
    border-color: #ff0000;/* for error */
}
#brandColor_blue .mainContainer_content_box03, #brandColor_blue .select2-container-active .select2-choice, #brandColor_blue .select2-container-active .select2-choices, #brandColor_blue .makeRequestPanel-body input[type='text']:focus, #brandColor_blue .makeRequestPanel-body input[type='number']:focus, #brandColor_blue .makeRequestPanel-body textarea:focus, #brandColor_blue .makeReqFile, #brandColor_blue #LoginPopup input:focus, #brandColor_blue .forgotPasswrdPage input:focus, #brandColor_blue #LoginPopup, ul.langSel{
	border-color: #244092;/*Blue*/
}
#brandColor_orange .mainContainer_content_box03, #brandColor_orange .select2-container-active .select2-choice, #brandColor_orange .select2-container-active .select2-choices, #brandColor_orange .makeRequestPanel-body input[type='text']:focus, #brandColor_orange .makeRequestPanel-body input[type='number']:focus, #brandColor_orange .makeRequestPanel-body textarea:focus{
	border-color: #f36b38;/*Blue*/
}
.radioChk, .inputField .checkmark{
	border-color: #b5b5b5;
}
#brandColor_blue .radioCont input:checked ~ .radioChk, #brandColor_blue .inputField .checkbox-container input:checked ~ .checkmark, .checkbox-container .checkmark:after,.mssagesLeftSection.active,.mssagesLeftSection:hover, .chBoxConsent{
	border-color: #21458d;
}
#userPopup{
	border-color: #1959d2;
}
.messageLeftRow, .messagesLeftPane{
    border-color: #ddd;
}
.mssagesLeftSection
{
    border-color: transparent;
}
.separatorLine, .subjectType .radioTextSpan{
    border-color: #e3e3e3;
}
.someOtherTheme{
    border-color: #FFFFFF;
}
.sessionTimeOutpopupCont, .popupCont{
    border-color: #333;
}
.sessionTimeOutCancel, .cancel{
    border-color: #989696;
}
#refresh{
    border-color: #999;
}
/* Typography -------------------------------------------------------------------------------------------------------------------------------*/
.mainHeader_logo a, .inputGroup .inputField input{
	text-decoration:none;
}
.moreBrowse, .filesDisp{
	text-decoration:underline;
}
.buttonStyle, .requestSubmission, #userPopup, .emptyMsgCont,.mainHeadingSubmission,.fRight .mainContainer_content_box02,.reqStatusNameDisplay,
.reqStatusNameDate,.mainContainer_content_box02 .Content_container,#Loading,.sessionTimeOutPopupBtnCont, .popupBtnCont,.sessionTOHeader,
.progress-bar,.someOtherTheme .noty_message, .termsAndConditions, .questionsStatusMsg{
	text-align:center;
}
.textForgot,.forgotPasswrdPage .mainContainer_content_box02,.senderMessageContainer .reqMessageDetails .requestNameMsg.msgOfRequest{
	text-align: left;
}
.requestSubContent p
{
    text-align: center;
}
span.requestNameMsg.msgOfRequest
{
	text-align: justify !important;
}

.senderMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsg{
    text-align: right;
}
.mainContainer_content_h1, .mkeReqHdr{
	font-weight:normal;
}
.noMsgAdded,.sessionTimeOutPopupContent, .popupContent,.sessionTOHeader,.sessionContent {
    font-weight:400;
}
.mainContainer_content_h1.requestHeader,.msgNumber,.RequestIcons .icon-close:before,.someOtherTheme.noty_container_type_error,.RequestIcons .icon-close:before {
	font-weight:bold;
}
.msgSHeading,.reqStatusNameDate,.sessionButton,.termsAndConditionsPolicy, .termsAndConditions, #brandHeader, .questionsStatusMsg{
    font-weight: 500;
}
.mainContainer_content_h1,.mkeReqHdr, .reqStatusNameDisplay, .msgSHeading,.sessionButton{
	text-transform:uppercase;
}
#mkReqBodyCont .inputLabel, .inputField .radioWrap .chkLabName,.reqName,.senderMessageContainer .reqMessageDetails .requestNameMsg.msgOfRequest, .subjectType .radioTextSpan{
	word-break: break-all;
	word-break: break-word;
}
.downloadConAnc > span,.forgotPasswrdPage .mainContainer_content_box02, .requestaNameSection .requestName, .reqValue{
	word-break: break-all;
	word-break: break-word;
}
.moreBrowse{
	font-style: italic;
}
.textForgot{
	font-size: 10px;
}
.required, .valError,.validError, .termsAndConditionsPolicy, .termsAndConditions{
	font-size: 11px;
}
.requestaNameSection .requestStatus,.mssagesLeftSection,.requestDescSection,.reqStatusName,.myRequestMsgDownIcons,.senderMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsg,
.requestNameMsg,.sessionButton{
	font-size: 12px;
}
.buttonStyle, .mainContainer_content, #userPopup, .mainHeader_buttons_area,.msgDescription,.countryRegion,.requestaNameSection .requestName,.msgSHeading,.senderMessageContainer .reqMessageDetails .requestNameMsg.msgOfRequest,
.sessionTimeOutPopupContent,.popupContent,.reqMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsgs,
.senderMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsgs, .subjectType .radioTextSpan, .inputGroupIQQues, .idologyForm_1{
	font-size:14px;
}
.reqMessageContainer .requestNameMsg.msgOfRequest{
    font-size:14px !important;
}
.mainContainer_content_h1, .mkeReqHdr, .questionsStatusMsg{
	font-size:23px;
}
.mainContainer_content_h1.requestHeader{
	font-size:25px;
}
#brandHeader {
	font-size:32px;
}
.emptyMsgIcon {
    font-size: 85px;
}
.noMsgAdded,.myRequestMsgDownIcons i,.RequestIcons .closeiCOns,.myRequestMsgDownIcons.downloadIconsRequestS i{
    font-size: 18px;
}
.msgIcon,.innerCircle i
{
    font-size: 22px;
}
.msgNumber,.sessionContent {
    font-size: 15px;
}
.sendMessage
{
    font-size: 27px;
}
.someOtherTheme,#closeCancelSession, #closeCancelCreation{
    font-size: 13px;
}
.senderMessageContainer .messageIcons i,.reqMessageContainer i {
    font-size: 26px;
}
#closeMessageDiv i{
    font-size: 8px;
}
.sessionTOHeader{
    font-size:21px;
}
.requestDateField:before{
    font-size:16px;
}
.progress{
    font-size: 0.625rem;
}
.questionsStatusMsg.inactiveBrand{
	margin-top:0% !important;
	top: 50%;
    bottom: 50%;
    position: absolute;
    left: 0;
    right: 0;
	font-size: 20px !important;
}
.buttonStyle,.mainHeader .mainHeader_buttons_area .buttonStyle:hover, .mainHeader .mainHeader_buttons_area .open .buttonStyle, .select2-results .select2-highlighted, .active .innerCircle i, #brandColor_blue #userPopup:hover, .makeReqFile,
.msgIcon,.someOtherTheme.noty_container_type_error,.someOtherTheme.noty_container_type_success,.sessionTimeOutConfirmCancel, .confirmCancel,#closeCancelSession, #closeCancelCreation,.notification,
.sessionButton,.myRequestMsgDownIcons.msgIconsRequest.msgRequestIcon,.progress-bar,.myRequestMsgDownIcons:hover, .myRequestMsgDownIcons:focus, .authLoginBtn {
	color:#FFFFFF;
}
.mainHeader .mainHeader_buttons_area button{
	color:#282828;
} 
#brandColor_blue .mainContainer .mainContainer_content_area .mainContainer_content_box01 .mainContainer_content_h1, #brandColor_blue .mkeReqHdr, #brandColor_blue .select2-container-active .select2-choice, #brandColor_blue .select2-container-active .select2-choices, #brandColor_blue .makeRequestPanel-body input[type='text']:focus, #brandColor_blue .makeRequestPanel-body input[type='number']:focus, #brandColor_orange .makeRequestPanel-body textarea:focus, #brandColor_blue .requestSubmission, #brandColor_blue .filesDisp, #brandColor_blue #LoginPopup input:focus, #brandColor_blue #LoginPopup .icon, #brandColor_blue .forgotPasswrdPage input:focus, #brandColor_blue .forgotPasswrdPage  i, #brandColor_blue .forgetPasswordBtn, .referEl:focus, #brandColor_blue .active.circleLine+.reqStatusNameDisplay,h1, .requestaNameSection .requestName, .msgSHeading,.requestNameMsgs,.reqStatusNameDate, body#idologyContainer .requestHeader, body#idologyContainer .mkeReqHdr, #brandHeader, .questionsStatusMsg{
	color:#244092;/*Blue*/
}
#brandColor_orange .mainContainer .mainContainer_content_area .mainContainer_content_box01 .mainContainer_content_h1, #brandColor_orange .mkeReqHdr, #brandColor_orange .select2-container-active .select2-choice, #brandColor_orange .select2-container-active .select2-choices, #brandColor_orange .makeRequestPanel-body input[type='text']:focus, #brandColor_orange .makeRequestPanel-body input[type='number']:focus, #brandColor_orange .makeRequestPanel-body textarea:focus, #brandColor_orange .requestSubmission
{
	color:#f36b38;/*Orange*/
}
.reqMark, .required, .valError,.closeFileIcon:hover,.RequestIcons .closeiCOns,.validError{
	color:#ff0000;/*Red*/
}
#mkReqBodyCont, .inputGroup .inputField input,.sessionTimeOutPopupHeaderText, .popupHeaderText, .termsAndConditionsPolicy, .termsAndConditions{
	color:#171717;
}
.moreBrowse{
	color: #fc5c5c;
}
input:-ms-input-placeholder{
  color: #d2d2d2 !important;
}
#refresh
{
    color: #d2d2d2;
}
.emptyMsgCont, .msgDescription, .sessionTimeOutPopupHeader, .popupHeader, #closeMessageDiv i{
    color: #555;
}
.emptyMsgIcon {
    color: #717171;
}
.noMsgAdded {
    color: #b9b9b9;
}
.msgNumber {
    color: #38c0f2;
}
.mssagesLeftSection.active,.mssagesLeftSection:hover,.msgSHeading,.sendMessage>span,.senderMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsgs,.senderMessageContainer .messageIcons i{

    color: #21458d;
}
h1 {
	color: #f36b38;
}
.countryRegion,.reqStatusName,.myRequestMsgDownIcons,.typeMessageRow,.reqMessageContainer .reqMsgRowAgency .reqMessageDetails .requestNameMsgs,
span.requestNameMsg.msgOfRequest,.reqMessageContainer .requestNameMsg.msgOfRequest,.requestNameMsg,.msgBox{
    color: #383838;
}
.innerCircle i
{
    color: #ced1db;
}
.someOtherTheme.noty_container_type_warning, ul.langSel li{
    color: #000;
}
.sessionTimeOutPopupContent, .popupContent{
    color: #444;
}
.sessionTOHeader{
    color: #45575a;
}
.sessionContent{
    color:#1e1e1e;
}
.requestDateField:before{
    color: #7f9194;
}
.identitySuccess{
	color: #37b85c;
}
#msgPanelCont{
	position: relative !important;
}
#msgPanelCont_exterroLoader{
top: 0; 
position: absolute !important;
}
/* Cursor -------------------------------------------------------------------------------------------------------------------------------*/    
.mainHeader_logo a,.buttonStyle, .radioCont, .checkbox-container, .myRequestMsgDownIcons, #userPopup, .makeReqFile, .moreBrowse,
 .forgetPasswordBtn, .refreshCaptchaCont, .clsCont, .messageLeftRow, .icon-view, .filesDisp, .closeFileIcon,.mssagesLeftSection,
 .myRequestMsgDownIcons,.RequestIcons .closeiCOns,.sendMessage,.sendMessage>span,.someOtherTheme .noty_close,.sessionTimeOutConfirmCancel,.confirmCancel,
 .confirmSignOut,.sessionTimeOutCancel, .cancel,#closeCancelSession, #closeCancelCreation,#closeMessageDiv i,#refresh,.checkmark, .authLoginBtn, span#languageSelection{
	cursor: pointer;
}
.termsAndConditions{
	cursor: default;
}
/* Shadow --------------------------------------------------------------------------------------------------------------------------------*/
.buttonStyle:hover, .buttonStyle:focus, .open #checkRequestLogin, .open #userDrpBtn, #LoginPopup input:focus, .forgotPasswrdPage input:focus,
 #LoginPopup, #brandColor_blue .select2-container-active .select2-choice, #brandColor_blue .select2-container-active .select2-choices, #brandColor_blue .makeRequestPanel-body input[type='text']:focus, #brandColor_blue .makeRequestPanel-body input[type='number']:focus, 
 #brandColor_blue .makeRequestPanel-body textarea:focus,.mssagesLeftSection.active,.mssagesLeftSection:hover,.myRequestDetailsMessage,
 .sessionTimeOutpopupCont, .popupCont, span#lanSelWrap:hover, .open#lanSelWrap, ul.langSel{
	box-shadow: 0 5px 10px rgba(33, 33, 33, 0.49);
}
.typeMessageRow{
    box-shadow: 0 0 5px rgba(33, 33, 33, 0.49);
}
#userPopup{
	box-shadow: 0px 0px 8px #20468d;
}
.LoginField 
{
    box-shadow: 0px 0px 5px #ccc;
}
.someOtherTheme{
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
}
.SessionContentFrame{
    box-shadow: rgb(120,120,120,0.3) 0 0 8px 1px;
}
/* Transition ---------------------------------------------------------------------------------------------------------------------------*/
.buttonStyle, span#lanSelWrap:hover, .open#lanSelWrap{
	transition: box-shadow .3s;
}
/* Overflow -----------------------------------------------------------------------------------------------------------------------------*/
body, .filesDisp, .menu-container, .messageLeftRow,.myRequestDetailsSection,.someOtherTheme,.progress, #dsarRequestNum h1.mainContainer_content_h1, #userDrpBtn{
	overflow:hidden;
}
.mainContainer_content, .makeRequestPanel-body textarea,.fRight,.wholereqMessageBlock{
	overflow:auto;
}
.createReqPage, .fleft .requestRightPaneDetail, .mainContainer_content_MyRequest, .quesScrollingArea {
	overflow-y: auto;
}
/* Position -----------------------------------------------------------------------------------------------------------------------------*/
.inputGroup, .radioCont, .checkbox-container, .loginWrap, #LoginPopup .inputField, #captchaCont, #emptyMessages, .createReqRight,.requestSubContent,div#LoginSection,.myRequestMsgDownIcons,.msgIconsRequest,.myRequestDetailsMessage,.requestStatusBar,.circleLine,.someOtherTheme,
.requestDateField, #msgPanelCont, #userDrpBtn, span#languageSelection{
	position: relative;
}
.radioCont input, .radioChk, .radioChk:after, .inputField .checkmark, .checkbox-container input,
 .checkbox-container .checkmark:after, #userPopup, #LoginPopup .inputField .icon,
  #LoginPopup,/*  #LoginPopup:before, #LoginPopup:after, */ #LoginPopup .viewPwd, .refreshCaptchaCont, .emptyMsgCont, .reqMark, .jqEasyCounterMsg,.requestSubContent  p:before, .requestSubContent  p:after,.myRequestMsgDownIcons i,.typeMessageRow,.sendMessage,.sendMessage>span,
  .innerCircle,.innerCircle i,.separatorLine,.someOtherTheme .noty_close,.myRequestMsgDownIcons.downloadIconsRequestS i,.sessionTimeOutpopupCont, .popupCont,.sessionTimeOutContainer,
  .sessionTimeOut,#fileOpProgress,.requestDateField:before,#transBgMask,.forgotPasswrdPage .inputField i,.chBoxConsent, #userDrpBtn > .icon-arrow_down, ul.langSel:after, ul.langSel:before, ul.langSel{
	position: absolute;
}
.loginMask,#loadingImg,.noty_modal.someOtherTheme,.popupMask, #sessionPopupMask,.pageMasking, #Loading{
	position: fixed;
}
.datepicTop {
	top: -200px !important;
}
/* #LoginPopup:before, */ ul.langSel:before{
	top: -14px;
}
/* #LoginPopup:after{
	top: -16px;
} */
ul.langSel:after {
	top: -16.95px;
}
.radioChk, .inputField .checkmark, .loginMask, #LoginPopup .inputField .icon, .forgotPasswrdPage.setPassword .inputField i,
.noty_modal.someOtherTheme,.popupMask, #sessionPopupMask,.pageMasking,#transBgMask,.chBoxConsent{
	top: 0;
}
.radioCont .radioChk:after, .checkbox-container .checkmark:after{
	top: 2px;
}
.select2-container .select2-choice .select2-arrow, #userDrpBtn > .icon-arrow_down{
	top: 5px;
}
.select2-container.select2-allowclear .select2-choice abbr,.innerCircle i{
	top: 12px;
}
#LoginPopup .viewPwd{
	top: 18px;
}
ul.langSel {
	top: 25px;
}
.datePicAdj {
    top: 36px !important;
}
/* #LoginPopup{
	top: 40px;
} */
.emptyMsgCont,.myRequestMsgDownIcons i,.innerCircle,#loadingImg,.myRequestMsgDownIcons.downloadIconsRequestS i,.sessionTimeOutpopupCont, .popupCont,
.sessionTimeOutContainer{
	top: 50%;
}
.requestSubContent p:before
{
    top: 3px;
}
.requestSubContent p:after{
    top: 2px;
}
.sendMessage{
    top:38px;
}
.sendMessage>span{
    top:54%;
}
.separatorLine{
    top:35%;
}
.separatorLine.myMsgReq{
    top:29%;
}
.someOtherTheme .noty_close{
    top:4px;
}
.sessionTimeOut{
    top:45px;
}
#fileOpProgress {
    top:95px;
}
.requestDateField:before{
    top:9px;
}
/* .required, .valError{
	bottom: -20px;
} */
.refreshCaptchaCont{
	bottom: 25px;
}
#userPopup{
	bottom: -50px;
}
.typeMessageRow, .termsAndConditionsPolicy{
    bottom: 6px;
}
.datePicAdj, .datepicTop {
    left: 0px !important;
}
.radioChk, .inputField .checkmark, .loginMask, #LoginPopup .inputField .icon, .reqMark,.noty_modal.someOtherTheme,.popupMask,
 #sessionPopupMask,.pageMasking,#transBgMask ,.chBoxConsent, ul.langSel{
	left: 0;
}
.radioCont .radioChk:after{
	left: 2px;
}
.checkbox-container .checkmark:after{
	left: 6px;
}
.refreshCaptchaCont{
	left: 245px;
	display: flex;
    flex-direction: column;
    top: 0;
}
#playAudio {
    margin-top: 20px;
}
.requestSubContent p:after{
    left: 245px;
}
.requestSubContent p:before {
    left: 245px;
}
.myRequestMsgDownIcons i,.innerCircle,#loadingImg,.myRequestMsgDownIcons.downloadIconsRequestS i,.sessionTimeOutpopupCont, .popupCont,.sessionTimeOutContainer,
#fileOpProgress {
    left:50%;
}
.typeMessageRow{
    left: 8px;
}
.innerCircle i{
    left:9px;
}
.separatorLine{
  left:-109px;
}
/* .required, .valError{
	left: 295px;
} */
.requestSubContent.toProcess p:before, .requestSubContent.toProcess p:after {
    left: 440px;
}
#userPopup, /* #LoginPopup, */ .forgotPasswrdPage.setPassword .inputField i, ul.langSel{
	right: 0px;
}
.select2-container .select2-choice .select2-arrow{
	right: 5px;
}
#LoginPopup .viewPwd{
	right: 8px;
}
#userDrpBtn > .icon-arrow_down{
	right: 15px;	
}
/* #LoginPopup:before, #LoginPopup:after, */.requestSubContent p:after, ul.langSel:after{
	right: 23px;
}
ul.langSel:before {
	right: 24px;
}
.sendMessage{
    right: 32px;
}
.sendMessage>span{
    right: 50%;
}
.someOtherTheme .noty_close{
    right:4px;
}
.requestDateField:before{
    right:10px;
}
/* Misc -----------------------------------------------------------------------------------------------------------------------------*/
.inputGroup .inputField input, .inputGroup, .makeRequestPanel-body textarea, #mkReqBodyCont .inputLabel, #userPopup, .menu-container, 
.messagesLeftPane, .countryRegion,.fRight,div#LoginSection,.reqName,.myRequestDetailsMessage .msgHeading,.sendMessage,
.sessionTimeOutConfirmCancel, .confirmCancel,.confirmSignOut,.sessionTimeOutCancel, .cancel,.sessionTimeOut,.SessionContentFrame,
.subjectType .chkSpan, .subjectType .radioTextSpan, .subjectType .chkSpan label.radioCont{
	box-sizing: border-box;
}
.radioCont input, .checkbox-container input, .captchaReq .inputLabels{
	opacity: 0;
}
.someOtherTheme .noty_close {
    opacity: 0.5;
}
.noty_modal.someOtherTheme{
    opacity: 0.6;
}
.disabled, .radioTextSpan {
    opacity: 0.3;
}
.active .radioTextSpan{
	opacity: 1;
}
.required, .valError, #userPopup,.progress-bar, #dsarRequestNum h1.mainContainer_content_h1, #userDrpBtn{
	white-space: nowrap;
}
span.requestNameMsg.msgOfRequest{
    white-space: pre-wrap;
}
span.requestNameMsg.msgOfRequest{
    white-space: pre-line;
}
.filesDisp, #dsarRequestNum h1.mainContainer_content_h1, #userDrpBtn{
	text-overflow: ellipsis;
}
.checkbox-container .checkmark:after{
	webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.radioCont, .checkbox-container{
    user-select: none;
}
.makeRequestPanel-body textarea, #typeMessage{
	resize: none !important;
}
/* #LoginPopup:after, */ ul.langSel:after{
	z-index: -1;
}
.loginMask, .requestSubContent p:before{
	z-index: 1;
}
#userPopup, #LoginPopup,.popupMask, #sessionPopupMask, ul.langSel{
	z-index: 2;
}
.requestSubContent p:after, .requestDateField:before
{
    z-index: 0;
}
#Loading,.noty_modal.someOtherTheme{
    z-index:10000;
}
#sessionPopupMask,#transBgMask{
	z-index: 4;
}
.pageMasking{
    z-index:9999;
}
.sessionTimeOutpopupCont,#fileOpProgress{
	z-index: 5;
}
.popupCont{
    z-index: 3;
}
.sessionTimeOut{
    z-index: 999;
}
#mkReqBodyCont .inputField, #mkReqBodyCont .inputField,.reqStatusName,.myRequestMsgDownIcons,.requestStatusBar,#Loading,
.subjectType .chkSpan, .subjectType .radioTextSpan, .authLoginBtn, .authTxt{
	vertical-align: middle;
}
.senderMessageContainer .messageIcons,.reqMessageContainer .messageIcons{
    vertical-align: top;
}
.typeMessageRow{
    outline: 0px;
}
#refresh{
    outline-color: #f26c38;
}
.someOtherTheme .noty_close{
    visibility: hidden;
}
.someOtherTheme:hover > .noty_bar > .noty_message > .noty_close {
    visibility: visible;
}
/* pointer Events */
.disabled, .unSelectLeftSideDiv, .radioTextSpan, .disable
{
    pointer-events: none;
}
.active .radioTextSpan{
	pointer-events: all;
}
sessionTimeOutNonSelectable, .nonSelectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.requestDateField:before{
    font-family: 'exterroicons';
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0.625rem 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0.625rem 0
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 0.625rem 0.625rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 0.25s linear infinite !important;
    animation: progress-bar-stripes 0.25s linear infinite !important;
}

/** webkit direction && webkit transition*/
.progress-bar{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.progress-bar{
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}
/********** Custom Css By UI Team ***************/
/*Brand changes*/
.dsarBrandBtnContainer
{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
}
.dsarBrandBtn
{
    background: #f6f6fa;
    border: 1px solid #e7e8ed;
    border-radius: 5px 5px 0 0;
    color: #383938;
    font-size: 14px;
    height: 39px;
    position: relative;
    cursor: pointer;
    user-select: none;
    padding-right: 40px;
    display: inline-block;
}
.dsarBrandArrow
{
    background: #e7e8ed;
    color: #383938;
    border: 1px solid #f6f6fa;
    border-radius: 50px;
    font-size: 14px;
    position: absolute;
    height: 25px;
    width: 25px;
    right: 3px;
    top: 5px;
    transform: rotate(180deg);
}
.chooseBrandSpan
{
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-top: 10px;
}
.icon-arrow_down:before
{
    margin-top: 9px;
    margin-left: 8px;
    font-size: 10px;
}
div#dsarBrandPanel:before
{
	content: "";
    border-width: 8px;
    position: absolute;
    border-style: solid;
    bottom: 0;
    top: 100%;
    left: 106px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: #f6f6f6;
}

div#dsarBrandPanel:after
{
    content: "";
    border-width: 9px;
    position: absolute;
    border-style: solid;
    bottom: 0;
    top: 100%;
    left: 105px;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #244092;
    z-index: -1;
}

#dsarBrandPanel
{
    position: absolute;
    bottom: 55px;
    left: 10px;
    box-sizing: border-box;
    padding: 10px 10px 0px;
    background: #f6f6fa;
    border: 1px solid #20468d;
    box-shadow: 0 5px 10px rgba(33, 33, 33, 0.49);
    border-radius: 10px;
    z-index: 2;
    max-width: calc(100% - 20px);
    min-width: 150px;
}
#dsarBrandPanel > div{
	white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 10px;
}
.displayBrand, #languageSelectionMask, .langSel
{
    display: none;
}
.brandDetailSpan
{
    width: 175px;
    height: 50px;
    background: #ffffff;
    Border-radius: 5px;
    border: 1px solid #f0efef;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.brandDetailSpan:first-child {
    margin-left: 0;
}
.brandDetailSpan a{
	width: 100%;
    height: 100%;
    display: block;
}
.dsarBrandBtn.open, span#lanSelWrap:hover, .open#lanSelWrap, ul.langSel li:hover
{
    background: #244092 !important;
    color: #ffffff;
}
.dsarBrandBtn.open .dsarBrandArrow
{
    background: #ffffff !important;
}
.dsarBrandBtn:hover
{
    background: #244092 !important;
    color: #ffffff;
}
.dsarBrandBtn:hover .dsarBrandArrow
{
    background: #ffffff !important;
}
#brandPopMask{
	cursor: default;
}
#emailveryfyMsgSection , #emailveryfyMsgConfirmationSuccess{
	text-align: center;
    top: 50%;
    bottom: 50%;
    position: absolute;
    left: 0;
    right: 0;
    color: #244092;
    font-size: 20px;
     font-weight: 600;
}
#veryfyMsgBg{
	background:#FFF;
}
#consentchbox{
	margin-left: -23px !important;
}
span#consentText{
	margin-left: 26px;
	cursor: default;
	line-height: 0;
} 


.consentTextDsar#consentText {
	line-height: 1.5 !important;
}

.searchReq .checkBoxConsent#consentText {
	line-height: 1.15 !important;
}
#notificationSpan
{
    padding: 5px;
    background: #ef4c6a;
    border-radius: 50%;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: 0px;
    left: 28px;
    top: -7px;
    border: 2px solid #fff;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.makeRequest-Container .createReqRight.disable  .select2-container.select2-container-disabled .select2-choice {
	background: #c3c3c3 !important;
}

/* For iPad certification alignment changes*/
@media screen and (max-width: 1300px) and (min-width: 950px) {
	.separatorLine{
		width: 102px;
		left: -79px; 
	}
	.requestStatusBar{
		margin-left: 25px;
		margin-right: 25px;
	}
	.mainContainer_content_area
	{
	    width: 75%;
	}
	#signInBtnTxt{
    	display: none;
    }
    #loginBtnTxt{
	    display: inline-block; /*!important;*/
	}
	
}
/* For mobile support - start*/
@media screen and (max-width: 949px){/*768px*/
	*{
        /*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
        outline: 0;
    }
	/*#loginCont, */.mainContainer_content_box02, .requestSubContent p:before, .requestSubContent p:after, .mainContainer_content_h1.requestHeader, #dsarRequestNum > .mainContainer_content_h1, .showDetail > #msgCont, #msgPanelCont/*, #userName*/{
		display: none !important;
	}
	#msgPanelCont{
		display: block !important;
	}
	#consentToThePolicy .chkSpan.autolabel, #consentToThePolicy label.checkbox-container, #consentToThePolicy .chBoxConsent, #consentToThePolicy #consentText, #backToReqListBtn/*, #userIcon*/ {
	    display: inline-block;
	}
	.mainContainer_content_h1.requestHeader, .mkeReqHdr, .mainContainer_content_h1.requSubmitSuccess{
		font-size: 20px;
	}
	#consentToThePolicy label.checkbox-container {
	    width: auto;
	}
	#consentToThePolicy .chBoxConsent {
	    width: 18px;
	}
	#LoginPopup{
		width: 250px;
	}
	.SessionContentFrame, .sessionTimeOutpopupCont{
		width: 300px !important;
	}
	#dsarContainer > .mainContainer_content_area, #createReqPageLoading > .mainContainer_content_area{
		width: calc(100% - 20px)
	}
	.instructionCont, .createReqLeft, .createReqRight, .requestSubContent, .subjectType .splitSection .chkSpan, .subjectType .splitSection .radio.mainContainer, .mainHeader, .mainContainer_content, .mainContainer_content_box01, .mainContainer_content_box02, .mainContainer_content_box03, .inputGroup, .parentContainer, .makeRequestPanel-body input[type='text'], .makeRequestPanel-body select, .makeRequestPanel-body input[type='number'], .singleSelValRender, .makeRequestPanel-body textarea, .loginMask, #LoginPopup .inputField, #LoginPopup input, .forgotPasswrdPage input, #emptyMessages, .emptyMsgCont, .manageMessageContainer, .messageLeftRow, .reqValue a.filesDisp, #mkReqBodyCont .inputLabel, #mkReqBodyCont .inputField, .forgotPasswrdPage .inputField, .forgotPasswrdPage .inputField input, .myReqMsgContinaer, .countryRegion, .myRequestDetailsSection, .myRequestDetailsMessage .msgHeading, .wholereqMessageBlock, #Loading, .noty_modal.someOtherTheme, .senderMessageContainer .rowAgency, .senderMessageContainer, .reqMessageContainer, .reqMessageContainer .rowAgency, .popupMask, #sessionPopupMask, .pageMasking, .sessionTimeOut, .requestDateField, #transBgMask, div.sel2OthersChkBox, .subjectType .radioWrap, .subjectType .chkSpan label.radioCont, .authTxt, #userDrpBtnTextSpan, #msgPanelCont, #msgCont, .radioWrapIdology{
		width: 100%;
	}
	ul#noty_topCenter_layout_container {
    	width: calc(100% - 20px) !important;
	}
	.msgBox	{
		width: calc(100% - 65px);
	}
	.typeMessageRow {
	    width: calc(100% - 15px);
	}
	#dsarRequestNum{
		width: calc(100% - 125px);
	}
	li.someOtherTheme {
	    width: 100% !important;
	}
	#consentToThePolicy .chBoxConsent {
	    height: 18px;
	}
	#consentToThePolicy label.checkbox-container{
		height: 20px;	
	}
	#reqDetialSection, .mainContainer_content_MyRequest{
		height: calc(100vh - 112px);
	}
	.createReqPage{
	    height: calc(100vh - 120px);
	}
	.fleft .requestRightPaneDetail {
	    height: calc(100vh - 123px);
	}
	body.otherPage #LoginPopup{
		right: -50px;
	}
	/* #LoginPopup:before, #LoginPopup:after {
	    right: 15px;
	} */
	body.otherPage #LoginPopup:before, body.otherPage #LoginPopup:after{
		right: 69px;
	}
	.myRequestMsgDownIcons, #appealRequestBtn{
		margin-top: 5px;
	}
	.mainContainer_content_box03, .createReqRight, .forgotPasswrdPage, #createNewReq, #submitMakeRequestPanel, .subjectType .splitSection .radioTextSpan{
		margin-top: 10px;
	}
	#backToReqListBtn{
		margin-top: 11px;
	}
	.reqStatusName{
		margin-top: 12px;	
	}
	#consentToThePolicy .chkSpan.autolabel {
		margin-right: 0;
	}
	#idleTimeSignOut{
		margin-right: 0 !important;	
	}
	#consentToThePolicy label.checkbox-container, #chatContainer {
	    margin-right: 10px;
	}
	.myRequestMsgDownIcons, #appealRequestBtn{
		margin-bottom: 5px;
	}
	#createNewReq, #submitMakeRequestPanel{
		margin-bottom: 10px;
	}
	.SessionContentFrame, .sessionTimeOutpopupCont{
		margin-left: -150px !important;
	}
	#consentToThePolicy {
	    margin-left: 0px;
	}
	.reqStatusName{
		margin-left: 5px;	
	}
	#chatContainer{
		margin-left: 10px;
	}
	#consentToThePolicy #consentText {
	    margin: 0;
	}
	.mainContainer_content_box03{
		overflow: auto !important;
	}
	.requestSubContent p{
	    border-top-width: 0px;
	}
	#reqDetialSection, #msgCont, #msgPanelCont{
		padding-top: 0px;
	}
	#reqRightSection, .mainContainer_content_MyRequest, .requestRightPane, .fleft .requestRightPaneDetail, .SessionContentFrame{
		padding-right: 10px;
	}
	#consentToThePolicy {
	    padding-bottom: 0;
	}
	body.iosDevice .createReqPage > .mainContainer_content_area, body.iosDevice:not([class*=otherPage]) .mainContainer_content_area, body.iosDevice .mainContainer_content_MyRequest, body.iosDevice .fleft .requestRightPaneDetail {
		padding-bottom: 120px;
	}
	/*body.iosDevice .createReqPage > .mainContainer_content_area, body.iosDevice:not([class*=otherPage]) .mainContainer_content_area {
		padding-bottom: 120px;
	}*/
	#reqRightSection, .mainContainer_content_MyRequest, .requestRightPane, .fleft .requestRightPaneDetail, .SessionContentFrame{
		padding-left: 10px;
	}
	#consentToThePolicy label.checkbox-container {
	    padding: 0px;
	}
	#consentToThePolicy {
	    text-align: center;
	}
	#consentToThePolicy .chkSpan.autolabel, #consentToThePolicy label.checkbox-container, #consentToThePolicy #consentText {
	    float: none;
	}
	#consentToThePolicy label.checkbox-container, #consentToThePolicy #consentText {
	    vertical-align: middle;
	}
	#consentToThePolicy .chBoxConsent {
	    position: relative;
	}
	body:not([class*=otherPage]){
		overflow: auto !important;
	}
	.sessionTimeOut{
		overflow: hidden;
	}
	.mainContainer_content_MyRequest, .fleft .requestRightPaneDetail{
		box-sizing: border-box;
	}
	#backToReqListBtn {
	    -ms-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	#backToReqListBtn{
		float: left;
	}
	.keyWordCont {
		width: 40% !important;
	}
}

@media screen and (max-width: 600px){
	#loginBtnTxt{
	    display: none !important;
	}
	#signInBtnTxt{
	    display: inline-block;
	}
	/* .mainHeader_buttons_area {
        max-width: calc(100% - 158px);
    }
    .mainHeader_logo { 
        width: 100px;
    } */
  
}



@media screen and (max-width: 359px){
   #loginBtnTxt{
	    display: none !important;
	}
	#signInBtnTxt{
	    display: inline-block;
	}
   #checkRequestLogin .icon-lock_a{   
        margin-right: 3px;
        font-size: 10px;
    }
    #signInBtnTxt{
       margin-left: -3px;
       font-size: 9px;
    }
    #homeNavBtn{
       padding: 8px;
       font-size: 10px;
    }
    body.otherPage #LoginPopup {
        right: -32px;
    }
    #checkRequestLogin{
       padding: 8px;
    }
}

/*@media screen and (max-width: 399px){
	#createNewReq, #submitMakeRequestPanel{
		float: none;
	}
	.mainContainer_content_box01{
		text-align: center;
	}
	.mainContainer_content_h1.requestHeader{
		width: 100%;
	}
	.createReqPage {
	    height: calc(100vh - 163px);
	}
}*/
* {
    -webkit-overflow-scrolling: touch;
}
/* For mobile support - end*/
ul.langSel {
	list-style-type: none;
}


.buttonStyle.searchReq {
	margin-right: 10px;
}

.mainContainer_content_h1.requestHeader.searchReq {
	font-size: 16px;
}

.buttonStyle.searchReqBack {
	margin-top: 0px;
}

.mainContainer_content_box01.searchReq {
	border-bottom: none;
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: 5px;
}

.mainContainer_content_box02.searchReq {
	border-bottom: 1px solid #a9b2bd;
}

.Content_container.searchReq {
	text-align: unset;
	margin: 0px 12px !important;
}

.tabBarCont {
	width: 50px;
    padding: 5px 8px;
    border-radius: 4px 4px 0px 0px;
    background: #244092;
    color: #fff;
    cursor: pointer;
}

.mkeReqHdr.searchReq {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 12px;
	width: 100%;
	background: #F3F5F7;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.keyWordCont {
	width: 50%;
    margin:0px 25px 0px 15px;
}

.searchReqCont.dateField {
	width: 26%;
}

.reqInput.searchReq {
	width: 98%;
    height: 25px;
	border: none !important;
	border-radius: 3px;
}

.reqInput.searchReq:focus, .reqInput.searchReq:active {
	box-shadow: none !important;
}

.searchFieldName {
	color: #555;
    margin-bottom: 5px;
    font-size: 12px;
}

.chkSpan.autolabel.searchReq {
	width: 70px !important;
    margin-right: 5px;
}

.statusCont {
	margin-right: 10px;
}

.checkbxCont {
	height: 25px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    background: #F9FBFF;
    width: 130px;
}

.mainContainer_content_area.searchReq {
	height: 100%;
	width: 90% !important;
}

#searchReqCont {
	height: calc(100% - 40px);
}

.makeRequestPanel-body.searchReq {
	height: 100%;
}

.tableContainer {
	height: calc(100% - 65px);
	background-color: #F3F5F7;
	padding: 0px 10px;
    /* background: #f6f7fa; */
}

.searchReqCont {
	display: flex;
	flex-direction: column;
}

.countContextArea {
	color: #21458B;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 5px;
}


.paginationFooter {
	/* border-top: 1px solid #e1e9f2; */
	background: #f2f2f2;
	text-align: center;
	float:left; /*absolute;*/
	z-index: 100;
	width: 100%;
	position: absolute;
	font-size: 12px;
	color: #787878;
}

.full_Block {
	float:left;
	width:100%;
}

.paginationButton {
	color: #6c6c6c;
	padding: 2px 1px;
	margin: 0;
	float:left;
	display: inline;
	border: 1px solid transparent !important;
	cursor:Pointer;
	
}

.paginationImg {
	color: #6c6c6c;
	padding: 2px 1px;
	margin: 0;
	float:left;
	display: inline;
	border: 1px solid transparent !important;	
}

.showingPageHasFooter {
	display: inline-block;
	margin-top: 6px !important; 
	max-width: 300px;
	margin-right: 5px !important;
	float:left
}

.showingPageHasNoFooter {
	display: inline-block;
	margin-top: 6px !important; 
	max-width: 300px;
	margin-right:15px !important;
	float:left
}

.pageTextBox{
	float: none;
	border: 1px solid !important;
	height:17px; 
	width:30px !important; 
	margin-top:0px; 
	text-align: center;
	cursor: text;
}

.paginationtdFooterClass.hasPageJump {
	vertical-align:middle;
	padding-bottom:2px;
	float:left
}

.paginationtdFooterClass{
	margin-top: 9px;
}

.smartTable_pagination_val {
    display: inline;
}

#paginationInput {
	font-size: 13px;	
	color: #787878;
}
#vpage_modules_tableHolder_pageNumber {
	font-size: 13px;	
	color: #787878;
}

#vpage_modules_tableHolder_public_pageNumber {
	font-size: 13px;	
	color: #787878;
}

#dsarPublicRequestHeader, .mainContainer_content_h1.pReq {
	color: #20468A;
}

.mssagesLeftSection.pReq {
	margin-top: 7px;
}

.mssagesLeftSection.pReq.active {
	box-shadow: none;
}

.mainContainer_content_box02.pReq {
	width: calc(100% - 40px);
    background: #F4F4F8;
    margin: 5px 20px;
	border-radius: 3px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


.smartTable_tr_selected {
	background: #c9e0e8;
}

.smartTable {
  width: 100%;
  border-collapse:collapse; 
}
.smartTable tbody tr{
	border-bottom:1px solid #f0f0f0;
	min-height: 40px;
	background-color: #fff;
	border-top: 2px solid #f3f5f7;
    border-bottom: 2px solid #f3f5f7;
    border-radius: 6px;
}
.smartTable thead {
  background: #f2f2f2;
}

.smartTable thead th {
  padding: 7px;
  color: #787878;
  font-size: 14px;
  height:35px;
  font-weight: 500;
  border-right: none;
  cursor: pointer;
  background-color: #F9F9F9;
  position: sticky;
  top: 0px;
}

.smartTable tbody td {
  color: #787878;
  padding: 7px 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  word-wrap: break-word; 
}
.smartTable tbody {
  /* display:block; */
  /* max-height:412px; */
  overflow-y:auto;
}
.smartTable tbody td{
	/* min-width:110px; */
}
.smartTable tbody td:last-child {
    text-align: center;
}
.paginationButtons.navIcons {
	float:left; 
	margin-right:0px;
}

#resetNewPswd:-ms-input-placeholder,#resetVrypswd:-ms-input-placeholder,#oldPswd:-ms-input-placeholder,#changeNewPswd:-ms-input-placeholder,#cnfChgPwd:-ms-input-placeholder{
  color: #d2d2d2 !important;
}

.smartTable thead, .smartTable tbody tr {
/* display:table; */
width:100%;
 /* table-layout:fixed; */ 
}
#paginationGearIcon {
	font-size:20px;
}

#paginationInput {
	
}
.th-height {
	height:30px;
}
.float-left {
	float: left;	
}
.float-right {
	float: right;
}
.ver-align-mid {
	vertical-align:middle
}
.paginationRefreshIcon {
	font-size:19px;
}
/* #recordsCount{
	float: right;
    color: #787878;
    font-size: 13px;
    padding: 10px 0px;
} */
input::-ms-clear, input::-ms-reveal {
    display: none;
}

.publicReqFooter {
	height: 30px;
}

.dwnAll.publicReq {
	color: #787878;
}

.paginationImg {
	height: 10px;
	width: 10px;
	float:right; 
	margin-right:0;
}

#publicReqLeftPane, #myReqLeftPane {
	height: calc(100% - 92px);
}

#backToPublicSearch {
    /* transform: rotate(90deg); */
    cursor: pointer;
    color: #20468A;
    margin-right: 5px;
}

.mainContainer_content_box01.myRequest {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#searchReset {
	display: none;
	position: absolute;
	top: 6px;
	right: -10px;
	cursor: pointer;
}

#searchIcon {
	position: absolute;
    top: 8px;
    right: 2px;
}

.mainContainer_content_box01.publicLeftPane {
	display: flex;
	align-items: center;
}

.fleft.messagesLeftPane {
	position: relative;
}

.mainHeader_buttons_area {
	display: flex;
	align-items: center;
}

.createReqPage.searchReq {
	overflow: hidden;
}

.inputField.searchKeyword {
	width: 100%;
	position: relative;
	background: #fff;
}

.date-div-cont {
	display: flex;
	align-items:center;
}

#searchStartDate, #searchEndDate {
	height: 25px;
	border: none;
}

.inputField.startDate {
	margin-right: 15px;
}

.publicRecordsTableSearch {
	height: 100%;
}

.publicPagFooter {
	width: 90%;
}

.mainHeader_buttons_area.prr {
	display: flex;align-items: center;
}

#dsarMyRequestHeader {
	color: #20468A;
	text-transform: none;
}

#backToMainPage {
	padding: 7px 12px !important;
}

#dsarRequestNum .mainContainer_content_h1.pReq {
	text-transform: none !important;
}

#dsarPublicRequestHeader {
	text-transform: none !important;
}

.docDownloadCont {
    padding: 12px 15px;
    background: #F9F9F9;
    border-radius: 3px;
    color: #4D5265;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 5px;
    width: 155px;
    cursor: pointer;
}

.reqDetailsCont {
	display: flex;
	align-items: center;
	margin: 8px 0px;
	padding: 5px;
}

.mainContainer_content_area.publicSearchReq{
	width: 90% !important;
}

#cancelRequestCreation {
	margin-right: 10px;
	background: #565656 !important;
}

.public-req-downloadAll {
	float: right;
}

.downloadPublicDocContainer {
	display: flex;
	flex-wrap: wrap;
}

#searchKeyword {
	width: 95% !important;
}

.searchbyTxt {
	text-transform: none !important;
}

#publicSearchRecords {
	position: relative;
}

#noResultDesc {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
}

.myReqHeaderLeft {
	display: flex;
    align-items: center;
}

#refreshMyReq {
	margin-top: 5px;
    margin-left: 8px;
    cursor: pointer;
    color: #383838;
}

#idleTimeOutCancel {
	background: #f4f5f9;
    border-radius: 15px;
}

/* For Upload Popup */
#fileUploadPopup{
	overflow: hidden;
    width: auto;
    min-height: 21.507px;
    max-height: 385.507px;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    display: block;
    width: auto;
    min-height: 54px;
    max-height: 418px;
    height: auto;
    padding: 0;
    clear: both;
    box-sizing: border-box;
    border: 0 !important;
    width: 100% !important;
    margin-top: 1px;
    position: relative;
    border: 0;
    background: none;
    overflow: auto;
    overflow-y: auto !important;
    min-width: 300px;
    min-height: 200px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    background: inherit;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}
.ui-dialog .ui-dialog-buttonpane{
    border-bottom-right-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
	margin-right: 0;
    margin-top: 0 !important;
    background: #E3E3E3;
    padding: 9px 0px 9px 0px;
    border-top: 1px solid #E3E3E3;
    height: 31px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: right;
}
.buttonFinalProjecActivity{
    background: #58C15E !important;
    background-repeat: no-repeat !important;
    background-position: 10% !important;
    background-size: 20% !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    padding: 6px !important;
    font-family: inherit !important;
}
.ui-dialog .ui-dialog-titlebar-close{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: #FFF;
    border: none;
    cursor: pointer;
}
.grey_butt{
	background: #3b6a98 !important;
	border: 1px solid #3b6a98 !important;
	color: #fff !important;
	border-radius: 7px !important;
    font-size: 12px !important;
    padding: 6px !important;
    font-family: inherit !important;
}
   .ui-draggable .ui-dialog-titlebar{
		cursor: move;
		border-top-right-radius: 7px !important;
		border-top-left-radius: 7px !important;
		background: #313131 !important;
		height: 40px !important;
		padding-bottom: 4px!important;
		position: relative;
		padding: 2px 0 2px 0 !important;
		background: #313131 !important;
		height: 30px;
		border: none;
	}
	.ui-dialog .ui-dialog-title {
		padding-top: 10px !important;
		float: left;
		margin: .1em 0;
		white-space: nowrap;
		width: 90%;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 15px !important;
		font-weight: normal;
		margin-left: 0 !important;
		padding-top: 3px;
		padding-left: 6px;
		margin-bottom: 5px;
		color: white;
	}
	.documentsUploadframe{
		border: none !important;
	}
	.ui-dialog{
		border-radius: 8px !important;
	    background: none !important;
	    border: 0 !important;
	    box-shadow: 1px 2px 10px #000;
	    padding: 0px !important;
	}
	.icon-close-img {
		background-image: url(../css/images/closerWhite.png?version=_xtrb9e288fa5dda72e133cc69795f215a92xtr_) !important;
	    width: 16px !important;
	    height: 16px !important;
		right: 0.5em !important;
		top: 1.4em !important;
}
.noResults{
	position: absolute;
    left: 35%;
    top: 50%;
    font-size: 20px;
    vertical-align: bottom;
    color: #827b7b;
    margin-top: 10px;
}
.noDocumentsDoc{
	position: absolute;
    left: 38%;
    top: 16%;
}
.msgIconsRequest{
	margin-right: 9px !important;
}
.ReqDescSection{
    background-color: #fbfbfb;
    font-size: 12px;
    padding: 4px;
    width: 100%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
	margin-bottom: 8px !important;
	margin-top: -10px;
}
.requestInfoIcon{
	margin-left: 3px;
	font-size: 10px;
	cursor: pointer;
}
.reqBtm{
	margin-bottom: 8px !important;
}
.mh-20{
	min-height: 20px;
}

.mr-9 {
	margin-right: 9px;
}

.fs-14 {
	font-size: 14px;
}

.fw-500 {
	font-weight: 500;
}

.color-44a3ff {
	color: #44a3ff;
}

#appealRequestDialog{
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif !important;
    font-size: 14px !important;
    padding: 0;
    margin: 0;
    width: 100% !important;
	overflow: hidden;
}
#appealRequestDialog .createReqPage  {
	background: #FFFFFF !important;
}
#appealRequestDialog .createReqPage .mainContainer_content_area  {
	width: calc(100% - 40px)!important;
    padding: 15px 20px;
}

#appealRequestDialog .createReqPage{
	height: calc(100vh - 192px);
}
  
.ui-draggable .ui-dialog-titlebar.appealRequestDialogCSS {
color: #44a3ff;
background: #FFFFFF !important;
}

.appealRequestDialogCSS .ui-dialog-title {
	color: #44a3ff;
    text-align: center;
    width: calc(100% - 10px) !important;
    font-size: 16px !important;
}

.appealRequestDialogPagination {
background: #FFFFFF !important;
}

.appealRequestDialogPagination button{
border-radius: 20px !important;
}

.ui-dialog-titlebar-close.icon-close {
	color: red !important;
}

.reqNumReqTypeWrapper {
	float: left;
    width: calc(100% - 100px);
}

/* OTP STYLING */
.otp-form {
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    max-width: 400px;
    width: 100%;
}


/* OTP input styles */
.OTPContainer.showOTPContainer {
	display: block;
	width: 100%;
}
.email-otp-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.email-otp-input {
    width: 40px !important;
    height: 40px;
    text-align: center;
    font-size: 18px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
	padding: 0 !important;
	margin-top: 0px !important;
}

.email-otp-input:focus {
    border-color: #007bff;
}
.email-otp {
    margin-top: 0px;
}

.leftInnerPanel-body {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.otp-button-container, .signInWithPasswordFooter {
	width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-top: 15px;
}

#generate-otp-button, #resend-otp-button, .otp-help-text, .forgetPasswordBtn {
	color: #244092;
    font-size: 14px;
	cursor: pointer;
	font-weight: 500;
	padding: 3px;
}

.otp-help-text {
	cursor: default;
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
	padding: 0px;
}

#timer {
	color: #58C15E;
	font-size: 12px;
	width: 100%;
    text-align: center;
	font-weight: 500;
}

.disable-btn {
	pointer-events: none;
	cursor: default;
	opacity: 0.7;
}

.wrong-OTP, .expired {
	font-size: 12px;
	color: red !important;
}

.hideContainer {
	display: none;
} 

.inputGroupOTP {
	margin-bottom: 10px;
}

#loginPopMask {
	background: #DDDDDD;
	opacity: 0.8;
}

input#signIn_uname, input#signIn_paswd, div.inputField i.icon {
	font-size: 14px;
}

input#signIn_uname:read-only {
    background: #EFEFEF;
    box-shadow: none;
	outline: none;
	color: #111111 !important
}


.signInCont {
	padding: 3px;
}

#resend-otp-button:hover {
    color: #1b3274;
    text-decoration: underline;
}