body.kix-modal-open {
	overflow: hidden !important;
	padding-right: 0 !important;
}

.kix-modal-open .kix-modal {
	overflow-x: hidden;
	overflow-y: hidden;
}

.kix-modal.kix-modal-xl {
	max-width: none !important;
	width: 90% !important;
}

.kix-modal .modal-dialog.fw {
	max-width: none !important;
}

.kix-modal .modal-dialog.mw {
	max-width: 800px !important;
}

.kix-modal .modal-dialog.auto-width {
	max-width: fit-content !important;
	width: auto !important;
}

.kix-modal .modal-footer {
	flex-wrap: nowrap !important;
}

.kix-modal .modal-footer .kix-button .button-label {
	display: inline-block;
	margin: 0 !important;
}

.kix-modal .group-action {
	padding: 1px !important;
}

.kix-modal .group-action .kix-field {
	height: auto !important;
	padding: 2px !important;
}

.kix-options [modal-options-item] {
	margin: 2px !important;
}

.kix-options [modal-options-item]:hover {
	background-color: #cce5ff;
}

.kix-options [modal-options-item].selected {
	background-color: var(--kix-blue);
	color: #fff;
}

.kix-options [modal-options-item].selected:hover {
	background-color: var(--primary);
}

.modal-footer > * {
	margin: 0;
}

.kix-modal.kix-message .kix-modal-fullscreen {
	padding: 2.7rem 0.25rem 0.25rem 0.25rem !important;
}

.kix-modal.kix-message .kix-modal-fullscreen.second-fullscreen {
	padding: 3.2rem 0.75rem 0.75rem 0.75rem !important;
}

.modal-header {
	background-color: var(--kix-header);
	border: 0 !important;
	color: #fff;
}

.modal-header.red-title {
	background-color: var(--kix-red);
}

.modal-header.green-title {
	background-color: var(--kix-green);
}

.modal-header.modal-header-untitled {
	display: none;
}

.kix-list .modal-body,
.kix-list .modal-footer,
.kix-list .modal-footer .btn[class*='btn-outline']:not(:hover) {
	background-color: var(--kix-body-background);
}

.modal-footer {
	border: 0 !important;
	padding-top: 0 !important;
}

.kix-form .modal-footer .btn[class*='btn-outline']:not(:hover) {
	background-color: #fff;
}

.modal-footer button {
	margin-left: 0.25rem !important;
}

.kix-form .data-form .nav.nav-tabs {
	margin-left: -10px;
	margin-top: 5px;
}

@media (max-width: 576px) {
	.kix-modal .modal-body > .nav-tabs {
		width: 100%;
	}
	.kix-modal .modal-body > .nav-tabs > .nav-item {
		white-space: nowrap;
	}
}