@media (min-width:320px) {
	.mar-style {
		width: 100%;
		height: 406px;
		float: left;
		overflow: hidden;

	}

	.about-ul {
		line-height: 30px;
		padding: 30px 20px;
		font-size: 16px;
	}

	.main-wrapper-front {
		width: 100%;
		/* margin: 0 auto; */
	}

	.font16 {
		font-size: 16px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.pt30 {
		padding-top: 30px;
	}

	.font20 {
		font-size: 20px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}

	.pt10 {
		padding-top: 10px !important;
	}

	.font30 {
		font-size: 26px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 12px;
	}

	.font17 {
		font-size: 18px;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}

	.font18 {
		font-size: 15px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sub-head {
		font-size: 24px;
		font-weight: 300;
		color: #464646;
		margin: 0px;
		padding: 0px;
	}

	.ptpb30 {
		padding: 40px 20px;
	}

	.pb70 {
		padding-bottom: 70px !important;
	}

	.font36 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		line-height: 36px;
	}

	.ptpb55 {
		padding: 55px 0px;
	}

	.plpr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mt27 {
		margin-top: 1px;
	}

	.mt15 {
		margin-top: 15px !important;
	}

	.font48 {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
		font-weight: 600;
	}

	.font24 {
		font-size: 18px;
		padding: 0px;
		margin: 0px;
		font-weight: 400;
	}

	.logo-set {
		height: 77px;
	}

	.mt55 {
		margin-top: 26px;
	}

	.mt30 {
		margin-top: 30px !important;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	/* .p-text{
	    font-size: 14px;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    font-weight: 400;
	} */

	/* Audit Point #2 — Mobile First / WCAG Text Readability */
	/* added by Rahul Patle 30/09/2026 */
	html {
		font-size: 100%;
	}

	body {
		line-height: 1.5;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: 1.3;
	}

	@media (max-width: 767px) {
		html {
			font-size: 16px;
		}

		.p-text {
			font-size: 1rem;
			line-height: 1.5;
		}
	}

	:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
		outline: 2px solid #005ea8;
		outline-offset: 2px;
	}

	.mb15 {
		margin-bottom: 15px;
	}

	footer ul {
		font-size: 15px;
		color: #c3c3c3;
		line-height: 30px;
		padding-left: 15px;
		list-style-type: disc;
	}

	footer ul li a {
		color: #ffffff;
	}

	footer ul li a:hover {
		color: #f7941d;
	}

	.footer-heading {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px;
		color: #fff;
		font-weight: 600;
	}

	.navbar {
		position: relative;
		min-height: 0px;
		margin-bottom: 0px;
		background: #9ff3b8;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 7px;
	}

	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 12.5px;
		border-left: 5px solid #eee;
	}

	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-size: 16px;
		font-weight: 400;
		text-transform: capitalize;
		padding-top: 10px;
		padding-bottom: 10px;
	}




}

@media (min-width:481px) {
	.mar-style {
		width: 100%;
		height: 406px;
		float: left;
	}

	.about-ul {
		line-height: 36px;
		padding: 30px 20px;
		font-size: 16px;
	}

	.main-wrapper-front {
		width: 63.6%;
		/* margin: 0 auto; */
	}

	.font16 {
		font-size: 16px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.pt30 {
		padding-top: 30px;
	}

	.font20 {
		font-size: 20px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}

	.pt10 {
		padding-top: 10px !important;
	}

	.font30 {
		font-size: 26px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.font17 {
		font-size: 18px;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}

	.font18 {
		font-size: 15px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sub-head {
		font-size: 36px;
		font-weight: 300;
		color: #464646;
		margin: 0px;
		padding: 0px;
	}

	.ptpb30 {
		padding: 40px 20px;
	}

	.pb70 {
		padding-bottom: 70px !important;
	}

	.font36 {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		line-height: 36px;
	}

	.ptpb55 {
		padding: 55px 0px;
	}

	.plpr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mt27 {
		margin-top: 27px;
	}

	.mt15 {
		margin-top: 15px !important;
	}

	.font48 {
		font-size: 48px;
		padding: 0px;
		margin: 0px;
		font-weight: 600;
	}

	.font24 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		font-weight: 400;
	}

	.logo-set {
		height: 60px;
	}

	.mt55 {
		margin-top: 55px;
	}

	.mt30 {
		margin-top: 30px;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.p-text {
		font-size: 14px;
		padding: 0px;
		margin: 0px;
		line-height: 24px;
		font-weight: 400;
	}

	.mb15 {
		margin-bottom: 15px;
	}

	footer ul {
		font-size: 15px;
		color: #c3c3c3;
		line-height: 30px;
		padding-left: 15px;
		list-style-type: disc;
	}

	footer ul li a {
		color: #ffffff;
	}

	footer ul li a:hover {
		color: #f7941d;
	}

	.footer-heading {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px;
		color: #fff;
		font-weight: 600;
	}

	.navbar {
		position: relative;
		min-height: 40px;
		margin-bottom: 20px;
		background: #9ff3b8;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 7px;
	}

	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 12.5px;
		border-left: 5px solid #eee;
	}

	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-size: 16px;
		font-weight: 400;
		text-transform: capitalize;
		padding-top: 10px;
		padding-bottom: 10px;
	}


}

@media (min-width:641px) {
	.mar-style {
		width: 100%;
		height: 406px;
		float: left;
	}

	.about-ul {
		line-height: 36px;
		padding: 30px 20px;
		font-size: 16px;
	}

	.main-wrapper-front {
		width: 90%;
		/* margin: 0 auto; */
	}

	.font16 {
		font-size: 16px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.pt30 {
		padding-top: 30px;
	}

	.font20 {
		font-size: 17px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}

	.pt10 {
		padding-top: 10px !important;
	}

	.font30 {
		font-size: 23px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 14px;
	}



	.font17 {
		font-size: 18px;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}

	.font18 {
		font-size: 15px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sub-head {
		font-size: 36px;
		font-weight: 300;
		color: #464646;
		margin: 0px;
		padding: 0px;
	}

	.ptpb30 {
		padding: 40px 20px;
	}

	.pb70 {
		padding-bottom: 70px !important;
	}

	.font36 {
		font-size: 26px;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		line-height: 36px;
	}

	.ptpb55 {
		padding: 55px 0px;
	}

	.plpr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mt27 {
		margin-top: 27px;
	}

	.mt15 {
		margin-top: 15px !important;
	}

	.font48 {
		font-size: 48px;
		padding: 0px;
		margin: 0px;
		font-weight: 600;
	}

	.font24 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		font-weight: 400;
	}

	.logo-set {
		height: 57px;
	}

	.mt55 {
		margin-top: 17px;
	}

	.mt30 {
		margin-top: 30px;
	}

	.mt10 {
		margin-top: 10px;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.p-text {
		font-size: 14px;
		padding: 0px;
		margin: 0px;
		line-height: 24px;
		font-weight: 400;
	}

	.mb15 {
		margin-bottom: 15px;
	}

	footer ul {
		font-size: 15px;
		color: #c3c3c3;
		line-height: 30px;
		padding-left: 15px;
		list-style-type: disc;
	}

	footer ul li a {
		color: #ffffff;
	}

	footer ul li a:hover {
		color: #f7941d;
	}

	.footer-heading {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px;
		color: #fff;
		font-weight: 600;
	}

	.navbar {
		position: relative;
		min-height: 40px;
		margin-bottom: 0px;
		background: #9ff3b8;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 7px;
	}

	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 13.5px;
		border-left: 5px solid #eee;
		font-style: italic;
	}

	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-size: 13px;
		font-weight: 400;
		text-transform: capitalize;
		padding-top: 10px;
		padding-bottom: 10px;
	}


}

@media (min-width:961px) {
	.mar-style {
		width: 100%;
		height: 406px;
		float: left;
	}

	.about-ul {
		line-height: 36px;
		padding: 30px 20px;
		font-size: 16px;
	}

	.main-wrapper-front {
		width: 63.6%;
		/* margin: 0 auto; */
	}

	.font16 {
		font-size: 16px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.pt30 {
		padding-top: 30px;
	}

	.font20 {
		font-size: 20px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}

	.pt10 {
		padding-top: 10px !important;
	}

	.font30 {
		font-size: 26px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.font17 {
		font-size: 18px;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}

	.font18 {
		font-size: 15px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sub-head {
		font-size: 36px;
		font-weight: 300;
		color: #464646;
		margin: 0px;
		padding: 0px;
	}

	.ptpb30 {
		padding: 40px 20px;
	}

	.pb70 {
		padding-bottom: 70px !important;
	}

	.font36 {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		line-height: 36px;
	}

	.ptpb55 {
		padding: 55px 0px;
	}

	.plpr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mt27 {
		margin-top: 27px;
	}

	.mt15 {
		margin-top: 15px !important;
	}

	.font48 {
		font-size: 48px;
		padding: 0px;
		margin: 0px;
		font-weight: 600;
	}

	.font24 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		font-weight: 400;
	}

	.logo-set {
		height: 87px;
	}

	.mt55 {
		margin-top: 55px;
	}

	.mt30 {
		margin-top: 30px;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.p-text {
		font-size: 14px;
		padding: 0px;
		margin: 0px;
		line-height: 24px;
		font-weight: 400;
	}

	.mb15 {
		margin-bottom: 15px;
	}

	footer ul {
		font-size: 15px;
		color: #c3c3c3;
		line-height: 30px;
		padding-left: 15px;
		list-style-type: disc;
	}

	footer ul li a {
		color: #ffffff;
	}

	footer ul li a:hover {
		color: #f7941d;
	}

	.footer-heading {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px;
		color: #fff;
		font-weight: 600;
	}

	.navbar {
		position: relative;
		min-height: 40px;
		margin-bottom: 0px;
		background: #9ff3b8;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 7px;
	}

	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 13.5px;
		border-left: 5px solid #eee;
		font-style: italic;
	}

	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-size: 16px;
		font-weight: 400;
		text-transform: capitalize;
		padding-top: 10px;
		padding-bottom: 10px;
	}


}

@media (min-width:1025px) {
	.mar-style {
		width: 100%;
		height: 406px;
		float: left;
	}

	.about-ul {
		line-height: 36px;
		padding: 30px 20px;
		font-size: 16px;
	}

	.main-wrapper-front {
		width: 63.6%;
		/* margin: 0 auto; */
	}

	.font16 {
		font-size: 16px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.pt30 {
		padding-top: 30px;
	}

	.font20 {
		font-size: 20px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}

	.pt10 {
		padding-top: 10px !important;
	}

	.font30 {
		font-size: 26px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.font17 {
		font-size: 18px;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}

	.font18 {
		font-size: 15px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sub-head {
		font-size: 36px;
		font-weight: 300;
		color: #464646;
		margin: 0px;
		padding: 0px;
	}

	.ptpb30 {
		padding: 40px 20px;
	}

	.pb70 {
		padding-bottom: 70px !important;
	}

	.font36 {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
		font-weight: 500;
		line-height: 36px;
	}

	.ptpb55 {
		padding: 55px 0px;
	}

	.plpr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mt27 {
		margin-top: 27px;
	}

	.mt15 {
		margin-top: 15px !important;
	}

	.font48 {
		font-size: 48px;
		padding: 0px;
		margin: 0px;
		font-weight: 600;
	}

	.font24 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		font-weight: 400;
	}

	.logo-set {
		height: 87px;
	}

	.mt55 {
		margin-top: 55px;
	}

	.mt30 {
		margin-top: 30px;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.p-text {
		font-size: 14px;
		padding: 0px;
		margin: 0px;
		line-height: 24px;
		font-weight: 400;
	}

	.mb15 {
		margin-bottom: 15px;
	}


	footer ul {
		font-size: 15px;
		color: #c3c3c3;
		line-height: 30px;
		padding-left: 15px;
		list-style-type: disc;
	}

	footer ul li a {
		color: #ffffff;
	}

	footer ul li a:hover {
		color: #f7941d;
	}

	.footer-heading {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px;
		color: #fff;
		font-weight: 600;
	}


	.navbar {
		position: relative;
		min-height: 40px;
		margin-bottom: 20px;
		background: #9ff3b8;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 7px;
	}

	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 17.5px;
		border-left: 5px solid #eee;
	}

	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-size: 16px;
		font-weight: 400;
		text-transform: capitalize;
		padding-top: 10px;
		padding-bottom: 10px;
	}



}

@media (min-width:1281px) {

	.mar-style {
		width: 100%;
		height: 406px;
		float: left;
	}

	.about-ul {
		line-height: 36px;
		padding: 30px 20px;
		font-size: 16px;
	}

	.main-wrapper-front {
		width: 63.6%;
		/* margin: 0 auto; */
	}




	.font16 {
		font-size: 16px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 0px;
	}

	.pt30 {
		padding-top: 30px;
	}

	.font20 {
		font-size: 20px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
	}

	.pt10 {
		padding-top: 10px !important;
	}

	.font30 {
		font-size: 26px;
		font-weight: 600;
		margin: 0px;
		padding: 0px 0px 10px;
	}

	.font17 {
		font-size: 18px;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}

	.font18 {
		font-size: 15px;
		font-weight: 600;
		margin: 0px;
		padding: 12px 10px 0px;
	}

	.sub-head {
		font-size: 36px;
		font-weight: 300;
		color: #464646;
		margin: 0px;
		padding: 0px;
	}

	.ptpb30 {
		padding: 40px 20px;
	}

	.pb70 {
		padding-bottom: 70px !important;
	}

	.main .font36 {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
		font-weight: 300;
		line-height: 36px;
	}

	.main .font36:hover {
		font-size: 36px;
		padding: 0px;
		margin: 0px;
		font-weight: 300;
		line-height: 36px;
		color: red;
	}

	.ptpb55 {
		padding: 30px 0px;
	}

	.plpr5 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mt27 {
		margin-top: 27px;
	}

	.mt15 {
		margin-top: 15px !important;
	}

	.font48 {
		font-size: 48px;
		padding: 0px;
		margin: 0px;
		font-weight: 600;
	}

	.font24 {
		font-size: 24px;
		padding: 0px;
		margin: 0px;
		font-weight: 400;
	}

	.logo-set {
		height: 87px;
	}

	.mt55 {
		margin-top: 55px;
	}

	.mt30 {
		margin-top: 30px !important;
	}

	.mb30 {
		margin-bottom: 30px;
	}

	.p-text {
		font-size: 16px;
		padding: 5px 0px 5px;
		margin: 0px;
		line-height: 24px;
		font-weight: 300;
	}


	.mb15 {
		margin-bottom: 15px !important;
	}

	footer ul {
		font-size: 15px;
		color: #c3c3c3;
		line-height: 30px;
		padding-left: 15px;
		font-weight: 300;
		list-style-type: disc;
	}

	footer ul li a {
		color: #ffffff;
	}

	footer ul li a:hover {
		color: #f7941d;
	}

	.footer-heading {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
		padding: 20px 0px;
		margin: 0px;
		color: #fff;
		font-weight: 600;
	}

	.navbar {
		position: relative;
		min-height: 40px;
		margin-bottom: 0px;
		background: #5e5f28;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 20px 7px;
	}

	blockquote {
		padding: 10px 0px;
		margin: 0 0 20px;
		font-size: 16px;
		border-left: 5px solid #eee;
		font-style: normal;
	}

	.navbar-inverse .navbar-nav>li>a {
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		text-transform: capitalize;
		padding-top: 10px;
		padding-bottom: 10px;
	}



}

.search_icon {
	display: inline-flex;
	padding: 7px 0;
	color: white;
	width: 180px;
}

.font_minus a {
	display: block;
	padding: 6px 3px;
}

.font_minus {
	width: 40px;
	/* Added by Rahul Patle on 30/09/2026,  */
	/* Point 9 Audit360  :- Navigation and Information Architecture */
	min-width: 44px;
}

.top_head_menu a {
	display: block;
	padding: 6px 3px;
}


.fc-button {
	width: 25px;
	margin: 3px 5px !important;
}

/* added by Rahul Patle 30/09/2026 */
/* Block 1 — Shared Mobile Spacing and Stacking */
/* Point 3 — Mobile usability: GIGW 3.0, UX4G, DBIM */
@media (max-width: 767px) {

	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	html {
		font-size: 16px;
	}

	body {
		font-size: 16px;
		line-height: 1.5;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		line-height: 1.3;
		margin-bottom: var(--ux4g-space-4, 8px);
	}

	p,
	.p-text {
		font-size: 1rem;
		line-height: 1.5;
		margin-bottom: var(--ux4g-space-5, 12px);
	}

	section {
		padding: var(--ux4g-space-6, 16px) var(--ux4g-space-4, 8px);
	}

	.panel {
		margin-bottom: var(--ux4g-space-6, 16px);
	}

	ul,
	ol {
		padding-left: var(--ux4g-space-8, 24px);
	}

	li {
		margin-bottom: var(--ux4g-space-4, 8px);
	}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	.container,
	.container-fluid {
		padding-right: var(--ux4g-space-5, 12px);
		padding-left: var(--ux4g-space-5, 12px);
	}

	/* Preserve intentional .col-xs-* layouts such as two-column footer groups. */
	[class*="col-"]:not([class*="col-xs-"]):not([class*="offset"]):not([class*="push"]):not([class*="pull"]) {
		width: 100%;
		max-width: 100%;
	}

	table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		white-space: nowrap;
	}

	/* Added by Rahul Patle on 30/09/2026 for mobile calender View  */
	/* Calendar fix — restore native table layout only inside FullCalendar.
   GIGW 3.0 + UX4G + DBIM + WCAG 2.1 AA */
	@media (max-width: 767px) {
		.fc table {
			display: table !important;
			width: 100% !important;
			max-width: none !important;
			overflow-x: visible !important;
			white-space: normal !important;
		}
	}

	img,
	video,
	iframe {
		display: block;
		max-width: 100%;
		height: auto;
	}
}



/* ============================================================
   Rahul Patle 01/10/2026 
   Point 10B — List item touch spacing (mobile)
   GIGW 3.0 + UX4G + DBIM + WCAG 2.1 AA
   ============================================================ */
@media (max-width: 767px) {

	.table_td_for_content,
	.table_td_for_content._bg,
	.table_td_for_content.newcolor {
		padding: var(--ux4g-space-5, 12px) var(--ux4g-space-6, 16px);
	}

	.table_td_for_image,
	.table_td_for_image._bg,
	.table_td_for_image.newcolor {
		padding: var(--ux4g-space-4, 8px);
	}

	#archive_table_id tbody tr,
	#circular_list_id tbody tr,
	#current_tender_id tbody tr,
	#awarded_tender_id tbody tr,
	#archieved_tender_id tbody tr {
		border-bottom: 1px solid #e9ecef;
	}

	#archive_table_id tbody tr+tr td,
	#circular_list_id tbody tr+tr td,
	#current_tender_id tbody tr+tr td,
	#awarded_tender_id tbody tr+tr td,
	#archieved_tender_id tbody tr+tr td {
		padding-top: var(--ux4g-space-5, 12px) !important;
	}

	.table_ul .view_details,
	.table_ul .padding {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		min-width: 44px;
		padding: var(--ux4g-space-4, 8px) var(--ux4g-space-5, 12px);
		text-decoration: none;
	}

	.table_ul li+li {
		margin-top: var(--ux4g-space-4, 8px);
	}

	#current_tender_id.table.dt-responsive td,
	#awarded_tender_id td,
	#archieved_tender_id.table.dt-responsive td,
	#circular_list_id td {
		padding: var(--ux4g-space-5, 12px) var(--ux4g-space-6, 16px) !important;
	}

	#current_tender_id.table.dt-responsive a,
	#awarded_tender_id a,
	#archieved_tender_id.table.dt-responsive a,
	#circular_list_id a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		min-width: 44px;
		padding: var(--ux4g-space-4, 8px) var(--ux4g-space-5, 12px);
	}

	.project_div {
		margin-bottom: var(--ux4g-space-6, 16px);
	}

	.project_image_div a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		min-width: 44px;
		padding: var(--ux4g-space-4, 8px);
	}

	.container.footer a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		min-width: 44px;
		padding: var(--ux4g-space-4, 8px) var(--ux4g-space-5, 12px);
	}

	.container.footer li+li {
		margin-top: var(--ux4g-space-4, 8px);
	}
}