/* Flex Start*/
.flex {
    display: flex;
}
.shrink {
    flex-shrink: 1;
}
.fd-c{
    flex-direction: column;
}
.jc{
    justify-content: center;
}
.jc-sb{
    justify-content: space-between;
}
.jc-end {
    justify-content: flex-end;
}

.gap {
    gap: 5px;
}
.jc-se{
    justify-content: space-evenly;
}
.ai-c{
    align-items: center;
}
.ai-s{
    align-items: flex-start;
}

.ai-e{
    align-items: flex-end;
}
.wrap {
    flex-wrap: wrap;
}
/* Flex End*/

.complaints-dashboard{
    border-collapse: collapse;
    font-weight: normal;
    width: 100%;
    border: none;
    margin-top: 20px;
}

.complaints-dashboard__head-row {
    background-color: #1986C4;
    text-align: left;
    font-weight: bold;
    color: white;
}

.complaints-dashboard__heading{
    padding: 10px;
    border: none;
    font-weight: bold;
}
.complaints-dashboard__body__item{
    padding: 8px 0;
}

.complaints-dashboard__body-row{
    border-bottom: 1px solid #dddd;
}
.complaints-dashboard__body-row:nth-of-type(even) {
    background-color: #F8F8F8;
}

.status, .complaints-dashboard__body__item--date {
    text-align: center;
}

.complaints-dashboard_detail {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid beige;
}

.complaint-status-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.complaints-dashboard__body__item--date {
    padding-top: 3px;
    font-weight: normal;
}

.complaint-completed {
    color: #29A744;
}

.complaint-canceled {
    color: #DD3544;
}

.action {
    text-align: center;
}

.btn-outline-primary{
    text-decoration: none;
    color: #1986C4;
    background-color: white;
    border: 1px solid #1986C4;
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
    white-space: nowrap;
}
.complaints-dashboard__body__item--number--name {
    font-weight: 700;
}

.complaints-dashboard__body__item--number{
    font-weight: 700;
}
.btn-outline-primary:focus {
    background-color: #1986C4;
    color: white;
    border: 1px solid black;
}

.btn-outline-primary:hover {
    background-color: #1986C4;
    color: white;
}

.complaints-dashboard__body__item--number--name {
    word-break: break-word;
}