.react-dropit {

	display: flex;

	.react-dropit-error {

	    position: absolute;
	    top: 2rem;
	    left: 1.5rem;
	    color: red;
	}

	.react-dropit-dropzone {

		border: 1px dashed lightblue;
		height: 10rem;
		width: 10rem;
		font-size: 14px;
		border-radius: 5px;

		label {
			height: 100%;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}

	.react-dropit-tn-conatiner {

		display: flex;

		.react-dropit-thumbnail {


			background: url('https://www.freeiconspng.com/uploads/circle-document-documents-extension-file-page-sheet-icon-7.png');
			background-size: 4rem;
		    background-repeat: no-repeat;
		    background-position: center;
			height: 10rem;
			width: 10rem;
			overflow: hidden;
			align-items: center;
		    justify-content: center;
		    position: relative;
		    display: flex;
		    border: 1px dashed lightgray;
		    margin-left: 0.5rem;
		    border-radius: 5px;

			button {

			    position: absolute;
			    top: 5px;
			    right: 5px
			}
		}
	}
}