.modal.show{
    display: block!important;
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f7f7f7;
    padding: 2rem;
    z-index: 99;
    /* background-image: url('/static/theme/img/scroll.svg');
    -moz-background-size: 2rem;
      -o-background-size: 2rem;
         background-size: 2rem;
    background-repeat: no-repeat;
    background-position: 4% 4%; */
}
.modal svg {
    position: fixed;
    right: 2rem;
    fill: #101931;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
}
.modal svg:hover{
    fill: #be934c;
}
.modal .container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: -webkit-calc(100% - 4rem);
    height: -moz-calc(100% - 4rem);
    height: calc(100% - 4rem);
    margin: 4rem 0 2rem;
    -webkit-align-content: start;
        -ms-flex-line-pack: start;
            align-content: start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: auto;
}
.modal ::-webkit-scrollbar {
    width: 2px;
}
.modal ::-webkit-scrollbar-track {
    background: #ACAEB4;
}
.modal ::-webkit-scrollbar-thumb {
    background: #101931;
}
.modal ::-webkit-scrollbar-thumb:hover {
    background: #be934c;
}