#modal-popup button.btn-close {
    border: none;
    background-image: url('/bitrix/components/x10/popup/images/cross.svg'); /* '/include/footer/popup/cross.svg' */ 
    background-repeat: no-repeat;
    background-color: transparent;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#modal-popup button.btn-close, .more_button {
    cursor: pointer;
}

#modal-popup {
    display: none;
    background-color: #fff;
    cursor: default;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;

    scrollbar-width: thin;
    scrollbar-color: #d1d1d1 rgb(255, 255, 255); 
}

#modal-popup::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

#modal-popup::-webkit-scrollbar-track {
    background: white;
}

#modal-popup::-webkit-scrollbar-thumb {
    background-color: #d1d1d1;
    border-radius: 6px;
    border: 3px solid white;
  }

.ModalFadeIn{
    opacity: 1 !important;
    display: initial !important;
}

.ModalFadeOut{
    display: initial !important;
}

.fading{
    display: none;
    opacity: 0;
    transition: all .5s ease;
}