#course {
	
	#docs {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: calc(30% - 1em);
		overflow: auto;
		
		#upload_file {
			margin-bottom: 1em;
		}
	
		#doc_list {
			overflow: auto;
			
			.doc-item {
				&:not(:last-child) {
					margin-bottom: 1em;
				}
				.link {
					text-align: left;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}
	
	#notes_box {
		position: absolute;
		width: 70%;
		top: 0;
		right: 0;
		height: 100%;
		
		#notes_feedback {
			position: absolute;
			top: 0;
			right: 0;
			height: 27.35px;
			width: 50%;
			text-align: right;
			
			.alert {
				font-size: 0.8em;
				margin: 0;
				padding: 0.2em 0.5em;
				
				&.note-error {
					color: $col_main_2;
				}
			}
		}
	
		.ql-toolbar.ql-snow {
			border-radius: 5px 5px 0 0;
			background: $gray-400;
			padding: 0;
			border: 2px solid #dbd1cc;
			border-bottom: none;
			
			.ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {
				margin-top: -3px;
			}
		}

		#notes {
			width: 100%;
			height: calc(100% - 27.35px);
			border: 2px solid $gray-400;
			border-radius: 0 0 5px 5px;
			padding: 1em 0.5em 1em 0;
			background: $gray-200;
		}
	}
}