.lock{
    overflow: hidden;
	/*position:fixed;
	top:0px; left:0px;
	width:100%; height:100%;*/
}
.activeView{
	-webkit-transform: translate3d(0,0,0)!important;
	-moz-transform: translate3d(0,0,0)!important;
	transform: translate3d(0,0,0)!important;
}
.slideView{display:none;}

/* 
	===============================	
	FOR IPAD  1024
	===============================
*/
@media only screen and (max-width:1050px)
{
	body{border:0px;}
	
	main{display:block;}
	.navMenu{
		display:block;
		position:fixed;
		top:0px; left:0px; z-index:20005;
		width:270px; height:100%;
		
		border-top:5px solid #2368cb;
		background-size: contain;
		background-color:#ffffff;
		
		-webkit-transform: translate3d(-105%,0,0);
		-moz-transform: translate3d(-105%,0,0);
		transform: translate3d(-105%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;		
	}
	.menuFooter{position:relative;}
	.navMenu{padding-bottom:0px;}
	.navMenu .menuWrapper{padding-bottom:0px;}
	
	/* ======= */
	.loggedInUser{
		position:relative; color:#000; text-align:left;
		padding:0px 0px 0px 50px;
		margin:0px 15px; border:none; max-width:none!important;
	}
	.pageDashboard .loggedInUser label{color:#000; padding-top:6px!important;}
	.pageDashboard .loggedInUser strong{color:#9a9b9b;}
	.loggedInUser span{right:auto; left:0px;}
	
	
	/* ======= */
	.pageTitle{padding:5px 10px 5px 60px; border-top:5px solid #2368cb;}
	.pageTitle{
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -o-sticky;
		position: -ms-sticky;
		position: sticky;
		top:0px; left:0px;
	}
	.pageTitle h1{font-size:18px;}
	.menuIcon{position:fixed; top:19px;}
	
	/* ======= */
	.contentWrapper{padding-bottom:0px;}
	.footerMain{position:relative; margin-top:25px}
	.pageContent{min-height:calc(100vh - 150px);}
	
	/* ======= */
	.gradientBarChart{padding-top:20px!important;}
	.gradientBarChart .graphTabs{
		width:100%; text-align:right;
		position:relative;
		top:0px!important; left:0px!important;
		margin-bottom:20px!important;
	}
	.gradientBarChart .graphTabs label{font-weight:500; padding-right:10px;}
	.gradientBarChart canvas{}	
	.pageDashboard .card{grid-template-columns:40% 58%;}
	.progressReport .right ul{margin-right:45px;}
	.progressReport .right ul:last-child{margin-right:0px;}
	
	/* ===== */
	.pageError .cardBox{margin:2% 0% 8%;}
	
}

/* 
	===============================	
	FOR IPAD 768
	===============================	
*/
@media only screen and (max-width:980px)
{	
	/* ===== */
	.dashboardCardStates{
		grid-template-columns:23% 23% 23% 23%;
		grid-column-gap:2.67%;
	}
	.pageDashboard .card{padding:10px;}
	.dashboardCardStates .card label{font-size:13px;}	
	.pageDashboard .progressReport .chart{text-align:center; margin:0px auto;}
	.pageDashboard .card{grid-template-columns:100%;}
	
	/* ===== */
	.progressReport .legends{display:block;}
	.progressReport .legends ul{
		margin:0px; display:grid;
		grid-template-columns:32% 32% 32%;
		grid-column-gap:2%;
	}
	.addAudit{display:block;}
	
	/* ===== Add Audit Tabs */
	.selectedNavTabForDevice{
		margin-bottom:25px; display:block;
		position:sticky;
		top:80px; z-index:10;
	}
	.selectedNavTabForDevice a{
		background:#fff; border-radius:10px; color:#000;
		box-shadow:0px 0px 21px 0px rgb(0, 0, 0, 0.1);
		display:block;
		padding:15px 40px 15px 20px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.selectedNavTabForDevice a span{font-weight:500;}
	.selectedNavTabForDevice a i{
		position:absolute; 
		top:20px; right:15px; 
		font-size:12px; color:#2e8cd8;
	}
	
	/* ===== */
	.auditStepsNav{
		display:block;
		position:fixed;
		top:0px; right:0px; z-index:20005;
		width:270px; height:100%;
		
		border-top:5px solid #2368cb;
		background-size: contain;
		background-color:#ffffff;
		
		-webkit-transform: translate3d(105%,0,0);
		-moz-transform: translate3d(105%,0,0);
		transform: translate3d(105%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;
	}
	.auditStepsNav .tabs{
		position:relative!important;
		box-shadow:none!important;
		border-radius:0px!important;
		top:0px!important;
	}
	
	
	
}


/* 
	===============================	
	For Mobile
	===============================	
*/
@media only screen and (max-width:767px)
{
    
	.footerMain{font-size:11px; margin-top:55px;}
	
	/* ======= */
	.pageTitle{
		border:0px;
		background-image:-moz-linear-gradient( 0deg, rgb(35,104,203) 0%, rgb(57,174,229) 100%);
		background-image:-webkit-linear-gradient( 0deg, rgb(35,104,203) 0%, rgb(57,174,229) 100%);
		background-image:-ms-linear-gradient( 0deg, rgb(35,104,203) 0%, rgb(57,174,229) 100%);
		box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.11);
		color:#fff;
		padding:0px;
	}
	.menuIcon{
		top:0px; left:0px;
		width:50px; height:70px;
		border-radius:0px;
		background-color:rgba(0,0,0,0.05);
		background-size:18px;
	}
	.pageTitle h1{
		padding:0px 60px; 
		line-height:70px; height:70px; 
		float:none; width:100%; text-align:center;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	
	/* ======= */
	.noMenu .menuIcon{display:none;}
	.navMenu{width:90%; max-width:320px; }
	.addBtn{
		border-radius:0px;
		background-image:url('../../images/add_icon.png');
		background-size:20px; background-repeat:no-repeat;
		background-position:center;
		background-color:rgba(0,0,0,0.05);
		text-indent:-500px;
		width:50px; height:70px;
		padding:0px; margin:0px!important;
		box-shadow:none;
		position:fixed; top:0px; right:0px;
		overflow:hidden;
	}
	.addBtn.edit{background-image:url('../../images/edit_icon.png');}
	.pageTitle .back{
		background-image:url('../../images/nav_back.png');
		background-size:48px; background-repeat:no-repeat;
		background-position:center;
		background-color:rgba(0,0,0,0.05);
		text-indent:-500px;
		width:50px; height:70px;
		padding:0px; margin:0px!important;
		box-shadow:none;
		position:fixed; top:0px; left:0px;
	}
	
	/* ======= */
	.pageContent{padding:15px;}
	.pageSearch{		
		position:fixed;
		top:0px; left:0px; z-index:20005;
		width:100%!important; height:100%!important;
		display:block; padding:15px;
		
		background-size: contain;
		background-color:#ffffff;
		
		-webkit-transform: translate3d(105%,0,0);
		-moz-transform: translate3d(105%,0,0);
		transform: translate3d(105%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;	
	}
	.pageSearch input[type="text"], .pageSearch select{padding:12px!important;}
	.pageSearch input[type="text"]:focus, .pageSearch select:focus{border-color:#297cd3!important;}
	.pageSearch .filed{display:block; margin-bottom:25px;}
	.pageSearch .searchBtn{
		position:fixed!important; 
		width:100%; height:55px;
		top:auto!important; right:auto!important; bottom:0px; left:0px; z-index:10;
	}
	.pageSearch .searchBtn .searchLoader{width:100%;}	
	.pageSearch .searchBtn input{width:100%; height:55px; border-radius:0px;}
	
	.pageSearch .clearBtn{
		position:fixed!important; 
		top:10px; right:10px; 
		padding-top:15px; 
		text-align:center;
	}
	.pageSearch .clearBtn input{color:#fff}
	.sectionLevelPageSearch .pageSearch{display:block;}
	
	/* ===== */
	.gradientBarChart .graphTabs label{font-size:13px;}
	.gradientBarChart .graphTabs a{margin:0px;}
	.dtr-control td:before{font-size:18px;}

	/* ===== */
	.progressReport{overflow:hidden;}
	.progressReport .chart .overText{ 
		font-size:16px; 
		font-weight:500; 
	}
	.progressReport .legends{padding:20px 15px 10px!important;}
	.progressReport .legends ul{grid-template-columns:100%;}	
	.progressReport .legends ul li{
		padding:3px 0px 3px 23px;
		padding-left:23px; margin:0px; 
		border-bottom:1px solid rgba(0,0,0,0.05);
	}
	.progressReport .legends ul:last-child li:last-child{border-bottom:none;}
	.progressReport .legends span{top:8px;}
	.progressReport .legends ul li label{display:inline-block;}
	.progressReport .legends ul li strong{display:inline-block; float:right;}
	
	/* ===== */
	.dashboardSummary .responsiveTable, .dashboardSummary .card table{
		background:none;
		border:none; padding:0px; border-radius:none;
		box-shadow:none;
	}
	.dashboardSummary .responsiveTable td:before{width:auto;}
	.dashboardSummary .responsiveTable td span{float:right;}
	.dashboardSummary .responsiveTable td:first-child{display:none;}
	.dashboardSummary .responsiveTable td:nth-child(2){font-weight:600;}
	.dashboardSummary .responsiveTable td:nth-child(2):before{display:none;}
	.dashboardSummary .responsiveTable td:nth-child(2) span{
		float:none; display:block; 
		font-size:17px; 
		text-align:center;
	}
	
	/* ======= */
	.form li{grid-template-columns:100%!important;}
	.form li .lbl{padding-top:0px; padding-bottom:10px;}
	.form li .lbl span{top:4px;}
	.form li .input, .form li .multiSuggestion, .form li .passwordField{width:100%!important;}	
	.dataTable .bottom .dataTables_info{ float:right; font-size:12px; padding:4px 0px 0px;}
	.dataTable .bottom .dataTables_paginate{float:none; width:100%; clear:both; padding-top:25px; text-align:center;}
	.dtr-details{width:100%;}
	.dtr-details li{padding:10px 0px!important;}
	.dtr-details li:first-child{padding-top:0px;}
	.btn-group .btn{display:none;}
	.btn-group .dropdown{all:unset;}
	.dtr-details .action .dtr-title{display:none!important;}
	.dtr-details .action .dtr-data{display:block;}
	
	
	/* ==== */
	.mapWithForm{grid-template-columns:100%;}
	.maplocation{margin-top:20px;}
	
	/* ==== */
	.addAuditSummary .viewForm li{grid-template-columns:140px calc(100% - 140px);}
	.addAuditSummary .card h2,
	.addAuditSummary .card h2 strong{font-size:15px;}
	.signImage{width:auto; height:auto;}
	
	/* ===== */
	.dashboardCardStates{grid-template-columns:48% 48%; grid-column-gap:4%;}
	.dashboardCardStates .card{margin-bottom:15px;}
	.gradientBarChart .graphTabs{text-align:center; margin:10px 0px;}
	.progressReport{padding:10px!important;}
	.progressReport .legends{display:block; padding:20px 10% 0px;}
	.progressReport .legends ul{margin:0px;}
	.progressReport .legends li{margin:10px 0px}
	.progressReport .legends label{font-size:12px;}
	.progressReport .legends strong{font-size:13px;}
	.gradientBarChart .graphLegend label{margin-bottom:7px;}
	
	/* ===== Add Audit */
	.addAudit .auditStepsNav .tabs{width:300%!important;}
	.auditForm .card h2{font-size:20px; margin-bottom:20px;}
	
	/* ==== */
	.questionsList{z-index:0;}
	.questionsList li{padding:0px; border-bottom:3px solid rgba(0,0,0,0.05); padding-bottom:15px; margin-top:28px;}
	.questionsList li:first-child{margin-top:0px!important;}
	.questionsList li:last-child{border:none!important; padding-bottom:0px!important;}
	.questionsList li:before{display:none;}
	.questionsList li .questionPoint{ top:6px; left:75px;}
	.questionsList li h3{padding-top:48px; font-size:16px;}
	.questionsList li .bulletPoints{margin-left:0px; margin-bottom:20px;}
	.questionsList li .bulletPoints li{border:none!important;}
	.questionsList li .answerPanel .segment{width:200px;}
	.questionsList li .answerPanel .segment label .selection{}
	.questionsList li .answerPanel .addPhotoBtn{margin-top:7px;}
	.questionsList li .answerPanel .addPhotoBtn span{display:none;}
	.questionsList li .answerPanel .addPhotoBtn i{font-size:24px; margin:0px;}
	
	/* ==== */
	.addPhotoPanel{display:block;}
	.addPhotoPanel .dragPhoto p{margin-top:0px; padding-top:20%;}
	.addPhotoPanel .photoAction{text-align:center;}
	.addPhotoPanel .photoAction a{padding:0px 15px;}
	.addPhotoPanel .photoAction a span{font-size:10px!important;}
	.addPhotoPanel .photoAction a:last-child{padding-right:0px;}
	
	/* ==== */
	.photoModelOverlay{background:#fff;}
	.photoModel .modelWrapper{width:100%!important;}
	.photoModel .modelWrapper h4{text-align:left; padding-left:55px;}
	.photoModel .modelWrapper h4 .close{display:block;}
	.photoModel .modelWrapper h4 .cancel{display:none;}	
	
	/* ==== */
	.markupModel .controls{
		top:auto; bottom:20px; left:50%;
		transform:translateX(-50%);
		width:126px;
	}
	.markupModel #markupCanvasWrapper{margin-bottom:75px!important;}
	.markupModel .controls a, .markupModel .controls button{float:left;}
	
	/* ==== */
	.formButtonPanel .submitBtn{margin:0px!important;}	
	.formButtonPanel .save{width:100px!important;}
	.formButtonPanel .save .btn{
		padding:12px 30px 12px 44px!important;
		background-size:24px!important;		
		background-position:13px -57px!important;
	}	
	.formButtonPanel .prev{width:97px!important;}
	.formButtonPanel .prev .btn{padding:12px 14px 12px 39px!important; background-position:11px -37px!important;}	
	.formButtonPanel .next{width:97px!important;}
	.formButtonPanel .next .btn{padding:12px 50px 12px 16px!important; background-position:106% 14px!important;}
	
	/* ========= Model */
	.modelWrapper {width:90%!important;}
	.moreStoreModel .modelContent{display:block; padding:10px!important;}
	.moreStoreModel .modelContent img{width:50px; height:50px; border-radius:100%; margin-bottom:15px;}
	
	/* ========= Responsive Table */
	.responsiveTable thead{display:none;}
	.responsiveTable table, 
	.responsiveTable tbody, 
	.responsiveTable td, 
	.responsiveTable tr { display: block;  vertical-align:top;}
	.responsiveTable{border:none; background:none;}
	.responsiveTable tr{
		background: #ffffff;
		border: 1px solid #e4e8f3;
		margin-bottom:25px;
		box-shadow:0px 5px 10px rgba(0,0,0,0.05);
	}
	.tableListing tbody tr:nth-child(2n){	background:#fff!important;}
	.responsiveTable td:before{width:100px; display:inline-block; opacity:0.5; vertical-align:top;}
	.responsiveTable td[data-title="Action"]:before{display:none;}
	
	/* ==== */
	.addRole .tableListing tr td:first-child{display:none;}
	.addRole .tableListing tr.main{background:none; box-shadow:none; border:none; padding-left:0px;}
	.addRole .tableListing tr.main td:nth-child(3),
	.addRole .tableListing tr.main td:nth-child(4),
	.addRole .tableListing tr.main td:nth-child(5),
	.addRole .tableListing tr.main td:nth-child(6),
	.addRole .tableListing tr.main td:nth-child(7){display:none;}
	.addRole .tableListing tr.main td:nth-child(2):before{display:none;}
	.addRole .tableListing tr span{margin-left:10px;}	
	.addRole .tableListing tr.main{margin-bottom:10px; font-weight:600; }
	.addRole .tableListing tr.main td{font-size:20px; padding-left:15px; padding-bottom:0px;  border-bottom:0px;}
	
	/* ==== */
	.myProfile{display:block; padding:15px;}
	.myProfile .userPic{margin-bottom:25px;}
	.myProfile .userPic .avtar{width:100px; height:100px; margin:0px auto;}
	.myProfile .userPic .avtar img{width:100px; height:100px; border-radius:100%;}
	.myProfile .viewForm li{display:block;}
	.viewForm li label, .viewForm li span{padding:0px;}
	.viewForm li{padding:10px;}
	.viewForm li label{display:block; color:#4e81c8; border:none;}
	
	/* ==== */
	.changePasswordModel .modelWrapper{padding:10px;}
	.changePasswordModel .modelContent{display:block; padding-bottom:25px;}
	.changePasswordModel .modelContent .text{display:block;}
	.changePasswordModel .modelContent img{max-width:30%;}
	.changePasswordModel .modelContent h3{font-size:20px; line-height:24px;}
	.changePasswordModel .modelContent h3 br{display:none;}
	.changePasswordModel .modelContent p{margin:10px 0px;}
	
	/* ==== */
	.ipUnblock .card{margin:0px!important;}
	
	/* ===== */
	.pageError .pageTitle{text-align:center;}
	.pageError .clientLogo{float:none; margin:0px;}
	.pageError .clientLogo a{float:none; margin-top:15px;}
	
	/* ===== */
	.unauthorizedAccess{padding:15px;}
	.unauthorizedAccess h3{font-size:24px; line-height:30px; margin-bottom:20px;}
	.unauthorizedAccess .text{display:block;}
	.unauthorizedAccess .img img{max-width:100px;}
	.unauthorizedAccess p{font-size:15px; line-height:23px;}
	
	/* ===== */
	.underMaintenance{display:block; padding:15px;}
	.underMaintenance .text{padding:0px 0px 25px;}
	.underMaintenance .text h2{font-size:24px; line-height:30px; margin-bottom:20px;}
	.underMaintenance .text h3{font-size:15px; margin-bottom:10px; line-height:30px;}
	.underMaintenance .text p{font-size:15px;}
	.underMaintenance .graphic{background:#f4f7fc; padding:10px; margin-bottom:15px;}
	.underMaintenance .graphic img{max-width:100%;}
	
	/* ===== */
	.viewAudit{padding:0px!important;}
	.viewAudit .card{border-radius:0px!important;}
	.viewForm li, .viewAudit .typeForm li{grid-template-columns:100%!important;}
	.viewAudit .typeForm h3{border:none;}
	.viewAudit .typeForm h3{padding:0px; color:#4e81c8;}
	.viewAudit .typeForm .answer{padding:0px;}
	
	/* ===== */
	.actionPlan #locationDetail .viewForm{grid-template-columns:100%!important;}
	.actionPlan #locationDetail .viewForm span{border:none!important;}
	.actionPlan .complianceNotes h3{padding-top:0px;}
	.removedQuestion label.removedField{margin-left:0px!important;}
	.splitRow{display:block!important;}
	.viewActionPlan, .actionPlan .complianceNotes{margin-left:0px!important;}
	.viewActionPlan .photoGallery{padding-top:15px;}
	.viewActionPlanDueDate{display:block!important;}
	.viewActionPlanDueDate div{text-align:center!important;}
	.viewActionPlanDueDate label{padding-bottom:5px;}
	
	/* ===== */
	.actionFormRow.inline{display:block;}
	.actionPlanForm h3{padding-top:0px!important;}
	.actionFormRow{margin:0px 0px 15px!important; padding-left:0px!important;}
	.actionFormRow.actionRemarks{width:100%!important; float:none!important;}
	.actionFormRow.addActionPhoto{width:100%!important; float:none!important;}
	
}