@import "./common/inputs/input_large.css";
@import "./common/inputs/input_medium.css";
@import "./common/inputs/input_small.css";
@import './common/inputs/inputBase.css';
@import './common/colors.css';
@import './common/headline_common.css';

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.input_small {
	padding-inline: 7px !important;
	/*min-height:30px;*/
	max-height: 20px;
	padding-block: 3px !important;
}

.hidden {
	display: none;
}

.show {
	display: unset;
}


/*	scrollbar */
::-webkit-scrollbar {
	width: 5px !important;
}

::-webkit-scrollbar-thumb {
	background-color: #CCD6ED !important;
	border-radius: 0px 0px 30px 30px !important;
}

::-webkit-scrollbar-track {
	background-color: #ECECEC !important;
}


/*	headline utilities	*/
.single-line-text-ellipsis {
	white-space: nowrap; /* Ensures the text stays on one line */
	overflow: hidden; /* Prevents text from spilling out */
	text-overflow: ellipsis; /* Adds the ellipsis for overflow text */
	max-width: 100%;
}

.underline {
	text-decoration: underline;
}

.text-link {
	cursor: pointer;
}

.text_underline_spaced {
	display: inline;
	background-image: linear-gradient(to bottom, currentColor 100%, transparent 0);
	background-repeat: no-repeat;
	background-position: 0 100%; /* Position the line at the bottom of the text */
	background-size: 100% 2px; /* Width and thickness of the line */
	padding-bottom: 4px;
}

.scroll {
	overflow-y: auto !important;
	scrollbar-width: thin !important;
	scrollbar-color: #CCD6ED #ECECEC !important;
}