.modal_wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    justify-content: center;
    background: rgb(22 22 26 / 55%);
    z-index: 9000;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes in {
	0% {
    opacity: 0;
    transform: translateY(20px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
}
	
}
.modal_app {
    max-height: 100%;
    position: relative;
    background: rgb(255, 255, 255);
    box-shadow: rgba(27, 32, 50, 0.1) 0px 6px 16px;
    border: 1px solid rgba(22, 22, 26, 0.08);
    color: rgb(22, 22, 26);
    border-radius: 16px;
    z-index: 15;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-fill-mode: both;
    display: contents;
    animation-duration: 300ms;
    animation-name: in;
}

.show_animation {
     
}


.modal_app_title {
    float: left;
    display: inline-block;
    font-size: 25px;
    color: #343434;
    padding: 30px 34px;
    font-weight: 800;
}

.modal_app_close {
    float: right;
    display: inline-block;
    height: 18px;
    width: 17px;
    padding: 32px 18px 18px 36px;
    font-size: 25px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjcxMDc4N0I2MjhGMTFFN0I3Q0NDREIyNDJFMEQ5OTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjcxMDc4N0M2MjhGMTFFN0I3Q0NDREIyNDJFMEQ5OTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzEwNzg3OTYyOEYxMUU3QjdDQ0NEQjI0MkUwRDk5NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNzEwNzg3QTYyOEYxMUU3QjdDQ0NEQjI0MkUwRDk5NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1Q2RgAAADlSURBVHjalNRLCsIwEAbgNnZf0BvoQreVHsCFunUtnk88hB6hmK0u9AYWuvc1U/5IKBknDQzTNDMfZQJNN4t1gpVRPJP49as3eFFSXCmKSIDrLuhrEX44UowpThFQgfoJ6ktGXhRvFAwVyAEj7NteRizFkqJWoC5Qo+/sZqJBEmD9wf6DtshBoItI0B45CIQQH2qwT5GbECAhvZcRrpFnkGP/Qc6l6zcC4M9gp12/UQCewQH5IUFGAaw37JUEmQggUaA5IwPviyRAgtpebq5wcFeALnRDfZXhgKFpj58SQzNX/xVgADNAUFhHb+nsAAAAAElFTkSuQmCC');
    background-position: 18px 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s;
}

.modal_app_close:hover {
    opacity: .7;
}

.modal_app_content {
    display: block;
    min-width: auto;
    border-radius: 15px;
    height: auto;
    padding: 34px;
    background: #d1d7e9;
}

.modal_app_content a {
    margin-right: 0;
}

.modal_app_content a {
    color: #b58251;
    display: inline-flex;
}

.modal_app_content a:hover {
    text-decoration: none;
}

.modal_app_content .fakeLink {
	color: #b58251;
    display: inline-flex;
}

.modal_app_content .fakeLink:hover {
	color: #ff7e54;
    transition-duration: 0.5s;
    cursor: pointer;
}

.modal_app_padding {
    padding: 0 0 34px 34px;
}

.modal_app_scroll {
    margin-top: 20px;
    max-height: 340px;
    overflow-y: auto;
    border-radius: .5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    border: 1px solid #e4e4e4;
}

.modal_open_body {
    overflow: hidden;
    padding-right: 17px;
}

.modal_dialog {
    margin: auto;
    transform-origin: center center;
    border-radius: 14px;
}

.modal_wrapper ::-webkit-scrollbar {
    z-index: 9999;
}