/* sections */

.fieldsSelectors {
    margin: 0px;
    padding: var(--padding, 20px);
    width: calc(100% - calc(var(--padding, 20px) * 2));
    background: var(--section-container-background);
}

.ResizeMain .fieldsSelectors {
    background: var(--materialdesign-section-container-background);
}

/*.SectionList {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-flex;
    flex-flow: row wrap;
}

.SectionListItem {
    display: inline-block;
}

.sectionStyle_noWrap {
    overflow-x: visible;
    white-space: normal;
}

.sectionStyle_Wrap {
    overflow-x: auto;
    white-space: nowrap;
}

    .sectionStyle_Wrap .SectionList {
        flex-flow: row nowrap;
    }

.sectionStyle_alignment_left .SectionList {
    text-align: left;
    justify-content: flex-start;
}

.sectionStyle_alignment_center .SectionList {
    text-align: center;
    justify-content: center;
}

.sectionStyle_alignment_right .SectionList {
    text-align: right;
    justify-content: flex-end;
}*/

.AddNewHeader span {
    line-height: inherit;
}

.SectionList {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-flex;
    flex-flow: row wrap;
}

.SectionListItem {
    display: inline-block;
    white-space: nowrap;
}

.sectionStyle_noWrap {
    overflow-x: visible;
    white-space: normal;
}

.sectionStyle_Wrap .SectionList {
    overflow-x: auto;
    flex-flow: row nowrap;
}

.sectionStyle_alignment_left.sectionStyle_Wrap .SectionListItem:last-child {
    margin-right: auto;
}

.sectionStyle_alignment_center.sectionStyle_Wrap .SectionListItem:first-child {
    margin-left: auto;
}

.sectionStyle_alignment_center.sectionStyle_Wrap .SectionListItem:last-child {
    margin-right: auto;
}

.sectionStyle_alignment_right.sectionStyle_Wrap .SectionListItem:first-child {
    margin-left: auto;
}

.sectionStyle_alignment_left:not(.sectionStyle_Wrap) .SectionList {
    text-align: left;
    justify-content: flex-start;
}

.sectionStyle_alignment_center:not(.sectionStyle_Wrap) .SectionList {
    text-align: center;
    justify-content: center;
}

.sectionStyle_alignment_right:not(.sectionStyle_Wrap) .SectionList {
    text-align: right;
    justify-content: flex-end;
}


.SectionListAnchor, .SectionListAnchor:hover {
    transition: none;
}

/************************************* SECTIONS 00 DEFAULT *************************************/
/*************************************       CIRCLES       *************************************/
/************************************* SECTIONS 00 DEFAULT *************************************/
/*************************************       CIRCLES       *************************************/
/************************************* SECTIONS 00 DEFAULT *************************************/

/* vars: 

    :root {
      --s00-complete-color: #2854A5;
      --s00-complete-color-hover: #2854A5;
      --s00-fullycomplete-color: #2854A5;
      --s00-fullycomplete-color-hover: #2854A5;
      --s00-incomplete-color: #EF4665;
      --s00-incomplete-color-hover: #EF4665;
    }

*/

.sectionStyle_00 .SectionListItem {
    
}

.sectionStyle_00 .SectionListAnchor {
    display: block;
    width: auto;
    min-width: 100px;
    border-radius: 0;
    font-size: 16px;
    line-height: 16px;
    color: var(--s00-complete-color, #2854A5);
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    padding: 40px 10px 0 10px;
    height: 25px;
}

    .sectionStyle_00 .SectionListAnchor:hover {
        color: var(--s00-complete-color-hover, #2854a5);
    }

.sectionStyle_00 .SectionList li:only-child > a.SectionSelectorSelected_Complete {
    background-image: url('images/TMProgress_only_almostcomplete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList li:only-child > a.SectionSelector_Complete {
    background-image: url('images/TMProgress_only_almostcomplete.png');
}

.sectionStyle_00 .SectionList li:only-child > a.SectionSelectorSelected_Complete.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_only_complete.png');
    font-weight: 700;
    color: var(--s00-fullycomplete-color, #2854a5);
}

.sectionStyle_00 .SectionList li:only-child > a.SectionSelector_Complete.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_only_complete.png');
    color: var(--s00-fullycomplete-color, #2854a5);
}

.sectionStyle_00 .SectionList li:only-child > a.SectionSelectorSelected_Incomplete {
    background-image: url('images/TMProgress_only_incomplete.png');
    font-weight: 700;
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList li:only-child > a.SectionSelector_Incomplete {
    background-image: url('images/TMProgress_only_incomplete.png');
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_almostcomplete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_almostcomplete.png');
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_HasNext.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_first_complete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.TMTimeline_HasNext.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_first_complete.png');
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Incomplete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_incomplete.png');
    font-weight: 700;
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Incomplete:hover {
    color: var(--s00-incomplete-color-hover, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelector_Incomplete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_incomplete.png');
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_almostcomplete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_almostcomplete.png');
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.TMTimeline_Next.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_middle_complete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.TMTimeline_Next.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_middle_complete.png');
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.SectionAllFieldsComplete {
    color: var(--s00-fullycomplete-color, #2854a5);
}

    .sectionStyle_00 .SectionList a.SectionSelector_Complete.SectionAllFieldsComplete:hover {
        color: var(--s00-fullycomplete-color-hover, #2854a5);
    }

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Incomplete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_incomplete.png');
    font-weight: 700;
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelector_Incomplete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_incomplete.png');
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_almostcomplete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_almostcomplete.png');
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_end_complete.png');
    font-weight: 700;
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_end_complete.png');
}

.sectionStyle_00 .SectionList a.SectionSelectorSelected_Incomplete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_incomplete.png');
    font-weight: 700;
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelector_Incomplete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_incomplete.png');
    color: var(--s00-incomplete-color, #EF4665);
}

.sectionStyle_00 .SectionList a.SectionSelector_Complete.AddNewHeader.TMTimeline_HasNext {
    color: green;
    background-image: url('images/TMProgress_newSection.png');
}

/************************************* SECTIONS 01 *************************************/
/*********************************** TICKED  CIRCLES ***********************************/
/************************************* SECTIONS 01 *************************************/
/*********************************** TICKED  CIRCLES ***********************************/
/************************************* SECTIONS 01 *************************************/

/* vars: 

    :root {
        --s01-complete-color: #2854A5;
        --s01-complete-color-hover: #2854A5;
        --s01-incomplete-color: #EF4665;
        --s01-incomplete-color-hover: #EF4665;
    }

*/

.sectionStyle_01 .SectionListItem {
    
}

.sectionStyle_01 .SectionListAnchor {
    display: block;
    width: auto;
    min-width: 100px;
    border-radius: 0;
    font-size: 16px;
    line-height: 16px;
    color: var(--s01-complete-color, #2854A5);
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    padding: 40px 10px 0 10px;
    height: 25px;
}

    .sectionStyle_01 .SectionListAnchor:hover {
        color: var(--s01-complete-color-hover, #2854a5);
    }

.sectionStyle_01 .SectionList li:only-child > a.SectionSelectorSelected_Complete {
    background-image: url('images/TMProgress_only_almostcomplete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList li:only-child > a.SectionSelector_Complete {
    background-image: url('images/TMProgress_only_almostcomplete.png');
}

.sectionStyle_01 .SectionList li:only-child > a.SectionSelectorSelected_Complete.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_only_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList li:only-child > a.SectionSelector_Complete.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_only_complete.png');
}

.sectionStyle_01 .SectionList li:only-child > a.SectionSelectorSelected_Incomplete {
    background-image: url('images/TMProgress_only_incomplete.png');
    font-weight: 700;
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList li:only-child > a.SectionSelector_Incomplete {
    background-image: url('images/TMProgress_only_incomplete.png');
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_HasNext.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_first_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_HasNext.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_first_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Incomplete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_incomplete.png');
    font-weight: 700;
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList a.SectionSelector_Incomplete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_incomplete.png');
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.TMTimeline_Next.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_middle_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.TMTimeline_Next.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_middle_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Incomplete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_incomplete.png');
    font-weight: 700;
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList a.SectionSelector_Incomplete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_incomplete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_end_complete.png');
    font-weight: 700;
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.SectionAllFieldsComplete {
    background-image: url('images/TMProgress_end_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelectorSelected_Incomplete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_incomplete.png');
    font-weight: 700;
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList a.SectionSelector_Incomplete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_incomplete.png');
    color: var(--s01-incomplete-color, #EF4665);
}

.sectionStyle_01 .SectionList a.SectionSelector_Incomplete {
    color: var(--s01-incomplete-color, #EF4665);
}

    .sectionStyle_01 .SectionList a.SectionSelector_Incomplete:hover, .sectionStyle_01 .SectionList a.SectionSelectorSelected_Incomplete:hover {
        color: var(--s01-incomplete-color-hover, #EF4665);
    }

.sectionStyle_01 .SectionList a.SectionSelector_Complete.AddNewHeader.TMTimeline_HasNext {
    color: green;
    background-image: url('images/TMProgress_newSection.png');
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_HasNext {
    background-image: url('images/TMProgress_first_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.TMTimeline_Next, .sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.TMTimeline_Next.SectionAllFieldsComplete, .sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous.TMTimeline_Next {
    background-image: url('images/TMProgress_middle_complete.png');
}

.sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous.SectionAllFieldsComplete, .sectionStyle_01 .SectionList a.SectionSelectorSelected_Complete.TMTimeline_Previous, .sectionStyle_01 .SectionList a.SectionSelector_Complete.TMTimeline_Previous {
    background-image: url('images/TMProgress_end_complete.png');
}

.sectionStyle_01 .SectionList li:only-child > a.SectionSelectorSelected_Complete {
    background-image: url('images/TMProgress_only_complete.png');
}

/************************************* SECTIONS 02 *************************************/
/*************************************    TABS     *************************************/
/************************************* SECTIONS 02 *************************************/
/*************************************    TABS     *************************************/
/************************************* SECTIONS 02 *************************************/

/* vars: 

    :root {
        --s02-complete-color: #111;
        --s02-complete-color-hover: #000;
        --s02-complete-background: #eee;
        --s02-complete-background-hover: #ddd;
        --s02-incomplete-color: #fff;
        --s02-incomplete-color-hover: #fff;
        --s02-incomplete-background: #CC3E54;
        --s02-incomplete-background-hover: #b23a4c;
        --s02-selected-complete-color: #fff;
        --s02-selected-complete-color-hover: #fff;
        --s02-selected-complete-background: var(--main-colour);
        --s02-selected-complete-background-hover: var(--second-colour);
        --s02-selected-incomplete-color: #fff;
        --s02-selected-incomplete-color-hover: #fff;
        --s02-selected-incomplete-background: #CC3E54;
        --s02-selected-incomplete-background-hover: #b23a4c;
    }

*/

.sectionStyle_02 .SectionListAnchor.AddNewHeader {
    background: #b1efa6;
}

/* li */
.sectionStyle_02 .SectionListItem {
    margin: 5px;
}

/* a */
.sectionStyle_02 .SectionListAnchor {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    width: auto;
    font-size: 15px;
}

    .sectionStyle_02 .SectionListAnchor.SectionListAnchorSelected {
        padding: 10px 40px;
        font-size: 15px;
    }

    /* completed section */
.sectionStyle_02 .SectionListAnchorComplete {
    background: var(--s02-complete-background, #dbecff);
    color: var(--s02-complete-color, #111);
}

    .sectionStyle_02 .SectionListAnchorComplete:hover {
        background: var(--s02-complete-background-hover, #c4deff);
        color: var(--s02-complete-color-hover, #000);
    }

    .sectionStyle_02 .SectionListAnchorComplete.SectionListAnchorSelected {
        background: var(--s02-selected-complete-background, #2854a5);
        color: var(--s02-selected-complete-color, #fff);
    }

        .sectionStyle_02 .SectionListAnchorComplete.SectionListAnchorSelected:hover {
            background: var(--s02-selected-complete-background-hover, #2854a5);
            color: var(--s02-selected-complete-color-hover, #fff);
        }

    /* incomplete sections */
.sectionStyle_02 .SectionListAnchorIncomplete {
    background: var(--s02-incomplete-background, #ffdbdb);
    color: var(--s02-incomplete-color, #111);
}

    .sectionStyle_02 .SectionListAnchorIncomplete:hover {
        background: var(--s02-incomplete-background-hover, #ff9393);
        color: var(--s02-incomplete-color-hover, #000);
    }

    .sectionStyle_02 .SectionListAnchorIncomplete.SectionListAnchorSelected {
        background: var(--s02-selected-incomplete-background, #CC3E54);
        color: var(--s02-selected-incomplete-color, #fff);
    }

        .sectionStyle_02 .SectionListAnchorIncomplete.SectionListAnchorSelected:hover {
            background: var(--s02-selected-incomplete-background-hover, #b23a4c);
            color: var(--s02-selected-incomplete-color-hover, #fff);
        }

/************************************* SECTIONS 03 *************************************/
/*************************************   ARROWS    *************************************/
/************************************* SECTIONS 03 *************************************/
/*************************************   ARROWS    *************************************/
/************************************* SECTIONS 03 *************************************/

/* vars:

    :root {
        --s03-complete-color: #111;
        --s03-complete-color-hover: #000;
        --s03-complete-background: #eee;
        --s03-complete-background-hover: #ddd;
        --s03-incomplete-color: #fff;
        --s03-incomplete-color-hover: #fff;
        --s03-incomplete-background: #CC3E54;
        --s03-incomplete-background-hover: #b23a4c;
        --s03-selected-complete-color: #fff;
        --s03-selected-complete-color-hover: #fff;
        --s03-selected-complete-background: var(--main-colour);
        --s03-selected-complete-background-hover: var(--second-colour);
        --s03-selected-incomplete-color: #fff;
        --s03-selected-incomplete-color-hover: #fff;
        --s03-selected-incomplete-background: #CC3E54;
        --s03-selected-incomplete-background-hover: #b23a4c;
    }

*/

.ResizeMain .sectionStyle_03 .SectionListItem {
    border-right-color: var(--materialdesign-section-container-background, #fafafa);
}

    .ResizeMain .sectionStyle_03 .SectionListItem:nth-child(n+2) .SectionListAnchor:before {
        border-left-color: var(--materialdesign-section-container-background, #fafafa);
    }

.sectionStyle_03 .SectionListItem {
    list-style-type: none;
    margin: 4px 0;
    padding: 0 0 0 20px;
    position: relative;
    border-right: 10px solid var(--section-container-background, #fff);
    height: 50px;
    display: inline-flex;
    vertical-align: top;
}

    .sectionStyle_03 .SectionListItem:first-child {
        padding-left: 0;
    }

    .sectionStyle_03 .SectionListItem:nth-child(n+2) .SectionListAnchor:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        overflow: hidden;
        width: 0px;
        height: 0px;
        margin: 0;
        content: '';
        border-left: 25px solid var(--section-container-background, #fff);
        border-top: 25px solid var(--s03-complete-background, #dbecff);
        border-bottom: 25px solid var(--s03-complete-background, #dbecff);
    }

    .sectionStyle_03 .SectionListItem .SectionListAnchor:after {
        position: absolute;
        z-index: 1;
        top: 0;
        right: -25px;
        display: block;
        width: 0;
        height: 0;
        margin: 0;
        content: '';
        border-left: 25px solid var(--s03-complete-background, #dbecff);
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
    }

    .sectionStyle_03 .SectionListItem .SectionListAnchor {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 10px 10px 20px;
        position: static;
        height: auto;
        background: var(--s03-complete-background, #dbecff);
        font-size: 15px;
        color: var(--s03-complete-color, #333);
    }

        .sectionStyle_03 .SectionListItem .SectionListAnchor:hover {
            color: var(--s03-complete-color-hover, #000);
            background: var(--s03-complete-background-hover, #c4deff);
        }

            .sectionStyle_03 .SectionListItem .SectionListAnchor:hover:before {
                border-top-color: var(--s03-complete-background-hover, #c4deff);
                border-bottom-color: var(--s03-complete-background-hover, #c4deff);
            }

            .sectionStyle_03 .SectionListItem .SectionListAnchor:hover:after {
                border-left-color: var(--s03-complete-background-hover, #c4deff);
            }


    .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor {
        background: var(--s03-incomplete-background, #ffdbdb);
        color: var(--s03-incomplete-color, #111);
    }

        .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor:before {
            border-top-color: var(--s03-incomplete-background, #ffdbdb);
            border-bottom-color: var(--s03-incomplete-background, #ffdbdb);
        }

        .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor:after {
            border-left-color: var(--s03-incomplete-background, #ffdbdb);
        }

    .sectionStyle_03 .SectionListItem .SectionListAnchor.SectionListAnchorSelected {
        font-size: 15px;
        font-weight: normal;
        padding: 10px 30px 10px 40px;
        background: var(--s03-selected-complete-background, #2854a5);
        color: var(--s03-selected-complete-color, #fff);
    }

        .sectionStyle_03 .SectionListItem .SectionListAnchor.SectionListAnchorSelected:before {
            border-top-color: var(--s03-selected-complete-background, #2854a5);
            border-bottom-color: var(--s03-selected-complete-background, #2854a5);
        }

.sectionStyle_03 .SectionListAnchor.SectionListAnchorSelected:hover {
    background: var(--s03-selected-complete-background-hover, #2854a5);
    color: var(--s03-selected-complete-color-hover, #fff);
}

    .sectionStyle_03 .SectionListAnchor.SectionListAnchorSelected:hover:before {
        border-top-color: var(--s03-selected-complete-background-hover, #2854a5);
        border-bottom-color: var(--s03-selected-complete-background-hover, #2854a5);
    }

.sectionStyle_03 .SectionListItem .SectionListAnchor.SectionListAnchorSelected:hover:after {
    border-left-color: var(--s03-selected-complete-background-hover, #2854a5);
}

.sectionStyle_03 .SectionListAnchor.SectionListAnchorSelected:after, .ResizeMain .sectionStyle_03 .SectionListAnchor.SectionListAnchorSelected:after {
    border-left-color: var(--s03-selected-complete-background, #2854a5);
}


.sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor:hover {
    color: var(--s03-incomplete-color-hover, #000);
    background: var(--s03-incomplete-background-hover, #ff9393);
}

    .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor:hover:before {
        border-top-color: var(--s03-incomplete-background-hover, #ff9393);
        border-bottom-color: var(--s03-incomplete-background-hover, #ff9393);
    }

    .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor:hover:after {
        border-left-color: var(--s03-incomplete-background-hover, #ff9393);
    }

.sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor.SectionListAnchorSelected {
    background: var(--s03-selected-incomplete-background, #CC3E54);
    color: var(--s03-selected-incomplete-color, #fff);
}

    .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor.SectionListAnchorSelected:before {
        border-top-color: var(--s03-selected-incomplete-background, #CC3E54);
        border-bottom-color: var(--s03-selected-incomplete-background, #CC3E54);
    }

    .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor.SectionListAnchorSelected:after {
        border-left-color: var(--s03-selected-incomplete-background, #CC3E54);
    }

    .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor.SectionListAnchorSelected:hover {
        background: var(--s03-selected-incomplete-background-hover, #b23a4c);
        color: var(--s03-selected-incomplete-color-hover, #fff);
    }

        .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor.SectionListAnchorSelected:hover:before {
            border-top-color: var(--s03-selected-incomplete-background-hover, #b23a4c);
            border-bottom-color: var(--s03-selected-incomplete-background-hover, #b23a4c);
        }

        .sectionStyle_03 .SectionListItem.SectionListItemIncomplete .SectionListAnchor.SectionListAnchorSelected:hover:after {
            border-left-color: var(--s03-selected-incomplete-background-hover, #b23a4c);
        }

.sectionStyle_03 .SectionListItem .SectionListAnchor.AddNewHeader {
    background: #b1efa6 !important;
}

    .sectionStyle_03 .SectionListItem .SectionListAnchor.AddNewHeader:before {
        border-top-color: #b1efa6 !important;
        border-bottom-color: #b1efa6 !important;
    }

    .sectionStyle_03 .SectionListItem .SectionListAnchor.AddNewHeader:after {
        border-left-color: #b1efa6 !important;
    }

/************************************* SECTIONS 04 *************************************/
/*************************************   BUTTONS   *************************************/
/************************************* SECTIONS 04 *************************************/
/*************************************   BUTTONS   *************************************/
/************************************* SECTIONS 04 *************************************/

/* vars:
    
    :root { 
        --s04-complete-color: #999;
        --s04-complete-background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
        --s04-fullycomplete-color: #999;
        --s04-incomplete-color: #CC3E54;
        --s04-selected-complete-color: var(--main-colour);
        --s04--selectedcomplete-background: linear-gradient(to bottom, var(--main-colour), var(--second-colour));
        --s04-selected-fullycomplete-color: #000;
        --s04-selected-fullycomplete-background: linear-gradient(to bottom, var(--main-colour), var(--second-colour));
        --s04-selected-incomplete-color: #CC3E54;
        --s04-selected-incomplete-background: linear-gradient(to bottom, rgba(255,189,200,1) 0%,rgba(255,140,149,1) 36%,rgba(255,52,59,1) 100%);
    }
*/


.sectionStyle_04 .SectionList {
    counter-reset: sectionCount;
    max-width: 100%;
}

.sectionStyle_04 .SectionListItem {
    width: auto;
    max-width: 100%;
    height: 50px;
    counter-increment: sectionCount;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 5px;
    text-align: left;
    background: transparent;
    vertical-align: middle;
}

    .sectionStyle_04 .SectionListItem:before {
        height: 50px;
        display: inline;
        content: counter(sectionCount);
        width: 30px;
        max-width: 30px;
        padding: 0 10px;
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        text-align: center;
        line-height: 50px;
        background: var(--s04-complete-background, linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%));
        border-radius: 200px;
        color: #fff;
        font: bold 24px/46px 'Segoe UI';
        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
        z-index: 1;
        text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    }

    .sectionStyle_04 .SectionListItem:after {
        height: 40px;
        display: inline;
        content: '';
        width: 40px;
        max-width: 40px;
        position: absolute;
        text-align: center;
        line-height: 50px;
        border-radius: 200px;
        font-weight: bold;
        font-size: 20px;
        opacity: 0.5;
        top: 4px;
        left: 4px;
        border: 1px solid #fff;
        box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.5);
        z-index: 1;
    }

.sectionStyle_04 .SectionListAnchor {
    display: block;
    background: none;
    padding: 0 20px 0 60px;
    line-height: 25px;
    color: var(--s04-complete-color, #999);
    height: 50px;
    min-width: 200px;
    text-align: left;
    font: normal 16px/30px sourcesanspro;
    position: relative;
    z-index: 2;
}

    .sectionStyle_04 .SectionListAnchor:before {
        font-size: 13px;
        line-height: 20px;
        position: absolute;
        bottom: 0;
        top: inherit;
        left: 60px;
        right: inherit;
        margin: 30px 0 0 0;
        display: inline-block;
        padding: 0;
        border: 0;
        content: attr(sectiondescription);
    }

    .sectionStyle_04 .SectionListAnchor.SectionListAnchorSelected {
        color: var(--s04-selected-complete-color, #333);
    }


/* complete */

.sectionStyle_04 .SectionListAnchor.SectionListAnchorComplete:before {
    color: var(--s04-complete-color, #999);
}

/* complete selected */

.sectionStyle_04 .SectionListAnchor.SectionListAnchorSelected.SectionListAnchorComplete:before {
    color: var(--s04-selected-complete-color, #333);
}

.sectionStyle_04 .SectionListItemSelected:before, .sectionStyle_04 .SectionListItemSelected.SectionListItemComplete:before {
    background: var(--s04-selected-complete-background, linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(30,105,222,1) 100%));
}


/* 100% */

.sectionStyle_04 .SectionListAnchor.SectionListAnchorComplete.SectionAllFieldsComplete:before {
    color: var(--s04-fullycomplete-color, #999);
}

/* 100% selected */

.sectionStyle_04 .SectionListAnchor.SectionListAnchorComplete.SectionListAnchorSelected.SectionAllFieldsComplete:before {
    color: var(--s04-selected-fullycomplete-color, #333);
}

.sectionStyle_04 .SectionListItemSelected.SectionListItemAllFieldsComplete:before {
    background: var(--s04-selected-fullycomplete-background, linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(30,105,222,1) 100%));
}


/* incomplete */

.sectionStyle_04 .SectionListAnchor.SectionListAnchorIncomplete:before {
    color: var(--s04-incomplete-color, #CC3E54);
}

/* incomplete selected */

.sectionStyle_04 .SectionListAnchor.SectionListAnchorIncomplete.SectionListAnchorSelected:before {
    color: var(--s04-selected-incomplete-color, #CC3E54);
}
.sectionStyle_04 .SectionListItemSelected.SectionListItemIncomplete:before {
    background: var(--s04-selected-incomplete-background, linear-gradient(to bottom, rgba(255,189,200,1) 0%,rgba(255,140,149,1) 36%,rgba(255,52,59,1) 100%));
}

.sectionStyle_04 .SectionListAnchor.SectionListAnchorSelected.SectionListAnchorIncomplete {
    color: var(--s04-selected-incomplete-color, #CC3E54);
}




.sectionStyle_04 .SectionListAnchor.AddNewHeader {
    color: limegreen;
    display: flex;
    align-items: center;
}

.xmleditor_aspx .sectionStyle_04 .SectionListAnchor.AddNewHeader:before {
    content: '';
}

.xmleditor_aspx .sectionStyle_04 .SectionListItem:last-child:before {
    content: '+';
    background: linear-gradient(to bottom, rgba(210,255,82,1) 0%,rgba(123,188,54,1) 100%);
}

/************************************* SECTIONS 05 *************************************/
/*************************************  SLIM TABS  *************************************/
/************************************* SECTIONS 05 *************************************/
/*************************************  SLIM TABS  *************************************/
/************************************* SECTIONS 05 *************************************/

/* vars: 

    :root {
        --s05-complete-color: #111;
        --s05-complete-color-hover: #000;
        --s05-complete-background: #eee;
        --s05-complete-background-hover: #ddd;
        --s05-incomplete-color: #fff;
        --s05-incomplete-color-hover: #fff;
        --s05-incomplete-background: #CC3E54;
        --s05-incomplete-background-hover: #b23a4c;
        --s05-selected-complete-color: #fff;
        --s05-selected-complete-color-hover: #fff;
        --s05-selected-complete-background: var(--main-colour);
        --s05-selected-complete-background-hover: var(--second-colour);
        --s05-selected-incomplete-color: #fff;
        --s05-selected-incomplete-color-hover: #fff;
        --s05-selected-incomplete-background: #CC3E54;
        --s05-selected-incomplete-background-hover: #b23a4c;
    }

*/

.sectionStyle_05 .SectionListAnchor.AddNewHeader {
    background: #b1efa6;
}

/* li */
.sectionStyle_05 .SectionListItem {
    margin: 4px;
}

/* a */
.sectionStyle_05 .SectionListAnchor {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 16px;
    width: auto;
    font-size: 14px;
    border-radius: 5px;
}


/* completed section */
.sectionStyle_05 .SectionListAnchorComplete {
    background: var(--s05-complete-background, #dbecff);
    color: var(--s05-complete-color, #111);
}

    .sectionStyle_05 .SectionListAnchorComplete:hover {
        background: var(--s05-complete-background-hover, #c4deff);
        color: var(--s05-complete-color-hover, #000);
    }

    .sectionStyle_05 .SectionListAnchorComplete.SectionListAnchorSelected {
        background: var(--s05-selected-complete-background, #2854a5);
        color: var(--s05-selected-complete-color, #fff);
    }

        .sectionStyle_05 .SectionListAnchorComplete.SectionListAnchorSelected:hover {
            background: var(--s05-selected-complete-background-hover, #2854a5);
            color: var(--s05-selected-complete-color-hover, #fff);
        }

/* incomplete sections */
.sectionStyle_05 .SectionListAnchorIncomplete {
    background: var(--s05-incomplete-background, #ffdbdb);
    color: var(--s05-incomplete-color, #111);
}

    .sectionStyle_05 .SectionListAnchorIncomplete:hover {
        background: var(--s05-incomplete-background-hover, #ff9393);
        color: var(--s05-incomplete-color-hover, #000);
    }

    .sectionStyle_05 .SectionListAnchorIncomplete.SectionListAnchorSelected {
        background: var(--s05-selected-incomplete-background, #CC3E54);
        color: var(--s05-selected-incomplete-color, #fff);
    }

        .sectionStyle_05 .SectionListAnchorIncomplete.SectionListAnchorSelected:hover {
            background: var(--s05-selected-incomplete-background-hover, #b23a4c);
            color: var(--s05-selected-incomplete-color-hover, #fff);
        }

/************************************* style 99 - admin pages *************************************/
/************************************* style 99 - admin pages *************************************/
/************************************* style 99 - admin pages *************************************/
/************************************* style 99 - admin pages *************************************/
/************************************* style 99 - admin pages *************************************/

/* Supported Variables:


*/

.sectionStyle_99 {
    margin: 0;
}

    .sectionStyle_99 .SectionListItem {
        margin: 0 5px;
        display: flex;
    }

    .sectionStyle_99 .SectionListItemSelected {
    }

    .sectionStyle_99 .SectionListAnchor {
        padding: 20px;
        color: #777;
        background: #f1f1f1;
        border: 1px solid #bcbcbc;
        border-bottom: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }


    .sectionStyle_99 .SectionListAnchorSelected {
        color: #444649;
        font-weight: bold;
        background: #fff;
        box-shadow: 0 2px 0 0 #fff;
    }