.ocr-container {
	position: relative;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 80%;
	text-align: center;
	.document-line {
		box-shadow: 0 0 0 500px rgba(0, 0, 0, 0.2);
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotateY(180deg);
		transform: translate(-50%, -50%) rotateY(180deg);
		font-weight: 900;
		font-size: 30px;
		border: 5px solid rgb(255, 204, 108);
		border-radius: 10px;
		width: 80%;
		height: 70%;
		opacity: 0.8;
		z-index: 50;
	}
	.instructions {
		margin-bottom: 10px;
		font-weight: bold;
	}
	.video_box {
		width: 100%;
		>div {
			position: relative;
			overflow: hidden;
			max-height: 240px;
			tm-ocr-photo {
				min-height: 210px;
				@media (max-width: 400px) {
					height: 400px;
				}
			}
		}
	}
	.photo-message {
		margin-bottom: 20px;
	}
	.upPhoto {
		max-width: 400px;
		width: 100%;
		padding: 20px;
		border: 3px dashed hsla(0, 0%, 50.2%, .4117647058823529);
		border-radius: 10px;
		position: relative;
		margin: 0 auto;
		img {
			max-width: 100px;
		}
		p {
			margin-bottom: 10px;
		}
		input {
			cursor: pointer;
			opacity: 0;
			position: absolute;
			z-index: 2;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
	}
	.errorMessage {
		margin-top: 20px;
		color: red;
	}
}