watchapp.css

@CHARSET "UTF-8";

.input-like, input:not(.login) {
	padding: 0.5em;
	margin: 0.5em 0.1em;
	min-width: 30em;
	flex: 3 1 auto;
}

input.login {
	padding: 0.5em;
	margin: 0.5em 0.1em;
	flex: 0;
}

label.login {
	padding: 0.5em;
	margin: 0.5em 0.1em;
	flex: 1;
}

.error-message {
	color: #d33f3f;
	font-style: italic;
}

.error-message-inv {
	color: #2cc0c0;
	font-style: italic;
}

:not(label[name="title"] ) {
	padding: 0.5em;
	margin: 0.5em 0.1em;
	flex: 1 1 auto;
}

a[name="zone"], div[name="zone"], label[name="zone"] {
	padding: 0.5em;
	margin: 0.5em 0.1em;
	flex: 1 1 auto;
	font-weight: bold;
}

a>.fa {
	color: #4d4d4d;
	text-decoration: none;
}

.doc-class-title {
	font-variant: petite-caps;
	font-weight: bold;
	font-size: medium;
	padding: 0.5em;
}

.doc-title {
	justify-content: center;
	align-items: center;
	font-weight: bold;
	padding: 0.5em;
}

img {
	height: auto;
	width: 400px;
}

button {
	margin: 0.5em;
}

.glowing-border {
	border: 1px solid #dadada;
	border-radius: 7px;
}

.glowing-border:focus {
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
}

.filter-results {
	margin: auto;
}

.document-div {
	margin-left: 20px;
}

.widthResponsive {
	/*     max-width: 60%; */
	width: auto;
}

.ocr-row {
	width: 90%;
	margin: auto;
}

.ocr {
	margin: 0.2em 0.5em;
}

.ocr-text {
	font-style: italic;
	font-weight: normal;
	flex: 1;
}

.ocr-label {
	font-weight: bold;
	flex: 1;
}

.alternate-rows:nth-of-type(even) {
	background-color: #efefef;
	padding: 0.5em 0;
}

.alternate-rows:nth-of-type(odd) {
	background-color: #dadada;
	padding: 0.5em 0;
}

.statistics-header-row {
	background-color: #4d4d4d;
	color: white;
	padding: 0.5em;
}