.modal-header,
.modal-footer {
    border: 0;
}

.modal-lg {
    max-width: 100%;
}

.modal-md {
    max-width: 900px;
}

.modal-sm {
    max-width: 500px;
    .modal-content {
        padding: 31px 38px;
    }
}



.modal-dialog {
    margin: 70px auto;
}
.modal-dialog.modal-fluid {
  max-width: 90%;
  min-width: 90%;
  margin: 5% 5%;
}
.modal-content {
    padding: 41px 48px;
    @include border-radius(0);
}

// search platform in menu, based on modal
.finder {
    .text,
    h4 {
        color: #140157;
        opacity: 0.5;
    }
    .form-control {
        font-weight: 200;
        font-size: 72px;
        line-height: 1;
        border-bottom-width: 3px;
    }
    .modal-content {
        height: 100vh;
        opacity: 0.98;
    }
}

// modal queue
.queue-item {
    @extend .mb-3;
    &--price {
        @extend .text-center;
        @extend .mt-2;
        font-size: 1.3rem;
        font-weight: bold;
    }
}

.modal-footer-row {
    @extend .row;
    @extend .mt-4;
    .column-1 {
        @extend .col-lg-5;
        @extend .pr-0;
        position: relative;
        &::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 40px solid transparent;
            border-bottom: 36px solid transparent;
            border-left: 13px solid #cccbda;
            top: 0;
            right: -13px;
            z-index: 9;
        }
        .modal-footer-background {
            @extend .pt-4;
            @extend .pr-3;
        }
    }
    .column-2 {
        @extend .col-lg-7;
        @extend .pl-0;
    }
}

.modal-footer-background {
    @include modal-footer-background;
    position: relative;
    height: 75px;
}

.modal-footer-row--icon__box {
    display: inline-block;
    width: auto;
    float: left;
    padding-top: 10px;
    margin-left: 25px;
    padding-right: 15px;
    .icon--phone {
        background-size: 60%;
        background-position-x: center;
        background-position-y: center;
        background-color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 100%;
    }
}

.modal-footer-contact {
    @extend .pt-3;
}

.modal--background__primary {
    @include gradientMoneta;
    color: #fff;
}

.modal-header {
    .close {
        background: url("../images/ib/close-default.svg") no-repeat;
        padding: 8px;
        cursor: pointer;
    }
}

.modal-left {
    width: 40%;
    float: left;
    margin: 0 auto;
    .modal-content {
        min-height: 100vh;
    }
}