/* サイドバー */

_div.sidebar-container {
    border-right-width:2px !important;
    border-right-color:red !important;
    /*border-right: thin #0000007b;*/
    position: fixed;
    top: 5rem;
    left: 0rem;
    z-index: 1020;
    background-color:#ffffffd7;
    padding-left:1rem;
    padding-right:1rem;
}


/* ******************** */
/* サイドバーメニュー */
/* ******************** */
@media (min-width: 575px) {
    #SidebarMenu.ver-1 {
        display: block;
    }
}

#SidebarMenu.ver-1 {
    direction: rtl;
    overflow-y: scroll;
    /*height:100vh;*/
    /*width: 12rem !important;*/
    z-index: 10001;
    position: relative;
}

    #SidebarMenu.ver-1 a.text-light:hover {
        color: white !important;
    }
    /* クイック照会 */
    #SidebarMenu.ver-1 #CustomerQuickSearch {
        border-bottom: solid 1px #234376;
        padding-bottom: 0.25rem;
    }

    #SidebarMenu.ver-1 > ul > li {
        margin-bottom: 0 !important;
    }

    #SidebarMenu.ver-1 > ul > li {
        border-top: #98cfff solid 1px;
    }

        #SidebarMenu.ver-1 > ul > li:not(:first-child) {
            border-bottom: solid 1px #234376
        }

        #SidebarMenu.ver-1 > ul > li.active {
            background-color: var(--secondary);
        }

    #SidebarMenu.ver-1 .nav-link {
        width: 100%;
        padding-bottom: 0;
        border-radius: 0.28rem 0 0 0.28rem;
    }
    /*#SidebarMenu.ver-1 > ul a.nav-link {
        font-size: 0.8rem;
    }*/
    /*#SidebarMenu.ver-1 ul .nav-item a.nav-link:not(:has(*)) {
        font-size: 1rem;
    }*/

    #SidebarMenu.ver-1 button.nav-link div.collapse.show {
        background-color: var(--blue);
    }

    #SidebarMenu.ver-1 ul {
        direction: ltr;
    }

        #SidebarMenu.ver-1 ul li:hover {
            background-color: var(--secondary);
        }

            /*    #SidebarMenu.ver-1 > ul > li:not(.active):hover {
        background-color: color-mix(in srgb, var(--blue) 80%, white);
    }
*/
            #SidebarMenu.ver-1 ul li:hover ul li:hover {
                background-color: var(--blue);
            }

                #SidebarMenu.ver-1 ul li:hover ul li:hover ul li:hover {
                    background-color: var(--secondary);
                }

                    #SidebarMenu.ver-1 ul li:hover ul li:hover ul li:hover ul li:hover {
                        background-color: var(--blue);
                    }

    #SidebarMenu.ver-1 li.menu-displayed a {
        background-color: var(--light) !important;
        color: var(--primary) !important;
    }

        #SidebarMenu.ver-1 li.menu-displayed a:hover {
            color: var(--primary) !important;
        }

    #SidebarMenu.ver-1 .flash {
        background-color: var(--secondary);
        /*animation: flashIn 0.8s ease;*/
    }

@keyframes flashIn {
    from {
        /*background-color: #0000006c;*/
        background-color: #ffda49c0;
        opacity: 0.5;
    }

    to {
        /*background-color: transparent;*/
        background-color: var(--secondary);
        opacity: 1;
    }
}
/* ******************** */