/*teaching unit group status*/
.teaching-unit-group-status {
    font-size: 12px;
    height: 24px;
    padding: 3px 8px;
    border-radius: 10px;
}

    .teaching-unit-group-status.active {
        background-color: var(--active-background);
        color: var(--active-text);
    }

	.teaching-unit-group-status.inactive {
		background-color: var(--inactive-background);
		color: var(--grey-70);
	}


/*teaching unit group type column*/
.type-icons-container .teaching-unit-group-type-icon {
    font-size: 20px !important;
    margin-right: 4px !important;
    cursor: pointer;
}

.type-icons-container {
    height: 20px !important;
    margin-bottom: 5px;
}

    .type-icons-container div {
        display: inline-block;
    }


.material-icons.green {
    color: #79b51c;
    width: 26px;
    height: 26px;
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    border-radius: 12px;
    background-color: black;
    font-size: 18px;
}

.confirmation-dialog .dxbl-modal-body {
    padding: 16px 24px 24px 24px !important;
}

.group-allocation-dialog .group-allocation-dialog-cancel {
    color: var(--grey-45);
    background-color: transparent;
    border: none !important;
    width: 110px !important;
}

.group-allocation-dialog .group-allocation-dialog:hover {
    color: var(--grey-70);
}

.group-allocation-dialog .btn-destructive {
    width: 155px !important;
}

.group-allocation-dialog {
    min-height: 500px;
    width: 700px !important;
    max-width: unset !important;
}

.group-allocation-grid thead {
    display: none;
}


.group-allocation-grid tr {
    border-style: none;
}

.search-teaching-unit-group {
	padding-bottom: 8px;
}

.search-teaching-unit-group .textbox-search {
	margin-right: 10px;
	padding-right: 28px;
}

.search-teaching-unit-group .dxbl-fl .dxbl-row {
	align-items: center;
}

.group-allocation-grid .form-check-input {
    width: 20px !important;
    height: 20px !important;
	margin-top:unset!important;
}

.group-name {
    padding-right: 15px
}

.group-allocation-grid.dxbs-gridview > .card > .card-header {
     padding: 0 !important; 
}

.printing-name {
    white-space: initial;
    margin-bottom: 5px
}

.group-allocation-grid > .card > .dxbs-grid-vsd {
    border: solid;
    border-color: inherit;
    border-radius: 4px;
    box-shadow: 0 0 2px 0 var(--grey-25);
    border: solid 1px var(--grey-15);
    flex: 0 0 auto;
    width: 97%;
    max-height: 290px !important
}

.group-allocation-grid.empty-grid > .card > .dxbs-grid-vsd {
    height: 0px !important;
}

/* search character for textbox*/
dxbl-input-editor.textbox-search::after {
	display: inline-block;
	border: none !important;
	font-family: 'Material Icons';
	content: "\e8b6";
	vertical-align: 0;
	color: var(--grey-70);
	font-size: 18px;
	position: absolute;
	right: 5px;
	top: 2px;
	z-index: 1;
}

.group-name-content {
    margin-bottom: 5px;
    margin-top: 5px;
    white-space: initial;
}

/* set default cursor for deliverable teaching units grid */
.deliverable-teaching-units-grid tr,
.deliverable-teaching-units-grid td {
	cursor: default !important;
}

.file-is-deleted{
    color: var(--support-darkred) !important;
}

/* Grid component in study teaching units */
.ist-grid .temporary-inactive {
	color: var(--grey-15);
}

.ist-grid .temporary-inactive.ist-grid_row--highlight-red {
	color: var(--grey-25) !important;
}

	.ist-grid .temporary-inactive.ist-grid_data-row:hover {
		color: white;
	}