#ts_right_section{gap: 29px;}

#ts_right_section > div:first-child > p{
    margin: 6px 0 18px;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

#sca_info_row{margin: 0;}

#litigation_list_section{display: flex; gap: 40px; flex-direction: column;}

.litigation_list_wrapper{
    border-radius: 10px; 

    /* border: 1px solid #CCC; */
    box-shadow: var(--ZLK-GreenShadow);
    background: rgba(255, 255, 255, 0.95);
}

.litigation_list_inner{padding: 13px 16px 19px;}

.litigation_title_intr{margin-bottom: 4px;}

.litigation_title_intr > p, .docket_title_intr > p, .stlmt_intr_wrapper > p{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.stlmt_active{
    border-radius: 8px;
    background: #FFFAC0;
    width: 62px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FD9300;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    margin-left: 6px;

    position: relative;
    top: -3px;
}

.stlmt_pending{
    border-radius: 8px;
    background: rgba(22, 163, 74, 0.20);
    width: 155px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #16A34A;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    margin-left: 6px;
}

.stlmt_closed{
    border-radius: 8px;
    background: rgba(85, 85, 85, 0.20);
    width:  62px;
    height: 27px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #555;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    margin-left: 6px;
}

.dn_fd{
    color: #AAA;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 16px;
}

.litigation_info_list{display: flex; gap: 20px;}

.litigation_info_list > div{flex: 1;}

.litigation_info_list > div > div{display: flex; justify-content: space-between; width: 100%; border-bottom: 1px dotted #CCC; padding:31px 0 4px;}

.litigation_info_list > div > div:first-child{padding:18px 0 4px;}

.litigation_info_list > div > div:last-child > div{display: flex; justify-content: space-between; width: 100%;}

.litigation_info_list > div > div:last-child > div:first-child{margin-bottom: 4px;}

#statue_date{display: block;}

.info_style_1{color: #555; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px;}

.info_style_2{color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px;}

.docket_wrapper{margin-top: 40px;}

.docket_title_intr{display: flex; gap: 10px; align-items: center;}
.docket_title_intr>h4{font-size:20px;}


.docket_list{
    /*
    border-radius: 10px; 
    border: 1px solid #CCC; 
    background: #FFF; 
    */
    margin-top: 10px;
}

.docket_list > div{
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    padding: 12px 15px; 
    box-sizing: border-box;
    border-bottom: 1px solid #CCC;
    align-items: center;

    transition: var(--ZLK-Transitions);
    position: relative;

    box-shadow: 0px 0px 10px -5px var(--ZLK-Green) inset;
    border-radius: 10px;
    background-color: var(--ZLK-BGColor);
    margin-bottom: 10px;
}

.docket_list > div:last-child{border-bottom: none;}

.docket_list > div:hover{
    background-color: var(--ZLK-TableHoverGreen);
    cursor: pointer;
}


.docket_date{
    /*
    color: #333;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    */

    font-size: 14px;
}


.docket_title{
    color: #000;
    font-size: 18px;
    font-weight: 500;

    /*
    font-style: normal;
    line-height: 14px;
    */
}

.stlmt_info_wrapper{display: flex; gap: 30px; margin-top: 30px; flex-direction: column;}

.stlmt_intr_wrapper{display: flex; gap: 7px; align-items: center; margin-bottom: 6px;}

.stlmt_info_wrapper > div:first-child > p{
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 17px;
}

.stlmt_info_wrapper > div:first-child > p > span{text-decoration: underline;}

.stlmt_info_1{display: flex; gap: 20px;}

.stlmt_info_row{flex: 1; display: flex; flex-direction: column; gap: 4px; min-width: 174px;}

.stlmt_info_title{
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.stlmt_info_text{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.stlmt_info_text2{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.text_decor{text-decoration: none; overflow-wrap: break-word;}

@media only screen and (max-width: 1024px) {
    #ts_body_section{padding: 30px 0;}

    #ts_right_section{gap: 30px;}

    #ts_right_section > div:first-child > p{margin: 6px 0;}

    #litigation_list_section{gap: 30px;}

    .litigation_list_inner{padding: 12px 12px 27px 10px;}

    .litigation_title_intr{margin-bottom: 0;}

    .litigation_info_list{flex-direction: column; gap: 0;}

    .litigation_info_list > div > div:first-child{padding: 15px 0 4px;}

    .litigation_info_list > div > div{padding: 10px 0 4px;}

    /*
    .info_style_1, .info_style_2, .docket_title{font-size: 14px; line-height: 19px;}
    */

    .docket_title_intr{gap: 7px;}
    
    .docket_wrapper{margin-top: 30px;}

    .docket_list{margin-top: 16px;}
    /*
    .docket_date{font-size: 12px; line-height: 16px;}
    */
    .docket_list > div{padding: 15px;}

    .stlmt_info_wrapper{gap: 20px;}

    .stlmt_info_wrapper > div:first-child > p{margin-bottom: 25px;}

    .stlmt_info_1{flex-direction: column;}

    .stlmt_info_text{font-size: 14px; line-height: 18px;}
    
}


@media only screen and (max-width: 768px) {
    #ts_body_section{padding: 22px 0;}

    #ts_right_section h2{font-size: 22px; line-height: 27px;}

    #ts_right_section > div:first-child > p{margin: 0 0 6px; /* font-size: 13px; line-height: 18px; */}

    .litigation_list_inner{padding: 12px 10px 16px;}

    .litigation_info_list > div > div{gap: 8px;}

    .litigation_info_list > div > div:first-child{padding: 10px 0 4px;}

    .info_style_1, .info_style_2{flex: 1;}

    .info_style_2{text-align: right;}

    .docket_wrapper{margin-top: 15px;}

    .stlmt_info_wrapper > div:first-child > p{margin-bottom: 15px;}
}