/*body { margin: 0; padding: 0; font: 12px arial, sans-serif;}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
p { margin: 0 0 5px 0; padding: 0; }*/
form { margin: 0; padding: 0; }
input[type=text], input[type=password] { width: 250px; }
/*table { margin: 0; padding: 0; border: 0; text-align: left; color: #000; }*/
table td { padding: 3px; }

.form-group input, .form-group select, .input-group { width: 300px; }
.form-group { margin-bottom: 5px; }
.form-group label { margin: 0; padding-bottom: 2px; }
.custom-control-label { font-size: 90%; }

#searchForm .form-group input, #searchForm .form-group select, #searchForm .input-group { width: 230px; }

#summaryReportTableFooter { padding: 5px 0; }

/*#loginForm input[type=text], #loginForm input[type=password] { width: 250px; }*/

.modal-body .list-group-item { padding: 10px 5px; }
/*.datepicker { width: 100px; padding: 0; }*/
.required, .errorList, .error { color : red; }

.tooltip-inner { max-width: 300px; text-align: left; }

.dataTable { margin: 0; padding: 0; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.dataTable th { border-right: 1px solid #ccc; }
.dataTable td { border-right: 1px solid #ccc; }
/*.dataTable tbody tr:nth-child(even) { background-color: #eee; }
.dataTable tbody tr.even:hover, .dataTable tbody tr.odd:hover { background-color: #ccc; }
.dataTable tbody tr.selected { background-color: #ECFFB3 !important; }*/

.stage-open { background-color: #4582EC; }
.stage-completed { background-color: #4582EC; color: #ffffff; text-align: center; }

/* https://stackoverflow.com/questions/11723417/break-element-out-of-container */
.breakout-of-fixed-width {
	margin: 1em -100%; /* old browsers fallback */
	margin: 1em calc(50% - 50vw);
	padding: 0 30px;
}

th.rotate {
	/* Something you can count on */
	height: 180px;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

th.rotate > div {
	transform:
		/* Magic Numbers */
		translate(25px, 51px)
		/* 90 is really 360 - 90 or 270 */
		rotate(270deg);
	width: 0;
	margin: 0 0 43px -20px;
	padding: 0;
}
th.rotate > div > span {
	padding: 0;
	margin: 0;
}

.table_morecondensed>thead>tr>th, 
.table_morecondensed>tbody>tr>th, 
.table_morecondensed>tfoot>tr>th, 
.table_morecondensed>thead>tr>td, 
.table_morecondensed>tbody>tr>td, 
.table_morecondensed>tfoot>tr>td{ padding: 1px 5px; }