/*Standard Custom List*/
.custom_table_container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.custom_table_responsive {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

    .custom_table_responsive li {
        border-radius: 3px;
        padding: 5px 10px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 2px;
    }

    .custom_table_responsive .custom_table_header {
        background-color: #FFE786;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 8px;
        font-weight: bold;
        color: black;
    }

    .custom_table_responsive .custom_table_table-row {
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    }

    .custom_table_responsive .ct_col_1 {
        flex-basis: 25%;
    }

    .custom_table_responsive .ct_col_2 {
        flex-basis: 40%;
    }

    .custom_table_responsive .ct_col_3 {
        flex-basis: 25%;
    }

    .custom_table_responsive .ct_col_4 {
        flex-basis: 10%;
    }

@media all and (max-width: 767px) {
    .custom_table_responsive .custom_table_header {
        display: none;
    }

    .custom_table_responsive li {
        display: block;
    }

    .custom_table_responsive .ct_col {
        flex-basis: 100%;
        text-align: left;
    }

    .custom_table_responsive .ct_col {
        display: flex;
        padding: 10px 0;
    }

        .custom_table_responsive .ct_col:before {
            color: #6C7A89;
            padding-right: 10px;
            content: attr(data-label);
            flex-basis: 50%;
            text-align: right;
        }
}

/*Period Specific Customlist*/
.custom_table_container_pe {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.custom_table_responsive_pe {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

    .custom_table_responsive_pe li {
        border-radius: 3px;
        padding: 5px 10px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 2px;
    }

    .custom_table_responsive_pe .custom_table_header_pe {
        background-color: #A557C5;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 0;
        font-weight: bold;
        color: white;
    }

    .custom_table_responsive_pe .custom_table_table-row_pe {
        background-color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    }

    .custom_table_responsive_pe .ct_col_1_pe {
        flex-basis: 2%;
    }

    .custom_table_responsive_pe .ct_col_2_pe {
        flex-basis: 8%;
    }

    .custom_table_responsive_pe .ct_col_3_pe {
        flex-basis: 15%;
    }

    .custom_table_responsive_pe .ct_col_4_pe {
        flex-basis: 15%;
    }

    .custom_table_responsive_pe .ct_col_5_pe {
        flex-basis: 20%;
    }

    .custom_table_responsive_pe .ct_col_6_pe {
        flex-basis: 20%;
    }

    .custom_table_responsive_pe .ct_col_7_pe {
        flex-basis: 20%;
    }
    .custom_table_responsive_pe .ct_col_fullrow_pe {
        flex-basis: 98%;
    }

@media all and (max-width: 767px) {
    .custom_table_responsive_pe .custom_table_header_pe {
        display: none;
    }

    .custom_table_responsive_pe li {
        display: block;
    }

    .custom_table_responsive_pe .ct_col_pe {
        flex-basis: 100%;
        text-align: left;
    }

    .custom_table_responsive_pe .ct_col_pe {
        display: flex;
        padding: 10px 0;
    }

        .custom_table_responsive_pe .ct_col_pe:before {
            color: white;
            padding-right: 10px;
            content: attr(data-label);
            flex-basis: 50%;
            text-align: right;
        }
}

/*sub menu events*/
.custom_table_container_pe_sub {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.custom_table_table-row_pe_sub {
    background-color: #603871;
    color: #fbfbef;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.ct_col_1_pe_sub {
    flex-basis: 2%;
}

.ct_col_2_pe_sub {
    flex-basis: 8%;
}

.ct_col_3_pe_sub {
    flex-basis: 15%;
}

.ct_col_4_pe_sub {
    flex-basis: 15%;
}

.ct_col_5_pe_sub {
    flex-basis: 20%;
}

.ct_col_6_pe_sub {
    flex-basis: 10%;
}

.ct_col_7_pe_sub {
    flex-basis: 30%;
}
.custom_table_header_pe_sub {
    background-color: #cf82ef;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    font-weight: bold;
    color: white;
}

.custom_table_responsive_pe_sub {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}
/*sub-sub menu events*/
.custom_table_table-row_pe_sub_sub {
    background-color: #ffffdb;
    color: black;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

/*Action plan*/
.custom_table_container_ap {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.custom_table_responsive_ap {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

    .custom_table_responsive_ap li {
        border-radius: 3px;
        padding: 5px 10px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
    }

    .custom_table_responsive_ap .custom_table_header_ap {
        background-color: #6C7A89;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 8px;
        font-weight: bold;
        color: white;
    }

    .custom_table_responsive_ap .custom_table_table-row_ap {
        background-color: #ffffff;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    }
    .custom_table_responsive_ap .ct_col_1_ap {
        flex-basis: 5%;
    }
    .custom_table_responsive_ap .ct_col_2_ap {
        flex-basis: 20%;
    }

    .custom_table_responsive_ap .ct_col_3_ap {
        flex-basis: 50%;
    }

    .custom_table_responsive_ap .ct_col_4_ap {
        flex-basis: 25%;
    }

@media all and (max-width: 767px) {
    .custom_table_responsive_ap .custom_table_header_ap {
        display: none;
    }

    .custom_table_responsive_ap li {
        display: block;
    }

    .custom_table_responsive_ap .ct_col_ap {
        flex-basis: 100%;
        text-align: left;
    }

    .custom_table_responsive_ap .ct_col_ap {
        display: flex;
        padding: 10px 0;
    }

        .custom_table_responsive_ap .ct_col_ap:before {
            color: #6C7A89;
            padding-right: 10px;
            content: attr(data-label);
            flex-basis: 50%;
            text-align: right;
        }
}
/*Sub-Action plan*/
.custom_table_container_apsub {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.custom_table_responsive_apsub {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

    .custom_table_responsive_apsub li {
        border-radius: 3px;
        padding: 5px 10px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
    }

    .custom_table_responsive_apsub .custom_table_header_apsub {
        background-color: lightblue;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 8px;
        font-weight: bold;
        color: darkblue;
    }

    .custom_table_responsive_apsub .custom_table_table-row_apsub {
        background-color: #d2f8fa;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    }

    .custom_table_responsive_apsub .ct_col_1_apsub {
        flex-basis: 5%;
    }

    .custom_table_responsive_apsub .ct_col_2_apsub {
        flex-basis: 25%;
    }
    .custom_table_responsive_apsub .ct_col_3_apsub {
        flex-basis: 25%;
    }
    .custom_table_responsive_apsub .ct_col_4_apsub {
        flex-basis: 25%;
    }
    .custom_table_responsive_apsub .ct_col_5_apsub {
        flex-basis: 5%;
    }
    .custom_table_responsive_apsub .ct_col_6_apsub {
        flex-basis: 15%;
    }
@media all and (max-width: 767px) {
    .custom_table_responsive_apsub .custom_table_header_apsub {
        display: none;
    }

    .custom_table_responsive_apsub li {
        display: block;
    }

    .custom_table_responsive_apsub .ct_col_apsub {
        flex-basis: 100%;
        text-align: left;
    }

    .custom_table_responsive_apsub .ct_col_apsub {
        display: flex;
        padding: 10px 0;
    }

        .custom_table_responsive_apsub .ct_col_apsub:before {
            color: #6C7A89;
            padding-right: 10px;
            content: attr(data-label);
            flex-basis: 50%;
            text-align: right;
        }
}