ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.os_title {
    width: 100%;
    padding-top: 20px;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

.os_flowchart {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
    position: relative;
}
  
    ol.organizational-chart,
    ol.organizational-chart ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

ol.organizational-chart {
    text-align: center;
    margin-top:10px;
}

    ol.organizational-chart ol {
        padding-top: 1em;
    }

        ol.organizational-chart ol:before,
        ol.organizational-chart ol:after,
        ol.organizational-chart li:before,
        ol.organizational-chart li:after,
        ol.organizational-chart > li > div:before,
        ol.organizational-chart > li > div:after {
            /* background-color: #1c4387; #ce92d8*/
            background-color: #121445;
            content: "";
            position: absolute;
        }

        ol.organizational-chart ol > li {
            padding: 1em 1em 0 0;
        }

    ol.organizational-chart > li ol:before {
        height: 1em;
        right: 50%;
        top: 0;
        width: 4px;
    }

    ol.organizational-chart > li ol:after {
        height: 4px;
        right: 4px;
        top: 1em;
        width: 50%;
    }

    ol.organizational-chart > li ol > li:not(:last-of-type):before {
        height: 4px;
        right: 0;
        top: 2em;
        width: 1em;
    }

    ol.organizational-chart > li ol > li:not(:last-of-type):after {
        height: 100%;
        right: 0;
        top: 0;
        width: 4px;
    }

    ol.organizational-chart > li ol > li:last-of-type:before {
        height: 4px;
        right: 0;
        top: 2em;
        width: 1em;
    }

    ol.organizational-chart > li ol > li:last-of-type:after {
        height: 2em;
        right: 0;
        top: 0;
        width: 4px;
    }

    ol.organizational-chart li > div {
       /* background-color: #fff;*/
        border-radius: 4px;
        min-height: 2em;
        padding: 0.5em;
    }

    /*** PRIMARY ***/
    ol.organizational-chart > li > div {
        /*background-color: #193d77;
        border: 4px solid #193d77;*/
        border-radius: 10px;
        margin-left: 1em;
        /*color: #fff;*/
    }

        ol.organizational-chart > li > div:before {
            bottom: 2em;
            height: 4px;
            left: -1em;
            width: 1em;
        }

        ol.organizational-chart > li > div:first-of-type:after {
            bottom: -5px;
            height: 2.6em;
            left: -1.27em;
            width: 4px;
        }

        ol.organizational-chart > li > div + div {
            margin-top: 1em;
        }

            ol.organizational-chart > li > div + div:after {
                height: calc(100% + 1em);
                left: -1em;
                top: -1em;
                width: 4px;
            }

    /*** SECONDARY ***/
    ol.organizational-chart > li > ol:before {
        right: inherit;
        left: 0;
    }

    ol.organizational-chart > li > ol:after {
        right: 0;
        width: 100%;
    }

    ol.organizational-chart > li > ol > li > div {
        /*background-color: #81cbc4;
        border: 4px solid #81cbc4;*/
        border-radius: 10px;
        /*color: #ffffff;*/
    }

    /*** TERTIARY ***/
    ol.organizational-chart > li > ol > li > ol > li > div {
        /*background-color: #90caf9;
        border: 4px solid #90caf9;*/
        border-radius: 10px;
        /*color: #000000;*/
    }

    /*** QUATERNARY ***/
    ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
        /*background-color: #508df8;
        border: 4px solid #508df8;*/
        border-radius: 10px;
        /*color: #ffffff;*/
    }

    /*** QUINARY ***/
    ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
       /* background-color: #ffffff;*/
        border: 4px solid #f4f4f4;
        border-radius: 10px;
        /*color: #ffffff;*/
    }

@media only screen and (min-width: 64em) {
    ol.organizational-chart {
        margin-left: -1em;
        margin-right: -1em;
        margin-bottom: 1em;
    }

        /*PRIMARY*/
        ol.organizational-chart > li > div {
            display: inline-block;
            float: none;
            margin: 0 1em 1em 1em;
            vertical-align: bottom;
        }

            ol.organizational-chart > li > div:only-of-type {
                margin-bottom: 0;
                width: calc((100% / 4) - 2em - 4px);
            }

            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
                width: calc((100% / 5) - 2em - 4px);
            }

            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
                width: calc((100% / 6) - 2em - 4px);
            }

            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
                width: calc((100% / 7) - 2em - 4px);
            }

            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
            ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
                width: calc((100% / 8) - 2em - 4px);
            }

            ol.organizational-chart > li > div:before,
            ol.organizational-chart > li > div:after {
                bottom: -1.2em !important;
                top: inherit !important;
            }

            ol.organizational-chart > li > div:before {
                height: 1em !important;
                right: 50% !important;
                width: 4px !important;
            }

            ol.organizational-chart > li > div:only-of-type:after {
                display: none;
            }

            ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
            ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
                bottom: -1em;
                height: 4px;
                width: calc(50% + 1em + 4px);
            }

            ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
                right: calc(50% + 4px);
            }

            ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
                right: calc(-1em - 4px);
            }

            ol.organizational-chart > li > div + div:not(:last-of-type):after {
                height: 4px;
                right: -2em;
                width: calc(100% + 4em);
            }

        /*SECONDARY*/
        ol.organizational-chart > li > ol {
            display: flex;
            flex-wrap: nowrap;
        }

            ol.organizational-chart > li > ol:before,
            ol.organizational-chart > li > ol > li:before {
                height: 1em !important;
                right: 50% !important;
                top: 0 !important;
                width: 4px !important;
            }

        ol.organizational-chart li:has(> div.dummy-node):before {
            right: 47% !important;
        }

        ol.organizational-chart > li > ol:after {
            display: none;
        }

        ol.organizational-chart > li > ol > li {
            flex-grow: 1;
            padding-left: 1em;
            padding-right: 1em;
            padding-top: 1em;
        }

            ol.organizational-chart > li > ol > li:only-of-type {
                padding-top: 0;
            }

                ol.organizational-chart > li > ol > li:only-of-type:before,
                ol.organizational-chart > li > ol > li:only-of-type:after {
                    display: none;
                }

            ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
            ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
                height: 4px;
                top: 0;
                width: 50%;
            }

            ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
                right: 50%;
            }

            ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
                right: 0;
            }

            ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
                height: 4px;
                right: 0;
                top: 0;
                width: 100%;
            }
}

@media only screen and (max-width: 63.99em) {
    ol.organizational-chart li:has(> div.dummy-node),
    ol.organizational-chart li:has(> div.dummy-node)::before,
    ol.organizational-chart li:has(> div.dummy-node)::after {
        display: none !important;
    }

    #dependency-svg {
        display: none !important;
    }

    #dependency-svg1 {
        display: none !important;
    }
}

h3 {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

h5 {
    font-size: 1.8em;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

.organizational-chart .dummy-node {
    width: 4px;
    height: 40px;
    padding: 0;
    background: #000;
    margin: auto;
    box-shadow: none;
    border: none;
}


.bg-8f959f {
    background-color: #8f959f;
    border: 4px solid #8f959f;
    color: #fff;
}

.bg-121445 {
    background-color: #121445;
    border: 4px solid #121445;
    color: #fff;
}

.bg-c7e3f0 {
    background-color: #c7e3f0;
    border: 4px solid #c7e3f0;
    color: #000;
}

.bg-1c4287 {
    background-color: #1c4287;
    border: 4px solid #1c4287;
    color: #fff;
}