.ajfzicon-menu{
	background: url(../images/menu-button-of-three-horizontal-lines.png) no-repeat;
    height: 21px ;
    width: 21px;
    background-size: 20px;
	margin: 25px 15px 0 15px;
}
.ajfzicon-myemployee{
	background-image: url("../images/my_employees_480.png");	
}
.ajfzicon-service-request{
	background-image: url("../images/service_requests_480.png");	
}
.ajfzicon-cases{
	background-image: url("../images/cases_480.png");	
}
.ajfzicon-home{
	background-image: url("../images/home_480.png");
}
.ajfzicon-company-detail{
	background-image: url("../images/company_details.png");	
}

.ajfzicon-company-detail, .ajfzicon-home, .ajfzicon-cases, .ajfzicon-service-request, .ajfzicon-myemployee{
	height: 15px;
    width: 15px;
    background-size: 15px;
    margin-top: 10px;
}

.side-nav-fixed {
    left: -260px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 260px;
    ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	position:fixed;
}

#portalbody select[multiple] {
	height: auto;
	width: auto !important;
}

.nav-toggle{
	display:none !important;
}

.confirmRequestTotal{
	text-align:right;
}

.portalBalanceLeft {
    width: 30%;
    display: flex;
    justify-content: flex-start;
}

.portalBalanceRight {
    width: 35%;
    margin-bottom: 20px;
    font-family: Open Sans;
    justify-content: flex-end;
}

.portalBalanceButtonsLeft{
	float: left;
	width: 60%;
}

.portalBalanceButtonsRight{    
	float: right;
}

.DocumentEng{
	margin-left: 10%;
	color: blue !important;
}

.DocumentArb{
	margin-left: 30%;
	color: blue !important;
}

@media (max-width:1250px) {
	.amendmentFlowProducts .pbBody{
		overflow: scroll;
		width: 73vw;
	}	
}

@media (max-width:1180px) {
	.amendmentFlowProducts .pbBody{
		width: 71vw;
	}
}

@media (max-width:1024px) {
	.amendmentFlowProducts .pbBody{
		width: 66vw;
	}
}

@media (max-width:991px) {
	.nav-toggle{
		display:block !important;
	}
	.innerPreview .reveal-modal{
		left: 50% !important;
		position: fixed;
		top: 50% !important;
		width: 500px !important;
		margin: 0px auto;
		transform: translate(-50%,-50%);
	}
	
	.amendmentFlowProducts .requiredInput{
		min-width:170px;
	}
	
	.amendmentFlowProducts .pbBody .dateOnlyInput input{
		width: 80px !important;
	}
	
	.amendmentFlowProducts .pbBody{
        width: 87vw;
	}
	
	.amendmentFlowProducts .pbBody .requiredInput .dateFormat{
		display:inline;
	}
	
	.brandPrimaryBrd{
		min-height: 400px;
	}
}

@media only screen and (max-width: 850px){
	.footer-area {
	    margin-left: 0px !important;
	    display: block;
	    height:80px;
	}
	.footer-area .left {
	    float: none;
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding-top: 5px;
	}
	.footer-area .left ul{
		display: flex;justify-content: center;
	}	
	.footer-note{
		padding-left:0px;
	}
	.footer-area .right {
	    float: none;
	    width: 100%;
	    text-align: center;
	    margin: 5px 0px;
	}
	td#bodyCell {
		padding: 30px 10px !important;
	} 
}

@media (max-width:800px) {
	#contentWrapper {
		min-width: 100%;
	}
}

@media (max-width:767px) {
	.detailList{
		display: block !important;
		width: 100% !important;
		border-collapse: unset !important;
	}
	.detailList tbody{
		display:block !important
	}
	.detailList tbody tr{
		display: block;
		width: 100%;
		float: none !important;
	}
	.detailList tbody tr td{
		display: block !important;
		float: none !important;
		width: 100% !important;
	}
	.detailList tbody tr th{
		display: block !important;
		float: none !important;
		width: 100% !important;
		text-align: left !important;
		padding: 0px 0px 0px 10px !important;
	}
	.detailList tbody tr td .rowWrapper{
		display: block !important;
		text-align: left !important;
	}
	.detailList tbody tr td .labelWrapper{
		display: block !important;
		width: 100% !important;
		text-align: left !important;
	}
	.detailList tbody tr td .fieldWrapper{
		width: 100% !important;
		display: block !important;
	}
	.detailList tbody tr td .descWrapper{
		display: block !important;
		width: 100% !important;
	}
	/*page: VF_ManageShareTransfer - Start*/
	.manageSharePageDiv .detailList{
		display: table !important;
		width: 100% !important;
		border-collapse: collapse !important;
	}
	.manageSharePageDiv .detailList tbody {
		display: table-row-group !important;
		width: 100%;
	}	
	.manageSharePageDiv	.detailList tbody tr{
		display: table-row;
		width: 100% !important;
		float: none !important;
	}	
	.manageSharePageDiv .detailList tbody tr td {
		display: table-cell !important;
		float: none !important;
		width: 100% !important;
	}
	.manageSharePageDiv	.detailList tbody tr th{
		display: table-cell !important;
		float: auto !important;
		width: 100% !important;
		text-align: left !important;
		padding: 0px 0px 0px 10px !important;
	}
	.AmendmentDetailsClass .pbSubsection{
		overflow:scroll;
	}
	/*page: VF_ManageShareTransfer - End*/

	#portalbody select[multiple]{
		width:100% !important;
		min-height: 96px !important;
		height: 96px !important;
		color: black !important;	
		border-left: 3px #FFA300 solid !important;
	}	
	
	#portalbody select[multiple]:focus option:checked {
	  background: #000 linear-gradient(0deg, #cecece 0%, #cecece 100%);
	  color: #CCC !important;
	}
	
	#portalbody .editPage .secondaryPalette .detailList .data2Col.last .requiredInput .requiredBlock{
		background:transparent !important;
	}
	
	li#header-settings, li.help-support{
		min-width: 45px;
	}
	
	.confirmRequestTotal{
		text-align:left;
		padding-left: 16px !important;
	}
	.confirmRequestValue{		
		padding-left: 16px !important;
	}
	
	.portalBalanceLeft{
		width:100%;
	}
	
	.portalBalanceRight {
		width: 100%;		
	}
	
	.portalBalanceRight .total-amount th,.portalBalanceRight .total-amount td{
		text-align:left !important;
		padding-left: 15px !important;
	}
	.portalBalanceLeft th, .portalBalanceLeft td, .portalBalanceRight td .portalBalanceRight th{
		text-align:left !important;
		padding-left: 15px !important;
	}
	
	.portalBalanceButtons {
		display: flex;
		flex-wrap: wrap;
		text-align: left;
		width: 100%;
		justify-content: space-between;
	}
	
	.portalBalanceButtonsLeft {    
		display: block;
		width: 100%;
	}
	.portalBalanceButtonsRight{
		display: block;
		width: 100%;
		float:left;
	}
	
	/*VF_ManageProperty Start*/
	
	.manageServicePage .pbBody {
		overflow:scroll;
		width: 84vw; 
	}
	/*VF_ManageProperty End*/
	
	.autoScrollVWWidth {
		overflow:scroll;
		width: 84vw; 		
	}
	
	.DocumentEng,.DocumentArb{
		margin-left: 15px;
		display: block;
		text-align: left;		
	}
	
	.amendmentFlowProducts .pbBody{
		width: 93vw;
	}
	
	.table-form-field .apexp .bPageBlock .detailList {
		padding: 0px 10px;
	}
	
	.table-form-field .apexp .bPageBlock .detailList select {
		width: 95% !important;
	}

	.table-form-field .apexp .bPageBlock .detailList tbody tr th{
		padding:0px !important;
	}
	
	.laboursite select, .laboursite input {
		width: 100% !important;
	}
		
	.laboursite .last input {
		width: auto !important;
	}	
	
	.labourComplaintsite .dateInput .dateFormat{
		display:block;
	}
	
	.labourComplaintsite select[multiple]{		
		min-height: 96px !important;
	}	
	
	/*page: VF_UploadDocuments - Start*/
	.uploadDocPage .list{
		display: block !important;
		width: 100% !important;
		border-collapse: unset !important;
		position: relative;
		
	}
	.uploadDocPage .list tbody{
		display:block !important
	}
	.uploadDocPage .list tbody tr {
		display: block;
		width: 100%;
		float: none !important;
		border-top: 10px solid #f2f2f2;
		border-bottom: 10px solid #f2f2f2;
	}
	
	.uploadDocPage .list tbody tr td{
		display: block !important;
		float: none !important;		
	}
	.uploadDocPage .list thead tr th{
		display: none !important;
		
	}
	.uploadDocPage .list tbody tr td .rowWrapper{
		display: block !important;
		text-align: left !important;
	}
	.uploadDocPage .list tbody tr td .labelWrapper{
		display: block !important;
		width: 100% !important;
		text-align: left !important;
	}
	.uploadDocPage .list tbody tr td .fieldWrapper{
		width: 100% !important;
		display: block !important;
	}
	.uploadDocPage .list tbody tr td .descWrapper{
		display: block !important;
		width: 100% !important;
	}	
	.uploadDocPage .list #lnkUpload label{
		float: right !important;
		width: 70px;
		text-align: right;
		color: #247de1 !important;
		font-size: 15px;
		margin-top: 25px;
		z-index: 1;
		margin-right: 10px;
	}
	.uploadDocPage .list td:first-child{
		width: 70px !important;
		float: right !important;
	}
	.uploadDocPage .list td{
		width: calc(100% - 80px) !important;
	}
	.uploadDocPage .list td:nth-child(5) span {
		background: #d3e5f9;
		border-radius: 15px;
		color: #267ce1;
		padding: 5px 10px;
	}
	
	.uploadDocPage .list #Active_chkbox{
		content:url("../images/required.png") !important;
		width: 100px;
		height: 28px;
	} 
	.uploadDocPage .list #InActive_chkbox{
		display:none !important;
	}
	.uploadDocPage .list td:nth-child(6){
		min-width: calc(100% - 80px) !important;
	}
	
	.uploadDocPage .list td:nth-child(4){
		display: table-cell !important;
	}	
	.uploadDocPage .list td:nth-child(5){
		display: table-cell !important;
	}
	.uploadDocPage .list td:first-child label {
		color: #247de1 !important;
		font-size: 13px;
		text-decoration: underline;
	}
	.uploadDocPage .list td:first-child label:nth-child(2){
		display: none;
	}
	.uploadDocPage .list td:first-child label:nth-child(4){
		display: none;
	}
	.uploadDocPage .list td:nth-child(2){
		color: #000 !important;
		font-size: 15px !important;
		font-weight: 700 !important;
	}
	
	.uploadDocPage .bDetailBlock{
		width: 95% !important;
	}
	.uploadDocPage .bDetailBlock .documentInstruction {
		height: 350px;
		overflow: auto;
	}
	
	.brandPrimaryBrd{
		min-height: 400px;
	}
	.messageText{
		max-height: 280px;
		overflow: auto;
	}
	
	#contactModal .list tr{
		border-bottom:0.5px solid #a49f9f; 
	}
	
	.roletd {
		padding-top: 10px;
	}
	.btnPerformaInvoice{
		min-width: 140px !important;
	}
	
	.amendmentFlowProducts .list a{
		padding: 5px;		
		text-decoration:underline !important;  
	}
	
	.topbar form.navbar-form {
		display:none;
	}
	.navbar-nav {
		margin:0px !important;
	}
	.companyDetailsPage .detailList .labelCol {
		text-align: left;
		font-size: 11px !important;
		padding-left: 11px;
	}
	.companyDetailsPage,.companyDetailsPage .pbBody{
		width: 92vw;
	}

	.companyDetailsPage .bDetailBlock .pbBody {
		width: 92vw;
	}
	
	#RPPWarning{
		width: 94vw !important;
	}
	
	.bRelatedList, {
		width: 94vw;
		overflow:scroll;
	}
	.container-fluid{
		width: 94vw;
		
	}
	.Custom55Tab .pbBottomButtons table{
		display:block;
	}
	.Custom55Tab .pbBottomButtons table tbody{
		display:block;
		width: 100%;
	}
	.Custom55Tab .pbBottomButtons table tbody tr{
		display:block;
	}
	.Custom55Tab .pbBottomButtons table tbody tr td{
		display:block;
		width: 100%;
	}
	.Custom55Tab .pbSubsection .detailList tbody tr td{
		text-align: left !important;
		padding-left: 10px !important;
	}

	.setWidth95vw .pbBody{
		width: 95vw;
	}
	
	.custom-row #bodyCell{
		padding: 10px !important;
	}
	.leftClassSRPayment{
		width: 100% !important;;
		float: none !important;;
	}
	.leftClassSRPayment .list.balance{
		width:100% !important;
	}
	
	.leftClassSRPayment .list.balance th,.leftClassSRPayment .list.balance td{
		text-align:left !important;
	}
	
	.rightClassSRPayment div{		
		display: block !important;
		width: 100% !important;
		text-align: right !important;
		float: none !important;
	}
	
	.rightClassSRPayment .list.total-amount{
		width: 100% !important;
		float: none !important;
	}
	
	.rightClassSRPayment .list.total-amount tr th, .rightClassSRPayment .list.total-amount tr td{
		text-align: left !important;
	}
	
	.paymentPageMainDiv .custom-row{
		min-height: 0px !important;
	}
	
	.paymentfields > div {
		padding: 0px !important;
	}
	
	.contentDiv{
		width: 95% !important;
		left: auto !important;
		right: auto !important;
	}
	
	.thankyouTextArea > textarea{
		width: 100% !important;
	}
	
	.confirmcontainer {
		padding:10px !important; 
	}
	
	.hotListElement .pbButton, .hotListElement .pbHelp {
		display:block;
		width:100%;
		text-align: center !important;
	}
	
	.hotListElement .pbBody .noRowsHeader{
		white-space: normal;    
		word-break: break-word;
	}
	
	.caseTab .bEditBlock .detailList .labelCol {
		text-align: left !important;;
	}
	
	.caseTab .bEditBlock .detailList .data2Col select{
		width: 95% !important;
	}
	.caseTab .bDetailBlock  .detailList .labelCol {
		text-align: left !important;
	}
	
	.caseTab .bPageBlock .data2Col {
		padding-left: 10px !important;
	}
	.caseTab .bPageBlock .labelCol{
		padding-left: 10px !important;	
	}
	
	.leadTab .hotListElement{
		width: 95vw !important;
		overflow: scroll;
	} 
	
	.leadTab .hotListElement .pbBody{
		width: 92vw !important;
		overflow: scroll !important;
	} 	
	
	.leadTab .hotListElement .pbBody th:first-child{
		min-width:100px;
	} 	
		
	.leadTab .detailList .labelCol {
		text-align: left !important;
	}
	
	.leadTab .bEditBlock  .detailList .empty {
		display: none !important;
	}
	.leadTab .bEditBlock  .detailList .labelCol {
	    padding: 0px 0px 0px 8px !important;
	}
	
	.leadTab .bEditBlock  .detailList .dataCol  {	    
		padding-top: 0px !important;
	}
	
	.leadTab .bDetailBlock   .detailList .empty {
		display: none !important;
	}
	.leadTab .bDetailBlock   .detailList .labelCol {
	    padding: 0px 0px 0px 8px !important;
	}
	
	.leadTab .bDetailBlock   .detailList .dataCol  {	    
		padding-top: 0px !important;
	}
	
	.amendmentFlowProducts .showMore{
		font-size: 12px;
		font-weight: bold;
	}
	
	.sf-mobile-menu {
		position: fixed !important;   
		left: 0 !important;
	}
	.sf-username {
		display: none !important;
	}
	.navbar-header {				
		position: relative !important;
		margin-left: auto !important;
		margin-top: 0px !important;
		display: block !important;
		width: 180px !important;
		float: none  !important;
		top: 10px !important;
	}
	.navbar-brand{
		padding 10px 15px !important;
	}
	
	#casePopUp {
		width: 100% !important;
		height: 600px !important;
		top: 100px !important;
		margin: auto !important;
		inset: auto !important;
		margin-top: 100px !important;
	}
	#casePopUp #description{
		height: 200px !important;
	}
	
	.main-content.services .box {
		width: 99% !important;
	}
	
	.realbeneficialOwnership .detailList tr td.data2Col a{
		display: block;
		padding: 0px !important;
		margin: 0px 15px !important;
	}
	
	.realbeneficialOwnershipUnderstand .detailList th.vfLabelColTextWrap input{
		margin-left:10px;
	}
	
	.manageUBO {
		width: 90vw;
	}
	.manageUBO .pbBody{
		overflow: scroll;
	}
	
	.manageUBOcheckBox{
		overflow: scroll;
		width: 100%;
		padding: 0px 15px
	}
	.reveal-modal1{		
		width: 98% !important;
		left: 0 !important;
		margin-left: 0 !important;
		z-index: 101;		
		position: fixed;		
		display: block;
		opacity: 1;
		visibility: visible;
		top: 15% !important;
		margin: 1% !important;
	}
	
	.reveal-modal1 .close-reveal-modal {
		float: right;
		margin-right: 5px;
	}
	
	.reveal-modal1 img{
		width: 99% !important;
		height: auto  !important;
	}
	
	li#header-settings, li.sf-username, li.help-support{
		border-left: 0px !important;
	}
	
	#contextUserContactInfoDialog{
		width: 97% !important;
	}
	
	#PersonalSetup{
		width: 98% !important;
	}
	
	.reqsearch, .pageTopText{
		display: none !important;;
	}
	
	#PersonalSetupContent, #PersonalSetupContentId{
		width: 380px !important;
	}
	
	.personalSetupCell{
		float: left !important;
		min-width: 100% !important;
	}

	/*page: VF_UploadDocuments - End*/
	/*767 end*/
}

@media (max-width:575px) {
	.bPageBlock .detailList .dataCol {
		width: 80%;
	}
	span.dateInput.dateOnlyInput input{
		width: 90% !important;
	}	
	.innerPreview .reveal-modal{
		width: 400px !important;
	}
	.amendmentFlowProducts .pbBody{
        width: 90vw;
	}
}

@media (max-width: 480px){
	#AppBodyHeader .phHeader td.left img:first-child{
		margin-top: 20px;
		width: 150px;
	}
	.Custom55Tab .customnotabBlock .secondaryPalette .pbBody{
		overflow: scroll;
	    width: 91vw;
	}

}
		
@media (max-width: 420px){
	custom-row #bodyCell {
		padding: 5px !important;
	}
	
	#DivNoBorder .bPageBlock {
	    border: none !important;
	    overflow-x: auto;
	    width: 370px !important;
	}
	
	.innerPreview .reveal-modal{
		width: 94% !important
	}	
	.innerPreview .reveal-modal td {
		display: block;
		text-align: left !important;
	}		
	.innerPreview .reveal-modal td textarea{
		width:100% !important;
		margin-top: 3px !important;
	}
	
	.innerPreview .reveal-modal .bPageBlock{
		width: 100% !important;
	}
	
	.PageLstPnl .QuickNav .orderOuterBox{
		height:90px;
	}
	.amendmentFlowProducts .pbBody{
        width: 87vw;
	}
}

@media (max-width: 400px){
	#DivNoBorder .bPageBlock {
	    width: 340px !important;
	}
}
@media (max-width: 380px){
	#DivNoBorder .bPageBlock {
	    width: 320px !important;
	}	
}
@media (max-width: 360px){
	#DivNoBorder .bPageBlock {
	    width: 280px !important;
	}
	.dyncPanel .apexp .btn{
		min-width: 112px !important;
	}
}
@media (max-width: 340px){
	#DivNoBorder .bPageBlock {
	    width: 270px !important;
	}
	#AppBodyHeader .phHeader td.left img:first-child{
		margin-top: 20px;
		width: 128px;
	}
}
@media (max-width: 320px){
	#DivNoBorder .bPageBlock {
	    width: 250px !important;
	}

	.dashboard-content .bPageBlock .pbHeader .btn.right {
		margin-left: 0px !important;
	}
	
	.autoScrollVWWidth{    
		width: 81vw;	
	}
}