/*********************************
* MATERIAL ICONS
**********************************/

.material-symbols-outlined {
	font-variation-settings:
	'FILL' 1,
	'wght' 400,
	'GRAD' 0,
	'opsz' 48
}

.button-small .material-symbols-outlined {
	vertical-align: middle;
	font-size: 16px;
	margin-right: 6px;
}

/*********************************
* SELECT2 PLUGIN
**********************************/

/* Change control style to be more consistent with existing controls */
.ppw_select2 + .select2-container--default .select2-selection--single,
.ppw_select2 + .select2-container--default .select2-selection--multiple {
	border: var(--ppw-form-control-border-width) solid var(--ppw-form-control-border-color);
	border-radius: var(--ppw-form-control-border-radius);
	background-color: var(--ppw-form-control-bg);

	height: 20px !important;
}

/* Fix the vertical alignment of the clear button */
.ppw_select2 + .select2-container--default .select2-selection--single .select2-selection__clear,
.ppw_select2 + .select2-container--default .select2-selection--multiple .select2-selection__clear {
	display: flex;
	align-items: center;
	height: 100%;
}

/* Fix the vertical alignment of the placeholder text */
.ppw_select2 + .select2-container--default .select2-selection--single .select2-selection__rendered,
.ppw_select2 + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	align-items: center;
	height: 100%;

	font-size: var(--ppw-form-control-font-size);
	color: var(--ppw-form-control-color);
}

.ppw_select2 + .select2-container--default .select2-selection--single .select2-selection__arrow,
.ppw_select2 + .select2-container--default .select2-selection--multiple .select2-selection__arrow{
	top: 0px;
	height: 100%;
}

/*********************************
* JQUERY UI DIALOG
**********************************/

.warning-dialog > .ui-widget-header {
	background: #ce0b0b !important;
}

.custom-dialog > .ui-widget-header {
	background: #1b3d68 !important;
}

.ppw-dialog .ui-widget-header {
	background: rgb(28, 67, 114) none;
	border: 1px solid rgb(23, 42, 77);
	color: #ffffff;
	font-weight: bold;
}

.ppw-dialog .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog {
	z-index: 1;
}

/*********************************
* jQuery UI autocomplete
**********************************/

/* Fix for jQuery UI autocomplete drawing behind date fields*/
.ui-autocomplete {
	z-index: 1030;
}

/*********************************
* jQuery Minicolors
**********************************/

/* Fix color chiip spilling over input border */
.minicolors-theme-default .minicolors-input {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	height: fit-content;
}

/*********************************
* Touchups for Materialize
**********************************/

/* Restore some padding to table cells after blueprint reset.css was removed */
table:not(.table) th,
table:not(.table) td {
	padding: 4px;
}

/* Allow Comment Boxes to be Expanded Both Ways */
textarea {
	resize: both;
}