:root {
	--blue: #001647;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #ed1c24;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}



body {
	color: var(--blue);
	text-align: left;
	background-color: lightgray;
	font-family: 'Roboto','Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#login_form {
	width: 100%;
	max-width: 430px;
	padding: 15px;
	margin: auto;
	border-radius: 5px;
	border: 1px solid grey;
	background: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
#head_div {
	background: var(--blue);
	color: #ffffff;
	border: 1px solid #000;
	width: 100%;
	margin-bottom: 20px;
}
#logo {
	margin-bottom: 25px;
}


form input[type=text] { padding: 0.5em;   border: 1px solid #BFBFBF;   background-color: white;  box-shadow: 2px 2px 2px #777; border-radius: 2px; }
form input[type=file] {    border: 1px solid #BFBFBF;   background-color: white;  box-shadow: 2px 2px 2px #777; padding: 0.5em;  border-radius: 2px; }
form select { padding: 0.5em;   border: 1px solid #BFBFBF;   background-color: white;  box-shadow: 2px 2px 2px #777; border-radius: 2px; }



.ui.progress.success .bar {
    background-color: #ed1c24 !important;
}

.ui.table tr.grey td {
    background-color: rgba(0,0,50,.02);
}

#items_table > tbody > tr > td:first-child {
	border-left: transparent 3px solid;
}

#items_table > tbody > tr:hover > td:first-child {
	border-left: grey 3px solid;
}

#items_table tr:hover {
	background: #FCFFF5;
}

#items_table > tbody > tr.active > td {
	background: #f8ffff;
	border: transparent;
	border-top: darkblue 3px solid;
}

#items_table > tbody > tr.opened > td {
	background: #f8ffff;
	border: transparent;
	padding-bottom: 5em;
}

#items_table > tbody > tr.active:hover > td:first-child {
	border-left: none;
}

#items_table > tbody > tr.opened:hover > td:first-child {
	border-left: none;
}
.ui.table td {
	padding: 0.48571429em 0.48571429em;
	text-align: inherit;
}