/*
* Kendo UI widget overrides for the NEA Extranet.
* Merged from: extranet.kendo.grid, dropdownlist, treeview, tabstrip, widgets,
*              upload, listbox, multiselect
*/

/* --- Merged from extranet.kendo.grid.css --- */

/* Grids with Scrolling */
.x-min-height-100,
.x-min-height-100 .k-grid-container {
	min-height: 100px;
}

.x-min-height-150,
.x-min-height-150 .k-grid-container {
	min-height: 150px;
}

.x-min-height-200,
.x-min-height-200 .k-grid-container {
	min-height: 200px;
}

.x-min-height-300,
.x-min-height-300 .k-grid-container {
	min-height: 300px;
}

.x-min-height-400,
.x-min-height-400 .k-grid-container {
	min-height: 400px;
}

.x-min-height-500,
.x-min-height-500 .k-grid-container {
	min-height: 500px;
}

.x-min-height-600,
.x-min-height-600 .k-grid-container {
	min-height: 600px;
}

.x-max-height-100 .k-grid-content.k-auto-scrollable {
	max-height: 100px;
}

.x-max-height-200 .k-grid-content.k-auto-scrollable {
	max-height: 200px;
}

.x-max-height-300 .k-grid-content.k-auto-scrollable {
	max-height: 300px;
}

.x-max-height-400 .k-grid-content.k-auto-scrollable {
	max-height: 400px;
}

.x-max-height-500 .k-grid-content.k-auto-scrollable {
	max-height: 500px;
}

.x-max-height-600 .k-grid-content.k-auto-scrollable {
	max-height: 600px;
}

.x-max-height-700 .k-grid-content.k-auto-scrollable {
	max-height: 700px;
}

.x-max-height-800 .k-grid-content.k-auto-scrollable {
	max-height: 800px;
}

/* Inline Edit */

.k-grid.x-hide-button-text .k-button .k-button-icon {
	min-height: 24px;
	min-width: 24px;
}

.k-grid.x-hide-button-text .k-button {
	padding: 6px;
}

	.k-grid.x-hide-button-text .k-button .k-button-text {
		display: none;
	}

.x-header-wrap.k-grid .k-column-title {
	height: auto;
	min-width: 0;
	white-space: normal;
	flex-shrink: 1;
	overflow: visible;
}

.x-header-wrap.k-grid .k-cell-inner > .k-link {
	width: auto;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: inherit;
	flex: 1;
	overflow: visible;
}

	.k-cell-inner > .k-link,
	.x-header-wrap.k-grid .k-cell-inner > .k-link
	.x-header-wrap.k-grid .k-column-title {
		white-space: normal;
	}

.x-grid-header-center.k-grid .k-table-th.k-header {
	justify-content: center;
}

/* Grid Slider */
.k-grid.k-grid-font-13 .k-table-td {
	font-size: 13px;
}

.k-grid.k-grid-font-13 .k-table-td {
	line-height: 1.6em;
}

.k-grid.k-grid-font-12 .k-table-td {
	font-size: 12px;
}

	.k-grid.k-grid-font-12 .k-table-td td {
		line-height: 1.6em;
	}

.k-grid.k-grid-font-11 .k-table-td {
	font-size: 11px;
}

.k-grid.k-grid-font-11 .k-table-td {
	line-height: 1.6em;
}

.k-grid.k-grid-font-10 .k-table-td {
	font-size: 10px;
}

.k-grid.k-grid-font-10 .k-table-td {
	line-height: 1.6em;
}

.k-grid.k-grid-font-9 .k-table-td {
	font-size: 9px;
}

.k-grid.k-grid-font-9 .k-table-td {
	line-height: 1.6em;
}

/* Inline Edit */

.k-grid.x-hide-button-text .k-button .k-button-icon {
	min-height: 24px;
	min-width: 24px;
}

.k-grid.x-hide-button-text .k-button {
	padding: 6px;
}

.k-grid.x-hide-button-text .k-button-text {
	display: none;
}
.k-grid th.x-col-header-center,
.k-grid th.x-col-header-center .k-link {
	text-align: center;
}
	.k-grid th.x-col-header-center,
	.k-grid th.x-col-header-center .k-link .k-column-title {
		font-family: "GraphikSemibold";
		width: 100%;
	}

.k-grid-content .k-table-row:last-child > td,
.k-grid-content .k-table-row:last-child > .k-table-td,
.k-grid-content-locked .k-table-row:last-child > td,
.k-grid-content-locked .k-table-row:last-child > .k-table-td {
	border-bottom-width: 1px;
}
.k-button-solid-primary .k-button-text {
	color: white;
}

/* --- Merged from extranet.kendo.dropdownlist.css --- */

.k-picker.k-dropdownlist {
    background-color: #FFFFFF;
}
.k-picker-outline:hover {
    color: #212529;
}

/* --- Merged from extranet.kendo.treeview.css --- */

.k-treeview .k-treeview-leaf.k-in.k-hover{
    background-color: inherit;
    color: inherit;
}

/* --- Merged from extranet.kendo.tabstrip.css --- */

.k-tabstrip-items-wrapper .k-item {
    color: var(--extranet-color-text-dark);
}

/* --- Merged from extranet.kendo.widgets.css --- */

div[class*="col-"] > .k-widget,
div[class*="col-"] > .k-textbox {
	width:100%;
}

.k-widget.k-tooltip.k-tooltip-validation {
    background-color: #fbeed5;
}
.k-widget {
    box-sizing: border-box;
}
.x-warning-message.k-tooltip {
    position:static;
    background-color: #FFFF
}

.k-icon-32 {
    font-size: 32px; /* Sets icon size to 32px */
}

.k-icon-48 {
    font-size: 48px; /* Sets icon size to 48px */
}

.k-icon-64 {
    font-size: 64px; /* Sets icon size to 64px */
}

a.k-button > span.k-icon {
	padding-right:5px;
	padding-top:3px;
}

/* --- Merged from extranet.kendo.upload.css --- */

.x-max-height-400 > .k-upload-files {max-height: 400px;}
.x-upload-hide-buttons .k-clear-selected,
.x-upload-hide-buttons .k-upload-selected {display: none}
.x-upload-hide-buttons .k-file-name {
    max-width:80%;
}

/* --- Merged from extranet.kendo.listbox.css --- */

.x-height-auto.k-listbox {height: 100%;}
.x-height-300.k-listbox {height: 300px;}
.x-height-400.k-listbox {height: 400px;}

/* --- Merged from extranet.kendo.multiselect.css --- */

.k-multiselect-wrap .k-input {
  background-color: transparent;
  height: 1.61em;
  line-height: 1.61em;
  padding: 0.18em 0;
  text-indent: 4px;
  border: 0;
  margin: 1px 0 0;
  float: left;
}
