/* Element defaults and single-purpose utility classes (.jas-mw-*, .jas-width-*, .jas-sm/lg-control). */

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

body {
    font-size: 14px;
}

.addrText {
    font-size: .9em;
    line-height: 1rem;
}

.form-label, .form-text {
    margin: 0 0 .25rem 0;
    font-size: 1rem;
}

.jas-mw-sm {
    max-width: 540px;
}

.jas-mw-lg {
    max-width: 970px;
}

.jas-mw-150px {
    max-width: 150px;
}

.jas-width-320px {
    width: 320px;
}

.jas-lg-control {
    max-width: 240px;
    display: inline-block;
}

/* The required-field asterisk. Unscoped on purpose, and it used to be
   `#payingagents_credentials #editPayingAgentCredsForm .required` - a selector that matched NOTHING:
   _Layout sets `<body id="@ViewBag.PageId">` and _BaseController builds that as {controller}_{action},
   so the credentials page is `trakiq_credentials` and has been since the action moved to TrakIQController.
   It was the only `.required` rule in any non-minified stylesheet, so Views/TrakIQ/ExportRule.cshtml's
   `class="form-label required"` labels rendered no asterisk either. */
label.required::after {
    content: " *";
    font-weight: bold;
    color: red;
    display: inline;
    font-size: 1.3em;
    vertical-align: sub
}

.pt1px {
    padding-top: 1px;
}

.tasks-count {
    padding: 2px 10px;
    border-radius: 16px;
    height: 28px;
    font-size: .82rem;
    font-weight: 700;
    color: var(--jas-primary, #1E6D9A);
    background-color: var(--jas-surface-muted, #eceef0);
}

.ta-credit-font {
    color: var(--jas-primary, #1E6D9A);
    font-weight: 500;
}