:root {
	--bimpel-color-main: #f25e22;
	--bimpel-color-light: #fcd8ca;
	--dark-color-1: #212529;
	--dark-color-2: #343a40;
	--dark-color-3: #495057;
	--drag-drop-color: rgba(0, 0, 0, .5);
}

body {
	font-size: .8rem;
}

h1, h2, h3, h4, h5, h6 {
	/*color: var(--bimpel-color-main);*/
	color: black;
}

.material-symbols-rounded {
	font-variation-settings:
	'FILL' 0,
	'wght' 300,
	'GRAD' -25,
	'opsz' 24
}

.material-symbols-rounded,
.material-icons {
	vertical-align: middle;
}

.text-primary {
	color: var(--bimpel-color-main)!important;
}

.bg-primary {
	background-color: var(--bimpel-color-main)!important;
}

.border-primary {
	background-color: var(--bimpel-color-main)!important;
}

.bg-dark {
	background-color: #3e4555;
}

.bg-light {
    background-color: #eeeeee!important;
}

.bg-dark-custom-1 {
	background-color: var(--dark-color-1)!important;
}

.bg-dark-custom-2 {
	background-color: var(--dark-color-2)!important;
}

.bg-dark-custom-3 {
	background-color: var(--dark-color-3)!important;
}

.border-dark-custom-1 {
	border-color: var(--dark-color-1)!important;
}

.border-dark-custom-2 {
	border-color: var(--dark-color-2)!important;
}

.border-dark-custom-3 {
	border-color: var(--dark-color-3)!important;
}

@media (min-width: 1400px) {
	.d-xxl-block {
		display: block!important;
	}

	.d-xxl-flex {
		display: flex!important;
	}

	.d-xxl-none {
		display: none!important;
	}
}

@media (min-width: 1400px) and (max-width: 1749.98px) {
	.dotsimpel-btns-range {
		display: none!important;
	}
}


.main-menu::-webkit-scrollbar, .scroll-menu::-webkit-scrollbar {
	width: 10px;
}

.nav-menu-left-closed .main-menu::-webkit-scrollbar {
	display: none!important;
}

.nav-menu-left-closed #menuLeftSearchField {
	justify-content: center;
}

.main-menu::-webkit-scrollbar-track {
	background:#212529;
}

.main-menu::-webkit-scrollbar-thumb {
	background-color: #4d565f;
	border-radius: 1rem;
}

.main-menu::-webkit-scrollbar-thumb:hover {
	background-color: #57616b;
}

.scroll-menu::-webkit-scrollbar-track {
	background:#f0f0f0;
	border-top-right-radius: .175rem;
	border-bottom-right-radius: .175rem;
}

.scroll-menu::-webkit-scrollbar-thumb {
	background-color: #c0c0c0;
	border-radius: 1rem;
}

.scroll-menu::-webkit-scrollbar-thumb:hover {
	background-color: #a8a8a8;
}

.nav-group, .main-tab, .menu-bottom {
	border-bottom: 1px solid var(--dark-color-1);
}

.company-selector {
	z-index: 1022;
}

.company-searcher {
	border-bottom: 1px solid #aaa;
}

.menu-bottom {
	bottom: 0;
	z-index: 1022;
}

.main-menu a.text-light:focus {
	color: inherit!important;
}

.nav-menu-left {
	position: relative;
	top: 0;
	left: 0;
	height: 100vh;
	min-width: 200px;
}

@media (max-width: 575.98px) {
	.nav-menu-left {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		z-index: 1021;
	}
}

@media (min-width: 576px) {
	.nav-menu-left-closed {
		max-width: 50px;
		min-width: 50px;
	}

	.nav-menu-left-closed .justify-content-between:not(.pinnable-header) {
		justify-content: center!important;
	}

	.nav-menu-left-closed .search-bar {
		cursor: pointer;
	}

	.nav-menu-left-closed #dropdownMenuLink .company-logo, .nav-menu-left-closed #dropdownMenuLink .company-logo-placeholder {
		margin: 0!important;
	}

	.nav-menu-left-closed .countryflag {
		margin: 0!important;
		width: 20px;
	}

	.nav-menu-left-closed .material-symbols-rounded{
		font-size: 1.5rem!important;
		margin: 0!important;
	}
}

.nav-closed {
	display: none!important;
}

#menu-left .material-symbols-rounded {
	font-size: 1.25rem;
}

#menu-left .main-menu li:hover.inactive-toggle:not(.active),
#menu-left .main-menu li:hover.main-tab:not(.active) {
	background: inherit;
}

#menu-left .main-menu li.active a.text-light {
	color: white!important;
}

.nav-group .pinnable-header .nav-pin {
	z-index: 100;
	align-items: center;
	opacity: 0;
	visibility: hidden;
}

.nav-group .pinnable-header .nav-pin .material-symbols-rounded {
	opacity: .25;
	font-size: 1rem!important;
}

.nav-group .pinnable-header .nav-pin.active .material-symbols-rounded {
	opacity: .5;
}

.nav-group .pinnable-header:hover .nav-pin,
.nav-group .pinnable-header .nav-pin.active,
.nav-group .pinnable-header .nav-pin:hover .material-symbols-rounded,
.nav-group .pinnable-header .nav-pin.active:hover .material-symbols-rounded {
	opacity: 1;
	visibility: visible;
}

.nav-group .pinnable-header .nav-settings {
	z-index: 100;
	display: none;
	align-items: center;
	opacity: .25;
	font-size: 1rem!important;
}

.nav-group .pinnable-header:hover .nav-settings {
	display: flex;
}

.nav-group .pinnable-header .nav-settings:hover {
	opacity: 1;
}

.shortcut-dropzone.empty {
	border: 2px dashed;
}

.shortcut-dropzone.empty.dragover {
	opacity: 1;
	color: white!important;
	border: 2px white solid!important;
}

.delete-shortcut-btn {
	display: none;
}

.shortcut-dropzone:not(:disabled):hover .delete-shortcut-btn {
	display: flex;
}

.nav-group .nav-group-header:hover a {
	color: #cbd3da!important;
}

.nav-group-header.active {
	background-color: var(--bimpel-color-main)!important;
}

.nav-group-header.active:hover {
	color: inherit!important;
}

.collapse-custom {
	z-index: 2;
}

.collapse-custom.closeing::after {
    content: "keyboard_arrow_right";
}

.collapse-custom::after {
    content: "keyboard_arrow_left";
}

.content-wrap {
	background-color: #f1f1f1 !important;
	height: calc(100vh - 50px);
	overflow: auto;
}

@media print {
	.content-wrap {
		position: absolute !important;
		overflow: visible !important;
	}
}

.content-wrap .material-icons,
.content-wrap .material-symbols-rounded {
	font-size: 1rem;
}

#main-content.menu-open {
	filter: brightness(0.5) blur(1px);
	pointer-events: none;
	user-select: none;
}

.line-through {
	text-decoration: line-through;
}

.no-focus.btn.focus, .no-focus.btn:focus {
	box-shadow: none;
}

.pointer {
	cursor: pointer;
}

.card {
	background-color: rgb(255 255 255 / 85%);
}

.modal-dialog {
	margin-top:0 !important;
}

input[type="checkbox"] {
	cursor: pointer;
}

.btn,
.table {
	font-size: inherit;
}

.btn.shortcut-dropzone.disabled {
    opacity: .25;
}

.btn-outline-light{
    border: 1px solid #dee2e6;
}

.nav-dropdown {
	width: max-content!important;
}

.nav-dropdown .material-symbols-rounded {
	font-size: 1.25rem;
}

table.search-results th:not([data-sortable]) {
	cursor: pointer;
}

.badge-bimpel {
	background-color: var(--bimpel-color-main);
	color: #fff;
}

.badge-dotsimpel {
	background-color: var(--bimpel-color-main);
	color: #fff;
}

.active .badge-dotsimpel {
	background: rgb(255 255 255 / 0.1);
}

.badge-tld {
	color: #fff;
	background-color: #ffffff1a;
	font-weight: normal;
	font-size: 100%;
}

.card-title.collapsed .material-icons::after,
.card-title.collapsed .material-symbols-rounded::after {
	content: "\e5cf";
}

.card-title .material-icons::after,
.card-title .material-symbols-rounded::after {
    content: "\e5ce";
}

.nav-dropdown-item {
	padding: 0.5rem 0.75rem;
}

.main-menu {
	position: absolute!important;
	top: 50px;
	bottom: 50px;
}

.main-menu.overflow-enabled {
	overflow-y: auto;
	overflow-x: hidden;
	left: 0;
	right: 0;
}

.main-menu:not(.overflow-enabled) {
	left: 0;
	right: 0;
}

.dropdown-menu {
	font-size: inherit;
	z-index: 1023;
}

.main-menu .dropdown-menu.show {
	left: 50px!important;
}

.btn > .material-icons,
.btn > .material-symbols-rounded {
	font-size: 1.2rem;
}

.btn-sm > .material-icons,
.btn-sm > .material-symbols-rounded {
	font-size: 1rem;
}

[data-toggle=collapse] .collapse-indicator::before {
	font-family: "Material Icons";
}

[data-toggle=collapse]:not([aria-expanded=true]) .collapse-indicator::before {
	content: "\e5cf";
}

[data-toggle=collapse][aria-expanded=true] .collapse-indicator::before {
	content: "\e5ce";
}

[data-toggle=collapse] .collapse-indicator-plusminus::before {
	font-family: "Material Icons";
}

[data-toggle=collapse]:not([aria-expanded=true]) .collapse-indicator-plusminus::before {
	content: "\e145";
}

[data-toggle=collapse][aria-expanded=true] .collapse-indicator-plusminus::before {
	content: "\e15b";
}

.droppable-self {
	transition: outline .125s, transform .125s, opacity .125s;
}

.droppable-self.hover {
	outline: 4px solid var(--drag-drop-color);
	position: relative;
	z-index: 100;
	transform: scale(1.05);
}

.drag-active .droppable-self * {
	pointer-events: none;
	outline: 2px solid red !important;
}

.droppable-between {
	position: relative;
	z-index: 101;
	margin-bottom: -16px;
	transform: translateY(-50%);
	height: 16px;
	background-image: linear-gradient(0deg, transparent 6px, var(--drag-drop-color) 6px, var(--drag-drop-color) 10px, transparent 10px);
	visibility: hidden;
	transition: opacity .125s;
	opacity: 0;
}

.droppable-between.visible {
	visibility: visible;
}

.droppable-between.hover {
	opacity: 1;
}

.is-being-dragged {
	opacity: .5;
}

input[type=radio].visual-check-input,
input[type=checkbox].visual-check-input {
	display: none;
}

input[type=radio].visual-check-input + label,
input[type=checkbox].visual-check-input + label {
	cursor: pointer;
	user-select: none;
	position: relative;
}

input[type=radio].visual-check-input:checked + label,
input[type=checkbox].visual-check-input:checked + label {
	outline: 3px solid var(--bimpel-color-main);
	border-radius: 3px;
}

input[type=radio].visual-check-input + label[title]:not([title=""]) > span.text,
input[type=checkbox].visual-check-input + label[title]:not([title=""]) > span.text {
	text-decoration: underline dotted;
	cursor: help;
}

#menu-left .main-menu ul li,
#menu-left .main-menu ul li a {
	color: white;
}

.scroll-menu {
	max-height: 35vh;
	width: 15rem;
	overflow-y: scroll;
	border-color: #ccc;
	font-size: inherit;
}

.company-logo,
.company-logo-placeholder {
    height: calc(50px - 1rem);
    width: calc(50px - 1rem);
    flex-shrink: 0;
}

.company-logo-placeholder {
	background-color: rgba(150, 150, 150, 0.2)
}

.after-none::after {
	display: none;
}

.login-container .card-header {
	background-color: var(--bimpel-color-main);
	color: white;
	font-weight: bold;
}

.login-container .card {
	border: unset;
}

.info-warning .card-body {
	background-color: #ff000091;
	color: white;
	padding: 15px;
	text-align: center;
	border: 1px solid #ff0000cc;
	border-radius: 2px;
}

.info-warning.alert {
	border-radius: 0;
}

nav .nav-dropdown {
	top: 37px;
	width: 450px;
	right: 0;
	left: auto;
}

.menu ul li a {
	color: #111;
}

.menu.show {
	visibility: visible;
	display: block;
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 80vh;
}

.menu {
	visibility: hidden;
	display: none;
}

.menu .menu-item-block .material-icons,
.menu .menu-item-block .material-symbols-rounded {
	font-size: 35px;
}

.close-btn {
	cursor: pointer;
	color: black;
}

.close-btn .material-icons,
.close-btn .material-symbols-rounded {
	font-size: 36px;
}

.nav-dropdown .modal-header .close {
	color: green;
	opacity: 1;
}

.nav-dropdown div.close.pointer span {
	color: #111;
}

.dropdown-toggle.btn-light {
    color: #212529 !important;
    background-color: #ffffff;
	border-color: #ced4da;
}

.dropdown-toggle.btn-light:hover {
    color: #212529 !important;
    background-color: #f8f9fa;
	border-color: #f8f9fa;
}

table[data-sortable] th[data-sorted-direction="ascending"],
table[data-sortable] th[data-sorted-direction="descending"] {
	padding-right: 18px !important;
}

table[data-sortable] th[data-sorted-direction="ascending"]:after,
table[data-sortable] th[data-sorted-direction="descending"]:after {
	left: auto !important;
	float: none !important;
	bottom: auto !important;
}

table[data-sortable] th[data-sorted-direction="ascending"]:after {
	border-bottom-color: black !important;
	margin: 0 0 0 4px !important;
}

table[data-sortable] th[data-sorted-direction="descending"]:after {
	border-top-color: black !important;
	margin: 5px 0 0 4px !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #28a745;
	background-color: #28a745;
}

.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	color: #fff;
	background-color: #28a74599;
	border-color: #28a74599;
}

.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #28a74599;
}

.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem #28a74599;
}

.custom-control.custom-switch .custom-control-input,
.custom-control .custom-control-label {
	cursor: pointer;
}

.tox-statusbar__branding {
	display: none !important;
}

.btn-primary {
	background-color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.btn-outline-primary {
	color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.btn-primary:hover {
	background-color: #d9531e;
	border-color: #bf491b;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background-color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 106 0 / 50%);
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
	background-color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.link-primary {
	color: var(--bimpel-color-main);
}

.link-primary:hover {
	color: #d9531e;
}

.btn-link {
	color: var(--bimpel-color-main);
	font-weight: bold;
}

.btn-link:hover {
	color: #d9531e;
}

.btn-outline-primary:hover {
	background-color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.btn-primary.focus,
.btn-primary:focus {
	background-color: #d9531e;
	border-color: #bf491b;
	box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background-color: #8c3614;
	border-color: #732c10;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--bimpel-color-main);
	opacity: .5;
}

.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover {
    background: none;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--bimpel-color-main);
	border-color: var(--bimpel-color-main);
}

.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	background-color: #a85e2999;
	border-color: #a85e2999;
}

.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #a85e2999;
}

.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--bimpel-color-main);
	background-color: var(--bimpel-color-main);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	background-color: var(--bimpel-color-light);
	border-color: var(--bimpel-color-light);
}

.custom-control-input:focus ~ .custom-control-label::before,
.btn-outline-primary.focus, .btn-outline-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ffb580;
}

.nav-dropdown .dropdown-item:active, .widget .dropdown-item:active,
.nav-dropdown .dropdown-item.active, .widget .dropdown-item.active,
.nav-dropdown .dropdown-item:hover, .widget .dropdown-item:hover,
.nav-dropdown .dropdown-item:focus, .widget .dropdown-item:focus,
#menu-left .main-menu li.active,
#menu-left .main-menu li:hover,
#menu-left .main-menu li.highlight {
	background-color: var(--bimpel-color-main);
	color: white;
}

.list-group-item.active {
    background-color: var(--bimpel-color-main);
    border-color: var(--bimpel-color-main);
    color: white;
}

#menu-left .scroll-menu a.active,
#menu-left .scroll-menu a:hover,
#menu-left .scroll-menu a.highlight {
	background-color: var(--bimpel-color-light);
}

#companySearchBar, #menuLeftSearchBar {
	height: min-content;
	border-color: transparent;
}

#companySearchBar::placeholder, #menuLeftSearchBar::placeholder {
	color: #aaa;
}

#menu-left .form-control:focus, #menu-left button:focus, .form-control:focus, .custom-file-input:focus ~ .custom-file-label {
	border-color: var(--bimpel-color-main);
	box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .25);
}

.autocomplete-results {
	background: white;
	border-radius: .25rem;
	border: 1px solid #ced4da;
	max-height: 400px;
	overflow-y: auto;
	max-width: 400px;
	position: absolute;
	box-shadow: 0 1px 1px var(--drag-drop-color);
	z-index: 101;
}

.autocomplete-results li:hover {
	cursor: pointer;
	background-color: var(--bimpel-color-main);
	color: white;
}

/* line 14, ../sass/_sortable.sass */
table[data-sortable] th:not([data-sortable="false"]) {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	cursor: pointer;
}

table[data-sortable] th:after {
	content: "";
	visibility: hidden;
	/* display: inline-block; */
	vertical-align: inherit;
	height: 0;
	width: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	margin-right: 1px;
	margin-left: 10px;
	float: right;
}

table[data-sortable] th[data-sorted="true"]:after {
	visibility: visible;
}

table[data-sortable] th[data-sorted-direction="descending"]:after {
	border-top-color: inherit;
	margin-top: 8px;
}

table[data-sortable] th[data-sorted-direction="ascending"]:after {
	border-bottom-color: inherit;
	margin: 0px 0 5px 4px !important;
}

table[data-sortable] thead th {
	border-bottom: 2px solid #e0e0e0;
}

table[data-sortable] tbody td {
	border-top: 1px solid #e0e0e0;
}

table[data-sortable] th[data-sorted="true"] {
	color: #3a87ad;
	background-color: #d9edf7;
	border-bottom-color: #bce8f1;
}

table[data-sortable] th[data-sorted="true"][data-sorted-direction="descending"]:after {
	border-top-color: #3a87ad;
}

table[data-sortable] th[data-sorted="true"][data-sorted-direction="ascending"]:after {
	border-bottom-color: #3a87ad;
}

.no-spinner {
	appearance: textfield;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	-ms-progress-appearance: textfield;
}

.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-progress-appearance: none;
}

.steps .step-circle {
	border-radius: 40px;
	color: #aaa;
	width: 40px;
	height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 1rem;
	border: 2px dotted #aaa;
	box-sizing: content-box;
	position: relative;
	z-index: 2;
	line-height: 40px;
	user-select: none;
}

.steps .step-circle > span {
	font-size: 1.5rem !important;
	margin-top: -6px;
}

.steps .step-circle.step-circle-active {
	border: 2px solid #007bff;
	color: #007bff;
}

.steps .step-circle.step-circle-current {
	background-color: #007bff;
	color: white;
}

.steps .step-line {
	border-bottom: 2px dotted #aaa;
	position: relative;
	top: 50%;
	margin-top: -1px;
	z-index: 1;
}

.steps .step-line.step-line-active {
	border-bottom: 2px solid #007bff;
}

.steps .step-label {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -80px);
	color: #888;
	overflow-x: visible;
	white-space: nowrap;
	font-size: .8rem;
	user-select: none;
}

.steps .step-circle.step-circle-active + .step-label {
	color: #007bff;
}

.steps .step-circle.step-circle-current + .step-label {
	font-weight: bold;
	color: #007bff;
}

.modal-content {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .25) !important;
}

.modal-header {
    background-color: var(--bimpel-color-main) !important;
    border: none !important;
}

.modal-header .modal-title {
    color: white !important;
}

.modal-header .close {
    color: white !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

textarea.tox-textarea {
	font-family: monospace !important;
	font-size: 14px !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color:#eee;
	text-decoration: underline;
}

@keyframes highlight-pulse {
	0% {
		outline: 10px solid transparent;
		box-shadow: inset 0 0 10000px transparent;
	}
	10% {
		outline: 10px solid var(--bimpel-color-main);
		box-shadow: inset 0 0 10000px var(--bimpel-color-main);
	}
	100% {
		outline: 10px solid transparent;
		box-shadow: inset 0 0 10000px transparent;
	}
}

.highlight-pulse {
	animation-name: highlight-pulse;
	animation-duration: 1.25s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#toast-container {
	scrollbar-width: none;
	position: fixed;
	z-index: 1021;
	top: 50px;
    max-height: calc(100vh - 50px);
	right: 0;
	/* bottom: 0; */
	width: 300px;
	overflow-y: auto;
}

#toast-container .hide-all-wrapper {
	pointer-events: auto;
	text-align: right;
}

.toast {
	position: relative;
	z-index: 1022;
	pointer-events: auto;
}

@supports selector(.form-group:has(.sticky-container)) {
    .form-group:has(.sticky-container) {
        margin-bottom: 0!important;
        background-color: #fff;
        position: sticky;
        bottom: 0;
        z-index: 10;
        border-top: 1px solid #dee2e6;
    }
}