.ui {
	-moz-user-select    : none;
	-webkit-user-select : none;
	-ms-user-select     : none;
	user-select         : none;
}

.assignments-main-container {
	display        : flex;
	flex-direction : column;
	height         : 100%;
	width          : 100%;
}

.assignments-main {
	display        : flex;
	flex-direction : row;
	flex-grow      : 1;
	height         : 100%;
}

.assignment-web-page-section {
	flex-grow : 1;
	position  : relative;
	width     : 100%;
}

.assignment-category-none-yet {
	margin : 1.3rem;
}

.assignment-category-weight-list {
	align-items    : center;
	flex-basis     : 2.5rem;
	flex-direction : row-reverse;
	flex-shrink    : 0;
	font-style     : italic;
	font-weight    : 900;
}

.assignment-category-side-menu-weight-label {
	display        : flex;
	flex-grow      : 1;
	font-size      : 0.8rem;
	padding-bottom : 0.2rem;
}

.assignment-category-side-menu-weight-label .percent-value {
	display        : inline-flex;
	flex-direction : row-reverse;
	flex-grow      : 1;
}

.assignment-category-color-container {
	align-items    : center;
	flex-direction : row-reverse;
	padding        : 0.25rem;
}

.category-label.assignment-category-color-container {
	padding     : 0.25rem 0 0.25rem 0.5rem;
	flex-grow   : 0;
	flex-shrink : 0;
}

.assignment-category-color {
	border        : 1px solid #d9d9d9;
	border-radius : 50%;
	display       : inline-block;
	height        : calc(1rem + 1px);
	transition    : border 0.4s, transform 0.4s;
	width         : calc(1rem + 1px);
}

.assignment-category-editing .assignment-category-color-container {
	cursor : pointer;
}

.assignment-category-editing.edit-colors .assignment-category-color-container:hover .assignment-category-color,
.assignment-category-color-container.picking-color .assignment-category-color {
	border    : 2px solid #7ad;
	transform : scale(1.25);
}

.assignment-category-list-container {
	border-radius  : 4px;
	display        : flex;
	font-family    : Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	flex-direction : column;
	flex-grow      : 1;
	padding        : 0.5rem 28px 0.5rem 15px;
	text-align     : center;
	width          : 100%;
}

.web-page-section-title.assignments-category-list-header {
	align-items     : center;
	border-bottom   : 1px solid rgba(150,150,150,0.2);
	color           : #0e336c;
	display         : flex;
	font            : 1.4rem Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-weight     : 700;
	height          : calc(80px + 1.2rem);
	justify-content : center;
	margin-bottom   : 2rem;
	padding         : 1.5rem 1.2rem;
}

.assignment-category-none-yet {
	color      : rgba(0,0,0,.7);
	font-style : italic;
}

.assignment-category-list-item,
.assignment-category-selected {
	padding    : 1rem;
	text-align : left;
}

.assignment-category-selected {
	background : rgba(200,200,200,0.15);
}

.assignment-modal-container,
.assignment-category-editing {
	overflow : hidden;
	padding  : 0 !important;
}

.assignment-category-editing::before {
	content : none;
}

.assignments-modal-header {
	border-radius : 0 !important;
	font-size     : 1.35rem !important;
	font-weight   : 900;
	margin        : 0 !important;
	padding       : 1.5rem 2rem !important;
}

.assignments-modal-body {
	background : linear-gradient(to left, #e5e5f5, #efefff);
	font-size  : 1.15rem;
	padding    : 1.5rem 1rem;
}

.edit-category-body {
	padding : 1.5rem 2rem;
}

.assignments-modal-footer {
	background     : linear-gradient(to left,#f0f0f0, #efefff);
	border-top     : 1px solid #dfdfef;
	display        : flex;
	flex-direction : row-reverse;
	padding        : 0.5rem;
}

.category-swift-container {
	align-items    : center;
	display        : inline-flex;
	flex-direction : row-reverse;
	flex-grow      : 1;
}

.category-title,
.category-color-label {
	font-size : 1.15rem;
}

.category-title {
	display            : -webkit-box;
	overflow           : hidden;
	text-overflow      : ellipsis;
	-webkit-box-orient : vertical;
	-webkit-line-clamp : 4;
}

.category-color-label {
	margin : 0 0.4rem;
}

.assignment-count {
	margin-right : 0.5rem;
}

.assignment-category-swiftbox {
	background-color : #f0f0f0;
	flex-grow        : 1;
}

.assignment-category-input {
	background-color : #f0f0f0;
	border           : 1px solid #ddd;
	border-radius    : 2px;
	margin           : 0 0.4rem;
	padding          : 0.2rem;
}

.assignment-category-input:focus {
	border-bottom  : 0.15rem solid #0e336c;
	box-shadow     : 0 0 7px #ccc;
	outline        : none;
	padding-bottom : calc(0.05rem + 1px);
}

.auto-drop-input,
.final-grade-percent-input {
	text-align : right;
	width      : 2.5rem;
}

.assignment-title {
	align-items : center;
	display     : inline-block;
	flex-grow   : 1;
	flex-shrink : 1;
	overflow    : hidden;
}

.assignment-due-date {
	align-items    : center;
	display        : inline-flex;
	flex-direction : row-reverse;
	flex-grow      : 1;
	flex-shrink    : 0;
	font-style     : italic;
	white-space    : nowrap;
}

.assignment-assessment-button, .assignment-examspark-button {
	background  : transparent;
	border      : none;
	color       : #4183c4;
	cursor      : pointer;
	display     : block;
	font-family : Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	margin-top  : 0.4rem;
	padding     : 0 0.2rem;
	transition  : color 0.3s, transform 0.3s;
}

.assignment-assessment-button:hover, .assignment-examspark-button:hover {
	color     : #0e438c;
	transform : translate(0.13rem,0);
}

.assignment-assessment-button:active, .assignment-examspark-button:active {
	color     : #4183c4;
	transform : translate(0,0);
}

[disabled].assignment-assessment-button, [disabled].assignment-examspark-button {
	color  : #222 !important;
	cursor : default !important;
}

.web-page-tab-content[data-tab="assessments"] {
	flex-direction : column;
}

.focus-modal .learnosity-container .cke_editable ul {
	list-style : initial !important;
}

.focus-modal .learnosity-container .cke_editable ol {
	list-style : decimal !important;
}

.category-edit {
	background : none;
	border     : none;
	color      : #4183c4;
	cursor     : pointer;
	font       : 1rem Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	outline    : none;
	transition : transform 0.3s;
}

.edit-assignment-details-container {
	border     : none;
	padding    : 0;
	text-align : left;
}

.view-assignment-content,
.edit-assignment-content {
	display   : flex;
	flex-wrap : wrap;
}

.edit-assignment-item {
	align-items   : baseline;
	display       : inline-flex;
	flex-grow     : 1;
	margin        : 0.3rem 0 0.5rem;
	overflow      : hidden;
	padding-right : 0.5rem;
	width         : 25rem;
}

.edit-assignment-input {
	border        : 1px solid #b9b9b9;
	border-radius : 2px;
	font-size     : 1.05rem;
	padding       : 0.2rem;
}

.edit-assignment-input:focus {
	border-bottom  : 0.15rem solid #0e336c;
	box-shadow     : 0 0 7px #ccc;
	outline        : none;
	padding-bottom : calc(0.05rem + 1px);
}

.newdate.edit-assignment-input {
	width : 6rem;
}

.time.edit-assignment-input {
	margin-right : 0.15rem;
	width        : 5rem;
}

.time-label,
.checkbox-assignment-label {
	padding-left : 1.5rem !important;
}

.edit-points-input {
	text-align : right;
	width      : 4rem;
}

.edit-assignment-label {
	color         : rgba(0,0,0,.875);
	flex-shrink   : 0;
	font-size     : 1rem;
	padding-right : 0.5rem;
	width         : 7rem;
}

.view-assignment-value {
	color     : rgba(0,0,0,.95);
	font-size : 1.1rem;
}

.can-edit-page .view-assignment-value {
	border-bottom : 1px dotted #0033cc;
}

.autofill-points-input-container {
	align-items : center;
	display     : inline-flex;
}

.autofill-type-select-container,
.use-time-container {
	margin-left : 0.3rem;
}

.use-time-container {
	align-items : center;
	display     : flex;
}

.color-options-container {
	background    : linear-gradient(to right, #5f5f6f, #7a7a8f);
	border-radius : 15px;
	box-shadow    : 3px 1px 4px #aaa;
	cursor        : default;
	padding       : 4px;
	position      : absolute;
	right         : 2rem;
	top           : 7.7rem;
	text-align    : center;
	width         : calc(7rem - 8px);
}

.color-option-wrapper {
	cursor  : pointer;
	display : inline-block;
}

.color-option-wrapper>.assignment-category-color {
	border : 1px solid #fff;
	height : calc(1.15rem + 1px);
	width  : calc(1.15rem + 1px);
}

.color-option-wrapper:hover>.assignment-category-color {
	border-color : #7bf;
	transform    : scale(1.3);
}

.color-option-wrapper:active>.assignment-category-color {
	transform : scale(0.85);
}

.other-periods-body {
	display        : flex;
	flex-direction : column;
	max-width      : 50vw;
	min-width      : 100%;
}

.other-periods-message {
	border     : 1px solid rgba(100,100,100,0.2) !important;
	box-shadow : none !important;
	display    : flex;
	margin     : 0 !important;
	padding    : 1rem !important;
}

.applicable-periods-icon-container {
	align-items  : center;
	display      : flex;
	flex-shrink  : 0;
	margin-right : 0.5rem;
}

.applicable-periods-message {
	flex-grow : 1;
}

.other-periods-joins-container {
	background    : rgba(150,150,150,0.1);
	border        : 1px solid rgba(150,150,150,0.1);
	border-radius : 4px;
	margin-top    : 0.5rem;
	padding       : 1rem;
}

.period-join-label,
.period-join-grades {
	font-family : Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

.period-join-label {
	font-size : 1.2rem !important;
}

.has-grades.period-join-label::before {
	border-color : #9f3a38 !important;
	border-width : 2px !important;
}

.checkbox input:checked~.has-grades.period-join-label:after {
	color : #9f3a38;
}

.period-join-grades {
	color        : #9f3a38;
	font-size    : 1.1rem;
	font-style   : italic;
	font-weight  : 900;
	padding-left : 1rem;
}

.assignment-import-modal .assignments-modal-header {
	background-color : #55c5ed!important;
}

.import-assignment-body .year-select {
	margin : 0 1rem;
}

.import-assignment-body .quarter-select {
	margin-left : 1rem;
}

.import-assignment-swiftbox-row {
	display : flex;
	margin  : 0.2rem 0;
	width   : 100%;
}

.import-assignment-swiftbox-label {
	flex-grow : 1;
}

.assignment-help-icon {
	height : 16px;
	margin : 2px;
	width  : 16px;
}

.web-page-no-description {
	height : 2.5rem !important;
}

.web-page-no-description-text {
	text-align : left !important;
}

.assignment-description.page-description-value {
	padding-top : 0.3rem;
}

.student-assignment-grade-container {
	align-items   : center;
	border-bottom : 1px solid #eee;
	display       : flex;
	margin-bottom : 1.3rem;
	padding       : 0 0 0.75rem 0;
}

.personal-grade {
	background      : linear-gradient(to left bottom,#f0f0f0,#efefff 54%,#f0f0f0);
	border-radius   : 4px;
	box-shadow      : 0 0 7px 2px inset #fff;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
}

.personal-grade-top {
	display   : flex;
	flex-grow : 1;
}

.personal-grade-right,
.personal-grade-left {
	display        : inline-flex;
	flex-direction : column;
	flex-grow      : 1;
	padding        : 0.2rem 1.5rem;
}

.personal-grade-left {
	background    : rgba(200,200,200,0.1);
	border-radius : 4px;
}

.personal-grade-comment {
	border        : 1px solid #f1f1f1;
	border-radius : 4px;
	margin-left   : 0.7rem;
	padding       : 0.4rem 0.7rem;
}

.personal-points-grade,
.personal-questions-grade {
	color     : #333;
	flex-grow : 1;
}

.personal-letter-grade,
.personal-percent-grade {
	align-items     : center;
	color           : #111;
	display         : inline-flex;
	flex-grow       : 1;
	font-size       : 1.5rem;
	justify-content : center;
}

.personal-letter-grade {
	font-weight : bold;
}

.csv-importer-text {
	padding-right : 0.2rem;
}

.import-csv-hint-icon {
	align-items : center;
	display     : flex;
	margin      : 0 0.5rem 0 -0.5rem;
}

.import-csv-hint,
.import-csv-score-type {
	color   : #0e336c !important;
	display : flex;
}

.import-csv-score-type-label {
	font-size   : 1.1rem;
	font-weight : 700;
	margin      : 0 0.5rem;
}

.assignment-details-filler {
	flex-basis  : 25rem;
	flex-grow   : 1;
	flex-shrink : 1;
}