.ps-card {
    background-color: #fff;
	/* Copied from bootstrap .shadow */
    box-shadow: var(--bs-box-shadow)!important;
    /* Copied from bootstrap .rounded */
    border-radius: var(--bs-border-radius)!important;
    /* ms-2 and me-2 */
    /* margin-left: .5rem !important; */
    margin-bottom: 2.5rem !important;
    /* p-3 */
    padding: 1rem!important;
}

.card-header-l-r {
	font-size: 0;
	margin-bottom: 10px;
}

.card-header-l-r .card-header-l, .card-header-l-r .card-header-r {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.card-header-l-r .card-header-l {
	text-align: left;
}

.card-header-l-r .card-header-r {
	text-align: right;
	font-size: 1rem;
}

/* DataTables tweaks */
/* Search box width */
.dt-search {
    width: 400px;
}

/* Test */
.test-results-chart {
    height: 500px;
}

/* Test results */

/* "Overruled" is used with form controls to indicate the Professional changed the value and saved it. Also the fact that we combine it with form-control ensures it is visible only to the Professional; overruling is irrelevant to the Athlete/print view. */
.form-control.overruled {
    color: #dc3545;
}

/* Similarly we have a class for highlighting which fields are about to be impacted by an action we might take */
.form-control.highlight-form-field {
    outline: 3px solid #ffc107;
    animation: outline-highlight-pulsate 1s infinite;
    background-color: #ffc10777;
    animation: outline-background-color-pulsate 1s infinite;
}

/* Pulsating outline */
@keyframes outline-highlight-pulsate {
    0% {
        outline-color: #ffc107ff;
    }
    50% {
        outline-color: #ffc10700;
    }
    100% {
        outline-color: #ffc107ff;
    }
}

/* Pulsating background-color */
@keyframes outline-background-color-pulsate {
    0% {
        background-color: #ffc10777;
    }
    50% {
        background-color: #ffffffff;
    }
    100% {
        background-color: #ffc10777;
    }
}

/* DataTables tweaks */
/* Search box width */
.dt-search>input {
    min-width: 400px;
}