body {
}
body .wrapper {
    display: flex;
    align-items: stretch;
}
    body #sidebar {
        min-width: 250px;
        max-width: 250px;
        color: #efefef;
        transition: all 0.3s;
        padding-bottom: 4rem;
        background-color: orange;
    }

        body #sidebar hr {
            background: #efefef;
            border: none;
            margin: 1rem 0.25rem;
            height: .125rem;
        }

        body #sidebar .sidebar-header {
            overflow: hidden;
        }

            body #sidebar .sidebar-header h3 {
                overflow: hidden;
            }

        body #sidebar ul {
            margin-top: .9rem;
        }

            body #sidebar ul.components {
                padding: 0;
            }

            body #sidebar ul li a {
                text-align: left;
                padding: 10px;
                font-size: 1.1em;
                color: #efefef;
                display: block;
            }

                body #sidebar ul li a .collapsed-text {
                    display: none;
                }

                body #sidebar ul li a .expanded-text {
                    display: inline-block;
                }

                    body #sidebar ul li a .expanded-text i {
                        font-size: 1.5rem;
                        height: 1.5rem;
                        width: 1.5rem;
                        margin-right: 10px;
                    }

                body #sidebar ul li a:hover {
                    color: #444;
                    background: #efefef;
                }

                body #sidebar ul li.active > a,
                body #sidebar ul li a[aria-expanded="true"] {
                    color: #efefef;
                    background: #6d7fcc;
                }

            body #sidebar ul li.active a {
                color: #444;
                background: #efefef;
            }

        body #sidebar.active {
            min-width: 80px;
            max-width: 80px;
            text-align: center;
        }

            body #sidebar.active .sidebar-header {
                height: 0;
                width: 0;
                margin: 0;
                padding: 0;
            }

                body #sidebar.active .sidebar-header h3 {
                    height: 0;
                    width: 0;
                    margin: 0;
                    padding: 0;
                }

                body #sidebar.active .sidebar-header strong {
                    display: block;
                }

            body #sidebar.active ul li a {
                padding: 0;
                text-align: center;
            }

                body #sidebar.active ul li a .collapsed-text {
                    display: inline-block;
                    text-align: center;
                }

                    body #sidebar.active ul li a .collapsed-text i {
                        font-size: 2.5rem;
                        height: 2.5rem;
                        width: 2.5rem;
                        margin: 5px 0;
                    }

                body #sidebar.active ul li a .expanded-text {
                    display: none;
                }

            body #sidebar.active ul li ul {
                padding: 5px !important;
            }

                body #sidebar.active ul li ul#homeSubmenu {
                    background: #efefef;
                }

                    body #sidebar.active ul li ul#homeSubmenu li {
                        padding: 5px 0;
                    }

                        body #sidebar.active ul li ul#homeSubmenu li a {
                            color: #333;
                            background: transparent;
                            margin: 0 !important;
                            padding: 2px !important;
                        }

                            body #sidebar.active ul li ul#homeSubmenu li a:hover {
                                background: #efefef;
                            }

            body #sidebar.active .dropdown-toggle::after {
                top: auto;
                bottom: 10px;
                right: 50%;
                -webkit-transform: translateX(50%);
                -ms-transform: translateX(50%);
                transform: translateX(50%);
            }

        body #sidebar .sidebar-header strong {
            display: none;
            font-size: 1.8em;
        }