/*!
 *
 *@Lorfa Sync GLOBAL
 *
 */
:root {
	--ls-dark: #3d3d9e;
	--ls-light: #e8e6f3;

	--ls-success: #7afefa;
	--ls-warning: #fbc260;
	--ls-danger: #fe49be;
}
.dt-buttons { float: right;}
.ls-dark { color: var(--ls-dark);}

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

.text-green { color: var(--ls-success);}

.text-orange { color: var(--ls-warning); }

.text-pink { color: var(--ls-danger); }

#invisible_menu{
	display: none;
}
.pulse-pending {
	/* display: block; */
	position: relative;
	top: 0px;
	right: -50px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	/* background: rgb(0, 211, 199); */
	background: var(--ls-danger);
}

.pulse-pending:before {
	content: "";
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 50%;
	/* background: rgb(0 211 199 / 50%); */
	background: var(--ls-danger);
	opacity: 50%;
	cursor: pointer;
	/* box-shadow: 0 0 0 rgb(0 211 199); */
	box-shadow: 0 0 0 var(--ls-danger);
	animation: pulse 1s linear infinite;
	z-index: 1;
}

@keyframes pulse-pending {
	100% {
		transform: scale(2.5);
	}
}

/*-----------------
	43. Footer @jha
-----------------------*/
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(51, 53, 72, 0.05), rgba(51, 53, 72, 0.05)), #FFFFFF;
	font-size: 13px;
}
.footer-credentials {
	text-align: right;
	background: linear-gradient(0deg, rgba(51, 53, 72, 0.05), rgba(51, 53, 72, 0.05)), #FFFFFF;
	font-size: 12px;
	margin-right: 10px;
}
.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	/* Shows a "no" cursor on hover */
}

.nav-item i {
	color: #ac9ed8;
	font-size: 20px;
}

.nav-item i:hover {
	color: var(--ls-dark);
}

.edit,
.delete,
.dcr {
	cursor: pointer;
}

/*!
 *
 *@DataTable modify
 *
 */
.thead-bg {
	background-color: var(--ls-light);
}

div.dt-buttons button {
	background: var(--ls-dark);
	float: right !important;
	text-align: right !important;
}

div.dt-buttons button:hover {
	background: var(--ls-light);
	color: var(--ls-dark);
}

.dataTables_filter,
.dataTables_length,
lebel {
	font-size: 13px;
}

.dataTables_info {
	font-size: 13px;
}

.dataTables_filter .form-control,
.dataTables_length .form-control {
	min-height: 0px;
}

.modal-header {
	padding: 0px;
	border-bottom: 0px;
}
/*
 * Trim {td} data: 23-01-2026 
*/
.trim-text {
    max-width: 50px;      /* adjust width as needed */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
/*!
 *
 *@Modal modify
 *
 */

.modal-body hr {
	width: 25%;
	color: var(--ls-success);
	margin: 0 auto;
}

.form-reviewed {
	color: #3f1da5;
}

.slimScrollBar {
	/* background: rgb(204, 204, 204);  */
	background: red;
	width: 7px;
	position: absolute;
	top: 0px;
	opacity: 0.4;
	display: block;
	border-radius: 7px;
	z-index: 99;
	right: 1px;
	height: 116.354px;
}

.inactive {
	background-color: red;
}

#alter-info {
	text-transform: capitalize;
	text-align: center;
	font-size: 14px;
	color: var(--ls-danger);
}

select option.no-stock {
	background-color: red !important;
}
/**
 *
*/

.nav-hr {
	margin: 0;
	border: 0; /* Remove default browser styling */
	position: relative; /* Allow for absolute positioning of child elements */
	text-align: center; /* Center the content horizontally */
  }
  
  .nav-hr::before {
	content: ""; /* Empty content for the line */
	/* background-color: #3d3d9e; /* Set the line color */
	color: #3d3d9e; /* Set the line color */
	position: absolute;
	top: 50%; /* Position the line vertically in the center */
	width: 50%; /* Set the line width to half the element's width */
	height: 1px; /* Set the line height */
	left: 25%; /* Offset the line to the right to create space for the text */
  }
  
  .nav-hr::after {	
	position: relative; /* Maintain normal document flow */
	/*background-color: white; /* Set the text background (optional) */
	color: #3d3d9e; /* Set the text background (optional) */
	padding: 0 5px; /* Add some padding around the text */
	font-size: 12px;
  }

  .master-end::after { content: "Master End"; }
  .nav-end::after { content: "Menu End"; }

/**
 * DataTable
 **/
 .dt-grid-top {
	display: grid;
	grid-template-columns: repeat(3, 1fr); ;  /* Three columns: auto, auto, 1fr */
	justify-content: space-around;
 }
 .dt-grid-bottom {
	display: grid;
	grid-template-columns: repeat(2, 1fr);  
	justify-content: space-around;
 }
 div.dataTables_wrapper div.dataTables_filter {
    text-align: center;
 }
 div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 1px;
}

th, td { white-space: nowrap;}


.btn2{
	border-radius: 999px;
	box-shadow: #5E5DF0 0 10px 20px -10px;
	box-sizing: border-box;  
	cursor: pointer;  
	font-size: 13px;
	line-height: 24px;
	opacity: 1;
	outline: 0 solid transparent;
	padding: 8px 18px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	width: fit-content;
	word-break: break-word;
	border: 0;
  }
  .btn2-info {
	background: #73f1f1;
	color: #3364b4;
  }
  .btn2-primary {
	background: #5E5DF0;
	color: #fff;
  }
  
  .btn2-success {
	background: #c2fbd7;
	color: green;
  }
  .btn2-warning {
	background: #ff7400;
	color: #000;
  }
  .btn2-danger {
	background: #f24f67;
	color: #951616;
  }