.modal {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1050;
    display: none;
    width: 100%;
    overflow: hidden;
    outline: 0;
}


.NameTextWrape {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.listview strong {
     margin-right: 2px !important; 
}

.HideAll {
    display: none !important;
}

.modalbox .modal-dialog .modal-content {
    height: calc(90vh - 56px); 
    padding-top: 1px;
}

.customLabel{
    font-size: 14px;
    font-weight: 600;
    color: #696969;
}

.section {
    padding: 0 6px; 
}

.modalbox .modal-dialog .modal-content .modal-body {
    padding: 6px 6px;
    min-height: 75vh;
    overflow: auto;
}

.listview > li {
    padding: 12px 10px;
    min-height: 32px;
}

.section .section-subs {
    display: flex;
    align-items: center;
}

    .section .section-subs .right {
        margin-left: 5px;
    }

.section span {
    font-size: 13px;
}


.line {
    height: 12px;
    margin-bottom: 6px;
    border-radius: 2px;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
}

@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}