.modal {
    @media(min-width: @screen-sm-min) {
        text-align: center;

        &:before {
            content: '';
            height: 100%;
            width: 1px;
            display: inline-block;
            vertical-align: middle;
        }

        .modal-dialog {
            text-align: left;
            margin: 10px auto;
            display: inline-block;
            vertical-align: middle;
        }
    }

    .modal-title {
        font-weight: 400;
        font-size: 15px;

        small {
            display: block;
            margin-top: 8px;
        }
    }

    .modal-content {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
        border-radius: 2px;
        border: 0;
    }

    .modal-header {
        padding: 26px 30px;

        & + .modal-body {
            padding-top: 0;
        }
    }

    .modal-body {
        padding: 30px;
    }
}

.modal-footer {
    padding: 20px;

    .btn-link {
        font-size: 14px;
        color: @text-strong;
    }

    &.text-left {
        text-align: left;
    }

    &.text-center {
        text-align: center;
    }
}

.modal-footer--bordered {
    border-top: 1px solid @hr-bg;
}
