.assignment-rubric {
	padding : 1.25rem;
	width   : 100%;
}

.rubric-select-container {
	align-items : center;
	display     : flex;
}

.rubric-selected.rubric-select-container {
	border-bottom  : 1px solid #f1f1f1;
	margin-bottom  : 1.25rem;
	padding-bottom : 1.25rem;
}

.rubric-select {
	margin-right : 1rem;
	min-width    : 100px;
}

.rubric-delete-icon {
	margin : 0 !important;
}

.remove-criterion-cell {
	min-width : 5px !important;
	width     : 5px;
}

.new-rubric,
.add-criterion-button,
.remove-criterion-button,
.rubric-add-quality-level,
.rubric-remove-quality-level {
	background : transparent !important;
	border     : none;
	color      : #4183c4;
	cursor     : pointer;
	padding    : 0;
	transition : color 0.3s, transform 0.3s;
}

.remove-criterion-button,
.rubric-remove-quality-level {
	color : #c44141;
}

.rubric-quality-remove-cell {
	text-align : center;
}

.current-rubric-button,
.draft-rubric-button,
.new-rubric {
	background   : none;
	border       : none;
	color        : #4183c4;
	display      : inline-block;
	font         : 1.1rem Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;
	margin-right : 1rem;
	outline      : none;
	padding      : 0;
	transition   : transform 0.2s;
}

.edit-rubric>.pencil {
	transform  : translate(0,-1px);
	transition : transform 0.2s;
}

.clone-rubric>.clone {
	transform  : none;
	transition : transform 0.2s;
}

.add-criterion-button,
.remove-criterion-button,
.rubric-add-quality-level {
	font-size : 0.87rem;
	outline   : none;
	padding   : 0 0.2rem;
}

.current-rubric-button:hover,
.draft-rubric-button:hover {
	color : #0e336c;
}

.new-rubric:hover,
.add-criterion-button:hover,
.rubric-add-quality-level:hover {
	color     : #0e438c;
	transform : translate(0.13rem,0);
}

.edit-rubric:hover>.pencil {
	transform : translate(0,-1px) rotate(-10deg);
}

.discard-rubric:hover>.trash {
	transform : translate(0,-1px) rotate(5deg);
}

.recover-rubric>.recycle {
	transition : transform 0.2s;
}

.recover-rubric:hover>.recycle {
	transform : rotate(120deg);
}

.recover-rubric:active>.recycle {
	transform : none;
}

.clone-rubric:hover>.clone {
	transform : scale(1.1) translate(1px, 0);
}

.new-rubric:active,
.add-criterion-button:active,
.rubric-add-quality-level:active {
	transform : translate(0,0);
}

.edit-rubric:active>.pencil,
.discard-rubric:active>.trash {
	transform : translate(0,-1px);
}

.clone-rubric:active>.clone {
	transform : none;
}

.rubric-info-text {
	align-items : center;
	color       : rgba(0,0,0,.7);
	display     : flex;
	font-size   : 1.03rem;
	font-style  : italic;
	height      : 4rem;
}

.rubric-draft-text {
	height      : unset;
	margin-left : 1rem;
}

.rubric-table-container {
	width : 100%;
}

.rubric-table-container>.dataTable-container {
	margin : 0;
}

.rubric-table-container .dataTable-table > thead th,
.rubric-table-container .dataTable-table > thead td {
	border-top : none;
}

.rubric-table-container .dataTable-scroll {
	border           : 2px solid #e9e9e9;
	border-top-width : 2px;
}

.rubric-table-container .dataTable-controls {
	align-items : center;
	display     : flex;
}

.rubric-table-container .bottom.dataTable-controls {
	margin : 0;
}

.rubric-title-input {
	border-color  : #d9d9d9;
	border-radius : 0;
	border-left   : none;
	border-right  : none;
	border-top    : none;
	font-size     : 1.3rem;
	margin        : 0;
	min-width     : 10rem;
	padding       : 0.5rem 0.75rem;
	padding-right : 7rem;
	width         : 100%;
}

.edit-assignment-input.rubric-title-input:focus {
	padding-bottom : calc(0.35rem + 1px)
}

.rubric-table-container .dataTable-exportButtons {
	align-items  : center;
	border-color : #bbb;
	display      : flex;
}

.rubric-table-container .dataTable-table th,
.rubric-table-container .dataTable-table td,
.rubric-table-container .dataTable-table .dataTable-insertRow th,
.rubric-table-container .dataTable-table .dataTable-insertRow td {
	border-bottom : none;
	border-color  : #d9d9d9;
}

.dataTable-insertRow .insert-hidden {
	display : none;
}

.rubric-table-container .dataTable-insertColumn-cell {
	background-color  : #f0f0f0;
	border-color      : #ddd;
	border-left-width : 2px;
	border-top-width  : 0;
}

.dataTable-insertRow .dataTable-insertColumn-cell {
	border-left-width : 0;
	border-top-width  : 0 !important;
}

.rubric-table-container .dataTable-table .rubric-criteria-title,
.rubric-table-container .dataTable-table .rubric-score-edit {
	height      : 5rem !important;
	left        : 0 !important;
	margin      : 0 !important;
	overflow    : auto !important;
	position    : relative !important;
	resize      : none !important;
	top         : 0 !important;
	white-space : normal !important;
	width       : 100% !important;
}

.rubric-table-container .dataTable-table .rubric-score-view {
	white-space : normal !important;
}

.rubric-criterion-title-edit {
	margin-bottom : 0.5rem;
}

.rubric-criterion-percent {
	max-width : 2rem !important;
	min-width : 2rem !important;
}

.rubric-score-amount {
	display : none;
}

.dataTable-textareaContainer {
	position : relative !important;
}

.sort-order-column {
	width : 80px;
}

.rubric-table-container .dataTable-scroll::-webkit-scrollbar {
	background                 : transparent !important;
	background-color           : #fff !important;
	border-bottom-left-radius  : 4px;
	border-bottom-right-radius : 4px;
}

.rubric-table-container .dataTable-scroll::-webkit-scrollbar-thumb {
	background-color : rgb(172, 172, 172);
	box-shadow       : none;
}

.assignment-current-rubric .dataTable-scroll {
	margin-bottom : 1.3rem;
}

.assignment-current-rubric .web-page-saving-footer {
	margin : 1.5rem 0;
}

.edit-rubric-bottom {
	align-items     : center;
	background      : linear-gradient(to left, #f7f7f0, #f3f7fa);
	border-top      : 1px solid #e9e9e9;
	display         : flex;
	justify-content : flex-end;
	padding         : 0.7rem 0.4rem;
}

.edit-rubric-header {
	padding : 0.7rem 0 0 0;
}

.edit-rubric-options {
	align-items     : flex-start;
	background      : linear-gradient(to top right, #f7f7f0, #f3f7fa) !important;
	border          : 1px solid #e9e9e9;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	overflow        : hidden;
	padding         : 1rem 0.75rem !important;
	position        : relative !important;
	margin          : 1rem 0.75rem 0 !important;
}

.info.edit-rubric-options {
	border         : none;
	flex-direction : row;
}

.rubric-option {
	margin-right : 1.3rem;
}

.rubric-edit-alert {
	display        : flex !important;
	flex-direction : column;
	height         : 83vh;
	overflow       : hidden;
	position       : relative;
}

.editing.rubric-table-container {
	align-items     : center;
	display         : flex;
	flex-basis      : 0;
	flex-direction  : column;
	flex-grow       : 1;
	justify-content : flex-start;
	min-height      : 0;
	overflow        : hidden;
	padding         : 1rem 0.75rem;
	position        : relative;
}

.rubric-table .dataTable-viewRecordColumnContent {
	white-space : normal;
}

.edit-rubric-label {
	color       : #0e336c;
	font-family : Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size   : 1.1rem;
	padding     : 0 0.75rem;
}

.editing.rubric-table-container .dataTable-container,
.editing.rubric-table-container .dataTable-wrapper {
	display    : flex;
	max-height : 100%;
	overflow   : hidden;
}

.editing.rubric-table-container .dataTable-controls {
	display : none !important;
}

.editing.rubric-table-container .dataTable-insertRow {
	height : 54px;
}

.editing.rubric-table-container .dataTable-scroll {
	flex-basis : 0;
	flex-grow  : 1;
	min-height : 0;
	overflow   : auto;
}

.rubric-quality-level-column {
	min-width : 130px !important;
}

.rubric-table-container .dataTable-insertRow td {
	border-left : none;
}

.rubric-header {
	height : 2rem;
}

.criterion-title-cell,
.criterion-percent-cell:not(.editor-percent) {
	background-color : #f9f9f9 !important;
	font-weight      : bold;
}

.rubric-criteria-title-column {
	min-width : 150px !important;
}

.rubric-scored-cell {
	background-color : rgb(252 225 166) !important;
}