header {
	padding: 10px 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	position: relative;
	background: linear-gradient(#fff, #f4f4f4);
}

.logo {
	width: 63px;
	height: 25px;
	display: inline-block;
	background: url(/images/spriteImg.png) no-repeat;
	background-position: 0 0;
}

.banner {
	background: url(/images/homeBg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.arrowBottomDesign {
	position: relative;
	overflow: hidden;
	height: 100px;
}

.arrowBottomDesign::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100px;
	border-left: 1600px solid transparent;
	border-bottom: 100px solid #f5f5f5;
	left: 0px;
	bottom: 0px;
}

.arrowBottomDesign::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100px;
	border-right: 1600px solid transparent;
	border-bottom: 100px solid #f5f5f5;
	right: 0px;
	bottom: 0px;
}

.banner .overlay {
	background: rgba(0, 0, 0, 0.55);
	padding-top: 100px;
}

.circleDiagram {
	width: 320px;
	height: 320px;
	border-radius: 50%;
	border: #fff solid 4px;
	position: relative;
	margin: auto;
	background: url(/images/qLogo.png) no-repeat center center;
	margin-bottom: 50px;
}

.circleDiagram .iconMain {
	width: 100px;
	height: 100px;
	position: absolute;
	border: #fff solid 4px;
	border-radius: 50%;
	text-align: center;
	padding-top: 16px;
	transition: all ease 0.3s;
}

.circleDiagram .iconMain:hover {
	transform: rotate(27deg)
}

.circleDiagram .iconMain:nth-child(1) {
	right: 50px;
	top: -40px;
	background: #5c5e53;
}

.circleDiagram .iconMain:nth-child(2) {
	right: -40px;
	top: 60px;
	background: #8d7859;
}

.circleDiagram .iconMain:nth-child(3) {
	right: -30px;
	top: 160px;
	bottom: 0;
	margin: auto;
	background: #dd9042;
}

.circleDiagram .iconMain:nth-child(4) {
	right: 90px;
	bottom: -40px;
	background: #bc5b62;
}

.circleDiagram .iconMain:nth-child(5) {
	left: -10px;
	bottom: 0px;
	background: #3182ac;
}

.circleDiagram .iconMain:nth-child(6) {
	left: -50px;
	top: 85px;
	margin: auto;
	background: #33a1a0;
}

.circleDiagram .iconMain:nth-child(7) {
	top: -25px;
	left: 25px;
	background: #5c5e53;
}

.iconMain .changeRequest,
.iconMain .deviation,
.iconMain .incedent,
.iconMain .oos,
.iconMain .oot,
.iconMain .businesssComplaint,
.iconMain .capa {
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url(/images/spriteImg.png) no-repeat;
}

.iconMain .changeRequest {
	background-position: -425px 0px;
}

.iconMain .deviation {
	background-position: -65px 0px;
}

.iconMain .incedent {
	background-position: -125px 0px;
}

.iconMain .oos {
	background-position: -185px 0px;
}

.iconMain .oot {
	background-position: -245px 0px;
}

.iconMain .businesssComplaint {
	background-position: -305px 0px;
}

.iconMain .capa {
	background-position: -365px 0px;
}

.responsiveMain {
	padding: 150px 0;
	background: url(/images/bg_res.png) #f5f5f5 repeat-x center bottom;
}

.textResponsive {
	padding-right: 50px;
	margin-top: 100px;
}

.howItworks {
	background: url(/images/map.png) #33a1a0 no-repeat center center;
	text-align: center;
	color: #fff;
	padding-bottom: 50px;
}

.howItworks .arrowBottomDesign {
	top: -100px;
}

.howItworks .arrowBottomDesign::before {
	border-bottom: 100px solid #33a1a0;
}

.howItworks .arrowBottomDesign::after {
	border-bottom: 100px solid #33a1a0;
}

.landingFooter {
	padding: 30px 0;
}

.landingFooter .linksMain {
	text-align: right;
}

.landingFooter .linksMain a {
	color: inherit;
	padding: 0 10px;
}

.landingFooter .linksMain a:last-child {
	padding-right: 0px;
}

.loginUserID,
.loginPassword {
	background: no-repeat center right;
	background-image: url(/images/userIcon.png);
}

.loginPassword {
	background-image: url(/images/lockIcon.png);
}

.collapseMain .card-header {
	padding: 0px;
}

.btn-link.collapsed {
	color: #545454;
	font-size: 14px;
}

.mainFlowDevIn {
	text-align: center;
	border: #ccc solid 1px;
	margin-bottom: 5px;
}

.mainFlowDevIn ul {
	list-style: none;
	margin: auto;
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 100%;
}

.mainFlowDevIn ul::before {
	position: absolute;
	content: '';
	width: calc(100% - 180px);
	height: 1px;
	background: #6c6c6c;
	top: 20px;
	left: 80px;
	z-index: 0;
}

.mainFlowDevIn ul li {
	display: table-cell;
	text-align: center;
	max-width: 170px;
	position: relative;
	z-index: 1;
	vertical-align: top;
	width: 1%;
}

.mainFlowDevIn ul li p {
	margin: 5px 0px 0px 0px;
}

.mainFlowDevIn ul li .icoM {
	width: 40px;
	height: 40px;
	background: #6c6c6c;
	color: #fff;
	border-radius: 50%;
	margin: auto;
	line-height: 40px;
	position: relative;
}

.mainFlowDevIn ul li.active .icoM {
	background: #dd9042;
}

.mainFlowDevIn ul li.complete .icoM {
	background: #33a1a0;
}

.mainFlowDevIn ul li .icoM::before,
.mainFlowDevIn ul li .icoM::after {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #6c6c6c;
	position: absolute;
	content: '';
	top: 16px;
}

.mainFlowDevIn ul li.active .icoM::before,
.mainFlowDevIn ul li.active .icoM::after {
	background: #dd9042;
}

.mainFlowDevIn ul li.complete .icoM::before,
.mainFlowDevIn ul li.complete .icoM::after {
	background: #33a1a0;
}

.mainFlowDevIn ul li .icoM::before {
	left: -9px;
}

.mainFlowDevIn ul li:first-child .icoM::before {
	display: none;
}

.mainFlowDevIn ul li .icoM::after {
	right: -9px;
}

.mainFlowDevIn ul li:last-child .icoM::after {
	display: none;
}

.devCreateSteps .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #dd9042;
	border: none;
}

.devCreateSteps .nav-tabs .nav-link {
	background: #6c6c6c;
	color: #fff;
	border-radius: 0px;
	margin-right: 5px;
	border: none;
	/*min-width: 200px;*/
}

.devCreateSteps .nav-tabs .nav-item:last-child .nav-link {
	margin-right: 0px;
}

.goruplistMain {
	max-height: 400px;
	min-height: 300px;
	overflow: auto;
}

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

.goruplistMain li {
	border-bottom: #eaeaea solid 1px;
	padding: 7px 0;
}

.goruplistMain li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.goruplistMain li:first-child {
	padding-top: 0px;
}

.daiThumb {
	border: #ccc solid 2px;
	display: block;
	text-align: center;
	color: inherit;
	padding: 5px 0;
	min-height: 64px;
}

.daiThumb:hover {
	border: #33a1a0 solid 2px;
	color: #33a1a0
}

.daiThumb p {
	margin: 2px 0 0 0px;
}

.cardTitle {
	background: #4d4d4d;
	color: #fff;
	padding: 7px 15px;
}

.dateftMain .toDate,
.dateftMain .fromDate,
.dateftMain .middleText {
	width: calc(50% - 15px);
	float: left;
}

.dateftMain .middleText {
	width: 30px;
	text-align: center;
	padding-top: 5px;
}

#mainForflow {
	/*display: none;*/
}

#mainForflow.active {
	display: block;
	margin-bottom: 15px;
}

#divToggleBtn {
	font-size: 13px;
}

.approvalChain p {
	margin-bottom: 0px;
	line-height: 16px;
}

.mainApproveChain {
	max-width: 360px;
	position: relative;
	margin-left: auto;
}

.mainBtnApChain {
	position: absolute;
	right: 10px;
	bottom: 5px;
}

span.tooltipTypeText {
	display: inline-block;
	background: #b9b9b9;
	line-height: 31px;
	padding: 0 10px;
	border-radius: 3px;
	margin-right: 10px;
	position: relative;
}

span.tooltipTypeText::after {
	position: absolute;
	content: '';
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #b9b9b9;
	top: 8px;
	right: -5px;
}

.megaMenuMain h3 {
	color: #fff;
	font-size: 18px;
	padding: 0.3rem .5rem;
}

.megaMenuMain .nav-link {
	font-size: 14px;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
	margin-bottom: 1rem;
}

.navbar .dropdown-menu {
	border: none;
	background-color: #2B67AD ;
	border-radius: 0px;
	width: 20px;
}

.toggleContent {
	display: none;
	position: absolute;
	bottom: 40px;
	right: 0px;
	width: 100%;
	text-align: left;
	z-index: 1;
	background: #fff;
}

.vPillsMain .nav-link {
	background: #6c6c6c;
	color: #fff;
	border-radius: 0px;
	text-align: center;
	margin-bottom: 2px;
}

.vPillsMain .nav-link.active {
	background-color: #dd9042;
}

.addNewArea {
	background: #33a1a0 !important;
	color: #fff !important;
	font-size: 24px;
}

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

.vertiTabMain li {
	float: left;
	list-style: none
}

.vertiTabMain li:first-child {
	width: 140px;
}

.vertiTabMain li:last-child {
	width: calc(100% - 143px);
	margin-left: 2px;
	border-left: #ccc solid 1px;
	padding-left: 15px;
}

/*tree structure*/
ul.tree li {
	list-style-type: none;
	position: relative;
}

ul.tree li ul {
	display: none;
}

ul.tree li.open>ul {
	display: block;
}

ul.tree li a {
	color: black;
	text-decoration: none;
	font-size: 17px;
}

ul.tree li a:before {
	height: 1em;
	padding: 0 .1em;
	font-size: .8em;
	display: block;
	position: absolute;
	left: -1.3em;
	top: .2em;
}

ul.tree li>a:not(:last-child):before {
	content: '+';
}

ul.tree li.open>a:not(:last-child):before {
	content: '-';
}

/*CAPA*/
.mainTile:hover {
	color: #fff;
}

.cusAcc .card {
	margin-bottom: 3px;
	border-radius: 0px;
	border: none;
}

.cusAcc .card-header {
	padding: 0px;
}

.cusAcc .card-header h2,
.cusAcc .card-header .btn-link {
	font-size: 14px;
	width: 100%;
	border-radius: 0px;
	text-align: left;

}

.cusAcc .card-header .btn-link {
	padding: 5px 10px;
	border: #495358 solid 1px;
	position: relative;
	color: #fff;
	background: #495358;
}

.cusAcc .card-header .btn-link::after {
	position: absolute;
	width: 4px;
	height: 4px;
	content: "";
	right: 12px;
	top: 13px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #333;
	transition: ease all 0.3s;

}

.cusAcc button.btn-link:not(.collapsed) {
	background: #0191c8;
	color: #fff !important;
	border: #0191c8 solid 1px !important
}

.cusAcc button:not(.collapsed)::after {
	transform: rotate(-90deg);
}

.cusAcc .card-body {
	border: #ccc solid 1px;
	padding: 10px;
}

/*get-btn*/
.Get-btn {
	margin: 10px -8px;
}

.Show-btn {
	margin: -13px 10px;
}

.Get-post-btn {
	margin: 22px 10px;
}

.TP-btn {
	margin-right: 10px;
}

.Get-sm-Btn {
	margin: 10px 0px 0px 0px;
}

.Get-sm-btn-1 {
	margin: 5px -1px;
}

/*buttons*/
.btn-primary:hover {
	background: #0191c8;
	border: none;
}

button.btn-primary:active {
	background: #0191c8;
	border: none;
}

.btn-primary {
	background: #0191c8;
	border: none;
	padding: 1px 7px !important;
}

.btn-danger {
	background: #ae275f;

}

.btn-warning {
	background: #ffa900;
}

.btn-success,
.btn-warning,
.danger {
	padding: 4px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	width: 85px;
}

.danger {
	padding: 4px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	width: 85px;
}

.btn-size {
	padding: 0px 7px;
	width: 30px;
}

.extra-btn-lg {
	width: 170px;
}

.extra-btn {
	background: #ae275f;
	border: 1px solid #ae275f;

}

.extra-btn:hover {
	background: #ae275f;
	border: 1px solid #ae275f;
}

button.btn-success.extra-btn.btn:active {
	background: #ae275f;
	border: 1px solid #ae275f;

}

.extra-btn:not(:disabled):not(.disabled).active:focus,
.extra-btn:not(:disabled):not(.disabled):active:focus,
.show>.extra-btn.dropdown-toggle:focus {
	border: 1px solid #ae275f;
	box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%);
}

.bgPrimary {
	padding: 4px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	width: 85px;
	height: 31px;
}

/*search*/
input.search {
	width: 130px;
}

input.searchQ {
	width: 120px;
}

/*Export to exel*/
.Excel-Pdf_buttons {
	position: relative;
	top: 40px;
	right: 215px;
	margin: -61px 0px;
}

.Export-to-exel {

	background: #0191c8;
	border: none;
	padding: 4px 10px !important;
	font-size: 14px;
	letter-spacing: 1px;
	width: 85px;
	margin-right: 10px;
}

.Export-to-pdf {
	padding: 4px 10px;
	width: 85px;
	letter-spacing: 1px;
	padding: -2px;
	background: #33a1a0;
	border: #33a1a0;
}

.Export-to-pdf:hover {
	background: #33a1a0;
	border: #33a1a0;
}

.Export-to-pdf:not(:disabled):not(.disabled).active,
.Export-to-pdf:not(:disabled):not(.disabled):active,
.show>.Export-to-pdf.dropdown-toggle {
	background: #33a1a0;
	border: #33a1a0;
	color: #fff;
}

.Export-to-pdf:not(:disabled):not(.disabled).active:focus,
.Export-to-pdf:not(:disabled):not(.disabled):active:focus,
.show>.Export-to-pdf.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgb(23 162 184 / 50%);

}

thead.bordered th {
	border: 1px solid #ced4da
}

.addBtn {
	width: 20px;
	height: 20px;
	border: none;
	float: right;
	text-align: center;
	padding: 0;
	font-size: 11px;
	border-radius: 50%;
	cursor: pointer;
}

button.addBtn:focus {
	outline: none;
}

/*modal-box*/
.modal-large {
	max-width: 60%;
}

.paddingleft {
	width: 300px;
}


@media(max-width:969) {
	.paddingleft {
		width: 140px;
	}
}

@media(max-width:768px) {
	.paddingleft {
		width: 140px;
	}

	.responsiveMain {
		padding: 70px 0 100px 0;
	}

	.textResponsive {
		padding-right: 0px;
		text-align: center
	}

	.mobielRes {
		text-align: center;
	}

	.TP-btn {
		margin-right: 2px;
	}
}

@media(max-width:420px) {
	.btn-align {
		text-align: left !important;
	}

	.paddingleft {
		width: 160px;
	}

	.circleDiagram .iconMain {
		width: 80px;
		height: 80px;
		padding-top: 5px;
	}

	.circleDiagram {
		width: 220px;
		height: 220px;
	}

	.circleDiagram .iconMain:nth-child(1) {
		right: 0px;
		top: -30px;
	}

	.circleDiagram .iconMain:nth-child(3) {
		right: 0;
		bottom: -30px;
	}

	.circleDiagram .iconMain:nth-child(4) {
		left: 0px;
		bottom: -30px;
	}

	.circleDiagram .iconMain:nth-child(6) {
		top: -30px;
		left: 0px;
	}

	.textResponsive h3 {
		font-size: 22px;
	}

	.landingFooter .linksMain,
	.landingFooter {
		text-align: center;
		line-height: 36px;
	}

	.TP-btn {
		margin-right: 2px;
	}
}

@media(max-width:590px) {
	.paddingleft {
		width: 150px;
	}
}


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
	/* remove the padding from the navbar so the dropdown hover state is not broken */

	.navbar {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	/* makes the dropdown full width  */
	.navbar .dropdown {
		position: static;
	}

	.navbar .dropdown-menu.megaMenuMain {
		width: 100%;
		left: 0;
		right: 0;
		/*  height of nav-item  */
		top: 45px;
	}
}

@media screen and (min-width: 320px) {
	.navbar .dropdown-menu.megaMenuMain {
		width: 100%;
		left: 0;
		right: 0;
		/*  height of nav-item  */
		top: 45px;
	}
}

.dashBoardLogo .modTile {
	width: 125px !important;
}

.Main_Cls {
	margin: 15px 0 0 0;
	color: red;
}

.mt-22 {
	margin-top: 22px;
}

.MR_10 {
	margin-right: 10px;
}

.ReportTbl tr th {
	border: 1px solid #c9cbce;
}

a#DataTables_Table_2_previous,
a#DataTables_Table_2_next {
	padding: 4px 10px;
}

.whiteCard {
	background: #fff;
	/*border: #dedede solid 1px;*/
	box-shadow: 0 3px 5px rgb(0 0 0 / 10%);
	/*border-radius: 2px;*/
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*VendorPortal 21-04-2022*/
.form-control {
	display: block;
	width: 100%;
	padding: 8px 12px;
	font-size: 0.9rem !important;
	line-height: 1.24;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 2px solid #E7EAEE;
	border-radius: 8px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input.form-control {
	height: 43px;

}

/*login*/
.loginMain {
	background-size: contain;
	height: 100vh;
	position: relative;
}

.loginMain .overlay {
	min-height: 100vh;
}

.loginMain .formMain {
	width: 400px;
	height: fit-content;
	position: fixed;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
	background: #fff;
	border-radius: 5px;
	padding: 30px 60px 0 60px;
	box-shadow: 0px 0px 8px 2px #ccc;
}


.formMain-h {
	width: 400px;
	height: fit-content;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto 15%;
	left: 0px;
	right: 0px;
	background: #fff;
	border-radius: 5px;
	padding: 30px 60px 0 60px;
	box-shadow: 0px 0px 8px 2px #ccc;
}

.user img {
	width: 120px;
}

.Vendor img {
	width: 220px;
}

.user {
	background: #fff;
	width: max-content;
	height: 118px;
	border-radius: 50%;
	margin: -85px auto 30px auto;
}

.TableResponsive {
	white-space: nowrap;
}

.card-counter {
	box-shadow: 2px 2px 10px #DADADA;
	margin: 5px;
	padding: 20px 10px;
	background-color: #fff;
	height: 100px;
	border-radius: 5px;
	transition: .3s linear all;
	cursor: pointer;
}

.card-counter:hover {
	box-shadow: 4px 4px 20px #DADADA;
	transition: .3s linear all;
	transition: all 0.4s ease 0s;
	-webkit-transform: scale(1.05);
}

.card-counter.Primary {
	background-color: #4c92dd;
	color: #FFF;
}

.card-counter.dangerTab {
	background-color: #31c6f0;
	color: #FFF;
}

.card-counter.Success {
	background-color: #59ba8b;
	color: #FFF;
}

.card-counter.info {
	background-color: #26c6da;
	color: #FFF;
}

.bg-skyBlue {
	background: #72bee2 !important;
}

.card-counter i {
	font-size: 5em;
	opacity: 0.2;
}

.card-counter .count-numbers {
	float: right;
	font-size: 32px;
	display: block;
	transition: all 0.4s ease 0s;
}

.card-counter .count-name {
	position: absolute;
	right: 35px;
	top: 65px;
	font-style: italic;
	text-transform: capitalize;
	opacity: 0.5;
	display: block;
	font-size: 18px;
	transition: all 0.4s ease 0s;
}

/*New updated styles 09-2022*/


/*.flex-div {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}*/
/*
	.flex-item {
		box-shadow: 0px 0px 8px 2px #ccc;
		padding: 10px;
		border-radius: 5px;
		margin: 20px 10px;
		text-align: center;
		font-size: 14px !important;
		width: 180px;
		transition: ease-in .3s;
	}*/
.margin-top-70 {
	margin-top: 70px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-10 {
	margin-top: 10px
}

/* .margin-bottom-10 {
		margin-bottom: 10px
	} */
.margin-bottom-20 {
	margin-bottom: 20px
}

.flex-item:hover {
	cursor: pointer;
	transition: ease-in .3s;
	transform: scale(1.1);
	border-bottom: 4px solid #ff8d00;
	color: #000;
	/* background: #73B5DB; */
}

.flex-item:hover img {
	/*	filter: brightness(0) invert(1);*/
}


.icon-filter {
	filter: brightness(0) invert(0)
}

.btn-blu,
.btn-blu:hover {
	background: #3A92F9;
	border-radius: 25px !important;
	color: #fff !important;
	width: 100%;
}

.formMain a {
	color: #000;
}

.table-blu {
	width: 100%;
}

/* .table-bordered {
	border: none !important
} */

.table-blu {
	/* border-collapse: separate; */
	/* border-spacing: 0; */
	background: #fff !important;
	/* box-shadow: 0px 0px 8px 0px #ccc; */
	/* border-radius: 10px !important; */
}

.table-blu tr th,
.table-blu tr td {
	/* border-right: 1px solid #ccc!important;
		border-bottom: 1px solid #ccc!important; */
	padding: 5px 10px !important;
}

/* .table-blu tr th:first-child,
		.table-blu tr td:first-child {
			border-left: 1px solid #ccc!important;
		} */

/* .table-blu tr th {
			background: #007bff !important;
			color: #fff; */
/* border: none !important; */
/* padding: 8px 5px !important;
		} */

/* top-left border-radius */
/* .table-blu tr:first-child th:first-child {
		border-top-left-radius: 6px;
	} */

/* top-right border-radius */
/* .table-blu tr:first-child th:last-child {
		border-top-right-radius: 6px;
	} */

/* bottom-left border-radius */
/* .table-blu tr:last-child td:first-child {
		border-bottom-left-radius: 6px;
	} */

/* bottom-right border-radius */
/* .table-blu tr:last-child td:last-child {
		border-bottom-right-radius: 6px;
	} */




/*.table-blu thead th {
			background: #3A92F9 !important;
			color: #fff;
			border: none !important;
			padding: 8px 0px !important;
		}*/

/*.table-blu {
		border: none !important;
		box-shadow: 0px 0px 8px 0px #ccc;
		background: none !important;
	}*/

/*.table-blu thead th:first-child {
			border-top-left-radius: 5px;
		}

		.table-blu thead th:last-child {
			border-top-right-radius: 5px;
		}*/
/* 
	.dataTables_length {
		position: absolute;
		bottom: 0;
	} */

.dataTables_length select {
	background: #fff !important;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 36px;
}


.main-content {
	margin-top: 70px;
}

.main-content1 {
	width: calc(100% - 80px);
	margin-top: 60px;
	margin-bottom: 15px;
}



.brandlogoMob {
	display: none;
	width: 50px
}

@media only screen and (max-width:1200px) {
	/*.flex-div {
		
		flex-wrap: wrap;
	}
		.flex-div > .a{
			width:43.8%;
		}*/

	.main-content {
		margin: 60px 15px !important;
	}

	.dataTables_length {
		float: left !important;
	}

	.tbl-responsive {
		display: block;
		overflow-x: auto;
	}
}

@media only screen and (max-width:420px) {
	.formMain-h {

		height: fit-content;
		position: fixed;
		top: -36%;

		margin: auto;
		left: 0px;
		right: 0px;
		background: #fff;
		border-radius: 5px;
		padding: 30px 60px 0 60px;
		box-shadow: 0px 0px 8px 2px #ccc;
	}

	.navbar-brand-mob {
		display: block !important
	}

	.brandlogoMob {
		width: 45px;
		display: block !important;
		margin: 5px 0px;
	}

	.navbar-brand {
		display: none;
	}

	.brandlogo {
		display: none;
	}

	.dataTables_filter input {
		width: 170px;
		margin-left: 20px !important;
	}

	.flex-item {
		box-shadow: 0px 0px 8px 2px #ccc;
		padding: 10px;
		border-radius: 5px;
		margin: 20px 10px;
		text-align: center;
		font-size: 12px !important;
		width: 43% !important;
		/*transition: ease-in .3s;*/
		transition: 0.3s;
	}
}

.sub-heading {
	font-size: 18px;
}


.flex-row-items {
	padding: 0;
	margin: 0;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: start;
	justify-content: left;
}

.flex-row-items input:first-child {
	margin-right: 5px;
	margin-left: 0px
}

.flex-row-items input {
	margin: 0px 5px 0 30px;
	width: 20px;
	height: 20px;
}

.flex-div {
	padding: 0;
	margin: 0;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.border-none {
	border: none !important;
}


.flex-item {
	box-shadow: 5px -2px 8px 5px #ccc;
	padding: 15px 14px;
	border-radius: 5px;
	margin: 15px 15px;
	text-align: center;
	font-size: 14px;
	width: 170px;
	height: 175px;
	/* transition: ease-in .3s; */
	transition: 0.3s;
	color: #035cb1;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}

.flex-item img {
	margin: 10px 0px;
}

.hide {
	display: none;
}

.button-grey {
	background: #818385;
	color: #fff !important;
	border-radius: 5px;
	height: 35px;
	font-size: 15px;
	line-height: 20px;
	/*font-weight: bold;*/
}

.button-blu {
	background: #1078F1;
	color: #fff;
	border-radius: 5px;
	height: 35px;
	font-size: 15px;
	line-height: 20px;
	/*font-weight: bold;*/
}

.button-darkblu {
	background: #1a508b;
	color: #fff;
	border-radius: 5px;
	height: 35px;
	font-size: 15px;
	line-height: 20px;
	/*font-weight: bold;*/
}

.button-orange {
	background: #F89134;
	color: #fff !important;
	border-radius: 5px;
	height: 35px;
	font-size: 15px;
	line-height: 20px;
	/*font-weight: bold;*/
}

.button-green {
	background: #28a745;
	color: #fff !important;
	border-radius: 5px;
	height: 35px;
	font-size: 15px;
	line-height: 20px;
	/*font-weight: bold;*/
}

.tbl-txt-left td {
	text-align: left !important;
}

.login-bg {
	background-image: url("/images/login-bg.png"), linear-gradient(#DEEAF9, #3AE2F9) !important;
	background-size: cover;
}

.login-bg-h {
	background-image: url("/images/login-bg-h.png"), linear-gradient(#1782FF, #3AE2F9) !important;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 100vh;
	background-size: contain;
}

.reg-bg {
	background-image: url("/images/reg-bg.png"), linear-gradient(#DEEAF9, #3AE2F9) !important;
	background-size: cover;
	background-position: center 40%;
}

.reg-bg-h {
	background-image: url("/images/reg-bg-h.png"), linear-gradient(#1782FF, #3AE2F9) !important;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 100vh;
	background-size: contain;
}

.fpwd-bg {
	background-image: url("/images/fpwd-bg.png"), linear-gradient(#DEEAF9, #3AE2F9) !important;
	background-size: cover;
	background-position: center 40%;
}

.fpwd-bg-h {
	background-image: url("/images/fpwd-bg-h.png"), linear-gradient(#1782FF, #3AE2F9) !important;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 100vh;
	background-size: contain;
}

	
.font-13 th,
.font-13 td {
	font-size: 13px;
}

.table-blu input[type="checkbox"] {
	width: 14px;
	height: 14px;
	line-height: 20px;
	border-radius: 3px;
	margin: 5px;
}

text-right {
	text-align: right;
}

.btn-align {
	text-align: right
}


.tabs li a {
	background: #fff;
	color: #333;
	padding: 20px;
	margin-right: 20px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0px 0px 8px 2px #ccc;
	line-height: 32px;
}

.tabs .active {
	background: #1782FF;
	color: #fff;

}

.tabs .active img {
	filter: brightness(0) invert(1);
}

.flex-content {
	display: flex;
}

.flex-content>div {
	margin-right: 10px;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-right {
	display: flex;
	justify-content: right;
	align-items: end;
}

.action-btn i {

	font-size: 15px;
	color: #1078F1;
	background: #1078F1;
	padding: 5px 7px;
	color: #fff;
	border-radius: 3px;

}

.view-icon {
	background: #1078F1;
	color: #fff !important;
	font-size: 14px !important;
	padding: 5px;
	border-radius: 25px;
}

.edit-icon {
	background: #1078F1;
	color: #fff !important;
	font-size: 14px !important;
	padding: 6px !important;
	border-radius: 25px;
}



.required::after {
	content: "*";
	color: red;
	margin: 0px 3px;
}

.txtarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #3A92F9
}

.tbl-bordered td {
	border: 1px solid #ccc;
}

.hr {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px
}

.input-bg {
	background: #DEEAF9;
	padding: 10px;
	border-radius: 5px;
}

.col-orange {
	background: #F89134;
	color: #fff !important;
	border-radius: 5px;
	font-size: 13px;
	line-height: 15px;
	padding: 5px;
	width: 100%;
}

.col-green {
	background: #0CBC8B;
	color: #fff !important;
	border-radius: 5px;
	font-size: 13px;
	line-height: 15px;
	padding: 5px;
	width: 100%;
}

.col-grey {
	background: #818385;
	color: #fff !important;
	border-radius: 5px;
	font-size: 13px;
	line-height: 15px;
	padding: 5px;
	width: 100%;
}

.col-green img,
.col-grey img {
	margin-bottom: 10px;
	width: 30px
}

.col-orange a,
.col-green a,
.col-grey a {
	color: #fff;
}

.accordion {
	/*background-color: #eee;*/
	color: #444;
	cursor: pointer;
	padding: 10px 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-radius: 5px;
	/*box-shadow:2px 2px 3px #ccc;*/
	border: 1px solid #ccc;
	background-color: #ececec;
}

.toggleopen,
.accordion:hover {
	background-color: #eee;
	border: 1px solid #eee;
}

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	font-size: 20px;
}

.toggleopen:after {
	content: "\2212";
}

.panel {
	margin: 10px 0px;
	background-color: white;
	max-height: 0;
	padding: 0px 10px;
	overflow: hidden;
	transition: max-height 0.2s ease-out;

}

.thead {
	background: #DEEAF9;
}

.scroll::-webkit-scrollbar {
	width: 5px !important;
	height: 5px !important;
}

.scroll::-webkit-scrollbar-track {
	background: rgb(179, 177, 177);
	border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
	background: rgb(136, 136, 136);
	border-radius: 10px;

}

.scroll::-webkit-scrollbar-thumb:hover {
	background: rgb(100, 100, 100);
	border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb:active {
	background: rgb(68, 68, 68);
	border-radius: 10px;
}

.scroll {
	scrollbar-width: thin;

}

.button-blu-col {
	margin-top: 22px;
	width: auto;
	padding: 10px !important;
	height: 38px;
	font-size: 15px;
}

.rfq-tabs li {
	background: #3A92F9;
	margin: 20px 20px 20px 0px;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
}

.rfq-tabs li a {
	color: #fff;
}

.num {
	border-radius: 50%;
	padding: 5px 13px;
	font-size: 18px;
	background: #eee;
	font-weight: bold;
}

.v-list {
	border: none !important;
	background: none;
	cursor: pointer
}

.table-grey th {
	background: #58a0f3
}

.view-icon-red {
	background: #ce170b;
	color: #fff !important;
	font-size: 14px !important;
	padding: 5px 6px;
	border-radius: 25px;
}

.dashboard-bg {
	border-radius: 5px;
	padding: 5px 10px;
	color: #666;
	display: inline;
	margin: 20px 20px;
	font-size: 18px !important;
	border: 1px solid #3A92F9
}

.view-btn {
	background: none;
}

.text-left {
	text-align: left
}

.text-left-td td {
	text-align: left !important;
}

.dash-num {
	font-size: 40px;
	color: #3A92F9;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
}

.v-line {
	border-right: 1px solid #ececec;
	display: inline-block;
	width: 75px;
	padding: 10px 10px;
}

.flex-container {
	display: flex;
}

.flex-container>div {

	line-height: 30px;
	margin: 10px;
	text-align: center;

}

.flex-container>div select {
	width: 200px;
}

.ol-list li {
	padding: 5px 0px;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-10 {
	padding: 10px;
}

.txt-highlight {
	color: #3A92F9;
	font-weight: bold
}

.table-blu td {
	height: 30px;
	text-align: left !important
}

.td-bg td {
	background: #ebe8e8
}

.tr-input input {
	width: 90px;
}

.esign-icon img {
	border: 2px solid #1078F1;
	padding: 5px;
	width: 60px;
	border-radius: 50%;
}

.dashboard-btn {
	position: absolute;
	bottom: 20%;
	right: 10%;
}

.bg-lightgrey {
	background: #ebe6e6
}

.accordion {
	font-size: 16px;
	font-weight: bold
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {

	padding: 5px 10px !important;
}

input[type="file" i] {
	padding: 8px 10px !important;
}

/*18-11-22*/
.div-box.d-flex {
	margin: -5px 0px 0px 0px;
}


/***23-12-2022**/
.note-bar {
	background-color: #fff3cd;
	padding: 12px 16px;
	border-radius: 3px;
}

.note-bar ul {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 0px;
}

.note-bar ul li {
	color: #856404;
}

.note-bar ol {

	margin-bottom: 0px;
	padding-left: 20px;
}

.note-bar ol li {
	color: #856404;
}

/*31-12-2022*/
.sub-head {
	color: #7a7a7a;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 15px;
}

.head1 {
	font-size: 15px;
	margin-bottom: 5px;
}

/*18-01-2023*/
.dropdown-menu {
	font-size: 14px !important;
}

.ExportBtn {
	position: relative;
	top: 53px;
	z-index: 100;
	margin-top: -52px;
	float: right;
	right: 210px;
}

.btnActive.focus,
.btnActive:focus {
	/* background-image: linear-gradient(135deg, #0064d6 0%, #60aaff 100%) !important; */
	border: 1px solid #5691d4 !important;
	color: #fff !important;
	box-shadow: none !important;
}


@media only screen and (max-width: 1200px) {

	.collapse {
		display: none !important;
	}

	.dashBoardLogo {
		left: calc(0px - -190px) !important;
		top: 20px !important;
		text-align: center;
	}

	.navbar-brand {
		display: none;
	}

	.topNav {
		padding: 5px 15px !important;
	}

	.ExportBtn {
		position: relative;
		right: 0;
		top: 0;
		left: 0;
		margin: 0;
	}

	.collapse.show {
		display: grid !important;
	}

	.navigation {
		position: absolute;
		left: 0;
		top: 100%;
		background: #fff;
		width: 100%;
	}

	.Reports.subLink {
		margin-left: 0px;
	}

	.table td {
		width: 10%;
	}

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

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

	.profileDDmenu {
		right: 5px !important;
	}

	.navbar-dark .navbar-toggler {
		color: #035cb1bd;
		/* background: #035cb1bd; */
		padding: 0 0px;
		display: block;
	}
}

@media only screen and (max-width: 1400px) {
	.dashBoardLogo {
		font-size: 16px !important;
	}

	.navDrop ul li a {
		padding: 10px !important;
	}

	.LoginMr {
		background: #fff;
		border-radius: 12px;
		height: 550px;
		max-width: 65%;
	}
	
}


 
/* ImageSelector CSS {16-04-2025} */
 
.modal-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #dee2e6;
    padding: 10px 15px;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
  }
 
.Tickmark {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #007bff;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
 
.text-center{
    overflow: 'hidden';
    text-overflow: 'ellipsis';
    white-space: 'nowrap';
}