@keyframes dialog_layout_show {
    0% {
        transform: translate(100%,0);
    }

    100% {
        transform: translate(0,0);
    }
}

@keyframes dialog_layout_hide {
    0% {
        transform: translate(0,0);
    }

    100% {
        transform: translate(100%,0);
    }
}

.dialog-slide-out {
    transform: translate(100%,0);
    animation: dialog_layout_hide 0.2s !important;
}

.dialog-slide-in {
    animation: dialog_layout_show 0.2s;
}

.subpage_layout_main {
    background-color: #fff;
}

.dialog_layout_main {
    background-color: #fff;
}

.bc_waiting_mask {
    opacity: 0;
    transition: opacity 2s;
}

.bc_waiting_mask_fade {
    opacity: 1 !important;
}

.bc_waiting_skeleton {
    animation: dialog_layout_show 0.2s;
}

.hide-for-skeleton {
    display: none !important;
}