html,
body {
	height: 100%;
	color: #888;
	font-family: "Roboto", sans-serif;
}

a {
	text-decoration: none !important;
}

::-webkit-scrollbar {
	width: 5px !important;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	background: #ccc !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #ccc !important;
}

.h1 {
	font-size: 18px !important;
	font-weight: bold !important;
}

textarea {
	max-height: 200px;
	max-width: 100%;
}

.nopadl {
	padding-left: 0 !important;
}

form .col-md-12.collapse {
	padding: 0px !important;
}

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.wrap>.container {
	padding: 70px 15px 20px;
}

/* disabled by Rajat Jain on 2017-01-06 due to new themen implementation
.footer { height: 60px; background-color: #f5f5f5; border-top: 1px solid #ddd; padding-top: 20px; }*/
.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

a.asc:after,
a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content:
		/*"\e113"*/
		"\e151";
}

a.desc:after {
	content:
		/*"\e114"*/
		"\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

.after-login-logo {
	height: 0px !important;
	width: 1000px !important;
	text-align: left;
}

.no-mrg {
	margin: 0px;
	padding: 0px !important;
}

.checkbox .public {
	color: #00a65a;
}

.heading-info {
	border-top: solid 1px #f4f4f4;
	margin: 0;
}

.itemHeading {
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: bold;
}

.itemDesp {
	padding: 10px 0;
	border-bottom: solid 1px #ccc;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: normal;
}

.itemDesp .glyphicon {
	display: inline-block;
	vertical-align: top;
	padding: 0px 4px;
}

.itemInput {
	padding: 10px 0;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-weight: bold;
}

.discountInfo span {
	vertical-align: middle;
}

.discountInfo {
	background: #eeeeee;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 20px 0 0 !important;
	border: 1px solid #ddd;
}

.discountInfo input[type="checkbox"] {
	margin-top: 12px;
}

.totalBlock span {
	padding: 0;
	/*display:inline-block;*/
}

.totalAmount span {
	padding: 0;
	display: inline-block;
}

.total-footer {
	padding: 0;
	display: inline-block;
	font-size: 18px;
}

.total-footer div {
	margin-bottom: 10px;
}

.totalBlock .total-footer {
	border-top: solid 1px #82AD4E;
	padding: 10px 0px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-top: 10px;
}

.f-right {
	float: right !important;
	text-align: right;
}

.total-price {
	padding-left: 10px !important;
	color: #000;
	font-weight: bold;
	width: 130px;
}

.totalrfPrice {
	display: inline-block;
	margin-top: 10px;
}

.itemBlock .item-table textarea.form-control {
	height: 34px;
}

.itemBlock .item-table {
	margin-bottom: 0;
}



.itemBlock {
	border-bottom: solid 1px #f4f4f4;
	margin-bottom: 20px;
}

.mar10 {
	margin-right: 10px;
}

.refrenceBlock .form-group {
	float: left;
	width: 100%;
}

.refrenceBlock .form-group {
	width: 110px;
	margin-right: 5px;
}

.select2-container--default .select2-selection--single {
	height: 38px !important;
	border-radius: 0.375rem !important;
	border: 1px solid #dee2e6 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px !important;
	padding-left: 12px !important;
	padding-right: 24px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px !important;
	right: 6px !important;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #86b7fe !important;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #0d6efd !important;
	color: #ffffff !important;
}

.select2-search--dropdown .select2-search__field {
	border: 1px solid #dee2e6 !important;
	border-radius: 0.375rem !important;
	padding: 6px 10px !important;
	outline: none !important;
}

.select2-search--dropdown .select2-search__field:focus {
	border-color: #86b7fe !important;
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}



.form-group.btnBlock {
	float: right;
	width: auto;
}

.heading-info .box-header {
	padding: 10px 0px;
}

.settings-legend {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #212529 !important;
	border-bottom: 2px solid #e9ecef !important;
	padding-bottom: 8px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.manage-setting-listing .form-group {
	margin-bottom: 1rem !important;
}

.form-input .control-label,
.form-input label,
.form-group .control-label,
.form-group label,
.manage-setting-listing .control-label,
.manage-setting-listing label,
.manage-setting-listing .form-label {
	padding: 0 !important;
}

.manage-setting-listing fieldset {
	margin-bottom: 1.5rem;
}

.navbar-form .searchBtn {
	background: none;
	border: none;
	position: absolute;
	top: 8px;
	right: 4px;
	color: #dd4b39;
}

.navbar-form .form-group {
	position: relative;
}

.navbar-brand {
	padding: 0px 15px !important;
}

.navbar-brand span {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
}

.navbar-brand img {
	display: inline-block !important;
}

.main-header .navbar-form #navbar-search-input.form-control {
	padding: 6px 28px 6px 12px;
}

.main-header {
	position: fixed !important;
	left: 0;
	right: 0;
	width: 100%;
}

/* .content-wrapper {
	overflow: auto;
} */

.glyphicon.glyphicon-pencil {
	padding: 0px 3px;
}

.glyphicon.glyphicon-trash {
	padding: 0px 3px;
}

.glyphicon.glyphicon-eye-open {
	padding: 0px 3px;
}

.totalAmount .total-price {
	font-weight: bold;
	color: #000;
}

.discountInfo .totalAmount span {
	padding-top: 0;
}

.totalAmount {
	margin-bottom: 15px;
}

.navbar-static-top .dropdown-menu {
	padding: 0;
}

.navbar-static-top #navbar-collapse .dropdown-menu li:last-child a:hover {
	border-radius: 0px 0 4px 4px;
}

.navbar-static-top #navbar-collapse .dropdown-menu li.active:last-child a {
	border-radius: 0px 0 4px 4px;
}

.navbar-static-top .dropdown-menu>.active>a,
.navbar-static-top .dropdown-menu>.active>a:focus,
.navbar-static-top .dropdown-menu>.active>a:hover {
	background-color: #e1e3e9;
	color: #777;
}

.item-table thead tr th {
	background: #efefef;
}

.item-table thead tr th label {
	margin-bottom: 0;
}

.item-table>tbody+tbody {
	border-top: none !important;
}

.addItem .addbtn {
	color: #333;
	font-size: 14px;
}

.addItem .addbtn .glyphicon-plus-sign {
	font-size: 18px;
	vertical-align: text-top;
	margin-right: 2px;
}

.addItem .addbtn:hover {
	color: #00a65a;
}

#search-form form {
	margin: 5px 0;
}

#search-form .summary {
	margin-bottom: 7px;
}

#search-form .btn {
	width: 100%;
	white-space: inherit;
}

.form-group {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.box-header .box-title {
	color: #dd4b39;
}

.inputBorder {
	border: solid 1px #ccc;
}

.createForm .btn-login {
	margin-right: 5px;
}

.itemForm .btn-login {
	margin-right: 5px;
}

.addField {
	padding: 0px 15px 0px 135px;
	margin-bottom: 20px;
}

.addField .adv-btn {
	color: #00a65a;
	font-size: 14px;
	font-weight: 700;
	background: #dd4b39;
	color: #fff;
}

.addField .adv-btn:hover,
.addField .adv-btn:focus {
	color: #fff;
	background: #f55845;
}

.form-input .control-label {
	padding: 5px 14px 0px 0px;
	/*text-align:right;*/
}

.form-input .form-control {
	width: 100%;
	float: left;
}

.form-input textarea.form-control {
	width: 100% !important
}

.form-textarea .control-label {
	width: 120px;
	float: left;
	padding: 5px 15px 0px 0px;
	/*text-align:right;*/
}

.form-textarea textarea.form-control {
	width: 88.3%;
	float: left;
}

.form-input .uploadMaster {
	width: 76%;
	float: left;
}

.file-thumbnail-footer .file-caption-name {
	width: 100% !important;
}

.kv-file-zoom {
	display: none !important;
}

.form-input .help-block {
	display: block;
	width: 100%;
	margin-bottom: 0;
}

.form-textarea textarea.form-control {
	height: 90px;
}

.itemForm {
	padding-left: 120px;
}

.pagination {
	margin-bottom: 0;
}

.pagination .page-item.active .page-link,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #1e293b !important;
	border-color: #1e293b !important;
	color: #ffffff !important;
}

.pagination .page-link {
	color: #334155;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	color: #0f172a;
	background-color: #f1f5f9;
}

.btn.drop-sm-btn,
button.drop-sm-btn {
	padding: 2px 2px;
	background: none;
	border: none;
	line-height: 10px;
}

.btn.drop-sm-btn::after,
button.drop-sm-btn::after,
.drop-sm-btn.dropdown-toggle::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
}

.btn.drop-sm-btn .glyphicon.glyphicon-cog {
	top: 0;
}

.btn.drop-sm-btn:hover,
.btn.drop-sm-btn:focus {
	background: none !important;
	border: none !important;
}

.drop-icon.open .btn.drop-sm-btn {
	background: none !important;
	border: none !important;
}

.drop-icon {
	padding: 0px 3px;
}

.drop-icon .dropdown-menu {
	left: -80px;
	padding: 0;
}

.drop-icon .dropdown-menu>li>a {
	color: #333;
}

.drop-icon .dropdown-menu>li>a:hover {
	background-color: #82AD4E;
	color: #fff;
}

.drop-icon .dropdown-menu>li:last-child a:hover {
	border-radius: 0 0 4px 4px;
}

.form-check {
	margin-left: 120px;
}

.f-right {
	float: right !important;
}

.invoice-left {
	float: left;
	width: 40%;
}

.invoice-right {
	float: right;
	width: 40%;
}

.color-green {
	color: #0C0
}

.pdf-border {
	border: solid 1px #cccccc;
}

.table tr th {
	border: none;
}

.table tr td {
	border: none;
}

#company-company_logo-fileupload {
	padding-left: 120px;
}

#company-company_logo-fileupload .table {
	margin-bottom: 0;
}

#company-company_logo-fileupload .progress {
	margin-bottom: 15px;
}

.edit-upload {
	padding-left: 120px;
}

form div.required label.control-label:after {
	content: " * ";
	color: red;
}

.discountInfo span.padT0 {
	padding-top: 0;
}

.addMoreBlock .addSection {
	position: relative;
}

.addMoreBlock .addSection .remove {
	position: absolute;
	right: 7px;
	top: 0px;
}

.addMoreBlock .addSection {
	float: left;
	width: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 15px;
}

.addMoreBlock .addSection .input-add .form-control {
	width: 90%;
}

.addMoreBlock {
	margin-bottom: 15px;
	margin-top: 15px;
}

.backbg {
	background: #efefef;
	display: inline-block;
	width: 100%;
	padding-top: 15px;
}

.backbg .addSection:last-child {
	margin-bottom: 0;
}

.form-input #user-company_logo-fileupload {
	width: 76%;
	float: left;
}

.form-input #user-authorised_sign-fileupload {
	width: 76%;
	float: left;
}

#user-authorised_sign-fileupload .btn {
	padding: 6px 2px;
	margin-bottom: 5px;
}

#user-company_logo-fileupload .btn {
	padding: 6px 2px;
	margin-bottom: 5px;
}

#user-authorised_sign-fileupload .table tr td p {
	word-break: break-all;
}

#user-company_logo-fileupload .table tr td p {
	word-break: break-all;
}

.form-control {
	border-radius: 3px !important;
}

.form-input #client-company_logo-fileupload {
	width: 76%;
	float: left;
}

.form-input #client-authorised_sign-fileupload {
	width: 76%;
	float: left;
}

#client-company_logo-fileupload .btn {
	padding: 6px 2px;
	margin-bottom: 5px;
}

#client-authorised_sign-fileupload .btn {
	padding: 6px 2px;
	margin-bottom: 5px;
}

.content-wrapper,
.right-side {
	background-color: #fff !important;
}

.box {
	border: none !important;
	box-shadow: none !important;
}

.skin-red-light .main-header .navbar {
	background-color: #232733 !important;
	border-bottom: solid 1px #ddd;
}

.skin-red-light .main-header .navbar .nav {
	position: relative;
	top: 2px;
}

.skin-red-light .main-header .navbar .nav>li {
	margin: 6px 0px 0px;
}

.user-menu a.dropdown-toggle {
	padding-bottom: 5px !important;
}

.skin-red-light .main-header .navbar .nav>li>a {
	color: #fafafa !important;
	font-weight: bold;
	border: solid 1px transparent;
	border-bottom: 0;
	padding-top: 10px;
	padding-bottom: 12px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.skin-red-light .main-header .navbar .nav>li>a:active,
.skin-red-light .main-header .navbar .nav .open>a,
.skin-red-light .main-header .navbar .nav .open>a:hover,
.skin-red-light .main-header .navbar .nav .open>a:focus,
.skin-red-light .main-header .navbar .nav>.active>a {
	background-color: #fff !important;
	color: #555 !important;
}

.skin-red-light .main-header .navbar .nav>li>a:hover {
	color: #82ad4e !important;
	background: none !important;
}

.skin-red-light .main-header .navbar .nav>.active>a:hover {
	color: #555 !important;
	background: #fff !important;
}

.skin-red-light .main-header .navbar .nav>.active>a {
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}

.skin-red-light .main-header #navbar-collapse .nav>.open>a {
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}

.main-header .navbar-brand {
	color: #555 !important;
	font-weight: bold;
}

.skin-red-light .main-header .navbar-custom-menu .nav>li>a {
	color: #fafafa !important;
	font-weight: normal;
}

.navbar-custom-menu>.nav>li.open>a.dropdown-toggle {
	border-style: solid;
	border-width: 1px 1px 0px;
	border-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}

.box-header .box-title {
	color: #555 !important;
}

.main-header #navbar-search-input.form-control {
	background: #fff !important;
	border-color: #ddd !important;
}

.navbar-form .searchBtn {
	color: #888 !important;
}

.navbar-static-top .dropdown-menu>.active>a,
.navbar-static-top .dropdown-menu>.active>a:focus,
.navbar-static-top .dropdown-menu>.active>a:hover {
	background-color: #fafafa !important;
}

.item-table>thead>tr>th {
	/*border-bottom:solid 2px #ddd !important; background:#fff !important;*/
}

.skin-red-light .main-header li.user-header {
	background-color: #fff !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
	color: #555 !important;
}

.table>thead>tr>th {
	/*background:url(../images/table_header_bg.png) repeat-x 0px -1px #5f5f5f !important;*/
	background: #5f5f5f;
	color: #fff;
	font-size: 13px;
	padding: 6px 8px !important;
	border-bottom: none !important;
	border-top: none !important;
}

.table thead th a {
	color: #fff;
}

#navbar-collapse .navbar-nav li .dropdown-menu {
	margin-top: -1px;
	opacity: 0;
	border-bottom: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	margin-top: 0px;
	width: 100%;
	padding: 0;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu li:last-child a:hover {
	border-radius: 0px 0 4px 4px;
}

.skin-red-light .main-header .navbar-custom-menu .nav {
	position: relative;
	top: 0px;
}

#search-form .box-tools .btn {
	width: auto;
}

#search-form form {
	margin: 0 !important;
}

.srchRefBlock {
	right: 0;
	padding-top: 0px;
	float: left;
	margin-left: 15px;
}

.srchRefBlock .icons {
	border: none;
	background: none;
	color: #888;
	float: left;
	padding: 6px 10px;
	line-height: 1.42857;
	top: 0;
}

.srchRefBlock .icons:hover {
	color: #82ad4e;
}

.srchRefBlock .srchicon {
	margin-right: 4px;
	background: #82ad4e;
	border: solid 1px #82ad4e;
	border-radius: 3px;
	color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.srchRefBlock .srchicon:hover {
	background: #6F9342;
	border: solid 1px #6F9342;
	color: #fff;
}

.exportAdd {
	float: left;
	width: 30%;
}

.formBody {
	float: left;
	width: 600px;
}

.formHeader.reportFormHeader .formBody {
	width: 86%;
	margin-bottom: 10px;
}

.srchReport .formBody {
	width: 87%;
}

.srchReport .exportAdd {
	width: auto;
	margin-top: 25px;
}

.srchReport .exportAdd .btn {
	padding: 5px 10px;
}

.formHeader {
	float: right;
}

.formHeader.srchReport {
	margin-top: 0px;
	float: left;
	margin-bottom: 0px;
	width: 100%;
}

.srchReport .srchRefBlock {
	margin-left: 4px;
	margin-top: 25px;
}

.box-header {
	padding: 10px 0 !important;
}

.box-body {
	padding: 0px 0 !important;
	position: relative;
}

#search-form {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.formHeader .inputBlock .help-block-error {
	display: none;
}

.formHeader .inputBlock .form-group {
	margin-bottom: 0;
}

.table>tbody>tr.fade>td {
	padding: 8px 4px;
}

.table>tbody>tr.fade>td>p {
	word-break: break-all;
}

#modalHeader.modal-header {
	display: none;
}

.modal-content {
	border-radius: 10px !important;
	padding: 10px 15px !important;
	border: none !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.modal-content .modal-body .box {
	margin-bottom: 0;
}

.modal-content .modal-body .box .box-body {
	padding: 10px !important;
}

.modal-content .modal-body .box .box-header {
	padding-top: 0 !important;
}

.modal-sm {
	width: 440px !important;
	max-width: 95% !important;
	margin: 1.75rem auto !important;
}

.table-responsive {
	overflow: visible !important;
}

/* Custom Modern Horizontal Scrollbar for Tables */
.table-responsive::-webkit-scrollbar {
	height: 6px !important;
}

.table-responsive::-webkit-scrollbar-track {
	background: #f1f5f9 !important;
	border-bottom-left-radius: 0.375rem !important;
	border-bottom-right-radius: 0.375rem !important;
}

.table-responsive::-webkit-scrollbar-thumb {
	background: #cbd5e1 !important;
	border-radius: 4px !important;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background: #94a3b8 !important;
}

/* Prevent double scrollbars inside Kartik GridView container */
.table-responsive .kv-grid-container,
.kv-grid-container {
	overflow-x: visible !important;
}

.ui-autocomplete-input {
	border: 1px solid #d2d6de;
	border-radius: 4px;
	box-shadow: none;
	padding: 6px 12px;
	width: 100%;
}

.ui-autocomplete-input:focus {
	border-color: #82AD4E;
	box-shadow: 0 0 5px rgba(130, 173, 78, 0.4);
}

.has-error .ui-autocomplete-input {
	border-color: #a94442;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

ul.ui-autocomplete {
	position: absolute !important;
	z-index: 1055 !important;
	background-color: #ffffff !important;
	border: 1px solid #d2d6de !important;
	border-radius: 6px !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
	max-height: 250px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 4px 0 !important;
	margin: 2px 0 0 0 !important;
	list-style: none !important;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

ul.ui-autocomplete li.ui-menu-item,
ul.ui-autocomplete div.ui-menu-item-wrapper {
	padding: 8px 12px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	color: #333333 !important;
}

ul.ui-autocomplete div.ui-menu-item-wrapper:hover,
ul.ui-autocomplete div.ui-menu-item-wrapper.ui-state-active,
ul.ui-autocomplete div.ui-menu-item-wrapper.ui-state-focus {
	background-color: #f0f7e6 !important;
	color: #4a7c15 !important;
	font-weight: 600 !important;
	border: none !important;
}

.ui-tooltip.ui-widget {
	display: none !important;
}

.alert {
	padding: 10px 15px !important;
}

.alert.alert-dismissible {
	padding-right: 45px !important;
	position: relative !important;
}

.alert-dismissible .btn-close {
	position: absolute !important;
	top: 50% !important;
	right: 12px !important;
	transform: translateY(-50%) !important;
	padding: 8px !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.f-fight {
	float: right !important;
	margin-top: 40px;
}

.marginBottom {
	margin-bottom: 20px;
}

.red-star {
	color: red;
}

.red {
	color: #E40001;
}

.green {
	color: #7eb40c;
}



.saveicon i {
	font-size: 17px;
	padding: 6px;
}

.viewthcol1 th {
	width: auto !important;
}

.bar-box-purchase {
	color: #59A93A;
}

.bar-box-sale {
	color: #F67800
}

#add-client-form .form-group {
	margin-bottom: 0px;
}

#register-form .form-group {
	margin-bottom: 0px;
}

.file-preview-image {
	height: auto;
	max-height: 85px;
	width: auto;
}

#totalInvoiceAmountBeforeDisc.fa {
	font-size: 12px;
}

#totalInvoiceAmountAfterDisc .fa {
	font-size: 12px;
}

#totalTax .fa {
	font-size: 12px;
}

#totalInvoiceAmount .fa {
	font-size: 14px;
}

.fileinput-remove {
	display: none
}

.uploadMaster .file-preview {
	margin-bottom: 0px;
	border-radius: 0px;
}

.uploadMaster .input-group {
	border-radius: 0px;
}

.small-box>.inner .fa {
	font-size: 14px;
}

.tbinvoice-action a {
	color: #82AD4E;
	font-size: 15px;
	margin-right: 4px !important;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.tbinvoice-amt .fa {
	font-size: 11px;
}

.tb-item-sr {
	width: 5%;
}

.tb-item-name {
	width: 15%;
}

.tb-item-desc {
	width: 50%;
}

.tb-item-type {
	width: 8%;
}

.tb-item-price {
	width: 5%;
}

.tb-item-status {
	width: 7%;
}

.tb-item-action {
	width: 10%;
}

.tb-item-status a {
	color: #82AD4E;
}

.tb-item-status a:hover {
	color: #414140;
}

.tb-item-action a {
	color: #82AD4E;
}

.tb-item-action a:hover {
	color: #414140;
}

.main-footer a {
	color: #b5d556;
}

.tb-client-sr {
	width: 5%;
}

.tb-client-name {
	width: 30%;
}

.tb-client-mobile {
	width: 12%;
}

.tb-client-add {
	width: 28%;
}

.tb-client-status {
	width: 10%;
}

.tb-client-action {
	width: 15%;
}

.tb-client-status a {}

.tb-client-status a:hover {
	opacity: 0.85;
}

.tb-client-action a {
	color: #82ad4e;
}

.tb-client-action a:hover {
	color: #414140;
}

.tb-tax-sr {
	width: 5%;
}

.tb-tax-name {
	width: 15%;
}

.tb-tax-display {
	width: 20%;
}

.tb-tax-depent {
	width: 20%;
}

.tb-tax-rate {
	width: 15%;
}

.tb-tax-status {
	width: 10%;
}

.tb-tax-action {
	width: 15%;
}

.tb-tax-status a {}

.tb-tax-status a:hover {
	opacity: 0.85;
}

.tb-tax-action a {
	color: #64748b;
}

.tb-tax-action a:hover {
	color: #1e293b;
}

.tb-report-type {
	width: 10%;
}

.tb-report-id {
	width: 15%;
}

.tb-report-date {
	width: 15%;
}

.tb-report-client {
	width: 30%;
}

.tb-report-amt {
	width: 15%;
}

.tb-report-total {
	width: 15%;
}

.tbinvoice-action a {
	color: #82AD4E;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.tbinvoice-action a:hover {
	color: #414140;
}

.drop-icon .btn span {
	color: #82AD4E;
	background: none;
	vertical-align: super;
}

.drop-icon .btn:hover {
	color: #414140 !important;
	background: none;
	vertical-align: super;
}

.border-btm {
	border-bottom: 1px solid #82AD4E;
}



#totalInvoiceAmountBeforeDisc .fa {
	font-size: 11px;
}

.bg-form {
	background-color: #F4F4F4;
}

.btn-cancle {
	background-color: #fd5858;
	border-color: #fd5858;
	color: #fff;
}

.btn-cancle:hover {
	background-color: #FF2626;
	border-color: #FF2626;
	color: #fff !important;
}

.padT0 .fa {
	font-size: 12px;
}

.padding-rgt-10 {
	padding-right: 10px;
}

.margin-rgt-5 {
	margin-right: 5px;
}

.glyphicon-remove-circle {
	color: #e40001;
}

.total-border {
	width: 100%;
	border: 1px solid grey;
}

.user-image {
	border-radius: 0px !important;
}

.table th {
	font-size: 16px !important;
	font-weight: 400;
}

.table td {
	font-size: 15px;
}

.aryaInvoiceReport.table thead th,
.aryaInvoiceReport.table tbody td {
	width: auto !important;
}

.box-tools a {
	font-size: 14px;
}

#loader {
	background: #000 none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.6 !important;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

#loaderImgDiv {
	opacity: 1 !important;
	overflow: auto;
	position: fixed;
	top: 0%;
	z-index: 10002;
	padding: 0px;
	background: transparent none repeat scroll 0 0;
	box-shadow: none;
	text-align: center;
}

#paymentModal .modal-header {
	border-bottom: none;
}

#paymentModal .modal-body {
	padding-bottom: 0;
}

.no-padding {
	padding: 0px !important;
}

.left-right-pad-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.left-right-mrg-5 {
	margin: 0 5px !important;
}

.daterangepicker .ranges li {
	color: #82ad4e !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
	background: #82ad4e !important;
	border: 1px solid #82ad4e !important;
	color: #fff !important;
}

.daterangepicker .input-mini.active {
	border: 1px solid #82ad4e !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background: #82AD4E !important;
}

/* ::selection {
	background: #82ad4e;
	color: #fff;
}

::-moz-selection {
	background: #82ad4e;
	color: #fff;
} */

.frmInvoice {
	padding-left: 10px;
}



.invoice-menu .dropdown-menu>li>a {
	padding: 10px 20px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.main-footer {
	border-top: 1px solid #B5D556;
}

.dropdown-menu>li>a {
	border-bottom: 1px solid #eee;
	padding: 10px 8px !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}



.box-tools button {
	font-size: 14px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	background-color: #f1f5f9;
	border-color: #cbd5e1;
	color: #0f172a !important;
	z-index: 3;
}

.search-field:focus,
.aryaTaxGroup .form-control:focus,
#login-form .form-control:focus,
#create-form .form-control:focus,
.frmInvoice .form-control:focus,
#create-payment-form .form-control:focus,
.form-control:focus {
	border-color: #86b7fe !important;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.inputBlock select option {
	padding: 5px 15px;
}

.daterangepicker td.in-range {
	background: #ecffd6 !important;
	border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	color: #fff !important;
}

.weekend.active.start-date.available,
.active.end-date.in-range.available {
	background-color: #82ad4e !important;
	color: #fff;
}

.weekend.active.start-date.available {
	background-color: #82ad4e !important;
}

.today.active.end-date.in-range.available {
	background-color: #6f9342 !important;
}



#create-form select option {
	padding: 5px 15px;
}

.file-preview-thumbnails {
	height: auto;
	width: 100%;
}

.file-preview-frame {
	width: auto;
}

.page-effect {
	border: 1px solid #eee;
	box-shadow: 0 0 7px rgba(152, 152, 152, 0.5);
	padding: 10px 0;
	background-color: #fafafa;
	margin-bottom: 20px;
}

.page-effect .box {
	background-color: #fafafa;
}

#totalDiscount {
	background-color: #fff;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

#invoicepurchase-discount,
#invoicesales-discount {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

#manualTaxValue {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

.table-hover>tbody>tr {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.table-hover>tbody>tr:hover,
.datepicker table tr td span:hover {
	background-color: #ecffd6 !important;
}



.buttonIcon {
	padding: 4px 6px !important;
}

.buttonIcon i {
	font-size: 20px;
}

.btnIcon i {
	font-size: 14px;
	margin-right: 5px;
}

.btnIcons {
	font-size: 15px;
	text-transform: uppercase;
}

.btnIcons i {
	font-size: 14px;
	margin-right: 5px;
}

.selectSize76 .select2.select2-container.select2-container--default {
	width: 100% !important;
}

.close {
	text-decoration: none !important;
}

/* Modern Datepicker Theme */
.datepicker,
.datepicker-dropdown {
	background-color: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
	padding: 12px !important;
	z-index: 1060 !important;
}

.datepicker table {
	border-collapse: separate !important;
	border-spacing: 2px !important;
}

.datepicker .datepicker-days th,
.datepicker .datepicker-months th,
.datepicker .datepicker-years th {
	background-color: transparent !important;
	color: #334155 !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	padding: 6px !important;
}

.datepicker th.prev,
.datepicker th.next,
.datepicker th.datepicker-switch {
	border-radius: 8px !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease !important;
}

.datepicker th.prev:hover,
.datepicker th.next:hover,
.datepicker th.datepicker-switch:hover {
	background-color: #f1f5f9 !important;
	color: #0f172a !important;
}

.datepicker th.dow {
	color: #64748b !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding-bottom: 8px !important;
}

.datepicker table tr td.day {
	border-radius: 8px !important;
	width: 32px !important;
	height: 32px !important;
	line-height: 32px !important;
	padding: 0 !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	color: #1e293b !important;
	border: none !important;
	transition: all 0.15s ease !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background-color: #eff6ff !important;
	color: #1d4ed8 !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
	background-color: #f1f5f9 !important;
	color: #0d6efd !important;
	font-weight: 700 !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
	background-color: #0d6efd !important;
	border-color: #0d6efd !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3) !important;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
	color: #cbd5e1 !important;
}

.datepicker table tr td span {
	border-radius: 8px !important;
	transition: background-color 0.15s ease !important;
}

.datepicker table tr td span:hover {
	background-color: #f1f5f9 !important;
}

/* Datepicker Input Calendar Icon & Hover Effects */
.is-datepicker,
.hasDatepicker,
input.krajee-datepicker,
input[data-krajee-datepicker] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' class='bi bi-calendar3' viewBox='0 0 16 16'%3e%3cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.45 3 2 3h12c.55 0 1 .384 1 .857v10.286c0 .473-.45.857-1 .857H2c-.55 0-1-.384-1-.857V3.857z'/%3e%3cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 0.75rem center !important;
	background-size: 16px 16px !important;
	padding-right: 2.25rem !important;
	cursor: pointer !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.is-datepicker:hover,
.hasDatepicker:hover,
input.krajee-datepicker:hover,
input[data-krajee-datepicker]:hover {
	border-color: #3b82f6 !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232563eb' class='bi bi-calendar3' viewBox='0 0 16 16'%3e%3cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.45 3 2 3h12c.55 0 1 .384 1 .857v10.286c0 .473-.45.857-1 .857H2c-.55 0-1-.384-1-.857V3.857z'/%3e%3cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3e%3c/svg%3e") !important;
}

.form-control:not(:disabled):not([readonly]):hover,
.form-select:not(:disabled):hover {
	border-color: #94a3b8 !important;
}

#create-payment-form .btn-cancle {
	margin-right: 10px;
}

#create-payment-form .form-control {
	width: 100% !important;
}

#paymentForm .form-group.has-error label {
	color: #dd4b39;
	display: block;
	width: 100%;
}

#paymentForm .form-input .help-block {
	display: block;
	margin-bottom: 0;
	padding-left: 0px;
	width: 100%;
}

/********09/01/2017*********/
.skin-red-light .main-header .navbar .nav>li:hover>a {
	color: #82ad4e !important;
}

.modal .modal-content {
	background-color: #fafafa;
}

.box-header .btn.btn-success.btn-sm {
	margin-right: 0px;
}

.help-block {
	margin-bottom: 0 !important;
}

.table-nonresponsive .table-responsive,
.table-nonresponsive1 .table-responsive {
	overflow-x: visible !important;
	overflow-y: visible !important;
}

/*********28/07/2017*********/
.create-header {
	padding-top: 0 !important;
	margin-bottom: 10px;
	position: relative;
}

.create-header .box-tools {
	position: absolute !important;
	right: 0 !important;
	top: -11px !important;
}

.float-panel.fixed {
	background-color: #fafafa;
	padding-top: 20px;
	width: 1306px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 10;
}

.float-panel.fixed .create-header {
	margin-bottom: 0;
}

.account-summary-box h3 {
	line-height: 34px !important;
	display: block;
}

.create-header h3.box-title {
	line-height: 33px;
}

.create-purchase-buttons {
	float: right;
}

.sales-invoice-table input {
	margin-bottom: 5px;
	width: auto;
}

.clientBlock label,
.refrenceBlock label {
	width: 100%;
}

.status-select-box span.select2-selection.select2-selection--single {
	height: 34px;
	border-color: #d2d6de;
}

.signature-checkbox {
	margin-top: 20px;
}

.payment-top-button {
	margin-bottom: 10px;
}

.items-right-form {
	float: right;
}

.item-input-blog {
	float: left;
	width: 400px;
}



.edit-title h3,
h3.box-title {
	line-height: 34px !important;
}

.col-md-12.col-lg-12.col-sm-12.col-sm-offset-0.col-xs-10.col-xs-offset-1.my-form.bg-form,
.col-md-6.col-md-offset-3.col-lg-6.col-lg-offset-3.col-sm-12.col-sm-offset-0.col-xs-12.col-xs-offset-0.my-form.bg-form,
.col-md-8.col-md-offset-2.col-lg-8.col-lg-offset-2.col-sm-12.col-sm-offset-0.col-xs-12.col-xs-offset-0.my-form.bg-form {
	padding: 5px 15px;
}

.exporttocsv {
	margin-top: 25px;
}

.manage-setting-listing {
	margin-top: 10px;
}

button.kv-file-remove.btn.btn-kv.btn-default.btn-outline-secondary {
	display: block !important;
	padding: 0 !important;
}

.show-checkbox {
	margin-top: 20px;
}

.cogicon {
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 0 4px !important;
}

.cogicon button,
.cogicon .dropdown-toggle {
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 14px !important;
	background: transparent !important;
	border: 0 !important;
	color: #6b7280 !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.cogicon button:hover,
.cogicon .dropdown-toggle:hover {
	color: #1e293b !important;
}

.cogicon .dropdown-toggle::after,
.cogicon button::after,
.cogicon .dropdown-toggle::before,
.cogicon button::before {
	display: none !important;
	content: none !important;
	border: none !important;
	margin: 0 !important;
}

.cogicon .dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	right: auto !important;
	z-index: 1070 !important;
	min-width: 150px !important;
	padding: 4px 0 !important;
	margin-top: 4px !important;
	background-color: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
	overflow: hidden !important;
	float: none !important;
}

.cogicon .dropdown-menu li {
	list-style: none !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cogicon .dropdown-menu li a,
.cogicon .dropdown-menu .dropdown-item {
	display: block !important;
	width: 100% !important;
	padding: 8px 16px !important;
	margin: 0 !important;
	color: #334155 !important;
	font-size: 13px !important;
	text-decoration: none !important;
	text-align: left !important;
	white-space: nowrap !important;
	border-radius: 0 !important;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out !important;
}

.cogicon .dropdown-menu li a:hover,
.cogicon .dropdown-menu .dropdown-item:hover,
.cogicon .dropdown-menu li a:focus,
.cogicon .dropdown-menu .dropdown-item:focus {
	background-color: #f1f5f9 !important;
	color: #0f172a !important;
}


/**____________ Responsive ___________________**/

@media screen and (max-width:1199px) {
	/* .content-wrapper {
		margin-top: 20px;
		padding-top: 30px;
	} */

	.selectSize76 .select2.select2-container.select2-container--default {
		width: 100% !important;
	}

	.formHeader.reportFormHeader .formBody {
		width: 100%;
	}

	.nav>li>a {
		padding: 11px 7px !important;
	}

	.float-panel.fixed {
		width: 940px;
	}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
	.form-input .form-control {
		width: 100%;
	}

	.form-input textarea.form-control {
		width: 100% !important;
	}

	.form-textarea textarea.form-control {
		width: 85.4% !important;
	}

	.form-input #user-company_logo-fileupload {
		width: 70%;
	}

	.form-input #user-authorised_sign-fileupload {
		width: 70%;
	}

	.form-input #client-company_logo-fileupload {
		width: 70%;
	}

	.form-input #client-authorised_sign-fileupload {
		width: 70%;
	}

	.navbar-custom-menu .nav .user-menu .hidden-xs {
		width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		vertical-align: top;
	}

	.formBody {
		right: 10px;
	}

	.srchReport .formBody {
		width: 94%;
	}

	.srchReport {
		margin-top: 0;
	}

	.form-input .uploadMaster {
		width: 70%;
	}

	.file-preview-frame {
		width: auto;
		height: auto;
		display: block;
		margin: 8px 0px;
	}

	.file-preview-image {
		height: auto !important;
		max-width: 100%;
	}

}

@media screen and (max-width:1082px) {
	.ResSize100 {
		width: 100% !important;
	}

	.selectSize76.ResSize100 .select2.select2-container.select2-container--default {
		width: 100% !important;
	}

	textarea.form-control.ResSize100 {
		width: 100% !important;
	}
}

@media screen and (max-width:1023px) {
	.navbar-custom-menu {
		margin-top: 0;
	}

	/* .content-wrapper {
		margin-top: 50px;
	} */

	.navbar-custom-menu .nav .user-menu .hidden-xs {
		width: 115px !important;
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {

	.refrenceBlock input[type="text"] {
		padding: 6px;
	}

	.form-group.field-invoicepurchase-issue_date input[type="text"] {
		padding: 6px;
	}

	.navbar-brand span {
		font-size: 14px;
		padding-left: 0;
	}

	.navbar-collapse .nav>li>a {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.form-input .form-control {
		width: 100%;
	}

	.form-input textarea.form-control {
		width: 100% !important;
	}

	textarea.form-control.ResSize100 {
		width: 100% !important;
	}

	.form-textarea textarea.form-control {
		width: 81% !important;
	}

	.form-input .uploadMaster {
		width: 60%;
	}

	.file-preview-frame {
		width: auto;
		height: auto;
		display: block;
		margin: 8px 0px;
	}

	.file-preview-image {
		height: auto !important;
		max-width: 100%;
	}

	.addItem {
		margin-bottom: 10px;
	}



	.form-input #user-company_logo-fileupload {
		width: 60%;
	}

	.form-input #user-authorised_sign-fileupload {
		width: 60%;
	}

	.form-input #client-company_logo-fileupload {
		width: 60%;
	}

	.form-input #client-authorised_sign-fileupload {
		width: 60%;
	}

	.srchReport .frmInvoice {
		margin-right: 0px;
	}

	.srchReport .formBody {
		width: 94%;
	}

	.srchReport {
		margin-top: 0;
	}

	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
		right: -13px !important;
	}

	.table>tbody>tr.fade>td .name {
		display: none;
	}

	.table>tbody>tr.fade>td .size {
		display: none;
	}

	.navbar-custom-menu .nav .user-menu .hidden-xs {
		width: 80px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		vertical-align: top;
	}

	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th {
		padding: 5px !important;
	}

}

@media screen and (max-width:1025px) {

	.page-effect.row {
		margin-top: 10px;
	}
}




@media screen and (max-width:991px) {
	.navbar-custom-menu {
		margin-top: 49px;
	}

	/* .content-wrapper {
		margin-top: 60px;
	} */

	.clientBlock .showModalButton {
		margin-left: 15px;
		width: 110px;
	}

	.exportAdd {
		float: none !important;
		margin-bottom: 10px;
		width: 100%;
	}

	.srchReport .exportAdd .btn {
		margin-top: 10px;
	}

	.table-nonresponsive1 .table-responsive {
		overflow-x: auto !important;
		overflow-y: auto !important;
	}

	.padl15 {
		padding-left: 15px !important;
	}

	.refrenceBlock .form-group {
		width: 84px;
	}

	.clientBlock .showModalButton {
		width: 45px;
	}

	.formHeader {
		margin-top: -15px;
	}

	.float-panel.fixed {
		width: 725px;
	}

	.table-nonresponsive.table-mobile-responsive .kv-grid-container {
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	.form-group.left-margin-none button {
		margin: 0 !important;
	}

	.supply-location-box .form-group.field-invoicesales-supply_location {
		width: auto;
	}

	.search-btn-margin {
		margin: 0;
	}

	.item-input-blog {
		width: 290px;
	}

	.show-checkbox,
	.page-effect.row {
		margin-top: 0;
	}

	.table td,
	.cogicon button {
		font-size: 14px;
	}

}

@media screen and (max-width:767px) {
	.navbar-custom-menu {
		margin-top: 0;
	}

	.navbar-custom-menu>.navbar-nav>li.user-menu>.dropdown-menu {
		width: 180px !important;
	}

	.srchRefBlock {
		margin-bottom: 20px;
	}

	.clientBlock .showModalButton {
		margin-left: 0;
	}

	.selectSize76 .select2.select2-container.select2-container--default {
		width: 100% !important;
	}

	/* .content-wrapper {
		margin-top: 20px;
	} */

	.refrenceBlock .form-group {
		width: 100%;
		margin-right: 0;
		margin-bottom: 6px;
	}

	.smmarB10 {
		margin-bottom: 10px !important;
	}

	#search-form form {
		margin: 0px 0px 10px;
	}

	.form-group {
		margin-bottom: 10px !important;
	}

	.invodate .no-mrg {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.totalBlock span {
		font-size: 14px;
	}

	.form-group.field-invoicepurchase-discount_type {
		margin-bottom: 0 !important;
	}

	.main-header .navbar-custom-menu {
		position: absolute;
		top: 0;
		right: 40px;
	}

	.navbar-custom-menu .navbar-nav>li.user-menu>a {
		line-height: normal;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.navbar-custom-menu .navbar-nav>li.user-menu>.dropdown-menu>li>a {
		color: #777 !important;
	}

	.navbar-custom-menu>.navbar-nav>li.user-menu>.dropdown-menu {
		right: 0;
	}

	.no-mrg.sm-pad {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.totalAmount {
		margin-bottom: 0;
	}

	.discountInfo .totalAmount span {
		padding-bottom: 2px;
	}

	.discountInfo span {
		padding-bottom: 4px;
		padding-top: 0;
	}

	.discountInfo input[type="checkbox"] {
		margin-top: 0;
	}

	.form-input .form-control {
		width: 100%;
	}

	.form-input textarea.form-control {
		width: 100% !important;
	}

	.form-input .control-label {
		width: 100%;
		float: left;
		padding: 0px;
		text-align: left;
	}

	.form-textarea textarea.form-control {
		width: 100% !important;
	}

	.form-textarea .control-label {
		width: 100%;
		float: left;
		padding: 0px;
		text-align: left;
	}

	.form-input .uploadMaster {
		width: 100%;
	}

	.file-preview-frame {
		width: auto;
		;
		height: auto;
		display: block;
		margin: 8px 0px;
	}

	.file-preview-image {
		height: auto !important;
		max-width: 100%;
	}

	.createForm {
		padding-left: 0px;
	}

	.clientForm {
		padding-left: 0px;
	}

	.itemForm {
		padding-left: 0px;
	}

	.form-input .help-block {
		padding-left: 0;
	}

	.addField {
		padding: 0 15px;
	}

	.itemBlock {
		margin-bottom: 10px;
	}

	.addItem {
		margin-bottom: 10px;
	}

	.totalAmount {
		margin-bottom: 10px;
	}

	#company-company_logo-fileupload {
		padding-left: 0px;
	}

	.edit-upload {
		padding-left: 0px;
	}

	.discountInfo span.padT0 {
		padding-top: 0;
		padding-bottom: 0;
	}



	.addMoreBlock .addSection .input-add .form-control {
		width: 100%;
	}

	#taxDev .taxClass {
		margin-bottom: 10px;
	}

	.addMoreBlock .addSection .remove {
		top: 0;
	}

	.addMoreBlock {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.form-input #user-company_logo-fileupload {
		width: 100%;
	}

	.form-input #user-authorised_sign-fileupload {
		width: 100%;
	}

	.form-input #client-company_logo-fileupload {
		width: 100%;
	}

	.form-input #client-authorised_sign-fileupload {
		width: 100%;
	}

	/*top menu*/
	.navbar-toggle {
		color: #82ad4e !important;
		font-size: 21px;
	}

	#navbar-collapse.navbar-collapse.pull-right {
		float: none !important;
	}

	.skin-red-light .main-header .navbar #navbar-collapse.navbar-collapse .nav>li {
		margin: 0;
	}

	.skin-red-light .main-header .navbar .nav>.active>a {
		background-color: #f2f2f2 !important;
	}

	.skin-red-light .main-header .navbar #navbar-collapse.navbar-collapse .nav>li>a:hover {
		background-color: #f2f2f2 !important;
		color: #555 !important;
	}

	.skin-red-light .main-header .navbar .dropdown-menu li a {
		color: #777 !important;
	}

	.skin-red-light .main-header .navbar .nav>.active>a {
		border: none;
	}

	.skin-red-light .main-header #navbar-collapse .nav>.open>a {
		border: none;
	}

	.exportAdd {
		width: 100%;
	}

	.formBody {
		float: left;
		width: 100%;
	}

	.content {
		padding: 0 !important;
	}

	.formHeader {
		margin-top: 0;
		float: left;
		width: 100%;
	}

	.srchRefBlock .srchicon {
		margin-right: 0;
	}

	.srchRefBlock .glyphicon-search:before {
		content: "Search";
	}

	.srchRefBlock .glyphicon-refresh {
		top: 0px;
	}

	.formHeader .inputBlock .form-group {
		margin-bottom: 10px;
	}

	.table>tbody>tr.fade>td .name {
		display: none;
	}

	.table>tbody>tr.fade>td .size {
		display: none;
	}

	.form-check {
		margin-left: 0px;
	}

	.form-group.btnBlock {
		float: left;
	}

	.modal-sm {
		width: auto !important;
	}

	.table-responsive {
		overflow: auto !important;
	}

	#navbar-collapse .navbar-nav li .dropdown-menu {
		margin: 0px;
		width: 100%;
		position: relative;
		border-radius: 0px;
	}

	.reportSearch {
		top: -36px;
	}

	.navbar-custom-menu>.navbar-nav>li.user-menu:hover .dropdown-menu {
		left: auto !important;
		margin-left: 0;
		margin-top: -1px;
	}

	.skin-red-light .main-header .navbar .invoice-dropdown>.invoice-menu:hover .dropdown-menu {
		margin-left: 4px;
	}

	.reportFormHeader .srchRefBlock {
		top: -34px;
		margin: 0 0 5px 0;
	}

	.box-header .box-title {
		font-size: 16px !important;
	}

	.usruploadPanel {
		display: inline-block;
		width: 100%;
	}

	.formHeader.reportFormHeader .formBody {
		width: 100%;
	}

	.refrenceBlock {
		overflow: hidden;
	}

	.clientBlock {
		overflow: hidden;
	}

	.f-fight {
		float: none !important;
	}

	.white-space-pre-line {
		white-space: pre-line;
	}

	.table-nonresponsive .table-responsive {
		overflow-x: auto !important;
		overflow-y: auto !important;
	}

	.nopadl15 {
		padding-left: 0 !important;
	}

	.itemSearch.pull-right {
		float: none !important;
	}

	.account-summary-box a {
		margin-bottom: 5px;
	}

	.skin-red-light .main-header .navbar .nav {
		padding: 0 10px;
	}

	.skin-red-light .main-header .navbar .nav>.active>a {
		border-radius: 3px;
	}

	.page-effect {
		width: 100%;
		margin: auto auto 20px auto !important;
	}

	.float-panel.fixed {
		width: 695px;
	}

	.float-panel.fixed {
		width: 93%;
	}

	.supply-location-box .form-group.field-invoicesales-supply_location {
		width: 100%;
	}

	.signature-checkbox {
		margin-top: 0;
	}

	.frmInvoice {
		padding-left: 0;
	}

	.left-right-pad-5 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	a.btn.btn-success.btn-sm.left-right-mrg-5.btnIcon {
		margin-right: 5px !important;
		margin-left: 5px !important;
	}

	.srchRefBlock {
		margin-left: 0;
		width: auto;
		float: right;
		display: block;
	}

	.item-input-blog {
		width: 82%;
		padding-right: 4px;
	}

	.items-right-form {
		width: 100%;
		margin-top: 5px;
	}

	.exporttocsv {
		margin-top: 0;
	}

	.box-tools button {
		font-size: 12px;
	}
}

@media screen and (max-width:599px) {
	.btnIcons {
		display: block !important;
		float: none !important;
		margin: 10px 0 !important;
		width: 100%;
	}

	.account-summary-box a {
		margin: 0 0 7px 0 !important;
	}

	.float-panel.fixed {
		width: 90%;
	}

	.item-input-blog {
		width: 77%;
		padding-right: 4px;
	}

	.item-left-buttons a {
		margin-bottom: 5px;
	}

	.inputBlock.item-input-blog .form-group {
		margin-bottom: 0 !important;
	}

	/* .content-wrapper {
		margin-top: 20px;
	}

	.content-wrapper {
		margin-top: 22px;
	} */
}

@media screen and (max-width:480px) {



	.float-panel.fixed {
		width: 91%;
	}

	.payment-top-button a,
	.payment-top-button button {
		margin-bottom: 4px;
	}

	.account-summary-box h3.box-title {
		line-height: 0 !important;
		margin: 0 0 18px 0 !important;
	}

	.updateInvoice .selectBlock select {
		width: 100px !important;
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	#chartjs-tooltip {
		opacity: 0;
		position: absolute;
		background: rgba(0, 0, 0, .7);
		color: white;
		padding: 3px;
		border-radius: 3px;
		-webkit-transition: all .1s ease;
		transition: all .1s ease;
		pointer-events: none;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 40% !important;
	}

	#barchartjs-tooltip {
		opacity: 0;
		position: absolute;
		background: rgba(0, 0, 0, .7);
		color: white;
		padding: 3px;
		border-radius: 3px;
		-webkit-transition: all .1s ease;
		transition: all .1s ease;
		pointer-events: none;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 40% !important;
	}

	.item-input-blog {
		width: 69%;
		padding-right: 2px;
	}
}

@media screen and (max-width:380px) {
	.float-panel.fixed {
		width: 91%;
	}

	.create-header h3.box-title,
	.create-purchase-buttons {
		float: none;
		margin: auto;
		display: block;
		text-align: center;
	}

	.discountInfo span.padT0,
	.total-pay-rate,
	.totalBlock span,
	.round-checkbox {
		font-size: 11px;
	}

	.item-input-blog {
		width: 100%;
		padding-right: 0px;
	}

	.view-right-icons a {
		margin-bottom: 5px;
	}

	.box-header .box-title {
		text-align: center;
		margin: auto !important;
		display: block !important;
	}

	.table td,
	.cogicon button {
		font-size: 16px;
	}

	.item-left-buttons a {
		width: 100%;
	}

	.edit-item-heading h3 {
		text-align: left !important;
	}
}

@media screen and (max-width:280px) {
	.btnIcon.pull-right {
		float: none !important;
	}

	.btnIcon {
		display: block !important;
		float: none !important;
		margin-bottom: 10px !important;
	}

	h3.box-title {
		display: block !important;
		text-align: center;
	}
}

.main-footer {
	background-color: #222739 !important;
}

#descriptionMain {
	max-width: 400px;
}

.krajee-default.file-preview-frame .kv-file-content {
	height: 125px !important;
}

.krajee-default .file-upload-indicator {
	display: none;
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
	height: auto !important;
}

.krajee-default .file-footer-caption {
	display: none !important;
}

#loggedInUserName {
	white-space: nowrap;
	width: 12em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	/*text-align:center;*/
}

#itemDiv span {
	display: block;
	max-width: 300px;
	overflow: hidden;
	overflow-wrap: break-word;
	text-overflow: ellipsis;
}

#itemDiv a span {
	display: inline;
	width: auto;
}

.updateInvoice .selectBlock select {
	width: 88px;
}

#submitDraftButton {
	margin-right: 3px;
}

.has-error .select2-selection {
	border-color: rgb(185, 74, 72) !important;
}

.tab-content {
	padding-top: 15px;
}

.signature {
	padding-top: 40px;
}

.table {
	margin-bottom: 0 !important;
}

.no-border {
	border: none !important;
}

.has-feedback {
	position: relative !important;
}

.has-feedback .form-control-feedback {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	pointer-events: none !important;
}

/* Custom Header & Footer Color Palette */
.navbar-brand img {
	object-fit: contain;
}

.navbar.bg-dark,
.main-footer.bg-dark {
	background-color: #1e293b !important;
	/* Rich Dark Slate */
}

/* Navbar Links Hover Pill Highlight */
.navbar .nav-link:hover {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Nav Item & Dropdown Item Active Theme Green Pill */
.navbar .nav-link.active,
.navbar .dropdown-item.active,
.navbar .dropdown-item.active:hover,
.navbar .dropdown-item.active:focus {
	background-color: #15803d !important;
	color: #ffffff !important;
}

/* Active Dropdown Item Icon Styling */
.navbar .dropdown-item.active i,
.navbar .dropdown-item.active:hover i,
.navbar .dropdown-item.active:focus i {
	color: #ffffff !important;
	opacity: 1 !important;
}

/* Dropdown Submenu White Card & Shadow */
.navbar .dropdown-menu {
	background-color: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

.navbar .dropdown-item {
	color: #1e293b !important;
	transition: all 0.15s ease;
}

.navbar .dropdown-item:hover {
	background-color: #f1f5f9 !important;
	color: #0f172a !important;
}

.navbar .dropdown-item:hover i {
	color: #0f172a !important;
}

/* Bootstrap 5 Dropdown Open on Hover for Desktop (matching navbar-expand-lg breakpoint) */
@media (min-width: 992px) {
	.navbar .nav-item.dropdown:hover>.dropdown-menu {
		display: block !important;
		margin-top: 0 !important;
	}

	.navbar .nav-item.dropdown:hover>.dropdown-menu-end,
	.navbar .dropdown-menu-end {
		right: 0 !important;
		left: auto !important;
	}
}

/* Global Disabled Form Field Styling */
.form-control:disabled,
.form-control[disabled],
.form-select:disabled,
.form-select[disabled],
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled] {
	background-color: #e9ecef !important;
	cursor: not-allowed !important;
	opacity: 0.85 !important;
	color: #495057 !important;
}

/* Global ActiveForm Validation Error Styling */
.has-error .form-control,
.form-control.is-invalid,
.has-error .form-select,
.form-select.is-invalid {
	border-color: #dc3545 !important;
}

.has-error .input-group .input-group-text,
.has-error .input-group .form-control,
.input-group:has(.is-invalid) .input-group-text {
	border-color: #dc3545 !important;
}

.has-error .form-control:focus,
.form-control.is-invalid:focus,
.has-error .form-select:focus,
.form-select.is-invalid:focus {
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

.help-block-error,
.help-block,
.invalid-feedback {
	color: #dc3545 !important;
	font-size: 13px !important;
	margin-top: 4px !important;
	font-weight: 500 !important;
	display: block !important;
}

/* Reusable Table Search & Filter Bar Component */
.table-filter-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.table-filter-pills-container {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.table-filter-pill {
	height: 34px !important;
	font-size: 13px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	transition: all 0.2s ease-in-out !important;
	border: 1px solid transparent !important;
}

.table-filter-pill:hover {
	transform: translateY(-1px) !important;
}

.table-filter-pill.btn-dark {
	background-color: #1e293b !important;
	border-color: #0f172a !important;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.2) !important;
}

.table-filter-pill.btn-light {
	background-color: #f8fafc !important;
	border-color: #e2e8f0 !important;
	color: #475569 !important;
}

.table-filter-pill.btn-light:hover {
	background-color: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #0f172a !important;
}

.table-search-group {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}

.table-search-wrapper {
	position: relative;
	width: 260px;
	max-width: 100%;
}

.table-search-icon {
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	z-index: 5;
	pointer-events: none;
	font-size: 13px;
	color: #6c757d;
}

.table-search-input {
	height: 34px !important;
	font-size: 13px !important;
	line-height: 32px !important;
	box-sizing: border-box !important;
	padding-left: 36px !important;
	padding-right: 12px !important;
	border-radius: 6px !important;
	background-color: #ffffff !important;
	margin: 0 !important;
	width: 100% !important;
}

.table-filter-btn {
	height: 34px !important;
	font-size: 13px !important;
	line-height: 32px !important;
	box-sizing: border-box !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
	border: 1px solid #cbd5e1 !important;
	background-color: #ffffff !important;
	color: #334155 !important;
	font-weight: 600 !important;
	padding: 0 14px !important;
	transition: all 0.2s ease-in-out !important;
}

.table-filter-btn:hover,
.table-filter-btn:focus,
.table-filter-btn[aria-expanded="true"] {
	border-color: #2563eb !important;
	background-color: #f8fafc !important;
	color: #1d4ed8 !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.12) !important;
}

.table-filter-btn.has-active-filters {
	border-color: #10b981 !important;
	background-color: #f0fdf4 !important;
	color: #065f46 !important;
}

.table-filter-btn.has-active-filters:hover {
	border-color: #059669 !important;
	background-color: #dcfce7 !important;
}

.table-filter-card {
	width: 340px;
	max-width: calc(100vw - 32px);
}

.filter-badge-counter {
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
	line-height: 20px !important;
	font-size: 11px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.datepicker-input {
	background-color: #ffffff !important;
	cursor: pointer !important;
}



/* Filter Reset Link */
.filter-reset-link,
.filter-reset-link:hover,
.filter-reset-link:focus {
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: #64748b !important;
	text-decoration: none !important;
	transition: color 0.2s ease-in-out !important;
	display: inline-flex !important;
	align-items: center !important;
}

.filter-reset-link:hover {
	color: #2563eb !important;
	text-decoration: none !important;
}

/* Premium Apply Filters Button */
.btn-apply-filters {
	height: 38px !important;
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 0.875rem !important;
	border-radius: 6px !important;
	border: none !important;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
	transition: all 0.2s ease-in-out !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.btn-apply-filters:hover,
.btn-apply-filters:focus {
	background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35) !important;
	transform: translateY(-1px);
}

.table-filter-card .form-control,
.table-filter-card .form-select {
	height: 38px !important;
	font-size: 14px !important;
	border-radius: 0.375rem !important;
	border: 1px solid #dee2e6 !important;
}

#clientSelectWrapper {
	position: relative !important;
}

#clientSelectWrapper .select2-container {
	width: 100% !important;
}

#clientSelectWrapper .select2-container--open {
	position: static !important;
}

#clientSelectWrapper .select2-dropdown {
	position: absolute !important;
	top: 100% !important;
	margin-top: -20px !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 1070 !important;
	background-color: #ffffff !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
	border: 1px solid #dee2e6 !important;
	border-radius: 0.375rem !important;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
	.table-filter-bar {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.table-filter-pills-container {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
		width: 100%;
	}

	.table-search-group {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.table-search-wrapper {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.table-filter-card {
		position: absolute !important;
		right: 0 !important;
		left: auto !important;
		width: 320px !important;
	}
}

/* Table Responsive Container CSS */
.table-responsive,
.table-responsive.tableHeader {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
}

/* Global Filter Pills Container Responsiveness & Wrapping */
.table-filter-pills-container {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	max-width: 100% !important;
	overflow: visible !important;
}

.purchaseDetails.table,
.salesDetails.table,
.itemDetails.table {
	width: 100% !important;
}

.purchaseDetails.table td.text-nowrap,
.salesDetails.table td.text-nowrap,
.itemDetails.table td.text-nowrap,
.tbinvoice-action,
.tb-item-action,
.tb-item-status,
.tb-item-sr,
.tb-tax-action {
	white-space: nowrap !important;
}

.tableHeader table thead tr th,
.tableHeader .table thead tr th,
.purchaseDetails.table thead tr th,
.salesDetails.table thead tr th,
.itemDetails.table thead tr th,
.aryaInvoiceReport.table thead tr th,
.aryaTaxGroup.table thead tr th,
.aryaTaxes.table thead tr th,
.aryaClients.table thead tr th,
.aryaInvoiceItems.table thead tr th,
.aryaUnits.table thead tr th,
.aryaCompanies.table thead tr th,
.aryaUsers.table thead tr th,
.managePayment.table thead tr th {
	background-color: #1e293b !important;
	color: #ffffff !important;
	white-space: nowrap !important;
}

.tableHeader table thead tr th:first-child,
.tableHeader .table thead tr th:first-child,
.purchaseDetails.table thead tr th:first-child,
.salesDetails.table thead tr th:first-child,
.itemDetails.table thead tr th:first-child,
.aryaInvoiceReport.table thead tr th:first-child,
.aryaTaxGroup.table thead tr th:first-child,
.aryaTaxes.table thead tr th:first-child,
.aryaClients.table thead tr th:first-child,
.aryaInvoiceItems.table thead tr th:first-child,
.aryaUnits.table thead tr th:first-child,
.aryaCompanies.table thead tr th:first-child,
.aryaUsers.table thead tr th:first-child,
.managePayment.table thead tr th:first-child {
	border-top-left-radius: 0.375rem !important;
}

.tableHeader table thead tr th:last-child,
.tableHeader .table thead tr th:last-child,
.purchaseDetails.table thead tr th:last-child,
.salesDetails.table thead tr th:last-child,
.itemDetails.table thead tr th:last-child,
.aryaInvoiceReport.table thead tr th:last-child,
.aryaTaxGroup.table thead tr th:last-child,
.aryaTaxes.table thead tr th:last-child,
.aryaClients.table thead tr th:last-child,
.aryaInvoiceItems.table thead tr th:last-child,
.aryaUnits.table thead tr th:last-child,
.aryaCompanies.table thead tr th:last-child,
.aryaUsers.table thead tr th:last-child,
.managePayment.table thead tr th:last-child {
	border-top-right-radius: 0.375rem !important;
}

.aryaInvoiceReport.table thead tr th {
	background-color: #1e293b !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	border-bottom: none !important;
	padding: 10px 12px !important;
	white-space: nowrap !important;
}

.purchaseDetails.table thead th,
.purchaseDetails.table tbody td,
.purchaseDetails.table thead th:nth-child(n),
.purchaseDetails.table tbody td:nth-child(n),
.salesDetails.table thead th,
.salesDetails.table tbody td,
.salesDetails.table thead th:nth-child(n),
.salesDetails.table tbody td:nth-child(n),
.itemDetails.table thead th,
.itemDetails.table tbody td,
.aryaInvoiceReport.table thead th,
.aryaInvoiceReport.table tbody td,
.aryaTaxGroup.table thead th,
.aryaTaxGroup.table tbody td,
.aryaTaxGroup.table thead th:nth-child(n),
.aryaTaxGroup.table tbody td:nth-child(n) {
	width: auto !important;
}

.aryaInvoiceReport.table tfoot tr td,
.aryaInvoiceReport .kv-page-summary td,
.aryaInvoiceReport tr.kv-page-summary td {
	background-color: #f8fafc !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	border-top: 2px solid #e2e8f0 !important;
	padding: 10px 12px !important;
}

.badge-status-paid {
	background-color: #f0fdf4 !important;
	color: #16a34a !important;
	border: 1px solid #bbf7d0 !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
}

.badge-status-due {
	background-color: #fef2f2 !important;
	color: #dc2626 !important;
	border: 1px solid #fecaca !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
}

/* Action Column Icons */
.tbinvoice-action a {
	color: #6b7280 !important;
	font-size: 14px !important;
	transition: color 0.15s ease-in-out !important;
}

.tbinvoice-action a:hover {
	color: #1e293b !important;
}

.tbinvoice-action a[title="Delete"]:hover,
.tbinvoice-action a.text-danger:hover {
	color: #dc2626 !important;
}

/* Pagination Disabled Cursor UI & Spacing */
.pagination {
	gap: 6px !important;
}

.pagination .page-item.disabled,
.pagination .page-item.disabled .page-link,
.pagination .disabled-page-link,
.pagination .disabled a,
.pagination .disabled span {
	cursor: not-allowed !important;
	pointer-events: auto !important;
}

/* Global Disabled & Readonly Elements & Select2 Disabled Cursor */
:disabled,
[disabled],
.disabled,
[readonly],
readonly,
input:disabled,
input[readonly],
select:disabled,
select[readonly],
textarea:disabled,
textarea[readonly],
.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.form-select[readonly],
.select2-container--disabled,
.select2-container--disabled .select2-selection,
.select2-container--disabled .select2-selection--single,
.select2-container--disabled .select2-selection__rendered {
	cursor: not-allowed !important;
	pointer-events: auto !important;
}

/* Global Input Group Text & Icon Color Styling */
.input-group-text {
	background-color: #f8fafc !important;
	border: 1px solid #d1d5db !important;
	border-right: none !important;
	color: #64748b !important;
	min-width: 42px;
	justify-content: center;
}

.input-group-text i,
.input-group-text .fa {
	color: #64748b !important;
}

/* Global Dark Label Styling for Form Fields */
.form-label,
.control-label {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #1f2937 !important;
	margin-bottom: 6px !important;
}