html, body {
	font-size: 12px;
	color: #000;
}

.table>:not(caption)>*>* {
	background-color: transparent;
}

table {
	white-space: nowrap;
	font-size: inherit;
	vertical-align: middle !important;
}

table a {
	color: #000;
	text-decoration: none;
}

table a:hover {
	text-decoration: underline;
}

table input {
	border: 0px;
	background-color: transparent;
	width: 100%;
}

tr i {
	margin: 0px 5px;
	cursor: pointer;
}

tr.paid {
	background-color: #edffe6;
}

tr.unpaid {
	background-color: #ffeeee;
}

tr.partial {
	background-color: #fffadb;
}

.table-outer-div {
	overflow-x: auto;
}

.grey-bg {
	background-color: #e8e8e8;
	padding-bottom: 100px;
}

.boxify {
	background-color: #fff;
	padding: 40px 20px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,0.2);
}

#home-page .btn {
	font-size: 14px;
	padding: 10px;
}

.totals {
	text-align: right;
}

.total-value h3 {
	margin-bottom: 0px;
}

.sno-col, .small-col {
	width: 65px;	
}

.actions-col {
	width: 100px;
}

.sortable {
	cursor: pointer;
}

.sortable:hover {
	text-decoration: underline;
}

.main-company-logo {
	font-weight: 900;
	text-transform: uppercase;
	color: #e33122;
}

.tableexport-caption .btn {
	margin-right: 5px;
}

#action-btns {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	border-radius: 15px;
	border: 1px solid rgba(0,0,0,0.2);
}

#invoice-print.govt .hide-on-govt, #invoice-print.within .hide-on-within, #invoice-print.outside .hide-on-outside, #invoice-print.pr-tax-28-0 .hide-on-zero {
	display: none;
}

.ui-menu {
	font-family: var(--bs-body-font-family);
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.ui-menu .ui-state-active {
	margin: 0px !important;
	border: none !important;
	background-color: #0d6efd;
	color: #fff;
}

#ui-datepicker-div {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.ui-datepicker-today {
	background-color: #f3e688;
}

.ui-datepicker table {
	margin: 0 0 0.2em;
}

.ui-datepicker td {
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.ui-datepicker-prev, .ui-datepicker-next {
	top: 0 !important;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.ui-datepicker-prev-hover {
	left: 2px !important;
	top: 0px !important;
	border: none !important;
	background: none !important;
}

.ui-datepicker-next-hover {
	right: 2px !important;
	top: 0px !important;
	border: none !important;
	background: none !important;
}

.ui-datepicker-prev::before {
	font-size: 18px;
	font-family: bootstrap-icons !important;
	content: "\f129";
	text-decoration: none;
	color: #000;
}

.ui-datepicker-next::before {
	font-size: 18px;
	font-family: bootstrap-icons !important;
	content: "\f133";
	text-decoration: none;
	color: #000;
}

.ui-widget-header .ui-icon {
	background-image: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: none;
	background: transparent;
	font-weight: normal;
	color: #454545;
}

label span {
	cursor: pointer;
}

.hide-navbar .navbar {
	display: none;
}

.vehicle-record-outer {
	overflow-x: auto;
}

.vehicle-record-title {
	font-size: 1.7rem;
	font-weight: bold;
}

.vehicle-record-title tbody, .vehicle-record-title td, .vehicle-record-title tr {
	border: none;
}

@media only screen and (max-width: 767px) {
	.container {
		padding: 0px 20px;
	}
}

@media print {
	@page {
		size: 210mm 297mm;
		margin: 5mm 5mm 5mm 5mm;
	}
	
	body {
		font-size: 8pt;
		color: #000;
	}
	
	table {
		table-layout: auto;
		white-space: nowrap;
		page-break-inside: auto;
	}
	
	.navbar, #action-btns {
		display: none;
	}
	
	.wrap-this {
		white-space: normal;
	}
	
	.name-col {
		width: 40% !important;
	}
	
	.sno-col, .small-col {
		width: 6.5% !important;
	}
	
	#invoice-print.govt .name-col {
		width: 65% !important;
	}
	
	.table>:not(caption)>*>* {
		padding: 0.5mm 0.5mm;
	}
	
	.main-company-logo {
		font-size: 18pt;
	}
	
	#pageborder {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		border: 1px solid #000;
	}
	
	#invoice-print {
		height: 100%;
	}
	
	#invoice-print .container-fluid {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
	
	.push-to-bottom {
		margin-top: auto;
	}
}