.application_manager_checklist {
        background: #fff;
        width: 100%;
        margin: auto auto;
        border: 1px solid #ccc;
        padding: 1px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        }

        .application_manager_checklist-headline {
        background: #0066a2 url(../../../images/thead.png) top left repeat-x;
        color: #ffffff;
        border-bottom: 1px solid #263c30;
        padding: 8px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        }

        .application_manager_checklist-headline span {
        font-size: 10px;
        }

        .application_manager_checklist-headline a:link,
        .application_manager_checklist-headline a:visited,
        .application_manager_checklist-headline a:active,
        .application_manager_checklist-headline a:hover {
        color: #ffffff;
        }

        .application_manager_checklist-group {
        background: #f5f5f5;
        border: 1px solid;
        border-color: #fff #ddd #ddd #fff;
        padding: 5px 10px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 5px;
        }

        .application_manager_checklist-group_status {
        width: 2%;
        text-align: center;
        font-size: 20px;
        }

        .application_manager_checklist-group_content-points {
        font-size: 11px;
        }

        .application_manager_checklist_groupUncheck, 
        .application_manager_checklist_fieldUncheck {
        color: #c80000;
        }

        .application_manager_checklist_groupCheck, 
        .application_manager_checklist_fieldCheck {
        color: #15a200;
        }

        .application_manager_smalltext {
        font-size: 11px;
        }

        .application_manager_overview-desc {
        text-align: justify;
        line-height: 180%;
        padding: 20px 40px;
        background: #f5f5f5;
        border: 1px solid;
        border-color: #fff #ddd #ddd #fff;
        }

        .application_manager_overview_legend {
        background: #0f0f0f url(../../../images/tcat.png) repeat-x;
        color: #fff;
        border-top: 1px solid #444;
        border-bottom: 1px solid #000;
        padding: 7px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 10px;
        }

        .application_manager_overview_applications {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 10px;
        padding: 7px;
        text-align: center;
        background: #f5f5f5;
        border: 1px solid;
        border-color: #fff #ddd #ddd #fff;
        }
        .application_manager_overview_legend_div,
        .application_manager_overview_applications_div {
        width: 100%;
        }

        .application_manager_wob_headline {
        background: #0066a2 url(../../../images/thead.png) top left repeat-x;
        color: #ffffff;
        border-bottom: 1px solid #263c30;
        padding: 8px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        }

        .application_manager_wob {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 20px;
        text-align: left;
        margin-bottom: 10px;
        }

        .application_manager_wob-textarea {
        background: #f5f5f5;
        border: 1px solid;
        border-color: #fff #ddd #ddd #fff;
        text-align: center;
        padding: 5px;
        -moz-border-radius-bottomright: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        }

        .application_manager-accpop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        }

        .application_manager-accpop:target {
        display: flex;
        }

        .application_manager-pop {
        width: 400px;
        text-align: left;
        background: #fff;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 10px #000;
        -moz-box-shadow: 0 0 10px #000;
        -o-box-shadow: 0 0 10px #000;
        -ms-box-shadow: 0 0 10px #000;
        box-shadow: 0 0 10px #000;
        animation: fadeInScale 0.3s ease-out;
        }

        .application_manager-closepop {
        position: absolute;
        top: -12.5px;
        right: -12.5px;
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url(../../../images/close.png) no-repeat 0 0;
        }

        @keyframes fadeInScale {
        from {
        opacity: 0;
        transform: scale(0.9);
        }
        to {
        opacity: 1;
        transform: scale(1);
        }
        }
        
/* ==========================================================
   WE WHO REMAIN — APPLICATION CHECKLIST
   ========================================================== */

.application_manager_checklist.wwr-checklist,
.wwr-checklist * {
    box-sizing: border-box;
}

.application_manager_checklist.wwr-checklist {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;

    border: 1px solid var(--wwr-border);
    border-radius: 0;
    background: #101010;
    box-shadow: none;

    color: #ddd;
    font-family: inherit;
    font-weight: 400;
}


/* ==========================================================
   HEADER
   ========================================================== */

.wwr-checklist .wwr-checklist-header {
    padding: 17px 20px 15px;
    background: rgba(255,255,255,.015);
}

.wwr-checklist-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 20px;

    margin-bottom: 13px;
}

.wwr-checklist-heading {
    color: #ddd;

    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wwr-checklist-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 25px;

    margin-left: auto;
}

.wwr-checklist-count {
    color: var(--wwr-mid);

    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.4;
    text-transform: uppercase;
}


/* ==========================================================
   TOGGLE
   ========================================================== */

.wwr-checklist .wwr-checklist-toggle {
    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;

    color: #bcbcbc;
    font-family: inherit;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .6px;
    line-height: 1.4;
    text-transform: uppercase;

    cursor: pointer;
}

.wwr-checklist .wwr-checklist-toggle:hover {
    color: var(--wwr-acc);
}

.wwr-checklist .wwr-checklist-toggle:focus-visible {
    outline: 1px solid var(--wwr-acc);
    outline-offset: 4px;
}


/* ==========================================================
   PROGRESS BAR
   ========================================================== */

.wwr-checklist-progress {
    display: block;

    width: 100%;
    height: 4px;

    margin: 0;

    appearance: none;
    -webkit-appearance: none;

    border: 0;
    border-radius: 0;
    background: #262626;
    overflow: hidden;
}

.wwr-checklist-progress::-webkit-progress-bar {
    background: #262626;
    border-radius: 0;
}

.wwr-checklist-progress::-webkit-progress-value {
    background: var(--wwr-acc);
    border-radius: 0;
}

.wwr-checklist-progress::-moz-progress-bar {
    background: var(--wwr-acc);
    border-radius: 0;
}


/* ==========================================================
   APPLICATION DEADLINE / INFORMATION
   ========================================================== */

.wwr-checklist .wwr-checklist-notice {
    margin-top: 13px;

    color: var(--wwr-mid);
    font-family: inherit;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;
}

.wwr-checklist .wwr-checklist-notice b,
.wwr-checklist .wwr-checklist-notice strong {
    color: #ddd;
    font-weight: 500;
}

.wwr-checklist .wwr-checklist-notice span {
    font-size: inherit;
    font-weight: inherit;
}

.wwr-checklist .wwr-checklist-notice a {
    color: var(--wwr-acc);
    font-weight: 600;
    text-decoration: none;
	font-size: 18px;
}

.wwr-checklist .wwr-checklist-notice a:hover {
    text-decoration: underline;
}


/* ==========================================================
   CHECKLIST BODY
   ========================================================== */

.wwr-checklist-body {
    border-top: 1px solid var(--wwr-border);
}

.wwr-checklist-body[hidden] {
    display: none;
}


/* ==========================================================
   CHECKLIST GROUPS
   ========================================================== */

.wwr-checklist .application_manager_checklist-group {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    justify-content: stretch;
    gap: 13px;

    width: 100%;
    margin: 0;
    padding: 15px 20px;

    border: 0;
    border-bottom: 1px solid var(--wwr-border);
    border-radius: 0;

    background: transparent;
}

.wwr-checklist .application_manager_checklist-group:last-child {
    border-bottom: 0;
}

.wwr-checklist .application_manager_checklist-group_status {
    width: auto;
    margin: 1px 0 0;
    padding: 0;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

.wwr-checklist .application_manager_checklist-group_content {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.wwr-checklist .application_manager_checklist-group_content-desc {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;

    margin: 0 0 8px;
    padding: 0;

    font-family: inherit;
    line-height: 1.5;
}

.wwr-checklist .wwr-checklist-group-title {
    color: #ddd;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.wwr-checklist .wwr-checklist-group-description {
    color: var(--wwr-mid);
    font-size: 10px;
    font-weight: 400;
}


/* ==========================================================
   CHECKLIST POINTS
   ========================================================== */

.wwr-checklist .application_manager_checklist-group_content-points {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 18px;

    margin: 0;
    padding: 0;

    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;
}

.wwr-checklist-point {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;

    min-width: 0;
    max-width: 100%;
}

.wwr-checklist-point-name {
    min-width: 0;

    color: #bcbcbc;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;

    overflow-wrap: anywhere;
}

.wwr-checklist-point-status {
    flex-shrink: 0;

    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
}


/* ==========================================================
   STATUS COLOURS — ORIGINAL PLUGIN CLASSES
   ========================================================== */

/* MISSING */

.wwr-checklist .application_manager_checklist_fieldUncheck,
.wwr-checklist .application_manager_checklist_groupUncheck {
    color: var(--wwr-acc2);
}

/* COMPLETED */

.wwr-checklist .application_manager_checklist_fieldCheck,
.wwr-checklist .application_manager_checklist_groupCheck {
    color: var(--wwr-acc);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 700px) {

    .wwr-checklist .wwr-checklist-header {
        padding: 15px;
    }

    .wwr-checklist .application_manager_checklist-group {
        padding: 14px 15px;
        gap: 10px;
    }

    .wwr-checklist .application_manager_checklist-group_content-points {
        gap: 5px 13px;
    }

}

@media (max-width: 450px) {

    .wwr-checklist-header-right {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
        gap: 12px;
    }

    .wwr-checklist-heading {
        font-size: 11px;
    }

    .wwr-checklist-count,
    .wwr-checklist .wwr-checklist-toggle {
        font-size: 9px;
    }

}