#sA-19-1 .common-outer-panel {
    width: 90vw;
}@media screen and (max-width: 1024px) {
    #sA-19-1 .common-outer-panel {
        width: 96vw;
    }
}

#sA-19-1 .search-criteria-1 {
    display: flex;
    justify-content: space-between;
}@media screen and (max-width: 1024px) {
    #sA-19-1 .search-criteria-1 {
        flex-wrap: wrap;
    }
}

#sA-19-1 .search-criteria-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}@media screen and (max-width: 1024px) {
    #sA-19-1 .search-criteria-4 {
        display: block;
    }
}

#sA-19-1 .new-client-graph,
#sA-19-1 .paid-plan-graph,
#sA-19-1 .usage-fee-graph,
#sA-19-1 .contract-graph,
#sA-19-1 .timestamp-graph {
    border-width: 0.5vw;
    border-style: solid;
}

#sA-19-1 .period {
    white-space: nowrap;
    display: flex;
} @media screen and (max-width: 1024px) {
    #sA-19-1 .period {
        display: block;
    }
}

#sA-19-1 .period > p {
    margin-top: 0.5vw;
}

#sA-19-1 .period > span {
    width: 5vw;
    height: 2.5vw;
    margin-left: 0.5vw;
} @media screen and (max-width: 1024px) {
    #sA-19-1 .period > span {
        width: auto;
    }
}