
.list-container[data-v-4f9c964c] {
    /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; */
    /* gap: 10px; */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
    height: auto;
    width: auto;
    text-transform: uppercase;
    padding: 10px 10px 10px 0px;
    font-size: 12px;
    text-align: left;

    /* overflow: auto; */
}
.list-container p[data-v-4f9c964c] {
    margin: 0;
}
.list-container.withBorder[data-v-4f9c964c] {
    padding: 15px;
    border: 1px solid #5153653D;
    border-radius: 12px;
}

/* list item */
.list-item[data-v-4f9c964c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
    min-height: 30px;
}
.list-item img[data-v-4f9c964c] {
    width: 20px;
    width: 20px;
}


.a-list-item[data-v-0945f888] {
    background: #fff;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.a-list-item[data-v-0945f888]:hover {
    background: #eee;
}
.a-list-item.inactive[data-v-0945f888] {
    background: #DC1A1A1C;
}
.a-list-item.inactive .custom-control-label[data-v-0945f888]::before {
    border: 2px solid #f33232;
    background: #fff;
}
.a-list-item .custom-control-label[data-v-0945f888]::before {
    border-color: #ccc;
    background-color: transparent;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    top: -2px;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    cursor: pointer;
}
.a-list-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label[data-v-0945f888]::before {
    border-color: #ccc;
    background-color: transparent;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    top: -2px;
}
.a-list-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label[data-v-0945f888]::after {
    background-image: url('/static/svg/Active.svg');
}
.custom-control-label[data-v-0945f888]::after {
    width: unset;
    height: unset;
}
.a-list-item .custom-checkbox .custom-control-label[data-v-0945f888]::after {
    width: 27px !important;
    height: 27px !important;
    background-repeat: no-repeat;
    background-size: cover;
    top: -2px !important;
    cursor: pointer;
}
.a-list-item .custom-control-label[data-v-0945f888] {
    text-align: left;
    letter-spacing: 0.28px;
    font-weight: 500;
    font-size: 16px;
    color: #515365;
    opacity: 1;
    top: 2px;
}
.a-list-item .list-dropdown[data-v-0945f888] {
    top: 3px;
    -webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.a-list-item .list-dropdown.is_toggled[data-v-0945f888] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.a-list-item .list-divider[data-v-0945f888] {
    top: 1px;
}
.a-list-item .dropdown-content[data-v-0945f888] {
    -webkit-transition: .5s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    position: relative;
    overflow: hidden;
    height: 0;
    top: 1px;
}
.a-list-item .dropdown-content.is_toggled[data-v-0945f888] {
    height: 180px;
    overflow: auto;
}
.a-list-item .list-btn[data-v-0945f888] {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    display: inline-block;
}
.a-list-item .list-btn[data-v-0945f888]:hover {
    opacity: 0.6;
}
.a-list-item .left-con[data-v-0945f888] {
    width: calc(100% - 267px);
}
.a-list-item .info-image[data-v-0945f888] {
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 25px;
    margin-right: 18px;
    position: relative;
    top: -6px;
}
.a-list-item .info-label[data-v-0945f888] {
    text-align: left;
    letter-spacing: 0.28px;
    font-weight: 500;
    font-size: 14px;
    color: #515365;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 0;
    width: calc(100% - 60px);
}
.a-list-item .info-status[data-v-0945f888] {
    display: inline-block;
    min-width: 98px;
    padding: 0 10px;
    height: 25px;
    border-radius: 25px;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    position: relative;
    top: -4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.a-list-item .region[data-v-0945f888], .a-list-item .country[data-v-0945f888] {
    top: 0px;
}
.a-list-item.info-pending[data-v-0945f888] {
    border-left: 5px solid #8b9dc3;
}
.a-list-item.info-pending .info-status[data-v-0945f888] {
    background: #8b9dc3;
}
.a-list-item.info-ongoing[data-v-0945f888] {
    border-left: 5px solid #f3a17a;
}
.a-list-item.info-ongoing .info-status[data-v-0945f888] {
    background: #f3a17a;
}
.a-list-item.info-invalid[data-v-0945f888] {
    border-left: 5px solid #ec7174;
}
.a-list-item.info-invalid .info-status[data-v-0945f888] {
    background: #ec7174;
}
.a-list-item.info-unchecked[data-v-0945f888] {
    border-left: 5px solid #b4b1b1;
}
.a-list-item.info-unchecked .info-status[data-v-0945f888] {
    background: #b4b1b1;
}
.a-list-item.info-done[data-v-0945f888] {
    border-left: 5px solid #29ABA2;
}
.a-list-item.info-done .info-status[data-v-0945f888] {
    background: #29ABA2;
}
.a-list-item.info-done .info-status.ongoing[data-v-0945f888] {
    background: #f3a17a;
}
.a-list-item.info-admin[data-v-0945f888] {
    border-left: 5px solid #480048;
}
.a-list-item.info-admin .region[data-v-0945f888] {
    background: #f07241c4 0% 0% no-repeat padding-box;
}
.a-list-item.info-admin .country[data-v-0945f888] {
    background: #601848bf 0% 0% no-repeat padding-box;
}
.a-list-item .info-date[data-v-0945f888] {
    position: relative;
    top: -3px;
    font-size: 10px;
    color: #3c97dc;
}
.a-list-item .info-date img[data-v-0945f888] {
    position: relative;
    top: -1px;
    margin-left: 7px;
}
.a-list-item .right-con[data-v-0945f888] {
    width: 195px;
}

