[type=button]{
	-webkit-appearance: none !important;
}
.messages_icon{
	display: flex;
	align-items: center;
}
.messages_icon i{
	font-size: 22px;
	color: #555b6d;
}
.messages_icon .badge {
	position: absolute;
	top: 8px;
	right: 1px;
	width: 25px !important;
	height: 25px !important;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* html {
	font-size: 18px !important;
} */
pre {
	z-index: 10000;
	position: relative;
	background: #edf6e6;
	margin: 0;
	border-bottom: 1px solid #bfcbb5;
	padding: 0 10px;
}
.required::after {
	content: '*';
	color: var(--bs-red);
	margin-left: 3px;
}
.row.required label{
	display: flex;
}
.row.required::after{
	display: none;
}
.row.required label::after{
	content: '*';
	color: var(--bs-red);
	margin-left: 3px;	
}

.el-required .form-label{
	color: var(--bs-red);	
}
.el-required .form-select,
.form-control.error{
	border: 1px solid var(--bs-red);
}

.form-control.is-invalid, .was-validated .form-control:invalid,
.form-select.is-invalid, .was-validated .form-select:invalid{
	background-color: #fff3f3;
}

.messages-container ul {
	margin: 0;
}
#datatable thead, #datatable tfoot {
	display: table-header-group;
}
#datatable .actions .btn{
	display: flex;
	align-items: center;
}
#datatable .actions .btn i{
	margin-right: 5px;
}
.flex-center{
	display: flex;
	justify-content: center;
}
.flex-gap10{
	gap: 10px;
}
.flex-right{
	display: flex;
	justify-content: right;
}

.required_el {
	border-color: var(--bs-danger) !important;
	background-image: none !important;
}
.verified_el{
	border-color: var(--bs-success);
}
/* tables */
/* .table .actions .btn {
	margin-right: 5px;
} */
.table > thead {
	background: var(--bs-body-color);
	color: #fff;
}
.table td {
	vertical-align: middle;
}
.table td p{
	margin: 0px;
	padding: 0px;
}
.table th.select, td.select {
	text-align: center;
}
.cell_alert {
	background: #f56f6f !important;
}

form .wrapper.actions {
	text-align: center;
}
form .wrapper.actions .btn-group > .btn-group:not(:last-child) > .btn, 
form .wrapper.actions .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-right: 2px solid #fff;
}
.select2-container{
	width: 100% !important;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #ced4da;
	padding: .20rem 1.75rem .20rem .75rem;
	height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 7px 7px 0px 7px !important;
	margin-left: -17px !important;
	margin-top: 0px !important;
}

.ui-menu.ui-autocomplete{
	background: #fff;
	border: 1px solid var(--bs-gray-400);
}


#page-topbar {
	z-index: 998;
}
#page-topbar .active-company-mobile {
		display: none;
}
.form-check-input{
	transform: scale(1.5);
	margin-right: 8px;
}
.box-shadow legend {
	float: none;
	width: auto;
	border-bottom: 0px;
	padding: 0 15px;
	color: var(--bs-blue);
	font-size: 1.2rem;
}
.box-shadow {
	box-shadow: 2px 2px 5px 0px rgb(228, 228, 237);
	/* border: 1px solid var(--bs-gray-500); */
	border: 1px solid var(--bs-blue);
	border-radius: 3px;
	padding: 12px;
	background: #fff;
}
.box-legend {
	border-bottom: 1px solid var(--bs-blue);
	padding-bottom: 5px;
	color: var(--bs-blue);
}
.dd_readonly option{
	display: none;
}
.dd_readonly {
	cursor: not-allowed;
	pointer-events: none;
	/* background: var(--bs-gray-300); */
	background: #eff2f7 !important;
}

.label_desc_visible{
	color: #b3b3b3;
	margin: 0px;
}
#calendar.input-group-addon{
	cursor: pointer;
}
@media (max-width: 600px) {
/* 	#page-topbar .active-company,
	.navbar-brand-box	{
		display: none;
	} */
	#page-topbar .active-company-mobile {
		display: block;
	  /* animation properties */
	  -moz-transform: translateX(100%);
	  -webkit-transform: translateX(100%);
	  transform: translateX(100%);
	  
	  -moz-animation: horizontal-scrooling 5s linear infinite;
	  -webkit-animation: horizontal-scrooling 5s linear infinite;
	  animation: horizontal-scrooling 5s linear infinite;
	}

	/* for Firefox */
	@-moz-keyframes horizontal-scrooling {
	  from { -moz-transform: translateX(100%); }
	  to { -moz-transform: translateX(-100%); }
	}

	/* for Chrome */
	@-webkit-keyframes horizontal-scrooling {
	  from { -webkit-transform: translateX(100%); }
	  to { -webkit-transform: translateX(-100%); }
	}

	@keyframes horizontal-scrooling {
	  from {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	  }
	  to {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	  }
	}
}
@media (max-width: 380px) {
	.navbar-brand-box	{
		display: block;
	}
	#page-topbar .btn.header-item {
		padding: 7px;
	}
}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body .sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.zoom:hover i {
	color: var(--bs-primary);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	cursor: grab;
}

/* sidebar */
/*
.sidebar-enable #sidebar-menu li a.waves-effect {
	color: transparent !important;
}
.sidebar-enable #sidebar-menu .sub-menu.mm-collapse{
	display: none !important;
} */
/* .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
	display: none;
} */

.sidebar-enable .btn-group.company{
	display: block !important;
}
/* desktop mini menu */
/* .sidebar-enable.vertical-collpsed #sidebar-menu .btn-group.company{ */
.sidebar-enable.vertical-collpsed #sidebar-menu .btn-group.company{
	display: none !important;
}
.sidebar-enable.vertical-collpsed #sidebar-menu .inv-link-wrapper{
	padding-left: 20px;
	padding-right: 20px;
	
}
.sidebar-enable.vertical-collpsed #sidebar-menu .inv-link-wrapper a {
	width: auto !important;
}
.sidebar-enable.vertical-collpsed #sidebar-menu #side-menu li a:not(.has-arrow, .inv-link-wrapper a, .sub-menu a, .dropdown-item) {
	color: transparent !important;
}
.sidebar-enable.vertical-collpsed #sidebar-menu #side-menu li a:not(.has-arrow, .inv-link-wrapper a, .sub-menu a, .dropdown-item):hover {
	color: inherit !important;
}
/* end desktop mini menu */

#side-menu .dropdown-item {
	white-space: normal;
}
#sidebar-menu .btn-group.company{
	width: 260px;
}
/* company menu */
.company-mobile-icon {
	display: none;
}
 .sidebar-enable #sidebar-menu .btn-group.company {
	display: block;
}
.vertical-menu .company .dropdown-toggle{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.vertical-menu .company .dropdown-toggle.show {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.vertical-menu .company .dropdown-menu.dropdown-menu-dark.show {
	width: 100%;
	background-color: #73778b;
	max-height: 400px;
	overflow-y: auto;
}

.sidebar-enable.vertical-collpsed .company .dropdown-menu.dropdown-menu-dark.show {
	background: #73778c;
	width: 260px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.sidebar-enable.vertical-collpsed .company-mobile-icon{
	display: block;
}
.sidebar-enable.vertical-collpsed #sidebar-menu .company-menu-wrapper:hover{
	background: #2e3548;	
}
.sidebar-enable.vertical-collpsed #sidebar-menu .company-menu-wrapper:hover .dropdown-menu.dropdown-menu-dark.show{
	background: #2a3042 !important;	
}
.sidebar-enable.vertical-collpsed #sidebar-menu .company-menu-wrapper:hover .btn-group.company {
	display: block !important;
	width: 260px !important;
	margin-left: 22px;
}

.sidebar-enable.vertical-collpsed #sidebar-menu .company-menu-wrapper:hover .dropdown-toggle{
	width: 260px;
	background: #2a3042 !important;
	border: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}
.vertical-menu .company .dropdown-toggle:focus {
	box-shadow: none;
}
.company-mobile-icon i{
	font-size: 1.45rem;

}

.company-menu-wrapper{
	padding: 0px 1.5rem;
	display: flex !important;
	align-items: center;
}

.sidebar-enable.vertical-collpsed #sidebar-menu .company-menu-wrapper.opened .company {
	width: 260px !important;
	display: block !important;
}

.inv-link-wrapper{
	display: flex;
	align-items: center;
	margin: 0px;
	padding: .4rem 1.5rem .4rem 3.5rem;
	justify-content: space-between;
}
.inv-link-wrapper a {
	padding: 0px !important;
}

.mobile-toggle.open .wrapper.block {
	display: block !important;
}

.table-responsive {
	margin: 10px 0;
}
.table-responsive .table .actions .btn {
	word-wrap: normal;
	display: flex;
	align-items: center;
	gap: 7px;
}
.table-responsive .table th,
.table-responsive .table td {
	white-space: nowrap;
}


form .wrapper.actions .buttons {
	flex-wrap: wrap;
}
.dataTables_paginate {
	float: right;
}
.dataTables_length {
	width: 280px;
}
.dataTables_length label {
	display: flex;
	gap: 10px;
	align-items: center;
	white-space: nowrap;
}
#block_filters {
	margin: 10px 0;
	padding: 10px 0;
}
#block_filters fieldset .box-legend {
	margin-bottom: 0px;
	line-height: 10px;
}
#block_filters .box-legend {
	float: none;
	width: auto;
	border-bottom: 0px;
	padding: 0 15px;
}
#block_filters fieldset{
	background: var(--bs-gray-200);
}
#block_filters #filter-table{
	width: 100%;
	white-space: nowrap;
}
.page-title-box,
#sidebar-menu .company-menu-wrapper p,
#sidebar-menu ul li a,
#sidebar-menu ul li ul.sub-menu li a{
	font-size: 110%;
}
.page-wrapper form .form-label,
.page-wrapper form .col-form-label,
.page-wrapper form label
/* #invoice label,
#add_edit_company label,
#contractor-form label */{
	font-size: 110%;
	font-weight: bold;
}
.page-wrapper #invoice label{
	font-weight: normal;
}
.page-wrapper form label::before,
.page-wrapper form label::after{
	font-size: 100% !important;
}
.page-wrapper form input,
.page-wrapper form select,
.page-wrapper form .btn
/* #invoice input,
#invoice select,
#invoice .btn,
#add_edit_company input,
#add_edit_company select,
#add_edit_company .btn,
#contractor-form input,
#contractor-form select,
#contractor-form .btn */{
	font-size: 115%;
}

@media all and (max-width:1400px) {
	#block_filters .mobile-toggle .box-legend{
		text-decoration: underline;
		cursor: pointer;
		padding: 10px;
	}
	.mobile-toggle .wrapper{
		display: none;
	}
	.mobile-toggle.open .wrapper{
		display: flex;
	}		
}
@media all and (min-width:1400px) {
	#block_filters .wrapper{
		padding-left: 5px;
		padding-right: 5px;
	}
	#block_filters fieldset{
		display: flex;
	}
	#block_filters [class*=col]{
		padding-left: 5px;
		padding-right: 5px;
		flex: 1;
	}
}
@media all and (max-width:600px) {
	.wrapper.actions .buttons4 {
		display: grid;
		grid-template-columns: auto auto;
	}
	.wrapper.actions .buttons4 div,
	.wrapper.actions .buttons4 .btn{
		width: 100%;
		margin: 0px !important;
	}
}

@media all and (max-width:450px) {
	.wrapper.actions .buttons,
	.wrapper.actions .buttons4{
		display: flex;
		flex-wrap: wrap;
	}
	.wrapper.actions .buttons div,
	.wrapper.actions .buttons .btn{
		width: 100%;
		margin: 0px !important;
	}
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
	width: 600px !important;
	margin-left: auto;
	margin-right: auto;
}

.dropzone .dz-preview .dz-details {
	padding: inherit !important;
}
table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc_disabled::before {
	font-size: 130%;
	top:8px;
}
table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::after {
	font-size: 130%;
}

/* .table.dataTable.dtr-inline.collapsed > thead > tr > th, table.dataTable.dtr-inline.collapsed > thead > tr > th, */
.table.dataTable.dtr-inline.collapsed .responsive_open_close,
.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {
	position: relative;
}
/* .table.dataTable.dtr-inline.collapsed > thead > tr > th.select, table.dataTable.dtr-inline.collapsed > thead > tr > th.select, */
.table.dataTable.dtr-inline.collapsed .responsive_open_close,
.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
	padding-right: 30px; 
}
/* .table.dataTable.dtr-inline.collapsed > thead > tr > th.select:before, table.dataTable.dtr-inline.collapsed > thead > tr > th.select:before, */
.table.dataTable.dtr-inline.collapsed .responsive_open_close:before,
.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
	top: 50%;
	left: 7px;
	right: 5px;
	height: 14px;
	width: 14px;
	margin-top: -9px;
	display: block;
	position: absolute;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 14px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	line-height: 14px;
	content: '+';
	background-color: var(--bs-blue) !important;
}

.table.dataTable.dtr-inline.collapsed > thead > tr > th.select,
.table.dataTable.dtr-inline.collapsed > tbody > tr > td.select{
	padding-left: 30px !important;
	padding-right: 10px !important;
}
.table.dataTable.dtr-inline.collapsed > thead > tr > th.select, 
table.dataTable.dtr-inline.collapsed > thead > tr > th.select{
	font-weight: inherit !important;
	cursor: pointer;
	position: relative;
}

table.dataTable.dtr-inline.collapsed > thead > tr > th.select.open .responsive_open_close::before{
	content: "-";
	background-color: var(--bs-blue);
}
.responsive_open_close {
	position: absolute !important;
	left: 1px;
	top: 22px;
}

fieldset.row_span .wrapper {
	--bs-gutter-x: 24px;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	/* display: flex; */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}

fieldset.row_span .wrapper > * {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	
}
@media all and (max-width:800px) {
	.d-md-hidden {
		display: none;
	}
	.open .d-md-hidden {
		display: inline-block;
	}
}
@media all and (max-width:600px) {
	fieldset.row_span .wrapper > *{
		width: 100%;
	}	
	.table-responsive{
		overflow-x:auto;
		border:1px solid #ddd;
		border-radius:8px;
		background:#fff;
}
	.table-responsive::-webkit-scrollbar{ height:14px }
	.table-responsive::-webkit-scrollbar-thumb{
		background:#c7c7c7;border-radius:7px;border:3px solid #eee;
	}
	.table-responsive::-webkit-scrollbar-track{ background:#eee; } 
}