﻿html {
	scroll-behavior: auto;
}

form {
	gap: 0px;
}

.btn-group-xs > .btn, .btn-xs {
	padding: .4rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}

.btn-xxs {
	padding: .3rem .3rem;
	font-size: .775rem;
	line-height: .4;
	border-radius: .15rem;
}

.btn-xxxs {
	padding: .2rem .2rem;
	font-size: .675rem;
	line-height: .3;
	border-radius: .10rem;
}

.jb-toolbar {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

	.jb-toolbar button {
		margin-right: 1em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	.jb-toolbar a {
		margin-right: 1em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}


.table-10 td, .table-10 th {
	font-size: 10pt;
}

.table-bold td, .table-bold th {
	font-weight: bold;
}

.modal-body {
	max-height: 50vh;
	overflow-y: auto;
}

.modal-footer button {
	width: 100px;
}

.modal-footer-80 button {
	width: 80px;
}
.modal-footer-90 button {
	width: 90px;
}
.modal-footer-110 button {
	width: 110px;
}
.modal-footer-120 button {
	width: 120px;
}

.modal-footer-140 button {
	width: 140px;
}

.card-header-form {
	font-weight: bold;
}

.card-body-bold {
	font-weight: bold;
}

.card-header-section {
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}

	.card-header-section label {
		font-weight: bold;
	}

.card-body-section {
	border: 0px;
}


.card-header-field {
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}

.card-header-infofield {
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}

.card-body-news {
}

.card-body-field {
	padding: 10px 5px 10px 5px;
}

	.card-body-field .table th {
	}
	.card-body-field .table td {
	}

.card-header-callout {
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}

.card-body-callout {
	padding: 10px 5px 10px 5px;
}

.field-comment {
	font-style: italic;
}

.form-comment-button {
}

.form-photo-button {
}


.sig-date {
	font-size: 9pt;
}

.news-header {
	font-weight: bold;
}

label {
	font-weight: bold;
}

.form-title {
	text-align: center;
	border-top: 3px solid gray;
	border-bottom: 3px solid gray;
	border-left: 3px solid gray;
	border-right: 3px solid gray;
}

	.form-title h5 {
		font-weight: bold;
		font-size: 25pt;
	}

	.form-title h6 {
		font-weight: bold;
		font-size: 13pt;
	}

.form-description {
	border: 1px solid #dddddd;
}

canvas {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	/* -khtml-user-select: none; */
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	cursor: default;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

.noselectcanvas {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	cursor: default;
}

.search_pane {
	max-width: 1150px;
}

.search-pane {
	max-width: 1150px;
}

.result-table {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.header-row {
	height: 40px;
	min-height: 40px;
}

.header-row-left {
}

.data-cell {
	min-width: 50px;
	white-space: nowrap;
}

.data-cell-left {
	font-weight: bold;
}

@media (min-width: 1281px) {
	.result-table {
		overflow: scroll;
		max-width: calc(100vw - 270px);
	}

	.header-row {
		position: sticky;
		top: 0;
		z-index: 10;
	}

	.header-row-left {
		left: 0;
		z-index: 11;
	}

	.data-cell-left {
		left: 0;
		position: sticky;
		z-index: 10;
	}
}


.sheet_value {
	font-size: 9pt;
}



@media (max-width: 389px) {
	.too-small {
		display: none;
	}
}

@media (max-width: 350px) {
	.over-350 {
		display: none;
	}
}

@media (max-width: 360px) {
	.over-360 {
		display: none;
	}
}

@media (max-width: 370px) {
	.over-370 {
		display: none;
	}
}

@media (max-width: 380px) {
	.over-380 {
		display: none;
	}
}

@media (max-width: 390px) {
	.over-390 {
		display: none;
	}
}

@media (max-width: 400px) {
	.over-400 {
		display: none;
	}
}

@media (max-width: 410px) {
	.over-410 {
		display: none;
	}
}

@media (max-width: 420px) {
	.over-420 {
		display: none;
	}
}

@media (max-width: 430px) {
	.over-430 {
		display: none;
	}
}

@media (max-width: 440px) {
	.over-440 {
		display: none;
	}
}

@media (max-width: 450px) {
	.over-450 {
		display: none;
	}
}

@media (max-width: 460px) {
	.over-460 {
		display: none;
	}
}

@media (max-width: 470px) {
	.over-470 {
		display: none;
	}
}

@media (max-width: 480px) {
	.over-480 {
		display: none;
	}
}

@media (max-width: 490px) {
	.over-490 {
		display: none;
	}
}

@media (max-width: 500px) {
	.over-500 {
		display: none;
	}
}

@media (max-width: 550px) {
	.over-550 {
		display: none;
	}
}

@media (max-width: 600px) {
	.over-600 {
		display: none;
	}
}

@media (max-width: 650px) {
	.over-650 {
		display: none;
	}
}

@media (max-width: 700px) {
	.over-700 {
		display: none;
	}
}

@media (min-width: 390px) {
	.iphone-12 {
		display: inline;
	}

	.iphone-12-block {
		display: block;
	}
}

@media (min-width: 375px) {
	.iphone-se {
		display: inline;
	}

	.iphone-se-block {
		display: block;
	}
}

@media (max-width: 510px) {
	.over-510 {
		display: none;
	}
}

@media (max-width: 520px) {
	.over-520 {
		display: none;
	}
}

@media (max-width: 530px) {
	.over-530 {
		display: none;
	}
}

@media (max-width: 540px) {
	.over-540 {
		display: none;
	}
}

@media (max-width: 610px) {
	.over-610 {
		display: none;
	}
}

@media (max-width: 620px) {
	.over-620 {
		display: none;
	}
}

@media (max-width: 630px) {
	.over-630 {
		display: none;
	}
}

@media (max-width: 640px) {
	.over-640 {
		display: none;
	}
}

@media (max-width: 710px) {
	.over-710 {
		display: none;
	}
}

@media (max-width: 720px) {
	.over-720 {
		display: none;
	}
}

@media (max-width: 730px) {
	.over-730 {
		display: none;
	}
}

@media (max-width: 740px) {
	.over-740 {
		display: none;
	}
}

@media (max-width: 560px) {
	.over-560 {
		display: none;
	}
}

@media (max-width: 570px) {
	.over-570 {
		display: none;
	}
}

@media (max-width: 580px) {
	.over-580 {
		display: none;
	}
}

@media (max-width: 590px) {
	.over-590 {
		display: none;
	}
}

@media (max-width: 660px) {
	.over-660 {
		display: none;
	}
}

@media (max-width: 670px) {
	.over-670 {
		display: none;
	}
}

@media (max-width: 680px) {
	.over-680 {
		display: none;
	}
}

@media (max-width: 690px) {
	.over-690 {
		display: none;
	}
}

@media (max-width: 760px) {
	.over-760 {
		display: none;
	}
}

@media (max-width: 770px) {
	.over-770 {
		display: none;
	}
}

@media (max-width: 780px) {
	.over-780 {
		display: none;
	}
}

@media (max-width: 790px) {
	.over-790 {
		display: none;
	}
}

@media (max-width: 800px) {
	.over-800 {
		display: none;
	}
}

@media (max-width: 825px) {
	.over-825 {
		display: none;
	}
}

@media (max-width: 850px) {
	.over-850 {
		display: none;
	}
}

@media (max-width: 875px) {
	.over-875 {
		display: none;
	}
}

@media (max-width: 900px) {
	.over-900 {
		display: none;
	}
}

@media (max-width: 925px) {
	.over-925 {
		display: none;
	}
}

@media (max-width: 950px) {
	.over-950 {
		display: none;
	}
}

@media (max-width: 975px) {
	.over-975 {
		display: none;
	}
}

@media (max-width: 1000px) {
	.over-1000 {
		display: none;
	}
}

@media (max-width: 1024px) {
	.over-1024 {
		display: none;
	}
}

@media (max-width: 1025px) {
	.over-1025 {
		display: none;
	}
}

@media (max-width: 1050px) {
	.over-1050 {
		display: none;
	}
}

@media (max-width: 1075px) {
	.over-1075 {
		display: none;
	}
}

@media (max-width: 1100px) {
	.over-1100 {
		display: none;
	}
}
