body {
/*    padding-top: 70px;
    padding-bottom: 20px;*/

}

@media (max-width: 767px) {
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }
    .top-menu>.navbar-nav>li {
        float: none!important;
    }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }
    .top-auth-menu {
        margin-left: auto;
    }
}

.dx-bs5.bg-light {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

@media (min-width: 576px) {
    .dx-bs5.bg-light {
        padding: 4rem 2rem;
    }
}

.popupBackground {
    background-color: white;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    position: fixed;
    z-index: 2020;
    background: rgba(0,0,0,0.7);
}

.popupBoxScroll {
    position: relative;
    top: 50%;
    left: 50%;
    max-width: 700px;
    background-color: transparent;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
    overflow: auto;
}

.popupBox {
    position: relative;
    top: 50%;
    left: 50%;
    max-width: 700px;
    background-color: transparent;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
    overflow-x:hidden;
    overflow-y: auto;
}