::ng-deep .ant-drawer {
    pointer-events: none;
}

::ng-deep .ant-drawer-left .ant-drawer-content-wrapper {
    box-shadow: none;
    // height: -webkit-fill-available;
    // max-height: calc(100% - 60px);
    width: 230px !important;
    max-width: 100%;
    margin-left: 0px;
    // margin-top: 60px;
    // transition: margin-top 0.3s linear;
}

::ng-deep .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: none;
}

// ::ng-deep .ant-drawer-content {
//     height: 100% !important;
//     // pointer-events: all;

//     box-shadow: unset; //0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 1px rgba(0, 0, 0, 0.09);
//     background: none;
// }

::ng-deep .ant-drawer-body {
    padding: 0;
    overflow: hidden;
    pointer-events: none;

    &::-webkit-scrollbar {
        width: 1px;
        background-color: #F5F5F5;
        display: none;
    }
}

.sol-menu {
    // margin: 2em;
    pointer-events: all;
    margin-left: 0;
    border-radius: 1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    // box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 1px rgba(0, 0, 0, 0.09);
    // background-color: #F5F5F5;
    overflow: auto;
    max-height: calc(100% - 15px);

    &>ul {
        box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 1px rgba(0, 0, 0, 0.09);
        // margin: 1em;
        margin-left: 0;
        border-radius: 1em;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        overflow: hidden;
    }

    &::-webkit-scrollbar {
        width: 1px;
        background-color: #F5F5F5;
        display: none;
    }
}