html,
body {
	width: 100%;
	height: 100%;
	width: 100dvw;
	height: 100dvh;
	margin: 0;
	padding: 0;
	touch-action: manipulation;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overscroll-behavior: none;
}

*,
*:before,
*:after {
	touch-action: manipulation;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.flatpickr-calendar {
	width: auto !important;
	height: auto !important;
}

.flatpickr-calendar>* {

	color: var(--cds-text-01);
	width: auto !important;
	height: auto !important;
}

.flatpickr-weekday {
	color: var(--cds-text-01);
}

.flatpickr-prev-month>svg {
	color: var(--cds-text-01);
	fill: var(--cds-text-01);
}

.flatpickr-next-month>svg {
	color: var(--cds-text-01);
	fill: var(--cds-text-01);
}


.bx--file-container {
	width: 100% !important;
}

.bx--file__selected-file {
	max-width: 100% !important;
}

.bx--text-input:disabled {
	color: var(--cds-text-01, #161616) !important;
	cursor: default !important;
	-webkit-text-fill-color: var(--cds-text-01, #161616) !important;
}

.bx--number input[type=number]:disabled {
	color: var(--cds-text-01, #161616) !important;
	cursor: default !important;
}

.bx--text-area:disabled {
	color: var(--cds-text-01, #161616) !important;
	cursor: default !important;
}

.bx--file-container {
	width: 100% !important;
}

.bx--file__selected-file {
	max-width: 100% !important;
}

.feature-form input[type] {
	border-bottom: 2px solid var(--cds-interactive-01) !important;
}

.record-form input[type] {
	border-bottom: 2px solid var(--cds-interactive-01) !important;
}

.feature-form .bx--text-input {
	border-bottom: 2px solid var(--cds-interactive-01) !important;
}

.record-form .bx--text-input {
	border-bottom: 2px solid var(--cds-interactive-01) !important;
}

.bx--text-input {
	height: 2rem !important;
}

.bx--select-input {
	height: 2rem !important;
}

/* TODO: change theme variables instead */
.bx--pagination .bx--select-input {
	height: 2.5rem !important;
}

.bx--number input[type=number] {
	height: 2rem !important;
}

.bx--number__control-btn::before {
	height: 2rem !important;
}

.bx--number__control-btn::after {
	height: 2rem !important;
}

.bx--list-box {
	height: 2rem !important;
	max-height: 2rem;
}

.bx--text-input:disabled {
	color: var(--cds-text-01, #161616) !important;
	cursor: default !important;
	-webkit-text-fill-color: var(--cds-text-01, #161616) !important;
}

.bx--number input[type=number]:disabled {
	color: var(--cds-text-01, #161616) !important;
	cursor: default !important;
}

.bx--text-area:disabled {
	color: var(--cds-text-01, #161616) !important;
	cursor: default !important;
}