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

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

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

#sA-20-2 .card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} @media screen and (max-width: 1024px) {
    #sA-20-2 .card-list {
        display: block;
    }
}

#sA-20-2 .usage-fee-graph {
    border-width: 0.5vw;
    border-style: solid;
    width: 60vw;
} @media screen and (max-width: 1024px) {
    #sA-20-2 .usage-fee-graph {
        width: auto;
    }
}

#sA-20-2 .contract-send-graph,
#sA-20-2 .contract-receive-graph,
#sA-20-2 .bond-send-graph,
#sA-20-2 .bond-receive-graph,
#sA-20-2 .workflow-graph,
#sA-20-2 .timestamp-graph {
    border-width: 0.5vw;
    border-style: solid;
    width: 31vw;
} @media screen and (max-width: 1024px) {
    #sA-20-2 .contract-send-graph,
    #sA-20-2 .contract-receive-graph,
    #sA-20-2 .bond-send-graph,
    #sA-20-2 .bond-receive-graph,
    #sA-20-2 .workflow-graph,
    #sA-20-2 .timestamp-graph {
        width: auto;
    }
}

#sA-20-2 .document-create-graph {
  border-width: 0.5vw;
  border-style: solid;
  width: 62vw;
} @media screen and (max-width: 1024px) {
  #sA-20-2 .document-create {
    width: auto;
  }
}

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

#sA-20-2 .period > p {
    margin-top: 0.5vw;
}

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

#sA-20-2 .common-grid {
    width: 60vw;
} @media screen and (max-width: 1024px) {
    #sA-20-2 .common-grid {
        width: auto;
    }
}