/* Force Highcharts light mode by default (overrides OS dark mode auto-detection in v12+) */
:root {
	--highcharts-background-color: #ffffff;
}

/* This styles override some of the volt.css file and
add customizations to show an icon on sortable columns */

.table .thead-dark th a {
	color: white;
}

.table th.orderable {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: right;
}

.table th.orderable.desc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=");
}

.table th.orderable.asc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}

.table th.orderable a:hover {
	text-decoration: underline;
}

.table tr.grayed {
	background-color: #c9cbcf;
	--bs-table-striped-bg: #c9cbcf;
}

/* Same styles as alert-danger, but for alert-error class */
.alert-error {
	color: #87112b;
	background-color: #f9d2da;
	border-color: #f6bbc8;
}
.alert-error .alert-link {
	color: #6c0e22;
}

.hover-info:hover {
	color: #2361ce;
}


/* Override bootstrap selectpicker to match bootstrap5 */
div.bootstrap-select {
	width: 100% !important;
	display: block !important;
	padding: 0 !important;
}

div.bootstrap-select div.dropdown-menu span {
	width: auto;
}


/* Badges */
.badge-sq {
	border-radius: 0.2rem;
}


/* Buttons */
.btn-outline-success:hover {
	color: #fff !important;
}

/* Forms Fields */
.checkbox-col {
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.checkbox-col div {
        margin-bottom: 0 !important;
}

/* Kanban board styles */
.kanban-column {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
}

.kanban-card .task-desc {
    font-weight: 600;
}

.kanban-column > h5 {
    font-size: 1.25rem;
    font-weight: 700;
}

.law-firm-tag-badge {
    background-color: #000;
    color: #fff;
    border-radius: 0.35rem;
}