html {
	--navbar-height: 4rem;
	--navbar-sm-height: 2.7rem;
	--navbar-mobile-height: 2.7rem;
    --sidebar-width: 16rem;
	--sidebar-collapsed-width: 3rem;
    --sidebar-horizontal-height: 4.25rem;
    --sidebar-horizontal-collapsed-height: 4rem;
    direction: ltr;
    text-align: left;
    font-size: 0.925rem
}

body,
html {
    height: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.main-container {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	max-width: 100vw;
}

.main-content {
	max-width: 100%;
	-ms-flex-position: 1;
	flex-grow: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page-content {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 1rem 0.785rem 0.625rem;
}

@media (min-width: 1600px) {
	.page-content {
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		padding: 1.25rem 2.25rem 0.625rem;
	}
}

.bcard {
	border-width: 0;
	background-color: #fff;
	position: relative;
}


/*
* Page Header
*/

.page-header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 0.5rem;
	padding-right: 0.25rem;
	padding-left: 0.25rem;
	align-items: flex-end;
	border-bottom: 3px solid #74aacc;
}

.page-header .page-tools {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.page-header .page-tools select,
.page-header .page-tools .btn-group,
.page-header .page-tools a,
.page-header .page-tools .btn-group,
.page-header .page-tools .form-buttons button,
.page-header .page-tools > button

{
	margin: 0.25rem;
}

.page-header .page-tools .btn-group:first-child,
.page-header .page-tools .form-buttons button:first-child {
	margin-left: 0;
}

.page-header .page-tools a:last-child,
.page-header .page-tools .form-buttons button:last-child {
	margin-right: 0;
}

.page-header .page-title {
	margin: 0.25rem 0;
	font-size: 1.7rem;
	font-weight: 500;
	color: #2564a9
}

@media (min-width: 992px) {
	.page-header {
		align-items: center;
	}
}


/*
* Sidebar
*/

.sidebar {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16rem;
	width: var(--sidebar-width);
	position: relative;
	z-index: 1020;
	visibility: hidden;
}

.sidebar .sidebar-inner {
    width: inherit;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: inherit;
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: inherit;
    box-shadow: inset -1px 0 0 0 #e2e5e8;
    background-color: #f6f9fb;
}

.sidebar-fixed .sidebar-inner {
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto;
}

@media (max-width: 1199.98px) {
	.sidebar {
		max-width: 0;
		visibility: hidden;
	}
	
	.sidebar .sidebar-inner {
/*        visibility: visible; */
        -webkit-transform: translateX(-100%) translateX(-1px);
        transform: translateX(-100%) translateX(-1px);
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        top: var(--navbar-mobile-height);
	}
	
	.sidebar:not(.collapsed) .sidebar-inner {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	
}

@media (min-width: 1200px) {
	.sidebar.collapsed {
		width: 5rem;
		width: var(--sidebar-collapsed-width);
	}

	.navbar-sm ~ .main-container .sidebar-fixed > .sidebar-inner {
        top: 4rem;
        top: var(--navbar-sm-height);
    }
	
	.sidebar.collapsed .fadeable {
		display: none;
	}

	.sidebar.collapsed .caret {
		display: none;
	}

	.sidebar.collapsed nav {
		display: none;
	}

	.sidebar:not(.collapsed).minimized {
		position: fixed;
	}

	.main-content.sb-minimized-hover {
		margin-left: var(--sidebar-collapsed-width);
	}
}

.sidebar .nav-item {
    box-shadow: 0 1px 0 0 #e2e5e8;
}

.sidebar nav .nav-item {
    box-shadow: inherit;
}

.sidebar nav .nav-item.divider {
    box-shadow: inset 0 -1px 0 0 #e2e5e8;
    height: 1px;
}

.sidebar .nav-link {
	font-weight: 500;
	color: #333;
	position: relative;
	display: flex;
	align-items: center;
}

.sidebar .nav-item nav .nav-link {
	font-weight: inherit;
}

.sidebar .nav-link .nav-icon {
	margin-right: 4px;
	color: #a3a3a3;
}

.sidebar .nav-link:hover .nav-icon,
.sidebar .nav-link:active .nav-icon {
	color: inherit;
}

.sidebar .nav-link:hover {
    background-color: #e2e5e8;
}

.sidebar .heading {
	font-size: .75rem;
	text-transform: uppercase;
}

.sidebar .nav-item .nav .nav-link {
	padding-left: 2.5rem;
}

.sidebar .nav-item .nav .nav-link:before {
	content: '-';
	margin-right: 4px;
}

.sidebar .nav-link.active:after {
	position: absolute;
	z-index: 1;
	border: 0 solid transparent;
	border-left-width: 0.25rem;
	left: auto !important;
	margin-left: 1px;
	right: 0;
	content: "";
	border-color: #4b95ce;
	top: 1px;
	bottom: 1px;
}

.sidebar .nav-item .nav-link.collapsed .caret[class*="-down"] {
	transform: rotate(-90deg); 
}


/*
* Navbar
*/

.navbar {
	padding: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 4.5rem;
	height: var(--navbar-height);
	visibility: hidden;
	z-index: 1022;
}

.navbar-sm {
	height: 4rem;
	height: var(--navbar-sm-height);
}

.navbar-inner {
	height: inherit;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: inherit;
	visibility: visible;
    box-shadow: 0 1px 0 0 #e2e5e8;
}

.navbar-fixed > .navbar-inner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.navbar-intro {
	display: -ms-flex;
	display: flex;
	-ms-flex-aign: center;
	align-items: center;
}

.navbar .navbar-intro {
	width: 16rem;
	width: var(--sidebar-width);
}

.navbar-content {
	display: ms-flexbox;
	display: flex;
	-ms-flex-aign: center;
	align-items: center;
	height: 100%;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.navbar-toggler:focus {
	outline: 0;
}

.navbar-input {
	outline: 0;
	width: 320px;
	max-width: 100%;
	transition: all 0.15s;
}

@media (max-width: 991.98px) {
	
	.navbar-content {
		margin-left: auto;
		background-color: inherit;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

}

@media (max-width: 991.98px) {

	.navbar .navbar-collapse {
		position: fixed;
		z-index: 1020;
		transition-duration: 250ms;
		top: 4rem;
		top: var(--navbar-mobile-height);
		right: 0;
		width: 100%;
		max-height: calc(100% - 4rem - 0.5rem);
		max-height: calc(100% - var(--navbar-mobile-height) - 0.5rem);
		overflow: hidden auto;
		-ms-scroll-chaining: none;
		overscroll-behavior: none;
		border-radius: 0;
		background-color: inherit;
	}
	
	.navbar .navbar-collapse > * {
	    background-color: inherit;
	}

	.navbar .navbar-backdrop::before {
		content: "";
		position: fixed;
		left: 0;
		right: 0;
		top: auto;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: -1;
	}
	
	.navbar .navbar-nav > .nav-item > .nav-link {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-align: center;
	    align-items: center;
	    text-align: left;
	    padding: 0.75rem 0.75rem 0.75rem 1rem;
	    border-radius: 0;
	    border-width: 0;
	}

	.navbar .navbar-nav > .nav-item > .nav-link .caret {
		margin-left: auto;
		margin-right: 0.25rem;
		transition: -webkit-transform 150ms;
    	transition: transform 150ms;
    	transition: transform 150ms, -webkit-transform 150ms;
	}
}

.navbar .navbar-input:focus {
	border-color: rgba(115, 170, 235, 1);
}



.navbar .navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
	
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.2rem;
	margin-left: 0.875rem;
}

@media (max-width: 767.98px) {

	.navbar-intro {
		padding-top: .15rem;
		padding-bottom: .15rem;
	}

	.navbar-brand {
		padding-top: 0.3125rem;
		padding-bottom: 0.3125rem;
	}
}

.navbar .navbar-toggler {
	border-color: transparent;
}

.navbar .navbar-toggler:focus {
	box-shadow: none;
}

.navbar .navbar-input {
	color: #41464d;
	background-color: transparent;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: transparent;
}

.navbar .navbar-input:not(:focus):hover {
	border-color: rgba(115, 170, 235, 1);
}

.navbar .form-control {
	padding: .75rem;
	border-width: 0;
	border-radius: 0;
}

.navbar-sm.navbar-fixed + div .sticky-nav {
    top: 4rem;
    top: var(--navbar-sm-height);
}

.navbar-fixed + div .sticky-nav {
    top: 4.5rem;
    top: var(--navbar-height);
}


/*
* Button Burger
*/
.btn-burger {
    cursor: pointer;
    width: 2.5rem;
    height: 2.25rem;
    border-radius: 0.25rem;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    transition: background-color 0.15s;
    color: #fff;
    padding: 0;
}

.btn-burger .bars {
    display: block;
    width: 50%;
    height: 2px;
    position: relative;
    color: inherit;
    background-color: currentColor;
    transition: top 0.15s, -webkit-transform 0.15s;
    transition: transform 0.15s, top 0.15s;
    transition: transform 0.15s, top 0.15s, -webkit-transform 0.15s;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.btn-burger .bars::after,
.btn-burger .bars::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: inherit;
    background-color: inherit;
    color: inherit;
    border-radius: inherit;
    transition: inherit;
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
}
.btn-burger .bars::before {
    top: -0.375rem;
}

.btn-burger .bars::after {
    top: 0.375rem;
}

.btn-burger.burger-arrowed:not(.collapsed) .bars::before {
    top: 0;
    -webkit-transform: rotate(-45deg) scaleX(0.66); 
    transform: rotate(-45deg) scaleX(0.66); 
}

.btn-burger.burger-arrowed:not(.collapsed) .bars::after {
    top: 0;
    -webkit-transform: rotate(45deg) scaleX(0.66); 
    transform: rotate(45deg) scaleX(0.66); 
}


/*
* Footer
*/

.footer {
	height: 2.35rem;
	width: 100%;
	direction: rtl;
}

.footer-fixed .footer-inner {
	position: fixed;
	bottom: 0;
	left: auto;
	right: auto;
	z-index: 998;
	width: 100%;
}

.footer-inner {
	height: inherit;
	direction: ltr;
	padding-right: 0;
	box-shadow: 0 -1px 0 0 #e2e5e8;
}

@media (min-width: 1200px) {
	.sidebar ~ .main-content .footer-fixed .footer-inner {
		padding-left: 16rem;
		padding-left: var(--sidebar-width);
	}

	.sidebar.collapsed ~ .main-content .footer-fixed .footer-inner {
		padding-left: 3rem;
		padding-left: var(--sidebar-collapsed-width);
	}
}


.accordion-button {
	padding: 0.5rem 1rem;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-body-color);
  background-color: rgba(0, 0, 0, 0.03);
}


/*
* Datatable
*/

.dataTable:not(.collapsed) td.dtr-control, 
.dataTable:not(.collapsed) thead > tr > th:first-child {
    display: none;
}

.table.dataTable td.align-end {
	padding-right: 30px;
	text-align: right;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
  z-index: 1001;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0;
	padding-left: 2rem;
	min-width: 20rem;
}

div.dataTables_wrapper div.dataTables_filter label i {
	position: absolute;
	padding-top: 2px;
	margin: 0.4rem;
}

div.dataTables_wrapper div.tools-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #f5f5ff;	
	padding: 0.75rem 0.5rem;
}

.dataTables_wrapper div.footer-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-color: #f5f5ff;
	padding: 0.75rem 0.5rem;
}

div.dataTables_wrapper div.table-search-col, div.dataTables_wrapper div.table-tools-col {
	margin: 0.25rem;
}

.dataTables_wrapper .row table.dataTable,
table.dt-style {
	width: 100% !important;
	color: #323337;
	font-size: 0.95em;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: rgba(0, 0, 0, 0.05);
	margin: auto !important;
}

div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group button.btn:last-of-type {
	border-top-left-radius: 0.2rem !important;
	border-bottom-left-radius: 0.2rem !important;
}

/* Stop Line Break inside Cell */
.dataTables_wrapper th, .dataTables_wrapper td, .dataTables_wrapper td a {
   white-space: nowrap;
}

.navbar-sm.navbar-fixed + div .sticky-nav .sticky-trigger {
    top: calc(-4rem - 1px);
    top: calc(-1 * var(--navbar-sm-height) - 1px);
}
.navbar-fixed + div .sticky-nav .sticky-trigger {
    top: calc(-4.5rem - 1px);
    top: calc(-1 * var(--navbar-height) - 1px);
}
.sticky-trigger {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    z-index: -1;
}


/*
* Form Fields
*/

.form-control {
	color: #51575d;
}

.form-select {
	color: #51575d;
}

input[type="checkbox"] {
    border-radius: 0.125rem;
    background-position: center;
    background-repeat: no-repeat;
}

input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3e%3cpath fill='%233e89e4' d='M 7.5,1.75 l -3.5,4 -2,-1.5 L 1,5.5 4,8.5 9,2.5 z'/%3e%3c/svg%3e");
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
    border-color: #ff893c;
}

input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    overflow: hidden;
    border: 1px solid #adb8c0;
    background-color: #fff;
    vertical-align: text-bottom;
    margin-right: 0.25rem;
}

input[type="checkbox"].size-sm, input[type="radio"].size-sm {
    width: 1.55rem;
    height: 1.55rem;
    margin-top: 0.3rem
}






.xs-icon {
	width: 1.5rem;
	height: 1.5rem;
	margin: -7px 5px -4px 0;
	font-size: 0.9rem;
	padding: 0 0.1rem;
}

.btn-light-default {
    color: #376988;
    background-color: #e0ecf3;
    border-color: #afccdf;
}
.btn-light-default:hover {
    color: #33627f;
    background-color: #d1e2ed;
    border-color: #a0c4d9;
}
.btn-light-default.focus,
.btn-light-default:focus {
    color: #315f7b;
    background-color: #c9ddea;
    border-color: #98bfd6;
}
.btn-light-default:not(:disabled):not(.disabled).active,
.btn-light-default:not(:disabled):not(.disabled):active,
.show > .btn.btn-light-default.dropdown-toggle {
    color: #2f5b76;
    background-color: #c1d8e6;
    border-color: #91bad3;
}

.btn-light-success {
    color: #2f732f;
    background-color: #e1f1e1;
    border-color: #a7d5a7;
}

.btn-light-success:hover {
    color: #2d6d2d;
    background-color: #d3ead3;
    border-color: #9bcf9b;
}

.btn-light-primary {
    color: #1766a8;
    background-color: #dbebf8;
    border-color: #a0c9eb;
}

.btn-light-primary:hover {
    color: #165f9d;
    background-color: #c9e1f4;
    border-color: #83b8e5;
}

.btn-light-danger {
    color: #c81919;
    background-color: #ffe1dc;
    border-color: #eeafa4;
}

.btn-light-danger:hover {
    color: #a3301c;
    background-color: #f5cfc8;
    border-color: #e99788;
}







.text-default {
    color: #507c94 !important;
}

a {
    text-decoration: none;
    background-color: transparent;
}

a.text-default[href]:focus, a.text-default[href]:hover {
    color: #476e84 !important;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.dropdown-item:hover {
    text-decoration: none;
}

.nav-link:hover {
    text-decoration: none;
}

a.btn:hover {
	text-decoration: none;
}


/*
* Table
*/

[class*="bgc-h-"] {
    transition: background-color 0.15s;
}

.table thead, .table tfoot {
    color: #6c7f9b;
    font-size: 0.85em;
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
}

.table tfoot th {
    color: #6c7f9b;
    font-size: var(--bs-body-font-size);
    font-weight: normal;
}

.sticky-nav, thead.sticky-nav > tr > th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 997;
}

.bgc-success-l3 td, .bgc-default-l4 td,
.bgc-h-success-l3 td, .bgc-h-default-l4 td {
	background-color: transparent !important;	
}

.bgc-success-l3, .bgc-h-success-l3:hover {
    background-color: #e8f4e8 !important;
}

.bgc-default-l4, .bgc-h-default-l4:hover {
    background-color: #eff5f9 !important;
}



.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}


/*
* Alert
*/

.alert {
	position: fixed;
	top: var(--navbar-sm-height);
	width: 45rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 95%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 9999;
}

.modal .alert {
	position: absolute;
	top: 3.4rem;
	width: 45rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 95%;
	z-index: 9999;
}

.form-select[multiple] {
	padding: 0.45rem 0.75rem 0.45rem 0.75rem;
	height: 9.9rem;
}

.form-select[multiple] option {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.form-select[multiple] option:first-child {
	margin-top: 0;
}

.form-select[multiple] option:last-child {
	margin-bottom: 0;
}

.form-select[multiple] option:checked {
  background: #0d6efd linear-gradient(0deg, #0d6efd  0%, #0d6efd  100%);
  color: #ffffff;
}


.checkbox-icon {
	background-color: #007bff;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	border-radius: 0.25rem;
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
	margin-left: auto;
	margin-right: auto;
}

div.dataTables_scrollBody {
  border-left: none !important;
}


.position-lc {
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	display: block;
}

.border-l-6 {
	border-left-width: 6px !important;
	border-left-style: solid !important;
	border-left-color: transparent;
}

.brc-success {
	border-color: #5bb15b;
}

.brc-warning {
	border-color: #eda630;
}

.brc-danger {
	border-color: #da4e35;
}

.h-95 {
	height: 95% !important;
}

.pos-rel {
	position: relative !important;
}

.ml-1px {
	margin-left: 1px;
}

/* Select2 Levels */
.select2-container--bootstrap-5 .select2-results>.select2-results__options .L1 {
  padding-left: 0em;
}

.select2-container--bootstrap-5 .select2-results>.select2-results__options .L2 {
  padding-left: 1em;
}

.select2-container--bootstrap-5 .select2-results>.select2-results__options .L3 {
  padding-left: 2em;
}

.select2-container--bootstrap-5 .select2-results>.select2-results__options .L4 {
  padding-left: 4em;
}

/* Select2 smaller*/
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection {
  min-height: calc(1.5em + (0.5rem + 2px));
  padding: 0.25rem 0.5rem;
  font-size: 0.925rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.125rem 0.125rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover,
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select ~ .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  padding: 0.25rem 0.5rem;
  font-size: 0.925rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 0.25rem 0.5rem;
  font-size: 0.925rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  padding: 0.25rem 0.25rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
  padding: 0.25rem 0.5rem;
}
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--single {
  padding: 0.25rem 2.25rem 0.25rem 0.5rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered:not(:empty) {
  padding-bottom: 0.25rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  padding: 0.35em 0.65em;
  font-size: 0.925rem;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0.125rem 0.125rem;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5rem auto no-repeat;
}
.form-select ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
  right: 0.5rem;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  color: #51575d !important;
}


.member-image {
	height: 100px;
	border-radius: 50px;
}

select.form-control-plaintext, select.form-select-plaintext {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* =========================================================
   Cancel button
   ========================================================= */

.cancel-btn-div input {
	display: inline-flex;
	padding-right: 26px;
}

.cancel-btn {
	visibility: hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 50%;
	top: 2px;
	right: 24px;
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-flex;
	margin-right: -16px;
	cursor: pointer;
	background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzMyA0MzguNTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQwOS4xMzMsMTA5LjIwM2MtMTkuNjA4LTMzLjU5Mi00Ni4yMDUtNjAuMTg5LTc5Ljc5OC03OS43OTZDMjk1LjczNiw5LjgwMSwyNTkuMDU4LDAsMjE5LjI3MywwICAgYy0zOS43ODEsMC03Ni40Nyw5LjgwMS0xMTAuMDYzLDI5LjQwN2MtMzMuNTk1LDE5LjYwNC02MC4xOTIsNDYuMjAxLTc5LjgsNzkuNzk2QzkuODAxLDE0Mi44LDAsMTc5LjQ4OSwwLDIxOS4yNjcgICBjMCwzOS43OCw5LjgwNCw3Ni40NjMsMjkuNDA3LDExMC4wNjJjMTkuNjA3LDMzLjU5Miw0Ni4yMDQsNjAuMTg5LDc5Ljc5OSw3OS43OThjMzMuNTk3LDE5LjYwNSw3MC4yODMsMjkuNDA3LDExMC4wNjMsMjkuNDA3ICAgczc2LjQ3LTkuODAyLDExMC4wNjUtMjkuNDA3YzMzLjU5My0xOS42MDIsNjAuMTg5LTQ2LjIwNiw3OS43OTUtNzkuNzk4YzE5LjYwMy0zMy41OTYsMjkuNDAzLTcwLjI4NCwyOS40MDMtMTEwLjA2MiAgIEM0MzguNTMzLDE3OS40ODUsNDI4LjczMiwxNDIuNzk1LDQwOS4xMzMsMTA5LjIwM3ogTTMyMi42MjEsMjcwLjkzOWMzLjYxNywzLjYxMyw1LjQyOCw3LjkwNSw1LjQyOCwxMi44NTQgICBjMCw1LjEzMy0xLjgxMSw5LjUxNC01LjQyOCwxMy4xMjdsLTI1LjY5MywyNS43MDFjLTMuNjE0LDMuNjEzLTcuOTk0LDUuNDItMTMuMTM1LDUuNDJjLTQuOTQ4LDAtOS4yMzYtMS44MDctMTIuODQ3LTUuNDIgICBsLTUxLjY3Ni01MS42ODJsLTUxLjY3OCw1MS42ODJjLTMuNjE2LDMuNjEzLTcuODk4LDUuNDItMTIuODQ3LDUuNDJjLTUuMTQsMC05LjUxNy0xLjgwNy0xMy4xMzQtNS40MmwtMjUuNjk3LTI1LjcwMSAgIGMtMy42MTYtMy42MTMtNS40MjQtNy45OTQtNS40MjQtMTMuMTI3YzAtNC45NDgsMS44MDktOS4yNCw1LjQyNC0xMi44NTRsNTEuNjc4LTUxLjY3M2wtNTEuNjc4LTUxLjY3OCAgIGMtMy42MTYtMy42MTItNS40MjQtNy44OTgtNS40MjQtMTIuODQ3YzAtNS4xNCwxLjgwOS05LjUxNyw1LjQyNC0xMy4xMzRsMjUuNjk3LTI1LjY5M2MzLjYxNy0zLjYxNiw3Ljk5NC01LjQyNCwxMy4xMzQtNS40MjQgICBjNC45NDksMCw5LjIzMSwxLjgwOSwxMi44NDcsNS40MjRsNTEuNjc4LDUxLjY3NGw1MS42NzYtNTEuNjc0YzMuNjEtMy42MTYsNy44OTgtNS40MjQsMTIuODQ3LTUuNDI0ICAgYzUuMTQxLDAsOS41MjEsMS44MDksMTMuMTM1LDUuNDI0bDI1LjY5MywyNS42OTNjMy42MTcsMy42MTcsNS40MjgsNy45OTQsNS40MjgsMTMuMTM0YzAsNC45NDgtMS44MTEsOS4yMzUtNS40MjgsMTIuODQ3ICAgbC01MS42NzUsNTEuNjc4TDMyMi42MjEsMjcwLjkzOXoiIGZpbGw9IiM1NTU1NTUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat scroll center center transparent;
}

.cancel:not(.loading ) .cancel-btn {
	visibility: visible;
	opacity: .25;
	z-index: 3;
}

.cancel:not(.loading ) .cancel-btn:hover {
	opacity: .4;
}

.form-row .input-group .cancel-btn {
	top: 11px;
}

.navbar-nav .cancel-btn {
	top: 6px;
}




#livesearch {
	max-height: 520px;
	overflow-y: auto; 
}

.input-datatable-cancel::-webkit-search-cancel-button{
    display: none;
}

.text-95 {
    font-size: 0.95em !important;
}






/* =============================================================================
   debitor Table
   ========================================================================== */

#items_table .debitor_header td:first-child {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	padding-top: 0.35rem;
	position: relative;
}

#items_table .debitor_item td:first-child {
	font-size: 18px;
	text-align: center;
	padding-top: 0.35rem;
	position: relative;
}

#items_table td input {
	border-width: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
	margin: 0 4px
}

#items_table td input:focus  {
	padding-left: 30px;
	padding-right: 20px;
	width: calc(100% + 20px);
}

#items_table td .dropdown-menu {
	margin-left: -10px;
}

#items_table .debitor_header td .typeahead_item_name {
	font-weight: 700;
}

#items_table .debitor_header td:first-child:before, #items_table .debitor_item td:first-child:before {
	content: "\2191";
	position: absolute;
	bottom: 0.4em;
	display: block;
	opacity: 0.7;
	left: 0.5em
}

#items_table .debitor_header td:first-child:after, #items_table .debitor_item td:first-child:after {
	content: "\2193";
	position: absolute;
	bottom: 0.3em;
	display: block;
	opacity: 0.7;
	left: 0.5em;
}

/* =============================================================================
   jquery Sortable
   ========================================================================== */
body.dragging, body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
 	top: 0;
	opacity: 0.5;
	z-index: 2000;
}

.sortable_group .sortable_selector.dragged {
	border: 1px solid #aaaaaa;
	background: #dadada;
}

.sortable_handle, .sortable_handle label {
	cursor: move;
}

@media ( min-width : 992px) {
	.sortable_handle {
		margin-bottom: 0;
	}
}

.sortable_group li.placeholder {
	display: inline;
	position: relative;
	margin: 2px;
	padding: 0;
	border: none;
}

.sortable_group li.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: 0;
	left: 0;
	top: -12px;
	border: 12px solid transparent;
	border-left-color: red;
	border-right: none;
}

.sorted_head th.placeholder {
	display: inline;
	position: relative;
	margin: 2px;
	padding: 0;
	border: none;
}

.sorted_head th.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: 0;
	left: 16px;
	top: -3px;
	border: 14px solid transparent;
	border-top-color: red;
	border-bottom: none;
}

#items_table {
	position: relative !important;
}

table tr.placeholder {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
	min-height: unset;
	opacity: inherit;
}

table tr.placeholder:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: red;
	margin-top: -5px;
	left: -5px;
	top: -8px;
	border-right: none;
}

table tr.dragged {
	display: inline-block;
	border: 1px solid #aaaaaa;
	opacity: 0.7;
	left: 12px;
}

table tr.dragged td {
	border-width: 0;
}

#items_table th {
	border-color: rgba(0, 0, 0, 0.25);
}

#items_table > :not(:last-child) > :last-child > * {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

/* =============================================================================
   accounting Levels
   ========================================================================== */

.report .row {
	margin: 0.3rem 0 0;
	padding: 0;
}

.report .row div {
	padding: 0;
}

.report .level-0:not(:first-child) {
	margin-top: 20px;
}

.report .level-0.summe {
	margin-top: 0.3rem;
}

.report .row.level-0, .row.level-1 {
	border-bottom: 1px solid #c0c0c0;
}

.report .row.level-0.summe, .row.level-0.total {
	border-top: 1px solid #c0c0c0;
	border-bottom: 0;
}

.report .level-1 {
	margin-left: 1.5rem;
}

.report .level-2 {
	margin-left: 3rem;
}

.report .level-3 {
	margin-left: 4.5rem;
}





.keyboard button.key {
	width: 3.7rem;
	font-size: calc(1.3rem + 0.6vw);
	font-weight: 700;
	margin: 0.25rem;
}

@media (min-width: 1200px) {
	.keyboard button.key {
		font-size: 1.75rem !important;
	}
}

@keyframes bgcolor1 {
    0% {background-color: rgb(0 170 45 / 0%);}
    20% {background-color: rgb(0 170 45 / 100%);}
    100% {background-color: rgb(0 170 45 / 15%);}
}

@keyframes bgcolor2 {
    0% {background-color: rgb(0 170 45 / 0%);}
    20% {background-color: rgb(0 170 45 / 100%);}
    100% {background-color: rgb(0 170 45 / 0%);}
}

.green-marked {
	background-color: rgb(0 170 45 / 15%);
	-webkit-animation: bgcolor1 5s;
    animation: bgcolor1 5s;
}

.green-marked-removed {
	-webkit-animation: bgcolor2 5s;
    animation: bgcolor2 5s;
}

.green-marked_old {
	background-color: rgb(0 170 45 / 15%);
	transition: background-color 2s linear;
}