@import "~@orchard/frontend-react-components/src/scss/variables";
@import "~@orchard/frontend-react-components/src/scss/theme";
@import "./components/**/*.scss";
@import "./pages/**/*.scss";

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
}

// Fix for FRC <Help> component styling issues
.bs-tooltip-top {
    background-color: var(--gray-900);
    margin-bottom: .6rem;

    .arrow {
        border-color:  var(--gray-900);
        bottom: -.4rem;
    }
    
    .tooltip-inner {
        background: none;
        font-size: 12px;
        letter-spacing: normal;
        margin: 0;
        padding: 0;
    }
}

.table, .table thead th {
    font-size: 14px;
}

.form-control::placeholder {
    color: var(--gray-500);
}