.toolbar {
    display: flex;
    gap: 10px;
    max-width: 960px;
    margin: 0 auto 16px;
    flex-wrap: wrap;}

.toolbar input {
    flex: 1;
    min-width: 160px;
    padding: 9px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: border-color .2s;}

.toolbar input:focus {
    border-color: #022980;}

.toolbar select {
    padding: 9px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    background: #fff;}



.info-bar {
    padding: 10px 16px;

    color: #666;
    border-bottom: 1px solid #f0f0f0;}

.tbsc table {
    width: 100%;
    border-collapse: collapse;}

.tbsc th {
    background: #2765E3;
    color: #fff;
    font-weight: 600;
    padding: 13px 16px;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 1;}

.tbsc th:last-child {
    text-align: center;
    width: 90px;
    white-space: nowrap;}

.tbsc tbody tr {
    border-bottom: 1px solid #ddd;
    transition: background .15s;}

.tbsc tbody tr:last-child {
    border-bottom: none;}

.tbsc tbody tr:hover {
    background: #eef2ff;}

.tbsc tbody tr.alt {
    background: #fafbff;}

.tbsc tbody tr.alt:hover {
    background: #eef2ff;}

.tbsc tbody tr.hidden {
    display: none;}

.tbsc td {
    padding: 11px 16px !important;}
    line-height: 1.2;
    vertical-align: middle;
}
.tbsc td p {
    padding:5px !important;}
margin-bottom:0px !important;
    line-height: 1;
    vertical-align: middle;
}
.tbsc td:last-child {
    text-align: center;
    color: #2765e3;
    font-weight: 500;
    white-space: nowrap;}

#vsb_content_4 TABLE TD{border: 1px solid #ddd !important;}
#vsb_content_4 TABLE {
    border: 1px solid #ddd !important;}
}

@media (max-width: 600px) {
  

   .tbsc th:last-child,
    td:last-child {
        width: 68px;
    
        padding: 9px 8px;}

    .tbsc td {
        padding: 9px 10px;
        font-size: 13px;}

    .tbsc th {
        padding: 10px 8px;}
}



.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 2px;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}