@font-face {
	font-family: "Source Sans Pro";
	src: url('source-sans-pro/SourceSansPro-Semibold.otf');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url(source-sans-pro/SourceSansPro-Light.otf) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url(source-sans-pro/SourceSansPro-Regular.otf) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-size: 14px;
	font-family: "Source Sans Pro";
	/* letter-spacing: 0.6px; */
	background: #ffffff;
	/* color: #667080; */
	color: #363636;
	/* background: linear-gradient(135deg, #f0f5ff 0%, #f6f0ff 50%, #fff0f6 100%); */
}

/* Animated background */
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: radial-gradient(
      circle at 20% 80%,
      rgba(120, 119, 198, 0.3) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 20%,
      rgba(255, 119, 198, 0.3) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 40% 40%,
      rgba(120, 219, 255, 0.3) 0%,
      transparent 50%
    ); */
	z-index: -1;
	animation: backgroundShift 15s ease-in-out infinite;
}

@keyframes backgroundShift {

	0%,
	100% {
		opacity: 1;
		transform: translateX(0px);
	}

	50% {
		opacity: 0.8;
		transform: translateX(20px);
	}
}

.star {
	color: red;
	font-family: 'Open Sans bold';
}

.yes {
	position: relative;
}

.yes::after {
	content: "*";
	position: absolute;
	color: red;
	width: 10px;
	height: 10px;
	text-align: center;
}

/* Override any global transitions applied to .btn */
button.btn,
a.btn {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
}


a {
	color: #363649 !important;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover {
	text-decoration: none;
}

hr {
	margin: 0.5rem 0;
}

.clear {
	clear: both;
}

.redC {
	color: #ad6773
}

.grayC {
	color: #999;
}

.orangeC {
	color: #dd9042
}

.vAlignMiddle {
	vertical-align: middle !important;
}

.table td,
.table th {

	padding: 1rem !important;
	border-top: none;
}

.table thead th {
	border-top: none;
	border-bottom: none !important;
}

.table-bordered td,
.table-bordered th {
	border: none;
	vertical-align: middle;
}

.table tbody tr {
	border-bottom: 1px solid #E7EAEE !important;
}



/* .dataTables_wrapper .table {
	border-radius: 0;
} */

.mt10 {
	margin-top: 10px;
}

.mt12 {
	margin-top: 15px;
}

.mt15 {
	margin-top: 15px;
}

.mt22 {
	margin-top: 22px;
}

.minH100vh {
	min-height: 100vh;
}

.minW80 {
	min-width: 70px;
}

.minW100 {
	min-width: 100px;
}

.maxW100 {
	max-width: 100%;
}

.font12 {
	font-size: 12px !important;
}

.font14 {
	font-size: 14px !important;
}

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

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

.font20 {
	font-size: 20px !important;
}

.font35 {
	font-size: 35px !important;
}

.mt80 {
	margin-top: 80px;
}

.boldF {
	font-family: 'Source Sans Pro';
	font-weight: 600;
}

.alert {
	padding: 9px 15px;
}

.btn:focus,
.btn.focus,
.form-control:focus {
	box-shadow: none !important;
}

@media (min-width: 576px) {
	.modal-dialog-md {
		max-width: 1000px;
		margin: 1.75rem auto;
	}
}

.modal-header {
	padding: 8px 16px;
	background: #FFFFFF;
	color: #202020;
	border-bottom: 1px solid #E7EAEE;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	align-items: center;
}

.modal-body,
.modal-footer {
	background: #F7F8F9;
}

.modal-content {
	border: none !important;
	box-shadow: 0px 0px 8px 2px #444;
}

.modal-body {
	border-radius: 0px 0px 5px 5px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.modal-header .close {
	font-weight: 500;
	color: #202020;
	font-size: 30px;
	padding: 6px 10px 6px 10px;
	margin: 0;
	opacity: 1;
}


.modal-title {
	font-size: 24px;
}

.brNone {
	border-radius: 0px;
}

.roundedOlBtn {
	background: none;
	border-radius: 17px;
	border: #fff solid 2px;
	color: #fff;
	padding: 5px 25px;
	cursor: pointer;
}

#aprroveMin {
	cursor: pointer;
}

.hidden {
	display: none;
}

.roundedOlBtn:hover {
	background: #33a1a0;
	border: #33a1a0 solid 2px;
	color: #fff;
	cursor: pointer;
}

.btn-info {
	background-color: #33a1a0;
	border-color: #33a1a0;
}

.btn-warning {
	color: #fff;
	background-color: #dd9042;
	border-color: #d4883b;
}

.btn-warning:hover,
.btn-warning:focus {
	color: #fff;
}

.linkIcon {
	background: #1f7d7d;
	padding: 6px;
	position: relative;
	top: -7px;
	margin-left: 5px;
}

.xsBtn {
	padding: 0px 7px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #fbe5ce;
	color: #000;
	border: 1px solid #ffd09e;

}

.DraftBtn {
	padding: 0px 5px 0px 5px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #ECECEC;
	color: #000;
	/* border: 1px solid #ffd09e; */

}

.ACKBtn {
	padding: 0px 5px 0px 5px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #E4F3FD;
	color: #000;
	/* border: 1px solid #ffd09e; */

}

.createBtn {
	padding: 0px 5px 0px 5px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #FEFAF1;
	color: #000;
	/* border: 1px solid #ffd09e; */

}

.returnBtn {
	padding: 0px 5px 0px 5px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #FFEDDD;
	color: #000;
	/* border: 1px solid #ffd09e; */

}

.cancelBtn {
	padding: 0px 5px 0px 5px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #FFF2F3;
	color: #000;
	/* border: 1px solid #ffd09e; */

}

.releasedBtn {
	padding: 0px 5px 0px 5px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #E7F6EC;
	color: #000;
	/* border: 1px solid #ffd09e; */

}

.sideBtn {
	padding: 0px 7px !important;
	font-size: 14px;
	min-width: 24px !important;
	min-height: 24px !important;
	background: #0F77C4;
	color: white;
	/* border: 1px solid #ffd09e; */

}

.toolTipMain {
	padding: 10px;
	text-align: left;
}

.toolTipMain h4 {
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 5px;
}

.toolTipMain p {
	margin-bottom: 0px;
}

.tooltip-inner {
	background-color: #33a1a0 !important;
	color: #fff;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: #33a1a0 !important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: #33a1a0 !important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: #33a1a0 !important;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: #33a1a0 !important;
}

.form-group {
	/* margin-bottom: 0.5rem; */
	margin-bottom: 1rem;
}

label {
	margin-bottom: 0.2rem;
}

.row {
	margin-right: -7px;
	margin-left: -7px;
}

.row .col,
.row [class*="col-"] {
	padding-right: 7px;
	padding-left: 7px;
}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 360px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 15px;
}

/*Right*/
.modal.right.fade .modal-dialog {
	right: -360px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

.modal.right .modal-content {
	border-radius: 0;
	border: none;
}

.modal.right .modal-header {
	background: #33a1a0;
	color: #fff;
	border-radius: 0px;
}

.modal.right .modal-header .close {
	color: #fff;
	text-shadow: none;
	opacity: 1;
}

.breadcrumb {
	padding: 15px 0;
	background: none;
	margin-bottom: 0px;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.table thead {
	background: #D9EDFA;
	font-weight: normal;
}

.table thead th {
	border-right: 1px solid #C1DAED;
	letter-spacing: 0.015rem;
	font-size: 14px;
	color: #667080;
	white-space: nowrap;
}

.table tbody td {
	width: 1%;
}

.table {
	display: block;
	overflow: auto;
	background-color: #fff;
	border-radius: 8px;
}

.tableblock {
	/* display: block; */
	overflow: auto;
	background-color: #fff;
	border-radius: 8px;
}


.popover {
	border-radius: 0px;
	border-bottom: #33a1a0 solid 2px;
}

.popover-body {
	padding-top: 0.8rem;
}

.draftTable td {
	vertical-align: middle;
}

.customPagination .page-link {
	color: #ffffff;
	background-color: #4d4d4d;
	border: none;
	margin-left: 2px;
}

.customPagination .page-item.active .page-link {
	background-color: #296186;
	border-color: #296186;
}

.customPagination .page-item .page-link {
	border-radius: 0px !important
}

.formMain .form-control,
.formMain-h .form-control {
	margin-bottom: 7px;
	padding: 7px 10px !important;
	height: inherit !important;
	border-radius: 25px !important;
	font-size: 13px;
	min-height: 31px
}

.fileFeild {
	padding: 2px !important;
	height: 30px;
}

.formMain span.star {
	color: #f00;
	font-family: 'Open Sans bold';
}

.whiteCard {
	background: #fff;
	padding: 15px 15px 10px 15px;
	/*border: #ccc solid 1px;*/
}

.roundSmIcon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	background: #3182ac;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.roundSmIcon:hover {
	color: #fff;
}

.smallHeading {
	font-size: 16px;
	font-family: 'Open Sans Semibold';
}

.redTrash {
	background: #bc5b62;
}

/*Radio */

.radio {
	display: inline-block;
}

.radio label {
	margin-right: 5px;
	margin-bottom: 0px;
}

.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.radio input[type="radio"]+.radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1em;
	height: 1em;
	position: relative;
	top: 3px;
	margin-right: 3px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}

.radio input[type="radio"]:checked+.radio-label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 2px #f4f4f4;
}

.radio input[type="radio"]:focus+.radio-label:before {
	outline: none;
	border-color: #3197EE;
}

.radio input[type="radio"]+.radio-label:empty:before {
	margin-right: 0;
}

.blueTitle {
	background: #3182ac;
	color: #fff;
	margin-bottom: 0px;
	padding: 7px 10px;
	font-family: 'Open Sans Semibold';
}

.myDiv {
	display: none;
}

.smallSelect {
	height: 24px !important;
	min-height: inherit !important;
	padding: 1px 10px !important;
}

/* 26 sep 2019 Harish . A 100077*/
.mainTile {
	padding: 15px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
}

#fileLoader {
	display: none;
}

.cke_bottom {
	display: none !important
}

@media(max-width:420px) {
	.mobDisNone {
		display: none;
	}
}

.align_right {
	float: right;
}

#Sub_Menudropdown,
#Release-Menu,
#Label_MasterMenu,
#Quality-ControlMenu,
#Production_menu,
#Warehouse-Menu,
#PharmaDispatchMenu,
#Purchase-OrderMenu {
	left: 0 !important;
	top: 0px !important;
}


.Admin_icon {
	color: #fff;
	padding: 15px;
	font-size: 18px;
}

#Approval-Tasks {
	display: none;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 1);
	z-index: 999;
	height: 100vh;
	width: 100%;
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(/images/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/*08-07-2022*/
.tileButton {
	height: auto;
	color: #fff;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
	border: none;
}

.bgColor1,
.bgColor2,
.bgColor3,
.bgColor4,
.bgColor5,
.bgColor6,
.bgColor7,
.bgColor8 {
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	background-size: cover;
}

.bgColor1 .overlay {
	background: rgba(99, 169, 196, .85);
}

.bgColor1 .overlay,
.bgColor2 .overlay,
.bgColor3 .overlay,
.bgColor4 .overlay,
.bgColor5 .overlay,
.bgColor6 .overlay,
.bgColor7 .overlay,
.bgColor8 .overlay {
	padding: 15px 0 5px 0;
}

.maintiles.newTile span.icon {
	width: 70px;
	height: 70px;
	padding: 5px;
}

span.icon {
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
	/* line-height: 38px; */
	border-radius: 50%;
	border: #fff solid 2px;
	padding: 17px 10px;
}

.btn-block {
	display: block !important;
	width: 100%;
}

.tileButton h4 {
	padding: 10px 0;
	font-size: 16px;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	/* font-family: "open_sansbold"; */
}

.bgColor2 .overlay {
	background: rgba(81, 100, 171, .85);
}

.bgColor3 .overlay {
	background: rgba(112, 75, 132, .8);
}

.bgColor4 .overlay {
	background: rgba(115, 48, 123, .9);
}

.bgColor5 .overlay {
	background: rgba(148, 47, 47, .85);
}

.bgColor6 .overlay {
	background: rgba(212, 111, 24, .85);
}

.bgColor7 .overlay {
	background: rgba(102, 156, 40, .9);
}

.bgColor8 .overlay {
	background: rgba(128, 212, 150, .8);
}

.primary {
	height: 35px;
}

.mainHeading {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #817d7d;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
}

.input-group-text {
	position: absolute;
	float: right;
	right: 60px;
	border-top-right-radius: 25px !important;
	border-bottom-right-radius: 25px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	padding: 10px 12px !important;
	background: #3A92F9 !important;
	width: 40px;
	border: 1px solid #3a92f9 !important;
}

.input-group-text i {
	color: #fff !important;

}

/* .successBtn {
	color: #fff;
	border: 1px solid #0F77C4 !important;
	font-size: 18px !important;
	background: linear-gradient(90deg, #035CB1 0%, #1990D5 100%);
	border-radius: 6px;
	padding: 8px 50px 8px 50px;
} */


.successBtn {
	color: #fff;
	border: 1px solid #0F77C4 !important;
	font-size: 18px;
	background: linear-gradient(90deg, #035CB1 0%, #1990D5 100%);
	border-radius: 6px;
	/* Padding: 8px; */
	Padding: 10px 13px;
}

.successBtn1 {
	color: #fff;
	border: 1px solid #0F77C4 !important;
	font-size: 18px !important;
	background: linear-gradient(90deg, #035CB1 0%, #1990D5 100%);
	border-radius: 6px;
	/* Padding: 8px 12px; */

}

.successBtn:hover {
	background-image: linear-gradient(to right, #035cb1, #0892e3db) !important;
	color: #fff !important;
}

.successBtn:not(:disabled):not(.disabled).active,
.successBtn:not(:disabled):not(.disabled):active,
.show>.successBtn.dropdown-toggle {
	background: #174a84 !important;
	box-shadow: 0 0 0 0.2rem #245c9c !important;
}

.outLineBtn {
	color: #555D69;
	font-size: 18px !important;
	border-radius: 6px;
	Padding: 8px 12px;
	background: #E7EAEE !important;
	border: 1px solid #C8CBD0;
}

.outLineBtn1 {
	color: #555D69;
	font-size: 18px !important;
	border-radius: 6px;
	/* Padding: 8px 12px; */
	background: #E7EAEE !important;
	border: 1px solid #C8CBD0;
}

.outLineBtn:hover {
	background: #f5f5f5 !important;
}

.outLineBtn1:hover {
	background: #dadadaba;
}

.outLineBtn:not(:disabled):not(.disabled).active,
.outLineBtn:not(:disabled):not(.disabled):active,
.show>.outLineBtn.dropdown-toggle {
	background: #0191c8;
	box-shadow: 0 0 0 0.2rem #245c9c !important;
}

.outLineBtn2 {
	font-size: 12px !important;
	color: #555D69;
	background: #E7EAEE;
	border-radius: 6px;
	width: 100px;
	border: 1px solid #C8CBD0;
}

.outLineBtn2:hover {
	background: #F7F8F9;
	border: 2px solid #D9D9D9;
}


.list-group-item {
	background: none !important;
	border: none !important;
}

.headLine {
	color: #a0ccff;
	border-bottom: 1px solid #5997dd;
	padding: 0px 0px 5px 0px;
}



.dropdown-content .nav-link {
	display: block;
	padding: 0.1rem 1rem !important;
}

.bootstrap-select>.dropdown-toggle {
	height: 44px;
}

.tableResponsive thead th {
	white-space: nowrap;
}

.table {
	word-break: break-word;
}

.btn-dafualt {
	background: none;
	color: #1d0cea;
}

.btnRound {
	width: 70px !important;
	padding: 4px 4px !important;
	border-radius: 20px;
}

.modal-header2 {
	background: #fff;
	color: #333;
	padding: 15px 10px;
	font-family: 'Open Sans bold';
	border-bottom: none;
}

.modal-title2 {
	font-size: 16px;
}

.modalSm {
	max-width: 540px;
}

.bootstrap-select .dropdown-toggle .filter-option {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: left;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem !important;
	font-size: 16px !important;
	line-height: 1.8;
	color: #2A2E34;
	background-color: #FDFDFD;
	background-clip: padding-box;
	border: 1px solid #E7EAEE;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
	cursor: not-allowed;
	background: #e9ecef;
	border-radius: 4px;
	border: none;
}

/* .table-responsive::-webkit-scrollbar{
		display: none;
	} */
/*New Modal dailogbox 12-12-22*/
.modal-bodyBox {
	border-radius: 12px !important;
	padding: 15px 15px !important;
	background: #fff !important;
}

.modal-contentBox {
	border-radius: 12px !important;
}

img.logOutImg {
	width: 60px;
}

::-webkit-scrollbar-thumb {
	background: #b6b7b7;
	border-radius: 6px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/***26-12-2022**/
/* .breadcrumb-bar {
	background-color: #c9cbce38 !important;
	padding: 15px 0px 0px 5px;
	margin-left: -28px;
}

.breadcrumb {
	padding: 5px 0px 6px 23px !important;
} */

.breadcrumb li {
	font-size: 14px;
}

/**** 27-12-2022**/
.Tile {
	width: 200px;
	padding: 0px 8px;
}

.TileDash {
	display: flex;
	padding: 0px 55px;
}

.tileDashboard.purple {
	background: #fff;
	color: #333;
	box-shadow: 0px 2px 15px 2px #d4cfcf;
	transition: all ease 0.3s;
}

.tileDashboard.purple:hover {
	cursor: pointer;
	transform: translateY(10px);
	transition: all ease 0.3s;
}

.tileDashboard {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	background: #fff;
	padding: 20px;
	margin-bottom: 15px;
	border-radius: 10px;
	height: 150px;
}

.tileDashboard .title {
	font-size: 14px;
	color: #7b7a7a;
	padding: 5px 10px 2px 10px;
	margin: 0;
}



.outLineBtn1 {
	border-radius: 5px;
	width: 100px !important;
	padding: 5px 10px !important;
	color: #333;
	background: #f3f0f0;
	border: 1px solid #979797;

}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none !important;
}

/*30-12-22 Navbar*/
.navDrop ul li a {
	display: flex;
	color: #303A47;
	text-decoration: none;
	padding: 11px 12px;
	-webkit-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	font-weight: 600;
	font-size: 14px;
}

.navDrop ul {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.navDrop ul li {
	position: relative;
	float: left;
}

.navDrop ul li+li {
	margin-left: 1px;
}

.navDrop ul li>ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 9;
	text-align: left;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	border-radius: 6px !important;
	background: #fff;
}

.subNavdrop li {
	width: 202px !important;
}

.subNavdrop {
	width: 420px !important;
	columns: 2;
	background: #fff;
	box-shadow: rgb(171 170 170) 0px 0px 2px 1px;
}

.navDrop ul li>ul li {
	float: none;
	margin: 0;
	width: 200px;
	padding: 0px 12px;
}

.navDrop ul li>ul li a {
	display: block;
}

.navDrop ul li>ul li:hover {
	background: #E7EAEE !important;
}

.navDrop ul li:hover {
	background: #E7EAEE !important;
	border-radius: 4px;
}

.navDrop ul li.active {
	pointer-events: none;
}

/*sub dropdown*/
.subLink-dropdown {
	display: none;
}

.angleRight {
	display: none !important;
}

.subLink li:hover .subLink-dropdown,
.angleRight {
	display: block;
}

.subLink li:hover .angleRight {
	display: block !important;
}

.subLink-dropdown {
	position: absolute !important;
	left: auto !important;
	right: -200px !important;
	top: 0 !important;
}

.outLineActive {
	padding: 0 !important;
	border: 2px solid #035cb1;
}

.navigation li ul .subLink-dropdown {
	animation: downOut 300ms ease-in-out forwards;
	transform-origin: center center;
}

@keyframes downOut {
	0% {
		transform: translateZ(200px) transLateY(40px)
	}

	80% {
		transform: translateZ(-10px) transLateY(0px)
	}

	100% {
		transform: translateZ(0px) transLateY(0px)
	}
}

.Active {
	background: #06274a !important;
}

/***24-01-2023**/
.w100 {
	width: 100px !important;
}

.widthAuto {
	width: auto !important;
}

.widthUOM {
	width: 80px !important;
}

.width80 {
	width: 80px !important;
}

.width120 {
	width: 120px !important;
}

.width150 {
	width: 150px !important;
}

.width200 {
	width: 200px !important;
}

.width250 {
	width: 250px !important;
}

.width300 {
	width: 300px !important;
}

.width350 {
	width: 350px !important;
}

.w400 {
	width: 400px !important;
}

.w70 {
	width: 70px !important;
}

.vertical-align {
	margin: 0;
	position: absolute;
	left: -62px;
	top: 500px;
	font-size: 18px;
	transform: rotateZ(271deg);
}

.horizontal-align {
	margin: 0;
	position: absolute;
	left: 410px;
	top: 796px;
	font-size: 18px;
}

.navDrop ul li:hover i.fa.fa-chevron-down {
	transform: rotate(177deg);
}

.navigation li ul {
	animation: downOut 600ms ease-in-out forwards;
	transform-origin: center center;
}

@keyframes downOut {
	0% {
		transform: translateZ(200px) transLateY(40px);
		opacity: 0;
	}

	50% {
		transform: translateZ(-10px) transLateY(0px);
		opacity: 0.8;
	}

	100% {
		transform: translateZ(0px) transLateY(0px);
		opacity: 1;
	}
}

.profileDDmenu {
	animation: downOut 500ms ease-in-out forwards;
	transform-origin: top center;
}

@keyframes rotateMenu {
	0% {
		transform: rotateX(-90deg)
	}

	70% {
		transform: rotateX(20deg)
	}

	100% {
		transform: rotateX(0deg)
	}
}


i.fa.fa-chevron-down {
	transition: all 0.3s ease-in;
}

/*Fadein*/
.elementToFadeIn {
	-webkit-animation: fadeIn 0.1s linear forwards;
	animation: fadeIn 0.1s linear forwards;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

.bottom-card {
	background: linear-gradient(to right, #035cb1, #0892e3db) !important;
	padding: 10px 15px;
	border-radius: 3px;
}

.bottom-card h6 {
	color: #fff;
}

/* .table-bordered {
	border: none !important;
} */
/* .table-striped tbody tr:nth-of-type(odd) {
	background: #eff7ff !important;
} */

.nowrap {
	white-space: nowrap;
}

.disabled {
	color: #c7c6c6 !important;
}

.append-child {
	position: absolute;
	right: 17px;
	top: 5px;
	cursor: pointer;
}

.textWarning {
	color: #ff7a02;
}

.tabCount {
	color: #ff7a02;
	font-size: 18px;
}

.modal-md {
	max-width: 600px !important;
	margin: 1.75rem auto;
}

.custom-table-width td {
	width: 10%;
}

.custom-table-width td:nth-child(1) {
	width: 3%;
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	width: 30px;
	height: 20px;
}

@media (min-width: 576px) {
	.modal-dialog-lg {
		max-width: 1200px;
		margin: 1.75rem auto;
	}
}

.modal-md-md {
	max-width: 715px !important;
	margin: 1.75rem auto;
}

.dashb-title {
	text-align: center;
	font-size: 20px;
	color: #035cb1;
}

table.dataTable tbody td:first-of-type {
	white-space: nowrap;
}

/* table.dataTable tbody td {
    white-space: nowrap;
    overflow: auto;
} */
/* .inset-box-shadow{
	box-shadow: inset -1px -7px 28px 3px rgba(1, 1, 1, 0.11);
    border-radius: 20px;
	padding: 20px 0px;
} */
/*main dashboard*/
.Roles-main {
	/* margin-left: 395px; */
	/* width: 45%; */
	width: 18%;
	margin: 0 auto;
	overflow: auto;
	background: #fbe5ce;
	border: 1px solid #fccb8b;
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.Roles-main::-webkit-scrollbar {
	display: none;
}

.userRoles {
	display: -webkit-inline-box;
	margin: 0px 0px;
	padding: 0px;
	/* margin-left: 20px; */

}

.role-item {
	list-style: none;
	font-weight: 600;
	padding: 10px 15px 10px 15px;
	color: #000;
}

.role-item a {
	color: #000;
}

.role-item:hover {
	background: rgb(245, 195, 130);
}

.role-item.active {
	background: rgb(245, 195, 130);
}

/*23-07-2024*/
.userLogo {
	width: 40px;
	height: 40px;
	background: #F79033;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	margin-right: 10px;
	font-weight: 700;
}

.navbar-expand .navbar-collapse {
	justify-content: flex-end;
}

.navbarLeft-border {
	border-left: 1px solid #E7EAEE;
	height: 35px;
	margin: 0px 25px;
}

.content-title {
	font-size: 24px;
	color: #035cb1;
	/* color: #454B55;; */
}

.page-title {
	font-size: 18px;
	color: #0A5185;
	font-weight: 600;
}

.sub-title {
	font-size: 24px;
	color: #454B55;
}

.border-radius-4 {
	border-radius: 4px;
}

.border-radius-6 {
	border-radius: 6px;
}

.border-radius-8 {
	border-radius: 8px;
}


.inputCalendar {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 18px 26px;
}

.filterInputCalendar {
	position: absolute;
	z-index: 1;
	left: 300px;
	top: 12px;
}

.filterInputCalendar .form-control {
	padding: 12px 12px;
	color: #555D69;
}

.filterBtnGroup {
	position: absolute;
	z-index: 1;
	right: 22px;
	top: 12px;
}

.btn-outline-defualt {
	border: 1px solid #E7EAEE;
	background: none;
	width: 100px;
	color: #555D69;
	height: 44px;
}

/* .btn-outline-defualt:hover {
	background: rgb(239 249 255);
} */

.btn-outline-defualt.focus,
.btn-outline-defualt:focus {
	background: rgb(239 249 255);
}

.bootstrap-select .dropdown-menu ::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #035CB1 0%, #1990D5 100%);
}

.btn-initiated {
	padding: 5px;
	color: #DDA236;
	background: #FEFAF1;
	width: 88px;
	font-size: 14px;
}

.btn-lg-initiated {
	color: #DDA236;
	background: #FEFAF1;
	width: 118px;
	font-size: 18px;
}

.btn-approved {
	color: #1F5830;
	background: #E7F6EC;
	width: 88px;
	font-size: 14px;
}

.btn-lg-approved {
	color: #1F5830;
	background: #E7F6EC;
	width: 118px;
	font-size: 18px;
}

.btn-lg-blue {
	color: #0D64A5;
	background: #E4F3FD;
	width: 118px;
	font-size: 18px;
}

.btn-rejected,
.btn-returned {
	background: #FFF2F3;
	color: #A5363F;
	width: 88px;
	font-size: 14px;
}

.btn--lg-rejected,
.btn-lg-returned {
	background: #FFF2F3;
	color: #A5363F;
	width: 118px;
	font-size: 18px;
}

.btn-lg-Priority-rejected {
	background: #EECACD;
	color: #C4404B;
	width: 118px;
	font-size: 18px;
	border: 1px solid #D77D85;
}

.btn-rejected-2 {
	background: #FFF2F3;
	color: #C4404B;
	width: 118px;
	font-size: 14px;
}

.btn-rejected-active:focus {
	background: #EECACD;
	color: #C4404B;
	width: 118px;
	font-size: 18px;
	border: 1px solid #D77D85;
}

.btn-pending {
	background: #FEFAF1;
	color: #DDA236;
	width: 88px;
	font-size: 14px;
}

.btn-lg-pending {
	background: #FEFAF1;
	color: #DDA236;
	width: 118px;
	font-size: 18px;
}

.btn-reviewed {
	/* border-radius: 28px; */
	background: #D9EDFA;
	color: #0F77C4;
	width: 88px;
	font-size: 14px;
}

.btn-lg-reviewed {
	/* border-radius: 28px; */
	background: #D9EDFA;
	color: #0F77C4;
	width: auto;
	font-size: 18px;
}


.btn-lg-reviewed {
	background: #D9EDFA;
	color: #0F77C4;
	width: 118px;
	font-size: 18px;
}

.btn-lg-priority {
	background: #E7EAEE;
	color: #555D69;
	width: 118px;
	font-size: 18px;
	border: 1px solid #C8CBD0;
}

.btn-lg-priority:hover {
	background: #D9EDFA;
}

.btn-priority:hover {
	background: #D9EDFA;
}

.product-details {
	padding: 0;
	margin: 8px 0px;
}

.product-details li {
	list-style: none;
}

.commentDesc {
	color: #454B55;
	font-size: 18px;
}

.comments-user {
	color: #222222;
	font-size: 18px;
	font-weight: 600;
}

.comments-user-role {
	/* margin-top: -6px; */
	color: #7E8692;
	font-size: 14px;
}

.user-role {
	color: rgba(50, 50, 50, 0.7);
	font-size: 12px;

}

.prod-data tbody td {
	width: 140px;
}

.label-title {
	color: #555D69;
	font-size: 12px;
}

.label-data {
	color: #222222;
	font-size: 16px;
	font-weight: 600;
}

.header-data {
	color: #035cb1;
	font-size: 16px;
	font-weight: 600;
}


tr.bg-priority {
	background: #fcf4f5 !important;
}

tr.bg-priority:hover {
	background: #e4e5ed !important;
}

.bg-gray {
	border-radius: 4px;
	background: #F7F8F9;
}

.bg-gray-100 {
	background: #F8F8F8 !important;

}

.bg-gray-150 {
	background: #E8E8E8 !important;

}

.blue-title {
	font-size: 24px;
	background: linear-gradient(90deg, #035CB1 0%, #1990D5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.badge-new {
	background: rgb(231 243 250);
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 16px;
	color: #035CB1 !important;
}

.submit-text {
	font-size: 24px;
	color: #202020;
	font-weight: 700;
}

.submit-sub-text {
	font-size: 24px;
	color: #454B55;
}

.slideBtn {
	padding: 13px;
}

.slideBtn:hover {
	background: #E7EAEE !important;
	border-radius: 4px;
}

.svgClass path {
	fill: red;
}

.checkIn,
.checkApp,
.checkRej {
	display: none;
}

.dBlock {
	display: inline !important;
	width: 20px;
}

.card {
	border: 1px solid #E7EAEE !important;
}

.border-bottom {
	border-bottom: 1px solid #E7EAEE !important;
}

.cBlue {
	color: #0F77C4;
}

.font-w-600 {
	font-weight: 600 !important;
}

.font-w-400 {
	font-weight: 400 !important;
}

.document-page,
.comments-page {
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}

.template-card {
	border: 1px solid #E7EAEE;
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 8px;
	box-shadow: 0px 19px 12px 0px #00000005;
}

.template-card img {
	width: 60px;
}

.commentDesc-section {
	height: 410px;
	overflow: auto;
}

.commentDesc-section::-webkit-scrollbar-thumb {
	background: #f09733;
}

.commentDesc-section::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.product-details-overflow::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, #ec4899, #f59e0b);
}

.product-details-overflow::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.product-details-overflow {
	height: 300px;
	overflow: auto;
}

.tabs-over-flow {
	height: 240px;
	overflow: auto;
}

.tabs-over-flow::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #035CB1 0%, #1990D5 100%);
}

.tabs-over-flow::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.cft-scroll {
	height: 170px;
	overflow: auto;
	overflow-x: hidden;
}

.cft-scroll::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #035CB1 0%, #1990D5 100%);
}

.cft-scroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.comments-border {
	border: 2px solid #afafaf91;
	margin-top: 10px;
}

.position-sticky {
	position: sticky !important;
	top: 0 !important;
}

.removeCFTBtn {
	width: 44px;
	height: 44px;
	border: 1px solid #DCDADA;
	color: #303A47;
	background: #fff;
}

.addCFTBtn {
	height: 40px;
	border: 1px solid #CECECE;
	color: #464646;
	padding: 8px 0px;
	background: #FAFAFA;
	border-radius: 8px;
}

.width-full-100 {
	margin-left: -67px;
	width: 224% !important;
}

.Attachfile {
	color: #7E8692;
	font-size: 12px;
	text-align: center;
}

.Attachfile1 {
	color: #7E8692;
	font-size: 12px;
	text-align: center;
	margin-left: -19px;
	margin-right: -17px;

}

.AttachImg {
	/* margin-left: 206px !important; */
	height: 32px;
	width: 32px;
}

.AttachImg1 {
	margin-left: 62px !important;
	height: 32px;
	width: 32px;
}

.btnCreate {
	border-radius: 6px;
	font-size: 18px;
}

.tabs-flow {
	overflow-x: hidden !important;
	height: 570px;
	overflow: auto;
}

.tabs-flow::-webkit-scrollbar-thumb {
	background: white;
}

.tabs-flow::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.label-name {
	font-size: 14px;
	font-weight: 500;
}

.label-name {
	font-size: 18px !important;
}

.Back {
	background: #e8e8e8;
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid;
	width: 30px;
}

/* .Reports.subLink {
	height: 600px;
	width: 300px !important;
	background-color: #fff;
	margin-left: -300px;
} */
.Reports.subLink {
	height: 300px;
	width: 300px !important;
	background-color: #fff;
	margin-left: -300px;
}

.Search.subLink {
	height: 185px;
	width: 250px !important;
	background-color: #fff;
	margin-left: -300px;
}

.warning-badge {
	padding: .25em .4em;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	/* vertical-align: ; */
	border-radius: 50%;
	width: 25px;
	height: 25px;
	color: #fff;
	position: absolute;
	right: -10px;
	top: -10px;
	background: #035cb1;
}

.approve-badge {
	padding: 0.25em 0.4em;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	border-radius: 50%;
	width: 20px;
	height: 22px;
	color: #fff;
	position: absolute;
	right: 1px;
	top: -2px;
	/* background: #035cb1; */
}

.approve-badge {
	/* background-color: yellow; */
	-webkit-animation: blink 1000ms step-end infinite;
	animation: blink 1000ms step-end infinite;
}

@-webkit-keyframes blink {
	50% {
		background-color: red;
	}
}

@keyframes blink {
	50% {
		background-color: red;
	}
}

.inputInfoCircle {
	position: absolute;
	right: 15px;
	top: 31px;
}

div.spinner {
	position: relative;
	width: 54px;
	height: 54px;
	display: inline-block;
	margin-left: 50%;
	margin-right: 50%;
	/* background: #74a6f2; */
	padding: 10px;
	border-radius: 10px;
}

div.spinner div {
	width: 10%;
	height: 20%;
	background: #74a6f2;
	position: absolute;
	left: -6%;
	top: 64%;
	opacity: 0;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-animation: fade 1s linear infinite;
}

@-webkit-keyframes fade {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.25;
	}
}

div.spinner div.bar1 {
	-webkit-transform: rotate(0deg) translate(0, -130%);
	-webkit-animation-delay: 0s;
}

div.spinner div.bar2 {
	-webkit-transform: rotate(30deg) translate(0, -130%);
	-webkit-animation-delay: -0.9167s;
}

div.spinner div.bar3 {
	-webkit-transform: rotate(60deg) translate(0, -130%);
	-webkit-animation-delay: -0.833s;
}

div.spinner div.bar4 {
	-webkit-transform: rotate(90deg) translate(0, -130%);
	-webkit-animation-delay: -0.7497s;
}

div.spinner div.bar5 {
	-webkit-transform: rotate(120deg) translate(0, -130%);
	-webkit-animation-delay: -0.667s;
}

div.spinner div.bar6 {
	-webkit-transform: rotate(150deg) translate(0, -130%);
	-webkit-animation-delay: -0.5837s;
}

div.spinner div.bar7 {
	-webkit-transform: rotate(180deg) translate(0, -130%);
	-webkit-animation-delay: -0.5s;
}

div.spinner div.bar8 {
	-webkit-transform: rotate(210deg) translate(0, -130%);
	-webkit-animation-delay: -0.4167s;
}

div.spinner div.bar9 {
	-webkit-transform: rotate(240deg) translate(0, -130%);
	-webkit-animation-delay: -0.333s;
}

div.spinner div.bar10 {
	-webkit-transform: rotate(270deg) translate(0, -130%);
	-webkit-animation-delay: -0.2497s;
}

div.spinner div.bar11 {
	-webkit-transform: rotate(300deg) translate(0, -130%);
	-webkit-animation-delay: -0.167s;
}

div.spinner div.bar12 {
	-webkit-transform: rotate(330deg) translate(0, -130%);
	-webkit-animation-delay: -0.0833s;
}

.myProfile .picMain {
	background: linear-gradient(90deg, #035CB1 0%, #1990D5 100%);
	padding: 15px 0;
	text-align: center;
	color: #fff;
}

.name-badge {
	/* margin-left: -3px;  */
	padding: 0.2em 0.3em;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	border-radius: 25px;
	width: 32px;
	/* height: 32px; */
	color: #fff;
	position: absolute;
	/* background: #F79033; */
}

h1 {
	font-size: 24px;
	font-weight: bold;
}

.search-filter {
	display: flex;
	align-items: center;
}

.search-box {
	padding: 8px;
	margin-right: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

select {
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.results-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.filters {
	display: flex;
	gap: 10px;
}

.filter-btn {
	background-color: #f0f0f0;
	border: none;
	padding: 8px 12px;
	border-radius: 4px;
	cursor: pointer;
}

.filter-btn:hover {
	background-color: #ddd;
}

.card-style {
	font-size: 14px;

}

.name-footer {
	bottom: 0px;
	position: absolute;
	/* margin-top: 130px; */
}


.card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: #888;
}

.new-investigation-btn {
	margin-top: 20px;
	background-color: #007bff;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.new-investigation-btn:hover {
	background-color: #0056b3;
}


.investigations-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
}

.investigation-card {
	background-color: white;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	position: relative;
	width: 274px;
	height: 332px;
	margin-left: 6px;

}

.card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: #888;
}

.imgwidth {
	margin-top: -3px;
	width: 16px;
	height: 16px;
}

.status.formed {
	background-color: #c7e1e5;
}

.status.generated {
	background-color: #d1e8c4;
}

.status.started {
	background-color: #f2f2a2;
}

.status.initiated {
	background-color: #ffe2b2;
}

.status.created {
	background-color: #FEFAF1;
}

.status {
	position: relative;
	top: 10px;
	right: 10px;
	background-color: #ffe4b5;
	padding: 4px 12px;
	border-radius: 10px;
	font-size: 14px;
	color: #DDA236;
}

.Reviewed {
	position: relative;
	top: 10px;
	right: 10px;
	background-color: #E6F4FF;
	padding: 4px 12px;
	border-radius: 10px;
	font-size: 14px;
	color: #0F77C4;
}

.Reviewed-btn {
	border: 2px solid #C1DAED;
	position: relative;
	top: 10px;
	right: 10px;
	background-color: #E6F4FF;
	padding: 4px 12px;
	border-radius: 10px;
	font-size: 14px;
	color: #0F77C4;
}

.pb-5,
.py-5 {
	padding-bottom: 5rem !important;
}

.search-container {
	position: relative;
	width: 300px;
	/* Adjust width as per your requirement */
}

.search-input {
	margin-left: 34px;
	width: 240px;
	padding: 9px 40px;
	border: 1px solid #E7EAEE;
	border-radius: 6px;
	font-size: 16px;
	outline: none;
}

.search-input::placeholder {
	color: #bbb;
	/* Placeholder text color */
}

.search-container::before {
	background-image: url(/images/Icons\ EBRMS/search.svg);
	/* Unicode for magnifying glass icon */
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	/* Adjust icon size */
	color: #aaa;
}

.search-container input {
	border: 1px solid #E7EAEE;
	padding: 6px 0px 6px 32px;
	border-radius: 6px;
	margin-bottom: 8px;
	outline: none;
	color: #7E8692;
	background-image: url(/images/Icons\ EBRMS/search.svg);
	background-repeat: no-repeat;
	background-position: 4px;
	height: 44px;
	width: 240px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 2em !important;
	padding: 0.2em 0.8em;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: #9A9A9A !important;
}

.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* This centers the content horizontally */
	gap: 20px;
	/* Add space between items */
	padding: 20px;
}



@media (max-width: 1200px) {
	.investigation-card {
		flex: 1 1 calc(50% - 40px);
		/* Two items per row on medium screens */
	}
}

@media (max-width: 800px) {
	.investigation-card {
		flex: 1 1 calc(100% - 40px);
		/* Full width on smaller screens */
	}
}

.investigation-card:hover {
	cursor: pointer;
	box-shadow: 5px -2px 8px 5px #ccc;
}

.AttachImg {
	/* margin-left: 206px !important; */
	height: 32px;
	width: 32px;
}

.Main-Heading {
	z-index: 2;
	position: sticky;
	top: 71px !important;
}

.Tab-Heading {
	z-index: 2;
	position: sticky;
	top: 117px !important;
}

.Tabs-Heading {
	z-index: 2;
	position: sticky;
	top: 132px !important;
}

.bottom-nav {
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 0 0 rgba(0, 0, 0, 0.1); */
	position: sticky;
	bottom: 0;
}

.tab-submitted {
	background-color: #077521;
	/* Submitted color */
	color: white;
}

.Hover:hover {
	/* margin-left: 15px;
	margin-right: 30px;

	font-size: 16px; */
	color: #555D69;
	/* gap: 8px;
	padding: 10px; */
	border-radius: 6px;
	background: #E3EFF7;
	height: 64px;
	border-right: 4px solid #074885;
}



.bg-white {
	/* border-radius: 4px !important; */
	background-color: #fff !important;
}

.Sub-Heading {
	font-weight: 500;
	font-size: 18px;
	color: #1A1A1A;
}

.font18 {
	font-weight: 500;
	font-size: 18px;
	color: #7E8692;
}

.font20 {
	font-weight: 500;
	font-size: 20px;
	color: #555D69;
}

.Sub-Heading-Med {
	font-weight: 500;
	font-size: 16px;
	color: #555D69;
}

.Sub-Heading-Med1 {
	font-weight: 500;
	font-size: 16px;
	color: #000000;
}

.Sub-Heading-small {
	font-weight: 500;
	font-size: 14px;
	color: #091E42F2;
}

.dash-count {
	margin-left: 5px;
	font-weight: 600;
	font-size: 20px;
	color: #0F77C4;
}

.dash-countapproved {
	margin-left: 5px;
	font-weight: 600;
	font-size: 20px;
	color: #1F5830;
}

.dash-countquarintene {
	margin-left: 5px;
	font-weight: 600;
	font-size: 20px;
	color: #DDA236;
}

.para {
	font-weight: 400;
	font-size: 16px;
	color: #323232;
}

.Sub-Heading-small-dull {
	font-weight: 400;
	font-size: 14px;
	color: #091E428F;
}

.Upload {
	display: flex;
	justify-content: center;
	position: relative;
	padding: .5rem 1rem;
	align-items: center;

}

.Uploaded {
	display: flex;
	/* justify-content: center; */
	position: relative;
	padding: 0rem 1rem;
	align-items: center;

}

.progresss {
	margin-left: -87px;
	margin-top: 21px;
	position: absolute;
	width: 80%;

}

.progress {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	height: 1rem !important;
	overflow: hidden !important;
	font-size: .75rem !important;
	background-color: white !important;
	border-radius: .25rem !important;
}

progress[value] {
	width: 80%;
	height: 10px;
	/* Smaller height */
	border-radius: 12px;
	/* Rounded corners */
	overflow: hidden;
	/* Ensures rounded corners on progress value */
	-webkit-appearance: none;
	appearance: none;
}

progress[value]::-webkit-progress-bar {
	background-color: #f3f3f3;
	/* Background color */
	border-radius: 12px;
	/* Matches outer border radius */
}

progress[value]::-webkit-progress-value {
	background-color: #22A06B;
	border-radius: 12px;
}



.card:nth-child(1) svg circle:nth-child(2) {
	stroke-dashoffset: calc(440 - (440 * 20) / 100);
	stroke: #8fff05;
}

.card:nth-child(2) svg circle:nth-child(2) {
	stroke-dasharray: 440;
	stroke-dashoffset: calc(440 - (440 * 90) / 100);
	stroke: #00ed6f;
}

.card:nth-child(3) svg circle:nth-child(2) {
	stroke-dashoffset: calc(440 - (440 * 70) / 100);
	stroke: #0051ff;
}

/* .ccl {
	display: flex;
	position: relative;
	justify-content: space-around;
	align-items: center;
	min-height: 100vh;

} */

/* .ccl .card {
	position: relative;
	width: 250px;
	background: linear-gradient(0deg, rgba(160, 3, 3, .7), rgba(216, 92, 5, .7), rgba(251, 199, 53, .7));
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
	transition: .5s;
	margin: 20px;
} */

/* .ccl .card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, .5);
} */

/* .ccl .card:before {
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
} */

.percent {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: inset 0 0 5px #000;
	z-index: 1000;
}

.percent .number {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 115%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.percent .number h2 {
	color: #543131;
	font-weight: 700;
	font-size: 14px;
	/* transition: .5s; */
}

/* .card:hover .percent .number h2 {
	color: #fff;
	font-size: 60px;
} */

.percent .number h2 span {
	color: #543131;
	font-size: 14px;
}

/* .card:hover .percent .number h2 span {
	color: #fff;
	font-size: 24px;
} */

/* .text {
	position: relative;
	color: #777;
	margin-top: 20px;
	z-index: 1;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 1px;
	
} */

.card:hover .text {
	color: #fff;
}


@media (max-width: 720px) {
	.ccl {
		display: grid;
		padding: 30px 0;
	}
}

.table tbody+tbody {
	border-top: none;
}

.indicator {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.circle {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.blue {
	background-color: #0078D7;
}

.yellow {
	background-color: #FFC107;
}

.lightblue {
	background-color: #add8f4;
}

.darkblue {
	background-color: #0F77C4;
}

.darkgreen {
	background-color: #45BF59;
}

.verylightblue {
	background-color: #D9EDFA;
}

.half-blue-half-orange {
	background: linear-gradient(to bottom, #0078D7 50%, #FF5722 50%);
}

/* レイアウトのためのCSS
--------------------------------------------------------- */

.lead {
	padding: 20px;
	text-align: center;
}

.box {
	max-width: 600px;
	width: 100%;
	/* margin:100px auto 330px auto; */
	padding: 20px;
	background: #fff;
	text-align: center;
}

.chartjs-render-monitor {
	width: 731px !important;
}

.chartjs-render-monitor {
	margin-left: -168px;
	animation: chartjs-render-animation 1ms;
}

.dash:hover {

	/* font-size: 16px; */
	color: #074885;
	/* padding: 10px; */
	border-radius: 6px;
	background: #E3EFF7;
}

.Roles-mains {
	scrollbar-width: none;
	overflow: auto;
	border-radius: 6px;
}

.bar-graph .year {
	-webkit-animation: fade-in-text 2.2s 0.1s forwards;
	-moz-animation: fade-in-text 2.2s 0.1s forwards;
	animation: fade-in-text 2.2s 0.1s forwards;
	opacity: 0;
}


.bar-graph-horizontal>div {
	float: left;
	margin-bottom: 8px;
	width: 100%;
}

.bar-graph-horizontal .year {
	float: left;
	margin-top: 18px;
	width: 50px;
}

.bar-graph-horizontal .bar {
	border-radius: 3px;
	height: 55px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 0;
}

.bar-graph-one .bar::after {
	-webkit-animation: fade-in-text 2.2s 0.1s forwards;
	-moz-animation: fade-in-text 2.2s 0.1s forwards;
	animation: fade-in-text 2.2s 0.1s forwards;
	color: #fff;
	content: attr(data-percentage);
	font-weight: 700;
	position: absolute;
	right: 16px;
	top: 17px;
}

.bar-graph-one .bar-one .bar {
	border-radius: 8px;
	background-color: #0F77C4;
	-webkit-animation: show-bar-one 1.2s 0.1s forwards;
	-moz-animation: show-bar-one 1.2s 0.1s forwards;
	animation: show-bar-one 1.2s 0.1s forwards;
}

.bar-graph-one .bar-two .bar {
	background-color: #5292ac;
	-webkit-animation: show-bar-two 1.2s 0.2s forwards;
	-moz-animation: show-bar-two 1.2s 0.2s forwards;
	animation: show-bar-two 1.2s 0.2s forwards;
}

.bar-graph-one .bar-three .bar {
	background-color: #407286;
	-webkit-animation: show-bar-three 1.2s 0.3s forwards;
	-moz-animation: show-bar-three 1.2s 0.3s forwards;
	animation: show-bar-three 1.2s 0.3s forwards;
}

.bar-graph-one .bar-four .bar {
	background-color: #2e515f;
	-webkit-animation: show-bar-four 1.2s 0.4s forwards;
	-moz-animation: show-bar-four 1.2s 0.4s forwards;
	animation: show-bar-four 1.2s 0.4s forwards;
}

/* Bar Graph Horizontal Animations */
@-webkit-keyframes show-bar-one {
	0% {
		width: 0;
	}

	100% {
		width: 69.6%;
	}
}

@-webkit-keyframes show-bar-two {
	0% {
		width: 0;
	}

	100% {
		width: 71%;
	}
}

@-webkit-keyframes show-bar-three {
	0% {
		width: 0;
	}

	100% {
		width: 74.7%;
	}
}

@-webkit-keyframes show-bar-four {
	0% {
		width: 0;
	}

	100% {
		width: 76.8%;
	}
}

@-webkit-keyframes fade-in-text {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* Vamshi 05-12-2024 */
/* Existing css */
.Hover:hover {
	color: #555D69;
	border-radius: 6px;
	background: #E3EFF7;
	height: auto;
	border-right: 4px solid #074885;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.bottom-nav {
	box-shadow: 4px 0px 8px 0px #0000001A;
	position: sticky;
	bottom: 0;
	background-color: #FFFFFF;
}

.percent .number h2 {
	color: #543131;
	font-weight: 700;
	font-size: 14px;
	/* transition: .5s; */
	margin-bottom: 0px !important;
}

.percent .number {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.btn-lg-initiated {
	color: #DDA236;
	background: #FEFAF1;
	width: auto;
	font-size: 18px;
}

/* New css */
.bottom-nav-box {
	width: 56px;
	height: 44px;
	border-radius: 6px;
	border: 1px solid #E3EFF7;
	padding: 8px 16px;
	background-color: #F7F8F9;
	cursor: pointer;
}

.bottom-nav {
	position: fixed;
	width: 100%;
}

.w-100 {
	width: 100%;
}

.Green-background-hover:hover,
.Green-background-hover.active {
	background: #07B25D14;
	border-right: 4px solid #07B25D;
}

.red-background-hover:hover,
.red-background-hover.active {
	background: #D9512C14;
	border-right: 4px solid #D9512C;
}

.green-clr-text {
	color: #07B25D;
}

.Green-background-hover .percent .number h2 {
	color: #07B25D;
}

.Green-background-hover .percent {
	box-shadow: none;
	border: 4px solid #07B25D;
}

.red-background-hover .percent .number h2 {
	color: #D9512C;
}

.red-background-hover .percent {
	box-shadow: none;
	border: 4px solid #D9512C;
}

.green-background-text {
	color: #07B25D !important;
	background: #07B25D14 !important;
}

.dot-indicator {
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.Green-dot-shadow {
	background-color: #07B25D;
	box-shadow: 0px 0px 0px 5px #07B25D33;
}

.red-dot-shadow {
	background-color: #D9512C;
	box-shadow: 0px 0px 0px 5px #D9512C14;
}

.custom-select-box {
	border: none !important;
	padding: 0 !important;
	color: #0F77C4 !important;
}

.table tr td .custom-select-box.form-control:not([size]):not([multiple]) {
	height: 21px !important;
}

.btn-Returned-clr {
	color: #AD5300;
	background-color: #FFEDDD;
}

.btn-Cancelled-clr {
	color: #A5363F;
	background-color: #FFF2F3;
}

.btn-lightBlue {
	background-color: #F7F8F9;
	border: 1px solid #E3EFF7;
}

.dropdown-div {
	display: none;
	width: 100%;
	margin-top: 10px;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	z-index: 100;
}

.BatchNo-box {
	background: #F7F8F9;
	border: 1px solid #E3EFF7;
	padding: 0px 6px;
}

.tablebody-bordered tbody tr td {
	border-right: 1px solid #E3EFF7;
}

.custom-radio-btn {
	width: 16px !important;
}

.custom-modalFooter {
	background-color: #FFFFFF;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	min-height: 50px;
}

/* 03-12-2024 santosh */


.Issued {
	padding: 0px 7px !important;
	font-size: 14px;
	width: 35px !important;
	height: 30px;
	background: #E4F3FD;
	color: white;
	/* border: 1px solid #ffd09e; */

}

/* santhosh ^ */

/* santosh 05-12-2024 */

.prod-data-new tbody td {
	width: 240px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #8590A2;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #2196F3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

/* santhosh ^ */

/* santhosh 06-12-2024 */
.filters {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.filters input[type=checkbox] {
	margin-top: 2px;
}

.Reports.subLink {
	height: auto;
	width: 450px !important;
	background-color: #fff;
	margin-left: -300px;
	border-radius: 12px;
}


/* Santhosh ^ */
/* Madhavi ^ */

.plusBtn {
	padding: 0px 7px !important;
	font-size: 14px;
	width: 39px !important;
	height: 44px;
	background: #F7F8F9;
	color: #000;
	border: 1px solid #E3EFF7;
}

.plusBtn2 {
	padding: 0px 7px !important;
	font-size: 14px;
	width: 65px !important;
	height: 44px;
	background: #F7F8F9;
	color: #000;
	border: 1px solid #E3EFF7;
}

.plusBtn1 {
	padding: 0px 7px !important;
	font-size: 14px;
	width: 150px !important;
	height: 44px;
	background: white;
	color: #000;
	border: 1px solid #E3EFF7;
}

/* .active {
	background: rgb(239 249 255);
} */

.form-controldrop {
	/* line-height: !important; */
	margin-left: -1px;
	border-left: 1px solid #E3EFF7 !important;
	display: block;
	width: 30% !important;
	padding: 8px 12px;
	font-size: 0.9rem !important;
	color: #495057;
	background-color: #F7F8F9;
	background-clip: padding-box;
	border: 1px solid #E3EFF7;
	border-radius: 0 0 8px -1px !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control1 {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	height: 38px !important;
	/* border-right: 1px solid black; */
	display: block;
	width: 40% !important;
	padding: 8px 12px;
	font-size: 0.9rem !important;
	line-height: 1.0;
	color: #495057;
	background-color: white;
	background-clip: padding-box;
	border: 1px solid #E3EFF7;
	/* border-radius: 8px; */
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mancol {
	color: rgba(243, 36, 9, 0.959);
}

.supcol {
	color: rgb(5, 149, 245);
}

.indicator {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.circle {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.Green {
	background-color: #1F5830;
}

.yellow {
	background-color: #FFC107;
}

.half-blue-half-orange {
	background: linear-gradient(to bottom, #0078D7 50%, #FF5722 50%);
}

.dropdown-menu-right {
	/* right: 0; */
	left: auto;
}

.selectpicker {
	padding: 5px 13px;
	border-radius: 4px;
	border: 1px solid #3A92F9;
	width: 100%
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;

	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.vendorcard {
	padding: 5px;
	margin: 10px;
	border-radius: 8px;
	border: 1px solid #ECECEC !important;
	text-align: left !important;
}

.vendorcard:hover,
.vendorcard.active,
.vendorcard:focus,
.vendorcard .active:focus,
.vendorcard .active:hover {
	background: #D9EDFA !important;
	color: #074885 !important;
	border-right: 4px solid #074885 !important;
}

/* santhosh 20-01-25 */

.text-lightblue {
	color: #0A5185;
}

.text-Brand {
	color: #052B47;
	font-size: 16px;
}

.rounded-border {
	padding: 8px 12px;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #E7EAEE;
	border-radius: 20px;
	align-items: center;
	gap: 10px;
}

.rounded-text {
	font-size: 16px;
	color: #323232;
}


/* .btn-Returned {
	background: #FFEDDD;
    color: #AD5300;
    width: auto;
    font-size: 18px;

  }

  .btn-returned {
    padding: 5px;
	background: #FFEDDD;
    color: #AD5300;
    width: 88px;
    font-size: 14px;
} */

.custom-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #D4D7DB;
	border-radius: 8px;
	overflow: hidden;

}

.custom-table th,
.custom-table td {
	padding: 8px 12px;
	border-right: 1px solid rgb(211, 211, 211);
}

.custom-table td:first-child {
	background-color: #F7F8F9;
	vertical-align: middle;
	/* color: black; */
}

.custom-table td:last-child {
	border: none;
}


.custom-table th {
	background-color: #f4f4f4;
}


.circle-green {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #E7F6EC;
	color: #1F5830;
	width: 32px;
	height: 31px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	flex-shrink: 0;
}

.circle-orange {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFEDDD;
	color: #AD5300;
	width: 32px;
	height: 31px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	flex-shrink: 0;
}

.circle-yellow {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FDF3DF;
	color: #8A5E0F;
	width: 32px;
	height: 31px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	flex-shrink: 0;
}

.upload-files-container {
	position: relative;
}

.drag-file-area {
	position: absolute;
	top: -8px;
	left: 0;
	border: 1px dashed #E9EAEB;
	border-radius: 12px;
	margin: 10px 0 15px;
	padding: 23px 40px;
	width: 100%;
	text-align: center;
	background-color: #F8F8F8;
}

.drag-file-area h3 {
	font-size: 18px;
	margin: 15px 0;
}

.custom-fileupload {
	width: 100%;
	height: 146px;
	opacity: 0;
	position: relative;
	z-index: 1;
}


.search-box {
	display: flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 2px 8px;
	width: auto;
}

.search-box input {
	border: none;
	outline: none;
	flex-grow: 1;
	padding: 5px;
	font-size: 16px;
	border-radius: 5px;
}

.search-box input::placeholder {
	color: #7E8692;
}

.search-box img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.tablenew {
	word-break: normal;
}

.tablenew tbody td,
.tablenew tbody th {
	border: 1px solid #dee2e6 !important;
	vertical-align: top;
}

.tablenew tbody th:first-child,
.tablenew tbody td:first-child,
.tablenew tbody th:last-child,
.tablenew tbody td:last-child,
.tablenew tbody tr:last-child {
	border: none !important;
}

.tablenew tbody th:not(:first-child) {
	border-left: 1px solid #dee2e6 !important;
}

/* vamshi */
/* 18-02-2025 */
.StatusBtns {
	display: flex;
	align-items: center;
	width: 100px;
	justify-content: center;
}

.StatusBtns img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.btn-draft {
	background: #ECECEC;
	color: #000;
	font-size: 14px;
}

.HdrPlant-Dropdown {
	position: relative !important;
	padding: 0px 12px !important;
}

.HdrPlant-Dropdown .dropdown-toggle {
	display: flex;
	align-items: center;
	padding: 11px 12px !important;
	border: 1px solid #E7EAEE;
	box-shadow: 0px 1px 2px 0px #0A0A0B0A;
	border-radius: 6px;
}

.HdrPlant-Dropdown .dropdown-toggle:after {
	border: none;
	background-image: url(/images/svg-icons/chevron-down.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 8px;
	margin-left: 16px;
}

.customDropMenu a {
	border: none !important;
	border-bottom: 2px solid #E3EFF7 !important;
}

.customDropMenu a:last-child {
	border-bottom: none !important;
}

.dropdown.show .dropdown-toggle::after {
	transform: rotate(180deg);
}

.subheading {
	font-size: 20px;
	color: #363636;
	margin-bottom: 12px;
	margin-top: 12px;
}

/* 20-02-2025 */
.CustomTable {
	border: 1px solid #C1DAED;
}

.CustomTable tbody tr td {
	border-right: 1px solid #C1DAED;
}

.CustomTable tbody tr td:last-child {
	border-right: none !important;
}

.CustomTable tbody tr {
	border-bottom: 1px solid #C1DAED !important;
}

.CustomTable tbody tr:last-child {
	border-bottom: none !important;
}

.Zindex111 {
	z-index: 111;
}

/* .SidebarScroll::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #035CB1 0%, #1990D5 100%);
} */

.sidebar::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.AddButton {
	background-color: #C1DAED;
	color: #0A5185;
	font-size: 18px;
	font-weight: 500;
	padding: 8px 26px;
	border-radius: 8px;
}

.EditButton {
	background-color: #E4F3FD;
	color: #0F77C4;
	padding: 8px 16px;
	border-radius: 6px;
	border: 0.2px solid #C8CBD0;
}

.DeleteBtn {
	background-color: #FCD5CF;
	color: #F4624B;
	padding: 8px 16px;
	border-radius: 6px;
	border: 0.2px solid #C8CBD0;
}

.outLineBtn.font14 {
	font-size: 14px !important;
}

.blueText {
	color: #0C66E4;
}

/* section.container-fluid {
    margin-bottom: 75px;
} */

.commentbtn {
	padding: 5px;
}

.table td {
	white-space: nowrap;
}

.commentScroll-modal {
	height: 150px !important;
	margin-bottom: 10px;
}

#sidebar {
	margin-bottom: 70px;
}

.CustomSideScrollbar {
	overflow: auto;
	height: 100%;
}

.SidebarVisible {
	overflow: visible !important;
}

.CustomSideScrollbar::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

/*  */

.table thead th {
	letter-spacing: 0.015rem;
	font-size: 14px;
	color: black;
	background-color: lightgrey;
	white-space: nowrap;
}

/* label{
font-size: 16px;
} */


.label-name {
	font-size: 16px;
}

.maintext-2 {

	margin-left: 200px !important;
	margin-top: 220px !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
	color: #495057;
	font-size: 0.9rem !important;
}

.boldF {
	font-family: 'Source Sans Pro';
	font-weight: 600
}

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

.innerT {
	background: #d8d8db !important;
	color: #000 !important;
	font-size: 16px !important;
	padding: 9px 15px;
	margin: 0px !important;
	cursor: pointer;
	font-weight: 400;
	/* font-family: 'Open Sans bold'; */
	font-family: "Source Sans Pro";
}

.subHeading {
	color: #4e4e4e;
	padding-bottom: 2px;
}

.bordered {
	display: flex;
	width: 100%;
	padding: 8px 12px;
	font-size: 0.9rem !important;
	line-height: 1.24;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #E7EAEE;
	border-radius: 8px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	box-shadow: 0px 2px 2px #E7EAEE;
	justify-content: space-between;
	align-items: center;

}


.bordered-1 {
	height: 66px;
	overflow: hidden;
	border: 1px solid #E7EAEE;
	border-radius: 8px;
	padding: 6px;
}

.bordered-1 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.tab-pane textarea {
	box-shadow: rgb(231, 234, 238) 0px 2px 2px;
}

/* .table-block{
	display: table;
	border-radius: 8px !important;
} */
/* 05-04-2025 */
/* Vamshi */
.ShowAccordion .card {
	border: none !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.ShowAccordion .card-header {
	background-color: #fff;
	border: none;
	padding: 0px;
}

.Cursor-Pointer {
	cursor: pointer;
}

.ShowAccordion .card-body {
	margin-top: 12px;
}

.ClickTabbtn {
	width: 100% !important;
	position: relative;
	background-color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	padding: 12px 14px;
	border-radius: 12px;
}

.ClickTabbtn img {
	position: absolute;
	top: 14px;
	width: 26px;
	right: 8px;
	transition: transform 0.3s ease;
	transform: rotate(180deg);
}

.ClickTabbtn.collapsed img {
	transform: rotate(0deg);
}

.WhiteBtn {
	font-size: 18px;
	padding: 10px 12px;
	text-align: left;
	margin-top: 12px !important;
	border-radius: 8px;
}

.WhiteBtn:hover {
	color: #0191c8;
	box-shadow: 0px 3px 4px 1px #E7EAEE;
}

.Modalcontent-Scroll {
	height: auto !important;
	max-height: 470px !important;
	min-height: 200px !important;
}

.blackClr-Text {
	color: #363636;
}

.Margin-bottom75 {
	margin-bottom: 75px;
}

.modallg-Large {
	max-width: 1225px;
}

.Roles-main {
	margin: 0 auto;
	width: fit-content;
	max-width: 80%;
}

.CourseBox {
	padding: 20px;
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	transition: transform 0.2s ease;
	background: rgba(255, 255, 255, 0.7) !important;
	backdrop-filter: blur(10px);

	border: 2px solid rgba(0, 0, 0, 0.12) !important;
	/* 👈 full border definition */
}

.CourseBox:hover {
	transform: translateY(-3px);
}

.BlueBtn {
	padding: 10px 18px;
	border-radius: 8px;
	background: #0191c8;
	color: #fff;
	transition: all 0.3s ease;
	font-weight: 600;
	height: 40px;

}

.BlueBtn:hover {
	background: #0191c8;
	box-shadow: 0 4px 12px rgba(118, 75, 162, 0.5);
}


.add-section-btn{
	
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
	background: linear-gradient(90deg, #667eea, #764ba2);
}


/* Danger Button */
.btn-Delete {
	padding: 10px 18px;
	border-radius: 8px;
	background: #fff;
	border: 1.5px solid #e53e3e !important;
	color: #e53e3e;
	font-weight: 600;
	height: 40px;
}

.btn-Delete:hover {
	background: #e53e3e;
	color: #fff;
	box-shadow: 0 4px 12px rgba(229, 62, 62, 0.4);
}

.padding16 {
	padding: 8px 16px !important;
}

.CourseBoxWidth {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

.MuiInputBase-root .MuiSelect-select {
	padding: 12px 14px !important;
}

.MuiInputBase-root .MuiOutlinedInput-notchedOutline {
	border-color: #E7EAEE;
}

.QuestionsBox-border {
	border: 1.5px solid #3b82f6;
	background: #fff;
}

.MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected {
	background: linear-gradient(
    165deg,
    var(--dark-purple),
    #692475,
    var(--accent-purple)
  );
  box-shadow:
    inset 0 -1px 0 var(--white-high),
    0 8px 20px var(--shadow-purple);
}

.MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected:hover {
	background: linear-gradient(
    165deg,
    var(--dark-purple),
    #692475,
    var(--accent-purple)
  );
  box-shadow:
    inset 0 -1px 0 var(--white-high),
    0 8px 20px var(--shadow-purple);
}

.MuiToggleButtonGroup-root .MuiButtonBase-root:focus {
	outline: none;
}

.glass-card {
	background: linear-gradient(135deg,
			rgba(99, 179, 237, 0.3),
			/* soft blue */
			rgba(144, 238, 144, 0.25));
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-radius: 1rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	/* lighter shadow */
	border: 1px solid rgba(255, 255, 255, 0.15);
	/* subtle glass border */
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease;
}

.glass-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
	background: linear-gradient(135deg,
			rgba(173, 216, 230, 0.25),
			/* light blue tint */
			rgba(255, 182, 193, 0.25)
			/* light pink tint */
		);
}

.ScrollBarHeight {
	min-height: 200px;
	height: auto;
	max-height: 350px;
}

.navbar.navbar-expand {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.2s ease;
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(10px);
	margin: 10px;
	border-radius: 12px;
	padding: 10px;
}

.WidthQustion {
	width: 60%;
}

.WidthQustionType {
	width: 40%;
}

.MobileBorderBottom {
	border-bottom: 1px solid #E7EAEE;
}

.btn-outlineWhite .icon {
	display: none;
}

.MainSectionTop {
	margin-top: 40px;
}

.LeftSidebar-Button {
	position: fixed;
	left: 0;

}

/* .left-icons {
    display: inline-flex;
    gap: 2px;
    align-items: center;
    color: #fff;
	padding: 18px 8px;
	background: linear-gradient(90deg, #667eea, #764ba2);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
  } */
.left-icons.blink {
	animation: blink 1s infinite;
}

@keyframes blink {
	50% {
		opacity: 0.5;
	}
}

.sidebar-container {
	position: fixed;
	left: 0;
}

.LeftsidebarMenu {
	position: fixed;
	left: 0;
	width: 200px;
	/* collapsed */
	background: #ffffff;
	color: white;
	overflow-x: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 76px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transform: translateX(-100%);
	transition: transform 320ms cubic-bezier(.2, .9, .2, 1);
	will-change: transform;
	z-index: 999;
}

/* Toggle Button */
.Menutoggle-btn {
	position: fixed !important;
	left: 0;
	color: white;
	border: none;
	width: 32px;
	height: 46px;
	min-width: 0 !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	/* transition: background 0.3s ease; */
	/* background: linear-gradient(90deg, #667eea, #764ba2); */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-top: 30px;
	padding: 11px 16px !important;
}

.Menutoggle-btn:hover {
	background: #5b3d91;
}

/* Menu */
.menuItems {
	padding-inline: 10px;
	opacity: 0;
	transform: translateX(-8px);
	transition: opacity 220ms ease, transform 220ms ease;
}

.menuItems a {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 10px;
	color: white;
	text-decoration: none;
	transition: background 0.2s;
	border-radius: 6px;
}

.menuItems a:hover {
	background: linear-gradient(135deg, #f0f5ff 0%, #f6f0ff 50%, #fff0f6 100%);
}

/* Shown when expanded */
.LeftsidebarMenu.show {
	transform: translateX(0);
}

/* when sidebar is open show inner content */
.LeftsidebarMenu.show .menuItems {
	opacity: 1;
	transform: translateX(0);
}

.ToggleMenuBtn {
	height: 42px !important;
	font-size: 14px !important;
	margin-top: 30px;
	padding: 10px 12px !important;

}

.MobileUserName {
	display: none !important;
}


.search-inputs::placeholder {
	color: #ec4899;
	/* Indigo shade */
	opacity: 1;
	/* Ensures full color visibility */
}


/* 
27/10/2025 */

/* 🔴 Mandatory Mark (for required fields, badges, etc.) */
.QuestionNavBox .mandatoryMark {
  position: absolute;
  top: -2px;
  right: -3px;
  background: #ff4d4f;
  color: #fff;
  font-size: 12px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-weight: 600;
}

/* 🔵 Pagination Spheres (number buttons) */
.pagination-sphere {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #ccc;
  padding: 8px 14px;
  border-radius: 60px;
  font-weight: 500;
  cursor: pointer;
  color: #333;
  background: #f9f9f9;
  transition: all 0.2s ease-in-out;
  position: relative;
  min-width: 36px;
}

/* Active page */
.pagination-sphere.active {
  background-color: #0191c8;
  color: #fff;
  border-color: #0191c8;
}

/* Hover state (not active, not ellipsis) */
.pagination-sphere:hover:not(.ellipsis):not(.active) {
  background-color: #f0f0f0;
}

/* Ellipsis (...) button */
.pagination-sphere.ellipsis {
  border: none;
  background: none;
  cursor: default;
  color: #999;
}

/* ⏮️ Prev / Next buttons */
.pagination-prev-next {
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* Disabled state */
.pagination-prev-next:disabled {
  background-color: #f0f0f0;
  cursor: not-allowed;
  opacity: 0.6;
}

/* Hover for enabled buttons */
.pagination-prev-next:hover:not(:disabled) {
  background-color: #e0e0e0;
}




/* 28/10/2025 */
/* ===== Dialogs Common Styles ===== */
.MuiDialog-paper {
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

.MuiDialogTitle-root {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	border-bottom: 1px solid #E7E8E9 !important;
	padding: 12px 24px !important;
	background-color: white;
}

.MuiDialogTitle-root h6 {
	font-weight: 600 !important;
	color: black !important;
}

.MuiDialogContent-root {
	padding: 24px !important;
	background-color: #fff;
}

.MuiDialogActions-root {
	border-top: 1px solid #E7E8E9 !important;
	padding: 16px 24px !important;
	background-color: #fafafa !important;
}

/* ===== View File Dialog ===== */
.dialog-file-preview {
	max-width: 100%;
	max-height: 500px;
	object-fit: contain;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	background-color: #f9fafb;
	padding: 8px;
}

.dialog-download-link {
	color: #10B981;
	font-weight: 500;
	text-decoration: underline;
	transition: color 0.2s ease;
}

.dialog-download-link:hover {
	color: #059669;
}

/* ===== Buttons ===== */
/* Base button */
.btn {
	padding: 8px 16px;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	font-size: 15px;
	letter-spacing: 0.015rem;
	
	min-height: 35px;
	font-size: 15px;
	letter-spacing: 0.015rem;
}

/* Outline white button (your custom one) */
.btn.btn-outlineWhite {
  padding: 10px 18px;
  border-radius: 8px;
  background: transparent;
  border: 1.5px solid #0191c8;
  color: #0191c8;
  font-weight: 600;
  height: 40px;
}

/* Hover effect */
.btn.btn-outlineWhite:hover {
  background-color: #0191c8;
  color: #fff;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  border-color: #667eea;
}

.btn.BlueBtn {
	background-color: #0191c8;;

	color: #fff;
}


/* ===== Dialog Text Content ===== */
.dialog-text-center {
	text-align: center;
	margin: 24px 0;
}

.dialog-text-center img {
	width: 60px;
	height: 60px;
	margin-bottom: 16px;
}

.dialog-text-center p {
	font-size: 15px;
	color: #374151;
	margin: 0;
}

/* ===== Instruction List ===== */
.dialog-instruction-list {
	text-align: left;
	margin: 16px 0;
	padding-left: 20px;
}

.dialog-instruction-list li {
	margin-bottom: 8px;
	font-size: 14px;
	color: #374151;
}

/* ===== Success Dialog ===== */
.dialog-success p {
	color: #10B981;
	font-weight: 600;
}

/* ===== Close Button ===== */
/* .MuiIconButton-root {
	color: #0191c8;
	;
	transition: color 0.2s ease;
} */

.MuiIconButton-root:hover {
	color: #111827 !important;
}