.lupus-efficacy-table {
    td {
        border: 1px solid #d1d5dc;
    }
    td.hidden {
        background-color: #FFF1C7;
        border: none;
    }
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    tr.purple {
        background-color: #661C78;
        * {
            color: #fff;
        }
    }
    
    tr.pink {
        background-color: #EEE4EE;
    }
    tr.gray {
        background-color: #F5F5F5;
    }
    tr.white {
        background-color: #fff;
    }
    &.table-3 {
        tr.purple {
            height: 40px;
        }
        tr:nth-of-type(1) {
            height: 72px;
        }
        tr.white {
            height: 44px;
        }
    }
}
/*Mobile*/
@media (width < 1024px) {
    .lupus-efficacy-table {
        &.table-1 {
            tr.purple {
                height: 93px;
                background-color:unset;
                td {
                    padding: 4px;
                    &:nth-child(1) {
                        width: 87px;
                    }
                    &:not(:first-child) {
                        background-color: #661C78;
                        * {
                            color: #fff;
                        }
                    }
                }
            }
            tr {
                height: 89px;
                td:nth-child(1) {
                    padding-left: 4px;
                }
            }
        }
        &.table-2 {
            tr.purple {
                height: 44px;
            }
            tr.pink {
                height: 117px;
            }
            tr.gray {
                height: 52px;
            }
            td {
                padding-left: 4px;
                &:nth-child(1) {
                    width: 76px;
                    padding-right: 6px;
                }
            }
        }
        &.table-4 {
            tr {
                height: 63px;
            }
            tr.purple {
                height: 72px;
            }
            tr.gray td {
                padding: 0 6px;
                &:nth-child(1) {
                    padding-right: 0;
                }
            }
            tr.white td {
                padding: 0 12px;
                &:nth-child(1) {
                    padding: 0;
                }
            }
            td:nth-child(1) {
                padding-left: 6px;
                padding-right: 0;
            }
        }
        max-width: 320px;
    }
 }
 /*Desktop*/
 @media (width >= 1024px) {
    .lupus-efficacy-table {
        &.table-1 {
            tr.purple {
                background-color:unset;
                td {
                    &:not(:first-child) {
                        background-color: #661C78;
                        * {
                            color: #fff;
                        }
                    }
                }
            }

            tr {
                height: 65px;
                td:nth-child(1) {
                    padding-left: 12px;
                }
            }
        }
        &.table-2 {
            tr.purple {
                height: 57px;
                td:nth-child(1) {
                    width: 197px;
                }
            }
            tr.pink {
                height: 61px;
            }
            tr.gray {
                height: 46px;
            }
            td {
                padding-left: 12px;
            } 
        }
        &.table-4 {
            tr {
                height: 43px;
            }
            tr.purple {
                height: 50px;
            }
            td {
                padding-left: 6px;
            }
        }
        max-width: 828px;
    }
 }