:root {
	--primary-color: #cf0034;
	--secondary-color: #b6d4d2;
	--text-color: #514c4c;

}

.font-size-small {
	font-size: 14px;
}

.table-scroll {
	overflow-x: auto;
}

.invoice-total {
	list-style: none;
}

.invoice-total span {
	margin-left: 20px;
	width: 200px;
}

/*button {
	background-color: red;
	border: none;
	padding: 3px 7px 3px 6px;
	font-size: 16px;
	color: white;
	border-radius: 4px;
}

button.pending {
	background-color: red;
	border: none;
	padding: 3px 7px 3px 6px;
	font-size: 16px;
	color: white;
	border-radius: 4px;
}

button.received {
	background-color: green;
	border: none;
	padding: 3px 7px 3px 6px;
	font-size: 16px;
	color: white;
	border-radius: 4px;
}
*/

.linearlive {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	border: none;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.singnewbtn {
	border: none;
	line-height: 24px;
}

.designation-table-style img {
	width: 27px;
}

.right-part {
	width: 100%;
	margin-left: 0px;
	height: auto;
}

.left-part.fixed-left-part {
	display: none;
}

.Payment-due div {
	font-size: 18px;
	color: indianred;
	font-weight: 800;
	letter-spacing: 1px;
}

.Payment-due h4 {
	font-size: 20px;
}

.Payment-due {
	border: 1px solid #cbc6c6;
	padding: 15px;
	border-radius: 5px;
	height: auto;
}

.hidden {
	display: none;
}

/* search drop select */
/* search drop select */
.hidden {
	display: none;
}

.search-dropdown {
	position: relative;
	display: inline-block;
}

#dropdownOptions {
	list-style: none;
	padding: 0;
	border: 1px solid #ccc;
	max-height: 150px;
	overflow-y: auto;
}

#dropdownOptions li {
	padding: 10px;
	cursor: pointer;
}

#dropdownOptions li:hover {
	background-color: #f0f0f0;
}

.toggleDiv {
	display: block;
}

/* search drop select */

/* profile details */
.contact-info {
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.contact-info img {
	width: 50px;
	border-radius: 50%;
	height: 50px;
}

.contact-info h1 {
	margin: 10px 0;
}

.contact-info p {
	margin: 5px 0;
}

.invoice-info {
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.invoice-info h2 {
	margin: 0 0 10px;
}

.invoice-info p {
	margin: 5px 0;
}

/* profile details */

/* for side bar icon */
.dash-image-icon {
	width: 17%;
	padding: 7px;
}

img.dash-image-icon:hover {
	padding: 2px;
}

/* for side bar icon */

/* for align all component */
.overflow-scroll {
	margin: 23px;
}

.table {
	text-align: center;
	vertical-align: middle;
}

.page-wrapper {
	background-image: url(../assets/images/background/bg-med.png);
}

.form-check-input {
	border-color: var(--primary-color) !important;
	margin-top: 10px;
	background: #b6d4d2;
}

.form-check-input:checked {
	background-color: var(--primary-color) !important;
}

/*.btn-primary,
.btn-info {
	border-color: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
}

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

.btn-outline-primary:hover {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: #ffffff !important;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
	/*color: var(--primary-color) !important;*/
}

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

.topbar .navbar-collapse {
	background-color: var(--secondary-color) !important;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
	color: white !important;
}

.notify .heartbit {
	border: 5px solid #fff;
}

.notify .point {
	background-color: #4fc3f7;
}

.navbar-brand {
	background-color: var(--secondary-color);
}

.customizer {
	display: none;
}

.topbar .mega-dropdown {
	display: none;
}

.profile-text {
	padding-top: 20px !important;
}

.login-logo {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: white;

}

.login-logo img {
	width: 50px;
	padding: 7px;
	height: 51px;
	padding-top: 16px;
}

div#inputContainer {
	display: inline-grid;
	width: 100%;
}

div#inputContainer input {
	margin-top: 10px;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #54667a;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e9ecef;
	appearance: none;
	border-radius: 4px;
	box-shadow: unset;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

div#inputContainers {
	display: inline-grid;
	width: 100%;
}

div#inputContainers input {
	margin-top: 10px;
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #54667a;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e9ecef;
	appearance: none;
	border-radius: 4px;
	box-shadow: unset;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.med-img {
	width: 100px !important;
	height: 100px;
	padding: 2px;
}

/*.toggle-button {
	background-color: #009dfb;
	color: white;
	cursor: pointer;
}

.toggle-button:hover {
	color: white !important;
}

.toggle-button.activee {
	background-color: #f62d51;
}*/

/* =========================================== */
/* dashboard card  */
/* =========================================== */


.all-pie-div canvas {
	width: 100% !important;
	height: 100% !important;
}
.all-pie-div canvas labels{
	border: 1px solid red;
}

/* chart */
.pending-bar .progress-bar {
	background-color: #ffce56;
}

.receive-bar .progress-bar {
	background-color: #ff6384;

}

.order-pending-bar .progress-bar {
	background-color: #4bc0c0;
}

.order-receive-bar .progress-bar {
	background-color: #ff6384;

}

.available-bar .progress-bar {
	background-color: #ff6384;

}

.out-stock-bar .progress-bar {
	background-color: #36a2eb;

}

.accepted-bar .progress-bar {
	background-color: #4bc0c0;

}

.return-bar .progress-bar {
	background-color: #ff6384;

}

/* chart */
.all-pie-div {
	padding: 30px;
}

.for-shadow-style {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	margin-top: 3vh;
	margin-bottom: 3vh;
}


/* ================================================*/
.dash-img img {
	/* width: 15%; */
	width: 59px;
	height: 6vh;
	padding: 7px;
}

.dash-img {
	width: fit-content;
	border: 1px solid #aafeae;
	background: #aafeae;
	border-radius: 50%;
	padding: 10px;
}

.dash-card {
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
	border-radius: 10px;
}
/* .fiter-data-sec{
	display: flex;
	justify-content: space-around;
} */
.fiter-data-sec ul{
	list-style-type: none;
	border: 1px solid ;
	padding: 20px;
	border-radius: 4px;
}
.fiter-data-sec ul strong{
	font-size: 20px;
}
.filter-by-DMY .accordion-collapse{
	background-color: white;
}
/* ================================================ */


/* =========================================== */
/* dashboard card  */
/* =========================================== */


@media only screen and (max-width: 600px) {
	.for-table-align {
		padding: 7px !important;
	}

	.card-align-mob {
		padding: 10px;
	}

	.card-align-mob h2 {
		text-align: center;
		padding: 7px;
	}

	.add-serch-desi {
		padding: 10px;
	}

	.overflow-scroll {
		margin: 7px;
	}

	.logo-text img {
		width: 40% !important;
	}

	.logo-text {
		text-align: center;

	}

	.mini-logo {
		display: none !important;
	}

	.dash-card {
		background-size: 100% 30vh;
	}

	.for-mob-none {
		display: none;
	}

	.for-desk-none {
		display: block;
	}

	.all-pie-div canvas {
		width: 100% !important;
		height: 100% !important;

	}

	.all-pie-div {
		padding: 0px;
	}
	.fiter-data-sec{
		display: block;
		/* justify-content: space-around; */
	}
}

@media only screen and (max-height:527px) {
	.dash-card {
		height: 30vh;
	}

	/*.dash-card button {
		font-size: 14px !important;
	}*/

	.dash-img img {
		height: 10vh;
	}
}

@media only screen and (min-height:696px) {
	/*.dash-card button {
		font-size: 14px !important;
	}
*/

}

@media only screen and (max-height:696px) {
	.dash-img img {
		height: 10vh;
	}
}


.datepicker.dropdown-menu {
	z-index: 9999 !important; /* or higher value if needed */
}

@media {
	.modal-lg {
		max-width: 1000px;

	}

	.modal-xl {
		max-width: 1300px;
	}
}
 
/*.modelzindexlg {
		z-index:1200;
	}*/

.modelzindexxl {
	z-index: 1100;
}


.card-body {
	flex: 1 1 auto;
	padding: 0.50rem 1.25rem;
}