.append>tbody>tr>td:first-child {
    inline-size: 6% !important;
    word-break: break-all;
}

.append>tbody>tr>td:nth-child(6) {
    inline-size: 12% !important;
    word-break: break-all;
}

.append>tbody>tr>td:nth-child(4) {
    inline-size: 14% !important;
    word-break: break-all;
}

.append>tbody>tr>td:nth-child(5) {
    inline-size: 32% !important;
    word-break: break-all;
}

.append>tbody>tr>td:last-child {
    inline-size: 10% !important;
    word-break: break-all;
}

table {
    width: 100%;
}


.tabby>tbody>tr>td:first-child {
    inline-size: 30% !important;
    word-break: break-all;
}

.tabby>tbody>tr>td:nth-child(2) {
    inline-size: 70% !important;
    word-break: break-all;
}


.textt>tbody>tr>td:first-child,
.textt>tbody>tr>td:last-child {
    inline-size: 0 !important;

}

.textt>tbody>tr>td:nth-child(2) {
    inline-size: 16% !important;
    word-break: break-word;
    text-align: initial;
    padding-left: 4px !important;
}

.textt>tbody>tr>td:nth-child(4) {
    inline-size: 12% !important;
    word-break: break-word;
}

.textt>tbody>tr>td:nth-child(5) {
    text-align: initial;
    padding-left: 4px !important;
}

.textt>tbody>tr>td:nth-child(6) {
    inline-size: 12% !important;
    word-break: break-word;
}




.jsonn>tbody>tr>td:first-child {
    inline-size: 70%;
    word-break: break-all;
}

.jsonn>tbody>tr>td:nth-child(2) {
    inline-size: 30%;
    word-break: break-all;
}

.no_chnage>tr>td:first-child {
    inline-size: 0;
}

.no_chnage>tr>td:nth-child(2) {
    inline-size: 0;
}

.fist_payload_key {
    width: 773px;
    word-wrap: break-word;
}

.second_payload_key {
    width: 264px;
    word-wrap: break-word;

}

.tabs {
    display: flex;
    border-bottom: 2px solid #AEBEC9;
    background-color: #FCFCFC;
}

.tab,
.tab1,
.tab2,
.tab3,
.tab4,
.tab5,
.tab6,
.tab7,
.tab8,
.tab9,
.tab10,
.tab11,
.tab12,
.tab13,
.tab14,
.tab15,
.tab16,
.tab17,
.tab18,
.tab19,
.tab20,
.tab21,
.tab22,
.tab23,
.tab24,
.tab25,
.tab26,
.tab27,
.tab28,
.tab29,
.tab30,
.tab31,
.tab32,
.tab33,
.tab34,
.tab35 {
    position: relative;
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
    cursor: pointer;

}

.tab.active,
.tab1.active,
.tab2.active,
.tab3.active,
.tab4.active,
.tab5.active,
.tab6.active,
.tab7.active,
.tab8.active,
.tab9.active,
.tab10.active,
.tab11.active,
.tab12.active,
.tab13.active,
.tab14.active,
.tab15.active,
.tab16.active,
.tab17.active,
.tab18.active,
.tab19.active,
.tab20.active,
.tab21.active,
.tab22.active,
.tab23.active,
.tab24.active,
.tab25.active,
.tab26.active,
.tab27.active,
.tab28.active,
.tab29.active,
.tab30.active,
.tab31.active,
.tab32.active,
.tab33.active,
.tab34.active,
.tab35.active {
    font-weight: bold;
    color: #555555;
    background-color: #fff;
    border: 2px solid #AEBEC9;
    border-bottom: none;
    border-bottom-color: transparent;
    cursor: default;
    border-radius: 6px 6px 0px 0px;
}

.underline {
    /* position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background-color: blue; 
transition: width 0.3s ease-in-out; */
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 0;
    height: 2px;
    background-color: white;
    transition: width 0.3s ease-in-out;
}

.tab.active .underline,
.tab1.active .underline,
.tab2.active .underline,
.tab3.active .underline,
.tab4.active .underline,
.tab5.active .underline,
.tab6.active .underline,
.tab7.active .underline,
.tab8.active .underline,
.tab9.active .underline,
.tab10.active .underline,
.tab11.active .underline,
.tab12.active .underline,
.tab13.active .underline,
.tab14.active .underline,
.tab15.active .underline,
.tab16.active .underline,
.tab17.active .underline,
.tab18.active .underline,
.tab19.active .underline,
.tab20.active .underline,
.tab21.active .underline,
.tab22.active .underline,
.tab23.active .underline,
.tab24.active .underline,
.tab25.active .underline,
.tab26.active .underline,
.tab27.active .underline,
.tab28.active .underline,
.tab29.active .underline,
.tab30.active .underline,
.tab31.active .underline,
.tab32.active .underline,
.tab33.active .underline,
.tab34.active .underline,
.tab35.active .underline {
    width: 100%;
}

.tab-content,
.tab-content1,
.tab-content2,
.tab-content3,
.tab-content4,
.tab-content5,
.tab-content6,
.tab-content7,
.tab-content8,
.tab-content9,
.tab-content10,
.tab-content11,
.tab-content12,
.tab-content13,
.tab-content14,
.tab-content15,
.tab-content16,
.tab-content17,
.tab-content18,
.tab-content19,
.tab-content20,
.tab-content21,
.tab-content22,
.tab-content23,
.tab-content24,
.tab-content25,
.tab-content26,
.tab-content27,
.tab-content28,
.tab-content29,
.tab-content30,
.tab-content31,
.tab-content32,
.tab-content33,
.tab-content34,
.tab-content35 {
    display: none;
    padding: 20px;
    color: black;
    /* Set content color to black */
    border: 2px solid #AEBEC9;
    border-top: none;
}

.tab.active .tab-content,
.tab1.active .tab-content1,
.tab2.active .tab-content2,
.tab3.active .tab-content3,
.tab4.active .tab-content4,
.tab5.active .tab-content5,
.tab6.active .tab-content6,
.tab7.active .tab-content7,
.tab8.active .tab-content8,
.tab9.active .tab-content9,
.tab10.active .tab-content10,
.tab11.active .tab-content11,
.tab12.active .tab-content12,
.tab13.active .tab-content13,
.tab14.active .tab-content14,
.tab15.active .tab-content15,
.tab16.active .tab-content16,
.tab17.active .tab-content17,
.tab18.active .tab-content18,
.tab19.active .tab-content19,
.tab20.active .tab-content20,
.tab21.active .tab-content21,
.tab22.active .tab-content22,
.tab23.active .tab-content23,
.tab24.active .tab-content24,
.tab25.active .tab-content25,
.tab26.active .tab-content26,
.tab27.active .tab-content27,
.tab28.active .tab-content28,
.tab29.active .tab-content29,
.tab30.active .tab-content30,
.tab31.active .tab-content31,
.tab32.active .tab-content32,
.tab33.active .tab-content33,
.tab34.active .tab-content34,
.tab35.active .tab-content35 {
    display: block;
}

pre code.hljs {
    /* color: black !important; */
}

.eer {
    color: #64c084;
}

.eer:hover {
    color: #8fff14 !important;
    text-decoration: underline !important;
    text-underline-offset: 6px !important;
}

.req_resp {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    border: none;
}

.req_resp>button {
    padding: 0px;
    background-color: white;
    color: black;
    margin-top: 1px;
}

.req_resp2 {
    /* width: 100% !important;  */
    display: flex;
    justify-content: space-between;
    border: none;
}

.req_resp2>button {
    padding: 0px;
    background-color: white;
    color: black;
    margin-top: 1px;
}

.cbtt {
    font-size: 20px;
    margin-top: 0px;
}

::-webkit-scrollbar {
    width: 4px;
}

.activerr {
    /* text-decoration: none !important;
    background-color: #eee !important;
    color: #003323 !important; */
}

.activeee {
    /* color: #003323 !important;
    text-decoration: underline !important;
    text-underline-offset: 6px !important; */
}
td>a:hover {
color: #8fff14 !important;
/* background-color: #64c084 !important; */
text-decoration: underline !important;
text-underline-offset: 6px !important;
}

@media(max-width: 767px){
    .req_resp {
    width: 245px !important;}
}