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

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

td {
	max-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;
}
/**************** END: Cell Popup ****************/