/* CSS Document */

@import url('fonts.css?family=Baloo+2:wght@400;600;700;800&display=swap');

:root {
	/* Theme A */
	--main-color: #003f5c; /* Replace #ff0000 with your desired color */
	--main-lite-color: #097eb4;
	--title2-color: #ef5675;
	--title-color: #bc5090; /* Replace #ff0000 with your desired color */
	--title-lite-color: #e9c4db66;
	--title-secondary-color: #7a5195; /* Replace #ff0000 with your desired color */
	--text-color: #ffa600; /* Replace #ff0000 with your desired color */
	--text-lite-color: #ffc780;
	--text-lite2-color: #fbddbe;
	--btn-enabled-color: #E1A9C6;
	--btn-active-color: #BC5090;
	--btn-disabled-color: #e9c4db66
}

.theme-b {
	/* Theme B */
	--main-color: #0C359E; /* Replace #ff0000 with your desired color */
	--title2-color: #EE99C2;
	--title-color: #EE99C2; /* Replace #ff0000 with your desired color */
	--text-color: #ffc579; /* Replace #ff0000 with your desired color */
	--title-lite-color: #cdc4e966;
	--btn-enabled-color: #98b1f3;
	--btn-active-color: #0c359e;
	--btn-disabled-color: #cdc4e966
}

.theme-c {
	--main-color: #75b569; /* Replace #ff0000 with your desired color */
	--title-color: #f7b46e; /* Replace #ff0000 with your desired color */
	--title2-color: #3c522d;
	--text-color: #3c522d;
	--title-lite-color: #c4e9c766;
	--btn-enabled-color: #c3dfbd;
	--btn-active-color: #75b569;
	--btn-disabled-color: #c4e9c766
}

.theme-d {
	--main-color: #5C5C5C; /* Replace #ff0000 with your desired color */
	--title-color: #ACACAC; /* Replace #ff0000 with your desired color */
	--title2-color: #ACACAC;
	--text-color: #ACACAC;
	--title-lite-color: #87878766;
	--btn-enabled-color: #ACACAC;
	--btn-active-color: #5C5C5C;
	--btn-disabled-color: #5c5c5c26
}




body {
	font-family: 'Baloo 2', cursive--bs-primary font-size: 14px;
	color: var(--main-color);
}

a {
	text-decoration: none;
}

.text-warning {
	color: var(--title2-color) !important;
}

.text-danger {
	color: var(--text-color) !important;
}

.text-dark {
	color: var(--main-color);
}



.btn-primary {
	background: var(--main-color);
	font-size: 22px;
	font-weight: 400;
	border: 0px;
	padding: .5rem;
}

.btn-light {
	font-size: 22px;
	font-weight: 400;
	border: 0px;
	padding: .5rem;
}

.btn-secondary {
	background: var(--title-lite-color);
	color: var(--title2-color);
	font-size: 18px;
	font-weight: 700;
	border: 0px;
	padding: .5rem;
}

.btn-warning {
	background: var(--title-color);
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	border: 0px;
	padding: .5rem;
}




.btn-sm {
	font-size: 12px;
	font-weight: 600;
}



.badge {
	padding: 8px 16px;
	font-size: 13px;
}

.btn:hover {
	background: var(--text-color) !important;
}




.border-light {
	border-color: var(--title-lite-color) !important;
}

.border-primary {
	border-color: var(--main-color) !important;
}


.bg-primary {
	background: var(--main-color) !important;
}

.bg-dark-subtle {
	background: var(--main-lite-color) !important;
}

.bg-light {
	background: var(--title-lite-color) !important;
}

.bg-initial {
	background: #FFBB00;
}

.bg-intermediate {
	background: #5B1FFF;
}

.bg-final {
	background: #10D086;
}

.bg_accepted {
	background: #02a56e21;
	color: #02a56e;
}

.bg_accepted2 {
	background: #02A56E;
}

.bg_rejected {
	background: #ef567529;
	color: #ef5675;
}

.bg_rejected2 {
	background: #EF5675;
}

.bg_waiting {
	background: #71717126;
	color: #717171;
}

.bg_waiting2 {
	background: #717171;
}


h2 {
	font-size: 18px;
	font-weight: 700;
}

h3 {
	font-size: 16px;
	font-weight: 600;
}

.fs-1 {
	font-size: 30px !important;
}

.fs-2 {
	font-size: 48px !important;
}

.fs-3 {
	font-size: 16px !important;
}

.fs-4 {
	font-size: 22px !important;
}

.fs-5 {
	font-size: 18px !important;
}

.fs-6 {
	font-size: 13px !important;
}

.fs-7 {
	font-size: 11px !important;
}

header {
	background: var(--main-color) !important;
}

.logo {
	max-width: 160px;
}

.nav-link {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

	.nav-link:hover {
		color: #fff;
	}

.dashboard_box2 {
	border: dashed 3px var(--main-color);
	border-radius: 12px;
}

.card {
	border-radius: 16px;
	background: #fff;
	box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.16) !important;
	padding: 20px 20px !important;
	border: 0px;
}

.table-dark th {
	background: var(--title-color) !important;
	border: 0px;
}

.table > :not(caption) > * > * {
	border: 0px
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
	background: #FAF4F8 !important;
	border: 0px;
}



.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

.header_menu::after {
	display: none;
}

.dropdown-menu {
	transform: translateY(-10px);
	transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 6px;
	border: 0px;
	z-index: 9999;
}

.dropdown-item {
	font-weight: bold;
	position: relative;
}

/*.form-control{ background: #fff; border-radius: 8px; border: 2px solid #0C0E3A; padding: 10px;}*/
/*.form-control1 {
	
	background-color: #fff;
	border-bottom: 2px solid #EE99C2 !important;
}*/

	.form-control:focus {
		outline: none;
		/*border: 1px solid #ffa600;*/
		border:1px solid var(--main-lite-color) !important;
		box-shadow: none;
	}

.initial_bg {
	background: #FFBB00;
	cursor: pointer;
}

	.initial_bg:hover {
		background: #FFCD43 !important;
	}

.intermediate_bg {
	background: #5B1FFF;
	cursor: pointer;
}

	.intermediate_bg:hover {
		background: #7846FF !important;
	}

.final_bg {
	background: #10D086;
	cursor: pointer;
}

	.final_bg:hover {
		background: #50E3AB !important;
	}



.test_box {
	cursor: pointer;
	border: 0px;
	width: 100%;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	padding: 15px;
	position: relative;
}



.test_boxactive {
	background: url(../images/selectbg.svg) no-repeat;
	display: inline-block;
	width: 36px;
	height: 36px;
	position: absolute;
	z-index: 9999;
	background-size: 100%;
	left: 10px;
	top: 15px;
}


ul.menusteupbox {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	display: inline-block;
}

	ul.menusteupbox li {
		display: block;
		position: relative;
		z-index: 9;
		margin-bottom: 10px;
		cursor: pointer;
	}

.menusteup_box {
	width: 175px;
	height: 67px;
}

.bg-light .active {
	background: var(--title-color) !important;
	color: #fff !important;
}

/*
.arrival_disabled {
	background: url(../images/arrival_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.arrival_enabled {
	background: url(../images/arrival_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.arrival_active {
	background: url(../images/arrival_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.stage_disabled {
	background: url(../images/stage_disabled.svg) no-repeat;
	background-size: 100%;
}

.stage_enabled {
	background: url(../images/stage_enabled.svg) no-repeat;
	background-size: 100%;
}

.stage_active {
	background: url(../images/stage_active.svg) no-repeat;
	background-size: 100%;
}
.test_disabled {
	background: url(../images/test_disabled.svg) no-repeat;
	background-size: 100%;
}

.test_enabled {
	background: url(../images/test_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.test_active {
	background: url(../images/test_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.register_disabled {
	background: url(../images/register_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.register_enabled {
	background: url(../images/register_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.register_active {
	background: url(../images/register_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}
.location_disabled {
	background: url(../images/location_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.location_enabled {
	background: url(../images/location_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.location_active {
	background: url(../images/location_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}
.item_disabled {
	background: url(../images/item_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.item_enabled {
	background: url(../images/item_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.item_active {
	background: url(../images/item_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.info_disabled {
	background: url(../images/info_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.info_enabled {
	background: url(../images/info_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.info_active {
	background: url(../images/info_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}
.test_disabled {
	background: url(../images/test_disabled.svg) no-repeat;
	background-size: 100%;
}

.test_enabled {
	background: url(../images/test_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.test_active {
	background: url(../images/test_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}
.register_disabled {
	background: url(../images/register_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.register_enabled {
	background: url(../images/register_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.register_active {
	background: url(../images/register_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}
.vendor_disabled {
	background: url(../images/vendor_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.vendor_enabled {
	background: url(../images/vendor_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.vendor_active {
	background: url(../images/vendor_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.sample_disabled {
	background: url(../images/sample_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.sample_enabled {
	background: url(../images/sample_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.sample_active {
	background: url(../images/sample_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}


.save_disabled {
	background: url(../images/save_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.save_enabled {
	background: url(../images/save_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.save_active {
	background: url(../images/save_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.site_disabled {
	background: url(../images/site_disabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.site_enabled {
	background: url(../images/site_enabled.svg) no-repeat;
	background-size: 100%;
	border: none;
}

.site_active {
	background: url(../images/site_active.svg) no-repeat;
	background-size: 100%;
	border: none;
}
*/

.badge_btn {
	background: var(--title-lite-color);
	color: var(--title-color);
	cursor: pointer;
}

.badge-btn-active {
	background: var(--title-color);
	color: #fff;
	cursor: pointer;
}


.registercheck_box {
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid var(--title-color);
	border-radius: 16px;
	font-size: 13px;
	font-weight: 700;
	padding: 2px 10px;
	display: inline-block;
	background: var(--title-lite-color);
	color: var(--title-color);
}

.registercheck_none {
	background: url(../images/labnone_icon.svg) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.registercheck_on {
	background: url(../images/labactive_icon.svg) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.registercheck_text {
	position: relative;
	top: -2px;
}

.registercheck_active {
	background: var(--title-color);
	color: #fff;
}

.table_testtype {
	font-weight: 700;
	margin-right: 10px;
}

	.table_testtype:before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		background: var(--title-color);
		border-radius: 50px;
		margin-right: 5px;
	}

.table > :not(caption) > * > * {
	background: none;
}





.testtype_open {
	background: url(../images/testtype_open.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	margin-right: 10px;
	cursor: pointer;
}

.testtype_close {
	background: url(../images/testtype_close.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	margin-right: 10px;
	cursor: pointer;
}

.testtype_mainbgnone {
	background: url(../images/testtype_mainbgnone.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.testtype_mainbgactive {
	background: url(../images/testtype_mainbgactive.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.testtype_grayactive {
	background: url(../images/testtype_grayactive.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.testtype_bgactive {
	background: url(../images/testtype_bgactive.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.testtype_bgnone {
	background: url(../images/testtype_bgnone.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: 100%;
	position: relative;
	top: 4px;
	cursor: pointer;
}


.dropdown-toggle::after {
	color: #fff;
}

.report_nav .nav-link {
	color: #000;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

	.report_nav .nav-link:hover {
		background: var(--main-color) !important;
		color: #fff !important;
	}

.report_nav .active {
	background: var(--title-color) !important;
	color: #fff !important;
}



.item_listboxscroll {
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	border: solid 1px #ddd;
	padding-left: 10px;
	border-radius: 4px;
	padding-top: 10px;
	z-index: 999;
	width: 100%;
}

ul.item_list {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	ul.item_list li {
		display: block;
	}

.itemlist_wrap {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-top: 20px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.itemlist_wrap input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

.itemlist_radius .checkmark {
	border-radius: 50px;
}

.itemlist_wrap .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: solid 1px var(--main-color);
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: solid 1px #d933e1;
}

.itemlist_wrap input:checked ~ .checkmark {
	background-color: var(--text-color);
	border: solid 1px var(--text-color);
}

	.itemlist_wrap input:checked ~ .checkmark:after {
		display: block;
	}

.itemlist_wrap .checkmark:after {
	left: 5px;
	top: 3px;
	width: 7px;
	height: 11px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.itemlist_wrap .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.progressbar_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.progressbar_mainbox {
	position: relative;
	background: #fff !important;
}

.progressbar_textbox {
	width: 100%;
	text-align: center;
	position: relative;
}

.progress_percent {
	font-weight: 700;
}

.mr_20 {
	margin-right: 20px;
}

.trbb_blue {
	border-bottom: solid 5px var(--title-color);
}

.trbghead_blue {
	background: var(--title-lite-color) !important;
	color: white;
	cursor: pointer;
	border-left: solid 1px var(--title-lite-color);
	border-right: solid 1px var(--title-lite-color);
	border-bottom: solid 1px var(--title-lite-color);
	box-shadow: initial;
	border-top: solid 1px var(--title-lite-color);
}

.trbg_blue {
	background: var(--title-lite-color) !important;
	border-left: solid 1px var(--title-lite-color);
	border-right: solid 1px var(--title-lite-color);
	border-bottom: solid 1px var(--title-lite-color);
	border-top: solid 1px var(--title-lite-color);
}

.trbb_oragne {
	border-bottom: solid 5px var(--text-color);
}

.trbg_orange {
	/*border-bottom: solid 5px var(--text-color);*/
	background: var(--text-lite2-color) !important;
	border-left: solid 1px var(--text-lite-color);
	border-right: solid 1px var(--text-lite-color);
	border-bottom: solid 1px var(--text-lite-color);
	border-top: solid 1px var(--text-lite-color);
}

.trbghead_orange {
	background: var(--text-lite-color);
	color: white;
	cursor: pointer;
}



.nav-link:focus {
	color: #fff;
}


.td_widthbox {
	max-width: 270px;
}



.print_accepted_icon {
	background: url(../images/print-accepted_icon.svg) no-repeat;
	width: 90px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-top: 10px;
}

.print_rejected_icon {
	background: url(../images/print-rejected_icon.svg) no-repeat;
	width: 90px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-top: 10px;
}

.print_waiting_icon {
	background: url(../images/print-waiting_icon.svg) no-repeat;
	width: 90px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-top: 10px;
}

.badge {
	padding: 2px 8px;
}

.theme_colorspan {
	background: #fff;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	display: inline-block;
}

.theme-aicon {
	background: url(../images/themea.svg) no-repeat;
	width: 70px;
	height: 70px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
}

.theme-bicon {
	background: url(../images/themeb.svg) no-repeat;
	width: 70px;
	height: 70px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
}

.theme-cicon {
	background: url(../images/themec.svg) no-repeat;
	width: 70px;
	height: 70px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
}

.theme-dicon {
	background: url(../images/themed.svg) no-repeat;
	width: 70px;
	height: 70px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
}

.theme_activeicon {
	background: url(../images/theme_activeicon.svg) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	background-size: 100%;
	position: absolute;
	top: 35%;
	left: 35%;
}

.table_upicon {
	background: url(../images/tableshortup_icon.svg) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
	top: 3px;
}

.table_downicon {
	background: url(../images/tableshortdown_icon.svg) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
	top: 3px;
}


.tablesum_icon {
	background: url(../images/tablesum_icon.svg) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: 100%;
	cursor: pointer;
	position: relative;
	top: 2px;
}

.summary_table tr td {
	background: #ffdaec;
	padding: 3px 5px;
	font-weight: 400;
	color: #000;
	border-bottom: solid 1px #bc5090;
}

.active_menu {
	width: 100%;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 15px;
	color: #fff;
	border-radius: 8px;
	margin: auto;
	margin-bottom: 15px;
	background-color: var(--btn-active-color);
	border: dotted 2px var(--btn-active-color);
	line-height: 40px;
}

.enabled_menu {
	width: 100%;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 15px;
	color: #fff;
	border-radius: 8px;
	margin: auto;
	margin-bottom: 15px;
	background-color: var(--btn-enabled-color);
	border: dotted 2px var(--btn-active-color);
	line-height: 40px;
}

.disabled_menu {
	width: 100%;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 15px;
	color: #fff;
	border-radius: 8px;
	margin: auto;
	margin-bottom: 15px;
	background-color: var(--btn-disabled-color);
	border: dotted 2px var(--btn-active-color);
	line-height: 40px;
	opacity: 0.5;
}


.stage_icon {
	background: url(../images/stage_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.arrival_icon {
	background: url(../images/arrival_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.test_icon {
	background: url(../images/test_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.register_icon {
	background: url(../images/register_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.item_icon {
	background: url(../images/item_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.location_icon {
	background: url(../images/location_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.info_icon {
	background: url(../images/info_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.sample_icon {
	background: url(../images/sample_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.save_icon {
	background: url(../images/save_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.site_icon {
	background: url(../images/site_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.vendor_icon {
	background: url(../images/vendor_icon.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	position: relative;
	top: 9px;
}

.pinhide {
	background: url(../images/pinhide.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	top: 7px;
	position: relative;
	margin-left: 20px;
	cursor: pointer;
}

.pinshow {
	background: url(../images/pinshow.svg) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: 100%;
	top: 7px;
	position: relative;
	margin-left: 20px;
	cursor: pointer;
}




.row_red {
	border-color: #dc3545;
	background-color: #dc3545;
	color: white;
	border: 0px !important;
}

.hexagonadnan {
	position: relative;
	width: 100px; /* Adjust as needed */
	height: 55px; /* height = width * Math.sin(60 degrees) */
	background-color: #007bff; /* Change to your desired color */
	margin: 50px;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.hexagon {
	height: 26px;
	position: relative;
}

	.hexagon .hex-mid {
		height: 26px;
		width: 52px;
		font-size: 20px;
		text-align: center;
	}

.hexagon-warning {
	background: #ff5730;
	color: #ffffff;
}

.hexagon-danger {
	background: #ffa600;
	color: #ffffff;
}

.hexagon-success {
	background: #00d284;
	color: #ffffff;
}

.hexagon-info {
	background: #00cff4;
	color: #ffffff;
}

.hexagon-primary {
	background: #0033c4;
	color: #ffffff;
}


.hexagon-secondary {
	background: #ACACAC;
	color: #fff;
}



.hexagon .hex-mid:before, .hexagon .hex-mid:after {
	content: "";
	height: 0px;
	width: 0px;
	position: absolute;
	left: 0;
}

.hexagon-warning:before {
	border: 26px solid transparent;
	border-bottom: 13px solid #ff5730;
}

.hexagon-warning:after {
	border: 26px solid transparent;
	border-top: 13px solid #ff5730;
}

.hexagon-danger:before {
	border: 26px solid transparent;
	border-bottom: 13px solid #ffa600;
}

.hexagon-danger:after {
	border: 26px solid transparent;
	border-top: 13px solid #ffa600;
}

.hexagon-success:before {
	border: 26px solid transparent;
	border-bottom: 13px solid #00d284;
}

.hexagon-success:after {
	border: 26px solid transparent;
	border-top: 13px solid #00d284;
}

.hexagon-info:before {
	border: 26px solid transparent;
	border-bottom: 13px solid #00cff4;
}

.hexagon-info:after {
	border: 26px solid transparent;
	border-top: 13px solid #00cff4;
}

.hexagon-primary:before {
	border: 26px solid transparent;
	border-bottom: 13px solid #0033c4;
}

.hexagon-primary:after {
	border: 26px solid transparent;
	border-top: 13px solid #0033c4;
}

.hexagon-secondary:before {
	border: 26px solid transparent;
	border-bottom: 13px solid #ACACAC;
}

.hexagon-secondary:after {
	border: 26px solid transparent;
	border-top: 13px solid #ACACAC;
}








.hexagon .hex-mid:before {
	bottom: 100%;
}

.hexagon .hex-mid:after {
	top: 100%;
}


.custom-progress {
	height: 6px;
}


.bg-rejected {
	background: #EA262D
}

.bg-partially-accepted {
	background: #FE7E27
}

.bg-accepted {
	background: #006666
}




/* Custom CSS for centering and background color */
.loader-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	background: var(--main-color);
	color: #fff;
	width: 100%;
}


.Filter_Showhidebox {
	top: 0px;
	/*right: 0px;*/
	left: 106%;
	/*width: 100%;*/
	z-index: 9999;
	min-width: 350px;
}

.grid_btn {
	padding: 0px;
	margin: 0px !important;
	position: relative;
	top: 5px;
}

	.grid_btn:hover {
		background: none !important;
	}

	.grid_btn:focus {
		outline: none !important;
		border: 0px !important;
	}


	.grid_btn i:hover {
		color: var(--main-color) !important;
	}

	.grid_btn span {
		margin-right: 2px !important;
	}

		.grid_btn span:last-child {
			display: none;
		}

.grid_table .form-control {
	padding: 5px;
	border-radius: 2px;
	font-size: 11px;
	min-width: 100px;
}

.grid_btn::after {
	display: none;
}

/* Style the custom page links*/
/* Don't collapse rows even if they are empty */
::deep tbody tr {
	height: 1.8rem;
}

.page-size-chooser {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

	.page-size-chooser select {
		margin: 0 1rem;
		padding: 0.25rem 0.5rem;
	}


.fixed-header thead {
	position: sticky;
	top: 0;
	background: white; /* Ya table ka color */
	z-index: 1020;
}