/* global body padding */
body {
  padding-top:    1.5rem;
  padding-bottom: 1.5rem;
}
.clientLogo {
	float: left;
	margin-top: -2px;
	margin-bottom: -3px;
	max-height: 50px;
	width: auto;
}

.tooltip {
	z-index: 999999;
}

.table tbody tr:first-child td {
    border-top: none;
}

@media (min-width: 768px) {
  body {
    padding-top:    3.8rem;
    padding-bottom: 3.8rem;
  }
}

/* global spacing overrides */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
}

/*noinspection ALL*/
.navbar-fixed-top,
.navbar-static-top {
  border-bottom: 0;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    top: 5.5rem;
    right: 1rem;
    display:none;
	padding: 0.375rem 0.75rem;
	z-index: 2500;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
	background-color: #b60e0c;
	font-weight: bold;
}
.navbar .navbar-nav .nav-link {
	padding: 1rem;
}

.incode-menue-group-toggle {
	position: relative;
}
.incode-menue-group-arrow {
	font-size: .65rem;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	transition: transform .15s ease;
}
.incode-menue-group-toggle.collapsed .incode-menue-group-arrow {
	transform: translateY(-50%) rotate(0deg);
}
.iconav-nav > .nav-item:not(.incode-menue-group) > .nav-link:not(.active):hover,
.iconav-nav > .nav-item:not(.incode-menue-group) > .nav-link:not(.active):focus {
	background-color: rgba(255, 255, 255, .55);
	text-decoration: none;
}
.iconav-nav > .incode-menue-group > .incode-menue-group-toggle.active,
.iconav-nav > .incode-menue-group > .incode-menue-group-toggle.active:hover,
.iconav-nav > .incode-menue-group > .incode-menue-group-toggle.active:focus {
	background-color: rgba(255, 255, 255, .35);
	color: inherit;
	font-weight: 500;
}
.incode-menue-group-items {
	list-style: none;
	margin: 0;
	padding: 0;
}
.incode-menue-group-items .nav-link {
	border-radius: 0;
	color: inherit;
	font-size: 1rem;
	padding: .7rem .9rem;
	text-align: center;
}
.incode-menue-group-items .nav-link:hover,
.incode-menue-group-items .nav-link:focus {
	background-color: rgba(255, 255, 255, .55);
	text-decoration: none;
}
.incode-menue-group-items .nav-link.active {
	background-color: var(--white);
	box-shadow: inset .2rem 0 0 var(--secondary);
	color: inherit;
	font-weight: 500;
}

#incodeSearchInputDropdown {
	left: auto !important;
	right: 10px;
}

.incode_cut_text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-project {
	color: #fff;
	background-color: #073a8f;
	border-color: #052863;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-project:hover,.btn-project:not(:disabled):not(.disabled):active, .btn-project:not(:disabled):not(.disabled).active, .show > .btn-project.dropdown-toggle {
	color: #fff;
	background-color: #052863;
	border-color: #052863;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

@media (min-width: 768px) {
	#mainIconav, .with-iconav
	{
		height: 100%;
	}
	#mainIconav > .iconav > .iconav-slider
	{
		height: calc(100% - 6.076rem);
		overflow: auto;
	}
	.with-iconav.expanded .iconav
	{
		width: 16rem;
	}
	.with-iconav.expanded .iconav a
	{
		text-align: left;
	}
	.with-iconav.expanded .iconav a small
	{
		margin-left: 0.5rem;
		display: inline !important;
		font-size: 85%;
	}
	.with-iconav.expanded .incode-menue-group-items .nav-link
	{
		padding-left: 2.5rem;
		text-align: left;
	}
	.with-iconav.expanded .incode-menue-group-toggle .iconav-nav-label
	{
		font-size: 78%;
		margin-left: .35rem;
		white-space: nowrap;
	}
	.with-iconav:not(.expanded) .incode-menue-group-arrow
	{
		display: none;
	}
	.with-iconav .container-fluid
	{
		margin-left: 6.4rem;
	}
	.with-iconav.expanded .container-fluid
	{
		margin-left: 17rem;
	}
}

@media print {
	.with-iconav .container-fluid
	{
		margin-left: 0rem !important;
	}
	.with-iconav.expanded .container-fluid
	{
		margin-left: 0rem !important;
	}
	body {
		padding: 0 !important;
		background: none !important;
	}
	.shadow, .shadow-lg {
		box-shadow: none !important;
	}
	.print-full {
		height: 100% !important;
		width: 100% !important;
		overflow: visible !important;
	}
}

.modal-body-scroller {
	overflow: auto;
}

@media (min-height: 600px) and (max-width: 575px)
{
	.modal-body-scroller {
		max-height: calc(100vh - 11rem);
	}
}
@media (min-height: 600px) and (min-width: 575px)
{
	.modal-body-scroller {
		max-height: calc(100vh - 13rem);
	}
}

.note_planerInfo {
	background-color: #ffefd5;
}

.manageView_content .btn-group.dashhead-toolbar-item.btn-group:has(button) {
	margin-left: 0.40625rem ;
}
.priceValue {
	text-align: right;
}
.invoiceTable-container {
	overflow-x: auto;
	padding-bottom: .25rem;
}
.invoiceTable {
	--invoice-grid-columns: 2rem 2.5rem 6rem minmax(14rem, 1fr) minmax(9.5rem, 12rem) minmax(10rem, 13rem) 6rem 9.5rem minmax(10rem, 13rem);
	--invoice-grid-gap: .3rem;
	min-width: 73rem;
	margin-bottom: 0;
}
.invoiceTable.invoiceTable-readonly {
	--invoice-grid-columns: 2.5rem 6rem minmax(14rem, 1fr) minmax(9.5rem, 12rem) minmax(10rem, 13rem) 6rem 9.5rem minmax(10rem, 13rem);
	min-width: 70.7rem;
}
.invoiceTable-readonly .invoiceTable-actionHeader,
.invoiceTable-readonly .invoiceRow-orderControls {
	display: none;
}
.invoiceTable-header {
	display: grid;
	grid-template-columns: var(--invoice-grid-columns);
	gap: var(--invoice-grid-gap);
	padding: .45rem .7rem;
	border-bottom: 1px solid #dee2e6;
	color: var(--secondary);
	font-size: .78rem;
	font-weight: 600;
}
.invoiceTable-positionHeader {
	text-align: center;
}
.invoiceRows,
.invoiceExtraRows {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.invoiceSortableRow {
	border: 0;
	border-bottom: 1px solid #dee2e6;
	background: #fff;
	transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
}
.invoiceSortableRow:hover {
	border-bottom-color: #c7ced5;
	background: #fbfcfd;
}
.invoiceRow-dragging {
	opacity: .55;
	border-bottom-color: var(--primary);
	background: #f3f7fb;
}
.invoiceRow-main {
	display: grid;
	grid-template-columns: var(--invoice-grid-columns);
	gap: var(--invoice-grid-gap);
	align-items: end;
	padding: .6rem .7rem;
}
.invoiceRow-main > div {
	min-width: 0;
}
.invoiceRow-main .actionCol {
	align-self: center;
}
.invoiceRow-position {
	align-self: center;
	text-align: center;
	color: var(--secondary);
}
.invoiceRow-main .nameCell {
	grid-column: auto;
}
.invoiceRow-orderControls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	min-height: 2.25rem;
}
.invoiceRow-orderControls .btn {
	margin: 0;
	padding: .2rem;
	color: var(--secondary);
	line-height: 1;
}
.invoiceRow-orderControls .btn:disabled {
	opacity: .25;
}
.invoice-sort-handle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .3rem .2rem;
	cursor: grab;
	user-select: none;
}
.invoice-sort-handle:active {
	cursor: grabbing;
}
.invoiceTable_remove {
	margin-left: 0;
}
.invoiceRow-details {
	display: grid;
	grid-template-columns: var(--invoice-grid-columns);
	gap: var(--invoice-grid-gap);
	padding: .7rem;
	padding-top: 0;
	margin-top: -.6em;
}
.invoiceRow-details > div {
	min-width: 0;
}
.invoiceRow-details--with-two-selects .invoiceRow-description {
	grid-column: 3 / 6;
}
.invoiceRow-details--with-two-selects .invoiceRow-costCenter {
	grid-column: 6 / 8;
}
.invoiceRow-details--with-two-selects .invoiceRow-account {
	grid-column: 8 / 10;
}
.invoiceRow-details--with-one-select .invoiceRow-description {
	grid-column: 3 / 7;
}
.invoiceRow-details--with-one-select .invoiceRow-additionalSelect {
	grid-column: 7 / 10;
}
.invoiceRow-details--info-only .invoiceRow-description {
	grid-column: 3 / 10;
}
.invoiceTable-readonly .invoiceRow-details--with-two-selects .invoiceRow-description {
	grid-column: 2 / 5;
}
.invoiceTable-readonly .invoiceRow-details--with-two-selects .invoiceRow-costCenter {
	grid-column: 5 / 7;
}
.invoiceTable-readonly .invoiceRow-details--with-two-selects .invoiceRow-account {
	grid-column: 7 / 9;
}
.invoiceTable-readonly .invoiceRow-details--with-one-select .invoiceRow-description {
	grid-column: 2 / 6;
}
.invoiceTable-readonly .invoiceRow-details--with-one-select .invoiceRow-additionalSelect {
	grid-column: 6 / 9;
}
.invoiceTable-readonly .invoiceRow-details--info-only .invoiceRow-description {
	grid-column: 2 / 9;
}
.invoiceRow-details label {
	margin-bottom: .2rem;
	color: var(--secondary);
	font-size: .8rem;
	font-weight: 600;
}
.invoiceRow-details textarea {
	resize: vertical;
	min-height: 4.2rem;
}
.invoiceExtraRows:not(:empty) {
	border-top: 1px solid #ced4da;
}
.invoiceRowExtra-main .invoiceRowExtra-descriptionCell {
	grid-column: 3 / 8;
}
.invoiceRowExtra-main .discountCell {
	grid-column: 8;
}
.invoiceRowExtra-main .invoiceRow-sum {
	grid-column: 9;
}
.invoiceTable-readonly .invoiceRowExtra-main .invoiceRowExtra-descriptionCell {
	grid-column: 2 / 7;
}
.invoiceTable-readonly .invoiceRowExtra-main .discountCell {
	grid-column: 7;
}
.invoiceTable-readonly .invoiceRowExtra-main .invoiceRow-sum {
	grid-column: 8;
}
.invoiceTable .form-control.readonly.priceValue,
.invoiceTable .form-control:disabled {
	background: var(--light);
}
.invoiceTable input[type="number"] {
	-moz-appearance: textfield;
	appearance: textfield;
}
.invoiceTable input[type="number"]::-webkit-inner-spin-button,
.invoiceTable input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
.invoiceTable .input-group-text,
.invoiceTable .incode-custom-select {
	background-color: var(--light);
}
.invoiceTable .incode-custom-select {
	box-shadow: none;
}
.invoiceTable .extraRowTypeSelect {
	flex: 0 0 11rem;
	max-width: 11rem;
	background-color: var(--light);
	box-shadow: none;
}
.invoiceTotals {
	border-top: 1px solid #dee2e6;
	padding-top: .4rem;
}
.invoiceSumRow {
	display: grid;
	grid-template-columns: var(--invoice-grid-columns);
	gap: var(--invoice-grid-gap);
	align-items: center;
	padding: .3rem .7rem;
}
.invoiceSumRow > div:last-child {
	grid-column: 9;
}
.invoiceTable .invoice-subtotal {
	grid-column: 1 / 9;
	color: var(--secondary);
	font-weight: 500;
	text-align: right;
	padding-right: .3rem;
}
.invoiceGrossRow {
	margin-top: .2rem;
	padding-top: .6rem;
	border-top: 1px solid #dee2e6;
}
.invoiceGrossRow .invoiceTable-actions {
	grid-column: 1 / 8;
}
.invoiceTable .invoice-total {
	grid-column: 8;
	padding-right: .15rem;
	font-size: 1.1em;
	font-weight: 600;
	text-align: right;
	padding-right: .3rem;
}
.invoiceTable-readonly .invoiceSumRow > div:last-child {
	grid-column: 8;
}
.invoiceTable-readonly .invoice-subtotal {
	grid-column: 1 / 8;
}
.invoiceTable-readonly .invoiceGrossRow .invoiceTable-actions {
	grid-column: 1 / 7;
}
.invoiceTable-readonly .invoice-total {
	grid-column: 7;
}
.invoiceTable .invoiceTable-actions {
	display: block;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	margin-top: 3px;
}
.invoiceTable-action {
	cursor: pointer;
	padding-left: 1em;
}
@media print {
	.invoiceSortableRow {
		break-inside: avoid;
		box-shadow: none;
	}
	.invoiceRow-main {
		padding-left: 0;
		padding-right: 0;
	}
	.invoiceRow-details {
		background: transparent;
	}
}
.invoiceDiv label {
	margin-bottom: 0.1rem;
}
.invoiceDiv .form-group {
	margin-bottom: 0.5em;
}
.invoiceDiv textarea[name="data.headBody"],
.invoiceEntityDiv textarea[name="data.headBody"] {
	height: 8em;
}
.invoiceDiv textarea[name="data.footer"],
.invoiceEntityDiv textarea[name="data.footer"]  {
	height: 11em;
}
.invoice-state {
	font-weight:500;
	font-size:.9em;
	padding: .3em 1em;
	border-radius: 3em;
	border: 1px solid;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.form-control.accounting_document_status_display {
	border-color: currentColor;
	font-weight: 500;
}
.invoice-state-none {
	background-color: var(--light);
	color: color-mix(in srgb, var(--light) 50%, black 50%);
}
.invoice-state-offer {
	background-color: var(--light);
	color: color-mix(in srgb, var(--light) 50%, black 50%);
}
.invoice-state-open {
	color: color-mix(in srgb, var(--warning) 90%, black 10%);
	background-color: color-mix(in srgb, var(--warning) 10%, white 80%);
}
.invoice-state-info {
	background-color: rgba(28, 168, 221, .09);
	color: #11799f;
}
.invoice-state-success {
	background-color: rgba(40, 167, 69, .09);
	color: var(--success);
}
.invoice-state-paid {
	color: var(--success);
	background-color: color-mix(in srgb, var(--success) 10%, white 80%);
}
.invoice-state-overdue {
	color: var(--danger);
	background-color: color-mix(in srgb, var(--danger) 10%, white 80%);
}
.invoice-state-storno {
	color: var(--secondary);
	background-color: color-mix(in srgb, var(--secondary) 10%, white 80%);
}
.customerDiv label {
	white-space: nowrap;
}
.customerDiv .form-group {
	overflow: hidden;
}
.project-status span {
	white-space: nowrap;
}
.overflowVisible {
	overflow-x: visible !important;
	overflow-y: visible !important;
}

.booking-pattern-btn-add {
	border-radius: 0;
}
.iterableButton {
	border-radius: 0;
	border-left: 0;
}
.bs-element-list-left-nav {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.bs-element-list-right-nav {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.incode-progress-logList {
	max-height: 30em;
	overflow-y: auto;
}
.attendanceTimeInputDiv, .attendanceTimeInputHeaderDiv {
	min-width: 4.8em;
	max-width: 6em;
	width: 6em;
}
.attendanceRemoveAddDiv {
	width: 1.5em;
	max-width: 1.5em;
	text-align: center;
}
.attendance-badges {
	min-width: 6em;
	width: 8em;
	max-width: 13.7em;
}
.attendanceControl td {
	padding: .3em;
}
.attendanceControl th {
	padding: 0.75em .3em;
}
#infoPanel_panel_tabs_content div[att-canceled="1"] {
	text-decoration: line-through;
}
.substituteCard .substituteInvalidElement,
.substituteCard[hascounterofferduty="0"] .substituteCounterOfferElement,
.substituteCard[hascounterofferduty="-1"] .substituteValidElement {
	display: none;
}
.substituteCard[hascounterofferduty="-1"] .substituteInvalidElement {
	display: initial;
}
.orgSelectControl-check-children.active {
	color: #1CA8DD;
}
.orgSelect-content:not(.disabled) .orgSelectControl-check:disabled {
	display:none;
}
.orgSelect-content:not(.disabled) .orgSelectControl-check:disabled + .orgSelectControl-check-children {
	color: #1CA8DD;
	margin-left: 1.2rem !important;
}
.orgSelectControl-check:disabled + .orgSelectControl-check-children:focus,
.orgSelectControl-check:disabled + .orgSelectControl-check-children:active:focus {
	box-shadow: unset;
}
.orgSelect-menu.k-treeview .k-checkbox-wrapper {
	margin-right: 0.2rem;
}
.orgSelect-menu.k-treeview.k-treeview-md .k-treeview-leaf {
	padding: .25rem .5rem;
}
.orgSelect-menu .btn:not(:disabled):not(.disabled):active,
.orgSelect-menu .btn:not(:disabled):not(.disabled).active {
	box-shadow: inset 2px 3px 3px rgb(15 125 167 / 25%);
}
.orgSelect-menu .k-treeview-toggle{
	margin-left: -13px;
}
.orgSelect-content {
	max-height:50rem;
	overflow-y:auto;
}
.orgSelectionVisualizer:not(.orgSelectionVisualizer-multiline) .orgSelectionVisualizer-content-remaining {
	margin-right: 0.2em;
	margin-left: 0.2em;
	margin-top: -0.1em;
}
.orgSelectionVisualizer.orgSelectionVisualizer_fancy.orgSelectionVisualizer-multiline .orgSelectionVisualizer-spacer {
	display: none;
}
.orgSelectionVisualizer.orgSelectionVisualizer_fancy.orgSelectionVisualizer-multiline .orgSelectionVisualizer-entry {
	margin-right: 0.7em;
}
.orgSelectionVisualizer_fancy {
	border-radius: 0.7em 1em 1em 0.7em;
}
.orgSelectionVisualizer_formControl {
	border-top-right-radius: 1em;border-bottom-right-radius: 1em;
}
.orgSelectControl-selectDeselectArea {
	white-space: nowrap;
}
.k-actionsheet-item-icon {
	padding-top: 0.6em;
}
.incode-input-group {
	flex-wrap:nowrap;
}
.incode-input-group .input-group-prepend,
.incode-input-group .incode-input-group-label,
.incode-input-group-label{
	width:11em;
	min-width:11em;
}
.incode-input-group .input-group-text {
	width:100%;
}
.incode-input-group .input-group-text,
.incode-input-group .incode-input-group-label {
	background-color: var(--light);
}
.incode-input-group .badgeControl .badgeRenderer,
.incode-input-group .dropdown.bootstrap-select .dropdown-toggle,
.incode-input-group .incode-org-select-toggle,
.incode-input-group > .input-group > .form-control {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.incode-input-group .incode-org-select-toggle {
	text-align:left;
}
.incode-input-group .dropdown.bootstrap-select {
	overflow:hidden;
}
.incode-org-select-full-width .incode-org-select-toggle {
	width: 100%;
}
.incode-input-group-error-field {
	font-size:0.9em;
}
#dutyDialog_dutyForm_dateInput:disabled {
	background-color:var(--light);
}
.bootstrap-select.disabled .dropdown-toggle {
	background: var(--light);
}
.incode_projectAllocationInfo {
	text-wrap: nowrap;
}

.property-control .error-message {
	color: var(--danger);
	font-size: .9em;
}
.property-control-hidden {
	display: none;
}
.property-control-fields > .property-control-field:last-child {
	margin-bottom: 0;
}
.property-control.property-control-condensed .form-group {
	margin-bottom: .5em;
}
.property-control.property-control-condensed label {
	margin-bottom: 0.2em;
}
.property-control.property-control-condensed .card-body,
.property-control.property-control-condensed .card-header {
	padding-bottom: .5em;
	padding-top: .5em !important;
}

.reportBack_question {
	min-width: 30em;
	flex: 1 1 auto;
}

.dropdown-header.optgroupHeaderNone {
	display: none;
}

.fieldset-spacing{
	padding: 0.81rem;
	margin-bottom: 0.4rem;
}
.fieldset-legend-spacing{
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	margin-bottom: 0 !important;
}
.project-instance-container label {
	margin-bottom: .125em;
}
.project-instance-container .project-summary {
	font-size: .94em;
}
.project-instance-container .project-summary-label {
	max-width: 9em;
	margin-left: .1em;
}
.project-instance-container .data-container .card-header {
	padding: 0.5rem 1.25rem;
}
.project-instance-container #project_currentRequirements_table td,
.project-instance-container #project_currentRequirements_table th,
.project-instance-container #project_requirements_table td,
.project-instance-container #project_requirements_table th {
	padding: 0.5rem 0.6rem !important;
	vertical-align: middle !important;
}
.project-instance-container .projects-requirements-container {
	padding: 0.75rem;
}
.project-instance-container .projects-requirements-container .table {
	margin-bottom: 0;
}
.project-instance-container #stammdatenData .incode-org-select-toggle {
	width: 100%;
	text-align: left;
}
.condition-builder .rules-list > *::before, .condition-builder .rules-list > *::after {
	content: "";
	position: absolute;
	left: -10px;
	width: 10px;
	height: calc(50% + 4px);
	border-color: #CCC;
	border-style: solid;
}
.condition-builder .rules-list > *::before {
	top: -4px;
	border-width: 0 0 2px 2px;
}
.condition-builder .rules-list > *::after {
	top: 50%;
	border-width: 0 0 0 2px;
}
.condition-builder .rules-list > *:first-child::before {
	top: -18px;
	height: calc(50% + 18px);
}
.condition-builder .rules-list > *:last-child::before {
	border-radius: 0 0 0 4px;
}
.condition-builder .rules-list > *:last-child::after {
	display: none;
}

.app-callout {
	background: #fff;
	border: 1px solid #dee2e6;
	border-left: 5px solid #e9ecef;
	border-radius: 0.25rem;
	/*padding: 0.5rem 0.75rem;*/
}

.app-callout.callout-warning {
	border-left-color: var(--warning);
}

.app-callout.callout-success {
	border-left-color: var(--success);
}

.app-callout.callout-danger {
	border-left-color: var(--danger);
}

.app-callout.callout-info {
	border-left-color: var(--info);
}

.app-callout.callout-muted {
	border-left-color: var(--gray);
}.incode-toast-stack {
	 position: fixed;
	 z-index: 1055;
	 width: auto;
	 max-width: calc(100vw - 2em);
	 display: flex;
	 flex-direction: column;
	 gap: 0;
	 overflow: visible;
	 pointer-events: none;
 }

.incode-toast-stack > .incode-toast:not(:last-child) {
	margin-bottom: .5em;
}

.incode-toast-stack--top-left {
	top: 1.5em;
	left: 1.5em;
}

.incode-toast-stack--top-center {
	top: 1.5em;
	left: 50%;
	transform: translateX(-50%);
}

.incode-toast-stack--top-right {
	top: 1.5em;
	right: 1.5em;
}

.incode-toast-stack--bottom-left {
	bottom: 1.5em;
	left: 1.5em;
}

.incode-toast-stack--bottom-center {
	bottom: 1.5em;
	left: 50%;
	transform: translateX(-50%);
}

.incode-toast-stack--bottom-right {
	right: 1.5em;
	bottom: 1.5em;
}

.incode-toast {
	--incode-toast-accent: #16834a;
	--incode-toast-soft: rgba(22, 131, 74, .12);
	--incode-toast-background: #ffffff;
	--incode-toast-title-color: #172033;
	--incode-toast-message-color: #627086;
	--incode-toast-border-color: rgba(22, 131, 74, .22);
	--incode-toast-duration: 6000ms;
	box-sizing: border-box;
	width: 23.375em;
	max-width: calc(100vw - 2em);
	border: 1px solid var(--incode-toast-border-color);
	border-radius: .5em;
	background: var(--incode-toast-background);
	background-clip: padding-box;
	overflow: visible;
	opacity: 0;
	transform: translateY(-.5em);
	transition: opacity .18s ease, transform .18s ease;
	pointer-events: auto;
}

.incode-toast.shadow {
	box-shadow: 0 .5em 1em rgba(18, 27, 43, .16) !important;
}

.incode-toast.show {
	opacity: 1;
	transform: translateY(0);
}

.incode-toast.hide {
	display: none;
}

.incode-toast__body {
	padding: 0;
	overflow: hidden;
	border-radius: inherit;
	background: inherit;
}

.incode-toast__inner {
	display: flex;
	align-items: flex-start;
	gap: .75em;
	padding: 1em;
}

.incode-toast__icon {
	width: 2.375em;
	height: 2.375em;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 2.375em;
	background: var(--incode-toast-soft);
	color: var(--incode-toast-accent);
	font-weight: 700;
	line-height: 1;
}

.incode-toast__icon .fas {
	font-size: .9375em;
}

.incode-toast__content {
	min-width: 0;
	flex: 1 1 auto;
}

.incode-toast__title {
	margin-bottom: .125em;
	color: var(--incode-toast-title-color);
	font-size: .9375em;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.incode-toast__message {
	color: var(--incode-toast-message-color);
	font-size: .875em;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.incode-toast__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em;
	margin-top: .6875em;
}

.incode-toast__action {
	min-height: 2.461538em;
	max-width: 100%;
	border-radius: .461538em;
	font-size: .8125em;
	font-weight: 650;
	line-height: 1.2;
	padding: .538462em .846154em;
	white-space: normal;
}

.incode-toast__action .fas {
	margin-right: .461538em;
	font-size: .923077em;
}

.incode-toast__close {
	flex: 0 0 auto;
	width: 2em;
	height: 2em;
	margin: -.25em -.375em 0 0;
	padding: 0;
	line-height: 1;
	opacity: .5;
	font-size: 1.25em
}

.incode-toast__close:hover {
	opacity: .78;
}

.incode-toast__close .fas {
	font-size: .9375em;
}

.incode-toast__progress {
	height: .25em;
	width: 100%;
	background: var(--incode-toast-accent);
	transform-origin: left center;
	animation: incode-toast-progress var(--incode-toast-duration) linear forwards;
}

.incode-toast--dark {
	background: var(--incode-toast-background, #202938);
}

.incode-toast--dark.shadow {
	box-shadow: 0 .5em 1.125em rgba(0, 0, 0, .28) !important;
}

.incode-toast--dark .incode-toast__title,
.incode-toast--dark .incode-toast__message,
.incode-toast--dark .incode-toast__close {
	color: #ffffff;
}

.incode-toast--dark .incode-toast__message {
	color: rgba(255, 255, 255, .76);
}

.incode-toast--dark .incode-toast__icon {
	background: var(--incode-toast-soft, rgba(255, 255, 255, .14));
}

.incode-toast--dark .incode-toast__close {
	text-shadow: none;
}

@keyframes incode-toast-progress {
	from {
		transform: scaleX(1);
	}

	to {
		transform: scaleX(0);
	}
}

@media (max-width: 32.5em) {
	.incode-toast-stack {
		max-width: none;
		transform: none;
	}

	.incode-toast-stack--top-left,
	.incode-toast-stack--top-center,
	.incode-toast-stack--top-right {
		top: 1em;
		top: calc(1em + env(safe-area-inset-top));
		right: 1em;
		left: 1em;
		bottom: auto;
	}

	.incode-toast-stack--bottom-left,
	.incode-toast-stack--bottom-center,
	.incode-toast-stack--bottom-right {
		top: auto;
		right: 1em;
		bottom: 1em;
		bottom: calc(1em + env(safe-area-inset-bottom));
		left: 1em;
	}

	.incode-toast {
		width: 100%;
		max-width: none;
	}

	.incode-toast__inner {
		padding: .875em;
	}

	.incode-toast__actions {
		gap: .4375em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.incode-toast {
		transition: none;
	}
}

/* Reusable Accounting customer select */
.incode-accounting-customer-select-wrapper.bootstrap-select {
	background: transparent;
	border: 0;
	height: auto;
	padding: 0;
	width: 100% !important;
}

.incode-accounting-customer-select-wrapper.bootstrap-select > .dropdown-toggle {
	align-items: center;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .375rem;
	box-shadow: none;
	color: #495057;
	display: flex;
	font-weight: 400;
	height: calc(2.25rem + 2px);
	line-height: 1.5;
	padding: .375rem .75rem;
	text-align: left;
}

.incode-accounting-customer-select-wrapper.bootstrap-select.form-control-sm > .dropdown-toggle {
	border-radius: .375rem;
	font-size: .875rem;
	height: calc(1.8125rem + 2px);
	line-height: 1.5;
	padding: .25rem .75rem;
}

.incode-accounting-customer-select-wrapper.bootstrap-select > .dropdown-toggle::after {
	border: 0;
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-size: .75rem;
	font-weight: 400;
	margin: 0 0 0 .75rem;
	vertical-align: middle;
}

.incode-accounting-customer-select-wrapper.bootstrap-select > .dropdown-toggle .bs-caret {
	display: none;
}

.incode-accounting-customer-select-wrapper.bootstrap-select > .dropdown-toggle:focus,
.incode-accounting-customer-select-wrapper.bootstrap-select.show > .dropdown-toggle {
	background-color: #fff;
	border-color: #80bdff;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
	outline: 0 !important;
}

.incode-accounting-customer-select-wrapper.bootstrap-select > .dropdown-toggle .filter-option {
	align-items: center;
	display: flex;
	height: 100%;
}

.incode-accounting-customer-select-wrapper.bootstrap-select > .dropdown-toggle .filter-option-inner {
	width: 100%;
}

.incode-accounting-customer-select-wrapper.bootstrap-select.disabled > .dropdown-toggle {
	background-color: #e9ecef;
	color: #6c757d;
}

/* Reusable action control */
.incode-action-control {
	display: inline-flex;
	justify-content: flex-end;
	white-space: nowrap;
}
.incode-action-control__menu {
	min-width: 16rem;
}
.incode-action-control__item {
	align-items: center;
	display: flex;
}
.incode-action-control__item:disabled,
.incode-action-control__item.disabled {
	cursor: not-allowed;
	opacity: .55;
}

/* Reusable summary cards */
.incode-summary-card-group {
	display: grid;
	gap: .7rem;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.incode-summary-card {
	--incode-summary-theme-color: var(--secondary, #6c757d);
	--incode-summary-theme-rgb: 108, 117, 125;
	align-items: center;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: .4rem;
	display: flex;
	gap: .7rem;
	min-width: 0;
	padding: .75rem .85rem;
}

.incode-summary-card[data-theme="primary"] {
	--incode-summary-theme-color: var(--primary, #1ca8dd);
	--incode-summary-theme-rgb: 28, 168, 221;
}

.incode-summary-card[data-theme="success"] {
	--incode-summary-theme-color: var(--success, #28a745);
	--incode-summary-theme-rgb: 40, 167, 69;
}

.incode-summary-card[data-theme="danger"] {
	--incode-summary-theme-color: var(--danger, #dc3545);
	--incode-summary-theme-rgb: 220, 53, 69;
}

.incode-summary-card[data-theme="warning"] {
	--incode-summary-theme-color: var(--warning, #ffc107);
	--incode-summary-theme-rgb: 255, 193, 7;
}

.incode-summary-card[data-theme="info"] {
	--incode-summary-theme-color: var(--info, #17a2b8);
	--incode-summary-theme-rgb: 23, 162, 184;
}

.incode-summary-card[data-theme="dark"] {
	--incode-summary-theme-color: var(--dark, #343a40);
	--incode-summary-theme-rgb: 52, 58, 64;
}

.incode-summary-card__icon {
	align-items: center;
	background: rgba(var(--incode-summary-theme-rgb), .1);
	border-radius: 50%;
	color: var(--incode-summary-theme-color);
	display: flex;
	flex: 0 0 2.25rem;
	height: 2.25rem;
	justify-content: center;
	transition: background-color .15s ease, color .15s ease;
}

.incode-summary-card__content {
	min-width: 0;
}

.incode-summary-card__value {
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.incode-summary-card__label {
	color: var(--secondary, #6c757d);
	font-size: .78rem;
	white-space: nowrap;
}

.incode-summary-card--selectable {
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.incode-summary-card--selectable:not(.incode-summary-card--active):hover {
	background-color: rgba(var(--incode-summary-theme-rgb), .025);
	border-color: rgba(var(--incode-summary-theme-rgb), .45);
	box-shadow: 0 .12rem .45rem rgba(var(--incode-summary-theme-rgb), .08);
	transform: translateY(-1px);
}

.incode-summary-card--selectable:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(var(--incode-summary-theme-rgb), .18);
}

.incode-summary-card--active {
	background-color: rgba(var(--incode-summary-theme-rgb), .06);
	border-color: var(--incode-summary-theme-color);
	box-shadow: 0 .15rem .65rem rgba(var(--incode-summary-theme-rgb), .14);
}

.incode-summary-card--active:focus {
	box-shadow:
		0 0 0 .2rem rgba(var(--incode-summary-theme-rgb), .18),
		0 .15rem .65rem rgba(var(--incode-summary-theme-rgb), .14);
}

@media (prefers-reduced-motion: reduce) {
	.incode-summary-card--selectable,
	.incode-summary-card__icon {
		transition: none;
	}
}