/* Global styles for MGHPCC Portal */

/* Body and template styles */
body {
    padding-top: 50px;
}

.mghpcc-template {
    padding: 40px 15px;
}

/* Navbar styles */
.navbar.bg-dark {
    background-color: #231f20 !important;
}

.navbar-brand img {
    margin-top: -5px;
}

/* Dropdown submenu styles */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

/* Table styles */
.table th {
    white-space: normal !important;
    word-wrap: break-word;
    max-width: 200px;
    vertical-align: top;
    padding: 8px;
    line-height: 1.2;
}

.table td {
    white-space: nowrap;
    font-family: "IBM Plex Mono", "SF Mono", "Roboto Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
    font-size: 14px;
}

/* Default alignment for all cells */
.table td,
.table th {
    text-align: left;
}

/* Right align numeric columns */
.table td.numeric,
.table th.numeric {
    text-align: right;
}

/* Right align specific columns that contain numbers */
.table td[data-type="number"],
.table th[data-type="number"] {
    text-align: right;
}

/* Right align columns with specific classes */
.table td.wh,
.table th.wh,
.table td.kwh,
.table th.kwh,
.table td.watts,
.table th.watts,
.table td.amps,
.table th.amps,
.table td.percent,
.table th.percent {
    text-align: right;
}