.document-copy-move {
	> .documents-list {
		margin: 0;
		padding: 0;
		width: 100%;

		> .document {
			@include ease-in();
			margin: 0 0 5px 0;
			padding: 10px 15px;
			color: $color-gray;
			background-color: $color-off-white;
			cursor: pointer;
			position: relative;
			list-style-type: none;

			&:hover {
				color: $color-black;
			}

			> .title {
				color : $color-off-black;
				font-size: 1rem;
			}

			> .space {
				color : $color-gray;
				font-size: 0.8rem;
				font-style: italic;
				font-weight: bold;
				margin-bottom: 10px;
			}

			> .snippet {
				color : $color-gray;
				font-size: 0.9rem;
			}

			> .material-icons {
				position: absolute;
				top: 10px;
				right: 10px;
				color: $color-white;
			}
		}

		> .selected {
			background-color: $color-link !important;

			> .title, .space, .snippet {
				color: $color-white !important;
			}
		}
	}
}
