/* 
	=================================
	DEFAULT CSS
	=================================
*/
.container{width:100%; max-width:1440px; padding:0px 40px; margin:0px auto;}

/* 
	=================================
	login page
	=================================
*/
.loginMain{flex-direction:column; justify-content:space-between; gap:20px; height:100vh;}
.header-logmain .login-header{
	width:100%;
	flex-direction:column; gap:18px; align-items:flex-start;
	padding-top:20px; margin-bottom:16px;
}
.logo-head{/*width:224px*/ width:180px; height:auto; margin:0px auto;}
.logo-head img{width:100%; height:100%;}
.organize-line h1{
	color:#111010;
	font-size:34px; line-height:130%;
	font-weight:200;
}
.line-head{
	width:3px;
	height: 58px;
	background: #e74c3c;
	margin-right: 16px;
}

.matters {
	color: #5DA291;
	font-style: italic;
	font-weight: 300;
	animation: fadeText 1s ease-in-out;
	display: inline-block;
}

/* Animation effect */
@keyframes fadeText {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	50% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 1;
	}
}

/* login form */
.main-form-box {
	justify-content: center;
	margin-top: 4px;
}

.login-box {
	width:480px; max-width:100%; height: auto;
	background: linear-gradient(111.41deg, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0.12) 100%);
	border: 4px solid #689D98;
	box-shadow: inset 0px 0px 4px #689D98;
	border-radius: 30px;
	padding:20px 32px;
}
.log-head{justify-content:space-between; padding-bottom:4px;}
.log-head h2{color:#232323; font-size:28px; line-height:120%; font-weight:500;}
.language-dropdown{
	width:100px; height:32px;
	background:#FBF8F6;
	border:1px solid #DFDFDF; border-radius:6px;
	padding:8px 12px;
	cursor:pointer;
}
.language-box{width:100%; justify-content:space-between;}
.sel{
	background-image: url(../../images/arrow-top.svg);
	background-repeat: no-repeat;
	background-position: 91% 55%;
	cursor: pointer;
}
.appr{
	appearence: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* error message */
.alert {
	padding: 4px 15px;
	border-radius: 10px;
	overflow: hidden;
	gap: 5px;
}

.alert img {
	width: 14px;
	height: 14px;
}

.alert-success {
	background: #e7faec;
	color: #2bc155;
	border: 1px solid #8fe6a7;
	font-size: 12px;
	line-height: 12px;
}

.alert-error {
	background: #fee6ea;
	color: #f72b50;
	border: 1px solid #f7acba;
	font-size: 12px;
	line-height: 12px;
}

.login-box form .login-form li label{color: #232323; font-size:15px; line-height:140%; font-weight:500;}
.input-field{
	width:100%;
	border:none; border-bottom:2px solid #CFCFCF;
	background:transparent;
	font-size:15px; line-height:32px; font-weight:400;	
	padding:0px;
}
.login-form li h1{font-size:26px; line-height:130%; margin-bottom:16px;}
.input-field::placeholder{color:#929292;}
.input-with-icon{position:relative;}
.input-icon{
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url('../../images/email_icon.svg') no-repeat center / contain;
	pointer-events: none;
}

.input-with-icon input {
	padding-left: 42px;
}

.password-gap {
	/*margin:25px 0px 12px 0px;*/
	margin: 16px 0px
}

/*.login-box form .login-form li input[type="password"] {
	background: url('../../images/password_icon.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position:0px 0px;
}*/
.div-pass {
	position: relative;
}

.div-pass .input-icon {
	background: url('../../images/password_icon.svg') no-repeat center / contain;
	top: 38%;
	left: 3px;
}

.eye-show {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
}

.eye-show span {
	width: 24px;
	height: 24px;
}

.eye-show span img {
	width: 100%;
	height: 100%;
}
.error-text {
	color: #E20C00;
	font-size: 12px;
	line-height: 120%;
	height:16px
}
.options{justify-content:space-between; margin-bottom:44px;}
.options .got-pass{
	color: #1E3B59;
	font-size: 14px;
	line-height: 21px;
	text-decoration: underline;
}

.login-box form .login-form li .remember-wrap {
	color: #343434;
	font-size: 14px;
	line-height: 21px;
	gap: 11px;
	margin-bottom: 0px;
	cursor: pointer;
}

.toggle {
	position: relative;
	width: 36px;
	height: 20px;
	background: #E2E8F0;
	/* Default gray background */
	border-radius: 123px;
	cursor: pointer;
	transition: background 0.3s;
}

.toggle input {
	display: none;
}

.slider {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #fff;
	/* Always white */
	border-radius: 50%;
	box-shadow: 0px 1px 12.6px 1px rgba(0, 0, 0, 0.15);
	transition: left 0.3s;
}

.toggle input:checked~.slider {
	left: 18px;
}

.toggle input:checked~.toggle-bg {
	background: #0B385B;
}

.toggle-bg {
	position: absolute;
	inset: 0;
	background: #E2E8F0;
	border-radius: 123px;
	transition: background 0.3s;
}

.login-btn {
	width: 100%;
	max-width: 400px;
	height: 54px;
	background: rgba(236, 126, 98, 0.9);
	/* warm translucent base */
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 100px;
	cursor: pointer;
	justify-content: center;
	text-align: center;
	position: relative;
	backdrop-filter: blur(6px);
	/* frosted glass */
	-webkit-backdrop-filter: blur(6px);
	overflow: hidden;
	transition: all 1.5s ease-out;
	color: #fff;
	/* ensure text stands out */
	font-weight: 500;
}

.login-btn:hover {
	background: rgb(200, 70, 40, );
	/* deeper warm tone */
	box-shadow: 0 0 6px 2px rgba(236, 126, 98, 0.55),
		0 0 6px 2px rgba(200, 70, 40, 0.35);
	/* layered glow */
	transform: translateY(-2px);
}

/* comment by purvi on 10th oct'25 >> not sure */
/*
.login-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 180, 150, 0) 0%,
    rgba(255, 200, 180, 0.4) 50%,
    rgba(255, 180, 150, 0) 100%
  );
  transform: skewX(-20deg);
}
 
.login-btn:hover::before {
  animation: sh02 2s ease-in-out forwards;
}
 
@keyframes sh02 {
  0% {
    left: -75%;
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    left: 125%;
    opacity: 0;
  }
}*/
.btn-log {
	width: 100%;
	Height: 100%;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
	background: transparent;
}

.login-btn .btnLoader {
	background-color: #EC7E62;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 100px;
	cursor: wait;
}

.login-btn .btnLoader span.spinLoader {
	width: 25px;
	height: 25px;
	border-width: 4px;
	position: relative;
	top: 12px;
	left: 0;
	border-color: #ffffff;
	border-top-color: #733b2c;
}

.log-footer {
	width: 100%;
	border-top: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(60, 187, 162, 0.2), rgba(236, 126, 98, 0.2));
	border-image-slice: 1;
}

.login-footer{justify-content:space-between; padding:12px 0;}
.login-footer ul{gap:57px;}
.login-footer ul li a{color: #2E2E2E; font-size:14px; line-height:21px; /*font-weight:400;*/}
.login-footer p{
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.login-box .forgot-text {
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 32px;
}
.login-box .forgot-text p{color:#2E2E2E; font-size:15px; line-height:140%; font-weight:400; padding-top:30px;}
.forgot-option{margin:4px 0px 22px 0px;}
.back-log{
	color: #1E3B59;
	font-size:15px; line-height:24px; font-weight: 400;
	text-decoration:underline;
	justify-content:center;
	margin-top:50px;
}

/* set password */
.new-password{margin:10px 0 16px 0;}
.firm-password{margin-bottom:65px;}

li.new-password input[type="password"]{padding:0px 0px 7px 30px;}
li.firm-password input[type="password"]{padding:0px 0px 7px 30px;}

/* dashboard design css */
.header-top{
	width:100%; height:72px;
	justify-content:space-between;
	border-bottom:1px solid #F4F4F4;
	padding:0px 40px;
}
.logo h1{display:none;}
.logo a{width:162px; height:auto; display:flex;}
.logo a img{width:100%;	height:auto;}
.search-box .search-input{
	background-color: #FFF9F6;
	box-shadow: 0px 2px 5.1px rgba(124, 124, 124, 0.25);
	border-radius: 26px;
	padding: 9px 10px 8px 38px;
	width:324px; height:32px;
	font-size:15px; line-height:20px; font-weight:400;
}

.search-box .search-input::placeholder{color:#929292;}
.search-box input[type="text"] {
	background: url('../../images/search_iconbar.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 8px 8px;
}
.profile{gap:6px;}
.notification-icon{
	justify-content:center;
	width:40px; height:40px;
	position:relative;
	z-index:10;
}
.notification-icon .bell-icon{width:24px; height:24px;}
.notification-icon .bell-icon img{width:100%;}
.notification-icon .number-notification{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 140%;
	font-weight: 500;
	background: #EC7E62;
	width: 16px;
	height: 16px;
	border-radius: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
	justify-content: center;
	cursor: pointer;
}

.profile-name{
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
}

.profile-text-icon {
	gap: 5px;
}

.profile-text-icon span {
	color: #232323;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
}

.profile-text-icon img {
	width: 24px;
	height: 24px;
}

.profile-dropdown {
	width: 110px;
	position: absolute;
	top: 24px;
	right: 0px;
	display: none;
	background: #FDFBFA;
	box-shadow: 0px 2px 6px rgba(190, 167, 132, 0.75);
	border-radius: 6px;
	padding: 0px 5px 0px 5px;
}
.login-text-drop{border-bottom:1px solid rgba(190, 167, 132, 0.75);}
.profile-dropdown a{
	color: #232323;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	display: block;
	padding: 5px 0px;
}

.navbar{position:relative;}
.nav-back{
	width:40px; height:40px;
	background:#FFF9F5;
	border:1px solid #F8D7A5 border-radius:8px;
	position:absolute; top:13px; left:0px;
	justify-content:center;
}
.nav-back img{
	transform: rotate(90deg);
	width: 24px;
	height: 24px;
}

.navbar ul {
	justify-content: center;
	gap: 10px;
}

.navbar ul li {
	position: relative;
	transition: all 0.3s;
	padding: 13px 0px;
}

.navbar ul li a {
	color: #232323;
	font-size:14px; line-height:21px; font-weight:500;
	background: #FFF9F5;
	border:1px solid #F8D7A5; border-radius:79px;
	padding:6px 8px;
	gap:6px;
	transition:all 0.3s;
}
.navbar ul li a.active{
	color:#FFFFFF;
	background:#EC7E62;
	border:1px solid #F8D7A5;
}
.navbar ul li a.active .icon-left{filter:brightness(6);}
.navbar ul li a.active .cheveron-icon{filter:brightness(6); transform:rotate(180deg); background-position:-2px -306px;}
.navbar ul li a .icon-left{
	width:24px; height:24px;
	background:url('../../images/sprite_header.png');
	background-size:28px;
	background-repeat:no-repeat;
	background-position:-2px -18px;
}
.navbar ul li a .audits-icon-left{background-position:-2px -59px;}
.navbar ul li a .cases-icon-left{background-position:-1px -100px;}
.navbar ul li a .location-icon-left{background-position:-2px -141px;}
.navbar ul li a .orc-icon-left{background-position:-2px -182px;}
.navbar ul li a .reports-icon-left{background-position:-2px -223px;}
.navbar ul li a .admin-icon-left{background-position:-2px -265px;}
.navbar ul li a .logout-icon-left{width:18px; margin-right:4px; filter:brightness(0.2);}
.navbar ul li a .logout-icon-left img{width:100%;}

.navbar ul li a .cheveron-icon{
	width:24px; height:24px;
	background:url('../../images/sprite_header.png');
	background-size:28px;
	background-repeat:no-repeat;
	background-position:-2px -304px;
}

.navbar ul li .active{color:#FFFFFF; background: #EC7E62; border:1px solid #F8D7A5;}
.navbar ul li .active .icon-left{filter:brightness(6);}
.navbar ul li .active .cheveron-icon{
	filter: brightness(6);
	transform: rotate(180deg);
	background-position: -2px -306px;
}
.nav-dropdown{
	width:max-content; height:max-content;
	background:#FFF9F5;
	box-shadow:0px 2px 18.8px rgba(81, 81, 81, 0.15);
	border-radius:8px;
	padding:8px 14px;
	position:absolute; top:52px; left:0px;
	display:none;
}
.nav-dropdown .nav-drop{flex-direction:column; gap:0; align-items:flex-start;}
.nav-dropdown .nav-drop li{padding:0px; position:static;}
.nav-dropdown .nav-drop li.subMenu{width:100%;}
.nav-dropdown .nav-drop li a{
	border:none; border-radius:0px;
	background:transparent;
	color:#2E2E2E;
	font-size:14px; line-height:21px; font-weight:400;
	padding:7px 4px;
}
.nav-dropdown .nav-drop li.subMenu a{display:flex; justify-content:space-between;}
.nav-dropdown .nav-drop li a:hover{color:#2E2E2E; background:transparent; border:none;}
/*.navbar ul li:hover .nav-dropdown{display:block;}*/
.nav-dropdown .nav-drop li a .dot-sm{display:none;}
.nav-dropdown .nav-drop li.subMenu ul{padding-left:24px; background:#f9e9de; border-radius:4px;}
.nav-dropdown .nav-drop li.subMenu ul li{list-style-type:circle;}
.nav-dropdown .nav-drop li.subMenu.open a img{transform:rotate(180deg);}

.headerMain{
	position:fixed; top:0; left:0;
	width:100%; height:auto;
	z-index:75;	
	background:#FDFBFA;
	transition:all 0.3s ease;
	background:#FDFBFA;
	box-shadow:-1px 3px 6px rgba(190, 167, 132, 0.8);
}
.toggle-icon{display:none;}

/* dashboard content */
.content-dashboard{
	width:100%;
	margin:0px auto; padding:0 40px;
	flex-direction:column;
	gap:24px;
	flex-wrap:wrap;
}

/* bradgram */
.page-header{width:100%; justify-content:space-between; padding:8px 0;}
.page-header.sticky{position:sticky; top:72px; z-index:2; background-color: #FDFBFA; border-radius:3px; box-shadow:0px 4px 8px -4px rgba(190, 167, 132, 0.8);}
.sticky.breadcrumb-with-progress{
	position:sticky; top:72px; z-index:2; background-color:#FDFBFA;
	border-radius:3px;
	box-shadow:0px 8px 10px -4px rgba(190, 167, 132, 0.8);
}
.audit-builder .left-part-more .page-header{position:unset;}
.audit-builder #sectionsContainer{margin-top:12px;}

.breadcrumb{gap:6px;}
.sm-text{color:#2E2E2E; font-size:13px; line-height:24px; font-weight:500;}
.icon-right-arrow img{width:16px; height:16px;}
.pageName{color:#111010; font-size:14px; line-height:24px; font-weight:500;}
.right-section{gap:8px;}
.add-btn{
	width:max-content; height:36px;
	background:#5DA291;
	color:#fff;
	font-size:14px; line-height:21px; font-weight:500;
	border-radius:6px;
	transition:all 0.3s ease;
	position:relative;
	padding:0 4px;
}
.onlyIcon{padding:0; width:40px !important;}
.add-btns{width:100%; padding:8px 12px; gap:6px; justify-content:center;}
header .add-btn{display:none;}
header .add-btns{display:none;}
.add-btns img{width:24px; height:24px;}
.date-box{
	width:133px;
	height:32px;
	background: #5DA291;
	padding: 8px 14px;
	border-radius: 6px;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}

.date-box .date-filter {
	width: 105px;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	background: transparent;
	color: #ffffff;
	cursor: pointer;
}

.date-box .btnLoader .spinLoader {
	top: 15px;
}

.date-box .date-filter::placeholder{color:#ffffff;}
.date-box input[type="search"] {
	background: url('../../images/date_icon.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 82px -2px;
}

.cards-box {
	width: 100%;
	display: inline-block;
}

.cards-box ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	gap: 20px;
}

.cards-box ul li {
	background: #F5E7E7;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	padding: 14px 20px;
}

.cards-box ul li:nth-child(2) {
	background: #FBF6E1;
}

.cards-box ul li:nth-child(3) {
	background: #E7EDF5;
}

.cards-box ul li:nth-child(4){background:#EDF3E6;}
.value-head{justify-content:space-between;}
.value-text{color: #111010; font-size:15px; line-height:24px; font-weight:500;}
.value-head label{color:#232323; font-size:22px; line-height:145%; font-weight:500;}
.icon-box-card{
	width:40px; height:40px;
	background:#FFFFFF;
	border-radius:8px;
	display:flex; justify-content:center; align-items:center;
}
.icon-box-card img{width:24px; height:24px;}
.number-cards{justify-content:space-between; padding-top:25px;}
.number label{color:#232323; font-size:24px; line-height:36px; font-weight:500;}
.number p{color:#2E2E2E; font-size:14px; line-height:21px; font-weight:400;}
.charts-box{width:100%; flex-direction:column; gap:24px; flex-wrap:wrap;}
/* 
Purvi >> 9th april >> un-comment below css to break dashboard in live
.charts-box{flex-direction:column; gap:24px; flex-wrap:wrap;}
*/
.second-boxs{padding:24px 0;}
.first-boxs ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	gap: 24px;
}

.chart-insights li {
	background: #FFFFFF;
	border: 0.886745px solid #F6F6F6;
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));
	border-radius: 8px;
}

.chart-content {
	align-items: flex-start;
	justify-content: space-between;
	padding: 17px 20px 17px 20px;
}
.content-left h3{color:#111010; font-size:15px; line-height:140%; font-weight:500;}
.content-left .text-slot{color:#2E2E2E; font-size:14px; line-height:120%; font-weight:400;}
.chart-icons{gap:8px; padding-top:3px;}
.sel-box{
	width: 90px;
	height: 32px;
	background: #F6F6F6;
	box-shadow: 0px 1px 2.9px rgba(78, 78, 78, 0.2);
	border-radius: 2.84518px;
	padding: 5.5px 11.5px;
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.sel-icon-box {
	background-image: url(../../images/chevron-sel.svg);
	background-repeat: no-repeat;
	background-position: 87% 56%;
	cursor: pointer;
	background-size: 16px;
}

.chart-icons a {
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	box-shadow: 0px 1px 2.9px rgba(78, 78, 78, 0.2);
	border-radius: 8px;
	width: 32px;
	height: 32px;
	padding: 4px;
}

.second-boxs ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: space-between;
	gap: 24px;
}

.charts-poll {
	padding: 16px 20px 16px 20px;
}

.charts-poll img {
	width: 100%;
	height: 100%;
}

.cases-chart {
	display: none;
}

/*hide which show in responsive */
.third-boxs{margin-bottom:22px;}
.sidebar{display:none;}
.sidebar-header{display:none;}
.total{display:none;}
.num{display:none;}
.vity-cases{display:none;}
.data-mob{display:none;}
.plus-fix-btn{display:none;}

/* audit listing */
.search-head-boxs{
	width:100%;
	justify-content:space-between;
	align-items:flex-start;
	background:#F9F5F1;
	padding:16px 16px 0 16px;
}
.audit-boxs{width:100%;}
.adv-box{width:18%; text-align:right; cursor:pointer; position:relative;}

.audit-boxs ul{
	width:100%;
	display:grid; grid-template-columns:29% 18% 27% 11% 18%; gap:1%;
	align-items:center;
}

.audit-boxs ul li .input-store{
	width:100%; height:32px;
	background-color: #FFFFFF;
	border-radius: 5px;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.18));
	padding:8px 12px 8px 32px;
	color: #4F4F4F;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	position:relative;
}
.audit-boxs ul li select.input-store{padding:8px 12px;}

.audit-boxs ul li .input-store::placeholder{color:#929292;}
.audit-boxs ul li .input-audit {
	padding-left: 30px;
}
.list-store{position:relative;}
/*.list-store input[type="text"] {
	background: url('../../images/search_box_icon.svg');
	background-repeat: no-repeat;
	background-size:20px;
	background-position:10px center;
}*/
.list-store::before {
    content: "";
    position: absolute;
    left:5px;
    top:46%;
    transform: translateY(-50%);
    width:20px; height:20px;
    background-image: url('../../images/search_box_icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events:none; /* prevent blocking input */
	z-index:5;
}

.store-open {
	background-image: url(../../images/chevron_search_box.svg);
	background-repeat: no-repeat;
	background-position: 95% 55%;
	cursor: pointer;
}

.date-field input[type="search"] {
	background: url('../../images/calendar_icon.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 94% 54%;
	padding: 8px 44px 8px 12px !important;
}

.search-audit-btn .audit-btn{
	background:#5DA291;
	border-radius:6px;
	width:98px; height:32px;
	/*padding:8px;*/
	color:#FFFFFF;
	font-size:14px; line-height:20px;
	font-weight: 500;
}

.search-audit-btn{position:relative; width:98px;}
.btnLoader {
	background-color: #5DA291;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 8px;
	cursor: wait;
}

.btnLoader.blue {
	background: #08519B;
}

.btnLoader.rad {
	background: #D92D20;
}
.clearBtn {
	gap: 4px;
}

.clearBtn a {
	width: 24px;
	height: 24px;
}

.clearBtn a img {
	width: 100%;
	height: 100%;
}

.clar-all {
	background: none;
	cursor: pointer;
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.01em;
}
.adv-box .advanced-btn{
	width:199px; height:40px;
	background-color:#FFFFFF !important;
	box-shadow:0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius:6px;
	font-size:15px; line-height:24px; font-weight:500;
	padding:6px 10.5px 6px 40.5px;
}
.adv-box .advanced-btn::placeholder{color:#929292;}
.adv-box input[type="button"]{
	background: url('../../images/adv_icon_search.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 12px 8px;
}
.audit-listing-info{
	background:#FFFFFF;
	border:1px solid #E2E8F0;
	box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);
	border-radius:12px;
	margin:12px 0; padding:20px 24px;
}

.table-head {
	justify-content: space-between;
	padding-bottom: 12px;
}
.select-column .column-sel{
	width:173px; height:32px;
	border:1px solid #E6E6E6; border-radius:6px;
	color: #000000;
	font-size:14px; line-height:20px; font-weight:500;
	padding:9px 10px;
}

.column-box {
	background-image: url(../../images/chevron_search_box.svg);
	background-repeat: no-repeat;
	background-position: 96% 55%;
	cursor: pointer;
}

.export-links {
	gap: 16px;
}

.export-links span {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.export-links a {
	color: #08519B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	border-bottom: 1px solid #08519B;
}

.table-box {
	width: 100%;
	border: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.audit-head-lists {
	background: #F2ECE4;
}

.audit-head-lists tr {
	display: grid;
	justify-content: flex-start;
	width: 100%;
	grid-template-columns: 11% 11% 24% 11% 16% 8% 9% 10%;
}

.audit-head-lists tr th {
	padding: 10px 10px;
	border: none;
	color: #232323;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	gap: 2px;
}

.audit-head-lists tr th span {
	width: 16px;
	height: 16px;
}

.audit-head-lists tr th span img {
	width: 100%;
	height: 100%;
}

.audit-data tr {
	display: grid;
	grid-template-columns: 11% 11% 24% 11% 16% 8% 9% 10%;
	align-items: center;
}

.audit-data tr td {
	padding: 17px 10px;
	color: #2E2E2E;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	border: none;
}

.audit-tab-txt {
	display: none;
}

.comp {
	display: none;
}

.act-btn {
	cursor: pointer;
}

.view-btn {
	color: #2E2E2E;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 2px;
	cursor: pointer;
}

.view-btn label{cursor:pointer;}
.view-btn del{cursor:pointer;}
.view-eye{gap:7px; justify-content:space-between; /*align-items:flex-start;*/ align-items:center;}
.view-btn img{width:24px; height:24px;}
.view-eye .more-btn{width:32px; height:32px; transition:all 0.3s;}
.view-eye .more-btn .more{width:32px; height:32px;}
.more img{width:100%; height:100%;}
.view-eye .more-btn:hover{background:#EFEDFF; border-radius:4px; border:1px solid #d7d4ec;}
.audit-data tr .view-eye{justify-content:center; gap:3px; align-items:center;}
.more-btn-down{
	width:32px; height:32px;
	position: relative;
	transition: all 0.3s;
}
.more-down-penal{
	display:none;
	position:absolute; top:30px; right:0;
	/* width:204px;*/ width:max-content; height:max-content;
	background:#FFFFFF;
	box-shadow:0px 2px 18.8px rgba(81, 81, 81, 0.15);
	border-radius:8px;
	padding:9px 0px;
	z-index:5;
	transition:all 0.3s ease-in;
	border-radius:4px; border:1px solid #bcbbca;	
}
.more-down-penal ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.more-down-penal ul li {
	padding: 0px 8px;
	width: 100%;
}

.more-down-penal ul li a {
	color: #4F4F4F;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	gap: 8px;
	padding: 7px 8px;
	transition: all 0.3s;
}

.more-down-penal ul li a .icon-down-more {
	width: 24px;
	height: 24px;
}

.more-down-penal ul li a .icon-down-more img {
	width: 100%;
	height: 100%;
}

.more-down-penal ul li a .icon-fill {
	filter: brightness(0);
}

.more-down-penal ul .border-link-down {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.more-down-penal ul .border-link-down a {
	margin-bottom: 6px;
}

.more-down-penal ul li a:hover {
	background: #F6F5FF;
	border-radius: 6px;
}

.more-btn-down:hover .more-down-penal {
	display: block;
}

.red-txt {
	color: #cd3229;
}

.audit-bg {
	border: 1px solid #E9EDF5;
	background: #FBFBFB;
	border-left: none;
	border-right: none;
}

.status-link {
	color: #08519B;
}

tbody tr {
	border-bottom: none;
}

.audit-data tr .score {
	font-weight: 500;
}

.status-pass {
	display: flex;
	gap: 6px;
}

.status-pass del {
	color: #217560;
	font-weight: 400;
}

.status-fail {
	display: flex;
	gap: 12px;
	font-weight: 500;
}

.status-fail del {
	color: #B74D32;
	font-weight: 400;
}

.pagination {
	padding: 20px 0px 38px 0px;
	justify-content: space-between;
}

.result-box .result-text {
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin: 0px 8px 0px 20px;
}

.text-num-resl {
	color: #313131;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin-left: 20px;
}

.number-result {
	color: #313131;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	width: 67px;
	height: 36px;
	padding: 8px 12px;
}

.sult {
	background-image: url(../../images/chveron_heroicons.svg);
	background-repeat: no-repeat;
	background-position: 79% 55%;
	cursor: pointer;
	background-size: 16px;
}

.page-controls {
	gap: 6px;
}

.page-controls a {
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	padding: 8px 12px;
	gap: 4px;
	color: #313131;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	height: 36px;
	transition: all 0.3s;
}

.page-controls a .icon-bott {
	width: 16px;
	height: 16px;
}

.page-controls a .icon-bott img {
	width: 100%;
	height: 100%;
}

.page-controls .reactive {
	color: #FFFFFF;
	font-weight: 700;
	background: #5A80A7;
	border: none;
}

.page-controls a:hover {
	color: #FFFFFF;
	background: #5A80A7;
}

.page-controls a:hover span{filter:brightness(6);}
.open-penal-btn{display:none; cursor:pointer;}
.open-penal-btn a{
	width:32px; height:32px;
	justify-content:center;
	background:#FFFFFF;
	box-shadow:0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius:6px;
	position:relative;
}
.open-penal-btn a img{width:24px; height:24px;}
.dot-gram{display:none;}
.cards-audit-boxs{display:none;}
.cards-audit-boxs ul{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 16px;
}

.cards-audit-boxs ul li {
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 1px 2.8px rgba(131, 131, 131, 0.25);
	border-radius: 6px;
	padding: 16px;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	position: relative;
}

.head-card {
	justify-content: space-between;
	width: 100%;
}

.first-card-txt {
	gap: 8px;
}

.first-card-txt span {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.btn-card-first {
	width: 24px;
	height: 24px;
}

.btn-card-first .btn-card-icon {
	width: 24px;
	height: 24px;
}

.btn-card-first .btn-card-icon img {
	width: 100%;
	height: 100%;
}

.txt-cards span {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.fifth-card-txt .card-stats {
	font-weight: 500;
}

.fifth-card-txt .card-stats del {
	color: #217560;
	font-weight: 500;
	padding-left: 12px;
}

.fifth-card-txt .card-stats .fail {
	color: #E20C00;
}

.box-fill-btn {
	width: 106px;
	height: 33px;
	background: #F2ECE4;
	border-radius: 4px 0px 0px 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6.5px 4.5px;
	color: #08519B;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0.01em;
	position: absolute;
	top: 70%;
	right: 0px;
}

.box-fill-btn .btnLoader {
	border-radius: 4px 0px 0px 4px;
}

.box-fill-btn .btnLoader .spinLoader {
	top: 9px;
}

.progress-in {
	color: #2E2E2E;
}

/* audit view & details */
.radical-score{position:relative; transition:all 0.5s;}
.radical-btn{
	background:#F2ECE4;
	border-radius:8px;
	/*width:110px;*/ width:95px; height:36px;
	justify-content:center; gap:4px;
	color:#232323;
	font-size:18px; line-height:120%; font-weight:600;
	transition:all 0.5s;
}
.radical-btn span{width:24px; height:24px;}
.radical-btn span img{width:100%; height:auto;}
.radical-btn:hover{border:2px solid #E5C2B9;}
.print-perent{position:relative; width:112px; height:32px;}
.print-btn{
	width:100%; height:100%;
	background: #5DA291;
	border-radius:6px;
	justify-content:center; gap:6px;
	color:#FFFFFF;
	font-size:14px; line-height:126%; font-weight:500;
}
.print-btn span.print-txt-dt{width:20px; height:20px;}
.print-btn span img{width:100%;}
.score-card{
	/*width:800px;*/ width:max-content;
	background:#F2ECE4;
	box-shadow:0px 2px 18px rgba(0, 0, 0, 0.18);
	border-radius:12px;
	position:absolute; top:36px; right:0px;
	padding:8px 12px;
	display:none;
	transition:all 0.5s;
	z-index:20;
}
.radical-score:hover .score-card{display:block;}
.score-card-head{justify-content:space-between; gap:16px;}
.score-card-left{gap:20px;}
.actual-score{gap:6px;}
.actual-score label{color:#111010; font-size:11px; line-height:120%; font-weight:400;}
.actual-score h3{color:#08519B; font-size:12px; line-height:120%; font-weight:700;}
.score-card-right .score-btn{
	width:160px; height:32px;
	background:#FEF8EF;
	box-shadow:inset -1px 1px 2.6px rgba(0, 0, 0, 0.25);
	border-radius:6px;
	justify-content:center; gap:14px;
	padding:0 14px;	
}
.addAuditPage .score-card-right .score-btn{width:max-content;}
.score-card-right .score-btn span{color:#111010; font-size:12px; line-height:120%; font-weight:500;}
.score-card-right .score-btn .num-scores-percents{color:#08519B; font-size:13px; line-height:120%; font-weight:600;}
.score-card-chart{
	display:grid; grid-template-columns:46% calc(54% - 24px); justify-content:space-between; gap:24px;
	padding-top:16px;
}
.progress-chart{
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap:12px;
}
.progress-row{width:100%;}
.label-row{justify-content:space-between; padding-bottom:2px;}
.text-label-left{
	color:#232323;
	font-size:11px; line-height:110%; font-weight:400;
}
.text-label-right{color:#232323; font-size:12px; line-height:16px; font-weight:500;}
.bar-lines{width:100%; height:5px; background:#F8F8FF; border-radius:4px;}
.bar-fill{width:100%; height:5px; background:#08519B; border-radius:4px;}
.progress-row:nth-child(2) .bar-fill{background:#5DA291;}
.progress-row:nth-child(3) .bar-fill{background:#EC7E62;}
.progress-row:nth-child(4) .bar-fill{background:#EFD671;}
.progress-row:nth-child(5) .bar-fill{background:#BEBEBE;}
.score-card-chart .score-chart-right{text-align:center;}
.score-card-chart .score-chart-right .charts-score{
	width:100px; height:100px;
	text-align:center;
	margin:0px auto;
}
.score-card-chart .score-chart-right .charts-score img{width:100%; height:100%;}
.legend-box{
	display:flex; flex-direction:column; align-items:flex-start; gap:4px;
	/*padding:16px 12px 0px 12px;*/padding:8px 0 0 0;
	width:100%;
}
.legend-item{justify-content:space-between; gap:4px; width:100%;}
.legend-left{justify-content:space-between; gap:5px;}

/* information hover */
.auditInformationDiv{
	justify-content:center;
	padding:1px;
	background:none;
	border-radius:8px;
	position:relative;
	height:36px;
}
.auditInformationDiv.show{
		gap:8px;
		padding:1px 0 1px 4px;
		background:#FFFFFF;
		box-shadow:0px 16px 35.2px -8px rgba(93, 162, 145, 0.26), 0px 4px 4px -4px rgba(12, 12, 13, 0.05);
		border:2px solid #47B197;
		opacity:1; transform:scale(1);
}
.auditInformationDiv .add-btns img{width:20px; height:20px;}
.center-section{
	display:none;
	display:flex; gap:8px;
	position:relative; right:0; top:0;
    opacity: 0;
	transition:opacity 0.5s ease;
	pointer-events:none;
}
.auditInformationDiv.show .center-section{
	display: flex;
    opacity: 1;
	pointer-events: auto;
}
.center-section div{gap:4px;}
.center-section div .statesIcon{width:14px; height:14px;}
.center-section div .statesIcon img{width:100%;}
.center-section div .statesLabel{color: #232323; font-size:11px;}

.auditInformationDiv.show .dot-info-btn{background:transparent;}

.dot-legend{width:10px; height:10px; background:#5DA291; border-radius:50%;}
.legend-item:nth-child(2) .legend-left .dot-legend{background:#EC7E62;}
.legend-item:nth-child(3) .legend-left .dot-legend{background:#EFD671;}
.legend-item:nth-child(4) .legend-left .dot-legend{background:#BEBEBE;}
.legend-left span{color:#232323; font-size:11px; line-height:120%; font-weight:400;}
.legend-right{gap:4px; display:flex; width:60px; justify-content:flex-end;}
.legend-right label{color:#232323; font-size:11px; line-height:120%; font-weight:500; width:24px; text-align:right;}
.legend-right span{color:#232323; font-size:11px; line-height:120%; font-weight:500;}
.audit-detail-cards{display:grid; grid-template-columns:2fr 1fr; gap:20px;}
.left-boxs{display: grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.left-boxs li{
	background:#EDF3E6;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:6px;
	padding:20px;
	height:200px;
}
.left-boxs .card-light{background:#F5E7E7;}
.summary-heading{justify-content:space-between;}
.summary-heading h3{color:#111010; font-size:16px; line-height:140%; font-weight:500;}
.summary-heading span{color:#232323; font-size:16px; line-height:140%; font-weight:500;}
.info-list{flex-direction:column; align-items:flex-start; gap:8px; padding-top:24px;}

.info-item{gap:6px;}
.info-item span{color:#232323; font-size:15px; line-height:120%; font-weight:400;}
.info-item span:first-child{width:110px;}
.stats-boxs-text{flex-direction:column; align-items:flex-start; padding-top:24px; gap:24px;}
.stats{
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}

.stat-block label {
	color: #232323;
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
}

.stat-block p {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.value-pass {
	text-align: right;
}

.progress-container {
	width: 132px;
	height: 6px;
	background: #F4F4F4;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}

.progress-bar {
	height: 6px;
	background: #5DA291;
	border-radius: 100px;
	width: 84px;
}
.right-boxs li{
	background:#E7EDF5;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:6px;
	padding:24px 24px 9px 24px;
	height:200px;
}
.content-chart-summ .chart-summary-box{padding-top:6px;}
.content-chart-summ .chart-summary-box .circle-chart-image{width:142px; height:142px;}
.content-chart-summ .chart-summ img{width:100%; height:100%;}
.chart-summry{display:none;}
.detail-content{
	width:100%;
	display:grid; grid-template-columns:20% calc(80% - 20px); gap:20px;
	margin:24px 0px;
}
.detail-side-penal{
	width:100%; height:max-content; max-height:87vh;
	background:#FFFFFF;
	border:1px solid #E2E8F0; border-radius:12px;
	box-shadow:0px 4px 13.3px -2px rgba(23, 23, 23, 0.16), 0px 2px 9px -2px rgba(23, 23, 23, 0.08);	
	position:sticky; left:0px; top:86px;	
	padding:12px 8px;
	/*z-index:3;*/
	z-index:1; /*purvi >> 26th mar'26 >> make z-index down due to sticky breadcrumb z-index issue */
	transition:width 0.3s ease;
	overflow:hidden; overflow-y:auto;
	scrollbar-color:#D1D5DB;
	scrollbar-width:thin;
	/* Hide scrollbar */
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE/Edge */	
}
/* Chrome, Safari */
.detail-side-penal::-webkit-scrollbar{display:none;}
.section-text-head .quick{display:none;}
.section-text-head li a{
	color: #111010;
	font-size:15px; line-height:120%; font-weight:500;
	justify-content:space-between;
	/*padding:8px 8px 16px 8px;*/ padding:8px;
	transition:all 0.5s;
	position:relative;
}
.section-text-head .sect-layer a.open{margin-bottom:12px;}
.section-text-head li a .layer-left{gap:6px;}
.section-text-head li a .layer-left img{width:24px; height:24px;}
.section-text-head li a .layer-right{width:24px; height:24px; transform:rotate(-180deg);}
.section-text-head li a .layer-right img{width:100%; height:100%;}
.section-text-head li a.open .layer-right{transform:rotate(0deg);}
.section-text-head li .summary-txt{padding:16px 8px;}
.line-bottom {
	border-bottom: 1px solid;
	border-image-source: linear-gradient(90deg, #FFFFFF 6.24%, #DEDEDE 6.25%, #DEDEDE 94.01%, #FFFFFF 95%);
	border-image-slice: 10;
}

.row-bottom {
	border-bottom: 1px solid;
	border-image-source: linear-gradient(90deg, #FFFFFF 6.24%, #DEDEDE 6.25%, #DEDEDE 94.01%, #FFFFFF 95%);
	border-image-slice: 10;
}

.section-text-head .quick .acces-quick{
	color:#08519B;
	font-size:15px;
	line-height:120%; font-weight:500;
	padding:8px 8px 16px 8px;
}
.section-dropdwon{display:none;}
.drop-system li{width:100%;}
.drop-system li a{
	/*padding:12px 8px;*/ padding:8px;
	width:100%;
	position:relative;
	z-index:4;
}
.system-head{gap:8px;}
.dot-system{
	width:26px; height:26px;
	background:#F4E6FF;
	border-radius:100px;
	justify-content:center;
}
.system-head .vacy-text {
	color: #191C1C;
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	cursor: pointer;
}

.question-system {
	gap: 8px;
	margin-left: 38px;
}

.quest {
	color: #777777;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
}

.line-quest {
	border: 1px solid #ACACAC;
	width: 1px;
	height: 18px;
}

.line-right-score {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.line-right-score del {
	color: #2E2E2E;
}

.drop-system li a::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 8px;
	width: 264px;
	height: 0px;
	border: 1px solid #F6F6F6;
}

.mark-active {
	background: #F8F8F8;
	border-radius: 6px;
}

.mark-system {
	justify-content: space-between;
}

.mark-quest {
	width: 24px;
	height: 24px;
}

.mark-quest img {
	width: 100%;
	height: 100%;
}

.drop-system {
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}

.drop-system li:nth-child(2) a .dot-system {
	background: #F8EFD4;
}

.drop-system li:nth-child(4) a .dot-system {
	background: #FFE6E7;
}

.drop-system li:nth-child(5) a .dot-system {
	background: #E0F3D6;
}

.drop-system li:nth-child(6) a .dot-system {
	background: #E9E6FF;
}

.drop-system li:nth-child(8) a .dot-system {
	background: #F8EFD4;
}

.detail-side-penal li .active-penal{
	background:#E6EEEE;
	box-shadow:0px 2px 0px rgba(94, 99, 123, 0.25);
	border-radius:8px;
}

.drop-system li .active-penal::after {
	display: none;
}

.drop-system li .active-penal .dot-system {
	background: #486FB7 !important;
	box-shadow: 0px 3px 3.1px rgba(96, 96, 96, 0.35), inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	color: #ffffff;
}
.menu-tab{display:none;}
.info-box-detail .info-detail-list{flex-direction:column; align-items:flex-start; gap:16px;}
.info-box-detail .info-detail-list .detail-cards {
	border: 1px solid #E2E8F0;
	box-shadow: 0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);
	border-radius: 12px;
	background: #FFFFFF;
	width: 100%;
}
.detail-card-right-box{padding:16px 16px 8px 16px;}
.head-deatil-right{
	width:100%;
	justify-content:space-between;
	background:#F2ECE4;
	border-radius:6px;
	padding:5px 16px;
}
.head-deatil-right h3{color:#08519B; font-size:16px; line-height:120%; font-weight:500;}
.head-deatil-right .chat-btn{
	width:32px; height:32px;
	background: #FFFFFF;
	box-shadow:0px 2px 3.1px rgba(63, 63, 63, 0.2);
	border-radius:8px;
	justify-content:center;
	position:relative;
}

.head-deatil-right .chat-btn img {
	width: 24px;
	height: 24px;
}

.network-head {
	padding: 24px 34px 0px 34px;
	gap: 2px;
}

.net-icon {
	width: 24px;
	height: 24px;
}

.net-icon img {
	width: 100%;
	height: 100%;
}
.network-head label{
	color:#5DA291;
	font-size:18px;
	line-height:24px;
	font-weight:500;
}

.lists-network{padding:0px 12px;}
.lists-network ul li{border-bottom:1px solid #C5C5C5; /*padding:16px;*/ padding:8px 10px;}

.lists-network ul li:last-child{border-bottom:none;}
.point-head{justify-content:space-between; /*padding-bottom:12px;*/ align-items:flex-start;}

.point-head-contnet {
	align-items: flex-start;
	gap: 6px;
}

.point-head-contnet .number-point {
	color: #2E2E2E;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.point-head-contnet p {
	color: #1E293B;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}
.point-right ul{gap:5px; justify-content:flex-end; align-items:flex-start; /*width:100px;*/ width:max-content;}
.point-right ul li {
	border-bottom: none;
	padding: 0px 0px 0px 0px !important;
}

.point-right ul li span {
	width: 20px;
	height: 20px;
}

.point-right ul li span img {
	width: 100%;
	height: 100%;
}

.point-right p {
	color: #2E2E2E;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}

.point-right label {
	color: #2E2E2E;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}
.question-na{gap:6px;}
.yes-btn{
	background: #5DA291;
	border-radius: 7px;
	padding: 8px 24px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	position: relative;
}

.comment-txt {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 150.29%;
	font-weight: 500;
	padding: 12px 0px;
}

.comment-box{background:#FEF8EF; border-radius:6px; padding:14px 16px;}
.comment-box p{color:#2E2E2E; font-size:12px; line-height:14px; font-weight:400;white-space: pre-line;}
.point-image{padding-top:12px; gap:16px;}

.point-image .image-bott{
	background:#F2F2F2;
	border:1px solid #e0e0e0; border-radius:5px;
	padding:3px;	
	/*width:100%;*/ width:180px; height:180px;
}
.point-image .image-bott .image-wrap{
	width:100%; height:calc(100% - 32px);
	object-fit:cover;
	border-radius:4px;
	display:block;
	overflow:hidden;
}

.point-image .image-bott span img{width:100%; /*height:100%;*/ height:auto;}
.point-image .image-bott p{
	color:#2E2E2E;
	font-size:12px; line-height:130%; font-weight:400;
	padding:8px;
	width:calc(100% - 32px);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	flex:1;
	min-width:0;
}
.point-image .image-name{
	font-size:14px;
	color: #333;
	display:flex; align-items:center; gap:8px;
	width:100%; min-width:0;
	height:32px;
}
.point-image .sm-dot-box{
	width:28px; height:28px;
	display:flex; align-items:center; justify-content:center; flex-shrink:0;
	cursor: pointer;
	position:relative;	
}
.sm-dot{
	background:#FEF8EF;
	box-shadow:0px 2px 7.3px rgba(88, 88, 88, 0.34);
	border-radius:100px;
	justify-content:center;
	width:24px;
	height:24px;
}

.sm-dot-down{
	width:max-content; height:max-content; 
	background:#FFFFFF;
	box-shadow:0px 2px 16.5px rgba(81, 81, 81, 0.15);
	border-radius:6px;
	position:absolute; top:0px; left:28px;
	display:none;
	/*padding:8px;*/
	z-index:5;
}
.btn-sm-down{
	gap: 6px;
	padding: 8px 8px;
	color: #4F4F4F;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
}

.sm-dot-box:hover .sm-dot-down{display:block;}
.relevance{display:none;}
.access-tab{
	padding-top: 6px;
	gap: 6px;
	margin-left: 13px;
}

.acc-tab{
	background: #FCE8FF;
	border-radius: 4px;
	padding: 6px 10px;
	color: #000000;
	font-size: 12px;
	line-height: 104%;
	font-style: italic;
	font-weight: 400;
}

.saf-tab {
	background: #FFEAEB;
}

.req-review .access-tab {
	padding-top: 0px;
	margin-left: 6px;
}

.planed-btn {
	background: #6992DF;
	border-right: 1px solid #D1D1D1;
}

.lists-network ul li:nth-child(6) .point-review {
	max-width: 88%;
}

.formal .acc-tab {
	margin-left: 6px;
}

.text-box {
	background: #F6F0E8;
	border-radius: 5px;
	padding: 9.5px 12px;
}

.text-box p {
	color: #2E2E2E;
	font-size: 13px;
	line-height: 21px;
	font-weight: 500;
}

.no-btn {
	background: #EC7E62;
	box-shadow: 0px 2px 3.1px rgba(63, 63, 63, 0.2);
	border-radius: 8px;
	padding: 12px 16.5px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 104%;
	font-weight: 500;
	font-style: italic;
}

.bottom-card-net {
	background: #FDFBFA;
	border-top: 1px solid #E2E8F0;
	padding: 12px 16px;
	border-radius:0px 0px 12px 12px;
}
.bottom-card-net ul{gap:8px;}
.bottom-card-net ul li{gap:8px;}
.bottom-card-net ul li .dot-net{
	background: #EC7E62;
	border-radius: 9999px;
	width: 8px;
	height: 8px;
}
.bottom-card-net ul li label{color: #475569; font-size:14px; line-height:20px;}
.control{gap:12px;}
.section-marked-btns{position:relative;}
.section-marked-btns .btnLoader{border-radius:8px; background:#777777;}
.section-mark{
	width:192px; height:40px;
	background:#777777;
	box-shadow:0px 2px 3.1px rgba(63, 63, 63, 0.2);
	border-radius:8px;
	color:#FFFFFF;
	font-size:12px; line-height:120%; font-weight:500; font-style:italic;
	gap:6px;
	padding:8px;
}

.section-mark span {
	width: 24px;
	height: 24px;
	filter: brightness(6);
}

.mark-down {
	width: 24px;
	height: 24px;
}

.mark-down span {
	width: 24px;
	height: 24px;
	transform: rotate(180deg);
}

.mark-down span img{width:100%; height:100%;}
.info-box-detail .info-detail-list .sect-summary{
	background:#FFFFFF;
	box-shadow:0px 1px 3.2px rgba(0, 0, 0, 0.25);
	border-radius:12px;
	width:100%;
	padding:16px 20px;
}
.head-summ h3{color:#232323; font-size:16px; font-weight:500; padding-bottom:12px;}

.table-box-summ {
	border: 1px solid #E8E8E8;
	border-radius: 8px;
}

.table-summary {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.table-summary .summary-thead {
	background: #FEF8EF;
	border-radius: 8px 8px 0px 0px;
	display: table-caption;
	width: 100%;
}

.summary-thead tr th{
	color:#232323;
	font-size:14px;
	line-height:18px;
	font-weight:500;
	border:none;
	padding:10px;
}

.summary-thead tr{width:100%; display:grid; grid-template-columns:8% 32% 20% 25% 15%;}
.summary-tbody tr td{
	color:#2E2E2E;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	border:none;
	padding:10px;
}

.summary-tbody tr {
	width: 100%;
	display: grid;
	grid-template-columns: 8% 32% 20% 25% 15%;
}

.score-cell {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 150px;
}

.progress-barr {
	width: 100px;
	height: 6px;
	background: #E6E6E6;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.progress-fill {
	height: 100%;
	background: #4DA187;
	border-radius: 4px;
}

.summary-tbody tr .fail {
	color: #D1293D;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
}

.summary-tbody tr .pass {
	color: #14804A;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
}

.table-bg-summ {
	background: #FDFBFA;
	border: 1px solid #E9EDF5;
	border-left: none;
	border-right: none;
}

.summary-tbody tr:last-child {
	border-bottom: none;
	border-radius: 0px 0px 8px 8px;
}

.comments-summ-box{background:#FFF9F6; border-radius:12px; padding:24px;}
.comments-summ-box.signatureDiv{display:flex; align-items:center; justify-content:center;}
.comments-summ-box h4{
	color: #2E2E2E;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 16px;
}

.comments-summ-box p {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-bottom: 16px;
}

.comments-summ-box ul {
	padding-bottom: 16px;
}

.comments-summ-box ul li {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
	list-style: disc;
	margin-left: 13px;
}
.comments-summ-box p:last-child{padding-bottom:6px; max-width:64%;}
.signature-image{width:100%; /*width:310px; height: 237px;*/ height:auto;}
.signature-image img{width:100%; height:auto;}
.head-deatil-right .topDiv{justify-content:space-between; width:100%;}
.auditViewPage .upload-images{margin-top:16px;}
/*.auditViewPage .upload-images .point-image{width:100%;}*/

/* add audit popup */
.model{background:rgba(0, 0, 0, 0.20); height:100%;}
.add-audit-type{
	background:#FFFFFF;
	box-shadow:inset 4px 4px 30px #C2C0BF;
	border-radius:20px;
	margin:4% auto 0px auto; padding:20px 24px;
	width:800px; height:max-content;
	position:relative;
}
.add-audit-type .titleDiv{margin-bottom:16px; justify-content:space-between;}
.add-audit-type h2{color:#111010; font-size:22px; line-height:140%; font-weight:600;}
.cross-audit-btn{width:24px; height:24px;}
.cross-audit-btn img{width:100%; height:100%;}
.list-start-audit {
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}
.recently-list{width:100%; display:block; margin-top:10px;}
.recently-list label{
	color:#2E2E2E;
	font-size:16px; line-height:120%; font-weight:500;
	padding-bottom:12px;
}
.recently-list ul{display:flex; gap:20px; flex-wrap:wrap;}
.recently-list ul.other-link{max-height:400px; min-height:96px; overflow-y:auto; overflow-x:hidden; gap:12px; padding-bottom:6px;}
.recently-list ul li a{
	width:fit-content;
	background:#FDFBFA;
	box-shadow:1px 1px 2.6px rgba(150, 147, 200, 0.5);
	border-radius:100px;
	padding:6px 16px;
	gap:6px;
	color:#232323;
	font-size:15px; line-height:120%; font-weight:400;
	transition:all 0.5s;
	border:1px solid transparent;
}
.recently-list ul li .active-view{border:1px solid #EC7E62;	box-shadow:0px 2px 1.8px rgba(255, 192, 177, 0.4);}
.recently-list ul li a:hover{border:1px solid #EC7E62; box-shadow:0px 2px 1.8px rgba(255, 192, 177, 0.4);}
.recently-list ul li .iso{padding:6px 10px;}
.recently-list ul li .internal{padding:6px 9px;}
.recently-list ul li a span{
	width:22px; height:22px;
	display:flex; align-items:center; justify-content:flex-start;
}
.recently-list ul li a span img{width:100%; height:100%;}
.other-list{justify-content:space-between;}
.view-all{
	color: #EC7E62;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	font-style: italic;
}

.add-info-audit{padding:40px;}
.notEdit{background-color:#FDF9F2 !important; border:none !important; color:#4E4E4E;}
.form-info-new{flex-direction:column; align-items:flex-start; /*gap:24px;*/ gap:10px;}
.form-info-new li label {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 6px;
	display: block;
}

.form-info-new li {
	width: 100%;
}

.form-info-new li .input-audit {
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	width: 100%;
	height: 40px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.form-info-new li .input-audit::placeholder{color:#929292;}
.form-info-new li div.flex span{/*position:relative; right:26px;*/ position:absolute; right:40px;}
.sel-audit {
	background-image: url(../../images/chevron_down.svg);
	background-repeat: no-repeat;
	background-position: 99% 55%;
	cursor: pointer;
}
.detail-content.detail-information .sel-audit{
	height:40px; width:100%;
	border:1px solid #d1d1d1; border-radius:8px;
	font-size:14px; line-height:20px; font-weight:400;
	padding:10px 16px;
	overflow:hidden;
	position:relative;
}
.date-input input[type="text"] {
	background: url('../../images/date_pick.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 97% 54%;
}

.input-half-box {
	gap: 24px;
}

.half-input {
	width: 49%;
}

.btns-right-audit {
	justify-content: flex-end;
	padding-top: 32px;
	gap: 12px;
}

.cancel {
	width: 190px;
	height: 40px;
	background: #EBEBEB;
	border: 1px solid #D5D7D9;
	border-radius: 6px;
	color: #232323;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	padding: 7.5px 68px;
}
.start{
	/*width:190px;*/ width:max-content; height:40px;
	background:#5DA291;
	border-radius:6px;
	color:#FFFFFF;
	font-size:16px; line-height:150%; font-weight:600;
	/*padding:8px 51px 8px 52px;*/ padding:8px 24px;
}

/* audit information */
.logo .heading-head-logo{display:none;}
.back-nav-btn{display:none;}
.toggle-info-btn{display:none;}
.information-audit .left-section{padding-bottom:0px; gap:6px;}
.dot-information{position:relative; transition:all 0.5s;}
.dot-info-btn{
	width:36px; height:36px;
	background:#F2ECE4;
	border-radius:6px;
	justify-content:center;
}
.dot-down{
	display:none;
	background:#FFFFFF;
	box-shadow:0px 2px 18.8px rgba(81, 81, 81, 0.15);
	border-radius:8px;
	/*width:204px;*/ width:max-content;
	position:absolute; top:40px; right:0px;
	padding:16px 10px;
}

.dot-down ul li a {
	color: #4F4F4F;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	padding: 7px 8px 7px 8px;
	gap: 8px;
	transition: all 0.5s;
}

.dot-down ul li a img {
	width: 24px;
	height: 24px;
}

.dot-information:hover .dot-down {
	display: block;
}
.dot-down ul li a:hover{background:#F6F5FF; border-radius:6px;}
.progress-information{
	width:100%; height:12px;
	background:rgba(0, 0, 0, 0.1);
	border-radius: 35.9166px;
	overflow:hidden;
}
.progress-information-bar {
	width: 630px;
	height: 12px;
	border-radius: 35.9166px;
	background: repeating-linear-gradient(-45deg, #4F9C8C, #4F9C8C 6px, #66B2A2 6px, #66B2A2 12px);
	transition: width 0.4s ease;
}
.detail-information{margin:8px 0 24px 0;}
.menu-information{justify-content:space-between; padding:8px;}
.menu-information .acces-quick{
	color: #08519B;
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
}

.menu-information .menu-info {
	width: 32px;
	height: 32px;
	background: #F2ECE4;
	border-radius: 23px;
	justify-content: center;
	padding: 4px;
}

.menu-information .menu-info span {
	width: 24px;
	height: 24px;
}

.menu-information .menu-info span img {
	width: 100%;
	height: 100%;
}

.section-text-head .menu-information .audit-info-layer {
	margin-bottom: 8px;
}

.detail-side-penal.collapsed {
	width: 70px;
	padding: 12px 3.5px 24px 3.5px;
}

.detail-side-penal.collapsed .sidebar-title,
.detail-side-penal.collapsed .label,
.detail-side-penal.collapsed .layer-left p,
.detail-side-penal.collapsed .layer-right,
.detail-side-penal.collapsed .system-head .vacy-text,
.detail-side-penal.collapsed .question-system,
.detail-side-penal.collapsed .drop-system li a:after, .detail-side-penal.collapsed .percent-txt, .detail-side-penal.collapsed .mark-quest{display:none;}
.detail-side-penal.collapsed .system-head{justify-content:center;}
.detail-side-penal.collapsed .section-dropdwon{display:block;}
.detail-side-penal.collapsed .section-text-head .sect-layer{padding-bottom:0px;}
.detail-side-penal.collapsed .section-text-head .sect-layer .sec-line{padding:8px 0px 12px 0px; margin-bottom:0px;}
.detail-side-penal.collapsed .drop-system li a{padding:0px 10.5px;}
.detail-side-penal.collapsed .row-bottom{border-bottom:none;}
.detail-side-penal.collapsed .line-bottom{border-bottom:none;}
.detail-side-penal.collapsed .section-text-head li{padding-bottom:12px;}
.detail-side-penal.collapsed .section-text-head li:last-child{padding-bottom:0px;}
.detail-side-penal.collapsed .section-text-head li a{justify-content:center; padding:8px 0px;}
.detail-side-penal.collapsed .menu-information{
	justify-content: center;
	padding: 4px 0px 4px 0px;
	margin-bottom: 12px;
}

.detail-information.collapsed{grid-template-columns:68px calc(98% - 68px);}
.detail-information.collapsed .detail-side-penal{width:68px;}
.detail-information.collapsed .drop-system li a:after{left:0px; width:50px;}
.detail-information.collapsed .system-head-txt{width:100%; gap:0;}
.detail-information.collapsed .section-text-head .info-first{padding-bottom:0;}
.detail-information.collapsed .audit-system{display:flex;}
.app-head{justify-content:space-between; /*align-items:flex-end;*/ }
.system-head-txt{gap:8px; width:calc(100% - 36px);}
.app-head .vacy-text{
	width:calc(100% - 36px);
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	white-space:nowrap;
}

.app-head .percent-txt {
	color: #E20C00;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}
.line-network{
	padding-top:4px;
	justify-content:space-between;
	margin-left:0px;
}

.line-left-network{gap:8px; width:100%;}
.number-quest{
	flex-shrink:0;
	color: #777777;
	font-size:13px; line-height:130%; font-weight:400; font-style:italic;
}
.line-progress-container{
	flex:1;  /* ✅ takes remaining width */
	overflow:hidden;
	height:4px; background:#EBEBEB; border-radius:100px;
}
.line-progress{
	width:0; height:100%;
	background:#08519B;
	border-radius:100px;
	transition:width 0.3s ease;
}
.drop-system li:nth-child(1) a .audit-system .line-network .line-left-network .line-progress-container .line-progress{width: 4px;}
.drop-system li:nth-child(2) a .audit-system .app-head .percent-txt{color:#CF9500;}
.drop-system li:nth-child(3) a .audit-system .app-head .percent-txt{color:#E20C00;}
.drop-system li:nth-child(4) a .audit-system .line-network .line-left-network .line-progress-container .line-progress{width:100%;}
.drop-system li:nth-child(4) a .audit-system .app-head .percent-txt{color:#217560;}
.drop-system li:nth-child(5) a .audit-system .line-network .line-left-network .line-progress-container .line-progress{width:2px;}
.drop-system li:nth-child(6) a .audit-system .line-network .pass-network{color:#E20C00;}
.drop-system li:nth-child(6) a .audit-system .line-network .line-left-network .line-progress-container .line-progress{width:100%;}
.drop-system li:nth-child(7) a .audit-system .line-network .line-left-network .line-progress-container .line-progress{width:4px;}
.drop-system li:nth-child(7) a .audit-system .app-head .percent-txt{color:#CF9500;}
.drop-system li:nth-child(8) a .audit-system .line-network .line-left-network .line-progress-container .line-progress{width:48px;}
.drop-system li:nth-child(8) a .audit-system .line-network .pass-network{color:#E20C00;}
.section-text-head .info-first{padding-bottom:12px;}
.pass-network{
	color: #217560;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}
.close-item{display:none;}
.application-down{
	/* width:273px; height:405px;*/ width:max-content; height:max-content;
	position:absolute;
	/*top:-158px;*/ top:-110px; left:115%;
	background:#FFFFFF;
	box-shadow:0px 0px 18.7px rgba(0, 0, 0, 0.2);
	border-radius:16px;
	/*padding:12px;*/
	z-index:5;
	display:none;
	padding-bottom:24px;
}
.sectionDropdwonContainer li:last-child .application-down{top:-260px;}
.application-txt{padding-bottom:12px; width:100%; border-radius:8px 8px 0 0;}
.application-txt .app-cation-txt{
	color: #111010;
	font-size:14px; line-height:37px; font-weight:400;
	padding:0 12px; margin-bottom:4px;
	width:100%;
	background:#e8eff6;
	border-radius:8px 8px 0 0;
}
.btn-cation{
	width:calc(100% - 24px); height:32px;
	background:#FEF8EF;
	box-shadow:inset -1px 1px 2.6px rgba(0, 0, 0, 0.25); border-radius:6px;
	display:flex; justify-content:space-between; align-items:center; gap:8px;
	padding:0.5px 6px; margin:0 12px;
}
.btn-cation .left-cation{color:#111010; font-size:12px; line-height:120%; font-weight:500;}
.btn-cation .right-cation{color:#08519B; font-size:12px; line-height:120%; font-weight:700;}
.image-cation{text-align:center;}
.image-cation .cation-image{width:116px; height:116px; margin:0px auto;}
.image-cation .cation-image img{width:100%; height:100%;}
.image-cation-box{
	display:flex; flex-direction:column; align-items:flex-start; gap:4px;
	padding:16px 12px 0 12px;
}
.image-cation-item {
	justify-content: space-between;
	gap: 4px;
	width: 100%;
}

.image-cation-left {
	justify-content: space-between;
	gap: 5px;
}

.dot-cation {
	width: 10px;
	height: 10px;
	background: #5DA291;
	border-radius: 50%;
}

.image-cation-item:nth-child(2) .image-cation-left .dot-cation {
	background: #EC7E62;
}

.image-cation-item:nth-child(3) .image-cation-left .dot-cation{background:#EFD671;}
.image-cation-item:nth-child(4) .image-cation-left .dot-cation{background:#BEBEBE;}
.image-cation-left span{color:#232323; font-size:12px; line-height:120%; font-weight:400;}
.image-cation-right{gap:4px;}
.image-cation-right .faild-na{color: #232323; font-size:12px; line-height:120%; font-weight:500;}
.image-cation-right span{color:#232323; font-size:12px; line-height:120%; font-weight:500;}
.showSectionSummaryBox{
	position: relative;
	width:56px; height:32px;
	display:flex; align-items:center; justify-content:center; flex-direction:column;
}
.showSectionSummaryBox:before{
	content:"";
	position:absolute;
	width:56px; height:32px;
	background-image: url('../../images/ribbon-arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	right:-7px;	
}
.showSectionSummaryBox label{
	font-family: 'Inter'; font-weight:500;
	font-style: italic;
	font-size:9px; line-height:120%;
	text-align:right;
	color:#4F4F4F;
	width:100%;
	position: relative;
}
.showSectionSummaryBox span.percent-txt{
	font-family:'Inter'; font-weight:600;
	font-size:11px; line-height:120%;
	text-align:right; width:100%;
	color:#217560;
	position: relative;
}
.detail-information.collapsed .showSectionSummaryBox{display:none;}
.collapsed  .drop-system li a:hover .application-down{top:0; left:50px;}
.detail-side-penal.collapsed .drop-system li a:hover .application-down{display:none;}

.tooltip-box {
	width: fit-content;
	height: 37px;
	background: #403B3B;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 7px;
	position: absolute;
	top: 0px;
	left: 78px;
	text-align: center;
	white-space: nowrap;
	transition: opacity 0.3s ease;
	padding: 8px 14px;
	display: none;
}

.tooltip-box .tooltip-txt {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 140%;
	font-weight: 400;
	display: block;
	width: fit-content;
}

.tooltip-box::after {
	content: "";
	position: absolute;
	top: 13px;
	left: -3px;
	width: 10.36px;
	height: 10.36px;
	background: #403B3B;
	border-radius: 1px;
	transform: rotate(135deg);
}
.collapsed .detail-side-penal .section-text-head li a:hover .tooltip-box{display:block; left:63px;}
.audit-info-right-form{
	background:#ffffff;
	border:1px solid #E2E8F0; border-radius:12px;
	box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);
	padding:20px 24px;
}
.form-right-info{flex-direction:column; align-items:flex-start; /*gap:24px;*/ gap:8px; width:100%;}
.audit-info-right-form form h3{
	color:#111010;
	font-size:19px; line-height:140%; font-weight:500;
	padding-bottom:20px;
}
.form-right-info li{gap:6px;}
.form-right-info.accessSection li{width:calc(50% - 6px);}
.form-right-info.accessSection li ul li{width:100%;}
.form-right-info li label{
	color:#2E2E2E;
	font-size:14px; line-height:120%; font-weight:500;
	width: 150px;	
}
.form-right-info.accessSection li .val{width:calc(100% - 136px);}
.form-right-info li .input-right-info {
	/*background-color: #FFFFFF !important;*/ /* for issue in audit information page >> Auditor Name >> label background*/
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	padding: 10px 12px;
	/*width:353px;*/
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.form-right-info li .input-right-info::placeholder {
	color: #929292;
}

.form-right-info .right-date input[type="text"] {
	background: url('../../images/date_pick.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 97% 54%;
}

.form-right-btns {
	padding-top: 16px;
	gap: 6px;
}

.btn-forms-sub {
	position: relative;
}

.form-right-btns .cancel {
	width: 166px;
	padding: 7.5px 56px;
}

.form-right-btns .start {
	width: 166px;
	padding: 8px 26px 8px 25px;
}

.section-text-head .score-link {
	display: none;
}

/* add audit page*/
.clearClossIcon{position:absolute; right:auto; left:49.5%;}
.detail-add-right-box{
	/*height:100vh; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none;*/
	height: max-content;
}

.num-span{display:none;}
.head-deatil-right .pie-btn{display:none;}
.head-add-deatil{justify-content:flex-start; gap:24px;}
.detail-btns-right{gap:12px;}
.detail-btns-right .set-chat-btn{
	width:fit-content;
	color:#000000;
	font-size:13px; line-height:104%;
	font-weight:400; font-style:italic;
	padding:8px;
	gap:6px;
}
.detail-btns-right .set-chat-btn.active{background:#777777; color:#ffffff;}
.detail-btns-right .set-chat-btn.active .icons-tag{filter:brightness(36);}
.lists-network ul .add-list-point{padding:32px 0px 12px 12px;}
.lists-network ul .add-list-point .point-head{padding-bottom:8px;}
.help-box{
	width: 640px;
	height: 0;
	background: #E8EDFF;
	border-radius: 8px;
	margin-left: 13px;
	position: relative;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s;
}

.help-box label {
	color: #232323;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding-bottom: 4px;
}
.help-box a{
	width:24px; height:24px;
	position:absolute; top:8px; right:8px;
}
.help-box a img{width:100%;}
.help-box p {
	color: #2E2E2E;
	font-size: 12px;
	line-height: 21px;
	font-weight: 400;
}

.help-icon-popup {
	transition: all 0.3s;
	position: relative;
	cursor: pointer;
}
.help-icon-popup:hover .tooltip{transform:scale(1, 1);}
.help-box.pop-open{
	visibility: visible;
	opacity: 1;
	height: max-content;
	padding: 12.5px 24px;
	margin-bottom: 24px;
	transition: all 0.3s;
}
.btns-group{padding:0px 0px 0px 16px;}
.btns-group-first {
	width: fit-content;
	height: 40px;
	border: 1px solid #D1D1D1;
	border-radius: 7px;
	overflow: hidden;

}

.btns-group-first .butt {
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding: 9.5px 24px;
	text-align: center;
	color: #2E2E2E;
	border-radius: 7px;
	background: #ffffff;
	position: relative;
}

.btns-group-first .button-left .btnLoader {
	border-radius: 7px 0px 0px 7px;
}

.btns-group-first .butt-no .btnLoader {
	border-radius: 0px 7px 7px 0px;
}

.btns-group-first .button-left {
	background: #5DA291;
	border-radius: 0px;
	border-right: 1px solid #D1D1D1;
	color: #FFFFFF;
}

.btns-group-first .button-center {
	border-radius: 0px;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	background: #EC7E62;
	color: #FFFFFF;
}

.btns-group-first .button-center .btnLoader {
	border-radius: 0px;
	background: #EC7E62;
}

.btns-group-first .button-right {
	border-radius: 0px;
	border-left: 1px solid #D1D1D1;
	color: #FFFFFF;
	background: #6992DF;
}

.btns-group-first .button-no .btnLoader {
	border-radius: 0px;
	background: #5DA291;
}

.btns-group-first .button-last {
	border-left: 1px solid #D1D1D1;
	border-radius: 0px;
}

.btns-group-first .btn-load-butt .btnLoader {
	border-radius: 7px 0px 0px 7px;
}

.btns-group-first .btn-load-planed .btnLoader {
	border-radius: 0px;
}

.btns-group-first .btn-load-na .btnLoader {
	border-radius: 0px 7px 7px 0px;
}

.btns-group-first .button-right .btnLoader {
	border-radius: 0px 7px 7px 0px;
	background: #6992DF;
}

.tag-bottom-btns {
	padding-top: 14px;
	gap: 12px;
}

.tag-bottom-link {
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	box-shadow: 0px 2px 3.1px rgba(63, 63, 63, 0.2);
	border-radius: 8px;
	justify-content: center;
	padding: 8px;
	transition: all 0.3s;
	position: relative;
}

.tag-bottom-link:hover {
	box-shadow: 0 4px 12px 0 rgba(63, 63, 63, 0.26);
}

.tag-bottom-link .icons-tag {
	width: 24px;
	height: 24px;
}

.tag-bottom-link .icons-tag img {
	width: 100%;
	height: 100%;
}

.tag-check {
	width: fit-content;
	padding: 0px;
}

.tag-check label {
	gap: 10px;
	padding: 10px 8px;
	cursor: pointer;
}

.tag-set-mark {
	width: fit-content;
	color: #000000;
	font-size: 13px;
	line-height: 104%;
	font-weight: 400;
	font-style: italic;
}

.tag-set-mark .tag-sets {
	gap: 6px;
}

.tag-toggle {
	position: relative;
	width: 36px;
	height: 20px;
	background: #E2E8F0;
	border-radius: 123px;
	cursor: pointer;
	transition: background 0.3s;
}

.tag-toggle input {
	display: none;
}

.tag-bg {
	position: absolute;
	inset: 0;
	background: #E2E8F0;
	border-radius: 123px;
	transition: background 0.3s;
}

.tag-toggle input:checked~.tag-bg {
	background: #08519B;
}

.tag-slider {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 1px 12.6px 1px rgba(0, 0, 0, 0.15);
	transition: left 0.3s;
}

.tag-toggle input:checked~.tag-slider {
	left: 18px;
}

.plan-txt-tag {
	color: #000000;
	font-size: 13px;
	line-height: 104%;
	font-weight: 400;
	font-style: italic;
}

.tag-box-big {
	position: relative;
	transition: all 0.3s;
}

.num-tag-top {
	width: 18px;
	height: 18px;
	background: #CD3229;
	border-radius: 100px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 100%;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -8px;
	right: -4px;
}
.fresh-tag-top{background:#EC7E62}
.tag-table{
	width:650px;
	background:#FFFCFB;
	box-shadow:0px 0px 39.2px rgba(101, 101, 101, 0.3);
	border-radius:8px;
	position:absolute; top:30px; left:-260px;
	display:none;
	z-index:100;
}
.head-tag-table .tag-thead li{border-bottom:none; /*padding:9.5px 5px;*/ padding:0;}
.head-tag-table .tag-thead{
	width:100%;
	display:grid; grid-template-columns:14% repeat(4, 1fr);
	padding:8px 12px;
}
.head-tag-table .tag-thead li .attempt{color:#2E2E2E; font-size:12px; line-height:21px; font-weight:500;}
.tag-table-bottom{
	flex-direction:column; align-items:flex-start; gap:6px;
	padding-bottom:12px;
}
.noData{display:block; padding-bottom:16px;}
.noData span.attemp{width:max-content; margin:0 auto; padding:30px 0 0 0}
.tag-table-bottom .tag-table-list {
	width: 100%;
	display: grid;
	grid-template-columns:14% repeat(4, 1fr);
	padding:0px 16px;
}

.tag-table-bottom .tag-table-list li {
	border-bottom: none;
	padding: 5px;
}

.tag-table-bottom .tag-table-list .attemp {
	color: #2E2E2E;
	font-size: 12px;
	line-height: 21px;
	font-weight: 400;
}

.tag-table-bottom .tag-table-list li .tag-com {
	background: #D4F8D3;
	border-radius: 6px;
	padding: 4.5px 9px;
	width: fit-content;
}

.tag-table-bottom .tag-table-list li .tag-pro {
	background: #FBE7E9;
	border-radius: 6px;
	padding: 4.5px 9px;
	width: fit-content;
}

.tag-box-big:hover .tag-table{display:block; text-align:center;}

/* */
.form-right-info.widthFortyFive{width:45%;}
.form-right-info.widthFortyFive li{width:100%;}
.form-right-info.widthFortyFive .val{width:calc(100% - 136px);}
.form-right-info.widthFortyFive li label{width:136px; margin-top:-14px;}
.checkbox-group-point {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	grid-column-gap: 24px;
	grid-row-gap: 8px;
}

.checkbox-item-point {
	gap: 10px;
	padding: 10px;
	cursor: pointer;
}

.checkbox-item-point label {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	cursor: pointer;
}

.checkbox-item-point input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #D2D5DA;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	outline: none;
	background: #fff;
	padding: 2px;
	transition: all 0.2s ease;
}

.checkbox-item-point input[type="checkbox"]:checked {
	background-color: #08519B;
	border-color: #08519B;
}
.checkbox-item-point input[type="checkbox"]:checked:after{
	content:"";
	position:absolute; top:2px; left:1px;
	width:16px; height:16px;
	background-image:url(../../images/check_icon_sm.svg);
	background-repeat:no-repeat;
	background-size:100%;
}
.mark-bg-tag.active{background:#777777; color:#ffffff;}
.mark-bg-tag.active .icons-tag{filter:brightness(36);}
.chat-bg{position:relative;}
.dot-green{
	width:10px; height:10px;
	background:#5DA291;
	border-radius:100px;
	position:absolute; top:3px; right:3px;
}
.dot-orange{
	width:10px; height:10px;
	background:#EC7E62;
	border-radius:100px;
	position:absolute; top:3px; right:3px;
}
.chat-bg.active{background:#5DA291;}
.chat-bg.active .icons-tag{filter:brightness(36);}
.camera-bg.active{background:#EC7E62;}
.camera-bg.active .icons-tag{filter:brightness(36);}
.lists-network ul .add-roles-point .point-head .point-review {
	max-width: 89%;
}

.text-boxs-help .txt-help {
	height: 40px;
	border: 1px solid #D1D1D1;
	border-radius: 5px;
	width: 98.50%;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding: 9.5px 12px;
	overflow: hidden;
}

.text-boxs-help .txt-help::placeholder{color:#929292;}
.num-one{background:#217560;}
.text-boxs-help .txt-help-audit{width:346px;}
.txt-icon-help{
	background-image: url(../../images/chevron_down.svg);
	background-repeat: no-repeat;
	background-position: 98% 55%;
	cursor: pointer;
}

.check-leave .checkbox-item-point input[type="checkbox"] {
	border-radius: 50%;
}

.check-leave .checkbox-item-point input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	top: 4px;
	left: 4px;
}

.btns-group-first .button-no {
	background: #ffffff;
	color: #2E2E2E;
	border-right: none;
}

.bottom-nxt-prev {
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
	/* position:sticky; */
	/* bottom:0px; */
	/* left:0px; */
}

.btn-bottom-links {
	width: 130px;
	height: 40px;
	border: 1px solid #D5D7D9;
	border-radius: 6px;
	color: #232323;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	background: #ffffff;
	position: relative;
}

.btn-bottoms {
	gap: 8px;
	justify-content: center;
	padding: 8px 17px;
}

.btn-bottom-links .btn-bottoms .icon-prev {
	width: 24px;
	height: 24px;
}

.btn-bottom-links .btn-bottoms .icon-prev img{width:100%; height:100%;}
.bottom-nxt-prev .center-save{flex-direction:column; justify-content:center;}
.bottom-nxt-prev .center-save p{
	color:#777777;
	font-size:14px; line-height:150%; font-style:italic;
	padding-top:6px;
}
.bottom-nxt-prev .center-save .btn-bottom-links{
	background:#5DA291;
	box-shadow:0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius:6px; border:none;
	color:#ffffff;
	justify-content:center;
}
.bottom-nxt-prev .center-save .btn-bottom-links .btn-bottoms{padding:8px 12px; gap:6px;}
.bottom-nxt-prev .right-next .btn-bottom-links{
	background: #EC7E62;
	box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	color: #ffffff;
	justify-content: center;

}

.bottom-nxt-prev .right-next .btn-bottom-links .next-right-nxt {
	transform: rotate(180deg);
	filter: brightness(6);
}

.bottom-nxt-prev .right-next .btn-bottom-links .btn-bottoms {
	padding: 8.5px 29px 7.5px 30px;
}

.bottom-nxt-prev .right-next .btn-bottom-links .btnLoader {
	background: #EC7E62;
}

.links-group .tag-bottom-btns .list-links-action {
	border-bottom: none;
	padding: 0px;
}

.link-contents{padding:14px 0px 0px 16px;}
.link-contents ul{width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.link-contents ul li{padding:0px; width:100%; border-bottom:none;}
.comment-links-box{
	border:1px solid #D1D1D1; border-radius:6px;
	padding:8px; margin-top:6px;
	width:100%;
}
.history-panel-loader .spinLoader{border:3px solid #868686;}
.border-comment{border-bottom:4px solid #5DA291;}
.area-text-comments{
	color: #4F4F4F;
	font-size: 13px;
	line-height: 150.3%;
	font-weight: 400;
	width: 100%;
	height: 63px;
	overflow: hidden;
	text-align: left;
	background: transparent;
	resize: none;
}

.comment-bottom-links {
	justify-content: space-between;
	align-items: flex-end;
	padding: 16px 3.5px 0px 3.5px;
}

.comment-bottom-links .comment-icon-links {
	width: 36px;
	height: 36px;
	background: #F2F2F2;
	border-radius: 100px;
	justify-content: center;
}

.comment-bottom-links .comment-icon-links span {
	width: 12.31px;
	height: 16px;
}

.comment-bottom-links .comment-icon-links span img {
	width: 100%;
	height: 100%;
}

.comment-bottom-links .ai-edit {

	color: #08519B;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	font-style: italic;
	gap: 4px;
}

.comment-bottom-links .ai-edit span {
	width: 24px;
	height: 24px;
}

.comment-bottom-links .ai-edit span img {
	width: 100%;
	height: 100%;
}

.upload-container {
	border: 1px solid #D1D1D1;
	border-radius: 5px;
	width: fit-content;
	display: flex;
	margin-top: 16px;
	gap: 16px;
}
.upload-box{
	width:180px; height:156px;
	padding:16px;
	background:#F2F2F2;
	border:1px dashed #D1D1D1; border-radius:6px;
	flex-direction:column; justify-content:center; gap:10px;
	position:relative;
}
.upload-box span{
	color: #4F4F4F;
	font-size: 12px;
	line-height: 130%;
	font-weight: 400;
}

.upload-box small {
	color: #777777;
	font-size: 12px;
	line-height: 130%;
	font-weight: 400;
	font-style: italic;
}
.upload-box button{
	/*width:67px;*/ width:max-content; height:28px;
	background:#FFFFFF;
	border:1px solid #F6F6F6; border-radius:6px;
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.18);	
	padding:4px 10px;
	color:#2E2E2E;
	font-size:13px; line-height:20px; font-weight:500;
}
.upload-details{padding:29.5px 20px 29.5px 4px;}
.upload-details ul{gap:0px;}
.upload-details ul li{
	color: #4F4F4F;
	font-size: 12px;
	line-height: 140%;
	font-weight: 300;
	font-style: italic;
	margin-left: 10px;
	list-style: disc;
	padding: 0px 0px 0px 0px !important;
}

.txt-upload-item {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	/*z-index: 3;*/ /* commented on 16th april >> purvi >> its issue in ad audit >> section >> photo upload box >> 'i' icon issue */
}

.txt-upload-item span {
	width: 24px;
	height: 24px;
	filter: brightness(0);
}

.txt-upload-item span img {
	width: 100%;
	height: 100%;
}

.txt-upload-item:hover {
	background: #F6F6F6;
	box-shadow: 0px 2px 7.3px rgba(88, 88, 88, 0.34);
	border-radius: 100px;
}

.image-specification ul{gap:0px;}
.image-specification{
	position:absolute; top:-3px;
	/*left:42px;*/ left:29px;
	/*width:285px; height:131px;*/
	width:max-content; height:max-content;
	background: #FFFFFF;
	box-shadow:0px 2px 16.5px rgba(81, 81, 81, 0.15);
	border-radius:6px;
	padding:20px 32px 20px 20px;
	display:none;
}
.image-specification .cross-image {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
}

.image-specification .special-cation {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 140%;
	font-weight: 500;
	padding-bottom: 10px;
	display: block;
	width: 100%;
}

.image-specification ul li {
	color: #4F4F4F;
	font-size: 13px;
	line-height: 152%;
	font-weight: 400;
	font-style: italic;
	margin-left: 10px;
	list-style: disc;
	padding: 0px 0px 0px 0px !important;
}

.txt-upload-item:hover .image-specification{display:block;}
.images-view-plans-point{width:100%;}
.upload-images{border:none; width:100%;}
.upload-images .point-image{
	padding-top:0px; /*margin:auto;*/ margin:0;
	/*display:grid; grid-template-columns:repeat(5, minmax(0, 1fr));*/
	display:flex;
	width:calc(100% - 190px);
	align-items:stretch;
	flex-wrap:wrap;
}
.sm-add-down{top:20px; left:22%;}
.sm-add-down .btn-sm-down:hover{background:#F9F9F9; border-radius:6px;}
.sm-add-down .del-btn-sm{background:#FFF2F2; border-radius:6px; color:#E20C00;}
.action-card{
	margin:16px 0; padding:16px;
	border:1px solid #E8E8E8; border-radius:12px;	
	position:relative;
}
.action-card .action-plan-adds {
	color: #777777;
	font-size: 13px;
	line-height: 150.29%;
	font-weight: 400;
	font-style: italic;
	position: absolute;
	width: 129px;
	height: 20px;
	top: -10px;
	left: 40px;
	background: #FFFFFF;
}

.action-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.action-group label {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	display: block;
	padding-bottom: 6px;
}

.user-box {
	border: 1px solid #D1D1D1;
	border-radius: 5px;
	width: 100%;
	height: 40px;
	padding: 8px 12px;
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
}

.user-box::placeholder{color:#929292;}
.sel-start{
	background-image: url(../../images/chevron_down.svg);
	background-repeat: no-repeat;
	background-position: 96% 55%;
	cursor: pointer;
}

.action-group input[type="text"] {
	background: url('../../images/date_pick.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 94% 52%;
}
.valid-gap{padding:14px 0px 0px 16px;}
.info-box-detail .info-detail-list .scroll-detail{/*height:100vh;*/ height:max-content;}
.info-box-detail .info-detail-list .scroll-detail::-webkit-scrollbar{display:none;}
.head-deatil-right .dot-mob-icons{display:none;}
.head-deatil-right .num-heading-sm{display:none;}
.time-mob-icon{display:none;}
.hide-na{display:none;}
.score-div-mob{display:none;}
.validation{padding-top:2px;}

/* mobile scrren add audit popoup */
.head-mob-md {
	display: grid;
	grid-template-columns: 25% 50% 25%;
	height: 64px;
	background: #FDFBFA;
	border-bottom: 1px solid #E2E4ED;
	border-radius: 0px;
	padding: 12px 16px;
	box-shadow: -1px 2px 6px rgba(190, 167, 132, 0.6);
	align-items: center;
}

.text-center-md {
	text-align: center;
}

.text-center-md h2 {
	color: #111010;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}

.md-btn a {
	width: 81px;
	height: 34px;
	background: #5DA291;
	border-radius: 6px;
	padding: 6.5px 11.5px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mob-box-content {
	padding: 16px 16px 0px 16px;
}

.mob-box-content ul li .comment-links-box .area-text-comments {
	max-width: 100%;
	height: 168px;
}

.comment-bottom-links .comment-icon-links:hover {
	background: #08519B;
}

.mob-box-content ul li .comment-links-box .comment-bottom-links {
	align-items: center;
	margin-top: 67px;
}

.comment-bottom-links .comment-icon-links:hover span {
	filter: brightness(30);
}

.comment-left-icon {
	gap: 6px;
}

.comment-left-icon label {
	color: #777777;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
}

.comment-bg-bottom {
	background: #F2F3F5;
	border-radius: 24px;
	padding: 8px 16px 8px 8px;
}

.wave {
	gap: 18.5px;
}

.waveform {
	display: flex;
	gap: 4px;
	align-items: center;
	height: 32px;
}

.waveform span {
	/* display: block; */
	width: 2px;
	background: #08519B;
	border-radius: 2px;
	animation: wave 1s infinite ease-in-out;
}

.waveform span:nth-child(1) {
	height: 2px;
	animation-delay: 0s;
}

.waveform span:nth-child(2) {
	height: 8px;
	animation-delay: 0.1s;
}

.waveform span:nth-child(3) {
	height: 14px;
	animation-delay: 0.2s;
}

.waveform span:nth-child(4) {
	height: 4px;
	animation-delay: 0.3s;
}

.waveform span:nth-child(5) {
	height: 16px;
	animation-delay: 0.4s;
}

.waveform span:nth-child(6) {
	height: 14px;
	animation-delay: 0s;
}

.waveform span:nth-child(7) {
	height: 10px;
	animation-delay: 0.1s;
}

.waveform span:nth-child(8) {
	height: 10px;
	animation-delay: 0.2s;
}

.waveform span:nth-child(9) {
	height: 10px;
	animation-delay: 0.3s;
}

.waveform span:nth-child(10) {
	height: 14px;
	animation-delay: 0.4s;
}

.waveform span:nth-child(11) {
	height: 10px;
	animation-delay: 0s;
}

.waveform span:nth-child(12) {
	height: 16px;
	animation-delay: 0.1s;
}

.waveform span:nth-child(13) {
	height: 10px;
	animation-delay: 0.2s;
}

.waveform span:nth-child(14) {
	height: 4px;
	animation-delay: 0.3s;
}

.waveform span:nth-child(15) {
	height: 2px;
	animation-delay: 0.4s;
}

@keyframes wave {

	0%,
	100% {
		transform: scaleY(0.5);
	}

	50% {
		transform: scaleY(1.2);
	}
}

.wave .timer {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
}

.box-plus-circle-mob {
	gap: 20px;
}

.plus-circle {
	width: 128px;
	height: 110px;
	background: #F2F2F2;
	border: 1px dashed #D1D1D1;
	border-radius: 6px;
	padding: 23.5px 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 7px;
}

.plus-circle a {
	width: 32px;
	height: 32px;
	background: #08519B;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.plus-circle a span {
	width: 20px;
	height: 20px;
}

.plus-circle a span img {
	width: 100%;
	height: 100%;
}

.plus-circle label {
	color: #2E2E2E;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
}

.list-mob-format li {
	color: #2E2E2E;
	font-size: 13px;
	line-height: 140%;
	font-weight: 300;
	font-style: italic;
	list-style: disc;
	margin-left: 10px;
}

.images-box-mob-pop {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	padding-bottom: 14px;
}

.mob-pop-image {
	border-radius: 5px;
	width: 100%;
	background: #F2F2F2;
}

.mob-pop-image span {
	width: 100%;
	height: 127px;
}

.mob-pop-image span img {
	width: 100%;
	height: 100%;
}

.mob-pop-image p {
	color: #2E2E2E;
	font-size: 11px;
	line-height: 150.29%;
	font-weight: 400;
	padding: 8px 8px 5px 8px;
}

.md-dot-circle {
	position: relative;
	transition: all 0.5s;
}

.md-dot {
	background: #FEF8EF;
	box-shadow: 0px 2px 7.3px rgba(88, 88, 88, 0.34);
	border-radius: 100px;
	justify-content: center;
	width: 28px;
	height: 28px;
	position: absolute;
	bottom: 41px;
	right: 6px;
}

.md-dot-down {
	width: 150px;
	height: max-content;
	background: #FFFFFF;
	box-shadow: 0px 2px 16.5px rgba(81, 81, 81, 0.15);
	border-radius: 6px;
	position: absolute;
	bottom: -186px;
	right: 0px;
	display: none;
	padding: 8px;
	display: none;
	z-index: 3;
}

.btn-md-down {
	gap: 6px;
	padding: 8px 8px;
	color: #4F4F4F;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
}

.btn-md-down:hover {
	background: #F9F9F9;
	border-radius: 6px;
}

.md-dot-down .del-btn-md {
	background: #FFF2F2;
	border-radius: 6px;
	color: #E20C00;
}

.md-dot-circle:hover .md-dot-down {
	display: block;
}

.md-form-action .action-card {
	margin-top: 0px;
	border: none;
	border-radius: 0px;
	padding: 0px;
	position: relative;
}

.md-form-action .action-card span {
	color: #4F4F4F;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	position: static;
	background: transparent;
	font-style: normal;
	width: 100%;
	height: auto;
	padding-bottom: 16px;
}

.md-form-action .action-card .action-row {
	gap: 16px;
}

.md-form-action .action-card .action-row .action-group {
	display: grid;
	grid-template-columns: 80px calc(100% - 80px);
	gap: 6px;
	align-items: center;
}

.md-form-action .action-card .action-row .action-group label {
	color: #2E2E2E;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 0px;
}

.md-form-action .action-card .action-row .action-group .user-box {
	width: 97%;
	font-weight: 400;
}

.md-form-action .action-card .action-row .action-group:nth-child(1) {
	width: 100%;
}

.md-form-action .action-card .action-row .action-group:nth-child(2) {
	width: 100%;
}

.md-form-action .action-card .action-row .action-group:nth-child(3) {
	width: 100%;
}

/* summary page */
.summary-safe{margin:24px 0px 0px 0px;}
.summaryMain{width:100%;}
.audit-summary{flex-direction:column; align-items:flex-start; gap:12px;}
.summary-head h2 {
	color: #111010;
	font-size: 20px;
	line-height: 37px;
	font-weight: 500;
}

.safety-audit {
	width: 100%;
	display: inline-block;
}

.safety-audit ul {
	row-gap: 24px;
	column-gap: 20px;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.audit-summary-box-info{
	width:100%;
	justify-content:space-between;
	background:#EDF3E6;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:6px;
	padding:16px 20px;
}
.summary-item-info{gap:6px; width:max-content;}
.item-first{color:#2E2E2E; font-size:15px; line-height:120%; font-weight:400; width:max-content;}
.item-last{color:#2E2E2E; font-size:17px; line-height:120%; font-weight:500; width:max-content;}
.total-summ{
	background:#E7EDF5;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:6px;
	padding:16px 20px ;
	width:45%; height:200px;
}
.summ-passed-head{justify-content:space-between;}
.summ-passed-head label{color:#111010; font-size:17px; line-height:140%; font-weight:500;}
.summ-passed-head h3{color:#232323; font-size:20px; line-height:140%; font-weight:600;}
.chart-summary-box{padding-top:20px; justify-content: space-between; gap:12px;}
.circle-chart-image{width:140px; height:140px;}
.circle-chart-image img{width:100%; height:100%;}
.summary-data-item{
	justify-content: space-between;
	gap: 17px;
	padding: 4px 0px;
}

.dot-text-data {
	gap: 5px;
}

.dot-summ-circle {
	width: 10px;
	height: 10px;
	background: #5DA291;
	border-radius: 50%;
}

.summary-data-right .summary-data-item:nth-child(2) .dot-text-data .dot-summ-circle {
	background: #EC7E62;
}

.summary-data-right .summary-data-item:nth-child(3) .dot-text-data .dot-summ-circle {
	background: #EFD671;
}

.summary-data-right .summary-data-item:nth-child(4) .dot-text-data .dot-summ-circle {
	background: #BEBEBE;
}

.summ-data-text {
	color: #232323;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

.text-data-vel {
	justify-content: space-between;
	gap: 17px;
}

.value-txt {
	color: #232323;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}
.score-summ-data{
	background:#F5E7E7;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:6px;
	padding:16px 20px;
	width:35%; height:200px;
}
.score-points-card{flex-wrap:wrap; gap:24px; padding-top:20px;}
.score-points {
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}
.score-points-value{color:#232323; font-size:20px; line-height:140%; font-weight:500;}
.get-tar{color:#2E2E2E; font-size:14px; line-height:140%;}
.value-points-block{text-align:right;}
.value-points-block .score-points-value{text-transform:uppercase; padding-bottom:7px;}
.progress-score-lines{
	width:132px;
	height:6px;
	background: #F4F4F4;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}

.progress-score-liner {
	height: 6px;
	background: #5DA291;
	border-radius: 100px;
	width: 84px;
}

.score-excell {
	color: #232323;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}
.action-plan-summary{
	background:#FBF6E1;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:6px;
	padding:16px 20px;
	width:15%; height:200px;
	text-align:center;
}
.action-head label{
	color: #111010;
	font-size: 16px;
	line-height: 27px;
	font-weight: 500;
}
.action-numbers{padding-top:68px;}
.action-numbers h3{
	color: #232323;
	font-size: 24px;
	line-height: 36px;
	font-weight: 500;
}

.action-numbers p {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.btn-sign-submit {
	width: 100%;
	justify-content: center;
	margin-top: 16px;
	/* margin-bottom:24px; */
}

.sign-btn {
	position: relative;
}

.sign-btn .btnLoader{background:#5DA291;}
.sign-log{
	background:#5DA291;
	border-radius:6px;
	/*padding:8px 31px 8px 32px; width:178px;*/
	padding:8px 12px;
	width:max-content; height:40px;
	color:#FFFFFF;
	font-size:16px; line-height:24px;
	font-weight:600;
}
.card-table-summary{display:none;}
.summary-new-mob-box .table-box-summ{border:1px solid #E9EDF5;}

.card-table-item {
	border-bottom: 1px solid #E9EDF5;
	padding: 16px;
}

.card-table-item:last-child {
	border-bottom: none;
}

.card-item-title {
	gap: 12px;
}

.bottom-card-table {
	justify-content: space-between;
	padding-top: 10px;
	gap: 32px;
}

.item-sub-text {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.item-bottom-text {
	gap: 12px;
}

.percent {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.result {
	color: #217560;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.failed {
	color: #D1293D;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.bg-summary-mob {
	background: #FDFBFA;
}

/* comments-signature */
.comments-signature-boxs{
	width:100%;
	background:#FFFFFF;
	border:1px solid #E2E8F0; border-radius:12px;
	box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);	
	padding:20px 24px;
}
.boxs-comm-sign{flex-direction:column; align-items:flex-start; /*gap: 40px;*/ gap:16px /* changed on 19th jan for add ausit page */}
.comments-signature-boxs h3{
	color:#111010;
	font-size:20px; line-height:37px; font-weight:500;
	padding-bottom:16px;
}

.editor-box {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	overflow: hidden;
	gap: 12px;
}

.tool-main {
	width: 100%;
	border-bottom: 1px solid #E2E8F0;
	display: inline-block;
}

.tool-icons {
	border-right: 1px solid #E2E8F0;
	padding: 8px;
	gap: 8px;
	height: 48px;
}

.sel-tool {
	width: 60px;
	height: 48px;
	justify-content: center;
	padding: 13px 12px;
	gap: 0px;
}

.edit-sel {
	width: 100%;
	height: 22px;
}

.edit-icon-sel {
	background-image: url(../../images/caret_up_down.svg);
	background-repeat: no-repeat;
	background-position: 91% 55%;
	background-size: 16px;
	cursor: pointer;
}

.btn-tool {
	width: 32px;
	height: 32px;
	cursor: pointer;
	justify-content: center;
}

.btn-tool img {
	width: 20px;
	height: 20px;
}

.left-align img {
	transform: rotate(180deg);
}

.editor-textarea {
	color: #1E293B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	width: 100%;
	height: 147px;
	padding: 8px 12px;
}

.sign-boxs {
	width: 100%;
	display: inline-block;
}

.sign-boxs .signature {
	color: #2E2E2E;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	letter-spacing: 0.01em;
	padding-bottom: 12px;
}
.signature-box{background:#FFFFFF; border:1px solid #D1D1D1; border-radius:10px; height:350px;}
.signature-header{
	background:#F6F6F6;
	border-bottom:1px solid #E2E8F0;
	justify-content:space-between;
	border-radius:10px 10px 0px 0px;
	padding:8px 12px;
	height:48px;
}
.signature-header label{
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}
.signature-area{height:calc(100% - 48px);}
.signature-area canvas{width:100%; height:100%;}
.clear-space-btn {
	color: #4F4F4F;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	gap: 4px;
}

.clear-icon {
	width: 24px;
	height: 24px;
}

.clear-icon img {
	width: 100%;
	height: 100%;
}

.btns-signature {
	width: 100%;
	justify-content: center;
	gap: 12px;
}

.btn-sign-main {
	position: relative;
}

.sign-button {
	width: 166px;
	height: 40px;
}

.can-button {
	background: #EBEBEB;
	border: 1px solid #D5D7D9;
	border-radius: 6px;
	color: #232323;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	padding: 7.5px 56px;
}

.sub-button {
	background: #5DA291;
	border-radius: 6px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	padding: 8px 26px 8px 25px;
}

.signdown {
	display: none;
}

.dropdown-btn-sign {
	justify-content: space-between;
	gap: 2px;
	width: 36px;
	cursor: pointer;
	padding: 4px 2px;
	transition: all 0.3s;
}

.dropdown-btn-sign:hover{background:#DEE2E6; border-radius:4px;}
.dropdown-btn-sign:hover .left-sel-signer{filter:brightness(0);}
.dropdown-btn-sign:hover .sel-chev{filter:brightness(0);}
.dropdown-btn-sign .left-sel-signer{width:20px; height:20px;}
.dropdown-btn-sign .left-sel-signer img{width:100%;	height:100%;}
.dropdown-btn-sign .sel-chev{width:16px; height:16px;}
.dropdown-btn-sign .sel-chev img{width:100%; height:100%;}
.dropdown-sign-content{
	display: none;
	width: 104px;
	height: 136px;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	position: absolute;
	top: 36px;
	right: -28px;
	padding: 4px 0px;
}
.set-box-down {
	padding: 4px 8px;
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	transition: all 0.3s;
}
.set-box-down:hover{background:#E7F5FF;}
.icon-sel-drop{width:24px; height:24px;}
.icon-sel-drop img{width:100%; height:100%;}
.txt-align-set{
	color: #212529;
	font-size: 14px;
	line-height: 125%;
	font-weight: 400;
}
.order{display:none;}

/* action plan listing */
.breadcrumb .data-sm-txt{margin-left:5px;}
.breadcrumb .sm-text{color:#4F4F4F;}
.breadcrumb .pageName{
	font-size:14px; line-height:120%; font-weight:500;
	max-width:500px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/* Synced css*/
.audit_div{gap:6px;}
.audit_div span:last-child{font-style:italic; font-size:12px;}

/* */
.action-table-plan .audit-head-lists tr{grid-template-columns:11% 10% 22% 16% 15% 8% 8% 10%;}
.action-table-plan .audit-head-lists tr th{font-size:13px; padding:13px 8px;}
.action-table-plan .audit-data tr{grid-template-columns:11% 10% 22% 16% 15% 8% 8% 10%;}
.action-table-plan .audit-data tr td{font-size:12px; padding:17px 8px;}
.action-table-plan .audit-data tr td:nth-child(5){text-align:center;}
.action-table-plan .audit-data tr td:nth-child(6) .status-pass{justify-content:center;}
.action-table-plan .audit-data tr td:nth-child(6){text-align:center;}
.action-table-plan .audit-data tr td:nth-child(6) .status-fail{justify-content:center;}
.item-tab{display:none;}
.pending-color {
	color: #414244;
}

.inprogress-color {
	color: #BA7440;
}

.compleated-color {
	color: #34836F;
}

/* action plan view */
.view-perents-btns {
	position: relative;
}

.view-perents-btns .btnLoader .spinLoader {
	top: 14px;
}

.view-btns {
	width: 112px;
	height: 44px;
	background: #EC7E62;
	border-radius: 6px;
	gap: 6px;
	padding: 10px 12px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 21px;
	font-weight: 500;
	justify-content: center;
}

.view-btns .view-icons {
	width: 24px;
	height: 24px;
}

.view-btns .view-icons img{width:100%; height:100%;}
.audit-view-btn{/*width:136px;*/ width:max-content; background:#5DA291;}
.audit-view-btn .view-icons{filter:brightness(6);}
.print-view-btn{background:#5DA291;}
.action-plan-info-box{
	background:#FFFFFF; border-radius:8px;
	border:1px solid #E2E8F0;
	box-shadow:0px 3px 26.4px -2px rgba(23, 23, 23, 0.12);	
	padding:20px 24px;
}
.plans-infos {
	gap: 6px;
	justify-content: space-between;
}

.plans-info-left {
	/* gap:6px; align-items: flex-start;*/
	gap: 12px;
	width: 60%;
}

.audit-plans {
	flex-direction: column;
	align-items: flex-start;
	grid-template-columns:58% auto;
	gap:8px; /* action view plan page */
	width:calc(100% - 66px); /* added by purvi on 10th oct to set left content in full width */
}

.text-plans-list {
	width: 100%;
	display: grid;
	grid-template-columns: 110px calc(100% - 110px);
	gap: 6px;
	padding: 4px 0px;
}

/* comment by purvi on 10th oct >> for action_plan_edit.html page */
/*.audit-plans-act{
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	width:42%;
}*/
.text-plans-list span {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.act-lab {
	/*width: 68px;*/
	width: max-content;
	height: 28px;
	background: #FEF8EF;
	border-radius: 4px;
	color: #08519B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	padding: 4px 12px;
	text-align: center;
}

.updated-plan {
	grid-template-columns: 112px calc(100% - 112px);
}

.plans-info-right {
	width: 40%;
	background: #EEF4FE;
	border-radius: 6px;
	padding: 10px 22px 19px 22px;
}

.faild-question-right {
	gap: 6px;
	justify-content: center;
	padding-bottom: 16px;
}

.faild-question-right span {
	color: #232323;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.faild-question-right label {
	color: #232323;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

.plans-info-right ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-between;
	grid-column-gap: 16px;
	grid-row-gap: 12px;
}
.plans-info-right ul li{
	width:100%; height:32px;
	background:#FFFFFF;
	box-shadow:inset 0px 1px 4px rgba(26, 18, 67, 0.2); border-radius:4px;
	padding:9px 12px;
	justify-content:space-between;
}
.dot-failds{gap:6px;}
.dot-plans {
	width: 12px;
	height: 12px;
	background: #CD3229;
	border-radius: 50%;
}

.plans-info-right ul li:nth-child(2) .dot-failds .dot-plans {
	background: #08519B;
}

.plans-info-right ul li:nth-child(3) .dot-failds .dot-plans {
	background: #EC7E62;
}

.plans-info-right ul li:nth-child(4) .dot-failds .dot-plans {
	background: #5DA291;
}

.due-text {
	color: #232323;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	display: block;
}

.due-lab {
	color: #232323;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

.card-network-plans{
	border:1px solid #E2E8F0; border-radius:10px;
	box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);	
	margin:20px 0;
	padding:16px 20px;
	background:#FFFFFF;
	height:100vh;
	overflow-y:auto;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
.cards-network-main{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:44px;
	width:100%;
}
.cards-network-main li{width:100%;}
.ponse-notes{width:100%;}
.ponse-notes textarea{border:1px solid #c2c2c2; border-radius:6px; width:100%; padding:12px 16px;}

.card-head-security{
	background:#F2ECE4;
	border-radius:6px;
	padding:15px 16px;
	margin-bottom:24px;
}
.card-head-security h3{
	color:#08519B;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	display:inline-block;
}
/* .card-content-info{padding:0px 20px;} */
.audible-info>li:nth-child(1){padding-top:0px;}
.audible-info>li{border-bottom:1px solid #C5C5C5; padding:10px 0px;}
.isolated-head-info{gap:6px; padding:12px 12px 21.3px 12px;}
.isolated-head-info .number-point {
	color: #232323;
	font-size: 16px;
	line-height:120%;
	font-weight: 500;
}

.isolated-head-info p {
	color: #2E2E2E;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
.auditor-bottom{flex-direction:column; align-items:flex-start; gap:16px; margin-left:30px;}
.auditor-box-info{width:100%;}
.auditor-box-info .auditorCommentDiv{gap:16px; align-items:flex-start;}
/*
.auditor-box-info {
	display: grid;
	grid-template-columns: auto 156px;
	gap: 30px;
}*/
.auditors-lab {
	color: #232323;
	font-size: 15px;
	line-height: 150.29%;
	font-weight: 500;
	padding-bottom: 12px;
}
.auditor-content-left{width:calc(100% - 166px);}
.authorized-box{background:#FEF8EF; border-radius:8px; padding:12px 20px;}
.authorized-box p{
	color:#2E2E2E;
	font-size:12px;
	line-height:21px;
	font-weight:400;
	white-space:pre-line;
}
.attachments-content-right label{
	color: #232323;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding-bottom: 12px;
}

.main-btn-pho {
	width: 137px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	box-shadow: 0px 2px 3.1px rgba(63, 63, 63, 0.2);
	border-radius: 8px;
	position: relative;
	color: #2E2E2E;
	font-size: 13px;
	line-height: 104%;
	font-weight: 400;
	justify-content: center;
}

.btn-photo {
	width: 100%;
	height: 100%;
	gap: 6px;
	padding: 8px 8px;
	justify-content: center;
}

.dots-att {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 18px;
	height: 18px;
	background: #EC7E62;
	border-radius: 100px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 104%;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ments-icon {
	width: 24px;
	height: 24px;
}

.ments-icon img {
	width: 100%;
	height: 100%;
}

.corrective-action .auditors-lab{padding-bottom:20px;}
.form-overall ul{gap:16px; align-items:flex-start;}
.form-overall ul .sol-over{
	flex-direction: column;
	align-items: flex-start;
}
.form-overall ul .sol-over .due-all{
	color:#2E2E2E;
	font-size:14px; line-height:21px; font-weight:400;
	padding-bottom:6px;
	width:max-content;
}
.over-fild{
	/*width:230px;*/ width:max-content; height:40px;
	background:#FEF8EF;
	border-radius:5px;
	padding:10px;
}
.over-fild p {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
}
.overdue{gap:6px; padding-top:24px; width:max-content;}

.dot-due-over {
	width: 12px;
	height: 12px;
	background: #CD3229;
	border-radius: 50%;
}

.overdue p {
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
}

.form-overall ul li:nth-child(2) .over-fild {
	width: 160px;
}

.form-overall ul li:nth-child(3) .over-fild {
	width: 90px;
}

.form-overall .solved li:nth-child(4) .resolved {
	width: 160px;
}

.form-overall .solved li:nth-child(5) .redate {
	width: 160px;
}

.response-box label {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 150.29%;
	font-weight: 400;
	padding-bottom: 8px;
}
.ensure-box{border:1px solid #F6F6F6; border-radius:6px; white-space:pre-line;}
.ensure-box p{
	color: #2E2E2E;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	padding: 16px 12px 29px 12px;
}

.due-days .dot-due-over {
	background: #EC7E62;
}

.green-dot-due .dot-due-over {
	background: #5DA291;
}

.notes-box {
	display: grid;
	grid-template-columns: auto 156px;
	gap: 30px;
}

.org-dot-due .dot-due-over {
	background: #FFB700;
}

.form-overall .solved li:nth-child(1) .maintained {
	width: 160px;
}

.day-ins .dot-due-over {
	background: #08519B;
}

/*.auditor-bottom .point-image{padding-top:0px; flex-wrap:wrap;}*/
.view-tab-btn{display:none;}
.content-fire{display:none; transition:all 0.3s ease; padding-top:4px;}
.view-header-plan .back-nav-btn{display:none;}
.view-header-plan .logo .heading-head-logo{display:none;}
.view-header-plan .dots-view-head{display:none;}
.plans-infos-tab{display:none;}
.plans-infos-mob{display:none;}
.dots-views-down{display:none;}
.edit-box-submit{
	width: 130px;
	height: 40px;
	margin: 0px auto;
	transition: all 0.3s;
	margin-bottom: 24px;
	position: sticky;
	bottom: 16px;
	left: 0px;
}

.edit-box-submit .btnLoader {
	background: #EC7E62;
}

.edit-sub {
	width: 130px;
	height: 40px;
	background: #EC7E62;
	box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	padding: 8px 30px;
}

/* action plan edit */
.zones-isolated {
	justify-content: space-between;
	/*padding: 12px 12px 21.03px 12px;*/ padding:0 14px;
}

.zones-isolated .isolated-head-info {
	padding: 0px;
}

.removed-box a {
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	box-shadow: 0px 2px 3.1px rgba(63, 63, 63, 0.2);
	border-radius: 8px;
	justify-content: center;
	position: relative;
}

.removed-box a img {
	width: 24px;
	height: 24px;
}

.removed-box a .btnLoader .spinLoader {
	top: 13px;
}

.resolved-btn {
	width: 190px;
	background: #E1EAF3;
	cursor: pointer;
	gap: 6px;
	padding: 10px 23px;
	transition: background 0.2s ease, border 0.2s ease;
	user-select: none;
	box-shadow: 0px 2px 2px rgba(63, 63, 63, 0.2);
	border-radius: 4px;
	color: #2E2E2E;
	font-size: 13px;
	line-height: 104%;
	font-weight: 500;
	font-style: italic;
	margin-top: 24px;
}

.resolved-btn input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #D2D5DA;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	outline: none;
	background: #fff;
	padding: 2px;
	transition: all 0.2s ease;
}

.resolved-btn input[type="checkbox"]:checked {
	background-color: #08519B !important;
	border-color: #08519B !important;
}

.resolved-btn input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 1px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/check_icon_sm.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

.add-attachments {
	padding-top: 32px;
}

.form-edits {
	width: 190px;
	height: 40px;
	border: 1px solid #D1D1D1;
	background-color: #ffffff !important;
	border-radius: 5px;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding: 9.51px 5.26px 9.51px 5.26px;
}
.form-edits::placeholder{color:#929292;}
.date-over input[type="text"] {
	background: url('../../images/date_pick.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 94% 52%;
}

/* form builder >> audit builder >> popup css */

/* keep body lock on open of overly and any popup */
.body-locked{overflow:hidden;}

/* Popup box */
.preset-popup{
	width:535px;
	background:#fff;
	border-radius:12px;
	position:fixed; /*right:0;*/ left:50%; /*top:200px;*/ top:50%;
	transform: translate(-50%, -50%);
	box-shadow:0 16px 32px rgba(110, 178, 255, .25);
	display:none;
	z-index:102;
	padding:20px 24px;
}
.preset-popup.center{left:50%; /*top:4%;*/}
.preset-popup.smallWidth{width:495px;}
.preset-popup.mediumWidth{width:534px;}

/* Header */
.popup-header{
	display:flex; gap:12px;
	padding-bottom:16px;
	align-items:flex-start;
	flex-shrink:0;
	/* border-bottom:1px solid #eee; */
}
.popup-header h3{
	margin:0;
	font-size:16px; font-weight:500; line-height:140%;
	color:#2E2E2E;
	max-width:350px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.popup-header p {
	margin: 0;
	font-size: 14px;
	color: #777;
}

.preset-icon {
	width: 44px;
	height: 44px;
	border-radius: 8px;
	justify-content: center;
	box-shadow: 2px 2px 3px rgba(159, 130, 108, 0.25);
}

.preset-icon.blue {
	background: #F1F4FF;
	border: 1px solid #3C75E0;
}

.preset-icon.orange {
	background: #FFF9F1;
	border: 1px solid #ED8554;
}

.preset-icon.rad {
	background: #FFF1F1;
	border: 1px solid #ED5754;
}

.preset-icon.green {
	background: #FFF9F1;
	border: 1px solid #399F22;
}

.preset-icon.pink {
	background: #FCF1FF;
	border: 1px solid #B930CC;
}

.preset-icon.lighPink {
	background: #FFF1FC;
	border: 1px solid #FF04D1;
}

.preset-content {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: calc(100% - 50px);
}

.preset-content.fullWidth {
	width: 100%;
}

.preset-content .titleDiv {
	justify-content: space-between;
	width: 100%;
}

.preset-content .titleDiv .searchDiv {
	width: 70%;
}

.preset-content .titleDiv .audit-search {
	margin-right: 16px;
}
.cross-audit-btn.insideInputBox{cursor:pointer; position:absolute; top:7px; right:0px;}
.cross-audit-btn.insideInputBox .icon-width{width:14px; height:14px;}
.preset-content .titleDiv .list-store input[type="text"] {
	width: 100%;
	height: 40px;
	background-color: #FFFFFF;
	border-radius: 5px;
	filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.18));
	padding: 8px 12px 8px 40px;
	color: #4F4F4F;
	font-size:14px; line-height:20px; font-weight:400;
}
.preset-popup .search-box input{padding:10px 16px 10px 35px;}

/* Body */
.preset-body {
	padding: 16px;
	background: linear-gradient(275deg, #EEF9FF, #EFF4F3);
}

.preset-title-row {
	gap: 6px;
	margin-bottom: 12px;
	color: #08519B;
	font-size: 15px;
	line-height: 18px;
}

/* search with dropdown */
.dropdownSection{
	background:#FFFFFF;
	border-radius:8px;
	box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);
}
.dropdownSection .pass-input{box-shadow:none !important; border-radius:8px 8px 0 0 !important;}
.dropdownSection .tree{border:1px solid #E4E2E4; border-top:none; padding:8px 16px; max-height:45vh; overflow-y:auto;}
.dropdownSection .tree li{padding:8px 0;}
.dropdownSection .tree li ul li:last-child{padding-bottom:0}

/* Button list */
.preset-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.preset-item {
	padding: 12px 16px;
	border-radius: 10px;
	border: 1px solid rgba(93, 162, 145, 0.65);
	background: #fff;
	cursor: pointer;
	gap: 6px;
}

/* Footer */
.preset-footer {
	padding-top: 16px;
	border-top: 1px solid #eee;
}

/* form Builder */
.saving-btn{position:relative;}
.saved-btn{
	width:max-content; height:40px;
	background:#5DA291;
	box-shadow:0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius:6px;
	justify-content:center; gap:6px;
	color:#FFFFFF;
	font-size:15px; line-height:21px; font-weight:500;
	padding:8px 12px;
}
.saved-btn .saved-btn-icons{width:24px; height:24px;}
.saved-btn .saved-btn-icons img{width:100%; height:100%;}
.que-preset-btn{
	background:linear-gradient(132.7deg, #134AFF 12.8%, #3BDCB4 80.24%);
	box-shadow:0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius:6px;
	padding:1px;
	width:max-content;
}
.que-preset-btn.active{
	background:linear-gradient(95.55deg, #5DA291 2.53%, #0066CF 96.74%), linear-gradient(278.62deg, #08519B 23.09%, #2476C9 102.94%);
	box-shadow:0px 1px 8.7px rgba(255, 255, 255, 0.16);
	padding:0;
	margin:0 auto;
}
.que-preset-btn .saved-btn{background:#fff;}
.que-preset-btn.active .saved-btn{background:transparent;}

.que-preset-btn .saved-btn-texts {
	color: #08519B;
}

.que-preset-btn.active .saved-btn-texts {
	color: #ffffff;
}

.que-preset-btn.active span img {
	filter: brightness(10);
}
.audit-builder .page-header.leftHeader{padding-top:0;}
.audit-builder .right-section.header{gap:0;}
.audit-builder .right-section.header .add-btns{padding:5px 10px; border-right:1px solid #cacaca;}
.audit-builder .right-section.header a span{color:#2e2e2e;}
.selectWithBtn .que-preset-btn .saved-btn{
	background: linear-gradient(95.55deg, #5da291 2.53%, #0066cf 96.74%), linear-gradient(278.62deg, #08519b 23.09%, #2476c9 102.94%);
	box-shadow: 0px 1px 8.7px rgba(255, 255, 255, 0.16);
}
.selectWithBtn .saved-btn .saved-btn-icons img{filter:brightness(10);}
.selectWithBtn .saved-btn-texts{color:#fff;}

/* audit builder >> setting popup */
.setting-popup{width:963px; height:550px;}
.setting-popup .titleInnerDiv{gap:16px;}
.setting-popup .act-lab{height:32px;}
.setting-popup .featurePoint{gap:16px;}
.setting-popup .featurePoint div{gap:4px;}
.setting-popup .user-detail-page{margin:12px 0 24px 0;}
.setting-popup form{height:calc(100% - 174px);}
.setting-popup .formScrolling{border:1px solid #E2E8F0; border-radius:12px; padding:24px;}
.setting-popup .formScrolling .scrollBox{height:242px; overflow-y:scroll; gap:12px; display:flex;}
.setting-popup .formScrolling .form-right-info li{gap:24px; width:100%;}
.setting-popup .template-wrapper{display:flex; gap:24px; width:831px;}
.setting-popup .left-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 64px;
}

.setting-popup .icon-box {
    width: 56px;
    height: 56px;
    background: #F6F6F7;
    box-shadow: 0px 2px 6px rgba(28, 45, 93, 0.25);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.setting-popup .change-btn {
    font-size: 13px;
    font-weight: 500;
    color: #08519B;
    text-decoration: underline;
    cursor: pointer;
}

/* Right side */
.setting-popup .right-section {
    display: flex;
    flex-direction: column;
    gap:12px;
    width: 735px;
}

.setting-popup .field{display:flex; flex-direction:column; gap:6px;}
.setting-popup .textarea-field textarea {
    height: 62px;
}

.setting-popup .bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.setting-popup .counter {
    font-size: 12px;
    font-weight: 500;
    color: #94A3B8;
}


/* */
.form-title-head{justify-content:space-between;}
.title-left-head{align-items:flex-end; gap:18px;}
.title-left-head .input-build-title{
	width: 182px;
	height: 32px;
	background: transparent;
	font-size: 24px;
	line-height:120%;
	font-weight: 500;
}

.title-left-head .input-build-desc {
	width: fit-content;
	height: 32px;
	background: transparent;
	font-size: 16px;
	line-height:120%;
	font-weight: 500;
}
.dot-right-title{gap:9px;}
.dot-right-title .sm-dot-buldier {
	width: 6px;
	height: 6px;
	background: #EC7E62;
	border-radius: 9999px;
}

.text-right-buldier {
	color: #4F4F4F;
	font-size: 16px;
	line-height:120%x;
	font-weight: 500;
}

.section-sect{ width:max-content; height:32px; position: relative;}
.transLoader {
	background-color: transparent;
	border-radius: 0px;
}

.transLoader .spinLoader{top:10px;}
.btn-section{
	width:100%; height:100%;
	justify-content:center; gap:8px;
	color:#EC7E62;
	font-size:16px;
	line-height:125%;
	font-weight:500;
	margin-top:4px;
}
.plus-build{
	width:28px; height:28px;
	background:#EC7E62;
	border-radius:8px;
	justify-content:center;
}
.plus-build img{/* width:18.75px; height:18.75px; */ width:16px; height:16px;}
.adding-section {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 94px 0px 23px 0px;
}

.adding-section h2 {
	color: #111010;
	font-size: 22px;
	line-height: 33px;
	font-weight: 500;
}

.adding-section p {
	color: #2E2E2E;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
	max-width: 692px;
	margin: 0px auto;
	padding: 28px 0px 32px 0px;
}

.btn-addes {
	width: fit-content;
	height: 40px;
	position: relative;
	justify-content: center;
	margin: 0px auto;
}

.btn-addes .btnLoader {
	background: #EC7E62;
}

.btn-adding {
	width: fit-content;
	height: 40px;
	background: #EC7E62;
	box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.22);
	border-radius: 6px;
	justify-content: center;
	gap: 6px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding: 8px 12px;
}

.btn-adding .plus-adding {
	width: 24px;
	height: 24px;
}

.btn-adding .plus-adding img{width:100%; height:100%;}
.form-builder-templates{
	width:100%;
	display:grid; gap:24px;	
	/*grid-template-columns:calc(100% - 32% - 24px) 32%;*/
	grid-template-columns:calc(60% - 24px) 40%;
	/*margin:0 0 20px 0;*/ padding:0 0 24px 0;
}
.left-part-more{height:100vh; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none;}
.right-part-more{height:100vh; overflow-y:auto; scrollbar-width:none; -ms-overflow-style:none;}
.form-builder-left-part{
	border:1px solid #F1D6D0; border-radius:10px; border-bottom:2px solid #F8947F;
	/* box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);*/
	height:max-content; 
	margin-bottom:2px;	
}
.form-builder-left-part.active-section .header-form-build{background:#EBF0FC; border-bottom:1px solid #E2E8F0;}
.header-form-build{
	justify-content:space-between;
	background:#FFDDD4;
	/* box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);*/ 
	padding:7px 16px;
	border-radius:10px; /*10px 10px 0px 0px;*/
}
.left-head-form-build h3{color:#232323; font-size:17px; line-height:120%; font-weight:500;}
.no-right-panel-question #questionTextPreview{position:sticky; top:0; z-index:1;}
.right-head-form-build{gap:10px;}
.header-form-build .left-head-form-build .section-number{
	background:#EC7E62;
	box-shadow:0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius:5px;
	width:26px; height:26px;
	display:flex; align-items:center; justify-content:center;
	color: #fff;
	font-family:'Poppins'; font-weight:500;
	font-size:15px; line-height:167%;
}
.form-builder-left-part.active-section .section-number{background:#8591AF;}
.header-form-build .left-head-form-build .editDivIcon{
	justify-content:center;
	padding:2px;
	width:24px; height:24px;
	background:#FFC9BB;
	border-radius:5px;
}
.form-builder-left-part.active-section .editDivIcon{background:#8591AF;}
.form-builder-left-part.active-section .editDivIcon img{filter:brightness(10);}
.group-btn-addes{
	width:fit-content; height:32px; position:relative;
	padding:0 16px;
	border-right:1px solid #2a2a2a;
}
.group-btn-addes:last-child{border-right:none;}
.add-group-section{
	width:fit-content;
	height:28px;
	justify-content:center; gap:6px;
	color:#5DA291;
	font-size:15px; line-height:120%;
	font-weight:500;
}

.add-plus-group{
	width:24px; height:24px; /* width:32px; height:32px;*/
	background:#5DA291;
	border-radius:8px;
	justify-content:center;
	padding:4px;
}
.add-plus-group img{width:100%; height:100%;}
.down-build{width:24px; height:24px;}
.down-build .left-side-icons{
	width:24px; height:24px;
	justify-content:center;
	background:#FFF;
	border-radius:100px;
}
.down-build .down-build-icons{transform:rotate(180deg);}
.down-build .down-build-icons img{width:100%; height:100%;}
.content-sections-boxs{/*padding:0 20px;*/background: #FDFBFA; border-radius:0 0 10px 10px;}
.fire-duties{justify-content:space-between;}
.roles-head{gap:12.54px;}
.roles-head label{
	color: #5DA291;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}
.fire-down .icon-width{transform:rotate(180deg);}
.icons-fires{gap:16px;}
.exit-doors{
	justify-content:space-between;
	padding:10px 20px;
	border-bottom:1px solid #DCDCDC;
}
.exit-doors.active{
	background:#EBF0FC;
	border:1px solid #3370AE; border-radius:12px;
	box-shadow:inset 8px 0px 0px #5994D1;
}
.exit-doors ul{margin-top:20px; margin-left:20px;}
.left-exits{
	gap:6px;
	width: calc(100% - 140px); /* Purvi >> 24th march >> radio button icon and text brack in 2 line in audit builder page */
	align-items:flex-start; /* Purvi >> 24th march >> make all div in top align with question*/
}
.question-boxs-exit{
	gap:10px; align-items:flex-start;
	width: calc(100% - 30px); /* Purvi >> 24th march >> make move icon width proper above question*/
}
.question-boxs-exit .number-exit{
	color:#2E2E2E;
	font-size:14px; line-height:120%;
	font-weight:500;
}
.question-boxs-exit p{
	color:#1E293B;
	font-size:14px; line-height:20px;
	font-weight:400;
}
.exit-boxs{
	justify-content:space-between;
	align-items:flex-start; /* Purvi >> 24th march >> make all div in top align with question*/
}
.right-exits{gap:6px;}
.radioBtn {
	color: #EC7E62;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0px;
}
.box-type-form select{width:100%;}

.boxses-doors{gap:36px; padding:12px 0 0 0;}
.boxses-doors .radioBtn{top:-9px; padding-left:0px;}
.yes-num-boxs ul{gap:16px; margin:0; padding-left:20px;}
.yes-num-boxs ul li{
	border:1px solid #1EBF5E; border-radius:5px;
	width:max-content; height:27px;
	align-items:center; justify-content:space-between
}
.yes-num-boxs ul li label{
	color: #2E2E2E;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	padding: 3px 5px;
}

.yes-num-boxs ul li .num-text-input {
	width: 27px;
	height: 100%;
	background: #E7FCEB;
	border-left: 1px solid #1EBF5E;
	border-radius: 0px 5px 5px 0px;
	padding: 3px 2px;
	text-align: center;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
}

.yes-num-boxs ul li .num-text-input::placeholder{color:#929292;}
.yes-num-boxs ul li:nth-child(2){border:1px solid #EB8282;}
.yes-num-boxs ul li:nth-child(2) .num-text-input{border-color:#EB8282; background:#FFF4F4;}
.yes-num-boxs ul li:nth-child(3){border:1px solid #DEC65F;}
.yes-num-boxs ul li:nth-child(3) .num-text-input{border-color:#DEC65F; background:#FFF8DB;}
.form-builder-footer{
	background:#F2ECE4;
	/*border:1px solid #E2E8F0;*/
	border-top:1px solid #BCC8D7;
	padding:6px 24px;
	border-radius:0px 0px 10px 10px;
}
.form-builder-footer ul{gap:8px;}
.form-builder-footer ul li{gap:8px;}
.form-builder-footer ul li label{
	color: #475569;
	font-size:14px; line-height:120%; font-weight:600;
}
.form-builder-footer ul li .ex-sm-dot {
	width: 6px;
	height: 6px;
	background: #EC7E62;
	border-radius: 9999px;
}

.form-builder-footer ul li p {
	color: #475569;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	gap: 3px;
}

.form-builder-right-part{
	background:#FFFFFF;
	border:1px solid #E2E8F0; border-radius:10px;
	/* box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);*/
	height: max-content;
	margin-bottom:2px;
	/*border-bottom: 1px solid #A9AEB4;*/
}
.form-builder-right-part:last-child{margin-bottom:40px;}
.form-builder-right-part.propertySection{
	border-radius:12px 12px 0 0;
	padding:24px 16px;
	flex-direction:column; align-items:flex-start; gap:8px;
	height:max-content;
}
.form-builder-right-part.propertySection div{width:100%; justify-content:space-between;}
.form-builder-right-part.propertySection a{gap:6px;}
.add-fires{justify-content:flex-start; gap:32px;}
.right-exits .add-group-section{color:#08519B;}
.right-exits .add-group-section .add-plus-group{background:#08519B;}
.question_type{width:max-content;}
.start-doors{border-bottom:none;}
.next-section{
	justify-content:center; position:relative;
	/*padding-top:48px;*/ padding-top:20px; /* purvi >> 24th march >> sapce above last section */
}
.next-section .add-group-section{color:#EC7E62;}
.next-section .add-group-section .add-plus-group{background:#EC7E62;}
.next-section:before{
	content: "";
	position:absolute; top:80%; left:0%;
	/*width:310px;*/ width:30%; height:1px;
	background:linear-gradient(to right, #EDEDED, #ECCDC4, #ff5e3a);
}
.next-section:after{
	content: "";
	position:absolute; top:80%; right:0%;
	width:30%; height:1px;
	background:linear-gradient(to left, #EDEDED, #ECCDC4, #ff5e3a);
}
.start-lab{
	color:#777777;
	font-size:15px; font-weight:500; line-height:120%;	
	font-style:italic;
}
.header-builder-right{
	background:#EBF0FC;
	border-bottom:1px solid #E2E8F0; border-radius:10px; /*10px 10px 0px 0px;*/
	padding:8px 12px;
	justify-content:space-between;
}
.header-builder-right h3{color:#232323; font-size:14px; line-height:24px; font-weight:500;}
.header-builder-right .right-down-build{width:24px; height:24px;}
.header-builder-right .right-down-build img{width:100%; height:100%;}
.lab-main{flex-direction:column; align-items:flex-start; /*gap:12px;*/ gap:4px;;}
.builder-right-content{/*padding:24px 16px;*/ padding:8px 16px;}

/* include new button with dropdown on 23th mar-26 >> purvi*/
.selectWithBtn{justify-content:space-between;}
.selectWithBtn .dropdownDivSection{/*width:calc(100% - 200px);*/ width:100%;}
.selectWithBtn .presetBtnDiv{margin-left:20px;}

.label-text label{
	color:#2E2E2E;
	font-size:13px; line-height:20px; font-weight:500;
	padding-bottom:6px;
	gap:6px;
}
.input-build-form{
	width:100%; height:40px;
	background:#FFFFFF;
	border:1px solid #D1D1D1; border-radius:8px;
	font-size:13px; line-height:130%; font-weight:400;
	padding:7px 12px;
}
.lab-main li{width:100%;}
.lab-main li .score-half{/*width:40%;*/ width:100%;}
.lab-main li .label-text .input-build-form::placeholder{color:#929292;}
.input-textarea-boxs{
	position:relative;
	width:100%; /*max-width:520px;*/
	background:#FFFFFF;
	border:1px solid #D1D1D1; border-radius:8px;
}
.input-area-box{
	width:100%; height:60px;
	/*color:#777777;*/ color:#111010;
	font-size:14px; line-height:22px;
	font-weight:400;
	overflow:hidden;
	padding:9px 12px;
	border-radius:8px;
	resize:none; /* disable default browser resizing */
	box-sizing:border-box;
}
.resize-handle{
	width:100%;
	padding:6px 10px;
	cursor:ns-resize; /* shows drag arrow */
	user-select:none;
	background:#f5f5f5;
	border-top:1px solid #ddd;
	border-radius:0 0 8px 8px;
}
.input-textarea-boxs.autoResize .input-area-box{
	height:78px; resize:vertical;
	/*overflow:auto; resize: both; resize:horizontal; */
}
.input-textarea-boxs.autoResize .bottom-bar-area{position:absolute; bottom:0;}
.lab-bottom{justify-content:space-between; padding-top:20px;}
.enabled-tex{color:#2E2E2E; font-size:15px; line-height:20px; font-weight:500;}
.check-lab-bottoms .tag-toggle input:checked~.tag-bg{background:#08519B;}
.bottom-bar-area{justify-content:space-between; padding:9px 12px;}
.bottom-bar-area .resize-text {
	width: 16px;
	height: 16px;
}

.bottom-bar-area .resize-text img{width:100%; height:100%;}
.bottom-penal-btns{
	background:#FFFFFF;
	border:1px solid #E2E8F0; border-radius:0px 0px 10px 10px;
	box-shadow:0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);	
	padding:8px 12px;
	gap:16px;
	/*position:sticky;*/ position:relative; bottom:35px; left:0px;
}
.action-penal-btn{
	width:40px; height:40px;
	border:1px solid #A5A5A5; border-radius:6px;
	justify-content:center;
	padding:8px;
	position:relative;
}
.icon-width{width:20px; height:20px;}
.icon-width img{width:100%; height:auto;}
.btn-act-pen{position:relative;}
.cancel-act-btn{
	/*width: 106px;*/ width:max-content;
	height: 40px;
	border: 1px solid #A5A5A5;
	border-radius: 6px;
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	gap: 6px;
	padding: 10px 10px;
	gap: 4px;
}
.cancel-act-btn .icon-width{filter:brightness(0);}
.save-act-btn{
	/*width: 107px;*/ width:max-content; height:40px;
	/*background:#5DA291;*/ background:#08519B;
	border-radius:6px;
	color:#FFFFFF;
	font-size:14px; line-height:20px; font-weight:500;
	gap:4px;
	padding:10px;
}

.box-type-form{
	width:100%; height:40px;
	background:#FFFFFF;
	border:1px solid #D1D1D1; border-radius:8px;
	padding:9px 12px;
}
.justify{justify-content:space-between;}
.lab-bg .radioBtn{
	color:#2E2E2E;
	font-size:14px; line-height:22px; font-weight:500;
	padding-bottom:0px;
}
.lab-bg .radioBtn input:checked~.checkmark{background-color:#3E4959;}
.lab-bg .radioBtn .checkmark::after{background-color:#3E4959;}
.down-label{position:relative; transition:all 0.3s;}
.lab-drop-box{
	width: 100%;
	height: max-content;
	background: #FFFFFF;
	border-radius: 8px;
	padding: 9px 12px;
	position: absolute;
	top: 69px;
	left: 0px;
	z-index: 6;
	box-shadow: 0px 2px 18.8px rgba(81, 81, 81, 0.15);
	display: none;
}

.lab-drop-box label {
	margin-bottom: 8px;
}

.lab-drop-box label:hover {
	background: #F6F5FF;
	border-radius: 8px;
}

.down-label:hover .lab-drop-box{display:block;}
.lab-abled{display:flex; flex-direction:row; gap:16px;}
.lab-abled .lab-bottom {
	justify-content: flex-start;
	gap: 10px;
	padding-top: 0px;
}
.lab-abled .lab-bottom img{width:20px; height:20px;}
.lab-abled .mandatory {
	justify-content: flex-end;
}

.lab-abled .lab-bottom .enabled-text{
	width:max-content;
	color:#2E2E2E;
	font-size:14px; line-height:140%; font-weight:500;
}

.response-boxs .box-type-form {
	flex-direction: column;
	align-items: flex-start;
	gap: 21px;
	height: 100%;
	padding: 21px 12px;
}

.responses-type-boxs {
	gap: 8px;
	align-items: flex-start;
	width: 100%;
	justify-content: space-between;
}

.yes-input-boxs {
	width: 91%;
}

.dot-ponses {
	width: 18px;
	height: 18px;
	background: #34C759;
	border-radius: 50%;
	margin-top: 12px;
}

.response-boxs .box-type-form .responses-type-boxs:nth-child(2) .dot-ponses {
	background: #FF3B30;
}

.response-boxs .box-type-form .responses-type-boxs:nth-child(3) .dot-ponses {
	background: #FF9500;
}

.input-responce {
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.input-responce::placeholder{color:#929292;}
.bottom-yes-last{padding-top:6px; justify-content:space-between;}
.score-group{
	width: 122px;
	height: 34px;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	border-radius: 8px;
	justify-content: space-between;
	padding: 0px 0px 0px 4.5px;
}

.score-label {
	color: #475569;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
}

.score-select {
	background: #F1F1F1;
	height: 100%;
	text-align: center;
}

.end-btns {
	gap: 9px;
}

.end-btns a {
	width: 32px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	border-radius: 8px;
	justify-content: center;
}

.end-btns a img {
	width: 24px;
	height: 24px;
}

.add-image-box label {
	color: #2E2E2E;
	font-size: 14px;
	line-height:120%;
	font-weight: 500;
}

.add-image-box .image-plus {
	width: 32px;
	height: 32px;
	background: #5DA291;
	border-radius: 8px;
	padding: 4px;
	justify-content: center;
}

.add-image-box .image-plus img {
	width: 16px;
	height: 16px;
}

.lab-builders .lab-bottom {
	padding-top: 0px;
}

.opend-recipi {
	gap: 8px;
}

.recipi {
	padding: 0px;
	border: none;
	background: transparent;
	height: 100%;
}

.recipi::placeholder{color:#929292;}
.text-input-down{
	color: #2E2E2E;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	display: block;
	padding: 8px;
	margin-bottom: 8px;
	cursor: pointer;
}

.text-input-down:hover{background:#F6F5FF; border-radius:8px;}
.enabled-text{
	color: #2E2E2E;
	font-size:14px; line-height:120%; font-weight:500;
	width:max-content;
}
.next-question-add{padding:16px 0px;}

.next-question-add:before, .next-question-add:after{
	content:"";
	position:absolute;
	height:1px;
	top:50%; transform:translateY(-50%);
	width:165px;
}
.next-question-add:before{
	background:linear-gradient(to right, #EDEDED, #AFB7F1, #001DFF);
	left:3%;
	width:15%;
}
.next-question-add:after{background:linear-gradient(to left, #EDEDED, #AFB7F1, #001DFF); right:3%; width:15%;}
.next-question-add .add-group-section{color:#08519B;}
.add-group-section.green{color:#5DA291;}{color:#5DA291;}
.next-question-add .add-group-section .add-plus-group{background:#08519B;}
.addPreset .add-group-section .add-plus-group{background:#EC7E62 !important;}
.next-question-add .text-group-add{font-style:italic;}
.addPreset .text-group-add{color:#EC7E62;}
.addHeader .add-group-section .add-plus-group{background:#5DA291 !important;}
.addHeader .text-group-add{color:#5DA291;}

.text-sized{/*gap:6px;*/}
.text-sized img{/*width:24px; height:24px;*/ width:18px; height:18px;}
.text-sized del{color:#2E2E2E; font-size:12px; line-height:20px; font-weight:400; font-style:italic;}
.yes-num-boxs ul .text-num-input {
	border: 1px solid #8C8DFF;
	border-radius: 5px;
	background: #FDFBFA;
	justify-content: center;
}

.next-question {
	border-color: #DCDCDC;
}

.next-question:last-child {
	border: none;
	padding-bottom: 0;
}

.more-quest ul li:nth-child(1) {
	width: 124px;
}

.more-quest ul li:nth-child(2) {
	width: 134px;
	border-color: #8C8DFF;
}

.more-quest ul li:nth-child(3) {
	width: 101px;
	border-color: #8C8DFF;
}

.more-quest ul li .num-text-input {
	background: #F4F4FF;
	border-color: #8C8DFF;
}

.more-quest ul li:nth-child(2) .num-text-input {
	background: #F4F4FF;
	border-color: #8C8DFF;
}

.more-quest ul li:nth-child(3) .num-text-input {
	background: #F4F4FF;
	border-color: #8C8DFF;
}

.checkbox-wrapper {
	display: flex;
	align-items: center;
	gap: 6.3px;
	cursor: pointer;
	user-select: none;
	color: #EC7E62;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
}

.checkbox-wrapper input {
	display: none;
}

.custom-checkbox {
	width: 18px;
	height: 18px;
	border-radius: 4px;
	border: 1.5px solid #f97352;
	background: transparent;
	position: relative;
	display: inline-block;
	transition: all 0.2s ease;
}

.checkbox-wrapper input:checked+.custom-checkbox {
	background: #ffffff;
}

.checkbox-wrapper input:checked+.custom-checkbox::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 1px;
	width: 4px;
	height: 10px;
	border: solid #EC7E62;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}

/* template listing popup >> add template popup */
.template{width:550px;}
.icon-group-list{gap:12px;}
.icon-group{
	width:48px; height:48px;
	background:#F6F6F7;
	border-radius:6px;
	justify-content:center;
	cursor:pointer;
}
.icon-group.active{ border: 2px solid #08519B; box-shadow: 0px 2px 6px rgba(28, 45, 93, 0.25);}
/* .icon-group.active img{filter:brightness(10);}
.icon-group.active svg{filter:brightness(15);} */
.icon-group-list button{
	font-family:'Poppins'; font-weight:500;
	font-style:italic; text-decoration-line:underline;
	font-size:15px; line-height:24px;
	color: #08519B;
	cursor:pointer;
}

/* view more icon popup */
.viewMoreIcon ul .scrollBox{max-height:480px; height:max-cintent; overflow-y:auto;}

/* template listing */
.template-head-boxs{
	background: transparent;
	padding: 0px;
	justify-content: flex-start;
}

.template-head-boxs .audit-boxs {
	width: 100%;
}

.template-head-boxs .audit-boxs ul {
	grid-template-columns: 20% 16% 9% 9% 41.2%;
}

.template-listings .table-container .table-head {
	justify-content: flex-end;
}

.template-listings .audit-head-lists tr .tag-table-lists {
	display: none;
}

.template-listings .audit-head-lists tr {
	grid-template-columns: 12% 24% 11% 9% 9% 8% 9% 9% 9%;
}

.template-listings .audit-head-lists tr th {
	padding: 10px 6px;
}

.template-listings .audit-data tr {
	grid-template-columns: 12% 24% 11% 9% 9% 8% 9% 9% 9%;
}

.template-listings .audit-data tr td {
	padding: 17px 6px;
}

.template-listings .audit-data tr .tab-tablet {
	display: none;
	position: relative;
	transition: all 0.3s;
}
.btn-Unpublish{
	background: #E5E5E5;
	border-radius: 5px;
	padding:2.5px 5.5px;
	text-align: center;
	cursor: pointer;
}
.btn-publish{
	color:#FFFFFF;
	background:#EC7E62;
	border-radius:5px;
	padding:2.5px 10px;
	text-align:center;
	cursor:pointer;
}
.btn-tabs-tablet {
	width: 24px;
	height: 24px;
	background: #F1F4FA;
	border: 1px solid #E6EBF4;
	border-radius: 6px;
	justify-content: center;
	padding: 6px;
	margin: 0px 10px 0px 10px;
	transition: all 0.3s;
}

.btn-tabs-tablet img {
	width: 12px;
	height: 12px;
}

.btn-tabs-tablet:hover {
	background: #08519B;
	border-radius: 6px;
}

.btn-tabs-tablet:hover img {
	filter: brightness(6);
}

.template-listings .audit-data .tab-info-updown {
	display: none;
}

.down-audit-tablet {
	width: 100%;
	background: #FBFBFB;
	height: 120px;
	padding: 16px;
}

.lines-template {
	border-top: 1px solid #E9EDF5;
}

.down-audit-tablet ul li {
	display: grid;
	grid-template-columns: 90px calc(100% - 90px);
	gap: 12px;
	align-items: center;
}

.down-audit-tablet ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.down-audit-tablet ul li {
	padding: 4px 0px;
	width: 100%;
}

.down-audit-tablet ul li:nth-child(1) {
	display: none;
}

.down-audit-tablet ul li:nth-child(2) {
	display: none;
}

.down-audit-tablet ul li:nth-child(6) {
	display: none;
}

.down-audit-tablet ul li:nth-child(7) {
	display: none;
}

.down-audit-tablet ul li span {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-align: left;
}

.down-audit-tablet ul li label {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
}

/* summary compliance report */
.report-crumb ul .sm-text {
	color: #4F4F4F;
}

/* .export-report-btn img{filter:brightness(6);} */
.export-report-btn {
	/*width:124px;*/
	width: max-content;
	justify-content: center;
	background: #FFFFFF;
	box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.22);
}

.export-report-btn.active {
	background: #08519B;
}

.export-report-btn.active .btnLoader {
	background: #08519B;
}

.export-report-btn span {
	color: #232323;
	height: 24px;
}

.export-report-btn.active span {
	color: #ffffff;
}

.export-report-btn.active span img {
	filter: brightness(10);
}

.print-report-btn {
	width: 112px;
	justify-content: center;
}

.report-searched .audit-boxs {
	width: 100%;
}

.report-searched .audit-boxs ul {
	grid-template-columns: 24% 22% 22% 9% 18%;
}

.adv-reports{width:auto;}
.adv-reports .advanced-btn::placeholder{color:#929292;}
.adv-reports input[type="text"] {
	background: url('../../images/adv_reports.svg');
	background-repeat:no-repeat;
	background-size:24px;
	background-position:12px 8px;
}
.reports-charts-boxs{width:100%; margin-top:24px;}
.reports-charts-boxs .reports-charts-lists {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: space-between;
	gap: 24px;
}

.reports-charts-boxs .reports-charts-lists li {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	box-shadow: 0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);
	border-radius:12px;
	padding: 24px;
}

.chart-divi-icons {
	gap: 8px;
}

.chart-divi-icons .chart-toggle {
	width: 32px;
	height: 32px;
	background: #FAF6F1;
	border: 1px solid #F4E6E6;
	border-radius: 6px;
	padding: 4px;
	justify-content: center;
}

.icon-ports {
	width: 16px;
	height: 16px;
}

.icon-ports img {
	width: 100%;
	height: 100%;
}

.chart-head-top {
	padding-bottom: 16px;
}

.content-divi-left h3 {
	color: #232323;
	font-size: 18px;
	line-height: 150.29%;
	font-weight: 500;
}

.charts-polls span {
	width: 100%;
	height: 100%;
}

.charts-polls span img {
	width: 100%;
	height: 100%;
}

.tabs-polls {
	display: none;
}

.report-listings .table-head {
	justify-content: flex-start;
}

.summary-compliance-report {
	width: 100%;
	display: grid;
	grid-template-columns: 300px auto;
}

.summary-compliance-report .left-table-report .audit-head-lists tr {
	grid-template-columns: 65% 35%;
}

.summary-compliance-report .left-table-report .audit-data tr {
	grid-template-columns: 65% 35%;
}

.report-red {
	color: #CD3229;
}

.summary-compliance-report .left-table-report .audit-head-lists tr th {
	font-size: 13px;
	padding: 10px 6px;
}

.summary-compliance-report .left-table-report .audit-data tr td {
	font-size: 12px;
	padding: 17px 6px;
}

.summary-compliance-report .right-table-report .audit-head-lists tr {
	grid-template-columns: 15% 15% 14% 12% 16% 15% 13%;
}

.summary-compliance-report .right-table-report .audit-head-lists tr th {
	font-size: 13px;
	padding: 10px 6px;
}

.summary-compliance-report .right-table-report .audit-data tr {
	grid-template-columns: 15% 15% 14% 12% 16% 15% 13%;
}

.summary-compliance-report .right-table-report .audit-data tr td {
	font-size: 12px;
	padding: 17px 6px;
	text-align: center;
}

.summary-compliance-report .left-table-report {
	position: relative;
}

.summary-compliance-report .left-table-report::after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #B7B3B3;
	box-shadow: 3px 0px 4px rgba(0, 0, 0, 0.25);
}

.shore-box {
	display: none;
}

.shore-box .shore-box-ul {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.shore-box .shore-box-ul .green-field {
	width: 100%;
	background: #FBFBFB;
	box-shadow: 0px 1px 3.2px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	padding: 24px;
}

.shore-box .shore-box-ul .green-field h3 {
	color: #232323;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 8px;
}

.shore-box .shore-box-ul .green-field p {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.shore-box .shore-box-ul .green-field .list-stores {
	padding-top: 16px;
}

.shore-box .shore-box-ul .green-field .list-stores li {
	width: 100%;
	display: grid;
	grid-template-columns: 150px auto;
	justify-content: space-between;
	padding: 4px 0px;
}

.shore-box .shore-box-ul .green-field .list-stores li label {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.shore-box .shore-box-ul .green-field .list-stores li span {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.shore-box .shore-box-ul .green-field .list-stores li .report-red {
	color: #CD3229;
}

/* popups report summary */
.division-summary-boxs {
	width: 884px;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	box-shadow: 0px 0px 16.1px -2px rgba(23, 23, 23, 0.2), 0px 2px 4px 13px rgba(23, 23, 23, 0.2);
	border-radius:12px;
	padding: 32px;
	margin: 130px auto 0px auto;
}

.divi-head-summ {
	padding-bottom: 16px;
}

.divi-head-summ h3 {
	color: #232323;
	font-size: 18px;
	line-height: 150.29%;
	font-weight: 500;
}

.divi-head-summ .cross-summ-btns {
	width: 32px;
	height: 32px;
	background: #FAF6F1;
	border: 1px solid #F4E6E6;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.divi-head-summ .cross-summ-btns span {
	width: 16px;
	height: 16px;
}

.divi-head-summ .cross-summ-btns span img {
	width: 100%;
	height: 100%;
}

.summary-images-box {
	width: 820px;
	height: 402px;
}

.summary-images-box img {
	width: 100%;
	height: 100%;
}

.pop-two {
	height: 399px;
}

.tab-pop {
	display: none;
}

.mob-togg {
	display: none;
}

/* Executive Summary Report */
.executive-reports .audit-boxs .audit-lists {
	grid-template-columns: 24% 22% 22% 28.2%;
}

.executive-reports .audit-boxs .executive-search {
	grid-template-columns: 24% 22% 22% 9% 18%;
	padding-top: 14px;
}

.executive-reports .audit-boxs .audit-lists .executive-store .input-store {
	width: 80%;
}

.executive-reports .audit-boxs .executive-search .adv-reports .advanced-btn {
	width: 100%;
}

.executive-reports .audit-boxs .executive-search .adv-reports input[type="text"] {
	background: url('../../images/cross_icon.svg');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 12px 8px;
}

.executive-reports .audit-boxs .executive-search .adv-reports .advanced-btn::placeholder{color:#929292;}
.audit-action-boxs .reports-charts-lists{grid-template-columns:repeat(2, 1fr);}
.audit-action-boxs .reports-charts-lists li .chart-head-top{padding-bottom:24px;}
.audit-action-boxs .reports-charts-lists li .total-audits-numbers{padding-bottom:24px;}
.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:19px;
}
.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li {
	background: #EEF1FF;
	border-radius: 11px;
	padding: 12px 12px 18px 12px;
	border: none;
	box-shadow: none;
	text-align: center;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li:nth-child(2) {
	background: #FEF3F3;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li:nth-child(3) {
	background: #FFF2E2;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li label {
	color: #2B40B8;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	display: block;
	padding-bottom: 4px;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li .total-failed {
	color: #B82B2B;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li .total-all {
	color: #B86A2B;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li .total-failed-act {
	color: #437E4C;
}

.audit-action-boxs .reports-charts-lists li .total-audits-numbers .numbers-alls li span {
	color: #191717;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.audit-images-total {
	justify-content: center;
}

.img-datas {
	width: 80%;
	height: 100%;
}

.img-datas img {
	width: 100%;
	height: 100%;
}

.executive-listings {
	margin: 24px 0px 24px 0px;
}

.executive-listings .table-container .table-head {
	justify-content: space-between;
}

.rankings {
	width: 100%;
}

.rankings label {
	color: #232323;
	font-size: 18px;
	line-height: 150.29%;
	font-weight: 500;
}

.rankings a {
	color: #08519B;
	font-size: 16px;
	line-height: 150.29%;
	font-weight: 500;
	font-style: italic;
}

.executive-listings .audit-head-lists tr {
	grid-template-columns: 6% 7% 8% 14% 14% 8% 15% 13% 15%;
}

.executive-listings .audit-head-lists tr th {
	font-size: 13px;
	padding: 10px 6px;
}

.executive-listings .audit-data tr {
	grid-template-columns: 6% 7% 8% 14% 14% 8% 15% 13% 15%;
}

.executive-listings .audit-data tr td {
	font-size: 12px;
	padding: 17px 6px;
}

.lines-executive {
	border-bottom: 1px solid #E9EDF5;
}

.executive-listings .audit-data tr td .bar-listings .bg-listings-bars {
	width: 130px;
	height: 7px;
	background: #5DA291;
	border-radius: 4px;
}

.executive-listings .audit-data tr:nth-child(2) td .bar-listings .bg-listings-bars {
	width: 100px;
}

.executive-listings .audit-data tr:nth-child(3) td .bar-listings .bg-listings-bars {
	width: 80px;
	background: #E9A569;
}

.executive-listings .audit-data tr:nth-child(4) td .bar-listings .bg-listings-bars {
	width: 60px;
	background: #E9A569;
}

.executive-listings .audit-data tr:nth-child(5) td .bar-listings .bg-listings-bars {
	width: 40px;
	background: #EB5757;
}

.last-audits {
	gap: 6px;
	justify-content: center;
}

.last-audits .sortings {
	width: 12px;
	height: 12px;
}

.last-audits .sortings img {
	width: 100%;
	height: 100%;
}

.text-centers {
	text-align: center;
}

.executive-listings .non-compliant .audit-head-lists tr {
	grid-template-columns: 16% 10% 16% 16% 16% 26%;
}

.executive-listings .non-compliant .audit-data tr {
	grid-template-columns: 16% 10% 16% 16% 16% 26%;
}

.executive-listings .repeated-issue .audit-head-lists tr {
	grid-template-columns: 8% 20% 23% 11% 12% 15% 11%;
}

.executive-listings .repeated-issue .audit-data tr {
	grid-template-columns: 8% 20% 23% 11% 12% 15% 11%;
}

.executive-tab ul li {
	grid-template-columns: 172px calc(100% - 172px);
}

.non-tab ul li {
	grid-template-columns: 160px calc(100% - 160px);
}

.repeated-tab ul li {
	grid-template-columns: 130px calc(100% - 130px);
}

.risk-text {
	gap: 6px;
}

.dot-risks {
	width: 10px;
	height: 10px;
	background: #CD3229;
	border-radius: 50%;
}

.executive-listings .repeated-issue .audit-data tr:nth-child(3) .risk-text .dot-risks {
	background: #CF9500;
}

.executive-listings .repeated-issue .audit-data tr:nth-child(7) .risk-text .dot-risks {
	background: #5DA291;
}

.executive-listings .repeated-issue .audit-data tr:nth-child(9) .risk-text .dot-risks {
	background: #5DA291;
}

.section-hide {
	display: none;
}

.total-image-data {
	display: none;
}

.total-show {
	display: none;
}

/* audit insights report */
.audit-action-boxs .insights-report-lists {
	grid-template-columns: 41% 57%;
}

.audit-action-boxs .insights-report-lists li .chart-head-top {
	padding-bottom: 16px;
}

.audit-action-boxs .insights-report-lists li .total-audits-numbers {
	padding-bottom: 16px;
}

.audit-action-boxs .insights-report-lists li .total-audits-numbers .numbers-alls li:nth-child(2) {
	background: #FFF2E2;
}

.audit-action-boxs .insights-report-lists li .total-audits-numbers .numbers-alls li:nth-child(3) {
	background: #FEF3F3;
}

.insights-images-total .img-datas {
	width: 100%;
	height: 325px;
}

.insights-listings .audit-head-lists tr {
	grid-template-columns: 30% 20% 10% 20% 20%;
}

.insights-listings .audit-head-lists tr th:nth-child(1) {
	display: none;
}

.insights-listings .audit-data tr td:nth-child(1) {
	display: none;
}

.insights-listings .audit-head-lists tr th:nth-child(3) {
	justify-content: center;
}

.insights-listings .audit-head-lists tr th:nth-child(4) {
	justify-content: center;
}

.insights-listings .audit-head-lists tr th:nth-child(5) {
	justify-content: center;
}

.insights-listings .audit-head-lists tr th:nth-child(6) {
	justify-content: center;
}

.insights-listings .audit-data tr {
	grid-template-columns: 30% 20% 10% 20% 20%;
}

.insights-listings .audit-data tr td:nth-child(3) {
	text-align: center;
}

.insights-listings .audit-data tr td:nth-child(4) {
	text-align: center;
}

.insights-listings .audit-data tr td:nth-child(5) {
	text-align: center;
}

.insights-listings .audit-data tr td:nth-child(6) {
	text-align: center;
}

.insights-down-audit ul li:nth-child(1) {
	display: grid;
}

.insights-down-audit ul li:nth-child(2) {
	display: grid;
}

/* repeat issues report */
.issues-searchs .audit-boxs ul {
	grid-template-columns: 20% 20% 20% 20% 16.4%;
}

.executive-listings .repeated-issue .audit-data tr:nth-child(13) .risk-text .dot-risks {
	background: #CF9500;
}

.executive-listings .repeated-issue .audit-data tr:nth-child(17) .risk-text .dot-risks {
	background: #5DA291;
}

.executive-listings .repeated-issue .audit-data tr:nth-child(19) .risk-text .dot-risks {
	background: #5DA291;
}

/* action plan summary report */
.audit-action-boxs .action-summary-plan li .action-number-plan .numbers-alls li {
	background: #FFF2E2;
}

.audit-action-boxs .action-summary-plan li .action-number-plan .numbers-alls li:nth-child(2) {
	background: #FEF3F3;
}

.audit-action-boxs .action-summary-plan li .action-number-plan .numbers-alls li:nth-child(3) {
	background: #EEF1FF;
}

.act-summ-report .audit-head-lists tr {
	grid-template-columns: 15% 15% 15% 25% 15% 15%;
}

.act-summ-report .audit-head-lists tr th:nth-child(6) {
	justify-content: center;
}

.act-summ-report .audit-head-lists tr th:nth-child(7) {
	justify-content: center;
}

.act-summ-report .audit-data tr {
	grid-template-columns: 15% 15% 15% 25% 15% 15%;
}

.act-summ-report .audit-data tr td:nth-child(6) {
	text-align: center;
}

.act-summ-report .audit-data tr td:nth-child(7) {
	text-align: center;
}

.best-performing {
	width: 100%;
	gap: 12px;
	background: linear-gradient(90deg, #FFF1EE 0%, #EBF5FF 100%);
	box-shadow: inset -3px -1px 7.6px rgba(77, 89, 255, 0.25), inset 6px 4px 9.9px rgba(255, 164, 164, 0.25);
	border-radius: 8px;
	padding: 8px 24px;
	margin-top: 24px;
}

.best-icon {
	width: 48px;
	height: 48px;
}

.best-icon span {
	width: 48px;
	height: 48px;
}

.best-icon span img {
	width: 100%;
	height: 100%;
}

.best-text {
	gap: 12px;
}

.text-best-perform {
	gap: 6px;
}

.text-best-perform h2 {
	color: #08519B;
	font-size: 18px;
	line-height: 150.29%;
	font-weight: 500;
	font-style: italic;
}

.div-texts {
	color: #08519B;
	font-size: 18px;
	line-height: 150.29%;
	font-weight: 500;
	font-style: italic;
}

.text-botom-best p {
	color: #2E2E2E;
	font-size: 16px;
	line-height: 150.29%;
	font-weight: 400;
	font-style: italic;
}

.over-dues {
	display: none;
}

.div-text-mob {
	display: none;
}

.division-summary-plan ul li {
	grid-template-columns: 70px calc(100% - 70px);
}

/* action plan detail report */
.audit-action-boxs .action-plan-detail-report li .total-audits-numbers .numbers-alls li:nth-child(1) {
	background: #FEF3F3;
}

.audit-action-boxs .action-plan-detail-report li .total-audits-numbers .numbers-alls li:nth-child(3) {
	background: #E8FCF4;
}

.audit-action-boxs .action-plan-detail-report li .total-audits-numbers .numbers-alls li .total-closed-lab {
	color: #437E4C;
}

.executive-listings .issue-plan-detail .audit-head-lists tr {
	grid-template-columns: 8% 16% 23% 8% 12% 10% 12% 11%;
}

.executive-listings .issue-plan-detail .audit-data tr {
	grid-template-columns: 8% 16% 23% 8% 12% 10% 12% 11%;
}

.executive-listings .issue-plan-detail .audit-data tr td:nth-child(9) {
	text-align: center;
}

.ap-store {
	height: 150px;
}

.ap-store ul li:nth-child(1) {
	display: none;
}

.ap-store ul li:nth-child(2) {
	display: none;
}

.ap-store ul li:nth-child(6) {
	display: grid;
}

.ap-store ul li:nth-child(7) {
	display: none;
}

/* auditor summary report */
.audit-images-total .img-overall {
	width: 100%;
	height: 100%;
}

.audit-images-total .img-overall img {
	width: 100%;
	height: 100%;
}

.audit-action-boxs .auditor-summary-reports {
	grid-template-columns: repeat(2, 1fr);
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls {
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li {
	padding: 12px 2px 18px 2px;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li span {
	font-size: 11px;
	font-weight: 500;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li:nth-child(1) {
	background: #FFF2E2;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li:nth-child(2) {
	background: #FEF3F3;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li:nth-child(3) {
	background: #EEF1FF;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li:nth-child(4) {
	background: #E8FCF4;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li:nth-child(4) .percent-text-summ {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px;
	color: #437E4C;
	white-space: nowrap;
}

.audit-action-boxs .auditor-summary-reports li .total-audits-numbers .numbers-alls li:nth-child(4) .percent-text-summ .sm-percent {
	color: #B82B2B;
}

.audit-action-boxs .auditor-summary-reports li:nth-child(2) .chart-head-top {
	padding-bottom: 24px;
}

.tab-over {
	display: none;
}

.mob-over {
	display: none;
}

.auditor-summ-report .audit-head-lists tr {
	grid-template-columns: 23% 22% 10% 11% 15% 19%;
}

.auditor-summ-report .audit-head-lists tr th {
	justify-content: center;
}

.auditor-summ-report .audit-head-lists tr th:nth-child(2) {
	justify-content: flex-start;
}

.auditor-summ-report .audit-data tr {
	grid-template-columns: 23% 22% 10% 11% 15% 19%;
}

.auditor-summ-report .audit-data tr td {
	text-align: center;
}

.auditor-summ-report .audit-data tr td:nth-child(2) {
	text-align: left;
}

/* role & permission */
.create-btns-add {
	padding: 10px 8px;
}

.role-search .audit-boxs {
	width: 100%;
}

.role-search .audit-boxs ul {
	grid-template-columns: 25.10% 15% 10% 46%;
}

.role-down-penal {
	width: max-content;
}

.role-lists-boxs .audit-head-lists tr {
	grid-template-columns: 21% 35% 17% 17% 10%;
}

.role-lists-boxs .audit-head-lists tr th:nth-child(6) {
	justify-content: center;
}

.role-lists-boxs .audit-data tr {
	grid-template-columns: 21% 35% 17% 17% 10%;
}

.role-lists-boxs .audit-data tr td {
	font-size: 14px;
}

.role-lists-boxs .audit-data tr .assign-text-users {
	gap: 12px;
}

.role-lists-boxs .audit-data tr .assign-text-users .assigned-users {
	width: 16px;
	height: 16px;
}

.role-lists-boxs .audit-data tr .assign-text-users .assigned-users img {
	width: 100%;
	height: 100%;
}

/* role details */
.role-details {
	margin: 4px 0px 24px 0px;
}

.role-details .super-admin-box {
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: flex-start;
	background: #FFFFFF;
	box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.12);
	border-radius: 14px;
	padding: 24px;
	justify-content: space-between;
}

.admin-left {
	gap: 12px;
}

.admin-left .admin-circle {
	width: 60px;
	height: 60px;
	background: #E8F0FF;
	border-radius: 100px;
	justify-content: center;
	padding: 20px 16.5px;
}

.admin-left .admin-circle .circle-text-role {
	color: #08519B;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
}

.admin-headings label {
	color: #232323;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

.admin-headings p {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-top: 6px;
}

.admin-right {
	gap: 12px;
	justify-content: flex-end;
}

.admin-right .action-btn {
	position: relative;
	cursor: pointer;
}

.admin-right .action-btn .action-admin {
	width: 100%;
	height: 40px;
	justify-content: center;
	gap: 6px;
	background: #FFFFFF;
	border: 1px solid #D4D6E3;
	box-shadow: 0px 2px 2.9px rgba(170, 156, 225, 0.22);
	border-radius: 6px;
	padding: 8px 16px;
	color: #2E2E2E;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	cursor: pointer;
}

.action-admin .icon-admin {
	width: 24px;
	height: 24px;
}

.action-admin .icon-admin img {
	width: 100%;
	height: 100%;
}

.tabs-admins .segmented-nav {
	flex-direction: row;
	justify-content: space-between;
	padding: 4px 32px;
	width: 100%;
	height: 44px;
	background: #F2F2F2;
	border-radius: 100px;
	margin: 24px 0px;
}

.tabs-admins .segmented-nav .nav-item {
	width: fit-content;
	justify-content: center;
	height: 36px;
	padding: 8px 76px;
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.active-item {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 100px;
}

.overview-information-admin {
	width: 100%;
	display: grid;
	grid-template-columns: 53% 45%;
	gap: 24px;
}

.overview-admins-left {
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius:12px;
	padding: 24px;
}

.overview-boxs-admins {
	width: 100%;
}

.overview-boxs-admins h3 {
	color: #232323;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	padding-bottom: 24px;
}

.overview-content {
	justify-content: space-between;
	gap: 24px;
}

/* .overview-content{display:flex; gap:24px;} 
.overview-column{
	display:flex; flex-direction:column;
	align-items:flex-start; 
	width:100%;
}*/
.overview-column{gap:16px;}
.overview-column li.info-items{justify-content:flex-start; width:100%;}

.info-items {
	gap: 10px;
	align-items: flex-start;
}

.full-name {
	width: 24px;
	height: 24px;
}

.full-name img {
	width: 100%;
	height: 100%;
}

.overview-content li .info-text {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.overview-content li .info-text .label {
	color: #777777;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
}

.overview-content li .info-text .value {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
}

.permission-view h3 {
	padding-bottom: 16px;
}

.roles-views-mission {
	background: #FAF8F6;
	border-radius: 16px;
	padding: 24px;
	width: 100%;
	display: block;
}

.roles-views-mission ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.roles-views-mission ul li {
	gap: 10px;
}

.porate {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding: 2px 0px;
}

.cards-overviews-right ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.cards-overviews-right ul li {
	background: #FFFFFF;
	border: 1px solid rgba(179, 179, 179, 0.2);
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 14px;
	padding: 32.5px 16px;
	gap: 16px;
}

.cards-overviews-right ul li .circle-cards {
	width: 56px;
	height: 56px;
	background: rgba(8, 81, 155, 0.1);
	border-radius: 50%;
	justify-content: center;
}

.cards-overviews-right ul li .circle-cards .user-roles-card {
	width: 32px;
	height: 32px;
}

.cards-overviews-right ul li .circle-cards .user-roles-card img {
	width: 100%;
	height: 100%;
}

.cards-overviews-right ul li .cards-content-text {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.cards-overviews-right ul li .cards-content-text label {
	color: #232323;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}

.cards-overviews-right ul li .cards-content-text .last-updates {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
}

.cards-overviews-right ul li .cards-content-text p {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

/* assigned users */
.assigned-user-lists .assigned-lists .audit-head-lists tr {
	grid-template-columns: 8% 12% 16% 9% 14% 12% 10% 12% 7%;
}

.assigned-user-lists .assigned-lists .audit-data tr {
	grid-template-columns: 8% 12% 16% 9% 14% 12% 10% 12% 7%;
}

.assigned-user-lists .assigned-lists .audit-data tr td:nth-child(10) {
	justify-content: center;
}

.store-user {
	gap: 12px;
}

.store-user .store-down {
	position: relative;
	transition: all 0.3s;
}

.store-user .store-down .more-stores {
	background: #EC7E62;
	border-radius: 12px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 140%;
	font-weight: 500;
	padding: 3px 8px;
	width: max-content;
}

.down-pop-user {
	width: max-content;
	height: max-content;
	background: #FFFFFF;
	box-shadow: 0px 2px 31px rgba(81, 81, 81, 0.15);
	border-radius: 16px;
	padding: 16px 0px;
	z-index: 2;
	position: absolute;
	top: 26px;
	left: 0px;
	display: none;
}

.store-top-head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding: 0px 24px 12px 24px;
}

.store-shop {
	width: 48px;
	height: 48px;
	background: #FFE7CA;
	border: 8px solid #FFF8ED;
	border-radius: 28px;
	justify-content: center;
}

.store-shop img {
	width: 24px;
	height: 24px;
}

.store-top-head label {
	color: #232323;
	font-size: 16px;
	line-height: 28px;
	font-weight: 600;
	padding-top: 16px;
}

.store-top-head p {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.store-bottom {
	padding: 0px 24px;
}

.store-bottom label {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding: 12px 0px;
}

.store-bottom ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.store-bottom ul li {
	gap: 8px;
}

.mini-store-icon {
	width: 14px;
	height: 14px;
}

.mini-store-icon img {
	width: 100%;
	height: 100%;
}

.mini-store-text {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.store-top-head .cross-top-btn {
	display: none;
}

.act-black {
	color: #14725B;
}

.store-user .store-down:hover .down-pop-user {
	display: block;
}

/* permission matrix */
.matrix-listings .matrix-permission .audit-head-lists .matrix-first {
	grid-template-columns: 21% 10% 23% 23% 23%;
}

.matrix-listings .matrix-permission .audit-head-lists .matrix-second {
	grid-template-columns: 21% 10% 5% 5% 7% 6% 5% 5% 7% 6% 5% 5% 7% 6%;
}

.matrix-listings .matrix-permission .audit-head-lists .matrix-first .border-left-right {
	border-left: 1px solid #D6CBC3;
	border-right: 1px solid #D6CBC3;
}

.matrix-listings .matrix-permission .audit-head-lists .matrix-second .border-left-right {
	border-left: 1px solid #D6CBC3;
	border-right: 1px solid #D6CBC3;
}

.matrix-listings .matrix-permission .audit-head-lists .matrix-second .border-top-right {
	border-top: 1px solid #D6CBC3;
	border-right: 1px solid #D6CBC3;
}

.matrix-listings .matrix-permission .audit-head-lists .matrix-second th:nth-child(14) {
	border-right: none;
}

.matrix-listings .matrix-permission .audit-data tr {
	grid-template-columns: 21% 10% 5% 5% 7% 6% 5% 5% 7% 6% 5% 5% 7% 6%;
}

.matrix-listings .matrix-permission .audit-data tr td {
	justify-content: center;
}

.matrix-listings .matrix-permission .audit-data tr td .table-check {
	width: 20px;
	height: 20px;
}

.table-check input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid #D2D5DA;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	outline: none;
	background: #fff;
	padding: 2px;
	transition: all 0.2s ease;
}

.table-check input[type="checkbox"]:checked {
	background-color: #08519B;
	border-color: #08519B;
}

.table-check input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 1px;
	width: 16px;
	height: 16px;
	background-image: url(../../images/check_icon_sm.svg);
	background-repeat: no-repeat;
	background-size: 100%;
}

.matrix-listings .table-matrixs {
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

/* add role */
.add-store-boxs form{width:100%; flex-direction:column; gap:16px;}
.add-role-form{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 16px;
	padding: 24px;
}
.add-role-form.grid2{gap:36px;}
.add-role-form.grid2 .firstChild{border-right:1px solid #ececec; padding-right:36px;}

.add-role-form ul{flex-direction:column; align-items:flex-start; gap:8px;}
.add-role-form ul li{display:grid; grid-template-columns: 150px calc(100% - 150px);}

.add-role-form ul .radio-options li.add-role-group{grid-template-columns:110px calc(100% - 110px) !important;}
/*.add-role-form form ul li:nth-child(1){width:45%;}
.add-role-form form ul li:nth-child(2){width:90%;}
.add-role-form form ul li:nth-child(3){width:100%;}*/
.add-role-form ul li .lbl label {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	padding-top: 10px;
}

.add-role-form ul li .val .validation{padding-left:12px;}
/* Disable pointer events for last two li elements */
ul.bigGrid.noEdit li:nth-last-child(-n+2) {
  pointer-events: none;
  opacity: 0.6; /* optional: to look disabled */
}

/* Optional: show not-allowed cursor */
ul.bigGrid.noEdit li:nth-last-child(-n+2) *{cursor:not-allowed !important;}
.visor-input{
	width:100%; height:40px;
	background-color:#FFFFFF;
	border:1px solid #D1D1D1; border-radius:8px;
	padding:8px 12px;
	font-size:14px; line-height:20px; font-weight:400;
	color:#2E2E2E;
}
.area-add-role{overflow:hidden;}
.radio-options{/*gap:16px;*/ gap:24px;}
.radio-options div{gap:20px;}
.radio-options .radioBtn{
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	cursor: pointer;
	font-style: normal;
	/*padding-left: 28px;*/
	display:flex; align-items:center; gap:4px;
}
/*.radio-options .radioBtn input{width:16px; height:16px;} */
.radio-options .radioBtn input{width:15px; height:15px;}
/*.radio-options .radioBtn .checkmark{
	width:18px; height:18px;
	top:0px;
	background-color:transparent;
	border:1px solid #B6B8BB;
}
.radio-options .radioBtn input:checked~.checkmark{background-color:#08519B; border-color:#08519B;}
.radio-options .radioBtn .checkmark::after{
	width:10px; height:10px;
	background: #FFFFFF;
	top:3.5px; left:3.5px;
	border: none;
}*/
.add-role-form form ul li:nth-child(3) .lbl label{padding-top:0px;}
.bottom-add-role-btns{width:100%; justify-content:flex-end; gap:12px;}
.roles-btn{position:relative;}
.add-role-btns{
	width:fit-content; height:40px;
	border:1px solid #D5D7D9; border-radius:6px;
	padding:8px 14.60px;
	/*gap:6px;*/
	background:#5DA291;
	color:#FFFFFF;
	font-size:14px; line-height:21px;
	font-weight:500;
}
.cancel-role-btn {
	background: transparent;
	padding: 7.5px 36.30px;
	color: #232323;
	line-height: 25px;
	font-size: 15px;
}

.add-role-btn {
	border: none;
}

/* location management */
.stores-search .audit-boxs ul{grid-template-columns:20% 15% 15% 15% 13% 8% auto;}
.stores-listings .stores-lists-boxs .audit-head-lists tr{grid-template-columns:10% 19% 13% 13% 13% 13% 13% 6%;}
.stores-listings .stores-lists-boxs .audit-data tr{	grid-template-columns:10% 19% 13% 13% 13% 13% 13% 6%;}
.stores-listings .stores-lists-boxs .audit-data tr td:nth-child(9){justify-content:center;}

/* add store location */
.add-store-boxs {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.add-role-form h3{
	color: #232323;
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	padding-bottom: 32px;
	display: inline-block;
}
.add-role-form.grid2 .secondChild h3{padding-top:24px; padding-bottom:0; font-size:16px; color:#717171;}
.add-store-section .addStore ul li{
	/*grid-template-columns:120px calc(100% - 120px);*/
	grid-template-columns:150px calc(100% - 150px); width:100%;
}
.add-store-section .addStore ul li.additional-notes{grid-template-columns:150px calc(100% - 160px); /*gap:12px;*/}

.addStore form ul li .visor-input{color:#777777;}
.addStore form ul li .val .visor-input:placeholder{color:#929292;}
.addStore form ul .store-organiz{display:block;}
/*.add-contact form ul li:nth-child(1){width:100%;}*/
.addStore.add-contact ul li.twoColumn{grid-template-columns:100%; width:100%;}
.addStore.add-contact ul li.twoColumn .remember-wrap{margin-bottom:10px;	gap:16px;}
.add-contact .zation {
	display: grid;
	grid-template-columns: 74% auto;
	gap: 36px;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.add-contact .zation.grid2{grid-template-columns:repeat(2, 1fr); gap:2%;}
.add-contact .zation .add-role-group{
	width:100%;
	display:grid; /*grid-template-columns:125px calc(100% - 125px);*/
	grid-template-columns:150px calc(100% - 150px);
}

.add-contact .zation .add-role-group:last-child {
	grid-template-columns: 95px calc(100% - 95px);
}

/*.add-contact form ul li:nth-child(1) .val*/
/* comment on 6th nov for add store page */
.add-contact .zation .add-role-group val {
	width: 100% !important;
}

.add-locations ul li{grid-template-columns:120px calc(100% - 120px);}
.add-locations ul li .visor-input{color:#2e2e2e;}
.add-locations ul li .val .visor-input::placeholder{color:#929292;}
.add-locations ul .store-organiz{display:block;}
/*.add-locations form ul li:nth-child(1){width:100%;}
.add-locations form ul li:nth-child(2){width:100%;}*/
.add-locations ul .store-organiz .zation {
	display: grid;
	grid-template-columns: 509px 509px;
	gap: 45px;
	align-items: center;
	justify-content: flex-start;
}
.add-locations ul .store-organiz .zation li .val{width:383px;}
.icon-locat{
	background-image: url(../../images/chevron_down.svg);
	background-repeat: no-repeat;
	background-position: 99% 55%;
	cursor: pointer;
}

.add-locations ul .store-organiz:nth-child(2) .zation {
	grid-template-columns: 36% 30% 30%;
	gap: 22px;
}

.add-locations ul .select-organiz .zation li:nth-child(2) {
	grid-template-columns: 60px calc(100% - 60px);
}

.add-locations ul .select-organiz .zation li:nth-child(3) {
	grid-template-columns: 60px calc(100% - 60px);
}

.add-locations ul .store-organiz:nth-child(2) .zation li .val {
	width: 98%;
}

.add-locations ul li:nth-child(3) .lbl label {
	padding-top: 10px;
}

.add-locations ul li:nth-child(4) .lbl label {
	padding-top: 0px;
}

.add-locations ul li:nth-child(3) .val {
	width: 383px;
}

.add-locations ul li:nth-child(5) .lbl label {
	padding-top: 0px;
}

.add-locations ul li:nth-child(5) {
	grid-template-columns: 128px calc(100% - 128px);
	padding-top: 20px;
}

.open-shortly {
	gap: 8px;
	padding: 0px;
}

/*.add-contact form ul li:nth-child(1) .val{width:383px;}
.add-contact form ul li:nth-child(2) .val{width:90%;}*/
.add-contact ul .select-organiz .organization-boxs .zation {
	grid-template-columns: 426px 366px;
	gap: 40px;
}

/*.add-contact form ul .select-organiz .organization-boxs .zation li .val{width:300px;}
.add-contact form ul li:nth-child(4){width:100%;}
.add-contact form ul li:nth-child(4) .val{width:76%;}*/
.add-contact ul li:nth-child(4) .val .validation {
	width: 100%;
}
.add-contact ul li:nth-child(4) .lbl label {
	padding-top: 10px;
}

/* add store */
.oprations ul li{grid-template-columns:150px calc(100% - 150px); width:100%;}
.oprations ul li .indexStore{
	display:grid; grid-template-columns:38% 60%; gap:2%;
	align-items:center; justify-content:flex-start;
	width:100%;
}
.oprations ul li .indexStore .add-role-group {
	grid-template-columns: 150px calc(100% - 160px);
	/*gap: 12px;*/ gap:0; /* for add srore page */
}

/* location master management */
.location-btn {
	width: fit-content;
}

.master-listings .location-boxs .audit-head-lists tr {
	grid-template-columns: 15% 19% 15% 15% 15% 15% 6%;
}

.master-listings .location-boxs .audit-data tr {
	grid-template-columns: 15% 19% 15% 15% 15% 15% 6%;
}

.master-listings .location-boxs .audit-head-lists tr th:nth-child(8) {
	justify-content: center;
}

.master-listings .location-boxs .audit-data tr td:nth-child(8) {
	justify-content: center;
}

/* add master location >> org structure */
.location-select form ul li .val.twoChild{flex-direction:column; align-items:flex-start; gap:20px;}
.location-select form ul li:nth-child(3) .val{width:100%;}
.location-select form ul li .val .select-action-loact{
	width: 353px;
	position: relative;
	transition: all 0.3s ease;
	align-items: flex-start;
	gap: 16px;
	/* added for add location master page >> purvi >> 6th nov'25 */
}
.location-select form ul li .val .select-action-loact div.lbl{width:100px !important;}
.location-select form ul li .val .select-action-loact div.visor-input{width:calc(100% - 116px); padding:0;}
.location-select form ul li .val .select-action-loact div.visor-input select{width:100%; padding:8px 12px; border-radius:8px;}
.location-select form ul li .val .select-action-loact div.visor-input .validation{/*margin-top:9px;*/ padding-left:0;}
.location-select form ul li .val .select-action-loact .icon-locat{background-position:98% 53%;}
.location-select form ul li .val .select-action-loact .select-dropdown{
	width: 353px;
	height: max-content;
	background: #FFFFFF;
	box-shadow: 0px 1px 2.5px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 1;
}

.location-select form ul li .val .select-action-loact .select-dropdown>ul>li {
	display: block;
	border-bottom: 1px solid #CAC4D0;
	transition: all 0.3s ease;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li:last-child {
	border-bottom: none;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li a {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.5px;
	padding: 6px 12px;
	gap: 6px;
	width: 100%;
	transition: all 0.3s ease;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li a .mid-icon {
	width: 24px;
	height: 24px;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li a .mid-icon img {
	width: 100%;
	height: 100%;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select {
	display: none;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select li .downtown-under-select {
	display: none;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select li {
	display: block;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select>li>a {
	padding: 6px 12px 6px 42px;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select li .downtown-under-select li a {
	padding: 6px 12px 6px 86px;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select li .downtown-under-select li a:hover {
	background: #F8F3EC;
}

.location-select form ul li .val .select-action-loact .select-dropdown.reopen {
	display: block;
}

.location-select form ul li .val .select-action-loact .select-dropdown>ul>li.reactive>a>.mid-icon {
	transform: rotate(-90deg);
}

.location-select form ul li .val .select-action-loact .select-dropdown>ul>li.reactive .down-under-select {
	display: block;
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select li.reactive a .mid-icon {
	transform: rotate(-90deg);
}

.location-select form ul li .val .select-action-loact .select-dropdown ul li .down-under-select li.reactive .downtown-under-select.reopen {
	display: block;
}

/* audit logs */
.snap-btns img {
	filter: brightness(30);
}

.logs-search .audit-boxs ul {
	grid-template-columns: 24% 18% 18% 9% 26%;
}

.times-dates {
	gap: 5px;
}

.logs-listings .audit-logs-boxs .audit-head-lists tr {
	grid-template-columns: 14% 9% 11% 13% 14% 18% 13% 8%;
}

.logs-listings .audit-logs-boxs .audit-data tr {
	grid-template-columns: 14% 9% 11% 13% 14% 18% 13% 8%;
}

/* log destails */
.log-details-info-box {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	box-shadow: 0px 3px 26.4px -2px rgba(23, 23, 23, 0.12);
	border-radius: 8px;
	padding: 24px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	justify-content: flex-start;
}

.log-details-info-box ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.log-details-info-box ul li {
	width: 100%;
	display: grid;
	grid-template-columns: 95px calc(100% - 95px);
	gap: 6px;
}

.log-details-info-box ul li span {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.log-details-info-box ul li label {
	color: #2E2E2E;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.log-details-info-box .ip-add li {
	grid-template-columns: 97px calc(100% - 97px);
}

.done-actions {
	gap: 26px;
}

.done-actions .done-detail-tag {
	width: 61px;
	height: 28px;
	background: #FEF8EF;
	border-radius: 4px;
	padding: 4px 12px;
	color: #08519B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.code-log-details {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin: 24px 0px;
}

.code-left-detail .code-head {
	padding-bottom: 8px;
}

.code-head {
	padding-bottom: 4px;
}

.code-head label {
	color: #4F4F4F;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}

.code-head .dwonload-code-btn {
	width: fit-content;
	height: auto;
	position: relative;
}

.code-head .dwonload-code-btn .code-btn-downloads {
	width: fit-content;
	height: auto;
	gap: 4px;
}

.down-code-text {
	color: #606060;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.code-head .dwonload-code-btn .btnLoader {
	background-color: #5DA291A1;
}

.code-head .dwonload-code-btn .btnLoader .spinLoader {
	top: 4px;
}

.code-boxs {
	background: #FEF3F3;
	border: 1px solid #FFCDCD;
	border-radius: 5px;
	padding: 24.5px 20px;
}

.code-right-detail .code-boxs {
	background: #E8FCF4;
	border: 1px solid #BEDBAF;
}

.codes-detail {
	color: #CD3229;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	max-width: 274px;
}

.code-right-detail .code-boxs .codes-detail {
	color: #23715E;
}

/* print templete popups */
.minimalist-popups{
	width:560px; height:90vh;
	background:#FFFFFF;
	box-shadow: inset 1px 1px 30px rgba(194, 192, 191, 0.4);
	border-radius: 20px;
	padding:24px;
	margin:5vh auto 0 auto;
	position: relative;
	display:flex; flex-direction:column;
}
.minimlist-content{height:100%;}
/*
.minimlist-head h2 {
	color: #111010;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
}

.minimlist-head p {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}*/
.templte-cover{width:100%; display:flex; flex-direction:column; gap:16px; height:calc(100% - 114px);}
.templte-cover-left{
	width: 100%;
	height: max-content;
	background: #F2F2F2;
	border-radius: 16px;
	padding: 4px;
}

.templte-cover-left ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.templte-cover-left ul li {
	width: 100%;
	display: block;
}

.templte-cover-left ul li a {
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	gap:4px;
	padding:8px;
	width: 100%;
	transition: all 0.3s ease;
	justify-content: center;
}

.templte-cover-left ul li a .icon-width {
	filter: brightness(0);
}

.temp-active {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 10px;
}

.templte-cover-left ul li a:hover {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 10px;
}
.tempte-cover-right{
	width:100%;
	background:#F2F2F2;
	border-radius:16px;
	padding:8px;
	text-align:center;
	overflow:hidden; overflow-y:auto;
}
.cover-image{width:100%; display:block;}
.cover-image img{width:100%; height:auto; object-fit:contain; display:block;}
.cover-two{display:none;}
.cover-three{display:none;}
.btn-templte-prints{width:100%; justify-content:flex-end; padding-top:20px;  flex-shrink:0;}
.print-templte-select{position:relative;}
.print-templte-select .templte-select{
	/*width:190px;*/ width: max-content; height:40px;
	background:#5DA291;
	border-radius:6px;
	color:#FFFFFF;
	font-size:16px; line-height:24px;
	font-weight:500;
	padding:0 16px; 
}

/* common popups */
.common-boxs {
	width: 432px;
	height: max-content;
	background: #FFFFFF;
	box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.1), 0px 8px 8px -4px rgba(10, 13, 18, 0.04);
	border-radius: 16px;
	/*margin:272px auto 0px auto;*/
	margin: 5% auto 0px auto;
	padding: 32px;
	position: relative;
}

.common-icon-head {
	width: 48px;
	height: 48px;
	background: #FEF0C7;
	border: 8px solid #FFFAEB;
	border-radius: 28px;
	justify-content: center;
}

.common-icon-head img {
	width: 24px;
	height: 24px;
}

.common-boxs h3 {
	color: #111010;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	padding: 16px 0px 4px 0px;
}

.common-boxs p {
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	max-width: 352px;
}

.common-btn-popups {
	gap: 12px;
	justify-content: flex-end;
	padding-top: 40px;
}

.common-btn-popups .print-templte-select .cancel-common{
	width:150px; height:40px;
	background:#FFFFFF;
	box-shadow:0px 1px 2px rgba(10, 13, 18, 0.05);
	border:1px solid #D5D7DA;
	border-radius:6px;
	color:#2E2E2E;
	padding:0;
}
.common-btn-popups .print-templte-select .common-btn-popups .print-templte-select .btnLoader .spinLoader{top:13px;}
.common-btn-popups .print-templte-select .confirm-common{
	width:150px; height:40px;
	background:#08519B;
	border:1px solid #08519B;
	box-shadow:0px 1px 2px rgba(10, 13, 18, 0.05);
	border-radius:6px;
	padding:0;
}

/* delet-popup */
.del-icon-head {
	background: #FEE4E2;
	border: 8px solid #FEF3F2;
}

.common-btn-popups .print-templte-select .del-comm {
	background: #D92D20;
	border: 1px solid #D92D20;
}

/* confirm your identity */
.identity-boxs {
	width: 512px;
	margin: 217px auto 0px auto;
}

.check-tick {
	background: #D1FADF;
	border: 8px solid #ECFDF3;
}

.identity-boxs p{max-width:100%;}
.form-popup{padding-top:16px;}
.form-popup label{
	color: #2E2E2E;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 6px;
}

.confirm-box-form {
	gap: 12px;
	flex-wrap: wrap;
}

.confirm-box-form .pass-input {
	background: #FFFFFF;
	border: 1px solid #D5D7DA;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
	border-radius: 8px;
	width: 100%;
	height: 44px;
	color: #111010;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	padding: 10px 14px;
}

.confirm-box-form textarea.pass-input {
	height: 80px;
}

/* for input with icon css*/
.confirm-box-form.withIcon .pass-input {
	width: calc(100% - 55px);
}

/* tag list */
.tagBox{gap:8px;}
.tagBox span{
	padding: 8.5px 10px;
	width: max-content;
	border-radius: 4px;
	gap: 6px;
}
.tagBox span.pink{background:#FCE8FF;}
.tagBox span.blue{background:#E8EDFF;}
.tagBox span.orange{background:#FFEAEB;}

.copy-btn {
	width: 40px;
	height: 40px;
	justify-content: center;
}

.copy-btn img {
	width: 24px;
	height: 24px;
}

.identity-boxs .common-btn-popups .print-templte-select .cancel-common {
	width: 226px;
}

.identity-boxs .common-btn-popups .print-templte-select .confirm-common {
	width: 226px;
}

.preset-popup .btn-sign-submit.right {
	justify-content: flex-end;
}

/* assign user */
.assign-role-popup {
	margin: 217px auto 0px auto;
}

.user-assign-boxs {
	width: 100%;
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #D5D7DA;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
	border-radius: 8px;
	gap: 8px;
	padding: 10px 14px;
	display: grid;
	grid-template-columns: 20px calc(100% - 20px);
}

.user-icon-assign {
	width: 20px;
	height: 20px;
}

.user-icon-assign img {
	width: 100%;
	height: 100%;
}

.assign-user {
	color: #111010;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}

.sel-use {
	background-image: url(../../images/chevron_search_box.svg);
	background-repeat: no-repeat;
	background-position: 99% 55%;
	cursor: pointer;
}

/* invite users */
.invite-users {
	margin: 173px auto 0px auto;
}

.users-plus {
	background: #FFFFFF;
	border: 1px solid #E9EAEB;
	box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
	border-radius: 10px;
}

.address-texts {
	gap: 12px;
	flex-direction: column;
	align-items: flex-start;
}

.address-texts .pass-input {
	padding: 10px 14px 10px 42px;
}

.address-texts input[type="email"] {
	background: url('../../images/mail_pop.svg');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 14px 11px;
}

.another-plus {
	color: #6941C6;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	gap: 8px;
}

/* add label prrojects */
.projects-labels {
	margin: 222px auto 0px auto;
}

.search-label-inputs {
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
}

.search-label-inputs .pass-input {
	padding: 10px 14px 10px 42px;
}

.search-label-inputs input[type="search"] {
	background: url('../../images/search_iconbar.svg');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 14px 11px;
}

.label-tags {
	gap: 8px;
}

.tags-progress {
	background: #F0F9FF;
	border-radius: 16px;
	padding: 2px 8px 2px 10px;
	gap: 4px;
	width: fit-content;
	cursor: pointer;
}

.tags-progress small {
	color: #026AA2;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.tags-progress img {
	width: 12px;
	height: 12px;
}

.tags-progress:nth-child(2) small {
	color: #3538CD;
}

.tags-progress:nth-child(3) small {
	color: #C11574;
}

/* dashboard footer mobile app */
.footerMain {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: white;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    z-index: 105;
}

.footerMain a {
    text-decoration: none;
}

.communFooter {
    position: relative;
    height: 72px;
}
.communFooter div.active img {
    filter: brightness(1);
}
.col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 48px;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
}
.communFooter .addButtonWrapper {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -54px;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
   background: #5DA291;
	box-shadow:
		0px -4px 15.9px rgba(28, 68, 38, 0.2),
		inset 0px 1px 4px rgba(25, 58, 42, 0.16);
}

.add-button {
    position: relative;
}

.add-button::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -16px;
    width: 90px;
    height: 45px;
    background-image: url("../../images/subtract.png");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}


.col a label {
    color: #232323;
    font-weight: 500;
    font-family: 'Poppins';
    font-style: normal;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
}

.communFooter .active a label {
    color: #EC7E62;
}


.communFooter a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.communFooter a span {
	width: 24px;
	height: 24px;
	justify-content: center;}

.communFooter a span img{width:100%;height:100%;}



.col img {
   
    margin: 0 auto 4px;
    filter: grayscale(100%) brightness(0.5);
}

/* summary hold on design */
.hold-on{
	background:#FFFFFF;
	box-shadow:2px 2px 20px rgba(0, 0, 0, 0.2);
	/*border-radius:20px 20px 0px 0px;*/ border-radius:20px;
	/*padding:24px 24px 48px;*/ padding:24px;
	position:fixed; top:4%; left:calc((100% - 630px)/2);
	width:630px; height:auto;
}
.hold-box-summary .hold-on .preset-icon img{width:36px; height:36px;}
.error-images{
	width: 100px;
	height: 96px;
	margin: 0px auto;
	justify-content: center;
}

.error-images img {
	width: 100%;
	height: 100%;
}

.holds-content>p {
	color: #1E293B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding: 24px 0px;
	max-width: 327px;
}

.holds-content ul {
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.holds-content ul li {
	width: 100%;
	background: #F2F2F7;
	border-radius: 4px;
	padding: 8px;
}

.submission-lefts {
	gap: 6px;
}

.sm-symbol {
	width: 12px;
	height: 12px;
}

.sm-symbol img {
	width: 100%;
	height: 100%;
}

.submission-lefts label {
	color: #08519B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.submission-lefts label small {
	color: #08519B;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

.submission-head .sub-arrow-right {
	transform: rotate(-90deg);
}

.holds-content ul li p {
	color: #4F4F4F;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 18px;
}

/* ================
Arshiya css 
===================*/
/* User Management listing - AN */
.userlisting .audit-head-lists tr{
	display: grid;
	grid-template-columns: 12% 16% 13% 12% 10% 11% 6% 9% 11%;
	align-items: center;
}

.userlisting .audit-data tr {
	display: grid;
	grid-template-columns: 12% 16% 13% 12% 10% 11% 6% 9% 11%;
	align-items: center;
}

.userlisting .action-table-plan .audit-data tr td:nth-child(5) {
	text-align: left;
}

.userlisting .action-table-plan .audit-data tr td:nth-child(6) {
	text-align: left;
}

.userlisting .action-table-plan .audit-data tr td:nth-child(7) {
	text-align: center;
}

.userlisting .action-table-plan .audit-data tr td:nth-child(8){text-align:center;}
.adv-box{width:17%; text-align:right;}
.userlisting.audit-boxs ul{grid-template-columns:17% 20% 16% 17% 10% 8% 6%;}

/* User Details Page - AN */
/* success message popup */
.messageDiv{
	position:absolute; right:-500px; top:136px;
	width:max-content; max-width:360px; /*height:56px;*/ height:max-content;
	background:#FFFFFF;
	border:1px solid #B5D2B5; border-radius:16px;
	box-shadow:-8px 18px 33.4px -4px rgba(12, 12, 13, 0.1), 0px 4px 4px -4px rgba(12, 12, 13, 0.05);	
	padding:8px 16px;;
	z-index:102;
	justify-content:space-between; gap:6px;
	opacity:0;
	transition:all 0.5s ease;
}
.messageDiv.fail{border:1px solid #FFB3B3;}

.messageDiv .left{gap:8px;}
.messageDiv .icon img{
	width:36px; height:36px; border-radius:6px;
	background:#C4F4D0;
	padding:4px;
}
.messageDiv.fail .icon img{background:#FEE2E2;}
.messageDiv .title-text{font-size:16px; line-height:140%; color:#232323;}
.right-btn img{cursor:pointer;}
.messageDiv.show{right:20px; opacity:1;}
.messageDiv.hide{right:-500px; opacity:0;}
.right-btn{
	width:24px; height:24px;
	display:flex; align-items:center; justify-content:center;
}
.messageDiv .right-btn img{width:100%;}
.user-detail-page .text-plans-list{display:flex; align-items:center; gap:12px; font-size:15px;}
.user-detail-page .plans-infos{align-items:flex-start;}
/*
.user-detail-page .audit-plans {
  gap: 0px;
}

.user-detail-page .audit-plans {
  width: max-content;
}
 
.user-detail-page .plans-info-left {
  align-items: center;
} */
.user-detail-page .user-profile-pic {
	width: 60px;
	height: 60px;
	background: #E8F0FF;
	border-radius: 100px;
}

.user-detail-page .user-profile-pic span {
	color: #08519B;
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	text-align: center;
}

.user-detail-page .text-plans-list .user-profile-pic img {
	width: 60px;
	height: 60px;
}

.user-detail-page .card {
	border-radius: 12px;
}

.user-detail-page .action-buttons {
	display: flex;
	gap: 12px;
}

.user-detail-page .action-buttons .action-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;

	padding: 10px 12px 10px 6px;
	width: auto;
	/* flexible width */
	min-width: 89px;
	height: 40px;

	background: #ffffff;
	border: 1px solid #d4d6e3;
	box-shadow: 0px 2px 2.9px rgba(170, 156, 225, 0.22);
	border-radius: 6px;

	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #2e2e2e;

	cursor: pointer;
	transition: all 0.2s ease;
}

.user-detail-page .action-buttons .action-btn:hover {
	background: #f9f9f9;
	border-color: #b7b9c8;
}
.more-btn-li a{padding:0 8px; border:1px solid #08519B; border-radius:16px; font-size:12px;}
.store-wrapper{width:100%;}
.store-wrapper .store-list{display:flex; flex-direction:column; gap:8px; height:430px; overflow-y:auto; width:100%;}
.preset-popup .store-wrapper .store-list li{padding-bottom:7px; border-bottom:1px solid #e1e1e1;}
.mfa-tag{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px 12px 10px 6px;
	width:auto; height:32px;
	background:#edf7f0;
	border-radius:6px;
	cursor:pointer;
	transition: all 0.2s ease;
}
.mfa-tag.un-publish{background:#e4e4e4;}
.mfa-tag span{
	font-family:"Poppins", sans-serif; font-weight:500;
	font-size:14px;	
	width:max-content;
	color:#3a8c50;
}
.mfa-tag.un-publish span{color:#4a514c;}
.user-detail-page .user-detail-content {
	display: flex;
	gap: 24px;
	margin-top: 24px;
}

.user-detail-sidepanel {
	width: 30%;
}

.user-detail-tab-content{
	width: 70%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.user-detail-page .segmented-nav{
	flex-direction:row; justify-content:space-between; gap:10px; align-items:center;
	padding:4px;	
	width:100%; height:40px;
	background: #f2f2f2;
	border-radius: 100px;
}
.nav-item{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 6px 40px;
	height: 36px;
	border-radius: 100px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #2e2e2e;
	cursor: pointer;
}
.nav-item.active {
	background: #ffffff;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
		0px 1px 4px rgba(12, 12, 13, 0.05);
	font-weight: 500;
}
.profile-block {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

/* Card */
.user-detail-page .card {
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
		0px 1px 4px rgba(12, 12, 13, 0.05);
	border-radius: 16px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
}

/* Card Header */
.card-header h3 {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #232323;
	margin: 0;
}

.divider {
	border: none;
	border-top: 0.5px solid #dcdce7;
}

/* Info section */
.user-detail-page .info-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 0;
}

/* .info-item{
  display: flex;
    flex-direction: column;
    gap: 2px;
} */
.user-detail-page .info-item .label {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #777;
}

.user-detail-page .info-item .value {
	width: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #2e2e2e;
}

/* Stats section */
.stats-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.stat-item {
	display: flex;
	align-items: center;
	gap: 16px;
}

.icon-circle {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-circle img {
	width: 32px;
	height: 32px;
}

/* Circle color variants */
.icon-circle.orange{background:rgba(236, 126, 98, 0.1);}
.icon-circle.green{background:rgba(93, 162, 145, 0.1);}
.icon-circle.blue{background:rgba(8, 81, 155, 0.1);}
.icon-circle.yellow{background:rgba(255, 247, 207, 0.55);}

.stat-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.stat-number {
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #232323;
}

.stat-label {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #2e2e2e;
}

/* Overview  */

.user-detail-overview {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.tab-box {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
		0px 1px 4px rgba(12, 12, 13, 0.05);
	padding: 24px;
	width: 933px;
	/* match Figma */
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.overview-title {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #232323;
	margin: 0;
}

.info-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.quickInfo .info-item {
	flex-direction: column;
	gap: 4px;
}

/* for qucik info div */


.info-icon {
	width: 24px;
	height: 24px;
	opacity: 0.6;
}

.info-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.label {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #777;
}

.value {
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #2e2e2e;
}

/*Session History Table*/

.user-detail-page .session-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user-detail-page .logout-all-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #dfecff;
	border: none;
	padding: 8px 16px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #2e2e2e;
	cursor: pointer;
	box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.22);
}

.user-detail-page .logout-all-btn .icon {
	width: 20px;
	height: 20px;
}

.user-detail-page .sessions-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.user-detail-page .session-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f9fafd;
	border-radius: 11px;
	padding: 12px 20px;
	gap: 16px;
}

.user-detail-page .session-icon {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.user-detail-page .session-icon.green {
	background: #ecf6ea;
}

.user-detail-page .session-icon.orange {
	background: #f6f0ea;
}

.user-detail-page .session-icon img {
	width: 24px;
	height: 24px;
}

.user-detail-page .session-info {
	flex: 1;
	display: flex;
	/* flex-direction: column; */
	justify-content: space-between;
	gap: 4px;
}

.user-detail-page .session-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.user-detail-page .session-info span {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 21px;
}

.flex12row{display:flex; gap:12px;}
.user-detail-page .session-meta .device{
	font-weight: 500;
	font-size: 14px;
	color: #232323;
}
.user-detail-page .session-info .last-used{font-weight:400; color:#777;}
.user-detail-page .last-used.mobile{display:none;}
.user-detail-page .session-meta .location{color:#2e2e2e;}
.user-detail-page .session-actions {
	flex-shrink: 0;
}

.user-detail-page .revoke-btn {
	padding: 6px 12px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
	color: #2e2e2e;
	cursor: pointer;
}

.user-detail-page .pending-btn {
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	background: #ec7e62;
	color: #fff;
	cursor: pointer;
}

.user-detail-page .approved-btn {
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	background: #5da291;
	color: #fff;
	cursor: pointer;
}

.user-detail-page .space {
	gap: 16px;
}

.user-detail-page .desktop-only {
	display: block;
}

.user-detail-page .mobile-only {
	display: none;
}

.user-detail-page .info-item span:first-child {
	width: max-content;
}

/* ✅ Responsive */
@media (max-width:1440px){
	.viewMoreIcon ul .scrollBox{max-height:350px;}	
}
@media (max-width: 1280px) {
	.viewMoreIcon ul .scrollBox{max-height:250px;}	
}
@media (max-width: 1024px){
	.user-detail-page .action-plan-info-box .plans-infos{display:block;}
	.user-detail-page .plans-infos-tab{display:none;}
	.user-detail-page .action-buttons{padding-top:6px; padding-left:66px;}
	.user-detail-page .text-plans-list span{font-size:14px;}
	.user-detail-page .user-detail-content{flex-direction:column-reverse;}
	.user-detail-page .user-detail-tab-content{width:100%;}
	.user-detail-page .profile-block{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.user-detail-page .profile-block {
		flex-direction: row;
		width: 100%;
	}

	.user-detail-page .info-item .value {
		width: 100%;
		font-size: 14px;
	}

	.user-detail-page .info-item span:first-child {
		width: max-content;
	}

	.user-detail-overview .value {
		font-size: 14px;
		width: max-content;
	}

	.user-detail-overview .value span {
		font-size: 14px;
		font-weight: 500;
		width: max-content;
	}

	.user-detail-page .last-used.desktop {
		display: block;
	}

	.user-detail-page .last-used.mobile {
		display: none;
	}
}


@media (max-width: 768px) {
	.user-detail-page .session-meta {
		flex-direction: column;
		gap: 2px;
	}

	/* .user-detail-page .session-item {
    flex-direction: column;
    align-items: flex-start;
  } */

	/* .user-detail-page .session-actions {
    align-self: flex-end;
  } */

	.user-detail-page .text-plans-list span {
		font-size: 14px;
	}

	.user-detail-page .dot-gram-down {
		height: 238px;
	}

	.user-detail-page .info-item span:first-child {
		width: max-content;
	}

	.user-detail-overview .value {
		font-size: 14px;
		width: max-content;
	}

	.user-detail-overview .value span {
		font-size: 14px;
		font-weight: 500;
		width: max-content;
	}

	.user-detail-page .last-used.desktop {
		display: block;
	}

	.user-detail-page .last-used.mobile {
		display: none;
	}

	.user-detail-page .last-used.desktop {
		display: block;
	}

	.user-detail-page .last-used.mobile {
		display: none;
	}

	.user-detail-page {
		margin-top: 16px
	}

	.user-detail-page .content-dashboard {
		padding: 16px;
	}
}

.activity-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.activity-item {
	display: flex;
	align-items: center;
	gap: 16px;
	background: #f9fafd;
	border-radius: 11px;
	padding: 12px 20px;
	width: calc(50% - 12px);
	/* two per row on desktop */
	box-sizing: border-box;
}

.activity-icon {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.activity-icon img {
	width: 24px;
	height: 24px;
}

.activity-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.activity-header {
	display: flex;
	gap: 12px;
	align-items: baseline;
}

.activity-title {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #232323;
}

.activity-time {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #777;
}

.activity-desc {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #2e2e2e;
	margin: 0;
}

/* Add User Page */
.add-user .audit-info-right-form {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	box-shadow: 0px 4px 8px -2px rgba(23, 23, 23, 0.1), 0px 2px 4px -2px rgba(23, 23, 23, 0.06);
	padding: 24px;
	margin-bottom: 20px;
}
.add-user .form-right-info li{align-items:flex-start;}
.add-user .form-right-info div.value{width:calc(100% - 156px);}
.add-user .form-partition {
	display: flex;
	flex-direction: row;
	gap: 40px;
	margin-top: 20px;
}

.add-user .upload-container {
	margin-top: 0px;
}

.add-user .detail-info-form {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.add-user .checkbox-form {
	display: flex;
	align-items: center;
	gap: 12px;
}

.add-user .btn-sign-submit {
	justify-content: flex-end;
}

.add-user .upload-container {
	width: 100%;
}
.multiSuggestion{
	display:inline-block; vertical-align:top;
	background:#f4f4f4;
	border-radius:4px;
	width:100%;
}
.builder-right-content .multiSuggestion{background:#fff;}
.multiSuggestion .selectedValue span a{padding:0 10px; cursor:pointer;}
.multiSuggestion .selectedValue span a:before {
	font-family: "FontAwesome";
	content: "\f00d";
}
.add-user .audit-info-right-form .passwrodShowDiv{position:relative;}
.add-user .audit-info-right-form .passwrodShowDiv .eye-show{position:absolute; top:8px; right:24px;}
#rules .rule{margin-top:0; padding:3px 0;}
#rules .rule span{color:#777; font-size:13px;}
#rules .rule.valid span{color:#038649;}
#strengthWrapper{width:100%; background:#ddd; height:8px; margin:10px 0; border-radius:5px;}
#strengthBar{height:8px; width:0; border-radius:5px; background:red; transition:width 0.3s;}



/* ✅ Responsive */
@media (max-width: 768px) {
	.add-user .form-right-info {
		display: block;
		width: 100%;
	}

	.add-user .form-right-info li {
		flex-direction: column;
	}

	.add-user .form-right-info div.value {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.add-user .form-right-info {
		display: block;
	}

	.add-user .form-right-info li {
		flex-direction: column;
	}

	.add-user .form-right-info div.value {
		width: 100%;
	}
}

/* =========== Adit Builder - Arshiya css =======*/
.audit-builder .access-tab{margin-left:0px;}
.checkbox-item-point{padding:0px;}
.audit-builder .note span{
	font-style:italic;
	font-size:13px;
	text-align:right;
	color:#4F4F4F;
}
.audit-builder .right-align{display:flex; justify-content:flex-end;	align-items:center; gap:4px;}
.space-between{display:flex; justify-content:space-between; align-items:center;}

/* Scoring table  */
.audit-builder .table-containerr{
	background:#fff;
	clip-path:border-box;
	margin:2px 0px 8px 0px;
    border-radius:10px;
}
.audit-builder thead{background-color:#f2f4f7;}
.audit-builder th{
	padding:12px 14px;
	font-weight:500; font-size:14px;
	color: #2e2e2e;
	border-bottom: 2px solid #e0e3e8;
}
.audit-builder td{
	padding:4px;
	font-size:14px;
	color:#2e2e2e;
	border-bottom:1px solid #eee;
}
.audit-builder td input{padding:8px; border:1px solid #ccc; width:100%;}
.audit-builder .form-builder-right-part .custom-grid-table .checkbox-item-point{display:flex; justify-content:center;}
.audit-builder .form-builder-right-part .custom-grid-table .radio-options .radioBtn .checkmark{left:40%; top:-5px;}

/* right side no question div */
.noQuestion{justify-content:center; flex-direction:column; min-height:calc(100vh - 210px);}
.noQuestion h3{font-family:'Poppins'; font-weight: 500; font-size:22px; line-height:145%; color: #2E2E2E;}
.noQuestion span.image{width:180px; height:180px;}
.noQuestion span.image img{width:100%;} 
.noQuestion span.titleText{font-family:'Poppins'; font-weight:500; font-size:16px; line-height:155%; color:#4F4F4F;}
.noQuestion p{width:394px; color:#4F4F4F; text-align:center; margin-top:16px;}

/* right sdie checkbox list */
.lab-main .label-text label{padding-bottom:0;}
.lab-main .label-text label{justify-content: center;} /* for add audit builder page */

/* Hover effect for rows */
tbody td:hover{background-color:#fafbfd;}
.color-box{
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

.dot{
	position:absolute;
	/* left:8.33%; right:8.33%; top:8.33%; bottom:8.33%; */
	inset:8.33%;
	border-radius:50%;
	overflow:hidden;
}

/* Hide the default input UI */
.color-picker {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* Dot colors exactly from your Figma */
.color-1{background:#217560;}
.color-2{background:#02D151;}
.color-3{background:#FFB804;}
.color-4{background:#FD842D;}
.color-5{background:#CD3229;}
.hidden{display:none;}
.audit-builder .ai-edit{
	font-size:15px; font-weight:500; font-style:italic; gap:10px; margin-top:8px;
	/* add for only click works on add score in template setting not on whole line */
	width: max-content; 
}
.placeholder{color:#929292; font-size:14px;}
.audit-builder .editor-toolbar{border-bottom:1px solid #D1D1D1;}

/* Seperator cum dropdown extender*/
.additional-settings{
	justify-content:center;
	padding-top:16px 0px;
	position:relative;
}
.additional-settings-orange{justify-content:center;}
.additional-settings-orange a{padding:0 12px;}
.additional-settings-orange:before{
	content: "";
	/* position: absolute; */
	top: 80%;
	left: 0%;
	width: 160px;
	height: 1px;
	background: linear-gradient(to right, #EDEDED,  #ec7e62);
}
.additional-settings-orange:after{
	content: "";
	/* position: absolute; */
	top:80%;
	right:0%;
	width:160px; height:1px;
	background: linear-gradient(to left, #EDEDED,  #ec7e62);
}
.additional-settings-green{justify-content:center;}
.additional-settings-green a{padding:0 12px;}
.additional-settings-green:before{
  content: "";
  position:relative;
  top: 80%;
  left: 0%;
  width: 160px;
  height: 1px;
  background: linear-gradient(to right, #EDEDED, #5da291);
}
.additional-settings-green::after {
  content: "";
  position: relative;
  top: 80%;
  right: 0%;
  width: 160px;
  height: 1px;
  background: linear-gradient(to left, #EDEDED, #5da291);
}
.add-set-section-btn-green{gap:6px;}
.add-set-section-btn-orange{gap:6px;}
.text-group-add{width:max-content;}
.add-plus-group{width:28px; height:28px; background:#5DA291; border-radius:8px; justify-content:center;}

/* Base tag style */
.tag{
	display:inline-flex; align-items:center; justify-content:center; gap:6px;
	padding: 6px 10px;
  border-radius: 4px;
  font-family:'Poppins', sans-serif; font-style:italic;
  font-size: 14px;
  line-height: 1.1;
  color: #232323;
  background: #f1f5f8; /* default background */
  width: auto; /* auto expands with text */
  height: 32px;
  box-sizing: border-box;
}

/* Background color variants */
.tag--pink { background: #FCE8FF; }
.tag--blue { background: #E8EDFF; }
.tag--red { background: #FFEAEB; }

/* Text */
.tag__text {
  white-space: nowrap;
}

/* Icons */
.tag__icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hide icon if not needed */
.tag__icon--left.hidden,
.tag__icon--right.hidden {
  display: none;
}

.tag__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.audit-builder .access-tab{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;

}
.tag-pill{
  display:flex;
  align-items: center;
  justify-content: center;
  /*gap: 10px;*/ gap:6px;
  padding: 1px 12px;
  background: #F1F5F8;
  border: 1px solid #8CB4FF;
  border-radius: 23px;
  font-family:'Poppins', sans-serif;
  font-weight:500;
  font-size:13px;
  line-height:150%;
  color: #08519B;
  height:30px;
  box-sizing: border-box;
}

.tag-text,
.tag-number {
  white-space: nowrap;
}

.ninety-ten-flex{
	display: grid;
	grid-template-columns: 92% 8%;
	gap: 12px;

}

/* =========
audit builder >> setting popup 
============ */
.setting-popup .tagBox{margin-top:4px;}
.setting-popup .tagBox span{padding:5px 10px}


/* harshil css >> 20th nov'25 */
.logo-section-title{display:flex; align-items:center; justify-content:center; gap:14px; margin:16px 0; width:820px;}
.logo-section-title h3{font-size:17px; font-weight:600; color:#1f4fa3; margin:0;}
.logo-section-title span{flex:1; height:1px; background:linear-gradient(to left, #EDEDED, #5da291);}
.logo-section-title span:first-child{background:linear-gradient(to right, #EDEDED, #5da291);}
.setting-popup .logo-row{align-items:flex-start; gap:35px; padding-left:20px;}
.setting-popup .logo-label{font-size:15px; font-weight:500; color:#333; margin-bottom:16px;}
.setting-popup .logo-box{display:flex; align-items:center; gap:20px;}
.setting-popup .logo-preview{width:130px; height:130px; border-radius:8px; background:#f5f6fa; border:1px solid #e3e4eb; display:flex; align-items: center; justify-content:center;}
.setting-popup .logo-preview img{width:85%; height:85%; object-fit: contain;}
.setting-popup .change-logo{font-size:14px; color:#1f4fa3; font-weight:500;}
.setting-popup input[type="file"]{opacity:0;}

.scrollBox.form-right-info li label{width:max-content;}

/* Print Template References */
.setting-popup .print-title-row{display:flex; align-items:center; gap:12px; margin:20px 0 25px;}
.setting-popup .print-title-icon img{width:44px;height:44px}
.setting-popup .print-title-row .print-title-text{font-size:15px; color:#EC7E62; font-weight:600;}

.audit-template-section{width:100%;}
.print-title{font-size:18px; font-weight:600; margin-bottom:18px; color:#333;}

/* Row Scroll */
.template-row{
    display:flex;
    gap: 22px;
    overflow-x: auto;
    padding-bottom:12px;
    list-style:none;
}
.template-row::-webkit-scrollbar{height:6px;}
.template-row::-webkit-scrollbar-thumb {
    background: #d5d5d5;
    border-radius: 10px;
}
.setting-popup .formScrolling .form-right-info li.template-card{width: 150px;}

/* CARD */
.template-card {
    width: 150px;
    height: 260px;
    background: #fff;
    border-radius: unset;
    border: 1px solid #e0e0e0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* IMAGE BOX */
.template-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.template-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Title */
.template-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

/* Circle */
.template-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #bfbfbf;
}

/* PREVIEW BOX (Grey Overlay) */
.preview-card .template-img .preview-box{
    position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
    background:rgba(180,180,180,0.85);
    padding:8px 16px;
    border-radius:6px;
    font-size:14px;
    color:#fff;
    font-weight:500;
	cursor: pointer;
}
.show-overlay .template-img{position:relative;}
/* SELECTED CARD (Green Check) */
.selected-card{border:2px solid #3CAB7D;}
.selected-card .selected-check {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    background: #3CAB7D;
    border-radius: 50%;
}

/* Arshiya | 12-12-25  |  Template Settings Page */
.template-setting-page .section-text-head li a .layer-right{height:24px; transform:rotate(0deg);}
.template-setting-page .add-role-form h3{color:#08519B; padding-bottom:0;}
.template-setting-page .head-deatil-right{padding:8px 18px; margin-bottom:32px;}
.template-setting-page .add-role-form ul{padding-left:24px;}
.template-setting-page .form-row{display:flex; width:100%;}
.template-setting-page .form-row .lbl{width:184px; flex-shrink:0;}
.template-setting-page .form-row .val{width:100%;}
.template-setting-page .form-row .val.widthTwenty{width:230px;}
.template-setting-page .form-row .val textarea.visor-input{height:64px;}
.template-setting-page .form-row .lbl-sm{width:max-content; margin-right:12px; font-weight:600;}
.template-setting-page .form-row .sm-field{width:80px;}
.template-setting-page .form-row .md-field{width:340px;}
.template-setting-page .form-row .lg-field{width:420px;}
.template-setting-page .form-row .extra-lg-field{width:100%; max-width:600px;}
.template-setting-page .two-fields{display:flex; gap:32px;}
.template-setting-page .form-popup{padding-top:0px; grid-template-columns:100% !important;}
.template-setting-page .form-row .radio-options{padding:10px 0;}
.template-setting-page .tagBox{margin-top:4px; flex-wrap:wrap;}
.template-setting-page .tagBox .tag{gap:0;}
.template-setting-page .tagBox span{padding:5px 8px;}
.template-setting-page .tagBox span.remove-tag{padding:0;}
.template-setting-page .tagBox span img{width:18px;}
.template-setting-page .lab-abled{padding:10px 0;}
.template-setting-page .add-role-form ul{gap:12px;}

/* 17th dec-25 >> purvi */
.template-setting-page ul.scrollBox{padding-left:0;}
.template-setting-page ul.scrollBox li.auditPrint{grid-template-columns:100%; margin-top:16px;}
.template-setting-page ul.scrollBox li.auditPrint ul{padding-left:0; flex-direction:row;}
.template-setting-page li.template-card{display:flex;}

/* Display & Print */
/* OUTER BOX */
.upload-drag-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 24px 32px;
    gap: 32px;
    border: 1px dashed rgba(8, 81, 155, 0.7);
    border-radius: 10px;
}

.logo-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    background: #F6F6F7;
    border-radius: 8px;
    box-shadow: 0px 2px 6px rgba(28, 45, 93, 0.25);
}
.logo-box .org-logo{object-fit:contain; width:100%;} 
.upload-divider {
    width: 1px;
    height: 110px;
    background: #E7E7E7;
}

.upload-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.upload-icon {
    width: 32px;
    height: 32px;
}

/* Upload text + OR + button */
.upload-text-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* “Drag and drop…” text */
.upload-text {
    font-size: 14px;
    line-height: 20px;
    color: #2E2E2E;
    text-align: center;
    width: max-content
}

/* OR Divider Row */
.upload-or {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 201px;
}

.upload-or .line {
    flex-grow: 1;
    height: 1px;
    background: #E7E7E7;
}

.upload-or .or-text {
    font-size: 12px;
    line-height: 18px;
    color: #777777;
}

.upload-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 12px;
    background: #FFFFFF;
    border: 1px solid #08519B;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #08519B;
}

.upload-rules{
    width: max-content;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #4F4F4F;
}
.sub-title{font-size:17px; font-weight:600; margin-bottom:16px;}

/* Template Grid */
.template-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Individual Card */
.template-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #E0E6ED;
    padding-bottom: 16px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.template-card img.template-cover {
    width: 100%;
    border-radius: 12px 12px 0 0;
}

.template-title {
    font-weight: 600;
    margin: 12px;
}

.template-desc {
    font-size: 13px;
    color: #6b7280;
    margin: 0 12px 8px;
}

/* Selected Card (Green Border) */
.template-card.selected {
    border: 2px solid #3CB878;
}

.selected-badge {
    width: 20px;
    height: 20px;
    background: #3CB878;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    right: 12px;
}

/* Recommended Badge */
.recommend-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #FF6B4A;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    z-index: 10;
}

/* Preview Overlay */
.has-preview .preview-overlay {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.9);
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

/* template preset popup >> purvi */
.presetPopup .preset-popup{overflow:hidden;}
.ribbon{
	position:absolute; top:13px; left:-45px;
	transform: rotate(-45deg);
	background: linear-gradient(95.55deg,#5DA291 2.53%,#0066CF 96.74%);
	color: #fff;
	font-size:14px; font-weight:500;
	padding:6px 48px;
}
.library-popup{width:1069px; height:500px;}
.library-grid{
	display:grid; grid-template-columns: repeat(3, 319px); gap:24px;
	height:400px;
	overflow-y:scroll;
}
/* CARD */
.preset-card{
	position:relative;
	box-sizing:border-box;
	/*height:193px;*/ height:180px;
	border-radius:12px;
	padding:20px;
	background:#fff;
	box-shadow:0px 4px 4px -4px rgba(12, 12, 13, 0.36);
}

/* Gradient stroke */
.preset-card::before{
	content:"";
	position:absolute; inset:0;
	border-radius:12px;
	padding:2px;
	background:linear-gradient(135deg, #91C7FF, #FF9FF9);
	-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite:xor;
	mask-composite:exclude;
	pointer-events:none;
}

/* CONTENT */
.card-content h4{
	font-family:'Poppins'; font-weight:500;
	font-size:15px; line-height:24px;
	color:#2E2E2E;
	margin:0 0 4px;
}
.card-content p{
	font-family:'Poppins';
	font-size:13px; line-height:135%;
	color:#777;
	margin:0 0 16px 0; height:36px;
}

/* FOOTER */
.card-footer{display:flex; align-items:flex-start; gap:12px; flex-direction:column;}
.card-footer .more-btn-li{gap:6px;}
.card-footer .more-btn-li .tag{height:28px; padding:0 6px; font-size:13px;}
.card-footer .option-pill .textEllipsis{width:232px;}

/* OPTION PILL */
.option-pill{
	height:32px;
	padding:0 12px;
	gap:6px;
	border:1px solid rgba(93,162,145,.65); border-radius:6px;
	font-size:14px;
	color:#232323;
}

/* DOTS */
.option-dots{display:flex; gap:2px;}
.option-dots span{width:6px; height:6px; border-radius:50%;}

.option-dots span.dot-green{position:relative; top:0px; right:0;}
.option-dots span.dot-red{background:#FE3A2F;}
.option-dots span.dot-gray{background:#A5A5A5;}
.option-dots span.dot-yellow{background:#EDB425;}
.option-dots span.dot-darkgreen{background:#217560;}

/* USE BUTTON */
.bottomPart{justify-content:space-between; width:100%;}
.use-btn{
	width:103px; height:34px;
	background:linear-gradient(278.62deg, rgba(8,81,155,.12), rgba(36,118,201,.12));
	border-radius:6px;
	justify-content:center;
	cursor:pointer;
}
.use-btn.active{
	background:linear-gradient(0deg, #08519B, #08519B), linear-gradient(278.62deg, #08519B 23.09%, #2476C9 102.94%);
	box-shadow:0px 1px 8.7px rgba(255, 255, 255, 0.16);
	border-radius:6px;
}
.use-btn span{font-size:15px; font-weight:500; color:#2E2E2E;}
.use-btn.active span{color:#ffffff;}

/* dropdown master >> purvi >> 18th dec'25 */
/* add dropdown popup */
.addDropDownPopup ul li.form-popup{padding-top:0; width:100%;}
.addDropDownPopup ul li.form-popup.twoPart{display:grid; grid-template-columns:70% Auto; gap:16px; align-items:center;}
.addDropDownPopup ul li.form-popup .select-action-loact.generated{gap:12px; width:100%;}
/*.addDropDownPopup ul li:nth-of-type(5) label{padding-bottom:18px;}*/
.addDropDownPopup ul li:nth-of-type(6) label{padding-bottom:0;}
.addDropDownPopup ul li:nth-of-type(7) label{padding-bottom:0;}
.addDropDownPopup ul li .btn-sign-submit{margin-top:0;}
.form-control.dynamic-org-dropdown{width:100%; box-sizing:border-box;}
.form-control.dynamic-org-dropdown option{width:100%;}

/* emplyee listing page */
.employeeListingPage .role-search .audit-boxs ul{grid-template-columns:24% 20% 18% 15% 9% auto;}

/* add employee page*/
.employeeDetailsWidth{grid-template-columns:200px calc(100% - 212px) !important;}
.employeeDetailsWidth input{width:45%;}

/* search multipul section option */
.sectionSearch .selection{width:100%;}
.sectionSearch .select2.select2-container{width:100% !important;}
.sectionSearch .select2-container--default.select2-container--focus .select2-selection--multiple{
	border:1px solid #D1D1D1 !important; border-radius:8px;
}
.sectionSearch .select2-container--default .select2-selection--multiple{border:1px solid #D1D1D1 !important; border-radius:8px;}
.sectionSearch .select2-search.select2-search--inline{/*display:none;*/width: 0px;}
.sectionSearch .select2-selection__choice{display:none;}

.select2-container .select2-selection--single{height:36px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px !important;}
.select2-selection__rendered{display:flex !important; align-items:center; padding:5px 8px!important;}
.select2-selection__choice{display:none;}
.select2-selection_customli{color:#8e8d8d; padding-left:16px;}
.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; gap:16px; row-gap:8px;}
.sectionSearch .js-example-tags-container ul li{
	display:block;
	white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
	background:#ffffff;
	width:max-content !important;
	border-radius:25px;
	padding:5px 30px 5px 8px;
	font-size:12px;
	position:relative;
}
.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:15px;
}
.sectionSearch .moreOptions{position:relative; right:0px;top:35px;}
.sectionSearch .pageSearch .clearBtn{right:-5px;}

/* print popup */
.print .preset-popup{width:930px; left: calc((100% - 930px)/2);}
.print .ribbon.print{background:#ec7e62;}
.print .frame-root{display:grid; grid-template-columns:1fr 1fr 100px;}
.print .panel{width:100%; display:flex; flex-direction:column; gap:12px;}
.print .panel-title{font-size:16px; font-weight:500; color:#232323;}
.print .radio-options{padding-left:16px; display:flex; flex-direction:column; gap:12px; align-items:flex-start;}
.print .checkbox-group{padding-left:44px; display:flex; flex-direction:column; gap:12px;}
.print .checkbox-item-point{gap:6px;}
.print .print-btn{
  width:99px; height:91px;
  border-radius:12px;
  border:2px solid #147960;
  background:linear-gradient(316deg, #2F937A, #5DA291);
  color:#fff;
  font-weight:500;
  cursor:pointer;
  box-shadow:8px 10px 16px -8px rgba(70,111,101,0.6);
}

/* add audit >> rotate */
.rotateModel .modelContent .previewRotateImg{height:calc(100vh - 150px );}


/* ==== Action plan tooltip - Arshiya ======= */

.corrective-action-label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.corrective-action .corrective-action-label .auditors-lab {
  padding-bottom: 0;
  width: 140px;
}

.tooltip-wrapper {
  width: calc(100% - 140px);
  position: relative;
  display: inline-block;
}

.icon-bulb {
  width: 40px;
  height: 40px;
  background: #F8F8F8;
  box-shadow:
    0px 1px 4px rgba(12, 12, 13, 0.1),
    0px 1px 4px rgba(12, 12, 13, 0.05);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s ease;
}

.icon-bulb img {
  width: 30px;
  height: 30px;
}

.icon-bulb:hover {
  transform: scale(1.05);
}

.tooltip-card {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%) translateX(-6px);
  opacity: 0;
  visibility: hidden;
  background: #F7FFF3;
  border-left: 3px solid #5DA291;
  box-shadow:
    0px 16px 32px -4px rgba(12, 12, 13, 0.1),
    0px 4px 4px -4px rgba(12, 12, 13, 0.05);
  border-radius: 8px;
  padding: 12px 16px;
  transition:
    opacity 0.25s ease,
    transform 0.3s cubic-bezier(.4, 0, .2, 1);
}
.icon-bulb:hover ~ .tooltip-card{
	opacity:1;
	visibility:visible;
	transform:translateY(-50%) translateX(0);
}
.tooltip-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tooltip-title {
  font-weight: 500;
  font-size: 15px;
  color: #489682;
}

.tooltip-text {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tooltip-text li {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  color: #111827;
}

.tooltip-text li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5DA291;
}
/* ---Tooltip ends----- */

/* Arshiya | 05-02-26 | Section comment */

.section-comment--figma {
    display: flex;
    /*flex-direction: row;*/ flex-direction:column;
    gap: 12px;
    align-items: flex-end;
    margin: 16px;
}
.section-comment--figma .comment-links-box{
border: 2px solid #5DA291;
}
.section-comment--figma .comment-save-btn {
    width: 83px;
    height: 34px;
    background: #5DA291;
    border-radius: 6px;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

/* add audit page */
.sd-body--static{padding:2 !important;}
.point-txt-list{width:88px; display:flex; justify-content:flex-start;}
.point-review{width:calc(100% - 100px);}

/* added by ansh  */
/* The outer wrapper - creates the single box */
.sd-rating{
	display:inline-flex;
	border:1px solid #d0d7e2; /* Outer border */
	border-radius:4px; /* Small rounding like your image */ 
	padding:0;
	overflow:hidden;
	background-color:#fff;
} 
/* Individual items (Yes, No, Partially) */
.sd-rating__item {
        box-shadow: none !important;
        outline: none !important;
        border: none !important;
        /* Removes individual box borders */
        background: transparent;
        /* Makes the item take the parent's background */
 
        /* Styling for the divider "|" */
        border-right: 1px solid #d0d7e2 !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
 
    /* 3. Remove divider from the last item */
    .sd-rating__item:last-child {
        border-right: none !important;
    }
 
    /* 4. The Selected state - applies the blue fill across the whole segment */
    .sd-rating__item--selected {
        background-color: #5b86e5 !important;
        color: #ffffff !important;
    }
 
    .sd-rating fieldset {
        gap: 0;
        padding: 0 0 0 0;
    }
 
    /* Ensure the content container allows vertical stacking for the error */
    .sd-question__content {
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
    }
 
    /* Style the error message when SurveyJS injects it */
    .sd-question__errmsg {
        display: block !important;
        color: #e74c3c !important;
        font-size: 12px !important;
        font-weight: 500;
        margin-top: 6px !important;
        order: 2;
        /* Ensures it stays below the input */
    }
 
    /* Visual cue for the input box on error */
    .sd-question--has-error .sd-input{
        border: 1.5px solid #e74c3c !important;
        background-color: #fff2f0 !important; /* Subtle red tint */
    }
	.sd-input{padding:7px 12px !important;}
 
    /* Hide the default 'Error' icon if SurveyJS adds one (keeps it clean) */
    .sd-question__errmsg::before {
        display: none !important;
    }