.ListControl .List tr:last-child>td[colspan="4"]>table>tbody>tr>td {
        border: none;
        padding: 5px;
        text-align: left;
}

.ListControl .List tr:last-child>td[colspan="4"]>table{
        width: auto;
}
.ListControl {
        padding: 10px  0px;
        margin: 0 0 20px;
}
.ListControl .ExContent {
        padding: 0px 10px;
        font-size: 14px;
}
.ListControl .List table td:nth-child(4)>span {
        display: none;
}
.ListControl .List table td:nth-child(4){
        text-align: center;
}
.ListControl .Search .ExTitle {
        border-bottom: 2px solid #eabc00;
        height: 32px;
        margin: 0 0 10px;
        padding: 0 10px;
        margin-top: 4px !important;
}
.ListControl .Search .ExTitle h1 {
        color: #ae0002;
        display: inline-block;
        text-transform: uppercase;
        white-space: nowrap;
        font-family: 'MERRIWEATHER', serif;
        font-weight: 700;
}
.ListControl .Search .ExTitle > span {
        color: #b80002;
        display: inline-block;
        text-transform: uppercase;
        white-space: nowrap;
}
.ListControl .ExContent tr:nth-child(1) td:nth-child(2) {
        display: inline-flex;
        width: 368px !important;
}
.ListControl .List .Title > span {
        color: #757575;
        display: inline-block;
        margin: 10px 10px 0px;
}
.ListControl table {
        width: 98% !important;
        margin: 15px 10px 0px;
}
.ListControl .List table th {
        color: #444;
        text-align: center;
        padding: 5px;
        border: 1px solid silver;
}
.ListControl span {
        font-size: 13px;
        line-height: 1.5 !important;
}
.ListControl .List table td {
        color: #444444;
        padding: 10px;
        border: 1px solid silver;
}
.ListControl .List table .summary {
        font-weight: 500;
        font-size: 15px;
}
.ListControl .List table .summary:hover {
        color: #ae0002;
}
.ListControl .List table tr {
        color: #bbb;
}
.ListControl .List table .download {
        color: #ae0002 !important;
        text-decoration: underline;
}
.ListControl .List table td:nth-child(1) a span {
        color: #333 !important;
        text-decoration: none;
}
.ListControl .List table td:nth-child(2) {
        text-align: center;
}
.ListControl input.Search, input.Cancel {
        background: #b80002 none repeat scroll 0 0;
        color: #ffffff;
        cursor: pointer;
        margin-right: 10px;
        border-radius: 5px !important;
        border: none;
        width: 100px;
}
.ListControl .col-md-3 {
        max-width: 30%;
        padding: 5px;
}
.ListControl .col-md-9 {
        max-width: 100%;
        padding: 5px;
        margin: 0;
}
.ListControl .col-md-9  div {
        text-align: center !important;
}
.ListControl .mb-2 {
        /* margin: 0 !important; */
}
.ListControl input, .ListControl select {
        padding: 5px 10px;
        border: 1px solid silver;
        box-sizing: border-box;
        border-radius: 3px;
        height: auto !important;
}
.ListControl tr:last-child {
        border: 1px solid white;
        padding: 5px !important;
}
.ListControl tr:last-child td {
        padding: 5px !important;
}
.ListControl tr:last-child td table{
        border: none !important;
        padding: 0 !important;
        margin: 0;
        width: 0 !important;
}
.ListControl tr:last-child td table span{
        color: white;
        background: red;
        padding: 5px 10px;
}
.ListControl tr:last-child td table a{
        color: black;
        background: #d8d8d8;
        padding: 5px 10px;
}
.ListControl .right table tr td {
        border: none !important;
        padding: 5px 0 5px 5px !important;
}
.ListControl span.modal-link {
        font-size: 14px;
}
@media only screen and (max-width: 1023px) {
        .ListControl {
                padding-top: 10px;
                width: 100%;
                padding: 15px;
        }
        .ListControl table {
                margin: 0;
        }
        .ListControl .Search .ExTitle{
                padding-left: 0;
        }
        .ListControl .ExContent{
                padding: 0;
        }
        .ListControl .w-1\/3{
                min-width: 100%;
        }
        .ListControl .w-1\/3 .pr-4{
                padding-right: 0 !important;
                padding-top: 10px !important;
                padding-bottom: 10px;
        }
        .ListControl .List .Title > span{
                margin-left: 0;
        }
        .ListControl .List table td{
                border: none;
                padding: 5px 0 !important;
                margin: 0;
        }
        .ListControl .List table td[colspan="4"] > table {
                margin: auto;
        }
        .ListControl .List table td[colspan="4"] > table td span,
        .ListControl .List table td[colspan="4"] > table td a {
                width: 25px;
                height: 25px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #dddfe2;
                border-radius: 5px;
        }
        .ListControl .List table td[colspan="4"] > table td span {
                background: #b80002;
                color: #fff;
        }
        .ListControl .List tr:last-child > td[colspan="4"] > table > tbody > tr > td {
                border: none;
                padding: 3px;
                text-align: left;
        }
        .ListControl .List tr:last-child > td[colspan="4"] > table {
                width: auto;
        }
        .ListControl .List tr:last-child > td[colspan="4"] > table>tbody>tr{
                display: flex;
                gap: 5px;
        }
}
.w-2\/3 .input {
        margin-top: 15px;
}
.w-2\/3 .input label {
        margin: 0 60px 0 5px;
}
.doc-popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
    max-width: 90%;
    max-height: 70vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,.25);
    padding: 20px;
}

.doc-popup h4 {
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: 600;
}

.doc-popup #docList,
.doc-popup .popup-content div {
    margin-bottom: 10px;
}

.doc-popup a {
    display: block;
    padding: 10px 12px;
    color: #0d6efd;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    transition: .2s;
}

.doc-popup a:hover {
    background: #f5f8ff;
    border-color: #0d6efd;
}

.doc-popup button {
    margin-top: 15px;
    float: right;
    padding: 8px 18px;
    border: none;
    border-radius: 4px;
    background: #0d6efd;
    color: #fff;
    cursor: pointer;
}

.doc-popup button:hover {
    background: #0b5ed7;
}
.doc-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.45);
    transition: opacity .25s;
}

.doc-popup.show {
    opacity: 1!important;
    visibility: visible!important;
}