.smpt-table-wrap{
    display: flex;
    flex-direction: column;
    gap:1rem;
    max-width: 35ch;
    font-family: inherit;
    --smpt-active-row-bg:#D8D8D8;
}
.smpt-table-wrap>h4{
    text-align: center;
    line-height: 1;
    margin: 0;
}
#smpt-date-header{
    display: flex;
    justify-content: center;
    gap:0.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1;
}
.smpt-table{
    border-collapse:separate;
    border-spacing:0px;
    font-size: 1rem;
    margin: 0;
}
.smpt-table thead th{
    background-color: #e6e6e6;
    /* background-color: #fbf9f0;
    background-color: #fcfaf1; */
}
.smpt-table .smpt-row td,.smpt-table .smpt-active-row td{
    background-color: #fff;
}
.smpt-table thead th, .smpt-table tbody td{
    padding: 0.3125rem 0.625rem;
}
.smpt-table:nth-of-type(1) thead th:first-child{
    text-align: left;
    padding-left:calc(0.625rem + 1.6rem + 0.5rem);
}
.smpt-table tbody td{
    border: 1px solid #ddd;
}
.smpt-table thead tr:first-child th:first-child{
    border-top-left-radius:0.5rem;
}
.smpt-table thead tr:first-child th:last-child{
    border-top-right-radius:0.5rem;
}
.smpt-table thead tr:nth-child(n+2) th,.smpt-table tbody td{
    border-top:0px;
}
.smpt-table tr:last-child td:first-child{
    border-bottom-left-radius:0.5rem;
}
.smpt-table tr:last-child td:last-child{
    border-bottom-right-radius:0.5rem;
}
.smpt-table tr :nth-child(n+2){
    border-left: none;
}
.smpt-table:nth-of-type(1) td:nth-child(n+2){
    text-align: center;
}
.smpt-table-icon{
    width:1.6rem;
    margin-right:0.5rem;
    vertical-align: bottom;
}
.smpt-box-bottom{
    display:flex;
    align-items:center;
    justify-content: space-between;
    font-size: 1rem;
}
.smpt-box-bottom>div{
    display: flex;
    text-align: center;
}
.smpt-box-bottom img{
    align-self: center;
    width: 2rem;
}
.smpt-table .smpt-active-row td{
    background-color: rgb(135, 135, 241);
    background-color: hsla(0,0%,50.2%,.1019607843);
}
.smpt-table:nth-of-type(2) td{
    text-align: center;
}
@media(max-width:500px){
    .smpt-table-wrap{
        max-width: 100%;
    }
}