.reportPreviewCard {
    border: 1px solid #E0E0E0;
    border-left: 8px solid rgba(50, 50, 50);
    border-radius: 14px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    margin-bottom: 15px;
}

.reportPreviewCard .reportCardHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 8px;
    display: flex;
    align-items: center;
}

.reportPreviewCard .reportType {
    background-color: rgba(50, 50, 50);
    color: white;
    padding: 4px 6px;
    border-radius: 6px;
    letter-spacing: .1em;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    flex: none;
}

.reportPreviewCard.unit-missing {
    border-left: 8px solid rgb(144, 45, 238);
} .reportPreviewCard.unit-missing .reportType {
    background: rgb(144, 45, 238);
}

.reportPreviewCard.unit-reinstallation {
    border-left: 8px solid rgb(254, 159, 14);
} .reportPreviewCard.unit-reinstallation .reportType {
    background: rgb(254, 159, 14);
}

.reportPreviewCard.unit-replacement {
    border-left: 8px solid rgb(70, 195, 200);
} .reportPreviewCard.unit-replacement .reportType {
    background: rgb(70, 195, 200);
}

.reportPreviewCard.wafers-missing {
    border-left: 8px solid rgb(220, 67, 231);
} .reportPreviewCard.wafers-missing .reportType {
    background: rgb(220, 67, 231);
}

/* .completionInfo {
	margin-left:auto;
	font-size:12px;
	color:rgba(0,0,0,0.6);
} */

.reportPreviewCard .completionInfo i.fa-check-circle {
    color: #42BD68;
}

.reportPreviewCard .completionInfo i.fa-times-circle {
    color: #d62d2d;
}

.reportPreviewCard .reportCardBody {
    display: block;
    position: relative;
    padding: 6px 10px;
    align-items: start;
}

.reportPreviewCard .reportInfo {
    display: inline-block;
    vertical-align: middle;
    width:calc(100% - 60px);
}

.reportPreviewCard .reportDetails {
    opacity:.6;
}

.reportPreviewCard .routeBadge {
    margin:0 2px;
    padding:0px 5px;
    border-radius:4px;
    color:white;
    background:rgba(0,0,0,0.75);
}

.reportPreviewCard .reportTitle {
    font-size: 16px;
    font-weight: 600;
    color: black;
    padding: 0;
    margin-top: 2px;
    margin-bottom: 7px;
}

.reportPreviewCard .reportDetails {
    font-size: 12px;
    color: black;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

.reportPreviewCard .reportCreatedBy {
    font-size: 12px;
    white-space: nowrap;
    margin-left:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888;
}

.reportPreviewCard .reportBottomBar {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 10px;
}

.reportPreviewCard .approvalStatus {
    display: inline-block;
    width:20px;
    text-align: right;
    font-size:14px;
}

.reportPreviewCard .approvalStatus .fa-thumbs-up {
    color:#42BD68;
}

.reportPreviewCard .approvalStatus .fa-thumbs-down {
    color:#d62d2d;
}

.reportPreviewCard .approvalStatus .fa-pennant {
    color:#f59f2f;
}

.reportPreviewCard .reportCompletionDetails {
    display:inline-block;
    vertical-align: middle;
    width:calc(100% - 0px);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #888;
}

.reportPreviewCard .reportImage {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    flex: none;
    margin-bottom: 1px;
}

.reportPreviewCard .reportImage img {
    object-fit: cover;
}