/* _content/Aurgelmir/Components/LoadingIndicator.razor.rz.scp.css */
.loading-indicator[b-vpruk7fb24] {
    display: block;
    height: 100px;
    text-align:center;
}

.spinner[b-vpruk7fb24] {
    position: absolute;
    width: 9px;
    height: 9px;
    left:50%;
    margin-top:10px;
}

.spinner div[b-vpruk7fb24] {
    position: absolute;
    width: 50%;
    height: 150%;
    background: #474bff;
    transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    animation: spinner-fzua35-b-vpruk7fb24 1s calc(var(--delay) * 1s) infinite ease;
}

.spinner div:nth-child(1)[b-vpruk7fb24] {
    --delay: 0.1;
    --rotation: 36;
    --translation: 150;
}

.spinner div:nth-child(2)[b-vpruk7fb24] {
    --delay: 0.2;
    --rotation: 72;
    --translation: 150;
}

.spinner div:nth-child(3)[b-vpruk7fb24] {
    --delay: 0.3;
    --rotation: 108;
    --translation: 150;
}

.spinner div:nth-child(4)[b-vpruk7fb24] {
    --delay: 0.4;
    --rotation: 144;
    --translation: 150;
}

.spinner div:nth-child(5)[b-vpruk7fb24] {
    --delay: 0.5;
    --rotation: 180;
    --translation: 150;
}

.spinner div:nth-child(6)[b-vpruk7fb24] {
    --delay: 0.6;
    --rotation: 216;
    --translation: 150;
}

.spinner div:nth-child(7)[b-vpruk7fb24] {
    --delay: 0.7;
    --rotation: 252;
    --translation: 150;
}

.spinner div:nth-child(8)[b-vpruk7fb24] {
    --delay: 0.8;
    --rotation: 288;
    --translation: 150;
}

.spinner div:nth-child(9)[b-vpruk7fb24] {
    --delay: 0.9;
    --rotation: 324;
    --translation: 150;
}

.spinner div:nth-child(10)[b-vpruk7fb24] {
    --delay: 1;
    --rotation: 360;
    --translation: 150;
}

@keyframes spinner-fzua35-b-vpruk7fb24 {
    0%, 10%, 20%, 30%, 50%, 60%, 70%, 80%, 90%, 100% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    }

    50% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1.5%));
    }
}
/* _content/Aurgelmir/Components/TopBar.razor.rz.scp.css */

.top-nav[b-1qcay6c0cd] {
    position: fixed;
    top: 10px;
    right: 10px;
    background: black;
    color: white;
    z-index: 999;
}

.btn-nav[b-1qcay6c0cd] {
    border: 0;
    background-color: black;
    color: white;
}

.nav-separator[b-1qcay6c0cd]{
    display:inline-block;
    width: 10px;
    color: gray;
    text-align:center;
}

button.btn-nav.selected[b-1qcay6c0cd] {
    color: #9e9eff;
    background-color: #0909ac;
}

@media screen and (max-width: 640px){
    .top-nav[b-1qcay6c0cd] {
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        display:flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/* _content/Aurgelmir/Pages/AI/Index.razor.rz.scp.css */

/* Chat area styles */
.ai-chat[b-4x2rg7gygw] {
    width: 768px;
    max-width: 100%;
    border: 1px solid #333; /* Darker border for the chat area */
    border-radius: 8px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #121212; /* Dark background for the chat area */
}

.chat-message-list[b-4x2rg7gygw] {
    max-height: 768px;
    overflow-y: auto;
    background-color: #1e1e1e; /* Dark background for the message list */
    padding: 10px;
}

.chat-message[b-4x2rg7gygw] {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #262626; /* Slightly lighter background for messages */
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3); /* Subtle shadow for depth */
    color: #e0e0e0; /* Light text color for messages */
}

.chat-message-header[b-4x2rg7gygw] {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.chat-message-author[b-4x2rg7gygw] {
    font-weight: bold;
    color: #e0e0e0; /* Light text color for author */
}

.chat-message-content[b-4x2rg7gygw] {
    margin-top: 5px;
    color: #e0e0e0; /* Light text color for content */
}

/* Differentiating user and AI messages */
.chat-message-user[b-4x2rg7gygw] {
    background-color: #263238; /* Dark blue for user messages */
}

.chat-message-ai[b-4x2rg7gygw] {
    background-color: #37474f; /* Dark grey for AI messages */
}

.chat-message-role[b-4x2rg7gygw] {
    font-size: 0.85em;
    color: #888; /* Subtle color for role */
}

.chat-message-time[b-4x2rg7gygw] {
    font-size: 0.75em;
    color: #888; /* Subtle color for time */
}

/* Chat input area styles */
.chat-input[b-4x2rg7gygw] {
    display: flex;
    flex-flow: row;
    padding: 10px;
    background-color: #1e1e1e; /* Dark background for input area */
    border-top: 1px solid #333; /* Dark border for separation */
}

.chat-input input[type="text"][b-4x2rg7gygw] {
    flex-grow: 1;
    padding: 10px;
    background-color: #333; /* Dark background for input */
    color: #e0e0e0; /* Light text color for input */
    border: 1px solid #444; /* Subtle border for input */
    border-radius: 5px;
    margin-right: 10px;
}

.chat-input button[b-4x2rg7gygw] {
    padding: 10px 20px;
    background-color: #007bff; /* Contrast color for the send button */
    color: #fff; /* White text color for the button */
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.chat-input button:hover[b-4x2rg7gygw] {
    background-color: #0056b3; /* Darker shade for button on hover */
}

.chat-input button:disabled[b-4x2rg7gygw] {
    pointer-events: none;
    user-select: none;
    opacity: 0.5;
}

/* Styles for code blocks within messages */
.chat-message-content pre[b-4x2rg7gygw], .chat-message-content code[b-4x2rg7gygw] {
    background-color: #2e2e2e; /* Dark background for code blocks */
    color: #f8f8f2; /* Light color for code text */
    padding: 10px;
    border-radius: 4px;
    overflow-x: auto;
    white-space: pre-wrap; /* Ensures that long lines of code wrap */
    font-family: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 0.95em;
    margin: 5px 0; /* Margin for spacing around code blocks */
}

pre[b-4x2rg7gygw] {
    background-color: #1e1e1e;
    padding: 5px;
    border-radius: 4px;
}

/* Additional styling for inline code if needed */
.chat-message-content code[b-4x2rg7gygw] {
    padding: 2px 4px;
    border-radius: 3px;
}


/* Custom scrollbar styles */
/* For webkit browsers */
.chat-message-list[b-4x2rg7gygw]::-webkit-scrollbar {
    width: 8px; /* Adjust the width of the scrollbar */
}

.chat-message-list[b-4x2rg7gygw]::-webkit-scrollbar-track {
    background: #2e2e2e; /* Dark track/background */
}

.chat-message-list[b-4x2rg7gygw]::-webkit-scrollbar-thumb {
    background: #555; /* Darker thumb/foreground */
    border-radius: 4px;
}

.chat-message-list[b-4x2rg7gygw]::-webkit-scrollbar-thumb:hover {
    background: #666; /* Slightly lighter thumb on hover */
}

/* For Firefox */
.chat-message-list[b-4x2rg7gygw] {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #555 #2e2e2e; /* thumb and track color */
}

.chat-header label[b-4x2rg7gygw] {
    margin-right: 10px;
    font-size: 10pt;
    line-height: 20pt;
}

.chat-header[b-4x2rg7gygw] {
    display: flex;
    justify-content: space-between;
}

button.btn-clear[b-4x2rg7gygw] {
    color: white;
    background-color: #8b1515;
    border: 0;
}

button.btn-clear:hover[b-4x2rg7gygw] {
    background-color: #620e0e;
}

button.btn-clear:active[b-4x2rg7gygw] {
    background-color: #450909;
}

button.btn-clear:disabled[b-4x2rg7gygw] {
    background-color: #ffffff00;
    color: #3e3e3e;
    cursor: default;
}
/* _content/Aurgelmir/Pages/AuditPage.razor.rz.scp.css */
.page[b-nbm75ai5w1] {
    display: flex;
    justify-content: center;
}

.audit-record-list[b-nbm75ai5w1] {
    width: fit-content;
    max-width: 100%;
}

.audit-record-list td[b-nbm75ai5w1] {
    padding: 5px;
}

.audit-record-list th[b-nbm75ai5w1] {
    padding: 5px;
}

tr.audit[b-nbm75ai5w1] {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    width: 460px;
    max-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
}
/* _content/Aurgelmir/Pages/Cloud/Index.razor.rz.scp.css */
/* Modern, responsive styling for Cloud Machines page */
/* Using global CSS variables defined in wwwroot/css/site.css */

.site-logo[b-lo30ekiyup] {
    width: 120px;
    left: 40px;
    transform: initial;
    margin: 0 0 10px 0;
}

.cloud-page[b-lo30ekiyup] {
    padding-inline: 12px;
}

/* Toolbar */
.toolbar[b-lo30ekiyup] {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--shadow);
    margin-bottom: 12px;
}

.toolbar input[b-lo30ekiyup],
.toolbar select[b-lo30ekiyup] {
    min-height: 38px;
    background: var(--surface-3);
    color: #e8f0f7;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 10px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
}

/* Make select popups readable and dark */
.toolbar select option[b-lo30ekiyup],
.paging select option[b-lo30ekiyup],
.input-row select option[b-lo30ekiyup] { background: var(--surface-2); color: #e8f0f7; }

.toolbar input[b-lo30ekiyup]::placeholder { color: #a3b5c6; opacity: .9; }
.toolbar input:focus[b-lo30ekiyup], .toolbar select:focus[b-lo30ekiyup] { outline: 2px solid var(--primary-600); outline-offset: 0; border-color: var(--primary-600); }

.toolbar button[b-lo30ekiyup] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--primary);
    color: #fff;
    border: 1px solid transparent;
    box-shadow: var(--shadow);
    width: fit-content;
}

.toolbar button:hover[b-lo30ekiyup] { background: var(--primary-600); }

.btn-restart-all[b-lo30ekiyup]{ margin-left: 10px; }

/* Table wrapper for horizontal scroll on small screens */
.table-container[b-lo30ekiyup] {
    width: 100%;
    /*overflow-x: auto;*/
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface-2);
    box-shadow: var(--shadow);
}

.instance-table[b-lo30ekiyup] {
    width: 100%;
    min-width: 960px;
    border-collapse: separate;
    border-spacing: 0;
}

/* Reduce right padding to avoid horizontal overflow */
.instance-table th[b-lo30ekiyup],
.instance-table td[b-lo30ekiyup] { padding: 10px 8px; }
.instance-table tr > *:last-child[b-lo30ekiyup] { padding-right: 0; }

.instance-table thead tr[b-lo30ekiyup] { background: var(--surface-2); }
.instance-table thead th[b-lo30ekiyup] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-2);
    color: #e8f0f7;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid var(--border);
}

/* Row as a card for mobile */
.instance[b-lo30ekiyup] { border-bottom: 1px solid var(--border); }
.instance:nth-child(even)[b-lo30ekiyup] { background: rgba(255,255,255,.02); }

.instance .column-data[b-lo30ekiyup] { color: #e8f0f7; }
.instance .small-header[b-lo30ekiyup] { color: var(--muted); }

.instance-list-body[b-lo30ekiyup] { display: flex; flex-direction: column; gap: 10px; }

.paging[b-lo30ekiyup] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 6px 0 12px 0;
}
.paging select[b-lo30ekiyup] {
    height: 38px;
    background: var(--surface-3);
    color: #e8f0f7;
    border: 1px solid var(--border);
    border-radius: 8px;
}

.pagination[b-lo30ekiyup] { list-style: none; display: flex; gap: 6px; padding: 0; margin: 0; }
.pagination .page-item .page-link[b-lo30ekiyup] {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface-3);
    color: #e8f0f7;
}
.pagination .page-item.disabled .page-link[b-lo30ekiyup] { opacity: .5; }

/* Status chips */
span.status-icon[b-lo30ekiyup] {
    display: inline-block;
    border-radius: 24px;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    box-sizing: border-box;
    background-color: var(--danger);
    border: 3px solid rgba(255, 62, 52, 0.4);
}

span.status-icon.active[b-lo30ekiyup],
span.status-icon.ok[b-lo30ekiyup],
span.status-icon.running[b-lo30ekiyup] { background-color: var(--success); border-color: rgba(5, 196, 107, 0.4); }
span.status-icon.installingbooting[b-lo30ekiyup],
span.status-icon.stopping[b-lo30ekiyup],
span.status-icon.starting[b-lo30ekiyup] { background-color: var(--warn); border-color: rgb(255 198 52 / 40%); }
span.status-icon.stopped[b-lo30ekiyup],
span.status-icon.deleting[b-lo30ekiyup],
span.status-icon.error[b-lo30ekiyup] { background-color: var(--danger); border-color: rgba(255, 62, 52, 0.4); }

/* Modal */
.modal-header[b-lo30ekiyup] { display: flex; align-items: center; justify-content: space-between; }
.modal-backdrop[b-lo30ekiyup] { background-color: rgba(0, 0, 0, 0.5); }
.btn-close-dialog[b-lo30ekiyup] { border: 0; font-size: 18pt; background-color: transparent; color: #e8f0f7; }

.create-instance-dialog[b-lo30ekiyup] {
    background-color: var(--surface-2);
    width: 700px;
    max-width: 100%;
    position: fixed;
    z-index: 2000;
    color: #e8f0f7;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
    border-radius: 12px;
}

.instance-label-and-id[b-lo30ekiyup] { display: flex; flex-direction: column; gap: 2px; }
.instance-id[b-lo30ekiyup] { font-size: 10pt; cursor: pointer; color: #8cb3ff; font-weight: 600; }
.instance-id:hover[b-lo30ekiyup] { text-decoration: underline; }

.btn-create-instance[b-lo30ekiyup] { margin-left: 10px; }

.modal-body[b-lo30ekiyup] { display: flex; flex-direction: column; }

.input-row[b-lo30ekiyup] { display: flex; flex-flow: row; padding: 6px 6px 6px 0; }
.input-row label[b-lo30ekiyup], .modal-body label[b-lo30ekiyup] { font-weight: 600; min-width: 180px; display: inline-block; color: #e8f0f7; }
.input-row select[b-lo30ekiyup], .input-row input[b-lo30ekiyup], .confirmation-dialog textarea[b-lo30ekiyup], .modal-body textarea[b-lo30ekiyup] { padding: 8px 10px; border-radius: 8px; border: 1px solid var(--border); margin-right: 10px; flex-grow: 1; width: 1px; background: var(--surface-3); color: #e8f0f7; }

/* Consistent dialog buttons */
.input-row button[b-lo30ekiyup] { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 8px 14px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-3); color: #e8f0f7; box-shadow: var(--shadow); cursor: pointer; }
.input-row button:hover[b-lo30ekiyup] { background: #0f2233; }
.input-row button.ok[b-lo30ekiyup] { background: var(--primary); border-color: var(--primary-600); color: #fff; }
.input-row button.ok:hover[b-lo30ekiyup] { background: var(--primary-600); }
.input-row button.btn-cancel[b-lo30ekiyup] { background: transparent; color: var(--muted); }
.input-row button.btn-cancel:hover[b-lo30ekiyup] { background: var(--surface-3); color: #fff; }

label.disabled[b-lo30ekiyup] { opacity: .6; }
.input-row.disabled[b-lo30ekiyup] { background: var(--surface-3); }
.input-row select:disabled[b-lo30ekiyup], .input-row input:disabled[b-lo30ekiyup] { border-color: #0f2233; background-color: #0f2233; }

.input-row.separate-top[b-lo30ekiyup] { border-top: 1px solid var(--border); padding-top: 15px; margin-top: 15px; display: flex; justify-content: flex-end; gap: .7em; }

/* Action dropdown */
.container[b-lo30ekiyup] { position: relative; }
.action-btn[b-lo30ekiyup] { outline: 0; display: inline-flex; align-items: center; justify-content: space-between; background: var(--primary); min-width: 110px; border: 0; border-radius: 8px; box-shadow: var(--shadow); padding: 10px 12px; color: #FFFFFF; font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; overflow: hidden; cursor: pointer; }
.action-btn .material-icons[b-lo30ekiyup] { width: 16px; }
.action-btn:focus .dropdown[b-lo30ekiyup], .action-btn:active .dropdown[b-lo30ekiyup] { transform: translate(0, 12px); opacity: 1; visibility: visible; }
.action-btn .dropdown[b-lo30ekiyup] { position: absolute; top: 100%; left: -108px; background: var(--surface-2); width: max-content; min-width: 240px; border-radius: 10px; box-shadow: var(--shadow); text-align: left; opacity: 0; visibility: hidden; transition: .18s ease; z-index: 9999; padding: 6px 0; list-style: none; border: 1px solid var(--border); }
.action-btn .dropdown[b-lo30ekiyup]:before { content: ""; position: absolute; top: -6px; left: 20px; width: 0; height: 0; border-top: 6px solid var(--surface-2); border-right: 6px solid var(--surface-2); border-bottom: 6px solid transparent; border-left: 6px solid transparent; transform: rotate(-45deg); }
.action-btn .dropdown li[b-lo30ekiyup] { position: relative; padding: 0; background: var(--surface-2); }
.action-btn .dropdown button[b-lo30ekiyup] { display: block; border: 0; font-weight: 600; background: var(--surface-2); border-bottom: 1px solid rgba(255,255,255,.06); padding: 12px 16px; color: #e8f0f7; font-size: 12px; text-decoration: none; width: 100%; text-align: left; }
.action-btn .dropdown li:last-child button[b-lo30ekiyup] { border-bottom: 0; }
.action-btn .dropdown li:hover button[b-lo30ekiyup] { background: var(--surface-3); color: #a7c3ff; }

.btn-instance-action .material-icons[b-lo30ekiyup] { height: 15px; line-height: 4px; position: relative; top: 6px; left: -8px; }

.data-reload-time[b-lo30ekiyup] { text-align: center; font-size: 10pt; margin-top: 20px; color: #d6c1a3; }
.modal-header span[b-lo30ekiyup] { font-weight: 600; font-size: 16pt; color: #e8f0f7; }

/* Confirmation dialog */
.create-instance-backdrop[b-lo30ekiyup], .confirmation-backdrop[b-lo30ekiyup] { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99; }
.confirmation-dialog[b-lo30ekiyup] { padding: 10px 20px; max-width: 96vw; width: fit-content; position: fixed; left: 50%; top: 25%; transform: translate(-50%, -25%); background-color: var(--surface-2); color: #e8f0f7; display: flex; flex-direction: column; align-items: stretch; border-radius: 12px; border: 1px solid var(--border); box-shadow: var(--shadow); }
.confirmation-content[b-lo30ekiyup] { padding: 20px; }
.btn-confirmation[b-lo30ekiyup] { padding: 8px 12px; border-radius: 8px; background-color: var(--primary); color: white; border: none; cursor: pointer; }
.btn-confirmation:hover[b-lo30ekiyup] { background-color: var(--primary-700); }
.btn-confirmation.cancel[b-lo30ekiyup] { background-color: #d1d1d1; color: #222; }
.btn-confirmation.cancel:hover[b-lo30ekiyup] { background-color: #b8b8b8; }

/* Small headers hidden by default on desktop */
.small-header[b-lo30ekiyup] { display: none; }
.column-data[b-lo30ekiyup] { display: flex; flex-direction: column; }
.column-data.status[b-lo30ekiyup] { flex-direction: row; align-items: center; }

@media (min-width: 1250px){ .instance-table[b-lo30ekiyup] { min-width:1250px; } }

/* Tablet adjustments */
@media (max-width: 1024px) {
    .toolbar[b-lo30ekiyup] { grid-template-columns: 1fr 1fr; }
    .instance .status-text[b-lo30ekiyup] { display: none; }
}

/* Mobile-first responsive cards */
@media screen and (max-width: 768px) {
    .toolbar[b-lo30ekiyup] { grid-template-columns: 1fr 1fr; gap: 8px; }

    .req-width-768[b-lo30ekiyup] { display: none; }

    .table-container[b-lo30ekiyup] { overflow: initial; border: 0; background: transparent; box-shadow: none; }

    .instance-table[b-lo30ekiyup] { width: 100%; min-width: initial; }

    table[b-lo30ekiyup] { display: flex; }
    thead[b-lo30ekiyup] { display: none; }
    tbody[b-lo30ekiyup] { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px;  width:100%;}

    tr.instance[b-lo30ekiyup] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 12px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface-2);
        padding: 10px;
        box-shadow: var(--shadow);
    }

    tr.instance td[b-lo30ekiyup] { display: block; padding: 4px 0; }

    .small-header[b-lo30ekiyup] { display: block; font-weight: 700; font-size: 9pt; color: var(--muted); }

    .instance .container[b-lo30ekiyup] { display: flex; }
}

/* Narrow phones: stack evenly */
@media screen and (max-width: 480px) {
    tbody[b-lo30ekiyup] { grid-template-columns: 1fr; }
    tr.instance[b-lo30ekiyup] { grid-template-columns: 1fr; }
}
/* _content/Aurgelmir/Pages/HowTo/Index.razor.rz.scp.css */
.getting-started-page[b-rd0pvac1hv] {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    box-sizing: border-box;
    justify-content: center;
}

.getting-started-page > .getting-started-content[b-rd0pvac1hv] {
    max-width: 100%;
    width: 800px;
}
/*.content-editor {
    flex-grow:1;
}*/
.getting-started-preview[b-rd0pvac1hv] {
    width: 900px;
    max-width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.how-to-update[b-rd0pvac1hv] {
    background-color: black;
    padding: 20px;
    border-radius: 20px;
    max-width: 100%;
    flex-grow: 0;
    width: 280px;
    box-sizing: border-box;
}

.action-buttons[b-rd0pvac1hv] {
    margin-top: 10px;
}

.content-editor[b-rd0pvac1hv] {
    max-width: 100%;
    height:720px;
}

.btn.btn-primary.pdf[b-rd0pvac1hv] {
    margin-bottom: 15px;
    background-color: #061f31;
    padding-top: 10px;
    border-color: #0f3a59;
    position: absolute;
    top: 60px;
    right: 20px;
}
.btn.btn-primary.pdf:hover[b-rd0pvac1hv] {
    background-color: black;
    border-color: black;
}

.image-input-form[b-rd0pvac1hv] {
    position: absolute;
    /* top: 5px; */
    margin-top: 40px;
    background: black;
    padding: 5px;
    border-radius: 5px;
}

#custom-button span.material-icons[b-rd0pvac1hv] {
    font-size: 16pt;
    margin-top: 1px;
}

button#custom-button[b-rd0pvac1hv] {
    color: #444444;
    padding: 0;
}
button#custom-button:hover[b-rd0pvac1hv] {
    color: #06c;
}

.generating-pdf[b-rd0pvac1hv] {
    position: fixed;
    z-index: 999;
    background-color: #000000c7;
    padding: 20px 50px;
    border-radius: 20px;
    top: 40%;
    transform: translate(0, -50%);
}
.generating-pdf p[b-rd0pvac1hv] {
    margin-bottom: 30px;
}
@media screen and (max-width: 1450px) {
    .getting-started-page[b-rd0pvac1hv] {
        flex-wrap: nowrap;
    }

    .getting-started-preview[b-rd0pvac1hv] {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .getting-started-page[b-rd0pvac1hv] {
        flex-wrap: wrap-reverse;
    }
    .getting-started-preview[b-rd0pvac1hv] {
        width: 100%;
    }
    .how-to-update[b-rd0pvac1hv] {
        width:100%;
    }
    .content-editor[b-rd0pvac1hv]{
        height: 100%;
    }
}
/* _content/Aurgelmir/Pages/Index.razor.rz.scp.css */
.landing-page[b-qiokd4x8td] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 50px;
    font-size: 12pt;
    color: white;
    /*transition: all ease-in 0.1s;*/
}

.data-reload-time[b-qiokd4x8td] {
    font-size: 9pt;
    font-weight: 300;
    text-align: center;
    color: #e8c38187;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.element-groups[b-qiokd4x8td] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.element-group.operators[b-qiokd4x8td] {
    flex-grow: 1;
}

.element-group.message[b-qiokd4x8td] {
    flex-grow: 1;
    min-width: 50%;
}

.support-message[b-qiokd4x8td] {
    padding-top: 15px;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
}

.support-message:nth-of-type(1n+2)[b-qiokd4x8td] {
    border-top: 1px dashed rgba(0,0,0,0.75);
}
.support-message:last-of-type[b-qiokd4x8td] {
    border-bottom:0;
}

/*
.support-message:nth-of-type(odd) {
    padding-top: 10px;
    border-top: 1px dashed rgba(0,0,0,0.75);
}
*/
a[b-qiokd4x8td] {
    text-decoration: none;
    color: white;
}

.operator[b-qiokd4x8td] {
    padding: 2px 5px;
    display: block;
}

    .operator:hover[b-qiokd4x8td] {
        background-color: rgba(0,0,0,0.25);
        cursor: pointer;
        user-select: none;
    }

h1[b-qiokd4x8td] {
    font-size: 22pt;
    font-weight: 500;
    text-align: center;
}

h2[b-qiokd4x8td] {
    font-weight: bold;
    font-size: 9pt;
    color: #dfbb7b;
    text-transform: uppercase;
}


.element-group[b-qiokd4x8td] {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    /* align-items: center; */
    padding: 15px;
    flex-wrap: wrap;
}

.btn-icon[b-qiokd4x8td] {
    color: white;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-left: 10px;
    margin-right: 0px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 9pt;
}

.operator-groups[b-qiokd4x8td] {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-grow: 1;
    flex-wrap: wrap;
}

.operator-name[b-qiokd4x8td] {
    margin-left: 5px;
}

.operator-group[b-qiokd4x8td] {
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 20px;
}

.group-title[b-qiokd4x8td] {
    margin-bottom: 10px;
}

.group-name[b-qiokd4x8td] {
    font-size: 11pt;
}

.operators-header[b-qiokd4x8td] {
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.support-message-header[b-qiokd4x8td] {
    font-weight: bold;
    font-size: 18pt;
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.support-message-title[b-qiokd4x8td] {
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
}

    .support-message-title .btn-icon[b-qiokd4x8td] {
        margin-left: 0px;
        position: relative;
        top: -2px;
    }

.support-message-body[b-qiokd4x8td] {
    word-wrap: normal;
    margin-bottom: 10px;
    text-align: center;
}

.support-message-date[b-qiokd4x8td] {
    /*font-weight: bold;*/
    font-size: 9pt;
    text-align: center;
}


span.status-icon[b-qiokd4x8td] {
    display: inline-block;
    border-radius: 24px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    box-sizing: border-box;
}

    span.status-icon.ok[b-qiokd4x8td] {
        background-color: #05c46b;
        border: 3px solid rgba(5, 196, 107, 0.4);
    }

    span.status-icon.warning[b-qiokd4x8td] {
        background-color: #ffa801;
        border: 3px solid rgba(255, 166, 1, 0.4);
    }

    span.status-icon.error[b-qiokd4x8td] {
        background-color: #ff3f34;
        border: 3px solid rgba(255, 62, 52, 0.4);
    }


@media screen and (max-width: 900px) {
    .landing-page[b-qiokd4x8td] {
        padding: 0px 50px 50px 50px;
    }
}


@media screen and (max-width: 650px) {
    h2[b-qiokd4x8td] {
        font-size: 15pt;
    }

    span.status-icon[b-qiokd4x8td] {
        width: 12px;
        height: 12px;
    }

    .element-group.message[b-qiokd4x8td] {
        width: 100%;
    }

    .element-group.operators[b-qiokd4x8td] {
        width: 100%;
    }

    .group-name[b-qiokd4x8td] {
        font-size: 14pt;
    }

    .operators[b-qiokd4x8td] {
        font-size: 18pt;
    }

    .operator-name[b-qiokd4x8td] {
        margin-left: 12px;
    }

    .operator-groups[b-qiokd4x8td] {
        flex-flow: column;
    }

    .site-logo[b-qiokd4x8td] {
        margin-bottom: 0;
    }

    .landing-page[b-qiokd4x8td] {
        padding: 0px 25px 25px 25px;
    }
}
/* _content/Aurgelmir/Pages/login.razor.rz.scp.css */
.instance-table[b-tj4y1oyqna] {
    width: fit-content;
    max-width: 100%;
}

.instance-table td[b-tj4y1oyqna] {
    padding: 5px;
}

.instance-table th[b-tj4y1oyqna] {
    padding: 5px;
}

.instance-list-header[b-tj4y1oyqna] {
    text-align: center;
}

.instance[b-tj4y1oyqna] {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    width: 460px;
    max-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
}

.instance-header[b-tj4y1oyqna] {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.instance-name[b-tj4y1oyqna] {
    font-size: 1.2em;
    color: #333;
}

.instance-details[b-tj4y1oyqna] {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    column-gap: 20px;
    color: black;
}

.detail-item[b-tj4y1oyqna] {
    display: flex;
    align-items: center;
}

.detail-label[b-tj4y1oyqna] {
    font-weight: bold;
    margin-right: 5px;
}

.detail[b-tj4y1oyqna] {
    flex-grow: 1;
}

span.status-icon[b-tj4y1oyqna] {
    display: inline-block;
    border-radius: 24px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    box-sizing: border-box;
    /* default to error */

    background-color: #ff3f34;
    border: 3px solid rgba(255, 62, 52, 0.4);
}

span.status-icon.active[b-tj4y1oyqna],
span.status-icon.ok[b-tj4y1oyqna],
span.status-icon.running[b-tj4y1oyqna] {
    background-color: #05c46b;
    border: 3px solid rgba(5, 196, 107, 0.4);
}

span.status-icon.stopped[b-tj4y1oyqna],
span.status-icon.error[b-tj4y1oyqna] {
    background-color: #ff3f34;
    border: 3px solid rgba(255, 62, 52, 0.4);
}


/* modal */

.modal-header[b-tj4y1oyqna] {
    display: flex;
}

.modal-backdrop[b-tj4y1oyqna] {
    background-color: rgba(0, 0, 0, 0.5);
}

.btn-close-dialog[b-tj4y1oyqna] {
    border: 0;
    font-size: 18pt;
    background-color: transparent;
}

.create-instance-dialog[b-tj4y1oyqna] {
    background-color: white;
    width: 700px;
    max-width: 100%;
    position: fixed;
    z-index: 2000;
    color: black;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*box-shadow: 1px 1px 130px 80px rgba(0,0,0,0.6);*/
    box-shadow: 20px 20px 10px rgba(0,0,0,0.6);
}

span.status-icon[b-tj4y1oyqna] {
    position: relative;
    z-index: 10;
}

.btn-create-instance[b-tj4y1oyqna] {
    margin-left: 10px;
}

.modal-body[b-tj4y1oyqna] {
    display: flex;
    flex-flow: column;
}

.input-row[b-tj4y1oyqna] {
    display: flex;
    flex-flow: row;
    /*    padding-top: 5px;
    padding-bottom: 5px;*/
    padding: 5px;
    padding-right: 0;
}

.input-row label[b-tj4y1oyqna],
.modal-body label[b-tj4y1oyqna] {
    font-weight: bold;
    min-width: 180px;
    display: inline-block;
}

.login-panel .input-row label[b-tj4y1oyqna] {
    min-width: 120px;
}

.input-row select[b-tj4y1oyqna],
.input-row input[b-tj4y1oyqna] {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid black;
    background-color: black;
    margin-right: 10px;
    flex-grow: 1;
}

input.machine-type[b-tj4y1oyqna] {
    display: none;
}

label.radio-button[b-tj4y1oyqna] {
    font-weight: normal;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 5px;
    margin-top: 0;
    text-align: center;
    user-select: none;
    cursor: pointer;
    margin-bottom: 20px;
    border-bottom-width: 4px;
    height: 70px;
    line-height: 60px;
}

label.radio-button:hover[b-tj4y1oyqna] {
    background-color: #bfcfd9;
    border-color: #bfcfd9;
}

label.radio-button.disabled[b-tj4y1oyqna] {
    pointer-events: none;
    background-color: initial;
    cursor: default;
    opacity: 0.5;
}

input.machine-type.gs:checked + label[b-tj4y1oyqna] {
    background-color: #09304a;
    color: white;
    border-bottom-width: 1px;
}

input.machine-type.cs:checked + label[b-tj4y1oyqna] {
    background-color: #09304a;
    color: white;
    border-bottom-width: 1px;
}

input.machine-type.ds:checked + label[b-tj4y1oyqna] {
    background-color: #09304a;
    color: white;
    border-bottom-width: 1px;
}


.input-row.separate-top[b-tj4y1oyqna] {
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
    gap: 0.7em;
}

.input-row.machines[b-tj4y1oyqna] {
    display: flex;
    justify-content: center;
}

.input-row button[b-tj4y1oyqna] {
    display: inline-block;
    outline: 0;
    appearance: none;
    padding: 0px 12px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    background-color: rgb(249, 251, 250);
    border: 1px solid rgb(137, 151, 155);
    box-shadow: rgb(6 22 33 / 30%) 0px 1px 2px;
    color: rgb(61, 79, 88);
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    transition: all 150ms ease-in-out 0s;
}

.input-row button:hover[b-tj4y1oyqna] {
    color: rgb(61, 79, 88);
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(93, 108, 116);
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 4px, rgb(231 238 236) 0px 0px 0px 3px;
}

.login-panel button[b-tj4y1oyqna],
.input-row button.ok[b-tj4y1oyqna] {
    display: inline-block;
    outline: 0;
    appearance: none;
    padding: 0px 12px;
    border: 0px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    background-color: rgb(9, 128, 76);
    box-shadow: rgb(19 170 82 / 40%) 0px 2px 3px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    transition: all 150ms ease-in-out 0s;
}

.login-panel button:hover[b-tj4y1oyqna],
.input-row button.ok:hover[b-tj4y1oyqna] {
    color: rgb(255, 255, 255);
    background-color: rgb(17, 97, 73);
    box-shadow: rgb(19 170 82 / 40%) 0px 2px 3px, rgb(195 231 202) 0px 0px 0px 3px;
}

.input-row button:disabled[b-tj4y1oyqna] {
    opacity: 0.5;
}

.login-panel h3[b-tj4y1oyqna] {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.login-panel[b-tj4y1oyqna] {
    color: #e8f0f7;
    background: var(--surface-2);
    padding: 20px;
    width: 520px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.login-form[b-tj4y1oyqna],
.login-panel[b-tj4y1oyqna] {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.login-panel p.error-message[b-tj4y1oyqna] {
    color: var(--danger);
    margin-bottom: 0;
    margin-top: 10px;
}

.login-form button[b-tj4y1oyqna] {
    margin-top: 15px;
    width: 150px;
}

label.disabled[b-tj4y1oyqna] {
    opacity: 0.5;
}

.input-row.disabled[b-tj4y1oyqna] {
    background-color: #f7f7f7;
}

.input-row select:disabled[b-tj4y1oyqna],
.input-row input:disabled[b-tj4y1oyqna] {
    border-color: #0f2233;
    background-color: #0f2233;
}

.instance-action-list[b-tj4y1oyqna] {
    color: blue;
    position: relative;
    background-color: white;
    /*box-shadow: 2px 2px 10px rgba(0,0,0,0.5);*/
    width: 150px;
    /*right: 10px;*/
    z-index: 9999;
    list-style: none;
}

ul.instance-action-list[b-tj4y1oyqna],
.instance-action-list li[b-tj4y1oyqna] {
    padding: 0;
}

button.btn-instance-action[b-tj4y1oyqna] {
    font-size: 8pt;
    border: 0;
    width: 100%;
}

button.btn-instance-action:hover[b-tj4y1oyqna] {
    background-color: #ccc;
}

.instance-action-menu button.btn-instance-action[b-tj4y1oyqna] {
    background-color: #4aa288;
    color: white;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.instance-action-menu button.btn-instance-action:hover[b-tj4y1oyqna] {
    background-color: #316553;
}

input#remember-me[b-tj4y1oyqna] {
    margin-left: 10px;
}

.blazor-error-ui[b-tj4y1oyqna] {color:black;}

/* Responsive adjustment */
@media (max-width: 768px) {
    .instance-details[b-tj4y1oyqna] {
        grid-template-columns: auto;
    }
}

@media (max-width: 1024px) {
    .instance .status-text[b-tj4y1oyqna] {
        display: none;
    }
}

@media screen and (max-width: 1024px) {

    span.status-icon[b-tj4y1oyqna] {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .req-width-1024[b-tj4y1oyqna] {
        display: none;
    }
}


@media screen and (max-width: 768px) {
    .req-width-768[b-tj4y1oyqna] {
        display: none;
    }
}


@media screen and (max-width: 680px) {
    .instance-table[b-tj4y1oyqna] {
        font-size: 10pt;
    }
}

@media screen and (max-width: 680px) {
    .login-panel[b-tj4y1oyqna] { width: 100%; }
    .login-panel .input-row label[b-tj4y1oyqna] { min-width: 120px; }
}
/* _content/Aurgelmir/Pages/Logs.razor.rz.scp.css */
.page[b-6tdgixew2d] {
    display: flex;
    justify-content: center;
}

.logs-record-list[b-6tdgixew2d] {
    width: fit-content;
    max-width: 100%;
}

.logs-record-list td[b-6tdgixew2d] {
    padding: 5px;
}

.logs-record-list th[b-6tdgixew2d] {
    padding: 5px;
}

.file-name[b-6tdgixew2d] {
    word-wrap: break-word;
    word-break: break-word;
    text-wrap: wrap;
}

tr.logs[b-6tdgixew2d] {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    width: 460px;
    max-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
}

td.action-list[b-6tdgixew2d] {
    line-height: 40px;
}

.action-list .material-icons[b-6tdgixew2d] {
    position: relative;
    top: 7px;
}

a.download[b-6tdgixew2d],
span.delete[b-6tdgixew2d] {
    color: #0071c1;
    cursor: pointer;
    text-decoration: none;
}

a.download:hover[b-6tdgixew2d],
span.delete:hover[b-6tdgixew2d] {
    color: white;
    background-color: #0071c1;
}
/* _content/Aurgelmir/Pages/Slack/Index.razor.rz.scp.css */
.landing-page[b-j3k191v00c] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 50px;
    font-size: 12pt;
    color: white;
    /*transition: all ease-in 0.1s;*/
}

.data-reload-time[b-j3k191v00c] {
    font-size: 9pt;
    font-weight: 300;
    text-align: center;
    color: #e8c38187;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.element-groups[b-j3k191v00c] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.element-group.operators[b-j3k191v00c] {
    flex-grow: 1;
}

.element-group.message[b-j3k191v00c] {
    flex-grow: 1;
    min-width: 50%;
}

.support-message[b-j3k191v00c] {
    padding-top: 15px;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
}

.support-message:nth-of-type(1n+2)[b-j3k191v00c] {
    border-top: 1px dashed rgba(0,0,0,0.75);
}
.support-message:last-of-type[b-j3k191v00c] {
    border-bottom:0;
}

/*
.support-message:nth-of-type(odd) {
    padding-top: 10px;
    border-top: 1px dashed rgba(0,0,0,0.75);
}
*/
a[b-j3k191v00c] {
    text-decoration: none;
    color: white;
}

.operator[b-j3k191v00c] {
    padding: 2px 5px;
    display: block;
}

    .operator:hover[b-j3k191v00c] {
        background-color: rgba(0,0,0,0.25);
        cursor: pointer;
        user-select: none;
    }

h1[b-j3k191v00c] {
    font-size: 22pt;
    font-weight: 500;
    text-align: center;
}

h2[b-j3k191v00c] {
    font-weight: bold;
    font-size: 9pt;
    color: #dfbb7b;
    text-transform: uppercase;
}


.element-group[b-j3k191v00c] {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    /* align-items: center; */
    padding: 15px;
    flex-wrap: wrap;
}

.btn-icon[b-j3k191v00c] {
    color: white;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-left: 10px;
    margin-right: 0px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 9pt;
}

.operator-groups[b-j3k191v00c] {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-grow: 1;
    flex-wrap: wrap;
}

.operator-name[b-j3k191v00c] {
    margin-left: 5px;
}

.operator-group[b-j3k191v00c] {
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 20px;
}

.group-title[b-j3k191v00c] {
    margin-bottom: 10px;
}

.group-name[b-j3k191v00c] {
    font-size: 11pt;
}

.operators-header[b-j3k191v00c] {
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.support-message-header[b-j3k191v00c] {
    font-weight: bold;
    font-size: 18pt;
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.support-message-title[b-j3k191v00c] {
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
}

    .support-message-title .btn-icon[b-j3k191v00c] {
        margin-left: 0px;
        position: relative;
        top: -2px;
    }

.support-message-body[b-j3k191v00c] {
    word-wrap: normal;
    margin-bottom: 10px;
    text-align: center;
}

.support-message-date[b-j3k191v00c] {
    /*font-weight: bold;*/
    font-size: 9pt;
    text-align: center;
}


span.status-icon[b-j3k191v00c] {
    display: inline-block;
    border-radius: 24px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    box-sizing: border-box;
}

    span.status-icon.ok[b-j3k191v00c] {
        background-color: #05c46b;
        border: 3px solid rgba(5, 196, 107, 0.4);
    }

    span.status-icon.warning[b-j3k191v00c] {
        background-color: #ffa801;
        border: 3px solid rgba(255, 166, 1, 0.4);
    }

    span.status-icon.error[b-j3k191v00c] {
        background-color: #ff3f34;
        border: 3px solid rgba(255, 62, 52, 0.4);
    }


@media screen and (max-width: 900px) {
    .landing-page[b-j3k191v00c] {
        padding: 0px 50px 50px 50px;
    }
}


@media screen and (max-width: 650px) {
    h2[b-j3k191v00c] {
        font-size: 15pt;
    }

    span.status-icon[b-j3k191v00c] {
        width: 12px;
        height: 12px;
    }

    .element-group.message[b-j3k191v00c] {
        width: 100%;
    }

    .element-group.operators[b-j3k191v00c] {
        width: 100%;
    }

    .group-name[b-j3k191v00c] {
        font-size: 14pt;
    }

    .operators[b-j3k191v00c] {
        font-size: 18pt;
    }

    .operator-name[b-j3k191v00c] {
        margin-left: 12px;
    }

    .operator-groups[b-j3k191v00c] {
        flex-flow: column;
    }

    .site-logo[b-j3k191v00c] {
        margin-bottom: 0;
    }

    .landing-page[b-j3k191v00c] {
        padding: 0px 25px 25px 25px;
    }
}
/* _content/Aurgelmir/Pages/Slack/Tokens.razor.rz.scp.css */
.landing-page[b-4enpc5lh0c] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 50px;
    font-size: 12pt;
    color: white;
    /*transition: all ease-in 0.1s;*/
}

.data-reload-time[b-4enpc5lh0c] {
    font-size: 9pt;
    font-weight: 300;
    text-align: center;
    color: #e8c38187;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.element-groups[b-4enpc5lh0c] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.element-group.operators[b-4enpc5lh0c] {
    flex-grow: 1;
}

.element-group.message[b-4enpc5lh0c] {
    flex-grow: 1;
    min-width: 50%;
}

.support-message[b-4enpc5lh0c] {
    padding-top: 15px;
    padding-bottom: 25px;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
}

.support-message:nth-of-type(1n+2)[b-4enpc5lh0c] {
    border-top: 1px dashed rgba(0,0,0,0.75);
}
.support-message:last-of-type[b-4enpc5lh0c] {
    border-bottom:0;
}

/*
.support-message:nth-of-type(odd) {
    padding-top: 10px;
    border-top: 1px dashed rgba(0,0,0,0.75);
}
*/
a[b-4enpc5lh0c] {
    text-decoration: none;
    color: white;
}

.operator[b-4enpc5lh0c] {
    padding: 2px 5px;
    display: block;
}

    .operator:hover[b-4enpc5lh0c] {
        background-color: rgba(0,0,0,0.25);
        cursor: pointer;
        user-select: none;
    }

h1[b-4enpc5lh0c] {
    font-size: 22pt;
    font-weight: 500;
    text-align: center;
}

h2[b-4enpc5lh0c] {
    font-weight: bold;
    font-size: 9pt;
    color: #dfbb7b;
    text-transform: uppercase;
}


.element-group[b-4enpc5lh0c] {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    /* align-items: center; */
    padding: 15px;
    flex-wrap: wrap;
}

.btn-icon[b-4enpc5lh0c] {
    color: white;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-left: 10px;
    margin-right: 0px;
    font-weight: 500;
    line-height: 1.2;
    font-size: 9pt;
}

.operator-groups[b-4enpc5lh0c] {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-grow: 1;
    flex-wrap: wrap;
}

.operator-name[b-4enpc5lh0c] {
    margin-left: 5px;
}

.operator-group[b-4enpc5lh0c] {
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 20px;
}

.group-title[b-4enpc5lh0c] {
    margin-bottom: 10px;
}

.group-name[b-4enpc5lh0c] {
    font-size: 11pt;
}

.operators-header[b-4enpc5lh0c] {
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.support-message-header[b-4enpc5lh0c] {
    font-weight: bold;
    font-size: 18pt;
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.support-message-title[b-4enpc5lh0c] {
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
}

    .support-message-title .btn-icon[b-4enpc5lh0c] {
        margin-left: 0px;
        position: relative;
        top: -2px;
    }

.support-message-body[b-4enpc5lh0c] {
    word-wrap: normal;
    margin-bottom: 10px;
    text-align: center;
}

.support-message-date[b-4enpc5lh0c] {
    /*font-weight: bold;*/
    font-size: 9pt;
    text-align: center;
}


span.status-icon[b-4enpc5lh0c] {
    display: inline-block;
    border-radius: 24px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    box-sizing: border-box;
}

    span.status-icon.ok[b-4enpc5lh0c] {
        background-color: #05c46b;
        border: 3px solid rgba(5, 196, 107, 0.4);
    }

    span.status-icon.warning[b-4enpc5lh0c] {
        background-color: #ffa801;
        border: 3px solid rgba(255, 166, 1, 0.4);
    }

    span.status-icon.error[b-4enpc5lh0c] {
        background-color: #ff3f34;
        border: 3px solid rgba(255, 62, 52, 0.4);
    }


@media screen and (max-width: 900px) {
    .landing-page[b-4enpc5lh0c] {
        padding: 0px 50px 50px 50px;
    }
}


@media screen and (max-width: 650px) {
    h2[b-4enpc5lh0c] {
        font-size: 15pt;
    }

    span.status-icon[b-4enpc5lh0c] {
        width: 12px;
        height: 12px;
    }

    .element-group.message[b-4enpc5lh0c] {
        width: 100%;
    }

    .element-group.operators[b-4enpc5lh0c] {
        width: 100%;
    }

    .group-name[b-4enpc5lh0c] {
        font-size: 14pt;
    }

    .operators[b-4enpc5lh0c] {
        font-size: 18pt;
    }

    .operator-name[b-4enpc5lh0c] {
        margin-left: 12px;
    }

    .operator-groups[b-4enpc5lh0c] {
        flex-flow: column;
    }

    .site-logo[b-4enpc5lh0c] {
        margin-bottom: 0;
    }

    .landing-page[b-4enpc5lh0c] {
        padding: 0px 25px 25px 25px;
    }
}
/* _content/Aurgelmir/Pages/Status.razor.rz.scp.css */
.site-logo[b-vuvcd7yx73] {
    width: 180px;
}

.status-page[b-vuvcd7yx73] {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 0 50px 50px 50px;
    font-size: 12pt;
    color: white;
    /*transition: all ease-in 0.1s;*/

    width: 800px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.system-list[b-vuvcd7yx73] {
    background-color: white;
    color: #333;
    padding: 20px 50px;
    border-radius: 6px;
    box-shadow: 4px 2px 12px 4px rgb(0 0 0 / 75%);
}

.system-item[b-vuvcd7yx73] {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    /*border-bottom: 1px solid #ccc;*/
    border-bottom: 1px dashed #c2c2c2;
}

.system-item:last-of-type[b-vuvcd7yx73] {
    border-bottom: 0;
}

.system-name[b-vuvcd7yx73] {
    min-width: 30%;
}


.system-name.short-name[b-vuvcd7yx73] {
    display: none;
}


.status-page h1[b-vuvcd7yx73] {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18pt;
}

.system-list-uptime h2[b-vuvcd7yx73] {
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18pt;
}

.system-list-uptime h2 span[b-vuvcd7yx73] {
    font-size: 16pt;
    font-weight: normal;
}

.status-page h3[b-vuvcd7yx73] {
    text-align: center;
    margin-bottom: 35px;
    font-size: 9pt;
}

.status-page .header[b-vuvcd7yx73] {
    background-color: white;
    color: #333;
    padding: 40px 70px 30px 70px;
    border-radius: 6px;
    box-shadow: 4px 2px 12px 4px rgb(0 0 0 / 75%);
    font-size: 22pt;
}

.status-page .header p[b-vuvcd7yx73] {
    margin: 0;
    padding: 0;
}


.dot.is-big[b-vuvcd7yx73] {
    width: 48px;
    height: 48px;
}

.dot[b-vuvcd7yx73] {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background: #3bd671;
    position: relative;
    -ms-transform: none;
    transform: none;
}

.dot.is-big[b-vuvcd7yx73]:after {
    animation: pulseBig-b-vuvcd7yx73 2s infinite;
}

.dot[b-vuvcd7yx73]:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: currentColor;
    animation: pulse-b-vuvcd7yx73 2s infinite;
    opacity: 1;
    border-radius: 50%;
    top: 0;
    left: 0;
}

.system-status .dot[b-vuvcd7yx73] {
    margin-right: 5px;
}

.is-ok[b-vuvcd7yx73] {
    color: #3bd671;
}

.is-error[b-vuvcd7yx73] {
    color: #df484a;
}

.is-warning[b-vuvcd7yx73] {
    color: #f29030;
}

.is-grey[b-vuvcd7yx73] {
    color: #637189;
}

.dot.is-error[b-vuvcd7yx73] {
    background: #df484a
}

.dot.is-warning[b-vuvcd7yx73] {
    background: #f29030
}

.dot.is-grey[b-vuvcd7yx73] {
    background: #637189
}

.dot.is-grey[b-vuvcd7yx73]:after {
    display: none
}


.status-message[b-vuvcd7yx73] {
    display: inline-block;
    position: relative;
    top: -12px;
    margin-left: 17px;
}


@keyframes pulseBig-b-vuvcd7yx73 {
    0% {
        opacity: 0.5
    }

    70% {
        opacity: 0;
        transform: scale(1.6)
    }

    100% {
        opacity: 0
    }
}

@keyframes pulse-b-vuvcd7yx73 {
    0% {
        opacity: 0.5
    }

    70% {
        opacity: 0;
        transform: scale(2.5)
    }

    100% {
        opacity: 0
    }
}

@media screen and (max-width: 740px) {
    .status-page[b-vuvcd7yx73] {
        width: 100%;
    }

    .status-page .header[b-vuvcd7yx73] {
        padding: 25px 25px 20px 25px;
    }

    .status-message[b-vuvcd7yx73] {
        font-size: 16pt;
        top: -10px;
    }

    .dot.is-big[b-vuvcd7yx73] {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 560px) {
    .status-page[b-vuvcd7yx73] {
        padding: 0 25px 25px 25px;
    }

    .status-message[b-vuvcd7yx73] {
        font-size: 16pt;
        top: -10px;
    }

    .dot.is-big[b-vuvcd7yx73] {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 500px){
    .status-page[b-vuvcd7yx73] {
        padding: 0 15px 15px 15px;
    }
    .status-page .header[b-vuvcd7yx73] {
        padding: 10px 10px 5px 10px;
    }
    .status-message[b-vuvcd7yx73]{
        font-size: 12pt;
        top: -7px;
    }
    .system-name.long-name[b-vuvcd7yx73] {
        display: none;
    }
    .system-name.short-name[b-vuvcd7yx73] {
        display: inline-block;
    }
    .dot.is-big[b-vuvcd7yx73] {
        width: 28px;
        height: 28px;
        position: relative;
        left: 8px;
    }
}



@media screen and (max-width: 350px) {
    .status-page[b-vuvcd7yx73] {
        padding: 0 15px 15px 15px;
    }

    .status-page .header[b-vuvcd7yx73] {
        padding: 2px 2px 0px 2px;
    }

    .status-message[b-vuvcd7yx73] {
        font-size: 12pt;
        top: -7px;
    }

    .system-name.long-name[b-vuvcd7yx73] {
        display: none;
    }

    .system-name.short-name[b-vuvcd7yx73] {
        display: inline-block;
    }

    .dot.is-big[b-vuvcd7yx73] {
        width: 16px;
        height: 16px;
        position: relative;
        top: -4px;
        left: 13px;
    }
}
/* _content/Aurgelmir/Pages/Tools.razor.rz.scp.css */
.tools-page[b-jxr619ubaf] {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    align-content: center;
    justify-content: center;
    gap: 10px;
}

h3[b-jxr619ubaf] {
    font-weight: bold;
    font-size: 16pt;
}

.data-form[b-jxr619ubaf] {
    display: flex;
    flex-flow: column;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    color: #414141;
}

.data-form form[b-jxr619ubaf] {
    display: flex;
    flex-direction: row;
}

.data-form button[b-jxr619ubaf] {
    border: 1px solid #767676;
    border-left: 0;
}

.data-value[b-jxr619ubaf] {
    font-weight: bold;
}

.data-row[b-jxr619ubaf] {
    display: flex;
    justify-content: space-between;
}

.data-result[b-jxr619ubaf] {
    display: flex;
    flex-direction: column;
    padding: 6px;
    background-color: #e6e6e6;
    margin-top: 5px;
    flex-grow:1;
}

@media screen and (max-width: 1450px) {
    .getting-started-page[b-jxr619ubaf] {
        flex-wrap: nowrap;
    }

    .getting-started-preview[b-jxr619ubaf] {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .getting-started-page[b-jxr619ubaf] {
        flex-wrap: wrap-reverse;
    }

    .getting-started-preview[b-jxr619ubaf] {
        width: 100%;
    }

    .how-to-update[b-jxr619ubaf] {
        width: 100%;
    }

    .content-editor[b-jxr619ubaf] {
        height: 100%;
    }
}
/* _content/Aurgelmir/Shared/AdminLayout.razor.rz.scp.css */
.page[b-dkfsttk5bu] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-dkfsttk5bu] {
    flex: 1;
}

.sidebar[b-dkfsttk5bu] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-dkfsttk5bu] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-dkfsttk5bu]  a, .top-row .btn-link[b-dkfsttk5bu] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-dkfsttk5bu] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-dkfsttk5bu] {
        display: none;
    }

    .top-row.auth[b-dkfsttk5bu] {
        justify-content: space-between;
    }

    .top-row a[b-dkfsttk5bu], .top-row .btn-link[b-dkfsttk5bu] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-dkfsttk5bu] {
        flex-direction: row;
    }

    .sidebar[b-dkfsttk5bu] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-dkfsttk5bu] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-dkfsttk5bu], article[b-dkfsttk5bu] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Aurgelmir/Shared/MainLayout.razor.rz.scp.css */
.page[b-gx519if8p4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-gx519if8p4] {
    flex: 1;
}

.sidebar[b-gx519if8p4] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-gx519if8p4] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-gx519if8p4]  a, .top-row .btn-link[b-gx519if8p4] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-gx519if8p4] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-gx519if8p4] {
        display: none;
    }

    .top-row.auth[b-gx519if8p4] {
        justify-content: space-between;
    }

    .top-row a[b-gx519if8p4], .top-row .btn-link[b-gx519if8p4] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-gx519if8p4] {
        flex-direction: row;
    }

    .sidebar[b-gx519if8p4] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-gx519if8p4] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-gx519if8p4]/*, article */{
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Aurgelmir/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bsromimqsc] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-bsromimqsc] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-bsromimqsc] {
    font-size: 1.1rem;
}

.oi[b-bsromimqsc] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-bsromimqsc] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-bsromimqsc] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-bsromimqsc] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bsromimqsc]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-bsromimqsc]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-bsromimqsc]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-bsromimqsc] {
        display: none;
    }

    .collapse[b-bsromimqsc] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}