.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);}

.content .inner {
    background: #fff;
    padding: 50px;
    /* width: 1200px; */
    margin: 0 auto;
    overflow: hidden;}
    .content #vsb_content> p{
      margin-bottom:30px;
          font-size: 16px;
    color: #808080;
    line-height: 30px;
    margin-bottom: 30px;}
    p{
        font-size: 16px;
    line-height: 200%;}
    #vsb_content_2 p, #vsb_content_2 span, #vsb_content_2 font{font-size:16px!important; line-height:180%!important; color:#333!important;}
    
     .controls {
            display: flex;
            gap: 10px;
            align-items: center;
            margin-bottom: 20px;}
        .language-selector {
            padding: 8px;
            font-size: 16px;
            border-radius: 4px;
            border: 1px solid #ccc;}
        .translation-loading {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            color: #666;
            font-size: 14px;
            margin-left: 8px;}
        .translation-loading .loading-spinner {
            width: 12px;
            height: 12px;
            border: 2px solid #f3f3f3;
            border-top: 2px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;}
        @keyframes spin {
            0% { transform: rotate(0deg);}
            100% { transform: rotate(360deg);}
        }
        .translation-error {
            color: #e74c3c;
            font-size: 14px;
            margin-left: 8px;}
        .translated-text {
            color: #666;
            font-size: 14px;
            margin-left: 8px;
            border-left: 2px solid #3498db;
            padding-left: 8px;
            background: #e9f3f9;}
        .translate-btn {
            padding: 10px 10px;
            background-color: #04478e;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s ease;
            margin-left: 10px;}
        .translate-btn:hover {
            background-color: #2980b9;}
        .translate-btn:disabled {
            background-color: #95a5a6;
            cursor: not-allowed;}