pre {	
/* To word wrap the text in pre tag if that is very long */
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*
	======================
	#Section = Side Menu
	======================
*/
.navMenu{
	background:#fff; 
	box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1); 
	z-index:2;
	padding-bottom:120px;
}

/* ==== */
.navMenu .clientLogo{
	height:70px;  line-height:45px;
	overflow:hidden; 
	text-align:center; 
	border-bottom:1px solid rgba(0,0,0,0);
	padding:10px;
}
.navMenu .clientLogo img{width:90%; vertical-align:middle;}
.navMenu .clientLogo .intial{display:none;}

/* ==== */
.navMenu .menuWrapper{padding-bottom:100px;}
.navMenu nav{margin:25px 10px 0px 10px;}
.navMenu nav li{position:relative; z-index:1;}
.navMenu nav li.sap{
	color:#246acc; text-transform:uppercase;
	margin:0px; padding:25px 0px 5px 13px;
	background:url("../../images/menu-sap.png");
	background-position:center;
	background-repeat:no-repeat;
	min-height:56px;
}
.navMenu nav li.sap h6{font-weight:500; font-size:14px; background:#fff; padding:2px 0px;}

.navMenu nav ul.accordion, .staticUl{margin:0px 10px;}
.navMenu nav li{/*border-bottom: 1px solid #EEEEEE;*/ }
.navMenu nav li a{
	display:block;
	padding:11px 0px;
	color:#646e7c;
	font-size:14px; 
	font-weight:500; min-height:44px;
}
.navMenu nav li a span{transition: all 0.3s ease-out; display:block; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.navMenu nav li a:hover{color:#246acc; }
.navMenu nav li a.active{color:#246acc;}
.navMenu nav li a.active:after{opacity:1; transform: rotate(180deg); transform-origin: center;}
.navMenu nav li a i{
	background:url('../../images/menu_icon_sprite.png');
	background-repeat:no-repeat;
	background-size:84px;
	opacity:0.2px;
	width:22px; height:22px;
	position:absolute;
	top: 14px; left:0px;
}

/* === Menu Sub Menu */
.navMenu nav li ul{
	display:none;
	/*margin: 0px -20px;*/
	margin: 0px -15px;
	padding: 0px 20px;
	/*background:#f4f9ff;
	box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1);*/
}
.navMenu nav li ul li{margin:0px 0px 0px 0px;}
.navMenu nav li ul li .customIcon{left:0px!important;}
.navMenu nav li ul li a{padding-left:35px!important; }
.navMenu nav li ul li a:after{right:-3px;}

.staticLinks a{padding-left:35px!important;}

.navMenu nav li a.main{padding-left:35px;}
/* .navMenu nav li a.main i{background-size:15px!important; top:11px!important; filter:grayscale(100);} */
.navMenu nav li a.main i, .myProfileIcon{
	background:#848484!important; color:#fff; font-size:14px; line-height:25px;
	border-radius:100%; top:12px; text-align:center;
	font-style:normal;
	width:26px!important; height:26px!important; top:9px!important;
}
/*.navMenu nav li .subMenuUi{overflow:visible! important;}*/
.navMenu nav li .subMenuUi li a .subMenu{
	border-radius:50%;
	text-align:center;
	font-size:14px; color: #fff; font-style:normal;
	width:22px; height:22px; top:9px;
}

.navMenu nav li a.main.active i{filter:grayscale(0);}
.navMenu nav li a.main:after{
	content:"";
	width:15px; height:15px;
	background:url('../../images/down.svg');
	background-repeat:no-repeat;
	background-size:18px;
	position:absolute;
	top:17px; right:0px;
	background-position:right;
	/* font-family:"FontAwesome"; */
	/* content:"\f105"; */
}
.navMenu .locationMaster{
    width:14px; height:14px;
    border:2px solid red;
    border-radius:50%;
    background-position:0px;
    top:12px; left:12px;
}
.navMenu .locationMaster span{margin-left:-8px!important;}

.navMenu nav .indent{margin-left: 37px; margin-top: -7px;}
.navMenu nav .indent .sap{padding-top: 15px;}

/*============*/
.navMenu nav li a i.dashboardIcon{background-position:-3px 1px;}
.navMenu nav li a i.retailAuditIcon{background-position:0px -37px;}
.navMenu nav li a i.hubAuditIcon{background-position:0px -75px;}
.navMenu nav li a i.dcAuditIcon{background-position:0px -113px;}
.navMenu nav li a i.internalIncidentIcon{background-position:0px -150px;}
.navMenu nav li a i.externalIncidentIcon{background-position:0px -186px;}
.navMenu nav li a i.accidentsIcon{background-position:2px -225px;}
.navMenu nav li a i.manageUserIcon{background-position:0px -263px;}
.navMenu nav li a i.manageRoleIcon{background-position:0px -299px;}
.navMenu nav li a i.manageStoreIcon{background-position:0px -337px;}
.navMenu nav li a i.summaryReportIcon{background-position:0px -496px;}
.navMenu nav li a i.questionReportIcon{background-position:0px -534px;}
.navMenu nav li a i.sectionReportIcon{background-position:0px -573px;}
.navMenu nav li a i.systemSettingIcon{background-position:0px -650px;}
.navMenu nav li a i.notificationSettingIcon{background-position:0px -690px;}
.navMenu nav li a i.myProfileIcon {background-position:-4px -416px;}
.navMenu nav li a i.logoutIcon{background-position:-3px -454px;}
.navMenu nav li a i.ipIcon{background-position:0px -612px;}

/* === Custom Icon */
.customIcon{
	width:22px!important; height:22px!important;
	background-size:22px!important;
	background-position:center!important;
	top:14px!important; left:0px!important;
}
.customIcon span{padding-left:30px;}

/* ===*/
.dashboardBtn{
	border-radius: 7px;
	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%);
	box-shadow: 0px 7px 7px 0px rgba(17, 92, 199, 0.26);
	font-weight:600;
	color:#fff!important;
	padding:15px 15px 15px 55px!important;
	margin-bottom:20px;
	min-height:52px!important;
}
.dashboardBtn i{left: 16px !important;}
.dashboardBtn:after{top:17px!important; right:14px!important;}


/* ===*/
.menuFooter{
	text-align:center; font-size:12px; color:#acacac;
	background:url('../../images/menu_left_graphic.png') no-repeat;
	background-position:bottom left;
	padding:18px 0px;
	
	position:absolute;
	bottom:0px; left:0px;
	width:100%;
}
.menuFooter:after{
	content:" "; display:inline-block;
	position:absolute; 
	top:0px; right:0px;
	width:100%; height:100%;
	background:url('../../images/menu_right_graphic.png') no-repeat;
	background-position:bottom right;
}
.menuFooter p{padding-bottom:10px;}
.menuFooter img{vertical-align:top;}
.menuFooter .full{}
.menuFooter .initial{display:none;}

/* === collapse */
.collapseMenu{grid-template-columns: 80px calc(100% - 80px);}
.collapse ul li a:after{display:none;}
.collapse .full{display:none;}
.collapse .intial{display:inline-block!important;}
.collapse .dashboardBtn{padding-left:0px!important;}
.collapse .sap h6{display:none;}
.collapse .menuFooter .full{display:none;}
.collapse .menuFooter .initial{display:inline-block!important;}
.collapse .menuFooter p{font-size:10px; color:#797979;}
.collapse .menuFooter img{max-width:80%;}
.collapse .menuFooter p, .collapse .menuFooter img{z-index:2;}

.collapse .indent{margin-left:0px!important; }
.collapse .indent .sap{}

/* === collapse Hover */
.collapse nav li a.main i{left:6px!important;}
.collapse ul li ul li{margin-bottom:0px;}
.collapse nav li ul li .customIcon{left:5px!important;}
.collapse ul li a span{
	position:absolute; top:11px; left:calc(100% + 10px);
	background:rgba(0,0,0,0.9);
	color:#fff;	
	border-radius:5px;
	padding:5px 10px;
	font-size:11px;
	transition:left 0.3s ease-out;
	overflow:visible! important;	
	visibility:hidden; opacity:0;
}
.collapse ul li a:hover span{
	visibility:visible;
	opacity:1;
	left:calc(100% + 10px);
	overflow:visible;
}
.navMenu nav li .subMenuUi:hover{overflow:visible! important;} /* make submenu hover issue in chrome */
.collapse ul li a span:after {
	position:absolute; right:100%;	top:50%;
	border:solid transparent;
	content: "";	
	height:0; width:0;	
	pointer-events:none;
	border-color:rgba(0, 0, 0, 0);
	border-right-color:#000000;
	border-width:4px;
	margin-top:-4px;
}

.collapse .staticLinks i{left:5px!important;}
/*
.collapse .main i:before{
	content: " ";
	display: block;
	position: absolute;
	top: 11px; left: -7px;
	width: 10px; height: 1px;
	background:#cecece;	
}
.collapse .main i:after{
	content: " ";
	display: block;
	position: absolute;
	top: 11px; right: -8px;
	width: 10px; height: 1px;
	background:#cecece;	
}*/

/*
	======================
	#Section = Footer Main
	======================
*/
.footerMain{
	border-top:2px solid rgba(0,0,0,0.05);
	font-size:12px; line-height:18px;
	padding:10px 20px; color:#8d8d8d;
	margin-top:15px;
	position: absolute;
	width:100%;
	bottom:0px; left:0px;
}
.footerMain p{margin-bottom:0px;}
.footerMain span{
	position: absolute;
	bottom:10px; right:20px;
}

/*
	======================
	#Section = Page Title
	======================
*/
.pageTitle {
	background:#fff;
	box-shadow:5px 0px 13px 0px rgba(0, 0, 0, 0.06);
	height:70px;
	z-index:1;
	padding:5px 210px 5px 60px;	
}
.pageTitle .wrapper{margin:0px;}
.pageTitle:after {content:" "; display:block; clear:both;}
.pageTitle h1 {
	font-size:20px;
	font-weight:500;
	padding:0px 0px 0px 10px;
	display:inline-block;
	line-height:53px;
	letter-spacing: 0.4px;
}
.pageTitle input[type="button"], .pageTitle a{float:right;}
.pageTitle a.back{margin-top:16px;}
.pageTitle a.addBtn{margin-top:10px; margin-left:15px;}
.pageTitle a.editBtn{margin-top:10px; margin-left:15px;}

.addBtn{
	background:#2877d0;
	font-family:'Poppins', 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:600;
	color:#fff;
	padding:6px 15px;
	box-shadow:0px 5px 6px 0px rgba(0, 0, 0, 0.13);
	margin-top:0px;
	border-radius:5px;
	cursor:pointer;
}
.addBtn:hover{box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.23);}

.pageTitle a.print { background:#f26539; box-shadow:0px 5px 6px 0px rgba(242, 101, 57, 0.24);}
.pageTitle a.print i{margin-right:10px; background:#f26539;}

.link {
	background:#fff;
	font-family:'Poppins', 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.5px;
	color:#0ab7c5;
	padding:6px 15px;
	box-shadow:0px 5px 6px 0px rgba(5, 98, 105, 0.13);
	margin-top:0px;
	border-radius:5px;
}
.link:hover{box-shadow:0px 5px 10px 0px rgba(5, 98, 105, 0.23);}

/* === Menu Icon */
.menuIcon {
	width:35px; height:35px;
	background:url('../../images/menu_ico_white.png') no-repeat;
	background-position:center;
	background-size:15px;
	background-color:#2e8cd8;
	border-radius:100%;
	text-align:center;
	color:#ffffff;
	line-height:35px;
	position:absolute;
	top:15px; left:15px; z-index:20;
}

/* === loggedInUser*/
.loggedInUser {
	height:52px;
	padding:0px 65px 0px 15px;	
	font-weight:600;
	font-size:20px;
	color:#464646;
	position:absolute;
	top:8px; right:0px; z-index:10;
	border-left:1px solid rgba(0, 0, 0, 0.05);
	text-align:right;
	max-width:190px;
}
.loggedInUser label, .loggedInUser strong{display:block; font-size:14px; }
.loggedInUser label{
	font-weight:500; color:#3a5070; padding-top:8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.loggedInUser strong{font-size:11px; color:#828c9a; font-weight:400;}
.loggedInUser span{
	width:40px; height:40px; 
	border-radius:100%; 
	overflow:hidden;
	position:absolute;
	top:5px; right:15px;
}
.loggedInUser span img{object-fit:cover; width:100%; height:100%;}


/*
	======================
	#Section = Page Search
	======================
*/
.pageSearch{
	padding:0px 100px 40px 0px;
	font-size:14px;
	position:relative;
	margin:0px;
	box-sizing:border-box;
	display:grid;
	/*z-index:1000;*/
	z-index:1;
}
.pageSearch:after{ content:" ";	clear:both;	display:block; }
.pageSearch span{vertical-align:top;}
.pageSearch input[type="text"], .pageSearch select{
	border:1px solid #e7e7e7;
	border-radius:4px;
	padding:8px 12px;
	width:100%; min-height:44px;
}

/* ==== */
.pageSearch .radioWithLabel{
	border:1px solid #e7e7e7;
	border-radius:4px;
	background:#fff;
	min-height:44px;
	padding:10px;
}
.pageSearch .radioWithLabel label{display:inline-block; margin:0px 8px; vertical-align:top;}
.pageSearch .radioWithLabel .radioBtn .checkmark{top:3px;}
.pageSearch .radioWithLabel label:last-child{margin-right:0px;}

/* ==== */
.pageSearch.withLabel .lbl{font-size:14px; font-weight:500; padding-bottom:5px;}
.pageSearch.withLabel .searchBtn{top:28px;}
.pageSearch.withLabel .clearBtn{top:34px;}

/*==========*/
.moreOptions{position: absolute;right: -17px;top: 70px;}
.moreOptions a {
    font-size: 13px;
    text-decoration: underline;
    text-align:left;
}

/*
	=========================
	PageSearch For 2Row filed
	=========================
*/
.reportPageSearch .pageSearch{
	display:grid;
	grid-template-columns:27% 36% 32%; grid-column-gap:2%;
	width:80%;
}
.reportPageSearch .pageSearch .filed{margin-bottom:16px;}

/* ==================== */
.pageSearch .searchBtn{
	display:inline-block;
	position:absolute;
	top:3px; right:5px;
	overflow:hidden;
	cursor:pointer;
}
.pageSearch .searchBtn input{background:#485560; padding:8px 12px; border-radius:4px; color:#fff;}
.pageSearch .searchBtn input:hover{background:#313b44;}
.pageSearch .searchBtn .searchLoader{
	background:#485560;	
	position:absolute;
	top:0px; left:0px; z-index:1;
	width:100%; height:100%;
	text-align:center;
	cursor:wait; border-radius:4px;
}
.pageSearch .searchBtn .searchLoader span.spinLoader{
	width:25px; height:25px;
	position: relative; top:7px;
	border-color:#1e2f3e;
	border-top-color:#fff;
}
/* ==== */
.pageSearch .clearBtn{
	display:inline-block;
	position:absolute;
	top:6px; right:-77px;
	overflow:hidden;
	cursor:pointer;
}
.pageSearch .clearBtn input{background:none; cursor:pointer; color:#2877d0; text-decoration:underline;}

/* report page search */
.reportPageSearch .pageSearch .filed .select2{
	border:1px solid #e7e7e7;
	outline:0;
	border-radius:4px;
	padding:5px 12px;
	width:100%;
	min-height:44px;
	background: #fff;
}
.reportPageSearch .pageSearch .filed .select2 .selection{width:100%;}
.reportPageSearch .pageSearch .filed .select2-container--default.select2-container--focus .select2-selection--multiple{
	border:transparent;
	outline:0;
	border-radius:4px;
	padding:0;
	width:100%;

}
.reportPageSearch .pageSearch .filed .select2-container--default .select2-selection--multiple{border:transparent! important;}
.select2-search.select2-search--inline{margin-top:4px;}
.select2-selection.select2-selection--multiple textarea{margin:0px! important;}

/* AUDIT TYPE li desing for report page search page*/
.select2-container .select2-search--inline .select2-search__field
{margin-top:0px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:5px 0px !important;}
.select2-selection__rendered{
	display:flex !important; align-items:center;
}
.select2-selection_customli{color:#8e8d8d;}

/*
	======================
	#Section = Page Search For Mobile
	======================
*/
.searchForMobile{
	background:#fff; 
	margin-left:-15px; 
	margin-right:-15px; 
	margin-top:-15px;
	box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.searchForMobile a{padding:15px; font-size:15px; font-weight:500; color:#999; display:block;}
.searchForMobile a:before{
	font-family:"fontawesome";
	content:"\f002"; color:#246acc;
	margin-right:15px; font-size:18px;
}
.searchForMobileHeader{
	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);
	margin-left:-15px; margin-right:-15px;
	margin-top:-15px;
	height:70px; color:#fff; text-align:center;
	margin-bottom:20px;
}
.searchForMobileHeader h2{height:70px; line-height:70px; font-size:18px; font-weight:500;}
.searchForMobileHeader .back{
	position:absolute;
	top:0px; left:0px; z-index:5;
	width:50px; height:70px;
	border-radius:0px;
	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);
}

/*
	======================
	dashboard.php
	======================
*/
.pageDashboard .pageTitle{
	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;
}
.pageDashboard .menuIcon{background-color:#246acc;}
.pageDashboard .loggedInUser label{color:#fff;}
.pageDashboard .loggedInUser strong{color:#e6eaf0;}

/* ==== */
.gradientBarChart{
	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%);
	margin-top:-30px;
	margin-left:-30px;
	margin-right:-30px;
	padding:70px 20px 20px 20px; color:#fff;
	min-height:385px;
}
.gradientBarChart .graphTabs{
	position:absolute;
	top:20px; right:25px;
}
.gradientBarChart .graphTabs a{
	color:#c0e9ff; border-radius:45px; padding:4px 10px;
	font-weight:500;
	margin-left:5px;
}
.gradientBarChart .graphTabs a:hover, .gradientBarChart .graphTabs a.active{
	background:#fff; color:#155373; 
	box-shadow:0px 2px 2.82px 0.18px rgba(0, 0, 0, 0.1);
}
.gradientBarChart canvas{}

.gradientBarChart .graphLegend{text-align:center;}
.gradientBarChart .graphLegend label{margin-right:10px; font-size:12px; color:rgba(255,255,255,0.7);}
.gradientBarChart .graphLegend label span{
	background:rgba(0,0,0,0.1); font-weight:600;
	border-radius:100%; color:#fff; padding:2px 4px; min-width:25px; text-align:center;
	margin-right:5px;
}
.gradientBarChart .graphLoader{
	position:absolute;
	top:40%; left:0px; z-index:1;
	width:100%; text-align:center;	
}

/* ==== */
.gradientBarChartReport{
	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%);
	margin-top:-30px;
	margin-left:-30px;
	margin-right:-30px;
	padding:70px 20px 20px 20px; color:#fff;
	min-height:285px;
}
.gradientBarChartReport .graphTabs{
	position:absolute;
	top:20px; right:25px;
}
.gradientBarChartReport .graphTabs a{
	color:#c0e9ff; border-radius:45px; padding:4px 10px;
	font-weight:500;
	margin-left:5px;
}
.gradientBarChartReport .graphTabs a:hover, .gradientBarChartReport .graphTabs a.active{
	background:#fff; color:#155373; 
	box-shadow:0px 2px 2.82px 0.18px rgba(0, 0, 0, 0.1);
}
.gradientBarChartReport canvas{}

.gradientBarChartReport .graphLegend{text-align:center;}
.gradientBarChartReport .graphLegend label{margin-right:10px; font-size:12px; color:rgba(255,255,255,0.7);}
.gradientBarChartReport .graphLegend label span{
	background:rgba(0,0,0,0.1); font-weight:600;
	border-radius:100%; color:#fff; padding:2px 4px; min-width:25px; text-align:center;
	margin-right:5px;
}
.gradientBarChartReport .graphLoader{
	position:absolute;
	top:40%; left:0px; z-index:1;
	width:100%; text-align:center;	
}

/* ==== */
.pageDashboard .card{margin-bottom:40px; padding:15px; border-radius:9px; z-index:0;}
.dashboardCardStates{display:grid; grid-template-columns:23% 23% 23% 23%; grid-column-gap:2.6%; margin-top:30px;}

.dashboardCardStates .card{text-align:center; box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.08); padding:15px 10px;}
.dashboardCardStates .card label{
	display:inline-block;
	background:#9472d0;
	padding:5px 40px 5px 14px;
	border-radius:3px;
	color:#fff; font-size:15px; font-weight:500;
	margin-bottom:8px;
}
.dashboardCardStates .card strong{font-weight:600; font-size:36px; display:block;}
.dashboardCardStates .card .tipIco{
	font-size:21px; margin-left:5px; color:#fff;
	position:absolute;
	top:5px; right:7px; z-index:5;
}
.dashboardCardStates .card .tipIco i{
	border:2px solid #fff; 
	width:22px; height:22px; 
	border-radius:100%;
}
.dashboardCardStates .card .tipIco img{width:5px; top:3px; vertical-align:top;}
.dashboardCardStates .card .tipIco .tipInfo{
	position:absolute;
	top:-21px; right:-25px; z-index:5;
	margin-top:-30px;
	width:200px; border-radius:5px; padding:5px;
	background:#fff;
	border:2px solid #e8e8e8;
	font-size:12px; color:#000; font-weight:500;
	box-shadow:4px 6px 8px rgba(0,0,0,0.1);
	
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;
	
	transform-origin:bottom right;
	
	transform:scale(0,0);
}
.dashboardCardStates .card .tipIco:hover .tipInfo{transform:scale(1,1);}

/* ==== */
.progressReport{display:grid; grid-template-columns:29% 40% 29%; grid-column-gap:2%; padding:25px!important;}
.progressReport .left{padding-left:25%;}
.progressReport .right{}
.progressReport .legends{display:flex; align-items:center;}
.progressReport .legends li{padding-left:30px; margin:25px 0px; color:#1c1c1c;}
.progressReport .legends label{display:block; font-size:15px;}
.progressReport .legends strong{display:block; font-weight:600; font-size:19px;}
.progressReport .legends span{
	width:12px; height:12px;
	position: absolute;
	top:4px; left:0px; 
}
.progressReport .chart canvas{top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.progressReport .chart .overText{
	text-align:center;
	position:absolute;
	top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
	z-index:1;
}
.progressReport .chart .overText{font-size:20px; font-weight:300;}
.progressReport .chart .overText span{display:block; line-height:28px;}

/* ==== */
.dashboardSummary{}
.dashboardSummary h2{font-size:16px; font-weight:500; margin-bottom:10px;}
.dashboardSummary .card{ padding:0px; overflow:hidden;}
.dashboardSummary .card table{margin:0px;}

/*
	======================
	Add Audit
	======================
*/
.addAudit{display:grid; grid-template-columns:220px calc(97% - 220px); grid-column-gap:3%;}
/* ==== */
.selectedNavTabForDevice{display:none;}
.addAudit .auditStepsNav .tabs{
	border-radius:10px;
	box-shadow: 0px 0px 41px 0px rgb(0, 0, 0, 0.1);
	padding:0px 15px;
	position:sticky;
	top:25px;
	background:#fff;
}
.addAudit .auditStepsNav ul li a{
	display:block;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:15px 15px 15px 0px;
	color:#616973;
	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.addAudit .auditStepsNav ul li a:after{
	font-family:"FontAwesome";
	content:"\f105";
	position:absolute;
	top:19px; right:2px;
	opacity:0.5;
}
.addAudit .auditStepsNav ul li a:hover{color:#175db6;}

.addAudit .auditStepsNav ul li a.active{color:#175db6; font-weight:500;}
.addAudit .auditStepsNav ul li a.active:after{opacity:1;}

.addAudit .auditStepsNav ul li a.complete{color:#3ea770; font-weight:500;}
.addAudit .auditStepsNav ul li a.complete:after{opacity:1; content:"\f058";}

.addAudit .auditStepsNav ul li a.pending{color:#616973;}
.addAudit .auditStepsNav ul li a.pending:after{opacity:1;}

.addAudit .auditStepsNav ul li a.disabled{pointer-events:none;}
.addAudit .auditStepsNav ul li:last-child a{/*border:none;*/}

.addAudit .auditStepsNav ul:last-child li a{border:none;}

/* ==== */
.auditForm .card{
	border-radius:15px;
	box-shadow: 0px 0px 31px 0px rgb(0, 0, 0, 0.1);
	margin-bottom:15px;
	padding:15px 20px 25px;
}
.auditForm .card h2{
	font-size:25px; font-weight:600;
	color:#175db6;
	margin-bottom:30px;
}
.auditForm .card h2 strong{font-weight:400; color:#1f262f; font-size:22px; margin-left:5px;}

.auditForm .card h2 label.checkbox{
	top:8px; 
	color:#1f262f; font-weight:500;	
	display:inline-block; vertical-align:top;
	border-left:1px solid rgba(0,0,0,0.11);
	padding-left:55px;
	margin-left:20px;
}
.auditForm .card h2 label.checkbox .checkmark{border:1px solid #b5b5b5; left:25px;}
.auditForm .card h2 label.checkbox input:checked ~ .checkmark{border:none;}
.auditForm .photoGallery .images{
	background-color:#ffffff;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	padding:6px;
	margin-bottom:25px;
	height:213px;
}
.auditForm .photoGallery .images img{width:220px;}

/* ==== */
.addStoreDetail{}
.addStoreDetail .form li{grid-template-columns:190px calc(99% - 190px); grid-column-gap:1%;}
.selectedDetail{
	background:#e3f1ff;
	border-radius:6px; padding:10px 15px;
	color:#1d2b3c; font-size:13px; font-weight:500;
	margin-top:15px;
	margin-right:20%;
}
.selectedDetail:before{
	font-family:"FontAwesome";
	content:"\f0d8";
	position:absolute;
	top:-25px; left:20%;
	font-size:40px;
	color:#e3f1ff;	
}
.selectedDetail label{color:#557595; margin-right:10px;}

/* ==== */
.viewSummary{}
.viewForm{border:1px solid rgba(0,0,0,0.1);}
.viewForm li{
	display:grid;
	border-bottom:1px solid rgba(0,0,0,0.1);
	grid-template-columns:200px calc(100% - 200px);
	font-weight:500;
}
.viewForm li label{border-right:1px solid rgba(0,0,0,0.1); color:#6d7785;}
.viewForm li label, .viewForm li span{padding:10px 15px;}

/* ==for incedent, accedent view images == */
.viewForm .testClass{display:block;}
.viewForm .testClass .photoGallery .images span{padding:0px;}
.viewForm .testClass .photoGallery .images span img{width:183px; height:235px;}

/* ==== */
.questionLoader{
	text-align:center!important; background-color:#fff !important; align-items:center; 
	padding:25px 15px 0px 15px!important;
	min-height:500px;
}
.questionLoader h2{font-weight:500!important; font-size:30px!important; margin:0px 0px 5px!important;}
.questionLoader p{font-size:18px!important; color:#6c7a8d; letter-spacing:0.5px;}
.questionLoader img{}

/* ==== */
.summaryTable{padding:0px!important; border:none!important; }
.summaryTable table{margin:0px!important;}
.summaryTable .title{font-size:12px; line-height:18px;}
.summaryTable .center{text-align:center;}
.summaryTable .last{font-weight:600;}
.summaryTable .scoreImage img{vertical-align: top;}
.summaryTable .scoreImage span{
	margin-left:10px;
	padding-top:4px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	width:calc(100% - 40px);
}
.summaryTable .scoreImage .scoreTip{
	position:absolute;
	top:10px; right:95%; z-index:1;
	border-radius:8px;
	background:#fff;
	padding:0px 15px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
	width:210px;
	transition: all 0.3s ease-out;
	transform-origin:top center;
	transform:scale(1,0);
}
.summaryTable .scoreImage .scoreTip:before{
	font-family:"FontAwesome";
	content:"\f0da";
	font-size: 25px;
	position: absolute;
	top:7px; right:-5px;
	color:#fff;
}
.summaryTable .scoreImage:hover .scoreTip{transform:scale(1,1);}
.summaryTable .scoreImage .scoreTip ul li{
	border-bottom:1px solid rgba(0,0,0,0.05);
	padding:15px 0px;
	line-height:15px;
	padding-left:38px;
}
.summaryTable .scoreImage .scoreTip ul li:last-child{border-bottom:0px;}
.summaryTable .scoreImage .scoreTip ul li strong{ font-size:13px; font-weight:500; display:block;}
.summaryTable .scoreImage .scoreTip ul li span{display:block; font-size:11px; color:#797979; margin:0px;}
.summaryTable .scoreImage .scoreTip ul li img{
	position: absolute;
	top:16px; left:0px;
}

/* ==== */
.progressBar{ margin:25px 15px 15px 15px;}
.progress{
	clear:both; 
	border:3px solid #fff;
	background:#f2f2f2; 
	border-radius:45px; 
	overflow:hidden; 
	height:24px; 
	margin-top:3px;
	box-shadow:0px 4px 3px 0px rgba(38, 34, 34, 0.11);	
}
.progress span{
	background: url('../../images/pregress_belt_anim.png') #3fc08e;
	background-size:12px 35px;
	height:18px; 
	vertical-align:top;
	border-radius:45px;
	-webkit-animation:cssProgressActive 0.8s linear infinite;
	animation:cssProgressActive 0.8s linear infinite;
}
@-webkit-keyframes cssProgressActive {
 0%   { background-position:0 0 }
 100% { background-position:35px 0px }
}
@keyframes cssProgressActive {
 0%   { background-position:0 0 }
 100% { background-position:35px 0px}
}

/* ==== */
.questionsList{}
.questionsList li{padding-left:85px; color:#313944; letter-spacing:0.2px; padding-bottom:50px;}
.questionsList li:last-child:before{height:50px;}
.questionsList li:before{
	content:" ";
	width:1px; height:100%;
	position:absolute;
	top:0px; left:29px;
	border-left:2px dashed #d1d1d1;
}
.questionsList li .questionNo{
	background:#9baabd;
	border-radius:45px;
	font-weight:700px;
	padding:5px;
	width:60px;
	text-align:center; color:#fff;
	position:absolute;
	top:0px; left:0px;
	box-shadow:0px 6px 6px 0px rgb(0, 0, 0, 0.15);
}
.questionsList li.active .questionNo{background:#2ac582;}
.questionsList li .questionPoint{
	position:absolute;
	top:50px; left:4px;
	background:#fff;
	font-style:italic;
	font-size:14px; font-weight:500;
	color:#86888a;
}
.questionsList li h3{
	font-size:17px;  font-weight:600;	
	padding-top:0px; margin-top:0px; margin-bottom:13px;
}
.questionsList li h3.hasCompliance{padding-right:50px;}

/* === */
.compliance{
	position:absolute;
	top:-5px; right:0px;
}
.compliance .ico{cursor:pointer;}
.compliance .ico img{width:38px; vertical-align:top;}
.compliance .complianceNote{
	position:absolute;
	top:-20px; right:0px; z-index:100;
	margin-right:50px;
	background:#fff;
	border:4px solid #2776cf;
	border-radius:8px;
	box-shadow: 2.472px 7.608px 6px 0px rgba(0, 0, 0, 0.19);
	padding:15px;
	font-size:14px;
	line-height:24px;
	
	/*min-width:290px;*/
	min-width:490px;
	
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;
	
	transform-origin:top right;
	
	transform:scale(0,0);
}
.compliance:hover .complianceNote{transform:scale(1,1);}
.compliance .complianceNote:after{
	font-family: 'FontAwesome';
	content: "\f0da";
	display:inline-block;
	font-size:35px;
	position:absolute;
	top:22px; right:-14px; z-index:100;
	color:#2776cf;	
}
.compliance .complianceNote.increesWidth{min-width:490px;}

.compliance .complianceNote pre{font-family:'Poppins', 'Open Sans', sans-serif; margin:0px;}
.compliance .complianceNote pre ul{}
.compliance .complianceNote pre ul li{list-style-type:disc !important; padding:0px; margin-left:20px; margin-top:5px;}
.compliance .complianceNote pre ul li:before{display:none;}

.compliance .complianceNote pre ol{list-style-type:decimal; margin:0px 0px 10px; padding:0px;}
.compliance .complianceNote pre ol li{list-style-type:decimal; padding:0px; margin-left:12px;  margin-top:5px;}
.compliance .complianceNote pre ol li:before{display:none;}

/* === */
.questionsList li .bulletPoints{margin-left:15px; margin-bottom:35px; line-height:24px;}
.questionsList li .bulletPoints p{margin-bottom:10px; padding-left:18px;}
.questionsList li .bulletPoints p:last-child{padding-bottom:0px;}
.questionsList li .bulletPoints p:before{
	content:" ";
	width:7px; height:7px; border-radius:100%;
	background:#6c8097;
	position:absolute;
	top:8px; left:0px;
}
.questionsList li .bulletPoints ul li{padding:0px; margin-bottom:10px;  padding-left:18px;}
.questionsList li .bulletPoints ul li:before{display:none;}
.questionsList li .bulletPoints ul li:after{
	content:" ";
	width:7px; height:7px; border-radius:100%;
	background:#6c8097;
	position:absolute;
	top:8px; left:0px;
}

/* === */
.questionsList li .answerPanel{margin-bottom:25px;}
.questionsList li .answerPanel:after{content:" "; display:block; clear:both;}
.questionsList li .answerPanel .segment{
	
	grid-template-columns:33.33% 33.33% 33.33%; 
	width:250px; float:left;
	
	/*
	grid-template-columns:20% 20% 20% 20% 20%; 
	width:615px; float:left;
	*/
	
	border:none;
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
	border-radius:8px;
	padding:4px;
}
.questionsList li .answerPanel .segment label{font-size:17px; color:#8b98a9;}
.questionsList li .answerPanel .segment label .selection{border-radius:5px; padding:10px 10px !important;}
.questionsList li .answerPanel .segment label input:checked ~ .selection{
	background:#2ac582;
	background-color: var(--data-bg-color);
	font-weight:600;
}
/* === */
.answerPanel select.input{width:37%!important;}

.answerPanel .verticalField{padding:0px;}
.answerPanel .verticalField .input{width:100%!important;}

.answerPanel .val{width:calc(100% - 160px)};
.answerPanel .dateSelections{width:37%!important;}


.answerPanel.question  #mainDivId{width:calc(100% - 160px);}
.answerPanel.question  .addItem.topTitlePosition{top:5px!important; right:160px!important; z-index:5}
.answerPanel.question  .verticleTabel .rowFlex{
	padding:0px!important; border:none!important;
	width:55%!important;
	display:block!important;
}
.answerPanel.question  .verticleTabel .rowFlex .col{display:block!important;}
.answerPanel.question  .verticleTabel .val{width:85%!important;}
.answerPanel.question  .verticleTabel .val .input{width:100%!important;}
.answerPanel.question  .verticleTabel .action{top:2px!important;}
.answerPanel.question.noPhotofeatures .addItem.topTitlePosition{right:0px!important;}


/* === */
.flexi{
	display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
	max-width:calc(100% - 230px);
	width:auto!important; float:none!important;
}
.flexi:after{display:none;}
.flexi label{
	overflow:visible;
	order:0;
	flex:1 1 auto;
	align-self:auto;
	border-bottom:none;
	border-top:1px solid #e7e7e7;
	margin:2px;
	border:none!important;
}
.flexi label .selection{background:#f9f9f9; min-width:70px;}
.flexi label:last-child{border:0px solid #e7e7e7!important;}

/*
	Break after particular nth number
	.flexi label:nth-child(4n)
	{
	  page-break-after: always;
	  break-after: always;
	}
*/

.questionsList li .answerPanel .addPhotoBtn{
	float:right;
	background:#fff;
	box-shadow: 0px 0px 4.7px 0.3px rgba(0, 0, 0, 0.15);
	border-radius:5px; 
	padding:8px 15px;
	margin-top:5px;
}
.questionsList li .answerPanel .addPhotoBtn:after{
	font-family: 'FontAwesome';
	content: "\f0dd";
	display:inline-block;
	position:absolute;
	top: 26px; right:30%;
	width: 20px; height: 20px;
	font-size: 18px;
	opacity:0;
	color:#4478c0;
}
.questionsList li .answerPanel .addPhotoBtn i{margin-right:10px;}
.questionsList li .answerPanel .addPhotoBtn:hover, 
.questionsList li .answerPanel .addPhotoBtn.active{background:#4478c0; color:#fff;}
.questionsList li .answerPanel .addPhotoBtn.active:after{opacity:1;}


/* ==== */
.hasSubQuestion{padding-bottom:20px!important;}
.hasSubQuestion .answerPanel{display:none;}
.questionsList li.subQuestion:last-child:before{height:100%!important;}

/* ==== */
.subQuestion{padding-bottom:0px!important;}
.subQuestionWrapper{padding-left:70px; margin-left:15px; padding-bottom:35px;}
.subQuestionWrapper:before{
	content: " ";
	width:1px; height:100%;
	position:absolute;
	top:0px; left:18px;
	border-left:1px solid #e8e8e8;
}
.subQuestionWrapper .questionNo{width:35px!important; height:35px!important;}
.subQuestionWrapper .questionPoint{left:-6px!important; font-size:12px!important;}

/* audit photo atatchment By purvi talati on 9th jun'22 >> line no 1149 to 1177*/
.auditAttachments{
	border:1px solid rgb(204, 217, 236);
	border-radius:6px;
	box-shadow:0px 4px 4px 0px rgba( 68, 120, 192, 0.2 );
	padding:20px;	
}
.auditAttachments .addPhotoPanel{
	border:none;
	box-shadow:none;
	padding:0px; margin:0px;
	border-radius:0px;
	grid-template-columns:calc(96% - 300px) 300px;
}
.auditAttachments .addPhotoPanel .dragPhoto{
	border:2px dashed #ccc;
	padding:35px 0px;	
	height:auto;
}
.auditAttachments .addPhotoPanel .dragPhoto p{
	margin:0px 25px 0px 0px!important;
	display:inline-block;
	top:10px;	
}
.auditAttachments .addPhotoPanel .dragPhoto span{
	display:inline-block;
	margin:13px 35px;
	opacity: 0.5;
}
.auditAttachments .addPhotoPanel .dragPhoto label{margin-top:40px; top: -19px;}

/* display photo section By purvi talati on 15th jun'22 >> line no 1180 to 1209*/	
.uploadedImages ul{
	display:grid;
	grid-template-columns:23.5% 23.5% 23.5% 23.5%;
	grid-column-gap:2%;
	margin-top:35px;	
}
.uploadedImages ul li{
	background-color:#ffffff;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	padding:6px; margin-bottom:25px;
}
.uploadedImages ul li::before{display:none;}
.uploadedImages ul li span{
	width:86%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	font-size:13px;
	padding-top: 10px;
}
/*=================*/
.filePreviewDiv ul li .btn-group .btn{
	position:absolute; top: -18px; right: -34px;
	height:28px!important; width:28px!important;
	rotate:90deg;
	background-color:#2e8cd8;
	border-radius:100%!important;
	background-image:url('../../images/action_more_active.png');
}
.filePreviewDiv ul li .btn-group .btn::after{rotate: -90deg; top:3px; right: -8px}
.filePreviewDiv ul li .btn-group .dropdown a i{
	display:block;
	width:40px; height:40px;
	position:absolute; top:0px; left:6px;
	background:url('../../images/image_action_controll.png') no-repeat;
	background-size:26px;
	transition: all 0.3s ease-out;
}
.filePreviewDiv ul li .btn-group .dropdown .markup i{background-position:0px 14px;}
.filePreviewDiv ul li .btn-group .dropdown .rotate i{background-position:0px -27px;}
.filePreviewDiv ul li .btn-group .dropdown .crop i{background-position:0px -70px;}
.filePreviewDiv ul li .btn-group .dropdown .download i{background-position:0px -105px;}

/* ---- */
.filePreviewDiv .questionsList li::before{display:none;}
.filePreviewDiv .questionsList li{border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:0px; margin:35px 0px;}
.filePreviewDiv .questionsList li:first-child{margin-top:0px;}
.filePreviewDiv .questionsList li.first{margin-top:0px;}
.filePreviewDiv .questionsList li:nth-last-child(2){border-bottom:none; /*margin-bottom:0px;*/  padding-bottom:0px;}
.filePreviewDiv .questionsList li:last-child{border-bottom:none; padding-bottom:0px;}
.filePreviewDiv .questionsList li.last{border-bottom:none; /* margin-bottom:0px; */ padding-bottom:0px;}

/* comment by purvi to keep line 1210	
#filePreviewDiv ul li .btn-group .dropdown .markup i.fa-pencil{color:#265290;}
#filePreviewDiv ul li .btn-group .dropdown .rotate img{
position:absolute; top:10px; left:8px; width:15px;}
}
#filePreviewDiv ul li .btn-group .dropdown .crop .fa-crop::before{color:#eba011;}
#filePreviewDiv ul li .btn-group .dropdown .download img{
	position:absolute; top:10px; left:12px;
}
*/
/* comment by purvi on 10th june >> rohit keep DIV seprate out of auditAttachments div
.auditAttachments .uploadedImages ul li{margin-bottom:25px;}
.auditAttachments .uploadedImages ul li span{font-size:13px;}
.auditAttachments .uploadedImages ul li .btn-group .btn{
	position:absolute; top: -10px; right: -29px;
	width:25px!important;
	rotate:90deg;
	background-color:#2e8cd8;
	border-radius:100%;
}
.auditAttachments .uploadedImages ul li .btn-group .btn::after{
	top:1px; right: -5px; rotate:270deg; width:20px; height:22px;
}
.auditAttachments .uploadedImages ul li .btn-group .btn .dropdown{
	width:150px!important;
	top:20px!important; right: -35px!importnat;
}
*/

/* === */
.addPhotoPanel{
	border:1px solid rgb(204, 217, 236);
	border-radius:6px;
	box-shadow: 0px 4px 4px 0px rgba( 68, 120, 192, 0.2 );
	padding:10px;
	display:grid; grid-template-columns:230px calc(96% - 230px);
	grid-column-gap:4%;
	margin-bottom:25px;
}
.addPhotoPanel .dragPhoto{
	height:245px;
	background:#f6f7fb;
	text-align:center;
	border:2px dashed #d1d1d1;
	justify-content:center;
}
.addPhotoPanel .dragPhoto p{margin-top:20%;}
.addPhotoPanel .dragPhoto span{display:block; padding:15px 0px;}
.addPhotoPanel .dragPhoto label{
	display:inline-block; background:#fff; 
	border-radius:5px; padding:6px 10px;
	color:#4478c0;
	border:1px solid #a2b2c8;
}
.addPhotoPanel .dragPhoto input[type="file"]{
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	opacity:0;
}
/* ===== */
.addPhotoPanel .viewPhoto{height:245px; background:#f6f7fb; text-align:center;}
.addPhotoPanel .viewPhoto img{object-fit:cover; width:100%; height:100%;}
.addPhotoPanel .viewPhoto .photoLoader{
	position:absolute;
	top:0px; left:0px; z-index:1;
	width:100%; height:100%;
	background:#f6f7fb;
}
.addPhotoPanel .viewPhoto .photoLoader .spinLoader{top:40%;}
.addPhotoPanel .viewPhoto .edit, .addPhotoPanel .viewPhoto .remove{
	position: absolute;
	top:10px; z-index:1;
	border-radius:100%;
	width:30px; height:30px;
	color:#fff;
}
.addPhotoPanel .viewPhoto .edit{left:10px; background:green;}
.addPhotoPanel .viewPhoto .remove{right:10px;  background:red; line-height:28px;}
.addPhotoPanel .viewPhoto .remove:after{
	font-family:"FontAwesome";
	content:"\f00d";
	font-size:15px;
}
/* ===== */
.addPhotoPanel .photoInfo{padding-top:5px;}
.addPhotoPanel .photoInfo h5{font-weight:600; color:#384476; font-size:15px; margin-bottom:10px;}
.addPhotoPanel .photoInfo p{font-size:13px; margin:4px 0px; color:#8086a0; padding-left:12px; margin-left:7px;}
.addPhotoPanel .photoInfo p:before{
	content:" "; display:block;
	width:5px; height:5px;
	position: absolute;
	top:8px; left:0px; z-index:1;	
	background-color:#8086a0;
}
.addPhotoPanel .photoAction{margin-top:25px;}
.addPhotoPanel .photoAction a{
	text-align:center;
	border-right:1px solid #ededed;
	padding:0px 20px;	
}
.addPhotoPanel .photoAction a:first-child{padding-left:0px;}
.addPhotoPanel .photoAction a:last-child{border:0px;}
.addPhotoPanel .photoAction a:last-child{margin-right:0px;}
.addPhotoPanel .photoAction a.inactive{cursor: not-allowed !important;	pointer-events: none;}
.addPhotoPanel .photoAction a.inactive span,
.addPhotoPanel .photoAction a.inactive i{
	cursor: not-allowed !important;
	opacity: 0.2;
	pointer-events: none;
}
.addPhotoPanel .photoAction a i{
	width:35px; height:35px;
	background:url('../../images/image_action_controll.png') no-repeat;
	background-size:43px;
	transition: all 0.3s ease-out;
}
.addPhotoPanel .photoAction a:hover i{transform:translateY(-5px)}
.addPhotoPanel .photoAction a span{display:block;}
.addPhotoPanel .photoAction a.markup{color:#41689e;}
.addPhotoPanel .photoAction a.markup i{background-position:0px 3px;}
.addPhotoPanel .photoAction a.rotate{color:#6830b4;}
.addPhotoPanel .photoAction a.rotate i{background-position:0px -63px;}
.addPhotoPanel .photoAction a.crop{color:#eca61f;}
.addPhotoPanel .photoAction a.crop i{background-position:0px -133px;}
.addPhotoPanel .photoAction a.download{color:#4427ef;}
.addPhotoPanel .photoAction a.download i{background-position:0px -192px;}

/* === */
.answerComment textarea{
	border:1px solid #e4e4e4; border-radius:5px; padding:15px;
	width:100%; height:100px;
}

/* ==== */
.signImage{
	border:1px solid #e9e9e9;
	box-shadow: 0px 4px 4px 0px rgba(68, 120, 192, 0.16);
	width:553px; height:260px;
	margin:25px 0;
	text-align:center;
	position:relative;
}
.signImageWrapper{
	width:100%; /*margin:0px auto;*/
	display:grid; 
	grid-template-columns:15% 76% 5%; grid-column-gap:2%;
}
.signImage.preview{display:flex; align-items:center; }
.signImage.preview div{text-align:center; width:100%; height:100%; overflow:hidden;}
.signImage.preview img{max-width:100%;}
.signImage.preview a.remove{
	background:#4176b9;
	color:#fff;
	font-size:13px;
	font-weight:500;
	position:absolute;
	bottom:-15px; left:32%;
	padding:8px 15px;
	border-radius:5px;
}
.signImage.draw p.error{position: absolute; top:-25px; left:0px; width:100%; color:red; font-size:13px;}
.signImage.draw a.clear{
	background:#4176b9;
	color:#fff;
	font-size:13px;
	font-weight:500;
	position:absolute;
	bottom:-15px; left:42%;
	padding:8px 15px;
	border-radius:5px;
}
.signImageWrapper .editBtn a{
	 background-color:#97f4c3;
	 width:26px;
	 height:26px;
	 border-radius:24px;
}
.signImageWrapper .cancleBtn a{
	  background-color:#ffa3a3;
	  width:24px;
	  height:24px;
	  border-radius:25px;
}
.signImageWrapper .editBtn i.fa-edit{
	color:#0d6d3b; font-size:18px; padding:4px 6px 4px 5px;
}
.signImageWrapper .cancleBtn i.fa-times{color:#f72b50; font-size:16px; padding:4px 6px;}

.signImageWrapper .textareaMaxValue .input.bgColor{background-color:#fbfafa;}
.signHere{/*position:absolute; top:0px; left:-120px;*/ margin:25px auto;}

/*
	======================
	Add Audit Model
	======================
*/
.photoModelOverlay{background:rgba(255,255,255,0.9);}
.photoModel{width:100%; height:100%;}
.photoModel .modelWrapper{
	width:calc(100%); height:calc(100%); 
	margin:0px 0px 0px 0px;
	max-width:100%;
	background:none;
}
.photoModel .modelWrapper h4{
	padding:0px; height:50px;
	text-align:center; line-height:50px;
	font-weight:600; font-size:16px;
}
.photoModel .modelWrapper h4 .close{right:auto; left:0px; display:none;}
.photoModel .modelWrapper h4 .btn{
	background:#fff;
	border-radius:5px;
	padding:4px;
	font-size:15px; font-weight:500; color:#000;
	position:absolute;
	top:8px; right:8px;
	min-width:80px;
	cursor:pointer;
}
.photoModel .modelWrapper h4 .btn i{margin-right:5px; font-size:15px;}
.photoModel .modelWrapper h4 .save{}
.photoModel .modelWrapper h4 .cancel{
	right:110px;
	color:#fff;
	border:2px solid #fff;
	background:none;
	padding:3px 4px;
}
.photoModel .modelWrapper .modelContent{
	width:100%; height:calc(100vh - 50px); 
	text-align:center;
	padding:0px; 
}

/* ===== */ 
#markupImage{/*overflow:hidden; overflow-y:auto;*/}
.markupModel .controls{
	background:rgba(255,255,255,0.95);
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	border-radius:5px;
	position: fixed;
	top:65px; right:15px; z-index:100;
	overflow:hidden;
}
.markupModel .controls a, .markupModel .controls button{
	display:block;
	margin:0px; width:100%;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:10px 15px;	
	cursor:pointer;
	background:url('../../images/mark-controll.png');
	background-size:20px;
	background-repeat:no-repeat;
	opacity:1;
	width:42px; height:42px;
}
.markupModel .controls a:hover, .markupModel .controls button:hover{opacity:1;}

.markupModel .controls .clear{background-position:11px 12px;}
.markupModel .controls .zoomIn{background-position:11px -41px;}
.markupModel .controls .zoomPut{background-position:11px -95px;}

.markupModel .modelContent{overflow:auto;}

/* === */
.rotateModel .modelContent .previewRotateImg{height:calc(100vh - 50px); overflow:hidden;}
.rotateModel .modelContent .previewRotateImg img{
	object-fit:cover;  
	transform-origin:center!important; 
	max-width:100%; max-height:100%;
}
.rotateModel .modelContent .previewRotateImg a.rotate{
	background:red;
	position:absolute;
	top:10px; right:10px;
	z-index:1; border-radius:100%;
	width:35px; height:35px; line-height:35px;
	background:rgb(74, 202, 106);	
}
.rotateModel .modelContent .previewRotateImg a.rotate:before{
	font-family: 'FontAwesome';
	content:"\f0e2";
	color:#fff; font-size:18px;
}
.rotateModel .modelContent .previewRotateImg a.rotate:hover{transform:scale(1.2,1.2);}

/* ===== */
.holdOnModel {height:100%;}
.holdOnModel .modelWrapper{	width:80%; max-width:800px; border-radius:25px;}
.holdOnModel .modelWrapper .close{ height:42px; background-color:#ff5722; border-radius:45px; top:20px; right:20px;}
.holdOnModel .modelWrapper .holdOnGraphic{float:right; padding:35px 15px 15px; width:45%; text-align:center;}
.holdOnModel .modelWrapper .holdOnGraphic img{max-width:100%;}
.holdOnModel .modelWrapper .holdOneNotes{
	clear:both; display:block; border-top:1px solid rgba(0,0,0,0.1); text-align:center; padding:10px;
	font-size:16px; font-style:italic;
	color:#13579e;
}
.holdOnModel .modelWrapper .holdOnText{
	float:left; width:55%; min-height:330px;  padding:35px 25px 25px 45px; 
	color:#180a06; 
	display:flex;
	align-items:center;
}
.holdOnModel .modelWrapper .holdOnText h2{font-size:48px; margin-bottom:10px; letter-spacing:0.4px;}
.holdOnModel .modelWrapper .holdOnText p{font-size:17px;}
.holdOnModel .modelWrapper .holdOnText ol, 
.holdOnModel .modelWrapper .holdOnText ol li{list-style-type:number; font-size:17px;}
.holdOnModel .modelWrapper .holdOnText ol li a{vertical-align:top;}
.holdOnModel .modelWrapper .holdOnText ol li{margin-bottom:5px;}

/*
	======================
	Type: Form Field
	======================
*/
.typeForm .answerPanel{display:grid; grid-template-columns:190px calc(99% - 190px); grid-column-gap:1%;}
.typeForm .lbl{padding-top:10px;}
.typeForm .lbl span{font-size:14px; color:red; position:absolute; top:13px; right:5px;}

/*
	======================
	Type: plusMinusTable
	======================
*/
.noGrid{display:block!important;}
.plusMinusTable{padding:10px 0px; border-bottom:1px solid rgba(0,0,0,0.0);}
.plusMinusTable .rowFlex{display:grid; grid-template-columns:29% 29% 29% 13%;}
.plusMinusTable .rowFlex .col{width:100%; padding:0px 25px 0px 0px;}
.plusMinusTable .rowFlex .col .lbl{display: block; font-weight:500; padding-bottom:10px; padding-top:0px;}
.plusMinusTable .rowFlex .col.action{padding: 0px;}
.plusMinusTable .rowFlex .input{width:100%;}
.plusMinusTable .rowFlex .addItem, .plusMinusTable .rowFlex .removeItem{
	background:#b1eec3;
	width:35px; height:35px;
	border-radius:100%;
	text-align:center;
	margin-right:10px;
	font-size:18px; line-height:33px;
	color:#4db06a;
}
.plusMinusTable .rowFlex .removeItem{background:#fbe0e0;}

.plusMinusTable .rowFlex.grid4{
	grid-template-columns:21.75% 21.75% 21.75% 21.75% 13%;
}
.plusMinusTable .lbl{display:none!important;}
.plusMinusTable:nth-child(2){padding-top:0px;}
.plusMinusTable:nth-child(2) .lbl{display:block!important;}

/* plus Minus verticle Tabel */
.verticleTabel{padding: 0px;}
.verticleTabel .rowFlex{border-top:1px solid rgba(0,0,0,0.1); padding:20px 0px; }
.verticleTabel .rowFlex{display: block;}
.verticleTabel .rowFlex .col{display: grid; grid-template-columns: 250px calc(98% - 250px); grid-column-gap: 2%;}
.verticleTabel .rowFlex .col .lbl{padding: 10px 0px 0px; display: block!important;}
.verticleTabel .input{width:70%!important;}
.verticleTabel textarea.input{width:90%!important;}
.verticleTabel .dateSelections{width:180px!important;}
.verticleTabel .dateSelections .input{width:100%!important;}
.verticleTabel .timeSelections{width:180px!important;}
.verticleTabel .timeSelections .input{width:100%!important;}
.viewAudit pre{margin:0px; font-family: 'Poppins', 'Open Sans', sans-serif;}
.verticleTabel .action{position: absolute; top:20px; right:0px;}
.verticleTabel .action a{
	all:unset;
	background: #fbe0e0!important;
	color: #e86262!important;
	font-size: 14px!important; 
	border-radius:7px!important;
	padding: 8px 15px!important;
	font-weight: 500!important;
	width:auto!important; height:auto!important;
	line-height: normal!important;
	margin: 0px!important;
	cursor:pointer;
}
.verticleTabel .action a i{font-size: 18px; margin-right: 5px; vertical-align: top; top: 1px}
.verticleTabel .action a.removeItem i{}

/* ===== */
.addItem{
	background: #82b7dc;
	color: #fff;
	font-size: 14px!important; 
	border-radius:7px;
	padding: 8px 15px;
	font-weight: 500;
}
.addItem i{font-size: 18px; margin-right: 5px; vertical-align: top; top: 2px}
.topTitlePosition{position: absolute; top:-65px; right: 0px;}

/* ===== */
.singleFormRow{
	padding:25px 0px 0px 0px; 
	display:grid; 
	grid-template-columns:100px calc(98% - 100px);
	grid-gap:2%;
}
.singleFormRow .label{padding-top:10px; font-size:15px;}
/* ===== */
.viewSingleFormRow{
	padding:5px 0px; 
	display:grid; 
	grid-template-columns:100px calc(98% - 100px);
	grid-gap:2%;
}
.viewSingleFormRow .label{font-size:14px; font-weight:400;}

.viewSectionNA {
	float:right; color: #1f262f; font-weight: 500; top:-52px;
	background:#fbf9c6;
	border-radius:4px;
	padding:5px 10px;
	color:#000;
}

/*
	======================
	Action Plan
	======================
*/
.actionPlan .card h2{font-size:22px; color:#175db6; margin-bottom:0px;}
.actionPlan .card{padding:15px 20px 25px;}
.actionPlan #locationDetail .viewForm{display:grid; grid-template-columns:60% 40%;}
.actionPlan #locationDetail .viewForm li{grid-template-columns: 180px calc(100% - 180px);}
.actionPlan #locationDetail .viewForm label{border:none;}
.actionPlan #locationDetail .viewForm span{border-right: 1px solid rgba(0,0,0,0.1);}

/* ---- */
.actionPlan .sectionSap{background:#f9f9f9; height:20px; margin:25px -20px; box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,0.04);}

/* ---- */
.actionPlan .questionsList li::before{display:none;}
.actionPlan .questionsList li{
	border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:0px;
	/* margin:35px 0px; */
}
.actionPlan .questionsList li:first-child{margin-top:0px;}
.actionPlan .questionsList li.first{margin-top:0px;}
.actionPlan .questionsList li:nth-last-child(2){border-bottom:none; /*margin-bottom:0px;*/ padding-bottom:0px;}
.actionPlan .questionsList li:last-child{border-bottom:none; /* margin-bottom:0px;  */padding-bottom:0px;}
.actionPlan .questionsList li.last{border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
.actionPlan .questionsList li h3{margin-right:14%;}
.actionPlan .questionsList li .bulletPoints ul li{border:none; margin:0px;}

/* ---- */
.actionPlan .questionsList li.hasSubQuestion{
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	border-bottom: 0px;
}
.actionPlan .questionsList li.subQuestion{
	padding-left:0px!important;
	margin-left:85px;
}
.actionPlan .questionsList li.subQuestion h3.questionh3{padding-left:80px;}
.actionPlan .questionsList li.subQuestion .complianceNotes{margin-left:80px;}
.actionPlan .questionsList li.subQuestion .actionPlanForm,
.actionPlan .questionsList li.subQuestion .viewActionPlan
{margin-left:80px;}
   
.actionPlan .questionsList li.removedQuestion.subQuestion h3{margin-right:0px; margin-left:80px;}
.actionPlan .questionsList li.removedQuestion.subQuestion label.removedField{margin-left:82px;}

/* ---- */
.actionPlan .questionsList.removedQuestion:first-child{margin:0px;}
.actionPlan .removedQuestion{margin:25px 0px; padding-bottom:25px!important;}
.removedQuestion .questionNo{
	/*background:#eaacac!important;
	box-shadow:0px 6px 6px 0px rgba(142, 72, 72, 0.15);*/
	margin:0px;
}
.removedQuestion h3{/*color:#d98f8f;*/}
.removedQuestion label.removedField{
	margin-left:15px; 
	display:grid; 
	grid-template-columns:140px calc(100% - 140px);
	padding-bottom:4px;
}
.removedQuestion label.removedField span{color:#888;}
.removedQuestion label.removedField strong{font-weight:400;}
.removedQuestion label.removedField p{display:inline-block;;}
.removedQuestion label.full{display:block;}

/*.actionPlan .removedQuestion span{
	background:#fff8f8; 
	border:1px solid #f0d4d4; 
	box-shadow:0px 5px 5px rgba(253, 231, 231, 0.81);
	border-radius:6px; 
	padding:12px 15px;
	top:-7px;	
}*/
/* ---- */
.actionPlan .removeBtn{
	display:inline-block;
	position:absolute;
	top:-6px; right:0px;	
}
.actionPlan .removeBtn .btnLoader{
	position:absolute;
	top:0px; left:0px; z-index:1;
	width:100%; height:100%;
	background:#df7777;
	border-radius:8px; text-align:center;
}
.actionPlan .removeBtn .btnLoader span{top:8px; border-color:#a66; border-top-color:#fff;}
.actionPlan .removeBtn a{
	background:#fff;
	border-radius:8px;
	padding:8px 15px;
	color:#df7777;
	box-shadow: 0px 0px 4.7px 0.3px rgba(0, 0, 0, 0.15);
}
.actionPlan .removeBtn a i{margin-right:7px; font-size:17px;}
.actionPlan .removeBtn a:hover{background:#df7777; color:#fff; box-shadow: 0px 5px 4.7px 0.3px rgba(0, 0, 0, 0.2);}

/* ---- */
.actionPlan .questionsList li .bulletPoints{margin-bottom:25px;}
.actionPlan .complianceNotes{
	background:#fffef5; 
	border:1px solid #eae6c7; 
	/*box-shadow:0px 5px 5px rgba(253, 247, 231, 0.81);*/
	border-radius:6px; 
	padding:12px 15px;	
	margin-bottom:25px;
	margin-top:10px;
	margin-left:15px;
}
.actionPlan .complianceNotes h3{font-size:15px; margin-bottom:3px;}
.actionPlan .complianceNotes p{margin-left:0px;}
.actionPlan .complianceNotes pre{font-family:'Poppins', 'Open Sans', sans-serif;}

/* ---- */
.splitRow{display:grid; grid-column-gap:3%;}

/* ---- */
.actionPlan .commentBy{margin-bottom:20px;}
.actionPlan .commentBy h3{font-size:15px; margin-bottom:3px;}
.actionPlan .commentBy pre, 
.actionPlan .commentBy p{
	color:#4d4d4d; font-family: 'Poppins', 'Open Sans', sans-serif; 
	margin:0px 0px 0px 0px;
}

/* ---- */
.actionPlan .photoBy{margin-bottom:25px;}
.actionPlan .photoBy.auditorPhoto{margin-top:5px;}
.actionPlan .photoBy h3{font-size:15px; margin-bottom:3px;}
.actionPlan .photoBy .photoGallery{display:inline-block; transition: all 0.3s ease-out;}
/*.actionPlan .photoBy .photoGallery:hover{transform:scale(1.08,1.08); transform-origin:center;}*/
.actionPlan .photoBy img{object-fit:cover; border-radius:15px; cursor:pointer;}
.actionPlan .photoBy a{
	position: absolute;
	top:10px; right:10px; z-index:1;
	width:35px; height:35px; line-height:35px;
	background-image:url('../../images/fullscreen.png');
	background-size:17px;
	background-position:center;
	background-repeat: no-repeat;	
	background-color: #000;
	border-radius:100%;		
	text-align:Center;
	cursor:pointer;
}

/* ---- */
.actionPlanForm{margin:0px 0px 0px 15px;}
.actionPlanForm hr{border:none; border-top:1px solid rgba(0,0,0,0.04)!important; margin-bottom:25px; top:-5px;}
.actionPlanForm h3{font-size:13px!important; margin-bottom:15px!important;}
.actionPlanForm .splitRow{grid-template-columns:210px 120px calc(100% - 370px); grid-column-gap:20px; margin-bottom:10px;}
.floatLeft{float:left;}

/* ---- */
.actionFormRow{margin:0px 15px 0px 0px;}
.actionFormRow input:read-only{background:#f4f4f4;}
.actionFormRow .lbl{padding-bottom:7px; color:#888}
.actionFormRow .lbl span{color:red;}

/* ---- */
.actionFormRow.actionRemarks{float:left; width:calc(94% - 150px);}
.actionFormRow.addActionPhoto{float:right; width:150px;}
.actionFormRow.addActionPhoto a{background: #fff;
	box-shadow: 0px 0px 4.7px 0.3px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	padding: 8px 15px;  vertical-align:bottom; display:block; top:8px;}
.actionFormRow.addActionPhoto a:hover{background:#4478c0; color:#fff;}
.actionFormRow.addActionPhoto a i{margin-right:10px;}

/* ---- */
.actionPlanForm .addPhotoPanel{margin-right:15px; margin-top:10px;}

/* ---- */
.actionFormRow.inline{display:grid; grid-template-columns:180px calc(100% - 180px);}
.actionFormRow.inline .lbl{padding-top:7px; padding-bottom:0px;}
.auditDueDate{	
	border-bottom:3px solid rgba(0,0,0,0.05); 
	padding:8px 25px 5px;
	margin:0px -20px 20px;
}

/* ---- */
.actionSignModel .modelWrapper{width:520px; border-radius:10px; padding-bottom:35px;}
.actionSignModel .modelWrapper h4{background:none; color:#000; padding:15px 29px; margin-bottom:10px;}
.actionSignModel .modelWrapper h4 strong{color:#175db6; font-weight:600;}
.actionSignModel .modelWrapper h4 a{
	background:url('../../images/close-dark.png');
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
	opacity:1; right:6px;
}
.actionSignModel .modelWrapper .signImage div{
    overflow: hidden;
    height: 100%;
}
.actionSignModel .modelWrapper .signImage{
    width:452px; height:200px; margin-bottom:45px;
    overflow: visible;
}
.actionSignModel .modelWrapper .draw{width:452px; height:200px; margin:auto; margin-bottom:45px;}
.actionSignModel .modelWrapper .draw a.clear {
    background: #4176b9;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    bottom: -15px;
    left: 42%;
    padding: 8px 15px;
    border-radius: 5px;
}
.actionSignModel .modelWrapper .submitBtn{margin:25px auto 0px; width:120px;}

/* ---- */

.removeActionModal .modelWrapper{width:520px; border-radius:10px; padding:25px 20px;  border-top:8px solid #2368cb;}
.removeActionModal .modelWrapper h6{text-align:center; font-size:20px; font-weight:400; margin-bottom:22px; letter-spacing:0.5px;}
.removeActionModal .modelWrapper h6 strong{color:#2368cb;}
.removeActionModal .modelWrapper textarea{width:100%; height:130px;}
.removeActionModal .modelWrapper .buttons{text-align:center;}
.removeActionModal .modelWrapper .buttons .btnLoader{
	position:absolute;
	top:0px; left:0px; z-index:1;
	width:100%; height:100%;
	background:rgba(255,255,255,0.8);
}
.removeActionModal .modelWrapper .buttons .btnLoader span{top:20px;}

/*
	======================
	View Audit
	======================
*/
.viewActionPlanDueDate{
	padding:15px 20px!important; border-radius:8px!important;
	box-shadow:0px 0px 41px 0px rgb(0, 0, 0, 0.1)!important;
	margin-bottom:15px!important;
	font-size:15px;
	top:-6px;
	min-height:80px;
	display:grid;
	grid-template-columns:70% 30%;
}
.viewActionPlanDueDate .quickInfo{
	display:grid;
	grid-template-columns:45% 65%;
}
.viewActionPlanDueDate label{color:#6d7785; padding:5px 0px; font-size:15px;}
.viewActionPlanDueDate label.last{padding-right:0px; border-right:1px solid rgba(0,0,0,0); }
.viewActionPlanDueDate label span{min-width:140px;}
.viewActionPlanDueDate label strong{font-weight:600; color:#000;}

.viewActionPlanDueDate .dueDateMesassage{padding:0px; color:gray; font-size:14px;}
.viewActionPlanDueDate .dueDateMesassage.yellow{color:#ce950f;}
.viewActionPlanDueDate .dueDateMesassage.red{color:#f25e5e;}

.viewActionPlanDueDate .print{
	border-radius: 7px;
	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%);
	box-shadow:0px 7px 7px 0px rgba(17, 92, 199, 0.26);
	color:#fff;
	padding:8px 20px;	
	display:inline-block;
	margin-left:10px;
	margin-top:6px;
}
.viewActionPlanDueDate .print i{margin-right:5px;}
.viewActionPlanDueDate .print:hover{transform:translateY(-5px);}

/* ==== */
.viewActionPlan{margin-left:15px; margin-bottom:15px;  color:#313944;}
/*.viewActionPlan .images img{width:220px!important; height:220px!important; }*/
.viewActionPlan h4{
	font-size:15px; font-weight:600;
	margin:0px; padding:0px 0px 0px;
	top:-4px
}
.viewActionPlan pre{color: #313944;}

/* ==== */
.viewActionPlan .auditorComment{}
.viewActionPlan .auditorComment pre{}
.viewActionPlan hr{border:none; border-top:1px solid rgba(0,0,0,0.04)!important; margin-bottom:25px; top:-5px;}
/* ==== */
.viewActionPlan .col{
	color:#313944; margin-right:25px; 
	padding-top:15px;
}
.viewActionPlan .col img{vertical-align:middle;}
.viewActionPlan .col span{display:inline-block; color:#888; padding-bottom:2px; min-width:90px; margin-right:10px;}
.viewActionPlan .rowInline{display:flex;}
.viewActionPlan .rowInline .col{margin-right:40px;}
.viewActionPlan .actionPhoto{padding-top:15px;}

/*
	======================
	View Audit
	======================
*/
.viewAudit .card{box-shadow:0px 1px 6px 0px rgba(1, 1, 1, 0.08); background:#fff;}
.viewAudit .card{margin-bottom:35px;}
.viewAudit .card h2{margin-bottom:18px;}
.viewAudit .card .answer{margin-bottom:15px;}
.viewAudit .card .answer span{
	background-color:#2ac582; 
	color:#fff; 
	font-weight:600; font-size:17px; 
	padding:4px 20px; 
	border-radius:5px;
}
.viewAudit .card .answer span.yes{background-color:#2ac582;}
.viewAudit .card .answer span.no{background-color:#eeadad;}
.viewAudit .card .answer span.na{background-color:#b5b5b5;}

.viewAudit .card .images{margin-bottom:15px; cursor:pointer;}
.viewAudit .card .images img{
	width:178px; height:178px;
	/*width:200px; max-height:200px;*/
	vertical-align:top;
	object-fit:cover;
	border-radius:4px;
}
.viewAudit .card .images a{
	position: absolute;
	top:10px; right:10px; z-index:1;
	width:35px; height:35px; line-height:35px;
	background-image:url('../../images/fullscreen.png');
	background-size:17px;
	background-position:center;
	background-repeat: no-repeat;	
	background-color: #000;
	border-radius:100%;		
	text-align:Center;
}
.viewAudit .card .comments{margin-bottom:15px;}
.viewAudit .card .comments label{display:block; font-weight:600; padding-bottom:5px; color:#3b89db;}
.viewAudit .summaryTable h2{padding:15px 20px 0px;}
.viewAudit .summaryTable .textareaMaxValue label{
	display:block; width:100%;
	word-wrap:break-word; padding:16px;
}
.viewAudit .questionsList li:last-child{padding-bottom:0px!important;}
.viewAudit .auditStepsNav .print{
	background:#fff;
	border-radius:8px;
	padding:10px 15px;
	box-shadow:0px 0px 41px 0px rgb(0, 0, 0, 0.1);
	margin-bottom:15px;
	width:100%; text-align:center;
	font-size:17px;
}
.viewAudit .auditStepsNav .print i{margin-right:5px;}
.viewAudit .auditStepsNav .print:hover{
	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%);
	color:#fff;
}

/* ========= */
/*.viewAudit .typeForm li{grid-template-columns: 250px calc(100% - 250px);}*/
.viewAudit .typeForm h3{
	margin:0px; padding:10px 15px;
	border-right: 1px solid rgba(0,0,0,0.1);
	color: #6d7785;
	font-weight:500;
	font-size:14px;
}
.viewAudit .typeForm .answer{margin:0px; padding:10px 15px;}
.viewAudit .typeForm .answer span{all:unset; background:none!important;}
.viewAudit .typeForm .answer span pre
{
	font-family:'Poppins', 'Open Sans', sans-serif;
	font-size:14px;
	letter-spacing:0.3px;
	color:#1c1c1c;
	margin:0px;
	background:none!important;
}
.cloneGroup{border-bottom:4px solid #ecebeb; }

/* ========= */
.viewAudit .clone{display: block!important;}
.viewAudit .clone .cloneTitle label{color: #000;}
.viewAudit .clone .cloneRow{
	border-bottom:1px solid rgba(0,0,0,0.1)!important;
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
}
.viewAudit .clone .cloneRow.grid4{grid-template-columns: 25% 25% 25% 25%;}
/* ========= 
.viewAudit .attachment{display: block}
.viewAudit .attachment .photoGallery {
	display: grid;
	grid-template-columns: 23% 23% 23% 23%!important;
	grid-column-gap: 2.6%;
}
.viewAudit .attachment .photoGallery span{padding:0px;}
.viewAudit .attachment .photoGallery span img{object-fit: cover; width: 100%; height: 200px;} */

/*== photo gallery display==*/
.viewAudit .auditForm .questionsList li .photoGallery{
	display:grid; grid-template-columns:23.5% 23.5% 23.5% 23.5%; grid-column-gap:2%;
	margin-top:35px;
}
.viewAudit .auditForm .questionsList li .photoGallery .images{
	background-color:#ffffff;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	padding:6px; margin-bottom:25px;
	height:190px; width:100%;
	object-fit:covor;
}

/*
	======================
	Add Staff.php
	======================
*/
.userListing td{vertical-align:middle!important;}
.userListing .userWithPic .avtar{vertical-align:middle;}
.addStaff .form li{grid-template-columns:190px calc(99% - 190px); grid-column-gap:1%;}

/* ==== */
.moreStoreModel .modelContent{display:grid; grid-template-columns:200px calc(95% - 200px); grid-column-gap:5%;}
.moreStoreModel .modelContent img{vertical-align:top; border-radius:5px; object-fit:cover; width:200px; height:200px;}
.moreStoreModel .modelContent h3{font-size:18px; font-weight:500; margin-bottom:10px;}
.moreStoreModel .modelContent .storeWrapper{border:1px solid rgba(0,0,0,0.1); max-height:210px; overflow:hidden; overflow-y:auto;}
.moreStoreModel .modelContent ol li{border-bottom:1px solid rgba(0,0,0,0.1); margin:0px 15px 0px 5px; padding:8px 0px ;}
.moreStoreModel .modelContent ol li:last-child{border:0px;}


/*
	======================
	Add user.php
	======================
*/
.multiSuggestion input:read-only{background-color:rgba(0,0,0,0.02); cursor:not-allowed;}
.orField{display:inline-block; margin-left:10px; padding-top:10px;}
.orField strong{margin:0px 10px; font-weight:400; color:#999;}
.orField label{display:inline-block;}
.orField .checkbox input:disabled ~ .checkmark	{ 
	background-color:#ccc;
	opacity:0.2; 
	cursor:not-allowed; 
}

/*
	======================
	Add Store.php
	======================
*/
.addStore .form li{grid-template-columns:155px calc(99% - 155px); grid-column-gap:1%;}
.mapWithForm{
	display:grid; grid-template-columns:48% 48%; grid-column-gap:4%;
	border-top:1px solid rgba(0,0,0,0.07);
	padding-top:45px; margin-top:25px;
}
.maplocation h3{text-align:center; font-weight:600;}
.maplocation p{text-align:center; font-size:13px; margin-bottom:15px;}

/*
	======================
	add_role.php
	======================
*/
.addRole .form li{grid-template-columns:155px calc(99% - 155px); grid-column-gap:1%;}


/*
	======================
	my_profile.php
	======================
*/
.myProfile{
	display:grid; grid-template-columns:250px calc(96% - 250px); 
	grid-column-gap:4%; padding:25px; border-radius:15px;
}
.myProfile .userPic .avtar{ width:250px; height:250px; background-color:rgba(0,0,0,0,0.05);}
.myProfile .userPic .avtar img{object-fit:cover; width:250px; height:250px; border-radius:15px;}


/*
	========================
	#Page:error.php
	========================
*/
.errorPage {
	margin:2% 10% 8%;
	background:#fff;
	padding:25px;
	box-shadow:0px 3px 38px 0px rgba(0, 0, 0, 0.05);
	border-radius:15px;
}
.errorPage .errorContent {width:40%; float:left; padding-top:9%; left:8%;}
.errorPage .errorIco {width:45%; float:right; right:2%;}
.errorPage .errorIco img {vertical-align:top; max-width:100%;}
.errorPage .errorContent h2 {font-weight:400; font-size:60px; color:#081f35; line-height:60px;}
.errorPage .errorContent h1 {font-size:18px; color:#8e8e8e; font-weight:400;}
.errorPage .errorContent p {font-size:18px; color:#000; font-weight:400; padding-bottom:10px;}
.errorPage .errorContent a {box-shadow:0px 4px 8px 0px rgba(39, 116, 207, 0.4);}

.pageError .footerMain{position: relative;}
.pageError .clientLogo{float:left; margin-top:10px;}
.pageError .pageTitle{padding-left:15px;}


/*
	========================
	#Page:pageUnderDevelopment
	========================
*/
.pageUnderDevelopment{background:#fff;}
.pageUnderDevelopment .pageContent{text-align:center;}
.pageUnderDevelopment .pageContent h2{font-weight:600; font-size:35px;}
.pageUnderDevelopment .pageContent p{font-size:17px;}
.pageUnderDevelopment .pageContent img{max-width:60%;}


/*
	========================
	Data Table Skeleton loader
	========================
*/
.table-loader{ visibility:hidden;}
.table-loader:before{
    visibility:visible;
    display:table-caption;
    content:" ";
    width:100%; height:600px;
	background-image:linear-gradient( rgba(235, 235, 235, 1) 1px, transparent 0 ), linear-gradient(90deg, rgba(235, 235, 235, 1) 1px, transparent 0 ), linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30% ), linear-gradient( rgba(240, 240, 242, 1) 35px, transparent 0 );
	background-repeat:repeat;
	background-size:1px 35px, calc(100% * 0.1666666666) 1px, 30% 100%, 2px 70px;
	background-position:0 0, 0 0, 0 0, 0 0;
	animation: shine 0.5s infinite;
}
@keyframes shine{to { background-position:0 0, 0 0, 40% 0, 0 0; } }

/*
	========================
	Model
	========================
*/
.changePasswordModel .modelWrapper{
	border-radius:25px; 
	max-width:700px; 
	text-align:center; 
	overflow:hidden; 
	padding:25px;
}
.changePasswordModel .text{
	display:grid; 
	grid-template-columns:230px calc(97% - 230px);
	grid-column-gap:3%;
}
.changePasswordModel .modelContent img{max-width:100%;}
.changePasswordModel .modelContent h3{font-size:35px; color:#17284e; font-weight:700; line-height:40px; margin-top:5px; margin-bottom:40px;}
.changePasswordModel .modelContent p{font-size:14px; margin:15px 0px; letter-spacing:0.5px; line-height:25px;}
.changePasswordModel .modelContent .submitBtn{width:190px; margin:0px auto 15px;}
.changePasswordModel .modelContent .submitBtn .btn{padding:10px;}
.changePasswordModel .modelContent .link{
	background:none; box-shadow:none; color:#246bcc; 
	text-decoration:underline; 
	padding:0px; font-size:16px; 
	font-weight:500;
}

/*
	========================
	add_incident_static.php
	========================
*/
/*
	.propertyCard{
		display: grid;
		grid-template-columns: 50px calc(100% - 50px);
		padding:15px 0px!important;
	}

	.propertyCard .propertyLabel{padding-left:15px;}
	.propertyCard .propertyLabel label{display:block; font-weight:500;}
	.propertyCard .propertyLabel .removeItem{	
		width:25px; height:25px;
		border-radius:100%;
		background:red; color:#fff;
		text-align:center;
		position:absolute;
		bottom:10px; left:30px;
	}

	.propertyCard .validation{display:none;}
	.propertyCard .propertyForm{padding:0px 20px;}
	.propertyCard .propertyForm .propertyInfo{
		display: grid;
		grid-template-columns: 22.6% 14.6% 14.6% 18.6% 17.6%;
		grid-column-gap:1%;
		margin-bottom:25px;
	}
	.propertyCard .itemField label{display:block; padding-bottom:7px; font-size:14px;}
	.propertyCard .input{width:100%;}

	.propertyCard .itemField i{
		color:#175db6;
		font-size:18px; font-weight:400;
		font-style:normal;
		position: absolute;
		top:38px; right:-5px; z-index:1;
	}
	.propertyCard .multiply i{transform:scale(1,0.7);}
	.propertyCard .multiply .input{width:80%;}
	.propertyCard .equalto i{}
	.propertyCard .equalto .input{width:84%;}

	.propertyCard .itemDescription{
		display: grid;
		grid-template-columns:64% 32%;
		grid-column-gap:4%;
	}
	.propertyCard .itemDescription textarea.input{height:108px;}
	.propertyCard .itemDescription .itemField{margin-bottom:15px;}
	.propertyCard .itemDescription .itemField:last-child{margin-bottom:0px;}
*/

/*
	========================
	File Attachment Control
	========================
*/
.fileAttachments .addPhotoPanel{
	border:none; box-shadow:none; padding:0px; border-radius:0px;
	grid-template-columns:calc(96% - 300px)  300px;
}
.fileAttachments .addPhotoPanel .dragPhoto{text-align:center; height:auto; padding:45px 0px!important;}
.fileAttachments .addPhotoPanel span{display:inline-block; vertical-align:top; margin:20px 35px 0px 25px; opacity:0.5;}
.fileAttachments .addPhotoPanel label{margin-top:28px;}
.fileAttachments .addPhotoPanel p{margin:0px 25px 0px 0px; display:inline-block;  vertical-align:top;}

.fileAttachments .addPhotoPanel p strong{display:block!important; padding-bottom:10px;}
.fileAttachments .addPhotoPanel p i{
	font-size:35px; color:#2e8cd8; margin-bottom:5px; 
	display:inline-block!important;
	border-left:1px solid rgba(0,0,0,0.1);
	padding:0px 15px 0px 25px;
	text-align:center;
}
.fileAttachments .addPhotoPanel p strong i:first-child{padding-left:0px; border:0px;}

/* ======== */
.uploadedImages p{font-size:18px;}
.uploadedImages ul li .thumb{width:100%; height:200px; margin-bottom:0px; background-color:rgba(0, 0, 0, 0.1)}
.uploadedImages ul li .thumb img{object-fit: cover; width:100%; height:200px; vertical-align:top;}
.uploadedImages ul li .thumb span{display:block; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; margin-top:12px; font-size:12px;}
.uploadedImages ul li .remove{
	background:red; border:3px solid #fff;
	width:30px; height:30px;
	position: absolute;
	top:-6px; right:-6px; z-index:10;
	border-radius:100%;
	text-align:center; color:#fff; line-height:24px;
}
.uploadedImages ul li .number{
	position: absolute;
	bottom:25px; left:0px; z-index:10;
	width:100%; text-align:center;
}
.uploadedImages ul li .number label{
	background:#fff; border-radius:45px; color:#000; 
	background:#fff; border-radius:45px; color:#000; 
	padding:5px 15px; font-weight:500;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
/* ======== */
.fileProgressBar{margin: 0px 0; text-align: center; padding-bottom:15px;}
.fileProgressBar p{padding-bottom:10px; font-size:14px;}
/* ======== */
.fileProgressBar .progressFile {
  height:20px;
  margin-bottom:20px;
  overflow:hidden;
  background-color:#eee;
  border-radius:4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar{
	float:left;
	width:0;  height:100%;
	font-size:12px; color: #fff;
	line-height:20px;  
	text-align: right;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}
.progress-striped .progress-bar, .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success{background-color: #5cb85c;}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
@-webkit-keyframes progress-bar-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}
@-o-keyframes progress-bar-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}
@keyframes progress-bar-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}


/*
	========================
	summary_level_report.php
	========================
*/
.pagelevelReport .pageSearch{float:left; padding-bottom:20px;}
/* ==== */
.pagelevelReport .chartVisiblity{float:right; top:-9px; z-index:11;}
.pagelevelReport .chartVisiblity a{
	background: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 13px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.pagelevelReport .chartVisiblity a i{margin-right:10px; color:#d593dc;}
.pagelevelReport .chartVisiblity a:hover{transform:scale(1.1,1.1)}
/* ==== */
.searchInfo{
	background:#e3f1ff;
	border:1px solid #c6dbf0;
	padding:10px 15px; border-radius:5px;
	font-size:16px;
	margin-bottom:20px;
}
.searchInfo h5{font-weight:400;}
.searchInfo h5 strong{font-weight:500;}
.searchInfo h5 span{display:block;}
/* ==== */
.pagelevelReport .chart{
	margin:15px 0px 35px 0px;
	padding:25px 15px 10px 15px;
	min-height:290px;
}
.pagelevelReport .chart .graphLoader{
	background:rgba(255,255,255,0.8);
	text-align:center; padding-top:100px;
	position:absolute;
	top:0px; left:0px; z-index:10;
	width:100%; height:100%;
}

/*
	========================
	#Page: view_audit.php
	========================
*/
.printOptionModel {position:absolute;}
.printOptionModel .form {
	display:grid ; grid-template-columns:43% 24% 18% 15%; grid-column-gap:0%;
	font-size:15px;
}
.printOptionModel .formIncidentAccident {display:grid ; grid-template-columns:70% 30%;}
.printOptionModel .form li{display:block; }
.printOptionModel .form .lbl{padding:0px; font-size:20px; font-weight:500; padding-bottom:18px;}
.printOptionModel .form .val{}
.printOptionModel .form .radioBtn,
.printOptionModel .form .checkbox{font-size:15px; margin-bottom:15px;}
.printOptionModel .form .sectionList{padding-left:30px;}
.printOptionModel .form dl{background:#0ebfbc; border-radius:2px; padding:2px 8px; color:#fff;}
.printOptionModel .form .fotmButton{text-align:center; display:block; margin-top:50px;}
.printOptionModel .form li{}
.printOptionModel .form .printLine{border-left:2px solid rgba(0,0,0,0.1); }
.printOptionModel .form .printLine .lbl{margin-left:30px;}
.printOptionModel .form .printLine .val{margin-left:30px;}
.printOptionModel .form  .disabledText{color:#dfdfdf !important;}
.printOptionModel .checkbox:hover input ~ .checkmark {
    background-color: #ccc;
    pointer-events: none;
}
.printOptionModel .form .fotmButton .submitBtn{width:100px;}
.printOptionModel .btn {
	background-color:#2d88d7;
	padding:62px 12px 10px 12px;
	background-image:url('../../images/print_icon.png');
	/*linear-gradient( 0deg, rgb( 35, 104, 203 ) 0%, rgb( 57, 174, 229 ) 100%);*/
	background-repeat: no-repeat;
	background-position:30px 20px;
	z-index:1;
	text-transform:capitalize;
}
.printOptionModel .disabled{pointer-events:none;}

/*

	========================
	unauthorized access message
	========================
*/
.unauthorizedAccess{
	margin:2% 15% 8%;
	background:#fff;
	padding:25px 35px 35px;
	box-shadow:0px 3px 38px 0px rgba(0, 0, 0, 0.05);
	border-radius:15px;
}
.unauthorizedAccess .text{
	display:grid; grid-template-columns:270px calc(97% - 270px); grid-column-gap:3%;
	align-items:top;
}
.unauthorizedAccess .img{text-align:center; }
.unauthorizedAccess h3{
	text-align:center!important; font-size:40px; color:#17284e; font-weight:700; line-height:40px; 
	margin-top:10px; margin-bottom:45px;
}
.unauthorizedAccess p{font-size:16px; margin:0px 0px 10px; letter-spacing:0.5px; line-height:28px;}
.unauthorizedAccess strong{font-size:16px; font-weight:600; padding-top:15px; display:block;}
.unauthorizedAccess ul{margin-left:35px; margin-bottom:20px;}
.unauthorizedAccess li{
	list-style-type:disc;
	font-size:15px;
	margin:8px 0px; letter-spacing:0.5px; 
	line-height:25px; padding-left:2px;
	color:#514f4f;
}

/*
	========================
	unauthorized access message
	========================
*/
.underMaintenance{
	margin:2% 12% 8%;
	background:#fff;
	padding:25px 25px 25px;
	box-shadow:0px 3px 38px 0px rgba(0, 0, 0, 0.05);
	border-radius:15px;
	display:grid;
	grid-template-columns:45% 55%;
}
.underMaintenance .text{
	text-align:center;
	padding:0px 15px;
	display:flex;
	align-items:center;
}
.underMaintenance .text h2{
	font-size:36px;
	display:block;
	color:#4e4e6a;
	line-height:45px;
	margin:20px 0px 10px;
}
.underMaintenance .text h3{
	font-size:20px; font-weight:500;
	display:block;
	color:#4e4e6a;
	line-height:45px;
	margin:0px 0px 25px;
}
.underMaintenance .text p{
	margin:0px; font-size:17px; 
	letter-spacing:0.5px; line-height:29px;
	color:#7d7d7d;	
}
.underMaintenance .graphic{
	padding: 0px 30px 0px 30px;
    background-size: cover;
    background-repeat: no-repeat;
	text-align:center;
	border-radius:15px;
}
.underMaintenance .graphic img{max-width:100%;}

.selectStar i{font-size:26px; padding-right:8px; cursor:pointer;}
.selectStar i:nth-child(5){padding-right:0px;}
.selectStar .fa-star-o:before{color:#dadbee;}
.selectStar .fa-star:before { display:block; }
.selectStar .fa-star:before{
	content: "\f005";
	color:#4048af;
	text-shadow:0px 5px 5px rgba(64, 72, 175, 0.49)!important;
}
.selectStar .selected:before{
	content: "\f005"!important;
	text-shadow:0px 5px 5px rgba(64, 72, 175, 0.49)!important;
	color:#4048af!important;
}
.selectStar .rating-text{
	background:#ffffff;
	font-size:13px;
	padding:3px 5px;
	color:#4048af;
	display:none;
}
.question_clone li:before {
  content: '✓';
  border:none;
}
.feedbackStyle1 .radioBtn .checkmark {
    position:absolute;
    top:1px; left:0;
    height:95px; width:95px;
	/*background-image:url('../../images/thumb_up.png');*/
	background-size:cover;
	background-repeat:no-repeat;
    background-color: #eee;
    border-radius: 50%;
}

ul .question_table {border: 1px solid #d1d1d1;}

.question_table li {
  border: 1px solid #d1d1d1;
  padding-bottom:0px !important;
}
.question_table li div{
	border-right:1px solid #d1d1d1;
	padding:14px 25px;
	text-align: center;	
}
.question_table li::before{border:none;}
.table_title{padding:14px 10px !important;font-size:13px;color:#175db6;}
.question_table  .col{padding:10px !important;text-align:left;}
.question_star li::before{border:none;}
.question_star li{padding-bottom:20px !important;}
.question_star{position:relative;top:15px;left:-55px;}

.questionRangeGrid{
	display: grid; 
	grid-template-columns:42% 28% 20% 10%;
}
.rangeInputValue{
	width:40px;  height:28px;
    background-color:#dfdcdc;
	text-align:center;
	border-bottom:1px solid #777777;
}
.MatrixRangeInputValue{
	position:absolute;
	right:-85px; top:0px;
}


/*
	========================
	#Page: system_setting.php
	========================
*/
.systemSetting{}
.systemSetting h2{
	font-size: 18px;
	font-weight:600;
	color: #175db6;
	margin-bottom:15px;
	padding:15px 25px;
	border-bottom:1px solid rgba(0,0,0,0.0);
}
.systemSetting .form{margin-left:25px;}
.systemSetting .form li{grid-template-columns: 200px calc(99% - 200px); grid-column-gap: 1%; font-size:14px;}
.systemSetting .form li .lbl{color:#5e5d5d;}
.systemSetting .form li .val{ }

.systemSetting hr{border:none; border-top:20px solid #f9f9f9; margin:25px 0px; padding:0px;}
.systemSetting .form li label{font-size:14px;}
.systemSetting .form li label.radioBtn{margin:0px;}
.systemSetting .form li .radioBtn .checkmark{top:3px;}


.naSectionModel .modelWrapper{
	width:550px; 
	border-radius:10px; 
	border-top:10px solid #256fce; 
	text-align:center; 
	letter-spacing:0.8px;
	padding:20px 20px;
}
.naSectionModel .modelWrapper h3{font-size:20px; color:#000; font-weight:500; margin-bottom:25px; line-height:30px;}
.naSectionModel .modelWrapper p{font-size:17px; line-height:28px;}
.naSectionModel .modelWrapper .submitBtn{margin:15px auto 0px!important;}
.naSectionModel .modelWrapper .submitBtn a{display:inline-block; width:100px; margin:0px 10px;}
.naSectionModel .modelWrapper .submitBtn a.yes{background:#14c572; box-shadow:0px 7px 7px 0px rgba(77, 172, 101, 0.3);}
.naSectionModel .modelWrapper .submitBtn .btnLoader{background:rgba(255,255,255,0.8);}
.naMessage{background:#fbf9c6; border-radius:5px; padding:15px; text-align:center; margin-bottom:15px; font-size:16px;}

.heirarchy_disabled 
{
    opacity: 0.4;
    pointer-events: none;
}

/*
	========================
	
	========================
*/
.additionalAuditor:after{content:" "; display:block; clear:both;}
.additionalAuditor .lbl{float:left; width:190px;}
.additionalAuditor #mainDivId{float:left; width:calc(100% - 190px);}
.additionalAuditor .topTitlePosition{top:0px; z-index:10;}
.additionalAuditor .rowFlex{
	border:none;  padding:0px;
	display: grid;
	grid-template-columns: 46% calc(98% - 46%);
	grid-gap: 2%;
	margin-bottom:15px;
}
.additionalAuditor .rowFlex .col{padding:0px; display:block;}
.additionalAuditor .rowFlex .col .val,
.additionalAuditor .rowFlex .col .val input{width:100%!important;}
.additionalAuditor .rowFlex .action{position:relative; top:0px; right:0px;}

/*============*/
.notificationTypeLi .checkbox {display:inline-block; margin-right: 25px;}
.questionTypeLi input[type=checkbox]:disabled{cursor:not-allowed!important;}
.questionTypeLi .checkbox .checkmark {
    position:absolute;
    top:3px;
    left:25px;
    height:17px;
    width:17px;
    background-color:#f9f5f5;
}


/*
	========================
	Add Note Page
	========================
*/
.card.addNotes{padding:25px 20px 25px;}

.addNotes .submitBtn{/*position:absolute; bottom:14px; left:2px;*/ z-index:1;}
.addNotes .submitBtn .btn{
	padding:4px 18px! important;
	font-size:14px!important;
	border-radius:4px;
	box-shadow:none! important;
}
.addNotes .submitBtn .btn:hover{transform: translateY(0px);}
.confirmDeleteBoxModel .submitBtn .btnLoader span.spinLoader{top:4px!important;}

.addNotes .cancleBtn{position:absolute; bottom:20px; left:86px;	z-index:1;}
.addNotes .cancleBtn .btnIcon{
	background-color:#A0A0A0! important;
	color:#ffffff! important;
	padding:2px 10px! important;
	font-weight:700;
}

.addNotes .textareaMaxValue{padding-bottom:20px; border:none;}
.addNotes .textareaMaxValue .input{border:1px solid #e7e7e7; border-radius:7px;}
.addNotes .textareaMaxValue .max{
	background:white;
	position:relative; float:right;
	width:60%;
	padding-right:0px;
}
.comment{padding-left:30px; padding-bottom:16px;}
.comment label{
	font-size:12px;
	font-weight:400;
	color:#6d7785;
	margin-left:10px;
}
/*.replyNotes span{display:inline;} */
.replyNotes::before{
	content: "";
	width:11px; height:11px;
	display:inline-block;
	background-color:#38d5a6;
	border-radius:100%;
	position:absolute; top:5px; left:-24px;
}
.replyDiv a{display:inline-block; text-align:left; margin:5px;/* margin-right:150px;*/}
.replyDiv #reply_note_anchor{margin-left:10px;}
.replyDiv .partitionPipe{margin:0px 7px; color:#246acc;}
.replyDiv .submitBtn{box-shadow:none! important; border-radius:4px;}
.replyDiv .submitBtn .btnLoader span.spinLoader{top:7px;}

/*section level report search new 5 grid desing*/
.sectionSearch .pageSearch.withLabel{
	grid-template-columns:22% 22% 22% 10% 14% !important;
	width:100% !important;
	padding:0px;
}
.sectionSearch .pageSearch .searchBtn{position:relative;right:0px;}
.sectionSearch .js-example-tags-container{
	background-color:#efefef;
	grid-column:1 / span 5;
	border:1px solid #c6c6c6;
	border-radius:6px;
	padding:6px 10px;
	margin-bottom:16px;
}
.sectionSearch .js-example-tags-container ul{
	display:flex; flex-wrap:wrap;
}
.sectionSearch .js-example-tags-container ul li{
	display:block;
	white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
	background:#ffffff;
	width:24%;
	border-radius:25px;
	padding:5px 20px 5px 8px;
	font-size:12px;
	position:relative;
	margin-right:8px; margin-bottom:10px;
}
.sectionSearch .js-example-tags-container ul li a{
	position:absolute; top:0px; right:0px;
	height:33px;
	padding:0px 8px;
	line-height:28px;
}
.sectionSearch .js-example-tags-container ul li a::before{
  font-family: "FontAwesome";
  content: "\f00d";
  font-size:16px;
}




.sectionSearch .moreOptions{position:relative; right:0px;top:35px;}
.sectionSearch .pageSearch .clearBtn{right:-5px;}
  
/* Added 8 oct '22 to set section level report row details table & details control icon */
.scoreColumn{border-right:transparent !important;}
.rowDetailsDiv span{display:flex; justify-content: center;}
.rowDetailsDiv table{
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
}
.rowDetailsDiv .tableListing th:last-child, table.dataTable th:last-child{
	border-right:transparent !important;
}
.rowDetailsDiv .tableListing td:last-child, table.dataTable td:last-child{
	border-right:transparent !important;
}

/* ===========   Manage Form   ============*/
.card .actionButton{float:right; text-align:center;}
.card .actionButton .addField{display:inline-block; margin-right:8px;}
.card .actionButton .reorderField{display:inline-block;}
.card .addField a{
	border-radius:4px;
	background-image: -webkit-linear-gradient( 0deg, rgb( 35, 104, 203 ) 0%, rgb( 57, 174, 229 ) 100%);
	font-weight: 600;
	color: #fff !important;
	padding:8px 16px;
	cursor:pointer;
}
.card .reorderField a{
	border-radius:4px;
	background-color:#485560;
	/*background-image:-webkit-linear-gradient( 0deg, rgb( 35, 104, 203 ) 0%, rgb( 57, 174, 229 ) 100%);*/
	font-weight: 600;
	color: #fff !important;
	padding:8px 16px;
	cursor:pointer;
}

.notificationSettingForm .formDescription{
	/*border-bottom:1px solid #e7e7e7;*/
	padding:14px 0px 10px 20px; margin-bottom:22px;
}
.notificationSettingForm .FormHeader h3{float: left;}
.notificationSettingForm .card ul{margin-top:90px;}
.notificationSettingForm .card ul li{
	border-bottom:1px solid #ebebeb;
	margin-bottom:20px;
}
.notificationSettingForm .card ul li .radioBtn{top:9px;}
.notificationSettingForm .card ul li  .radioBtn .checkmark{top:4px;}
.tooltip{position:absolute; top:8px; right:0px;}
.tooltip .edit{
	background: url('../../images/edit_icon.png') no-repeat;
	width:25px; height:25px;
	border-radius:3px;  
	background-color: #485560;
	transform: matrix(-1, 0, 0, 1, 0, 0);
	background-position:center;
	/*margin-right:20px;*/
	background-size:14px;
}
.tooltip .remove{
	background: url('../../images/delete_ico.png') no-repeat;
	width:25px; height:25px;
	border-radius:3px;
	background-color:#485560;
	transform:matrix(-1, 0, 0, 1, 0, 0);
	background-position:center;
	/*margin-right:20px;*/
	background-size:12px;
}
.tooltip .move{
	background: url('../../images/menu_ico_white.png') no-repeat;
	width:25px; height:25px;
	border-radius:3px;
	background-color:#485560;
	transform:matrix(-1, 0, 0, 1, 0, 0);
	background-position:center;
	/*margin-right:20px;*/
	background-size:14px;
}
/*
.tagify__input:before{line-height:0em! important;}
.tagify__input:focus:empty:after{display:block !important;}*/
.tagify__input{margin:0px !important;}
.tagify+input{
      display:block !important;
      width: 100%;
      padding:0px; margin:0px;
}
.tagify.tagify--focus{
	border:1px solid #466999 !important;
	padding:0px! important;
}
.customFieldLi .tagify{padding:10px !important;}
.tagify__input:before{position:sticky !important;}

.notificationSettingForm .form.ui-sortable li .val{width:80%;}
.notificationSettingForm .form.ui-sortable li select{width:80%;}
.notificationSettingForm .form.ui-sortable li .lbl{padding-right:10px;}

.inlineActonLink {
	display:grid; grid-template-columns:33% 33% 33%;
	grid-column-gap:0.5px;
}
/*.inlineActonLink .published{width:31%; margin-right:15px;}*/
.published .fa-paper-plane::before{
	content: "\f1d8";
	color:#4048af;
}
.btn-group .dropdown a .fa-pen-to-square::before{
	content: "\f044";
	color:#e39747;
	font-size:15px;
}
.reorderField .submitBtn .reorderBtn{
	background-image: -webkit-linear-gradient( 0deg, rgb( 35, 104, 203 ) 0%, rgb( 57, 174, 229 ) 100%);
	font-weight:600;
	border-radius:4px;
	color:#fff;
	padding:8px 16px;
	cursor:pointer;
}

.confirmDeleteBoxModel .modelContent{padding:24px; text-align:center;}

/* 
.confirmDeleteBoxModel .modelWrapper .submitBtn{
	display:flex; width:100%;
	margin-top:24px;
}
.confirmDeleteBoxModel .modelWrapper .submitBtn span{width:50%;}
*/
.confirmDeleteBoxModel .submitBtn .btnLoader span.spinLoader {top:10px!important;}
.confirmDeleteBoxModel .modelWrapper .submitBtn span a{
	padding:8px 20px;
	border-radius:4px; background:#256ecd;
	color:#ffffff;
	font-weight:500;
	cursor:pointer;
}
/*.confirmDeleteBoxModel .modelWrapper .submitBtn .updateFeild{
	text-align:left;
}
.confirmDeleteBoxModel .submitBtn .deleteField{text-align:right;}*/
.confirmDeleteBoxModel .submitBtnDiv .deleteField a{background:#485560!important; box-shadow:none;}

.submitBtnDiv{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-column-gap: 0%;
	margin-top: 24px;
}
.card .form.ui-sortable li .max{text-align:right; font-size:13px;}

.addTemplateField{position:absolute;}
tbody tr td.formDescription{
	height:5em; line-height:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.formDescription2
{
	overflow: hidden;
	max-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 	form Responce description */
.formResponce{
	border:1px solid #e7e7e7;
	padding:14px 0px 10px 20px; margin-bottom:22px;
}
.fromResponsePage{}
.fromResponsePage form .form li{
	grid-template-columns:28% 71%! important; grid-column-gap:1%;
}

/* change column button collection design in form response page*/
.userListing .dt-buttons{/*width:150px;*/ text-align:center;}
.userListing .dt-buttons button{border-right:transparent;}
.dt-button-collection div button.active{background-color: #f1f2f4;}
.disabledLink {
  pointer-events: none;
  cursor: default;
}