.noteStyle {
	font-size: 12px;
	text-align: center;
}

.toast-container {
	z-index: 9999999;
}

.bar-chart {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 200px;
}

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

/* Track */

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: rgb(189, 189, 189);
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.ticket-short-information {
	display: none;
}

.print-view .ticket-short-information {
	display: block !important;
}

.table-responsive {
	max-height: 300px;
}

a {
	cursor: pointer;
}

/* .table-1,
.table-2
{
    overflow-x: auto;
    overflow-y: hidden;
}

.table-1 .ifOHjV
{
    min-width: 1200px;
}

.table-2 .ifOHjV
{
    min-width: 900px;
} */

/* 
@media screen, print {
  .no-print { display: none !important; }
}

.print-view .no-print { display: block !important; } */
.reloginSpan {
	color: grey;
}

.relogin {
	display: flex !important;
	flex-direction: row;
	align-items: baseline;
	justify-content: center;
}
.reloginFont {
	font-size: 10pt !important;
}
.error-template {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: calc(100vh - 44px);
}

.app-link {
	color: #0075ff;
	cursor: pointer;
}

.required-field {
	color: #f51515;
	padding-left: 4px;
	font-weight: 600;
}

.gelpCx {
	height: 100%;
}

/*
.drxpNH {
  overflow-y: unset !important;
  overflow-x: unset !important;
}  */

.d-flex {
	flex-wrap: wrap;
}

.d-flex.justify-content-between.align-items-start div button.btn-sm {
	margin: 0 0 16px;
}
/* CSS Code for Buttons */

html,
body {
	overflow-x: hidden;
}

/* .rdt_TableCell {	
	width: 120px !important;
	flex-grow: 2 !important;
}

.rdt_TableCol {	
	width: auto !important;
	flex-grow: 2 !important;
} */

.sc-evZas {
	overflow: unset !important;
	white-space: unset !important;
	text-overflow: unset !important;
}

.hmdZnu {
	white-space: normal !important;
}

.rdt_TableCol_Sortable div {
	white-space: normal !important;
}
.iXRfeU {
	overflow-x: unset !important;
	overflow-y: unset !important;
	max-height: unset !important;
}

#trash-list .rdt_Table {
	max-width: 95% !important;
}
#cancel-list .rdt_Table {
	max-width: 95% !important;
}

/*New Work 21/05/2024*/

.category-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center; /* Center the boxes horizontally */
	justify-items: center;
}

.category-box {
	width: 248px;
	height: 50px;
	display: flex;
	align-items: center; /* Center content vertically */
	justify-content: center; /* Center content horizontally */
	border: 2px solid #ddd;
	border-radius: 10px;
	background-color: #f9f9f9;
	cursor: pointer;
	transition: all 0.3s ease;
	box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.category-box:hover {
	border-color: #aaa;
}

.category-box.selected {
	background-color: #add2ff;
	border-color: #80baff;
	color: #212529;
	font-weight: 600;
}
.category-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	width: 100%; /* Ensure the ellipsis works within the fixed width */
}

.button-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px; /* Adjust the gap size to your preference */
	justify-content: flex-end;
}

.button-container .btn {
	margin: 0; /* Remove any default margin */
}
.mr-4 {
	margin-right: 4px;
}

.branch-performance {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}

.header-controls {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.header-controls h2 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #333;
	margin: 0;
}

.dropdown-container {
	margin-left: auto; /* Ensures dropdown aligns to the right */
}

.dropdown-container .btn {
	/* background-color: transparent !important; */
	/* color: #fff; */
	/* box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); */
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 5px 15px; /* Adjust padding for consistent button size */
	font-size: 0.9rem;
}

.dropdown-container .dropdown-menu {
	width: 200px;
}
.chart-container {
	width: 100%;
	min-height: 400px; /* Ensures the chart has a defined height */
}

.highcharts-credits {
	display: none !important;
}

.no-data-message {
	text-align: center;
	color: #666;
	font-size: 1rem;
	padding: 20px;
}
.counter-badge {
	background-color: #1e78e5;
	color: #fff;
	padding: 8px 8px;
	border-radius: 50%;
	margin-left: 8px;
	font-size: 14px;
}

.fontTimerMini {
	font-size: 2.5rem !important;
	font-weight: 600 !important;
}
.mini-screen-d-block {
	height: 65px !important;
}

.tab-link:hover,
.tab-link:focus {
	border-bottom: 3px solid #036b9a !important;
}
.tab-item {
	margin: 0px 25px !important;
}
.th-tab-nav .tab-item a.tab-link.active {
	border-bottom: 3px solid #036b9a !important;
	font-weight: 500;
}

/* Custom control with #81b5cd border and focus shadow */
.custom-select__control {
	/* border-color: #81b5cd !important; */
	outline: 0 !important;
	box-shadow: unset !important;
	font-size: 1rem !important;
}

.custom-select__control:hover {
	border-color: #81b5cd !important;
	box-shadow: 0 0 0 0.25rem rgba(3, 107, 154, 0.25) !important;
}
.custom-select__control:active {
	border-color: #81b5cd !important;
	box-shadow: 0 0 0 0.25rem rgba(3, 107, 154, 0.25) !important;
}

.custom-select__control:focus {
	box-shadow: 0 0 0 0.25rem rgba(3, 107, 154, 0.25) !important;
	border-color: #81b5cd !important;
}

/* Selected option background and text color */
.custom-select__option--is-selected {
	background-color: #81b5cd !important;
	color: white !important;
}

/* Hover effect for options */
.custom-select__option:hover {
	/* background-color: #8096a1 !important;
	color: white !important; */
}

/* Positioning for the clear button in the branch code input field */
.clear-button {
	position: absolute !important;
	top: 50% !important;
	right: 50px !important;
	transform: translateY(-50%) !important;
	border-radius: 50% !important;
	width: 30px !important;
	height: 100% !important;
	padding: 0 !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 5 !important;
}

/* Styling for the clear icon inside the clear button */
.clear-icon {
	font-size: 1.5rem !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	color: hsl(0, 0%, 70%) !important;
}
.clear-icon:hover {
	color: hsl(0, 0%, 50%) !important;
}

/* For the input field inside the branch code input group */
.branch-code-input {
	font-size: 1rem !important;
	padding-right: 2.2rem !important;
}

/* For the primary button for branch code selection */
.branch-code-btn {
	position: relative !important;
	padding: 1rem 1.5rem !important;
}

/* For the check icon inside the branch code button */
.check-icon {
	font-size: 1.5rem !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

/* For select input fields */
.language-select {
	font-size: 1rem;
}

@media (max-width: 600px) {
	.category-box {
		width: 100px; /* Adjust width for smaller screens */
		height: 100px; /* Adjust height for smaller screens */
	}
}

@media (max-width: 400px) {
	.category-box {
		width: 80px; /* Adjust width for very small screens */
		height: 80px; /* Adjust height for very small screens */
	}
}

@media only screen and (min-width: 1355px) and (max-width: 1555px) {
	#trash-list .rdt_Table {
		max-width: 94% !important;
	}
	#cancel-list .rdt_Table {
		max-width: 94% !important;
	}

	/* .rdt_TableCell {
		width: auto !important;
		flex-grow: 2 !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	} */

	/* .rdt_TableCol {
		min-width: auto !important;
		width: auto !important;
		flex-grow: 2 !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	} */
}
@media only screen and (max-width: 1355px) {
	/* .rdt_TableCell {
		min-width: 40px !important;		
		width: auto !important;
		flex-grow: 2 !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	} */

	/* .rdt_TableCol {
		min-width: auto !important;
		width: auto !important;
		flex-grow: 2 !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.rdt_Table {
		width: 97% !important;
	} */

	/* #trash-list .rdt_Table {
  max-width: 96% !important;
}
#cancel-list .rdt_Table {
  max-width: 96% !important;
} */

	.headerDropdown {
		font-size: 11.5px;
		font-weight: 500;
	}
	/* .eSTlnH {
    width: 97% !important;
  } */
	.sc-evZas {
		overflow: unset !important;
		white-space: unset !important;
		text-overflow: unset !important;
	}
	.sc-crXcEl {
		overflow: unset !important;
	}
	.rdt_TableHead {
		/* font-size: 10px !important; */
	}

	.rdt_TableRow {
		/* font-size: 10px !important; */
	}

	/* .jzGaAN {
    padding-left: 5px !important;
    padding-right: 5px !important;
  } */
	/* .jfrgbA {
    padding-left: 5px !important;
    padding-right: 5px !important;
  } */
	/* .jVeafb {
    font-size: 10px !important;
  } */
	.griddropdown {
		/* font-size: 10px !important; */
	}
}

.gridbtn {
	flex-wrap: nowrap;
	/* font-size: 9.5pt !important; */
	min-width: 90px !important;
	padding: 6px 2px 6px 2px !important;
}

@media only screen and (min-width: 890px) and (max-width: 985px) {
	.gridbtn {
		flex-wrap: nowrap;
		/* font-size: 7pt !important; */
		min-width: 65px !important;
		padding: 6px 2px 6px 2px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
	/* .rdt_TableCol {
		min-width: 43px !important;
		width: auto !important;
		flex-grow: 1 !important;
		
	} */

	/* .rdt_TableCell {
		min-width: 43px !important;
		width: auto !important;
		flex-grow: 1 !important;		
	} */
	.gridbtn {
		flex-wrap: nowrap;
		/* font-size: 7pt !important; */
		min-width: 65px !important;
		padding: 6px 2px 6px 2px !important;
	}

	.griddropdown {
		/* font-size: 6pt !important; */
		min-width: 50px !important;
		background-size: 7px 7px;
		padding: 0.375rem 0 0.375rem 0.75rem;
	}
}
@media only screen and (min-width: 720px) and(max-width: 768px) {
	/* .rdt_TableCol {
		min-width: 45px !important;
		width: auto !important;
		flex-grow: 1 !important;
		
	}

	.rdt_TableCell {
		min-width: 45px !important;
		width: auto !important;
		flex-grow: 1 !important;
		
	} */

	.gridbtn {
		flex-wrap: nowrap;
		/* font-size: 5pt !important; */
		min-width: 65px !important;
		padding: 6px 2px 6px 2px !important;
	}

	.griddropdown {
		/* font-size: 5pt !important; */
		min-width: 45px !important;
		background-size: 7px 7px;
		padding: 0.375rem 0 0.375rem 0.75rem;
	}
}

@media only screen and (max-width: 755px) {
	.dropdown-menu {
		display: none;
		min-width: 8rem;
		transform: translate(13px, -2px) !important;
		padding: 0px;
		font-size: 12px;
	}
	/* .rdt_TableCol {
		min-width: 36px !important;
		width: auto !important;
		flex-grow: 1 !important;
		
	}

	.rdt_TableCell {
		min-width: 36px !important;
		width: auto !important;
		flex-grow: 1 !important;
		
	} */

	.gridbtn {
		flex-wrap: nowrap;
		/* font-size: 5pt !important; */
		min-width: 60px !important;
		padding: 6px 2px 6px 2px !important;
	}

	.griddropdown {
		/* font-size: 3pt !important; */
		min-width: 40px !important;
		background-size: 5px 5px;
		padding: 0.375rem 0 0.375rem 0.75rem;
	}

	.iXRfeU {
		overflow-x: auto !important;
		overflow-y: auto !important;
	}

	#trash-list .fwKvpK {
		overflow-x: auto !important;
		overflow-y: auto !important;
	}

	#cancel-list .fwKvpK {
		overflow-x: auto !important;
		overflow-y: auto !important;
	}
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.modal-header .btn-close {
	/* display: none !important; */
}

.hide-class {
	display: none !important;
}
.font-counterNum {
	/* font-size: 12px !important; */
	display: block !important;
	margin-top: 4px !important;
	font-weight: 500 !important;
}
.firstLastName {
	overflow-wrap: anywhere !important;
}

/* .counter {
  display: flex;
  align-items: center;
}
.counter button {
  margin: 0 5px;
  font-size: 24px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #ccc;
  border: none;
  outline: none;
  cursor: pointer;
}
.counter button:hover {
  background-color: #aaa;
} */

button.plus-button-class {
	width: 22px;
	font-size: 15px;
	animation: center;
	border: none;
	background: #c4f3c9;
	color: black !important;
	border-radius: 2px;
	height: 100% !important;
	display: flex;
	align-items: center;
	padding: 0 5px;
}
button#addButton {
	background: none !important;
	border: none;
	font-size: 14px;
	font-weight: 600;
}
button.minus-button-class {
	width: 22px;
	font-size: 15px;
	height: 100% !important;
	animation: center;
	background: #ffd3d5;
	border: none;
	color: black !important;
	border-radius: 2px;
	display: flex;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
	padding: 0 7.1px;
}

div#counter {
	display: flex;
	align-items: center;
	/* margin-bottom: 20px; */
}

div#counter span.element {
	background: #fff;
	width: 30px;
	border-radius: 2px;
	height: max-content !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 4px !important;
	outline: 1px solid #b8b8b8;
}
.counter-main {
	display: flex;
	align-items: center;
}

span.btn__inde {
	background: none !important;
	border: none !important;
	display: flex;
	flex-wrap: wrap;
}
/* .counter-number{
    display: flex;
    gap: 10px;

} */

input.radio__btn {
	margin: 0;
}

.minus-button-class p,
.plus-button-class p {
	margin: 0;
	line-height: 1;
}

label.label__width {
	width: 80%;
	margin-left: 10px;
}
.multiNotes {
	white-space: break-spaces !important;
}

.form-check {
	display: flex !important;
	align-items: center;
	gap: 5px;
}

.word-break-all {
	word-break: break-all !important;
}
.mini-ticket-header {
	background: rgba(214, 51, 132, 0.05);
	width: max-content;
	color: #d63384;
	padding: 5px 10px;
	font-size: 19px;
	font-weight: 600;
}

.mini-ticket-img {
	margin-top: -2px;
}
.note-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 5px;
}

.note-delete {
	position: absolute;
	top: 0;
	right: 12px;
}

.th-card .th-card-iconss {
	width: 60px !important;
	height: 60px;
	border-radius: 50% !important;
	font-size: 25px;
	top: 30px !important;
	right: 40px !important;
}

.th-small-cardss {
	padding: 85px 45px !important;
	height: 186px !important;
	border: 1px solid #f2eeee;
}

.character-count {
	font-size: 0.8rem;
	color: #6c757d;
	margin-top: 0.1rem;
	text-align: right;
}

.character-count.warning {
	color: #d9a403; /* Yellow color for warning */
}

.character-count-sm {
	font-size: 0.6rem;
	color: #6c757d;
	margin-top: 0.1rem;
	text-align: right;
}

.character-count-sm.warning {
	color: #d9a403; /* Yellow color for warning */
}
.ant-table-thead > tr > th {
	background: #fff !important;
}
.headingTable {
	color: #036b9a !important;
}
.badgeStyle {
	/* background-color: color !important; */
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	font-size: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* .dropdown-menu-custom {
	position: fixed !important;
	inset: auto !important;
	margin: 0px !important;
	transform: translate(-110px, 0px) !important;
} */

.stick-dropdown {
	position: relative;
}

.ant-dropdown {
	width: max-content !important;
}

.padding-profile {
	padding: 22px 20px;
}
@media (max-width: 1100px) and (min-width: 768px) {
	.th-card-title {
		font-size: 17px !important;
	}

	.th-small-card-content {
		font-size: 25px !important;
	}
	.th-small-cardss {
		padding: 100px 30px !important;
		height: 186px !important;
		border: 1px solid #f2eeee;
	}
	.th-card .th-card-iconss {
		width: 50px !important;
		height: 50px;
		border-radius: 50% !important;
		font-size: 25px;
		top: 20px !important;
		right: 40px !important;
	}
}