/* ==========================================================================
   App-specific Styles (to be used with Bootstrap framework)
   ========================================================================== */

body {
    background: #fff;
}

/* Utility class used by javascript.js to show/hide elements */
.hidden {
    display: none;
}

/* --- File Upload --- */
#drop-container {
	position: sticky;
	top: 0;
	z-index: 10;
    background: white;
    padding: 1rem 0;
}

#drop-files {
    border: 4px dashed #ced4da; /* Bootstrap's default border color */
    background-color: #f8f9fa; /* Bootstrap's bg-light */
    cursor: pointer;
}

#file-name-holder {
	height: 26ex;
	overflow: auto;
    border: 1px solid #dee2e6; /* Bootstrap's default border color */
    margin-top: 1rem;
    border-radius: .375rem;
}

#uploaded-files {
	padding: 0;
	margin: 0;
	color: #545454;
    list-style-type: none;
}

#uploaded-files li {
	font-family: "consolas", "courier new", "courier", monospace;
	padding: 10px;
	font-size: 10pt;
	line-height: 1em;
	border-bottom: 1px solid #eee;
}

#uploaded-files li:last-child {
    border-bottom: none;
}

/* --- Results & Tables --- */
/* Keep original table colors */
.table thead th {
	text-align: center;
	background: #b0bec5 !important;
	color: #212121;
	vertical-align: middle;
}

.table thead td {
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	color: #333;
	vertical-align: bottom;
}

.table tbody th {
	text-align: left;
	background: #3c647a;
	color: #dedede;
    vertical-align: middle;
}

#results-holder .table tbody td {
	text-align: right;
}

/* First table in a result block */
#results-holder .result_template .card-body > .table-responsive:first-of-type .table tbody td {
	background: #afeeff;
}

.table tbody tr.calculated-true {
	background: #A5D6A7;
	border-bottom: 2px solid #81c784;
}

.table tbody tr.calculated-false {
	/* background: #FFE082; */
	border-bottom: 2px solid var(--border-color);
}

.table tbody tr.calculated-false *, .table tbody tr.status-pending *{
	color: var(--bs-gray-500);
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    body { padding-top: 0; }
	.paramscontent, #drop-container, #file-name-holder { display: none !important; }
	#results-holder { display: block !important; }
    .col-lg-6 { width: 100% !important; float: none !important; page-break-inside: avoid; }
	#results-holder table { width: 100% !important; page-break-inside: avoid; }
    .card { border: 1px solid #ccc !important; }
}

/* ==========================================================================
   List Routes Page Styles
   ========================================================================== */

/* Styles for sortable table headers from list-routes.aspx */
#routes-table thead th.sortable {
    cursor: pointer;
}

/* A hover effect that complements the custom blue header */
#routes-table thead th.sortable:hover {
    background-color: #507a90;
}

/* Custom padding for the small action button */
.action-button {
    padding: 0.1rem 0.5rem;
}