@charset "UTF-8";

@media print {
	body {
		background-color: white;
		color: black;
	}
	#header,#footer {
		visibility: hidden;
		height: 0px;
	}
}

.marked_billed, .marked {
	color: red;
}

.marked_billed, .billed {
	background-color: #F0F8FF;
}

/* Bootstrap table overrides - target td elements for proper specificity */
.table tr.marked td,
.table tr.marked_billed td {
	color: red;
}

.table tr.billed td,
.table tr.marked_billed td {
	background-color: #F0F8FF;
}

#login_a,#header_a,#footer_a,#user_dialog_a {
	border-radius: 5px;
	background: rgb(242, 246, 248); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(242, 246, 248) 0%,
		rgb(216, 225, 231) 25%, rgb(181, 198, 208) 92%, rgb(224, 239, 249)
		100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(242,
		246, 248) ), color-stop(25%, rgb(216, 225, 231) ),
		color-stop(92%, rgb(181, 198, 208) ),
		color-stop(100%, rgb(224, 239, 249) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(242, 246, 248) 0%,
		rgb(216, 225, 231) 25%, rgb(181, 198, 208) 92%, rgb(224, 239, 249)
		100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(242, 246, 248) 0%,
		rgb(216, 225, 231) 25%, rgb(181, 198, 208) 92%, rgb(224, 239, 249)
		100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(242, 246, 248) 0%,
		rgb(216, 225, 231) 25%, rgb(181, 198, 208) 92%, rgb(224, 239, 249)
		100% ); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#f2f6f8',
		endColorstr='#e0eff9', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(242, 246, 248) 0%,
		rgb(216, 225, 231) 25%, rgb(181, 198, 208) 92%, rgb(224, 239, 249)
		100% ); /* W3C */
}

#login_a,#user_dialog_a {
	display: block;
	position: absolute;
	border-radius: 15px;
	top: 30%;
	left: 35%;
	width: 350px;
	padding: 15px;
}

#header {
	display: block;
	padding: 8px;
}

#codeform {
	position: relative;
	float: right;
	top: 5px;
	right: 0px;
	width: 355px;
}

p.debug {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 70%;
	color: lightgray;
	background-color: darkblue;
}

#header a,#header a:visited {
	color: #222222;
	padding: 5px;
	border-radius: 5px;
	margin: 1px;
	background: rgb(226, 226, 226); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(226,
		226, 226) ), color-stop(50%, rgb(219, 219, 219) ),
		color-stop(51%, rgb(209, 209, 209) ),
		color-stop(100%, rgb(254, 254, 254) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* IE10+ */
	filter: progid:   DXImageTransform.Microsoft.gradient(     startColorstr=
		
		 '#e2e2e2', endColorstr=   '#fefefe', GradientType=   0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% );
	/* W3C */
	text-decoration: none;
	background: -moz-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(226,
		226, 226) ), color-stop(50%, rgb(219, 219, 219) ),
		color-stop(51%, rgb(209, 209, 209) ),
		color-stop(100%, rgb(254, 254, 254) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% ); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#e2e2e2',
		endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(226, 226, 226) 0%,
		rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254)
		100% );
}

#logout {
	position: relative;
	top: -7px;
	float: right;
}

#header a:hover,#header a.selected {
	border-radius: 5px;
	background: rgb(184, 198, 223); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(184,
		198, 223) ), color-stop(100%, rgb(109, 136, 183) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* IE10+ */
	filter: progid:  
	DXImageTransform.Microsoft.gradient(     startColorstr=   '#b8c6df',
		endColorstr=   '#6d88b7', GradientType=   0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
	/* W3C */
	text-decoration: none;
	background: -moz-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(184,
		198, 223) ), color-stop(100%, rgb(109, 136, 183) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#b8c6df',
		endColorstr='#6d88b7', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
}

table.hours {
	border: solid thin black;
	text-align: center;
	border-spacing: 0px;
}

table.hours td {
	padding: 3px 15px;
	margin-left: 0px;
	margin-right: 0px;
}

table.hours tr.finished {
	background-color: green;
}

.letterpress {
    color: #555;
}

tr.obs {
	background-color: red;
}

.timereg-hours-warning td {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

#report-table {
	border-spacing: 50px 0px;
}

#report-table tr {
	vertical-align: top;
}

table.hours tr.cat {
	text-align: left;
	background: rgb(184, 198, 223); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(184,
		198, 223) ), color-stop(100%, rgb(109, 136, 183) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* IE10+ */
	filter: progid:  
    DXImageTransform.Microsoft.gradient(     startColorstr=   '#b8c6df',
		endColorstr=   '#6d88b7', GradientType=   0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
	/* W3C */
	text-decoration: none;
	background: -moz-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(184,
		198, 223) ), color-stop(100%, rgb(109, 136, 183) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#b8c6df',
		endColorstr='#6d88b7', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
}

#footer {
	display: block;
	position: absolute;
	bottom: 10px;
	padding: 0px 10px;
	right: 10px;
}

#lists tr {
	height: 30px;
}

#lists th {
	border-left: solid thin black;
	border-bottom: solid thin black;
}

#lists th:first-child {
	border-left: none;
}

#lists { /* border: solid medium black; */
	width: 100%;
}

tr.secound td,tr.first, tr.obs td {
	text-align: center;
}

tr.secound td.left, tr.first td.left, tr.obs td.left {
	text-align: left;
}

tr.secound {
	background-color: #aaaaaa;
}

tr.first {
	background-color: #eaeaea;
}

#sign {
	text-align: right;
}

tr.first:hover,tr.secound:hover, tr.obs:hover, table.hours tr:hover {
	background: rgb(184, 198, 223); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(184,
		198, 223) ), color-stop(100%, rgb(109, 136, 183) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* IE10+ */
	filter: progid:  
    DXImageTransform.Microsoft.gradient(     startColorstr=   '#b8c6df',
		endColorstr=   '#6d88b7', GradientType=   0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
	/* W3C */
	text-decoration: none;
	background: -moz-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(184,
		198, 223) ), color-stop(100%, rgb(109, 136, 183) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% ); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#b8c6df',
		endColorstr='#6d88b7', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(184, 198, 223) 0%,
		rgb(109, 136, 183) 100% );
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.qrcode {
    height: 400px;
}

.wide-modal {
	max-width: 90%;
}

.header-link {
	color: #000;
}

.header-link-selected {
	color: #d10000;
}

.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px; /* Space between icon and text */
}

.btn .material-icons {
	font-size: 20px; /* Adjust to match your text size */
	line-height: 1;
}

.edit-box-sidecard {
	width: auto;
}

.highlight {
	background-color: #acd8ff;
}

.sticky-header {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 999;
}