﻿body {
	padding: 10px;
}


table.infotable {

}

	table.infotable thead tr {
		background-color: #cccccc;
	}
		table.infotable thead tr th {
			padding: 3px 6px;
			text-align: center;
		}

	table.infotable tbody tr:nth-child(even) {
		background-color: #dddddd;
	}

	table.infotable tr td, table.infotable tr th {
		padding: 1px 4px;
	}

table.selectable tbody tr {
	cursor: pointer;
}

table.selectable tbody tr:hover td {
	background-color: #ffffcc !important;
}

div.panel {
	display:none;
}

fieldset {
	display: inline-block !important;
	border: solid gray 1px !important;
	padding: 0px 10px 5px 10px !important;
	border-radius: 10px !important;
	vertical-align: top !important;
	margin: 10px !important;
}
legend {
	background-color: #cccccc !important;
	padding: 3px 10px !important;
	border-radius: 5px !important;
	font-size: 1.2em !important;
	float:none !important;
}

.center {
	text-align: center;
}

.currency {
	text-align: right;
}
table.ISTable td, table.ISTable th, table.execSummaryOC td, table.execSummaryOC th {
	white-space: nowrap;
	padding: 0px 10px;
	font-size: 0.95em;
}

.rb {
	border-right:solid black 1px;
}


.ISTable h5 {
	padding: 2px;
	background-color: #dddddd;

}
tr.total td, tr.total th, div.total {
	font-weight: bold;
	border-top: solid black 1px;
}

tr.grandTotal td, div.grandTotal {
	font-weight: bold;
	font-size: 0.98em;
	border-top: solid black 1px;
	border-bottom: double black 3px;
	margin-top: 25px;
}

td.account, div.account {
	padding-left: 25px !important;

}

tr.header td, div.header, table.ISTable thead tr:first-of-type {
	padding-top: 25px;
}

tr.header td, div.header, table.ISTable thead tr:last-of-type {
	border-bottom: solid black 1px;
}

tr.header td, div.header, table.ISTable thead {
	font-weight: bold;
	font-size: 1.0em;
	vertical-align: bottom;
}


tr.footer td, div.footer {
	font-weight: bold;
	font-size: 1.0em;
	padding-bottom: 25px;
	border-top: solid black 1px;
}

.dropdown-toggle img {
	height: 20px;
	width: 30px;
}


div.box {
	display:inline-block;
	width:200px;
	border: solid black 1px;
	border-radius: 15px;
	padding: 10px;
	margin: 20px;
	text-align:center;
}

div.box div.rate {
	font-size: 2em;
}

kbd {
	background-color: #eeeeee !important;
	color: #333333 !important;
	white-space: nowrap !important;
	padding: 0.2em 0.3em !important;
}


div.google-visualization-tooltip {
	min-width: 200px;
	font-size: 1.0em;
	border-radius: 8px;
	padding: 5px;
}

.btn.active.focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus,
.btn-primary.active.focus,
.btn-primary.focus,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:focus {
	outline: 0 !important;
	outline-offset: 0 !important;
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

@media print {
	.no-print, .no-print * {
		display: none !important;
	}


	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		white-space: nowrap;
	}

	.pagebreak {
		page-break-before: always;
		overflow: visible;
		display:block;
	}
}


/* HTML: <div class="loader"></div> */
.loader {
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(farthest-side,#e68033 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#e68033);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
	animation: l13 1s infinite linear;
}

@keyframes l13 {
	100% {
		transform: rotate(1turn)
	}
}