/* BUTTONS and Clickable Elements */
.disabled, :disabled {
	cursor : not-allowed;
}

.table-card {
	padding-left : 0;
	padding-right : 0;
}

td {
	width: max-content;
	
	/* disable line breaks*/
	overflow : hidden;
	white-space : nowrap;
}

/* editable rows */
tr.editable-row {
	cursor : pointer;
}

/* modals */
/*.modal {
	transition: opacity 0.25s ease;
	height: 100vh;
	overflow-y: auto;
}*/

body.modal-active {
	overflow-x: hidden;
	overflow-y: visible !important;
}

/* visjs padding */
.vis-item .vis-item-content {
	padding: 1px 5px !important;
}

/* select2 class 'hide-disabled-options' adds behaviour "hide disabled options instead of greying them out" */
.select2-container--default .hide-disabled-options .select2-results__option[aria-disabled=true] {
    display: none;
}


/**************** BEGIN: Status fields ****************/
td.late, td.task-code-mismatch {
	background-color : #FF0000;
	color            : #FFFFFF;
}

td.in-progress, td.order {
	background-color : #FFC000;
	color            : #FFFFFF;
}

td.issued, td.ordered, td.closed {
	background-color : #00B050;
	color            : #FFFFFF;
}

td.issued-late, td.ordered-late, td.closed-late {
	background-color : #92D050;
	color            : #FFFFFF;
}
/**************** END: Status fields ****************/

/* configure font size for select2 instances with "smaller" class */
span.select2-dropdown.smaller.select2-dropdown--below {
    font-size: small;
}

.pre {
	white-space: pre;
}

/**************** BEGIN: wide tables ****************/
body.wide-tables .table-container {
	overflow: auto;
}

body.wide-tables .table-container .table {
	width: initial;
	min-width: 100%;
}

body.wide-tables .table-container table {
	width: initial;
	table-layout: initial;
	min-width: 100%;
}
/**************** END: wide tables ****************/

/**************** BEGIN: Cell Popup ****************/
/* Tooltip text */
body:not(.wide-tables) .table-container .cell-popup {

	/* Fade in tooltip */
	transition : opacity 0.3s;
}

/* Show the tooltip text when you mouse over the tooltip container */
body:not(.wide-tables) .table-container td:hover .cell-popup:not(:empty) {
	
	background-color : #555;
	color            : #fff;
	padding          : 5px 5px;
	border-radius    : 6px;
	
	/* Position the tooltip text */
	position : absolute;
	z-index  : 1;
	margin-top: -.5rem;
}

body.wide-tables th.wrap-col-if-wide div {
	width: 14rem;
}

body.wide-tables td.wrap-col-if-wide {
	max-width: inherit;
    white-space: normal;
    word-break: break-word;
}

body.wide-tables td.wrap-col-if-wide .truncate.cell-popup {
    overflow: initial;
    text-overflow: intial;
    white-space: initial;
}
/**************** END: Cell Popup ****************/


/***** START: Menu + Menu minimize ****/
body.menu-minimized #desktop-menu {
	width: 10rem;
}
body.menu-minimized #content-container {
	padding-left: 10rem;
}
body.menu-minimized #desktop-menu a {
    flex-direction: column;
}
body.menu-minimized #desktop-menu span {
    font-size: smaller;
	text-align: center;
}
body.menu-minimized #desktop-menu [data-expand-indicator] {
    display: none;
}

/***** END: Menu + Menu minimize ****/