.private-layout {
    background: $layoutBackground;
    // position: relative;
    // overflow: scroll hidden;
    // min-height: 100vh;

    > .ant-layout {
        background-color: #ffffff;
        max-width: 100%;
        margin-left: 295px;
        min-height: 100dvh;
        // box-shadow: rgb(105 107 112 / 20%) 2px 2px 7px 7px;
        // box-shadow: rgba(105 107 112 / 17%) -5px 0px 7px 0px;
        border-left: 1px solid #e8e8e8;

        z-index: 6;
        // overflow-x: hidden;

        @include atsm {
            margin-left: 0px;
        }

        &.ant-layout-has-collapse {
            margin-left: 55px;
            max-width: 100%;

            @include atsm {
                margin-left: 0px;
            }
        }

        &:not(&.ant-layout-has-collapse) {
            .ant-layout-header {
                .header-left-menu {
                    .menu-left-icon.menu-left-icon-menu-collapse-on-close {
                        @include atsm {
                            display: none;
                        }
                    }
                }
            }
        }

        > .ant-layout-content {
            > .ant-breadcrumb {
                padding: 12px 10px 12px 20px;
                background-color: $breadcrumColor;
                // height: 56px !important;

                @include atsm {
                    padding-left: 15px;
                }
                @include atxs {
                    padding-left: 10px;
                }

                font-size: 14px;
                @include atsm {
                    font-size: 16px;
                }
                > ol {
                    > li {
                        .breadcrumb-item-text {
                            color: $breadcrumTextColor;

                            // &.breadcrumb-item-text-last {
                            // color: $breadcrumLastTextColor !important;
                            // }
                        }

                        &:first-child {
                            .ant-breadcrumb-link {
                                a {
                                    color: $breadcrumTextColor;
                                }
                            }
                        }

                        .ant-breadcrumb-separator {
                            color: $breadcrumIconColor;
                        }
                    }
                }
            }

            > .content-wrapper {
                // border-top: 1px solid #58585a;
                background-color: transparent;
                // height: 100%;
                padding: 20px;

                @include atsm {
                    padding: 15px;
                }
                @include atxs {
                    padding: 10px;
                }
            }
        }

        > .ant-layout-footer {
            padding: 15px 20px;
            // border-top: 1px solid #58585a;
            background-color: $footerBacBackground;

            .ant-typography {
                color: $footerTextColor;
            }
        }
    }
}
.ant-menu-sub.ant-menu-inline {
    background-color: $sideBarBackground;
}
.notification-notice {
    background: white;
    position: fixed;
    bottom: 10px;
    right: 10px;
    /* width: 390px; */
    z-index: 9999999;
    padding: 5px 17px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.47);

    &:hover {
        cursor: grab;
    }

    &.dragging {
        cursor: grabbing;
    }

    .notification-notice-content {
        display: flex;
        gap: 12px;
        align-items: center;
        height: 110px;
        position: relative;

        .notification-notice-drag {
            position: absolute;
            right: -12px;
            top: -3px;
            font-size: 18px;
        }

        .notification-notice-icon {
            font-size: 90px;
            color: #960402;
            padding-top: 7px;
        }

        .notification-notice-message {
            display: flex;
            flex-direction: column;
            padding-bottom: 6px;
            .title {
                font-size: 18px;
                font-family: SourceSansProRegular;
                font-weight: 700;
            }

            .description {
                margin-top: -5px;
            }

            .action {
                margin-top: 5px;
                .ant-btn {
                    background-color: #960402;
                    color: white;
                    border: 1px solid #960402;
                }
                .ant-btn:hover {
                    background-color: white;
                    color: #960402;
                    border: 1px solid #960402;
                }
            }
        }
    }
}
.viewAsbox {
    position: fixed;
    left: 50%;
    bottom: 4%;
    transform: translate(-50%, 0);
    padding: 10px;
    font-weight: 900;
    background: #1c192c;
    color: white;
    z-index: 100;
    text-align: center;
}
.viewAsBoxRight {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;

    text-align: center;
    border-right: 5px solid $mainPrimary;
}
.viewAsBoxLeft {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999999;
    text-align: center;
    border-right: 5px solid $mainPrimary;
}
.viewAsBoxTop {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999999;
    text-align: center;
    border-top: 5px solid $mainPrimary;
}
.viewAsBoxBottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    text-align: center;
    border-top: 5px solid $mainPrimary;
}