@font-face {
    font-family: Montserrat;
    src: url(../font/Montserrat[wght].woff2);
}

* {
    font-family: Montserrat, serif;
    cursor: default !important;
}

a, button, input, select, textarea, option, optgroup,
label, fieldset, details, summary, menu, menuitem,
[role="button"], [role="link"], [role="checkbox"], [role="radio"], [role="tab"],
[role="menuitem"], [role="combobox"], [role="listbox"], [role="slider"],
[contenteditable], [draggable="true"], canvas, map, area,
[tabindex]:not([tabindex="-1"]), [onclick], [onmousedown], [onmouseup],
details > summary:first-of-type, dialog, progress, meter, iframe,
audio[controls], video[controls], .custom-file-input,
details[open] > summary:first-of-type {
    cursor: default !important;
}

.btn, .button, .clickable, .selectable, .draggable, .resizable, .sortable,
.editable, .expandable, .collapsible {
    cursor: default !important;
}

::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track, ::-webkit-resizer, ::-webkit-slider-thumb {
    cursor: default !important;
}

*:hover {
    cursor: default !important;
}


.table thead th {
    font-weight: 570;
}

.navview-menu-height {
    height: calc(100% - 52px);
}

.appbar-left {
    width: 40%;
}

.appbar-center {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.appbar-right {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.user-info {
    margin-left: 10px;
    font-size: 14px;
}

.user-info-sub {
    font-size: 12px;
    margin-top: -5px;
}

.appbar-btn {
    font-size: 20px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.card-wrap {
    margin-top: 10px;
    width: 300px;
}

.title.card-title {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 28px;
}

.card-detail {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -4px;
}

.card-detail-first {
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -5px;
}

.pdf-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 18px;
    color: #e53935;
    z-index: 2;
}

.bar-chart {
    width: 92px;
    height: 30px;
    display: flex;
    align-items: flex-end;
    gap: 0.5px;
}

.bar-wrapper {
    position: relative;
    width: 95px;
    height: 30px;
}

.stat-label {
    position: absolute;
    bottom: -16px;
    left: 0;
    font-size: 11px;
    z-index: 1;
}

.stats-row {
    display: flex;
    margin-top: 5px;
    margin-bottom: 20px;
}

.value-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
    overflow: hidden;
}

.value-row > .value-item.value {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex: 0 0 33%;
    justify-content: flex-start;
    font-size: inherit;
    font-weight: inherit;
}

.value-row > .value-item.value .secondary-value {
    margin-left: 0;
}

.value-text {
    font-size: 12px;
}

.bar-chart-server {
    width: 92px;
    height: 30px;
    display: flex;
    align-items: flex-end;
    gap: 0.5px;
    padding: 4px;
}

.search-row {
    margin: 10px;
}

.dialog-col {
    display: flex;
    flex-direction: column;
}

.dialog-field {
    margin-bottom: 10px;
}

.page-content {
    margin: 10px;
}

.filter-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.date-picker-wrap {
    max-width: 200px !important;
    flex: 0 0 200px !important;
}

.search-btn-wrap {
    max-width: 100px !important;
    flex: 0 0 100px !important;
}

.select-wrap {
    margin-bottom: 10px;
}

#navview.expanded .navview-pane {
    max-width: 140px !important;
    width: 140px !important;
}

.errord:hover,
.warningd:hover,
.licensed:hover,
.workplaced:hover,
.deviced:hover,
.serviced:hover,
.barsd:hover,
.usersd:hover {
    cursor: default;
    font-weight: bold;
}

.pdfd:hover {
    cursor: default;
    transform: scale(1.3);
    transition: 0.1s;
    color: #b71c1c;
}

.heading:hover {
    text-decoration: underline;
}

/* Metro pins the dialog close button 4px into the corner, where it collides
   with the title row's padding and pokes into rounded dialog corners. Centre
   it in the title row and round it to match the rest of the chrome. */
.dialog .closer {
    top: 8px;
    right: 12px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
}

/* Metro nudges the × glyph up by 4px to centre it in its old 24px box; in the
   28px box the flex centring is right on its own, so the nudge just pushes
   the glyph off-centre. */
.dialog .closer:before {
    margin-top: 0;
    line-height: 1;
}

/* A bare <input class="input"> is Metro's box itself, with no inner <input>
   for Metro's `.input input` padding rule to reach — the typed text sat flush
   against the border. */
input.input {
    padding: 0 12px;
}

/* The login card. Was inline on the element; it needs a class so the theme can
   reach it. Height is left to the content so the fields never crowd the edge. */
.login-box {
    width: 400px;
    margin: auto;
}

/* Sits over the full viewport chart on the landing page, which has no other chrome. */
.home-changelog-link {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 16px 20px;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.home-changelog-link:hover {
    color: #ffffff;
    text-decoration: underline;
}