@charset "utf-8";
/* base.css
(c) matthias hirsch-hoffmann, 2025
*/
@font-face {
  font-family: 'Raleway';
  src: url(googlefont/Raleway/static/Raleway-Regular.ttf);
}
@font-face {
	font-family: 'Roboto';
	src: url(googlefont/Roboto/static/Roboto-Regular.ttf)
}
html, body {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	background-color: #fff;
}
.basecolor { 
	color:#454545;
}
html {
	height:100%;
	width: 100%;
	margin: 0;
	font-family: sans-serif;
}	
body{
  font-size:20px; /*base font size */
	font-family: 'Raleway', sans-serif;
	margin:0;
	padding:0;
	height:100%;
	width: 100%;	
}
.action-link{
	cursor:pointer;
}
.tbl_role{
	font-size:1.0em;
}
.tbl_role td{
	padding: 10px 10px;
	border:dotted 1px grey;
}
.tbl_role tr:nth-child(even) {background: #CCC}
.tbl_role tr:nth-child(odd) {background: #FFF}

.tbl_user{
	font-size:1.0em;
}
.tbl_user td{
	padding: 10px 10px;
	border:dotted 1px grey;
}
.tbl_user tr:nth-child(even) {background: #CCC}
.tbl_user tr:nth-child(odd) {background: #FFF}

th.rotated {
  width: 20px;          /* column width */
  height: 140px;        /* row height */
  padding: 0;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
}

.rotate-text {
  transform: rotate(-90deg);
  transform-origin: bottom left;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 30px;
	padding: 0 0 0 2px;
}

.drop_zone{
	padding:2px;
	margin:5px;
	border:dashed 2px rgba(255, 87, 41,1);
	display:flex;
	flex-direction:column;
	height:140px;
}
.drop_zone.highlight {
	border-color: rgba(123,183,59,1);
	background-color:#ddd;
}
.tbl-documents {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
  font-size: 14px;
  color: #333;
}

.tbl-documents th,
.tbl-documents td {
  padding: 10px 12px;
  border: 1px solid #ddd;
  text-align: left;
	 transition: background-color 0.2s ease;
}

.tbl-documents th {
  background-color: #f5f5f5;
  font-weight: bold;
}

.tbl-documents tr:nth-child(even) {
  background-color: #fafafa;
}

.tbl-documents tr.state-ok:hover td {
  background-color: rgba(0, 255, 0, 0.25); /* slightly stronger green on hover */
}

.tbl-documents tr.state-error:hover td {
  background-color: rgba(255, 0, 0, 0.25); /* slightly stronger red on hover */
}

.tbl-documents tr:not(.state-ok):not(.state-error):hover td {
  background-color: #f0f8ff; /* default hover for normal rows */
}

.state-ok td { background-color: rgba(0, 255, 0, 0.15); }
.state-error td { background-color: rgba(255, 0, 0, 0.15); }

.col-center{
	text-align:center;
}

#viewer-content iframe, 
#viewer-content img {
  max-width: 100%;
  max-height: 80vh;
  display: block;
  margin: auto;
}

.dataTables_wrapper .dt-buttons .dt-button {
  padding: 5px 14px;
  font-size: 13px;
  margin-bottom:10px;
}