@font-face {
	font-family: 'icokate';
	src: url('icokate.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'codicon';
	src: url('../../build/fonts/codicon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-itsi-icon-"]:before,
[class*=" icon-itsi-icon-"]:before {
	font-family: 'icokate';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-itsi-icon-tool:before {
	content: "\e909";
}
.icon-itsi-icon-sortby:before {
	content: "\e906";
}
.icon-itsi-icon-distro-stream:before {
	content: "\e614";
}
/*
 * Probably not the best place for this class but its a common CSS file imported everywhere.
 * Goal would be to import this common CSS class when it's going to be defined in SplunkUI
 * or SplunkWebCore in a near future hopefully
 */
.table-hidden-caption {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}
.control-dispatcher-wrapper-inline {
	display: inline-block;
}
.custom-control-group-control-wrapper {
	margin-right: 10px;
	max-width: 100%;
	flex-grow: 1;
}
.control-dispatcher-tooltip {
	max-width: 200px;
}
.custom-control-group-control-wrapper:last-of-type {
	margin-right: 0;
}
div[data-test="control-group"] label[data-test="label"],
.control-dispatcher-wrapper label {
	margin-bottom: 0;
}
/*
 * CSS rules to make sure the bootstrap.css does not override the SUI Text and other
 * components (like Select, Number etc) styles
 * Ref: ITSI-19733 as a part of SUI 4 upgrade
 */

input[data-test="textbox"],
input[type="text"][data-test="disabled-textbox"],
textarea[data-test="textbox"] {
	margin-bottom: 0;
	box-shadow: none !important;
	border: none !important;
}
input[disabled], input[readonly],
select[disabled], select[readonly],
textarea[disabled], textarea[readonly] {
	background-color: unset;
}
textarea[data-test="textbox"] {
	height: 51px;
	min-height: 51px;
	resize: vertical !important;
}
[data-test="layer-container"] [data-test="text-area"] span {
	padding-left: 0;
}
[data-test="layer-container"] input[type="text"],
[data-test="layer-container"] input[type="url"],
[data-test="layer-container"] textarea[type="text"],
[data-test="layer-container"] input[data-test="textbox"],
[data-test="layer-container"] input[type="text"][data-test="disabled-textbox"],
[data-test="layer-container"] textarea[data-test="textbox"] {
	padding: 5px 8px !important;
}
input[data-test="textbox"][aria-invalid="true"]::placeholder,
textarea[data-test="textbox"][aria-invalid="true"]::placeholder {
	color: #dc4e41;
}
[data-test="combo-box"] > input[data-test="textbox"],
[data-test="select"] > input[data-test="textbox"],
[data-test="multiselect"] > input[data-test="textbox"] {
	height: auto !important;
}
div[data-test="text"] > span {
	border-color: #818d99 !important;
}
div[data-test="combo-box"] > span,
div[data-test="date"] > span,
div[data-test="number"] > span,
div[data-test="text"] > span {
	padding-left: 0;
	padding-right: 0;
}
div[data-test="text"] > span[disabled] input {
	margin-bottom: 0;
}

div > button[data-test="clear"] {
	border: none;
	background: none !important;
}
[data-test="radio-bar"] [data-test="option"] {
	margin-left: 0 !important;
}

/* Match the background of each page to defaults pre SUI upgrade */
body {
	background: #ffffff;
	color: #3c444d;
	margin: 0;
}

/*
 * Match the height of the component to the up and down controls
 */
div[data-test="number"] {
	height: 30px;
}
div[data-test="earliest-number"] {
	height: 32px;
}

/*  Match the box-shadow on autofill of each page to defaults pre SUI upgrade */
input:-webkit-autofill,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 100px white inset !important;
	transition: none !important;
}

td[data-test-base-lister="table-cell-title"] span[data-test="tooltip"] {
	display: grid;
}
td[data-test-base-lister="table-cell-actions"] button[data-test-base-lister="actions-button"] {
	margin: 2px 0;
}