.modal.fade.modalv4 {
    overflow: auto;
}

    .modal.fade.modalv4 > .modal-dialog > .modal-content {
        border-radius: 0;
    }

        .modal.fade.modalv4 > .modal-dialog > .modal-content > .modal-header {
            border-bottom: none !important;
            text-align: center !important;
        }

        .modal.fade.modalv4 > .modal-dialog > .modal-content > .modal-footer {
            border-top: none !important;
        }

.modal.inmodal.modalv2.modal-lg {
    overflow: auto;
}

.modal-dialog.modalv2.modal-lg > .modal-content.modalv2 {
    height: auto !important;
    max-width: 700px !important;
}

.modal.inmodal.modalv2.in, .modal.inmodal.modalv3.in {
    padding-right: 0 !important;
}

.modal-dialog.modalv2.modal-lg {
    margin-top: 5vh !important;
}

.modal-dialog.modalv2, .modal-dialog.modalv3 {
    margin-top: calc((100vh - 500px)/2);
    margin-left: auto;
    margin-right: auto;
}

.modal-content.modalv2, .modal-content.modalv3 {
    margin-left: auto;
    margin-right: auto;
    height: 500px;
    max-width: 450px;
}

.modal-header.modalv2 {
    border: none;
    padding-top: 30px !important;
    padding-bottom: 0;
    color: black;
}

.modal-dialog.modalv2.modal-lg > .modal-content.modalv2 > .modal-header.modalv2 > .modal-title {
    color: rgb(103, 106, 108) !important;
}

.modal-body.modalv2 {
    background: white !important;
    text-align: center;
    color: black;
    padding-left: calc((100% - 300px)/2);
    padding-right: calc((100% - 300px)/2);
    padding-top: 0;
}

.modal-dialog.modalv2.modal-lg > .modal-content.modalv2 > .modal-body.modalv2 {
    text-align: left;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 30px;
    color: rgb(103, 106, 108) !important;
}

.modal-body.modalv2 > img {
    max-height: 230px;
    width: auto;
}

.modal-footer.modalv2 {
    text-align: center;
    border: none;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.modal-header.modalv3 {
    border: none;
    padding: 30px 30px 0 30px !important;
}

.modal-body.modalv3 {
    background: white !important;
    padding-top: 10px;
    padding-bottom: 25px;
}

.modal-body.modalv2-edit {
    background: white !important;
    color: black;
    padding-top: 10px;
    padding-bottom: 58px;
}

.box-modal {
    margin-bottom: 15px;
    padding-top: 15px;
    background-image: url(/Images/modal/store1.svg);
    background-size: 115px;
    background-repeat: no-repeat;
    background-position: 50% 105px;
}

    .box-modal.old {
        background-image: url(/Images/modal/store2.svg);
    }

.boxHeader-modal {
    background-color: #1ab394;
    color: white;
    margin: 0;
    padding: 10px 0;
}

    .boxHeader-modal.old {
        background-color: #b4d7d0;
    }

.lineBox-modal {
    border-bottom: 1px solid #E2E2E2;
    padding: 5px 0;
}

div > .lineBox-modal:last-child {
    border-bottom: none;
}

.arrow-modal {
    width: 46px;
    height: 39px;
    position: absolute;
    left: 45%;
    top: 45%;
    background-image: url(/Images/modal/arrow.svg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.modal.no-decorators-modal .modal-header,
.modal.no-decorators-modal .modal-footer{
    border: none;
}

@media (max-width: 767px) {
    .arrow-modal {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
    }

    .box-modal {
        margin-top: 50px;
    }

        .box-modal.old {
            margin-top: 0;
        }
}