@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
 */

 /* Make the border of ControlGroup type text coherent with SUI Text */
input[type="text"],
input[type="url"],
textarea[type="text"] {
	border: 1px solid #818d99 !important;
	border-radius: 3px !important;
}
input[data-test="textbox"],
input[type="text"][data-test="disabled-textbox"],
textarea[data-test="textbox"] {
	margin-bottom: 0;
	box-shadow: none !important;
	height: 20px;
	border: none !important;
}
div[role="dialog"] input[type="text"],
div[role="main"] input[type="text"],
div[role="dialog"] input[type="url"],
div[role="main"] input[type="url"],
div[role="dialog"] textarea[type="text"],
div[role="main"] textarea[type="text"],
div[role="dialog"] input[data-test="textbox"],
div[role="main"] input[data-test="textbox"],
div[role="dialog"] input[type="text"][data-test="disabled-textbox"],
div[role="main"] input[type="text"][data-test="disabled-textbox"],
div[role="dialog"] textarea[data-test="textbox"],
div[role="main"] textarea[data-test="textbox"] {
	padding: 5px 8px !important;
}
textarea[data-test="textbox"] {
	height: 51px;
	min-height: 51px;
	resize: vertical !important;
}

textarea[data-test="textbox"],
textarea[data-test="text"][disabled] {
	padding-left: 8px;
}

input[data-test="textbox"][aria-invalid="true"]::placeholder,
textarea[data-test="textbox"][aria-invalid="true"]::placeholder {
	color: #dc4e41;
}

div[data-test="combo-box"] input[data-test="textbox"] {
	padding: 0;
}

div[role="combobox"] > input[data-test="textbox"],
div[role="select"] > input[data-test="textbox"],
div[role="multiselect"] > input[data-test="textbox"] {
	height: auto !important;
}

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;
}
