@import '../base';
.modal-content {
    border-radius: 0;
    border: none;
    background: $module-background;

    .button.secondary {
        margin-right: 10px;
    }
}
.modal-header {
    border-bottom: none;
}

.modal-header {
    padding: 40px 20px 0;
}
.modal-body {
    padding: 10px 20px 5px;
}
.modal-footer {
    padding: 8px 20px;
}
.close {
    color: $primary-text-color;
    font-size: 36px;
    opacity: 1;

    &:hover {
        color: #000000;
        opacity: 1;
    }
}
.modal-backdrop.in {
    opacity: 0.6;
}

//bring google autocomplete above modal
.pac-container {
    z-index: 1060 !important; //inline so important is required
}