@import "~frontend-react-components/build/react-components.css";
@import "styles/common.scss";
@import "components/**/*.scss";

.ConflictManager {
    background-color: $white;
    max-width: 1175px;

    &-header {
        padding-top: 10px;
    }

    /* stylelint-disable selector-class-pattern */
    .btn.btn-primary:focus,
    .btn.btn-primary.focus {
        box-shadow: none;
    }
    /* stylelint-enable selector-class-pattern */
}

.ConflictsTable {
    table-layout: fixed;
    width: 1120px;
}

.Conflicts {
    display: flex;
    flex-direction: column;

    .Pagination {
        align-self: flex-end;
    }
}

.Conflicts-container > .LoadingIndicator {
    height: 200px;
}

.HighlightedQuery {
    background-color: $highlightedQuery;
}

.ReactModal__Overlay { // stylelint-disable-line selector-class-pattern
    z-index: 20;
}

::-ms-clear {
    display: none;
}