body { background: #ddd; }
.hidden { display: none; }


.dataTables_wrapper { position: relative; }
.table tbody tr:last-child td, .table tbody tr:last-child th, .table tfoot tr:last-child td, .table tfoot tr:last-child th { border-bottom: inherit !important; }

.table-dark td {
	background	: #009ef7;
	color		: #fff;
}

.dt-buttons {
	position	: absolute;
	right		: 0;
}
.table tbody tr > td:last-of-type { white-space: nowrap; }

.card .card-header {
	align-items	: center;
	flex-wrap	: nowrap;
}
.card .card-header .card-title {
	display			: block; 
	margin-bottom	: 0;
	max-width		: calc(100% - 125px);
}
.card .card-header .card-title.logged {
	max-width: calc(100% - 122px); /* So that, in the form questions list, there's room for the drag/edit/delete buttons too */
}
.card .card-header .card-title .card-label {
	overflow		: hidden;
    text-overflow	: ellipsis;
	white-space		: nowrap;
}
.card .card-header .card-title .text-muted { margin-top: .25rem; }

@media (max-width: 480px) {
	.card .card-header .card-title { max-width: none; }
}

.draggable .card .card-header .card-toolbar { flex-wrap: nowrap; }



.accordion-button:not(.collapsed) { background-color: #888; }
.accordion-button.collapsed {
	background	: #ccc;
	color		: maroon !important;
}
.accordion-button.completed {
	background	: #b0dc00!important;
	color		: #fff!important;
}



.form-control.form-control-solid { background: #e9e9e9; }
a.btn:not([href]) {
	background	: transparent;
	cursor		: default;
}
a.btn:hover:not([href]) { background-color: transparent !important; }


.card .card-header.stepper-pills {
	display		: block;
	min-height	: auto;
}
.stepper.stepper-pills .stepper-item .stepper-icon { margin-right: 0; }
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon { background-color: #b0dc00; }
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check { display: none; }
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-number { display: block; }


#qr-modal .modal-dialog {
	max-width	: 595px;
	text-align	: center;
}

@media (min-width: 992px) {
	.aside { width: 160px; }
	.wrapper { padding-left: 160px; }
}

/*.form-select { font-weight: normal; }*/
.select2-container .select2-search--inline .select2-search__field { font-family: Poppins,Helvetica,sans-serif; }
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--disabled {
	background	: #eee;
	cursor		: not-allowed;
}

@media print {
	body { background: transparent; }
	.header { height: 0; }
	.container-xxl { padding: 0; }
}



.required::after {
	font-size		: 2rem;
	line-height		: .1;
	vertical-align	: middle;
}
.blink-border {
	animation			: blink-border-animation .5s linear 0s 3;
	-webkit-animation	: blink-border-animation .5s linear 0s 3;
}
@keyframes blink-border-animation {
	from { background: red; }
	to { box-shadow: 0 0 20px #f00; }
}
@-webkit-keyframes blink-border-animation {
	from { background: red; }
	to { box-shadow: 0 0 20px #f00; }
}
.tooltip-inner {
	background	: var(--bs-active-warning);
	max-width	: 300px;
}
.bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--bs-active-warning); }
.bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--bs-active-warning); }
.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--bs-active-warning); }
.bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--bs-active-warning); }

.not-allowed { cursor: not-allowed; }

#patient-codes-modal .modal-dialog { text-align: center; }
#patient-codes-modal .modal-body > img {
	display		: block;
	margin		: 0 auto;
	max-height	: 400px;
}
/*#patient-codes-modal .modal-body .row { text-align: left; }
*/
.modal-title { font-weight: normal; }
.strike {
	font-weight		: bold;
	text-decoration	: line-through;
}

.modal-lg, .modal-xl {
	margin-left		: auto;
	margin-right	: auto;
	max-width		: 95%;
}
@media (min-width: 992px) {
	.modal-lg, .modal-xl { max-height: 95%; }
}
.modal-dialog-scrollable .modal-content { max-height: 95%; }

.modal-iframe {
	height	: 72.5vh;
	width	: 100%;
}
@media (max-width: 991.98px) {
	.modal-iframe { height: calc(100% - 6px); }
}



.countdown-label {
    color		: #c00;
	display		: block;
    font-size	: smaller;
}

object[type="application/pdf"] { height: 100vh; }