/*text*/

body {
	font-family: Arial !important;
	font-size: .8em !important;
}

.text-electric {
	color: #005895 !important;
}

.text-gold {
	color: #D89D32 !important;
}

.text-green {
	color: #28A745 !important;
}

.text-red {
	color: #B20710 !important;
}

.text-active {
	color: #4682B4 !important;
	font-weight: bold;
}

.text-inactive {
	color: grey !important;
	font-weight: bold;
}

/*icon color*/

.icon-electric {
	color: #005895;
}

/*button color*/

.btn-primary {
	background: #005895 !important;
	border-color: #005895 !important;
	color: white !important;
}

	.btn-primary:hover {
		background: white !important;
		color: #005895 !important;
	}

.btn-primary-reverse {
	background: white !important;
	border-color: #005895 !important;
	color: #005895 !important;
}

	.btn-primary-reverse:hover {
		background: white !important;
		color: #005895 !important;
	}

.btn-secondary {
	background: #D89D32 !important;
	border-color: #D89D32 !important;
	color: white !important;
}

	.btn-secondary:hover {
		background: white !important;
		color: #005895 !important;
	}

.btn-persian:hover, .paginate_button:hover {
	background: white !important;
	color: #D89D32 !important;
}

.btn-danger {
	background-color: #B20710 !important;
	color: #fff !important;
}

/*persian button*/

.btn-persian-reverse {
	background: white !important;
	border-color: #005895 !important;
	color: #005895 !important;
}

	.btn-persian-reverse:hover {
		background: white !important;
		color: #005895 !important;
	}

	.btn-persian-reverse:disabled {
		background: white !important;
		color: #005895 !important;
		filter: brightness(95%) !important;
	}

/*datatable*/

#card-electric .paginate_button.page-item.active > .page-link {
	background-color: #045394 !important;
	color: #fff;
}

.btn-persian, .paginate_button.page-item.active > .page-link {
	background: #005895 !important;
	border-color: #005895 !important;
	color: white !important;
}

	.btn-persian:disabled, .paginate_button:disabled {
		background: #005895 !important;
		color: white !important;
		filter: brightness(150%) !important;
	}

/*card & modal*/

.header-electric {
	background-color: #045394 !important;
	color: #fff;
}

.header-gold {
	background-color: #D89D32 !important;
	color: #fff;
}

.border-bottom-persian {
	border-bottom: 2px solid #005895 !important;
}

.callout.callout-persian {
	border-left-color: #005895;
}

.card-header-persian {
	background: #005895 !important;
	color: white !important;
}

.card-header-gold {
	background: #D89D32 !important;
	color: white !important;
}

.card-header-grey {
	background: #808080 !important;
	color: white !important;
}

.btn-grey {
	background: white !important;
	border-color: #808080 !important;
	color: #808080 !important;
}

.modal-header-gold {
	background: #D89D32 !important;
	color: white !important;
}

.text-persian {
	color: #005895 !important;
}

div.dataTables_wrapper div.dataTables_filter input {
	display: inline !important;
	/*width: 75%;*/
}

div.dataTables_wrapper div.dataTables_filter label {
	text-align: right !important;
}

.dt-padding {
	padding: 3px !important;
}

.dt-cell-padding {
	padding: 0 !important;
}

.dt-sm-text {
	font-size: 12px;
}

.dt-cell-date {
	width: 130px;
}

.dt-cell {
	width: 150px;
}

input[data-fieldtype="number"] {
	text-align: right !important;
}

.dataTables_wrapper .row + .row {
	overflow: auto !important;
}

.bms-dt td {
	padding: .25rem .5rem .25rem .5rem !important;
}

table.dataTable th, table.dataTable td {
	padding-left: 22px !important;
	vertical-align: baseline !important
}

	table.dataTable th::before {
		left: 5px !important;
		margin-bottom: 2px !important;
		right: auto !important;
	}

	table.dataTable th::after {
		left: 10px !important;
		margin-bottom: 2px !important;
		right: auto !important;
	}

table.dataTable th {
	overflow: hidden !important;
	white-space: nowrap !important;
}



/*FRP Edit Page*/
table.dataTable.frp-table th {
	min-width: 100px !important;
	text-align: center !important;
	vertical-align: bottom !important;
	white-space: normal !important;
	word-wrap: break-word;
}

	table.dataTable.frp-table th.accountcode-cell,
	table.dataTable.frp-table th.accountcode-cell + th,
	table.dataTable.frp-table td.accountcode-cell,
	table.dataTable.frp-table td.accountcode-cell + td,
	table.dataTable.frp-table th.decimal-cell,
	table.dataTable.frp-table td.decimal-cell {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

		table.dataTable.frp-table td.decimal-cell input {
			min-width: 30ch !important;
		}

	/*table.dataTable.frp-table th.th-bottom {
		vertical-align: bottom !important;
	}
	table.dataTable.frp-table th[colspan] {
		vertical-align: bottom !important;
	}*/

	/*table.dataTable.frp-table th.accountcode-cell,
	table.dataTable.frp-table th.accountcode-cell + th {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}*/

	/*table.dataTable.frp-table th.decimal-cell {
		min-width: 30ch !important;
	}*/

/*table.dataTable.frp-table td.decimal-cell input {
	min-width: 30ch !important;
}

table.dataTable.frp-table td.accountcode-cell,
table.dataTable.frp-table td.accountcode-cell + td {
	padding-left: 5px !important;
	padding-right: 5px !important;
}*/
/*FRP Edit Page*/



.breadcrumb {
	background: transparent;
	border: none;
	box-shadow: none;
}

.error {
	color: red !important;
}

.modal-xxl {
	min-width: 90%;
}

.modal-xxxl {
	min-width: 95%;
}

table.dataTable > thead .sorting:before {
	opacity: 1;
}

table.dataTable > thead .sorting:after {
	opacity: 1;
}

/** KDS */
span.deleteicon {
	position: relative;
	display: inline-flex;
	align-items: center;
}

	span.deleteicon span {
		position: absolute;
		display: block;
		right: 3px;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		color: #fff;
		background-color: #ccc;
		font: 13px monospace;
		text-align: center;
		line-height: 1em;
		cursor: pointer;
	}

	span.deleteicon input {
		padding-right: 18px;
		box-sizing: border-box;
	}



.transactional-freeze-column {
	position: sticky;
	left: 0;
	background-color: white; /* Ensures frozen columns are above others */
	z-index: 1; /* Ensures frozen columns are above others */
}

	.transactional-freeze-column:nth-child(2) {
		left: 100px; /* Adjust based on the width of the first column */
	}

thead.thead-transactional-freeze > tr:nth-child(1) {
	position: sticky;
	top: 0;
	background-color: white; /* Ensures the header background */
	z-index: 2; /* Ensures the header is above table content */
}

thead.thead-transactional-freeze tr:nth-child(2) {
	position: sticky;
	top: 0;
	background-color: white; /* Ensures the header background */
	z-index: 2; /* Ensures the header is above table content */
}

thead.thead-transactional-freeze tr:nth-child(2) {
	top: 30px; /* Adjust based on the width of the first column */
}
/* Optional: Set a height to the table to enable vertical scrolling */
table.frp_transactional_table {
	display: block;
	max-height: 500px; /* Adjust as needed */
	overflow-y: auto;
}