/*html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/


.validation-summary-valid {
    display: none !important;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

#sidebar {
    min-width: 200px;
    max-width: 200px;
    transition: all 0.3s;
    min-height: 100vh;
    margin-top: 42px;
}

    #sidebar.active {
        margin-left: -200px;
    }

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

    /*#sidebar ul p {
    padding: 10px;
}*/

    #sidebar ul li a {
        background-color: #f8f9fa;
        padding: 10px;
        display: block;
        color: #474747;
        text-decoration: none;
        border: 1px solid #eaeaea;
    }

        #sidebar ul li a:hover {
            color: #474747;
            background: #e9ecef;
            text-decoration: none;
            border: 1px solid #eaeaea;
        }

    #sidebar ul li.active > a,
    #sidebar a[aria-expanded="true"] {
        /* color: #474747;
        background: #dee2e6;
        border: 1px solid #eaeaea;*/
        color: #eaeaea;
        background: #495057;
        border: 1px solid #adb5bd;
    }

    #sidebar a[aria-expanded="false"] {
        color: #eaeaea;
        background: #495057;
        border: 1px solid #adb5bd;
    }

    #sidebar a[data-bs-toggle="collapse"] {
        position: relative;
    }

    #sidebar .dropdown-toggle[aria-expanded="true"]:after {
        transform: rotate(-180deg);
        position: absolute;
        left: 90%;
        top: 45%;
    }

    #sidebar .dropdown-toggle:after {
        transition: 0.3s;
        position: absolute;
        left: 90%;
        top: 45%;
    }

/* end sidebar */


.dropdown-item:hover {
    color: #1e2125 !important;
    background-color: #e9ecef !important;
}

.text-toggle-hint[aria-expanded=false] .text-expanded {
    display: none;
}

.text-toggle-hint[aria-expanded=true] .text-collapsed {
    display: none;
}