.kix-form {
	padding-left: 10px;
	padding-right: 10px;
}

.kix-form .modal-content {
	padding: 0px !important;
}

.kix-form .modal-content .form-group > .kix-button {
	height: calc(1.5em + 0.75rem + 5px);
	padding: 0.375rem 0.75rem;
}

.kix-form .modal-footer-left > button {
	margin-right: 0.1rem;
}

.kix-button {
	padding: 2px 10px !important;
}

.kix-button.change-default.active {
	background-color: var(--primary) !important;
	color: #fff !important;
}

.kix-form .form-group {
	margin-bottom: 0.25rem;
}

.kix-form .row:last-of-type .form-group {
	margin-bottom: 0.3rem;
}

.kix-field,
.kix-field-fake,
.kix-field-container {
	border-radius: 10px;
	font-size: 90%;
}

.kix-field.disabled,
.kix-field[disabled],
.kix-field-fake {
	background-color: #eee !important;
	border-color: #ccc !important;
	color: #666 !important;
}

.kix-field[disabled],
.kix-field[readonly] {
	cursor: default !important;
}

.kix-field:not(table):not([required]):not([field-required]):not([disabled]):not(.disabled),
.kix-field-container {
	border-left-color: #ccc !important;
	border-left-width: 3px !important;
}

.kix-field:not(table):not([required]):not([field-required]):not([disabled]):not(.disabled):focus {
	border-color: #17a2b8 !important;
	box-shadow: 0px 0px 3px 2px #17a2b8cc !important;
}

.kix-field[required]:not(table):not([disabled]):not(.disabled):focus,
.kix-field[field-required]:not(table):not([disabled]):not(.disabled):focus {
	border-color: #fd7e14 !important;
	box-shadow: 0px 0px 3px 2px #fd7e14cc !important;
}

.kix-field[required]:not([disabled]),
.kix-field[field-required]:not([disabled]) {
	border-left-color: var(--orange) !important;
	border-left-width: 3px !important;
}

.col-form-label {
	display: block;
	font-size: 85% !important;
	padding-bottom: 0px !important;
}

.col-form-label.required::after {
	color: var(--orange);
	content: '*';
	padding-left: 3px;
}

.custom-control-label {
	font-size: 90%;
}

.custom-control-label[for]:hover {
	color: var(--primary);
	cursor: pointer;
	text-decoration: underline;
}

[invalid-field] {
	color: var(--danger);
	margin-bottom: 0.25rem;
	margin-top: 0rem;
}

.kix-form .row > [class^='col'] {
	padding-left: 10px;
	padding-right: 10px;
}

.kix-modal.kix-form .kix-modal-fullscreen {
	padding: 3.3rem 0.7rem 0.7rem 0 !important;
}

.kix-field-container .custom-control > .custom-control-label.custom-control-option {
	line-height: 1.35rem;
}

.kix-field-container .custom-control {
	margin-right: 0 !important;
	padding-left: 0 !important;
}

.kix-field-container .custom-control-input,
.kix-field-container .custom-control-input ~ .custom-control-label::before,
.kix-field-container .custom-control-input ~ .custom-control-label::after {
	display: none !important;
}

.kix-field-container .custom-control-input ~ .custom-control-label {
	border: 1px solid #eee;
	border-radius: 5px;
	color: inherit !important;
	display: block;
	margin-bottom: 2px;
	margin-right: 6px;
	margin-top: 2px;
	padding-left: 2ch;
	padding-right: 2ch;
	text-decoration: none !important;
}

.kix-field-container .custom-control-input:disabled ~ .custom-control-label,
.kix-field-container .custom-control-input[disabled] ~ .custom-control-label {
	background-color: #e9ecef !important;
	color: #b9bcbf !important;
	cursor: default !important;
}

.kix-field-container .custom-control-input:checked ~ .custom-control-label {
	background-color: #cce5ff !important;
	border-color: var(--primary) !important;
}

.kix-field-container .custom-control-input:not(:disabled) ~ .custom-control-label:hover {
	background-color: #afceef !important;
}

.kix-field-with-label .col-form-label {
	font-size: 0.7rem !important;
}

.btn {
	border-radius: 20px;
}

.btn > .button-label {
	display: block;
	padding: 0 8px;
}

@media (min-width: 576px) {
	.kix-form.kix-modal .modal-dialog:not(.modal-sm) {
		max-width: 556px;
	}
}