/**
 * Transparentni proračun, v.1.0.
 * File: style.css
 * Author: matija@orbis.hr
 * Version: 1.0.
 */

.tp-dates {
	display:flex;
	align-items:center;
	gap:1rem;
	margin:1rem 0;
}

.tp-dates .form-control {
	width:auto;
}

.tp-dates .control-label,
.tp-napomena {
	color:#aaa;
}

.tp-sort-by.sorted.asc::after {
	content:' ↑';
}

.tp-sort-by.sorted.desc::after {
	content:' ↓';
}

.tp-sort-by {
	white-space:nowrap;
	text-decoration:none;
	color:inherit;
	cursor:pointer;
}

#tp-modal {
	--bs-modal-width:80%;
}
#tp-modal .modal-body {
	margin:0;
	padding:0;
	overflow:auto;
	max-height:90vh;
}
#tp-modal .modal-body table {
	margin:0;width:100%;
}
#tp-modal .modal-body table th,
#tp-modal .modal-body table td {
	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	padding:.25rem 1rem;
}
#tp-modal .modal-body table tr:last-child th,
#tp-modal .modal-body table tr:last-child td {
	border-bottom:0;
}
#tp-modal .modal-body table tr:last-child th { border-bottom-left-radius: var(--bs-modal-border-radius); }
#tp-modal .modal-body table tr:last-child td { border-bottom-right-radius: var(--bs-modal-border-radius); }

.tp-header {
	display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;
}
.tp-title {
	font-size:1.25rem;font-weight:700;text-transform:uppercase;
}
.tp-client-logo {
	max-height:7rem;
}
.tp-client-logo[src="assets/images/logo.svg"] {
	opacity:.25;
}
.tp-client-link {
	display:flex;flex-direction:column;gap:.75rem;align-items:center;color:inherit;text-decoration:none;
	font-size:1.5rem;font-weight:700;
}
.tp-footer {
	text-align:center;font-size:.875rem;padding:1.5rem;
}
body a {
	color:inherit;
}

.tp-results a {
	color:inherit;text-decoration:none;
}

.tp-no-results {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

.tp-export-container {
	display: flex;
    align-items: center;
    justify-content: end;
    gap: .5rem;
    font-size: 0.65rem;
    color: #aaa;
    text-transform: uppercase;
    font-weight: 500;
	padding:.25rem 0;
}
.tp-export-container .list-group-horizontal {
	gap:.25rem;list-style:none;align-items:center;
}
.tp-export-container .btn-sm {
    --bs-btn-font-size: .75rem;
	--bs-btn-padding-x: .25rem;
	--bs-btn-padding-y: 0;
}
