/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Layout/AdminPortalSidebar.razor.rz.scp.css */
.navigation-drawer[b-cl5gefknes] {
    z-index: 1;
    left: 0;
    width: 150px;
    transition-property: left;
}

.navigation-drawer > section ul[b-cl5gefknes] {
    margin-bottom: 5px !important;
}

.navigation-drawer i[b-cl5gefknes] {
    padding-right: 10px;
    font-size: 18px;
    width: 30px;
}

.navigation-drawer .profile-info[b-cl5gefknes] {
    display: inline-block;
}

.navigation-drawer .profile-info .name[b-cl5gefknes] {
    display: inline-grid;
}

.navigation-drawer .e-acrdn-header[b-cl5gefknes] {
    background: #f8f8f8;
}

ul.dashboard[b-cl5gefknes] {
    border-top: 1px solid #dfdfdf;
    margin: 0;
    padding: 7px 10px;
    list-style: none;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header[b-cl5gefknes] {
    margin: 0px !important;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/AccountManagers/AccountManager.razor.rz.scp.css */
.radio-control[b-05flzogya0] {
    margin: 5% 0 5% 20%;
    width: 200px;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/AccountManagers/Profile.razor.rz.scp.css */
span.e-input-group.e-control-container.e-control-wrapper.e-valid-input.valid[b-mjf7ntkph8] {
    border: none !important;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/AccountManagers/UpdateMobileNo.razor.rz.scp.css */
span.e-input-group.e-control-container.e-control-wrapper.e-valid-input.valid[b-qvewhc1msm] {
    border: none !important;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/DriverTruckAssignment/DriverTruckAssignmentPage.razor.rz.scp.css */
/* Bug report: Add/Refresh (appended after the Search toolbar item - see
   ApplicationComponent.GetBasicTools/GetToolBarAddOnly) were rendering pushed to the far
   right with a large gap, instead of sitting right after CSV Export like on localhost -
   Syncfusion's own theme floats/pushes the Search box to the right of the toolbar, and every
   item declared after it in the array follows it there. Force it to stay in normal flow so
   this can't drift between environments depending on which Syncfusion theme asset is loaded. */
[b-2fmhkk10dy] .e-toolbar-item.e-search-wrapper {
    float: none !important;
    margin-left: 0 !important;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/PermissionsManager/AddRole.razor.rz.scp.css */
table[b-45maeiegli] {
    border-collapse: collapse;
    width: 100%;
}

label[b-45maeiegli] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-45maeiegli] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-45maeiegli] {
    font-size: 15px !important;
}

.permissions-table tr.perm-row:hover > *[b-45maeiegli] {
    background-color: #f8f9fa; /* tweak to suit your theme */
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/PermissionsManager/EditRolePermissions.razor.rz.scp.css */
table[b-jdq9or1igf] {
    border-collapse: collapse;
    width: 100%;
}

label[b-jdq9or1igf] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-jdq9or1igf] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-jdq9or1igf] {
    font-size: 15px !important;
}

.permissions-table tr.perm-row:hover > *[b-jdq9or1igf] {
    background-color: #f8f9fa; /* tweak to suit your theme */
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/PermissionsManager/RolePermissionsManager.razor.rz.scp.css */
table[b-4jx7mhymmk] {
    border-collapse: collapse;
    width: 100%;
}

label[b-4jx7mhymmk] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-4jx7mhymmk] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-4jx7mhymmk] {
    font-size: 15px !important;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Pages/TenantCarMakes/TenantCarMake.razor.rz.scp.css */
/* Keep Syncfusion grid toolbars to a single line so grid viewport heights stay consistent */
[b-lenc589y2g](.e-grid .e-toolbar .e-toolbar-items) {
	flex-wrap: nowrap;
	overflow-x: auto;
}

[b-lenc589y2g](.e-grid .e-toolbar .e-toolbar-item) {
	white-space: nowrap;
}
/* _content/InfraByte.WebApp/Components/Areas/AdminPortal/Shared/SideBar/Referralmenu.razor.rz.scp.css */

#setting[b-93pwp11z6n] {
    display: none;
}

#setting:checked ~ ul.setting-list[b-93pwp11z6n] {
    display: block !important;
}

#setting:checked ~ .navigation-drawer > section ul.setting-list[b-93pwp11z6n] {
    display: block !important;
}
#setting:checked ~ i#uparrow[b-93pwp11z6n] {
    display: block;
}

#setting:checked ~ i#downarrow[b-93pwp11z6n] {
    display: none;
}
#setting:checked ~ label[b-93pwp11z6n] {
    background: #333;
}

#setting:checked ~ label a.active span[b-93pwp11z6n] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Areas/Assistant/Pages/AssistantChat.razor.rz.scp.css */
/* ── Container ──────────────────────────────────────────────────────────── */
.assistant-chat-container[b-ftpgodjfun] {
    display: flex;
    height: 100%;
    overflow: hidden;
    background: #f8f9fa;
}

/* ── Sidebar ──────────────────────────────────────────────────────────────*/
.session-sidebar[b-ftpgodjfun] {
    width: 220px;
    min-width: 220px;
    background: #ffffff;
    border-right: 1px solid var(--sn-border-color, #f0f0f0);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sidebar-title[b-ftpgodjfun] {
    padding: 14px 14px 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9ca3af;
    margin: 0;
}

.no-sessions[b-ftpgodjfun] {
    padding: 8px 14px;
    font-size: 12px;
    color: #9ca3af;
    font-style: italic;
}

.session-scroll-area[b-ftpgodjfun] {
    flex: 1;
    overflow-y: auto;
}

.session-group-header[b-ftpgodjfun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 14px 2px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    cursor: pointer;
    user-select: none;
}

    .session-group-header:hover[b-ftpgodjfun] {
        color: #6b7280;
    }

    .session-group-header.collapsed[b-ftpgodjfun] {
        opacity: 0.7;
    }

.group-chevron[b-ftpgodjfun] {
    font-size: 12px;
    line-height: 1;
}

.session-list[b-ftpgodjfun] {
    list-style: none;
    padding: 0;
    margin: 0 0 4px;
}

.session-item[b-ftpgodjfun] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 14px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: background 0.15s, border-color 0.15s;
}

.session-item:hover[b-ftpgodjfun] {
    background: #fff7ed;
    border-left-color: #fed7aa;
}

.session-item.active[b-ftpgodjfun] {
    background: #fff7ed;
    border-left-color: var(--sn-btn-background-color, #ff8d00);
}

.session-preview[b-ftpgodjfun] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #374151;
}

.btn-rename[b-ftpgodjfun] {
    flex-shrink: 0;
    display: none;
    background: none;
    border: none;
    padding: 0 0 0 4px;
    font-size: 12px;
    color: #9ca3af;
    cursor: pointer;
    line-height: 1;
}

    .btn-rename:hover[b-ftpgodjfun] {
        color: #374151;
    }

.session-item:hover .btn-rename[b-ftpgodjfun] {
    display: inline;
}

.session-rename-input[b-ftpgodjfun] {
    flex: 1;
    font-size: 12px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--sn-btn-background-color, #ff8d00);
    outline: none;
    color: #374151;
    padding: 0;
    min-width: 0;
}

.session-date[b-ftpgodjfun] {
    display: block;
    font-size: 10px;
    color: #9ca3af;
    margin-bottom: 2px;
}

.session-preview[b-ftpgodjfun] {
    display: block;
    font-size: 12px;
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-new-session[b-ftpgodjfun] {
    margin: 10px;
    padding: 8px 12px;
    background: var(--sn-btn-background-color, #ff8d00);
    color: #fff;
    border: none;
    border-radius: var(--sn-border-radius, 8px);
    font-family: "Nunito Sans", -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    text-align: center;
}

.btn-new-session:hover[b-ftpgodjfun] {
    background: var(--sn-btn-hover-background, #ff991c);
}

/* ── Chat main ────────────────────────────────────────────────────────────*/
.chat-main[b-ftpgodjfun] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
}

/* ── Message list ─────────────────────────────────────────────────────────*/
.message-list[b-ftpgodjfun] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    scroll-behavior: smooth;
}

/* ── Messages ─────────────────────────────────────────────────────────────*/
.message[b-ftpgodjfun] {
    display: flex;
    flex-direction: column;
    max-width: 78%;
}

.message.user[b-ftpgodjfun]      { align-self: flex-end;   align-items: flex-end;   }
.message.assistant[b-ftpgodjfun],
.message.streaming[b-ftpgodjfun] { align-self: flex-start; align-items: flex-start; }
.message.tool-call[b-ftpgodjfun] { align-self: flex-start; }

.message-content[b-ftpgodjfun] {
    padding: 10px 14px;
    font-size: 12px;
    line-height: 1.65;
    word-break: break-word;
    max-width: 100%;
}

.message.user .message-content[b-ftpgodjfun] {
    background: var(--sn-btn-background-color, #ff8d00);
    color: #ffffff;
    border-radius: 16px 16px 4px 16px;
}

.message.assistant .message-content[b-ftpgodjfun],
.message.streaming  .message-content[b-ftpgodjfun] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    color: var(--sn-text-color, #333);
    border-radius: 4px 16px 16px 16px;
}

/* Markdown rendered via MarkupString — must use ::deep */
.message.assistant .message-content[b-ftpgodjfun]  p,
.message.streaming  .message-content[b-ftpgodjfun]  p   { margin: 0 0 6px; }

.message.assistant .message-content[b-ftpgodjfun]  p:last-child,
.message.streaming  .message-content[b-ftpgodjfun]  p:last-child { margin-bottom: 0; }

.message.assistant .message-content[b-ftpgodjfun]  h3,
.message.assistant .message-content[b-ftpgodjfun]  h4,
.message.assistant .message-content[b-ftpgodjfun]  h5,
.message.streaming  .message-content[b-ftpgodjfun]  h3,
.message.streaming  .message-content[b-ftpgodjfun]  h4,
.message.streaming  .message-content[b-ftpgodjfun]  h5 {
    font-size: 13px;
    font-weight: 700;
    margin: 10px 0 4px;
    color: #1f2531;
}

.message.assistant .message-content[b-ftpgodjfun]  ul,
.message.assistant .message-content[b-ftpgodjfun]  ol,
.message.streaming  .message-content[b-ftpgodjfun]  ul,
.message.streaming  .message-content[b-ftpgodjfun]  ol {
    margin: 4px 0 4px 18px;
    padding: 0;
}

.message.assistant .message-content[b-ftpgodjfun]  li,
.message.streaming  .message-content[b-ftpgodjfun]  li { margin-bottom: 3px; }

.message.assistant .message-content[b-ftpgodjfun]  code,
.message.streaming  .message-content[b-ftpgodjfun]  code {
    background: #e9ecef;
    padding: 1px 5px;
    border-radius: 4px;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 11px;
    color: #d63384;
}

.message.assistant .message-content[b-ftpgodjfun]  pre,
.message.streaming  .message-content[b-ftpgodjfun]  pre {
    background: #1f2531;
    color: #f8f8f2;
    padding: 12px;
    border-radius: 6px;
    overflow-x: auto;
    margin: 8px 0;
    font-size: 11px;
    line-height: 1.5;
}

.message.assistant .message-content[b-ftpgodjfun]  pre code,
.message.streaming  .message-content[b-ftpgodjfun]  pre code {
    background: none;
    color: inherit;
    padding: 0;
    font-size: inherit;
}

.message.assistant .message-content[b-ftpgodjfun]  strong,
.message.streaming  .message-content[b-ftpgodjfun]  strong { font-weight: 600; }

.message.assistant .message-content[b-ftpgodjfun]  hr,
.message.streaming  .message-content[b-ftpgodjfun]  hr {
    border: none;
    border-top: 1px solid #dee2e6;
    margin: 8px 0;
}

/* ── Tool-call indicator ──────────────────────────────────────────────────*/
.tool-call-indicator[b-ftpgodjfun] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 20px;
    font-size: 11px;
    color: #6c757d;
    font-style: italic;
}

/* ── Thinking indicator ───────────────────────────────────────────────────*/
/* The bulb itself is the shared <GlowingBulb /> component; here we only place
   it (left-aligned, no background bubble). */
.thinking-row[b-ftpgodjfun] {
    align-self: flex-start;
    padding: 2px 6px;
}

/* ── Blinking cursor ──────────────────────────────────────────────────────*/
@keyframes blink-b-ftpgodjfun {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

.cursor-blink[b-ftpgodjfun] {
    animation: blink-b-ftpgodjfun 0.9s step-start infinite;
    color: var(--sn-btn-background-color, #ff8d00);
}

/* ── Feedback bar ─────────────────────────────────────────────────────────*/
.feedback-bar[b-ftpgodjfun] {
    padding: 8px 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #f0f0f0;
    background: #fff;
    font-size: 12px;
    color: #6c757d;
}

.btn-feedback[b-ftpgodjfun] {
    background: none;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    padding: 3px 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6;
    transition: border-color 0.15s, background 0.15s;
}

.btn-feedback:hover[b-ftpgodjfun] {
    border-color: var(--sn-btn-background-color, #ff8d00);
    background: #fff7ed;
}

/* ── Input area ───────────────────────────────────────────────────────────*/
.input-area[b-ftpgodjfun] {
    display: flex;
    gap: 8px;
    padding: 12px 16px 14px;
    background: #fff;
    border-top: 1px solid #e9ecef;
}

.chat-input[b-ftpgodjfun] {
    flex: 1;
    resize: none;
    border: 2px solid #e9ecef;
    border-radius: var(--sn-border-radius, 8px);
    padding: 9px 12px;
    font-family: "Nunito Sans", -apple-system, sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 1.5;
    transition: border-color 0.15s;
    outline: none;
    height: auto !important;
}

.chat-input:focus[b-ftpgodjfun]   { border-color: var(--sn-btn-background-color, #ff8d00); }
.chat-input:disabled[b-ftpgodjfun] { background: #f8f9fa; color: #9ca3af; }

.btn-send[b-ftpgodjfun] {
    min-width: 72px;
    padding: 0 16px;
    background: var(--sn-btn-background-color, #ff8d00);
    color: #fff;
    border: none;
    border-radius: var(--sn-border-radius, 8px);
    font-family: "Nunito Sans", -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-send:hover:not(:disabled)[b-ftpgodjfun] { background: var(--sn-btn-hover-background, #ff991c); }

.btn-send:disabled[b-ftpgodjfun] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}
/* _content/InfraByte.WebApp/Components/Areas/Assistant/Pages/AssistantMonitor.razor.rz.scp.css */
/* ── Scroll wrapper (allows monitor page to scroll within fixed-height layout) */
.monitor-scroll[b-f50lqrvy5l] {
    flex: 1;
    overflow-y: auto;
    padding: 15px 15px 24px;
}

/* ── Summary cards ───────────────────────────────────────────────────────── */
.monitor-summary-row[b-f50lqrvy5l] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.summary-card[b-f50lqrvy5l] {
    background: #ffffff;
    border: 1px solid var(--sn-border-color, #f0f0f0);
    border-radius: var(--sn-border-radius, 8px);
    padding: 14px 18px;
    min-width: 130px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.summary-card.card-warn[b-f50lqrvy5l] {
    border-color: #fbbf24;
    background: #fffbeb;
}

.card-value[b-f50lqrvy5l] {
    font-size: 22px;
    font-weight: 700;
    color: #1f2531;
    line-height: 1;
}

.card-label[b-f50lqrvy5l] {
    font-size: 10px;
    color: #6c757d;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.summary-card.card-warn .card-value[b-f50lqrvy5l] { color: #d97706; }

/* ── Top tools strip ─────────────────────────────────────────────────────── */
.top-tools-row[b-f50lqrvy5l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    padding: 10px 14px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    font-size: 12px;
}

.top-tools-label[b-f50lqrvy5l] {
    color: #6c757d;
    font-weight: 600;
    margin-right: 4px;
}

.tool-chip[b-f50lqrvy5l] {
    padding: 3px 10px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    font-size: 11px;
    color: #495057;
}

.tool-chip strong[b-f50lqrvy5l] {
    color: var(--sn-btn-background-color, #ff8d00);
    margin-left: 4px;
}

/* ── Tab navigation ──────────────────────────────────────────────────────── */
.monitor-tabs[b-f50lqrvy5l] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e9ecef;
    margin-bottom: 0;
}

.tab-btn[b-f50lqrvy5l] {
    padding: 9px 20px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-family: "Nunito Sans", -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.tab-btn:hover[b-f50lqrvy5l] { color: #333; }

.tab-btn.active[b-f50lqrvy5l] {
    color: var(--sn-btn-background-color, #ff8d00);
    border-bottom-color: var(--sn-btn-background-color, #ff8d00);
}

/* ── Data table ──────────────────────────────────────────────────────────── */
.monitor-table[b-f50lqrvy5l] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.monitor-table th[b-f50lqrvy5l] {
    padding: 10px 12px;
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    white-space: nowrap;
}

.monitor-table td[b-f50lqrvy5l] {
    padding: 10px 12px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
    vertical-align: middle;
}

.monitor-table tbody tr:last-child td[b-f50lqrvy5l] { border-bottom: none; }
.monitor-table tbody tr:hover[b-f50lqrvy5l] { background: #fafafa; }

.monitor-table .row-error td[b-f50lqrvy5l] {
    color: #dc3545;
    background: #fff5f5;
}

.cell-mono[b-f50lqrvy5l] {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 11px;
}

.cell-wrap[b-f50lqrvy5l] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Pager ───────────────────────────────────────────────────────────────── */
.pager[b-f50lqrvy5l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 2px 2px;
    font-size: 12px;
    color: #6c757d;
}

.pager button[b-f50lqrvy5l] {
    padding: 4px 12px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.pager button:hover:not(:disabled)[b-f50lqrvy5l] {
    background: #fff7ed;
    border-color: var(--sn-btn-background-color, #ff8d00);
    color: var(--sn-btn-background-color, #ff8d00);
}

.pager button:disabled[b-f50lqrvy5l] { opacity: 0.4; cursor: not-allowed; }

/* ── Triage buttons ──────────────────────────────────────────────────────── */
.btn-triage[b-f50lqrvy5l],
.btn-wontfix[b-f50lqrvy5l] {
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    font-family: "Nunito Sans", -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    color: #495057;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    margin-right: 4px;
}

.btn-triage:hover[b-f50lqrvy5l] {
    background: #f0fdf4;
    border-color: #22c55e;
    color: #16a34a;
}

.btn-wontfix:hover[b-f50lqrvy5l] {
    background: #fff5f5;
    border-color: #ef4444;
    color: #dc2626;
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Layout/PlatformPortalSidebar.razor.rz.scp.css */
.navigation-drawer[b-6y4k4umv1d] {
    z-index: 1;
    left: 0;
    width: 150px;
    transition-property: left;
}

.navigation-drawer > section ul[b-6y4k4umv1d] {
    margin-bottom: 5px !important;
}

.navigation-drawer i[b-6y4k4umv1d] {
    padding-right: 10px;
    font-size: 18px;
    width: 30px;
}

.navigation-drawer .profile-info[b-6y4k4umv1d] {
    display: inline-block;
}

.navigation-drawer .profile-info .name[b-6y4k4umv1d] {
    display: inline-grid;
}

.navigation-drawer .e-acrdn-header[b-6y4k4umv1d] {
    background: #f8f8f8;
}

ul.dashboard[b-6y4k4umv1d] {
    border-top: 1px solid #dfdfdf;
    margin: 0;
    padding: 7px 10px;
    list-style: none;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header[b-6y4k4umv1d] {
    margin: 0px !important;
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/CarMakes/CarMake.razor.rz.scp.css */
/* Keep Syncfusion grid toolbars to a single line so grid viewport heights stay consistent */
[b-3zy623pqrw](.e-grid .e-toolbar .e-toolbar-items) {
	flex-wrap: nowrap;
	overflow-x: auto;
}

[b-3zy623pqrw](.e-grid .e-toolbar .e-toolbar-item) {
	white-space: nowrap;
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/Pinnacles/GlobalPinnacleMakeModel.razor.rz.scp.css */
.pinnacle-vehicle-catalog-page[b-d3g9rhogxq] {
    position: relative;
}

.label[b-d3g9rhogxq] {
    font-weight: 600;
    margin-right: 6px;
}

.summary-card[b-d3g9rhogxq],
.detail-card[b-d3g9rhogxq],
.grid-card[b-d3g9rhogxq] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.summary-title[b-d3g9rhogxq],
.detail-title[b-d3g9rhogxq],
.grid-title[b-d3g9rhogxq] {
    font-weight: 600;
    color: #334155;
    margin-bottom: 10px;
}

.summary-value[b-d3g9rhogxq] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f172a;
}

.detail-grid[b-d3g9rhogxq] {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 8px 12px;
}

.detail-label[b-d3g9rhogxq] {
    font-weight: 600;
    color: #475569;
}

.detail-value[b-d3g9rhogxq] {
    color: #0f172a;
    word-break: break-word;
}

.busy-overlay[b-d3g9rhogxq] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.28);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.busy-card[b-d3g9rhogxq] {
    background: white;
    border-radius: 16px;
    padding: 28px 36px;
    min-width: 280px;
    text-align: center;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.15);
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/Pinnacles/PinnacleInventoryItems.razor.rz.scp.css */
.pinnacle-items-page[b-2dftvodubo] {
    position: relative;
}

.summary-card[b-2dftvodubo],
.grid-card[b-2dftvodubo] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

.summary-title[b-2dftvodubo] {
    font-weight: 600;
    color: #334155;
    margin-bottom: 10px;
}

.summary-value[b-2dftvodubo] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f172a;
}

.grid-title[b-2dftvodubo] {
    font-weight: 600;
    color: #334155;
    margin-bottom: 10px;
}

.item-thumb-wrap[b-2dftvodubo] {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 6px;
}

.item-thumb[b-2dftvodubo] {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px;
    max-height: 40px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    display: block;
}

.item-thumb-placeholder[b-2dftvodubo] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border: 1px dashed #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d1d5db;
    font-size: 1.1rem;
    background: #fff;
}

.busy-overlay[b-2dftvodubo] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.28);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.busy-card[b-2dftvodubo] {
    background: white;
    border-radius: 16px;
    padding: 28px 36px;
    min-width: 280px;
    text-align: center;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.15);
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/TenantManager/SubscriptionPermissionManager/AddSubscription.razor.rz.scp.css */
table[b-2qgfw87ebw] {
    border-collapse: collapse;
    width: 100%;
}

label[b-2qgfw87ebw] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-2qgfw87ebw] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-2qgfw87ebw] {
    font-size: 15px !important;
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/TenantManager/SubscriptionPermissionManager/EditSubscription.razor.rz.scp.css */
table[b-4x6j3m20pq] {
    border-collapse: collapse;
    width: 100%;
}

label[b-4x6j3m20pq] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-4x6j3m20pq] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-4x6j3m20pq] {
    font-size: 15px !important;
}

/* Keep Bootstrap's hover for normal rows, but disable for headers */
/*.permissions-table tr.no-hover:hover > * {
    background: transparent !important;
}*/

/* Optional: subtle transition + keyboard focus support */
/*.permissions-table tr.perm-row {
    transition: background-color .15s ease-in-out;
}

.permissions-table tr.perm-row:focus-within {
    background-color: var(--bs-table-hover-bg, #f8f9fa);
}*/


.permissions-table tr.perm-row:hover > *[b-4x6j3m20pq] {
    background-color: #f8f9fa; /* tweak to suit your theme */
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/TenantManager/SubscriptionPermissionManager/SubscriptionPermissions.razor.rz.scp.css */
table[b-zuge6zchw8] {
    border-collapse: collapse;
    width: 100%;
}

label[b-zuge6zchw8] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-zuge6zchw8] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-zuge6zchw8] {
    font-size: 15px !important;
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/TenantManager/TenantPermissionsManager/AddTenantRole.razor.rz.scp.css */
table[b-9zz4al2n1d] {
    border-collapse: collapse;
    width: 100%;
}
label[b-9zz4al2n1d] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}
tr[b-9zz4al2n1d] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}
th[b-9zz4al2n1d] {
    font-size: 15px !important;
}

.permissions-table tr.perm-row:hover > *[b-9zz4al2n1d] {
    background-color: #f8f9fa; /* tweak to suit your theme */
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/TenantManager/TenantPermissionsManager/EditTenantRolePermissions.razor.rz.scp.css */
table[b-hlvkspcesj] {
    border-collapse: collapse;
    width: 100%;
}

label[b-hlvkspcesj] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-hlvkspcesj] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-hlvkspcesj] {
    font-size: 15px !important;
}

.permissions-table tr.perm-row:hover > *[b-hlvkspcesj] {
    background-color: #f8f9fa; /* tweak to suit your theme */
}
/* _content/InfraByte.WebApp/Components/Areas/PlatformPortal/Pages/TenantManager/TenantPermissionsManager/TenantRolePermissionsManager.razor.rz.scp.css */
table[b-xn5oa0da7q] {
    border-collapse: collapse;
    width: 100%;
}

label[b-xn5oa0da7q] {
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
}

tr[b-xn5oa0da7q] {
    padding: 10px !important;
    border: 2px solid #f1f1f1;
    height: 40px !important;
}

th[b-xn5oa0da7q] {
    font-size: 15px !important;
}
/* _content/InfraByte.WebApp/Components/FilePreview.razor.rz.scp.css */
.spacing[b-gf91epdye2] {
    margin-left: 30px;
    margin-top: -15px;
}
/* _content/InfraByte.WebApp/Components/FileUpload.razor.rz.scp.css */
input[type='file'][b-gzukh3gbeo] {
    color: transparent;
}
/* _content/InfraByte.WebApp/Components/ImageDialog.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Layout/AdminLayout.razor.rz.scp.css */

#app[b-yl8vln8tev] {
    width: 100% !important;
}
/* _content/InfraByte.WebApp/Components/Layout/CustomerLayoutNavbar.razor.rz.scp.css */
body[b-rw08chnsou] {
}
nav .logo img[b-rw08chnsou] {
    max-width: 173px;
    height: auto;
    border-radius: 5px;
    float:left;
    margin-right: 15px;
}
nav h3[b-rw08chnsou] {
    color: #0b79c0;
    font-size: 18px;
    margin-bottom:0px;
}
nav p[b-rw08chnsou] {
    color: #0b79c0;
    font-size: 14px;
    margin: 0px;
}
span.bars[b-rw08chnsou] {
    display: inline-block;
    margin-right: 23px;
    position: relative;
    top: -5px;
}
span[b-rw08chnsou] {
    background: #333 !important;
    width: 100%;
    color: #333 !important;
    height: 4px;
    border-radius: 5px;
    margin-bottom: 5px;
    z-index: 999 !important;
    display: block;
}
/* _content/InfraByte.WebApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-p5cfsegnj1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

    .top-row[b-p5cfsegnj1]  a:hover, .top-row[b-p5cfsegnj1]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-p5cfsegnj1] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-p5cfsegnj1]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-p5cfsegnj1], article[b-p5cfsegnj1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-p5cfsegnj1] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-p5cfsegnj1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/InfraByte.WebApp/Components/Layout/Navbar.razor.rz.scp.css */
body[b-lya2t8r0gx] {
}
nav .logo img[b-lya2t8r0gx] {
    max-width: 173px;
    height: auto;
    border-radius: 5px;
    float:left;
    margin-right: 15px;
}
nav h3[b-lya2t8r0gx] {
    color: #0b79c0;
    font-size: 18px;
    margin-bottom:0px;
}
nav p[b-lya2t8r0gx] {
    color: #0b79c0;
    font-size: 14px;
    margin: 0px;
}
span.bars[b-lya2t8r0gx] {
    display: inline-block;
    margin-right: 23px;
    position: relative;
    top: -5px;
}
/* _content/InfraByte.WebApp/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bj9epuoubt] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-bj9epuoubt] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-bj9epuoubt] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-bj9epuoubt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-bj9epuoubt]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

.nav-scrollable[b-bj9epuoubt] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-bj9epuoubt] {
    display: block;
}

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

    .nav-scrollable[b-bj9epuoubt] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/InfraByte.WebApp/Components/Layout/Sidebar.razor.rz.scp.css */
/* Sidebar.razor.css — styles now live in Navbar.razor <style> block */
/* _content/InfraByte.WebApp/Components/MainLayout.razor.rz.scp.css */
.page[b-1jct2iir1k] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-1jct2iir1k], article[b-1jct2iir1k] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/InfraByte.WebApp/Components/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dg6czlqrkf] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

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

    .collapse[b-dg6czlqrkf] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* _content/InfraByte.WebApp/Components/Pages/CacheManager/FailedCacheListings.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/CacheManager/PendingCacheListings.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/CacheManager/SucceededCacheListings.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/CarPurchase/BusinessCarPurchaseForm.razor.rz.scp.css */
.myheading[b-ric6zu6d11] {
    border-bottom: 3px solid #4CAF50;
    display: inline-block;
    padding-bottom: 5px;
}
/* _content/InfraByte.WebApp/Components/Pages/CarPurchase/CarPurchaseForm.razor.rz.scp.css */
.myheading[b-q3b14u0oh1] {
    border-bottom: 3px solid #4CAF50;
    display: inline-block;
    padding-bottom: 5px;
}
/* _content/InfraByte.WebApp/Components/Pages/CarPurchase/CarPurchasePage.razor.rz.scp.css */
body[b-tbimhrsl7t] {
}
input#datepicker-0e76a590-ab02-4397-8067-7ac468d5e913[b-tbimhrsl7t] {
    border-color: #ced4da;
    height: 36px !important;
}
/* _content/InfraByte.WebApp/Components/Pages/CarPurchase/CreateBusinessCarPurchase.razor.rz.scp.css */
.myheading[b-ryqnw043ac] {
    border-bottom: 3px solid #4CAF50;
    display: inline-block;
    padding-bottom: 5px;
}
/* _content/InfraByte.WebApp/Components/Pages/CarReferral/CreateCarReferral.razor.rz.scp.css */
body[b-nah6bjbuso] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-nah6bjbuso] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-nah6bjbuso] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-nah6bjbuso] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-nah6bjbuso] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-nah6bjbuso] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-nah6bjbuso] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-nah6bjbuso] {
    padding: 5px 0px 2px;
}

.jobdialog[b-nah6bjbuso] {
    max-height: 900px;
}
.e-input-group input.e-input[b-nah6bjbuso], .e-input-group.e-control-wrapper input.e-input[b-nah6bjbuso], .e-input-group textarea.e-input[b-nah6bjbuso], .e-input-group.e-control-wrapper textarea.e-input[b-nah6bjbuso] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-nah6bjbuso] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-nah6bjbuso] {
    margin-bottom: 10px;
}
.e-item label[b-nah6bjbuso], btn.span[b-nah6bjbuso], .e-dlg-content label[b-nah6bjbuso] {
    height: 25px !important;
}
.e-item label[b-nah6bjbuso], btn.span[b-nah6bjbuso], .e-dlg-content label[b-nah6bjbuso] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Pages/CarReferral/CreateCarReferralDialog.razor.rz.scp.css */
body[b-neifzobt2t] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-neifzobt2t] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-neifzobt2t] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-neifzobt2t] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-neifzobt2t] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-neifzobt2t] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-neifzobt2t] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-neifzobt2t] {
    padding: 5px 0px 2px;
}

.jobdialog[b-neifzobt2t] {
    max-height: 900px;
}
.e-input-group input.e-input[b-neifzobt2t], .e-input-group.e-control-wrapper input.e-input[b-neifzobt2t], .e-input-group textarea.e-input[b-neifzobt2t], .e-input-group.e-control-wrapper textarea.e-input[b-neifzobt2t] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-neifzobt2t] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-neifzobt2t] {
    margin-bottom: 10px;
}
.e-item label[b-neifzobt2t], btn.span[b-neifzobt2t], .e-dlg-content label[b-neifzobt2t] {
    height: 25px !important;
}
.e-item label[b-neifzobt2t], btn.span[b-neifzobt2t], .e-dlg-content label[b-neifzobt2t] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Pages/CarReferral/OldCarReferral/CreateReferral.razor.rz.scp.css */
body[b-3aoistkzwx] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-3aoistkzwx] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-3aoistkzwx] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-3aoistkzwx] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-3aoistkzwx] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-3aoistkzwx] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-3aoistkzwx] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-3aoistkzwx] {
    padding: 5px 0px 2px;
}

.jobdialog[b-3aoistkzwx] {
    max-height: 900px;
}
.e-input-group input.e-input[b-3aoistkzwx], .e-input-group.e-control-wrapper input.e-input[b-3aoistkzwx], .e-input-group textarea.e-input[b-3aoistkzwx], .e-input-group.e-control-wrapper textarea.e-input[b-3aoistkzwx] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-3aoistkzwx] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-3aoistkzwx] {
    margin-bottom: 10px;
}
.e-item label[b-3aoistkzwx], btn.span[b-3aoistkzwx], .e-dlg-content label[b-3aoistkzwx] {
    height: 25px !important;
}
.e-item label[b-3aoistkzwx], btn.span[b-3aoistkzwx], .e-dlg-content label[b-3aoistkzwx] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Pages/DriverTracker/DriverTrackerPage.razor.rz.scp.css */
/* =========================
   PAGE LAYOUT
   ========================= */

/*.driver-tracker-page {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}*/

/* KPI row at the top */
/*.driver-kpi-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.kpi-card {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    background: var(--e-surface, #f8f9fa);
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.kpi-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #777;
}

.kpi-value {
    font-size: 1.25rem;
    font-weight: 600;
}

.kpi-ontrip {
    border-left: 4px solid #28a745;
}

.kpi-break {
    border-left: 4px solid #ff9800;
}

.kpi-yard {
    border-left: 4px solid #2196f3;
}

.kpi-idle {
    border-left: 4px solid #9e9e9e;
}*/

/* Main layout: left = driver list, right = detail */
/*.driver-main-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 1rem;
    height: calc(100vh - 180px);
}*/

/* Panels */
/*.driver-list-panel,
.driver-detail-panel {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}*/

/* Panel header */
/*.panel-header {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.5rem;
}*/

/* =========================
   DRIVER LIST (LEFT PANEL)
   ========================= */

/* Each driver row */
/*.driver-card {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 6px 8px;
    margin: 4px 0;
    background-color: #ffffff;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

    .driver-card:hover {
        background: #fafafa;
    }*/

/* Highlight selected driver */
/*.driver-card-selected {
    border-color: #0078d4;
    background-color: #f0f8ff;
    box-shadow: 0 0 0 1px rgba(0,120,212,0.3);
}*/

/* Header: name + status pill */
/*.driver-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}*/

/* Name text */
/*.driver-name {
    font-weight: 600;
    font-size: 0.9rem;
}*/

/* Status pill */
/*.driver-status-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 0.7rem;
    text-transform: uppercase;
    white-space: nowrap;
}*/

/* Status colours (align with GetStatusCss) */
/*.status-ontrip {
    background: #e6f4ea;
    color: #1b5e20;
}

.status-break {
    background: #fff3e0;
    color: #e65100;
}

.status-yard {
    background: #e3f2fd;
    color: #0d47a1;
}

.status-enroute {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-idle {
    background: #f5f5f5;
    color: #616161;
}*/

/* Body area under header */
/*.driver-card-body {
    font-size: 0.8rem;
}*/

/* Meta rows: "Last event", "Job" etc. */
/*.driver-meta {
    font-size: 0.75rem;
    display: flex;
    gap: 0.3rem;
    align-items: baseline;
    line-height: 1.2;
}

.driver-meta-label {
    color: #888;
    font-weight: 500;
}*/

/* =========================
   DRIVER DETAIL (RIGHT PANEL)
   ========================= */

/*.driver-detail-sub {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.driver-detail-meta {
    font-size: 0.8rem;
    color: #777;
}*/

/* Placeholders */
/*.placeholder,
.placeholder-sm {
    text-align: center;
    color: #888;
    padding: 1rem;
}

.placeholder-sm {
    padding: 0.5rem;
}*/

/* =========================
   TIMELINE AREA
   (if you're still using SfTimeline)
   ========================= */

/*.timeline-wrapper {
    margin-top: 0.75rem;
}*/

/* Content inside each timeline item */
/*.timeline-item-content {
    padding: 0.4rem 0.5rem;
    min-width: 160px;
}

.timeline-title {
    font-size: 0.85rem;
    font-weight: 600;
}

.timeline-subtitle {
    font-size: 0.75rem;
    color: #777;
}

.timeline-comment {
    font-size: 0.75rem;
    margin-top: 0.2rem;
}

.timeline-opposite {
    font-size: 0.8rem;
    color: #555;
}*/

/* Dot styling (used by GetDotCss) with Syncfusion .e-dot */
/*.e-dot.dot-yard-reached {
    background-color: #2196f3;
}

.e-dot.dot-yard-left {
    background-color: #64b5f6;
}

.e-dot.dot-destination {
    background-color: #4caf50;
}

.e-dot.dot-break-started {
    background-color: #ff9800;
}

.e-dot.dot-break-ended {
    background-color: #ffc107;
}

.e-dot.dot-enroute {
    background-color: #009688;
}

.e-dot.dot-default {
    background-color: #9e9e9e;
}*/

/* =========================
   TRIPS & BREAKS SECTION
   ========================= */

/*.trips-breaks-wrapper {
    padding: 0.5rem 0.25rem;
}

.trip-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.trip-card {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0.5rem 0.6rem;
    min-width: 200px;
}

.trip-header {
    display: flex;
    justify-content: space-between;
}

.trip-title {
    font-weight: 600;
}

.trip-label {
    font-size: 0.75rem;
    color: #777;
    margin-right: 0.25rem;
}*/

/* Breaks table */
/*.break-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

    .break-table th,
    .break-table td {
        border: 1px solid #eee;
        padding: 0.25rem 0.35rem;
    }

.break-over {
    background: #ffebee;
}*/

/* =========================
   UTILITIES
   ========================= */

/*.mt-3 {
    margin-top: 1rem;
}*/


/* =========================
   HORIZONTAL TIMELINE
   ========================= */

/*.timeline-horizontal {
    margin-top: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}*/

/* The track that holds all events in a row */
/*.timeline-track {
    display: flex;
    align-items: flex-start;
    min-height: 110px;
}*/

/* Container for each event */
/*.timeline-node-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 140px;*/ /* controls density / compression */
    /*padding: 0 0.4rem;
}*/

/* Top: dot + line to the next node */
/*.timeline-node {
    display: flex;
    align-items: center;
    width: 100%;
}*/

/* Dot */
/*.timeline-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}*/

/* Horizontal line segment to next event */
/*.timeline-segment {
    height: 3px;
    flex-grow: 1;
    margin-left: 6px;
    border-radius: 999px;
    background-color: #e0e0e0;*/ /* default, will be overridden by specific classes */
/*}*/

/* Bottom: label area */
/*.timeline-label {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    max-width: 220px;*/ /* keeps things tight in visible area */
/*}

.timeline-time {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.1rem;
}

.timeline-title {
    font-size: 0.8rem;
    font-weight: 600;
}

.timeline-subtitle {
    font-size: 0.75rem;
    color: #777;
}

.timeline-comment {
    font-size: 0.75rem;
    color: #555;
    margin-top: 0.15rem;
}*/

/* DOT COLOURS (reusing your status mapping) */
/*.timeline-dot.dot-yard-reached {
    background-color: #2196f3;
}

.timeline-dot.dot-yard-left {
    background-color: #64b5f6;
}

.timeline-dot.dot-destination {
    background-color: #4caf50;
}

.timeline-dot.dot-break-started {
    background-color: #ff9800;
}

.timeline-dot.dot-break-ended {
    background-color: #ffc107;
}

.timeline-dot.dot-enroute {
    background-color: #009688;
}

.timeline-dot.dot-default {
    background-color: #9e9e9e;
}*/

/* SEGMENT COLOURS (line between events) */
/*.timeline-segment.segment-yard-reached {
    background-color: #2196f3;
}

.timeline-segment.segment-yard-left {
    background-color: #64b5f6;
}

.timeline-segment.segment-destination {
    background-color: #4caf50;
}

.timeline-segment.segment-break-started {
    background-color: #ff9800;
}

.timeline-segment.segment-break-ended {
    background-color: #ffc107;
}

.timeline-segment.segment-enroute {
    background-color: #009688;
}

.timeline-segment.segment-default {
    background-color: #9e9e9e;
}*/
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/AllCars/AllCarsPage.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Auction/AuctionCarsDetailsPage.razor.rz.scp.css */
.form-control.invalid[b-g65zicsddv] {
    border-color: #dc3545;
}

.form-control.valid[b-g65zicsddv] {
    border-color: #28a745;
}

.validation-message[b-g65zicsddv] {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

@font-face {
    font-family: 'button-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.e-btn-sb-icons[b-g65zicsddv] {
    font-family: 'button-icons';
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-add-icon[b-g65zicsddv]::before {
    content: '\e70a';
}
/*.e-minus-icon::before { content: '&#x2212'; }*/
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Auction/AuctionCarsPageFormNew.razor.rz.scp.css */
/*@font-face {
    font-family: 'button-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.form-group label {
    font-weight: 600 !important;
}

.form-group span {
    height: 38px !important;
}

.e-btn-sb-icons {
    font-family: 'button-icons';
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-add-icon::before {
    content: '\e70a';
}

.control_wrapper {
    width: 350px;
    margin: 0 auto;
}*/


.button-container[b-gaonhdwnys] {
    display: flex;
}

.button-wrapper[b-gaonhdwnys] {
    margin-right: 10px; /* adjust as needed */
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Auction/AuctionDetailsPage.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Auction/AuctionPage.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CachedJobsPage/CachedJobsPage.razor.rz.scp.css */
.fix-and-sell[b-0bi80z0j8y] {
    background-color: #ffecd1; /* Light orange */
}

.scrap-and-export[b-0bi80z0j8y] {
    background-color: #d1efff; /* Light blue */
}

.wreck-and-parts[b-0bi80z0j8y] {
    background-color: #d1ffd1; /* Light green */
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CarTows/CarTowDetailsPage.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CarTows/CarTowsForm.razor.rz.scp.css */
/*@font-face {
    font-family: 'button-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.form-group label {
    font-weight: 600 !important;
}

.form-group span {
    height: 38px !important;
}

.e-btn-sb-icons {
    font-family: 'button-icons';
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-add-icon::before {
    content: '\e70a';
}

.control_wrapper {
    width: 350px;
    margin: 0 auto;
}*/


.button-container[b-5ugw93vn6x] {
    display: flex;
}

.button-wrapper[b-5ugw93vn6x] {
    margin-right: 10px; /* adjust as needed */
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortalSellCars/CustomerForm5.razor.rz.scp.css */

.strike-through[b-szwxvcheqf] {
    text-decoration: line-through;
}

.multiselect-container[b-szwxvcheqf] {
    width: 100%;
}

.multiselect-container > li > a > label[b-szwxvcheqf] {
    padding: 4px 20px 3px 20px;
}

.checkbox input[type="checkbox"][b-szwxvcheqf] {
    display: inline-block;
}

.multiselect-native-select[b-szwxvcheqf] {
    display: block;
    border: 1px solid #ced4da;
}

.btn-group[b-szwxvcheqf] {
    width: 100%;
}

.multiselect-container > li > a[b-szwxvcheqf] {
    color: #495057 !important;
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortalSellCars/CustomerForm6.razor.rz.scp.css */

.strike-through[b-mlfy32wryo] {
    text-decoration: line-through;
}

.multiselect-container[b-mlfy32wryo] {
    width: 100%;
}

.multiselect-container > li > a > label[b-mlfy32wryo] {
    padding: 4px 20px 3px 20px;
}

.checkbox input[type="checkbox"][b-mlfy32wryo] {
    display: inline-block;
}

.multiselect-native-select[b-mlfy32wryo] {
    display: block;
    border: 1px solid #ced4da;
}

.btn-group[b-mlfy32wryo] {
    width: 100%;
}

.multiselect-container > li > a[b-mlfy32wryo] {
    color: #495057 !important;
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortalSellCars/CustomerPortalSellCarsPage.razor.rz.scp.css */

/*.app-wrapper .main-content {
    font-size:14px;
}*/
.hide[b-thkngljt89] {
    display: none;
}

.app-wrapper[b-thkngljt89] {
    width: 85% !important;
    grid-template-columns: 15% !important;
}

.form-group[b-thkngljt89] {
    margin-bottom: 0;
}
.card[b-thkngljt89] {
    margin-top: 1rem !important;
}

.card-body label[b-thkngljt89] {
    margin-top: 0.5rem;
}

.card-body[b-thkngljt89] {
    padding: 2% 20%;
}

.card h6[b-thkngljt89], .form-group h6[b-thkngljt89] {
    margin-top: 5px;
}

td.text[b-thkngljt89] {
    width: 40%;
}

tr.form-group[b-thkngljt89] {
    width: 100%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 950px) {
    .app-wrapper[b-thkngljt89] {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body[b-thkngljt89] {
        padding: 2%;
    }
    section.card[b-thkngljt89] {
        border: none !important;
        padding: 0;
    }
    .app-wrapper .main-content[b-thkngljt89] {
        margin-top: 0%;
    }

    .card-body[b-thkngljt89] {
        display: inline-grid;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 550px) {
    .app-wrapper[b-thkngljt89] {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body[b-thkngljt89] {
        padding: 2%;
    }
    section.card[b-thkngljt89] {
        border: none !important;
        padding: 0;
    }
    .app-wrapper .main-content[b-thkngljt89] {
        margin-top: 25%;
    }

    .card-body[b-thkngljt89] {
        display: inline-grid;
    }
}
.card h6[b-thkngljt89], .form-group h6[b-thkngljt89] {
    display: inline-block;
    font-weight: 600 !important;
}

.form-group span[b-thkngljt89] {
    font-size: 14px;
}

.form-group select[b-thkngljt89] {
    font-size: 14px;
}

.file-upload .form-group select[b-thkngljt89] {
    border: 2px solid #dee2e6 !important;
}

td[b-thkngljt89] {
    padding: 5px 10px !important;
    margin: 0px;
}

select[b-thkngljt89], input[b-thkngljt89] {
    padding: 20px 0px 20px 15px !important;
    border: none !important;
}

select[b-thkngljt89] {
    padding: 0px 12px !important;
    height: 40px !important;
}

#ddlBranch[b-thkngljt89] {
    border: 2px solid #dee2e6 !important;
}

h6[b-thkngljt89], p[b-thkngljt89] {
    padding: 10px 13px;
    margin: 0px !important;
}

section.card[b-thkngljt89] {
    border: none !important;
    padding: 2% 20%;
}

button.form-control.btn.bg-blue[b-thkngljt89] {
}

span[b-thkngljt89] {
    border: none !important;
}

.row.file-upload input[b-thkngljt89] {
    padding: 9px 0px 3px 15px !important;
    height: auto !important;
}

.logo p[b-thkngljt89] {
    padding: 0px;
}

h6[b-thkngljt89] {
    color: #333;
}

section.card[b-thkngljt89] {
    margin-top: 3% !important;
    margin-right: 13% !important;
}

.hide[b-thkngljt89] {
    display: none;
}

.app-wrapper[b-thkngljt89] {
    width: 85% !important;
    grid-template-columns: 15% !important;
}

.form-group[b-thkngljt89] {
    margin-bottom: 0;
}

.card-body label[b-thkngljt89] {
    margin-top: 0.5rem;
}

.card-body[b-thkngljt89] {
    padding: 0 1.25rem 1.25rem;
}

.card h6[b-thkngljt89], .form-group h6[b-thkngljt89] {
    margin-top: 5px;
}

.main-content[b-thkngljt89] {
    margin-top: 78px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .app-wrapper[b-thkngljt89] {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body[b-thkngljt89] {
        padding: 0.25rem 1.25rem !important;
    }

    .app-wrapper .main-content[b-thkngljt89] {
        margin-top: 15%;
    }
}

.checkboxLabel[b-thkngljt89] {
    padding: 10px !important;
}

.bm-header[b-thkngljt89] {
padding: 0px;
}
.blazored-modal .card[b-thkngljt89] {
    margin-top: 2rem;
}
.sn-container-btn[b-thkngljt89]{
    position: relative;
}

.sn-button-ovelay[b-thkngljt89]{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    cursor: pointer;
    z-index: 9;
    border: 0;
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortal/CustomerPortalPage.razor.rz.scp.css */
/*.app-wrapper .main-content {
    font-size:14px;
}
.hide {
    display: none;
}

.app-wrapper {
    width: 85% !important;
    grid-template-columns: 15% !important;
}

.form-group {
    margin-bottom: 0;
}
.card {
    margin-top: 1rem !important;
}

.card-body label {
    margin-top: 0.5rem;
}

.card-body {
    padding: 2% 20%;
}

.card h6, .form-group h6 {
    margin-top: 5px;
}

td.text {
    width: 40%;
}

tr.form-group {
    width: 100%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 950px) {
    .app-wrapper {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body {
        padding: 2%;
    }
    section.card {
        border: none !important;
        padding: 0;
    }
    .app-wrapper .main-content {
        margin-top: 0%;
    }

    .card-body {
        display: inline-grid;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 550px) {
    .app-wrapper {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body {
        padding: 2%;
    }
    section.card {
        border: none !important;
        padding: 0;
    }
    .app-wrapper .main-content {
        margin-top: 25%;
    }

    .card-body {
        display: inline-grid;
    }
}
.card h6, .form-group h6 {
    display: inline-block;
    font-weight: 600 !important;
}

.form-group span {
    font-size: 14px;
}

.form-group select {
    font-size: 14px;
}

.file-upload .form-group select {
    border: 2px solid #dee2e6 !important;
}

td {
    padding: 5px 10px !important;
    margin: 0px;
}

select, input {
    padding: 20px 0px 20px 15px !important;
    border: none !important;
}

select {
    padding: 0px 12px !important;
    height: 40px !important;
}

#ddlBranch {
    border: 2px solid #dee2e6 !important;
}

h6, p {
    padding: 10px 13px;
    margin: 0px !important;
}

section.card {
    border: none !important;
    padding: 2% 20%;
}

button.form-control.btn.bg-blue {
}

span {
    border: none !important;
}

.row.file-upload input {
    padding: 9px 0px 3px 15px !important;
    height: auto !important;
}

.logo p {
    padding: 0px;
}

h6 {
    color: #333;
}

section.card {
    margin-top: 3% !important;
    margin-right: 13% !important;
}

.hide {
    display: none;
}

.app-wrapper {
    width: 85% !important;
    grid-template-columns: 15% !important;
}

.form-group {
    margin-bottom: 0;
}

.card-body label {
    margin-top: 0.5rem;
}

.card-body {
    padding: 0 1.25rem 1.25rem;
}

.card h6, .form-group h6 {
    margin-top: 5px;
}

.main-content {
    margin-top: 78px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .app-wrapper {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body {
        padding: 0.25rem 1.25rem !important;
    }

    .app-wrapper .main-content {
        margin-top: 15%;
    }
}

.checkboxLabel {
    padding: 10px !important;
}

.bm-header {
padding: 0px;
}
.blazored-modal .card {
    margin-top: 2rem;
}
.sn-container-btn{
    position: relative;
}

.sn-button-ovelay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    cursor: pointer;
    z-index: 9;
    border: 0;
}*/
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortal/CustomerPortalThankYouPage.razor.rz.scp.css */
h6[b-srpvdi6kdd] {
    color: #fff;
}

.hide[b-srpvdi6kdd] {
    display: none;
}

.app-wrapper[b-srpvdi6kdd] {
    width: 85% !important;
    grid-template-columns: 15% !important;
}

.form-group[b-srpvdi6kdd] {
    margin-bottom: 0;
}

.card-body label[b-srpvdi6kdd] {
    margin-top: 0.5rem;
}

.card-body[b-srpvdi6kdd] {
    padding: 0 1.25rem 1.25rem;
}

.card h6[b-srpvdi6kdd], .form-group h6[b-srpvdi6kdd] {
    margin-top: 5px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .app-wrapper[b-srpvdi6kdd] {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body[b-srpvdi6kdd] {
        padding: 0.25rem 1.25rem !important;
    }

    .app-wrapper .main-content[b-srpvdi6kdd] {
        margin-top: 15%;
    }
}


.app-wrapper[b-srpvdi6kdd] {
    display: block;
}

.card[b-srpvdi6kdd] {
    border: none;
}

.thankyou[b-srpvdi6kdd] {
    padding: 5% 0px;
    text-align: center;
}

a.btn.btn-danger[b-srpvdi6kdd] {
    background: #865fba;
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortal/PdfFrame.razor.rz.scp.css */
.app-wrapper[b-afsn5vq5hl] {
    display: block;
}

.card[b-afsn5vq5hl] {
    border: none;
}

.thankyou[b-afsn5vq5hl] {
    padding: 5% 0px;
    text-align: center;
}

a.btn.btn-danger[b-afsn5vq5hl] {
    background: #865fba;
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/CustomerPortal/PdfSignatureViewPage.razor.rz.scp.css */
body[b-it59ewck8g] {
}
.modal-content[b-it59ewck8g] {
    margin-top: 20% !important;
}

.finish-btn[b-it59ewck8g] {
    margin-left: 15px;
}

*[b-it59ewck8g],
[b-it59ewck8g]::after,
[b-it59ewck8g]::before {
    box-sizing: border-box
}

address[b-it59ewck8g] {
    margin: 0 !important;
    padding: 0 !important;
}

.m-0[b-it59ewck8g] {
    margin: 0;
}

.mpl[b-it59ewck8g] {
    margin-left: 1rem;
    padding-left: 1rem;
}

.mb[b-it59ewck8g] {
    margin-bottom: .9rem;
}

.mb-0[b-it59ewck8g] {
    margin-bottom: 0 !important;
}

.pr[b-it59ewck8g] {
    padding-right: .5rem;
}

.pr1[b-it59ewck8g] {
    padding-right: 1rem;
}

.invoice hr[b-it59ewck8g] {
    border-top: 1px solid #666 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.invoice[b-it59ewck8g] {
    font-family: 'Noto Serif', serif;
    position: relative !important;
    color: #666 !important;
    background-color: #fff !important;
    box-sizing: border-box;
    font-size: 10.5pt;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.text-left[b-it59ewck8g] {
    text-align: left !important
}

.font-weight-bold[b-it59ewck8g] {
    font-weight: bold;
}

.text-right[b-it59ewck8g] {
    text-align: right !important
}

.text-center[b-it59ewck8g] {
    text-align: center !important
}

.clearfix[b-it59ewck8g]::after {
    display: block;
    clear: both;
    content: ""
}

.d-flex[b-it59ewck8g] {
    display: flex;
}

.row[b-it59ewck8g] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-1[b-it59ewck8g],
.col-10[b-it59ewck8g],
.col-11[b-it59ewck8g],
.col-12[b-it59ewck8g],
.col-2[b-it59ewck8g],
.col-3[b-it59ewck8g],
.col-4[b-it59ewck8g],
.col-5[b-it59ewck8g],
.col-6[b-it59ewck8g],
.col-7[b-it59ewck8g],
.col-8[b-it59ewck8g],
.col-9[b-it59ewck8g] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-1[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12[b-it59ewck8g] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.invoice h4[b-it59ewck8g] {
    font-size: 13pt;
}

.header .title h1[b-it59ewck8g] {
    font-size: 34pt !important;
    color: #0598db !important;
    font-weight: bolder !important;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.highlight-title[b-it59ewck8g] {
    background: #444 !important;
    display: inline-block !important;
    color: #fff !important;
    padding: 5px 15px !important;
    font-size: 13pt;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 5px;
}

.border-dotted[b-it59ewck8g] {
    border-bottom: 1px dotted #444 !important;
}

.chasis span[b-it59ewck8g] {
    border: 1px solid #444;
    height: 20px;
    width: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}

.flex-auto[b-it59ewck8g] {
    flex: auto;
}

.btn[b-it59ewck8g] {
    font-size: 14px;
    padding: 6px 12px;
    margin-bottom: 0;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.btn-default[b-it59ewck8g] {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

#can[b-it59ewck8g] {
    border: 1px solid #ababab;
    width: 100%;
    background-color: #cdffff6b;
    max-height: 60vh !important;
    touch-action: none;
}

.app-wrapper[b-it59ewck8g] {
    width: 85% !important;
    grid-template-columns: 15% !important;
}

.card-header[b-it59ewck8g] {
    display: none;
}
img#PdfImg[b-it59ewck8g] {
    height: 150px;
    width: 150px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .invoice[b-it59ewck8g] {
        top: 25px !important;
    }

    .header .title h1[b-it59ewck8g] {
        font-size: 15pt !important;
    }

    .app-wrapper[b-it59ewck8g] {
        width: 100% !important;
        grid-template-columns: 100% !important;
    }

    .card-body[b-it59ewck8g] {
        padding: 0.25rem;
    }
}
/*.control-section {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e3e3e3;
}

.e-sign-heading {
    height: 50px;
    background: white;
    padding: 10px;
}*/
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/DriverTrackerTimeTable/DriverTrackerTimeTable.razor.rz.scp.css */
.fix-and-sell[b-kbfpwvu5rq] {
    background-color: #ffecd1; /* Light orange */
}

.scrap-and-export[b-kbfpwvu5rq] {
    background-color: #d1efff; /* Light blue */
}

.wreck-and-parts[b-kbfpwvu5rq] {
    background-color: #d1ffd1; /* Light green */
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Jobs/BasicJobsPage.razor.rz.scp.css */
.schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td[b-k92zkrioid],
.schedule-cell-dimension.e-schedule .e-vertical-view .e-work-cells[b-k92zkrioid] {
    height: 10px;
}

.schedule-cell-dimension.e-schedule .e-month-view .e-work-cells[b-k92zkrioid] {
    height: 10px;
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td[b-k92zkrioid], .e-schedule .e-vertical-view .e-work-cells[b-k92zkrioid] {
    font-size: 6px;
}

.e-time-slots[b-k92zkrioid] {
    height: 10px;
}

.schedule-cell-dimension.e-schedule .e-vertical-view .e-date-header-wrap table col[b-k92zkrioid], .schedule-cell-dimension.e-schedule .e-vertical-view .e-content-wrap table col[b-k92zkrioid] {
    width: 188px;
}

tbody tr.e-header-row:nth-child(2)[b-k92zkrioid], tr td.e-header-cells[b-k92zkrioid] {
    display: none;
}

/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Jobs/CarLineEditor.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Jobs/ClientEditor.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Jobs/JobsPage.razor.rz.scp.css */
.schedule-cell-dimension.e-schedule .e-vertical-view .e-time-cells-wrap table td[b-21fq8btt47],
.schedule-cell-dimension.e-schedule .e-vertical-view .e-work-cells[b-21fq8btt47] {
    height: 10px;
}

.schedule-cell-dimension.e-schedule .e-month-view .e-work-cells[b-21fq8btt47] {
    height: 10px;
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td[b-21fq8btt47], .e-schedule .e-vertical-view .e-work-cells[b-21fq8btt47] {
    font-size: 6px;
}

.e-time-slots[b-21fq8btt47] {
    height: 10px;
}

.schedule-cell-dimension.e-schedule .e-vertical-view .e-date-header-wrap table col[b-21fq8btt47], .schedule-cell-dimension.e-schedule .e-vertical-view .e-content-wrap table col[b-21fq8btt47] {
    width: 188px;
}

tbody tr.e-header-row:nth-child(2)[b-21fq8btt47], tr td.e-header-cells[b-21fq8btt47] {
    display: none;
}



/* _content/InfraByte.WebApp/Components/Pages/JobBookings/OfficeDropOffs/OfficeDropOffsPage.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Quote/QuotesPage.razor.rz.scp.css */
.fix-and-sell[b-zd3qs7pwhr] {
    background-color: #ffecd1; /* Light orange */
}

.scrap-and-export[b-zd3qs7pwhr] {
    background-color: #d1efff; /* Light blue */
}

.wreck-and-parts[b-zd3qs7pwhr] {
    background-color: #d1ffd1; /* Light green */
}
/* _content/InfraByte.WebApp/Components/Pages/JobBookings/Stolen/StolenPage.razor.rz.scp.css */
.fix-and-sell[b-5hpy2cz0qa] {
    background-color: #ffecd1; /* Light orange */
}

.scrap-and-export[b-5hpy2cz0qa] {
    background-color: #d1efff; /* Light blue */
}

.wreck-and-parts[b-5hpy2cz0qa] {
    background-color: #d1ffd1; /* Light green */
}
/* _content/InfraByte.WebApp/Components/Pages/Legal/LegalDocumentPage.razor.rz.scp.css */
.legal-document-wrapper[b-4fvfowznn7] {
    max-width: 1000px;
    margin: 2rem auto;
    padding: 1rem;
}

.legal-document-header[b-4fvfowznn7] {
    margin-bottom: 2rem;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 1rem;
}

.legal-document-header h1[b-4fvfowznn7] {
    margin-bottom: 0.5rem;
    font-size: 2rem;
    font-weight: 600;
}

.document-meta[b-4fvfowznn7] {
    margin-top: 0.5rem;
}

.legal-document-content[b-4fvfowznn7] {
    line-height: 1.6;
    margin-bottom: 2rem;
}

.legal-content[b-4fvfowznn7] {
    font-size: 1rem;
    color: #333;
}

.legal-content h2[b-4fvfowznn7] {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.legal-content h3[b-4fvfowznn7] {
    font-size: 1.25rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.legal-content p[b-4fvfowznn7] {
    margin-bottom: 1rem;
}

.legal-content ul[b-4fvfowznn7],
.legal-content ol[b-4fvfowznn7] {
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.legal-content li[b-4fvfowznn7] {
    margin-bottom: 0.5rem;
}

.legal-document-footer[b-4fvfowznn7] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 2px solid #f0f0f0;
}

.legal-nav-links[b-4fvfowznn7] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.legal-nav-links .btn-link[b-4fvfowznn7] {
    white-space: nowrap;
    text-decoration: none;
    color: #0d6efd;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    transition: background-color 0.2s ease;
}

.legal-nav-links .btn-link:hover[b-4fvfowznn7] {
    background-color: #f0f0f0;
    color: #0b5ed7;
}

.legal-nav-links .btn-link i[b-4fvfowznn7] {
    margin-right: 0.5rem;
}

@media (max-width: 576px) {
    .legal-document-wrapper[b-4fvfowznn7] {
        padding: 0.5rem;
    }

    .legal-nav-links[b-4fvfowznn7] {
        flex-direction: column;
    }

    .legal-nav-links .btn-link[b-4fvfowznn7] {
        width: 100%;
        text-align: left;
    }
}
/* _content/InfraByte.WebApp/Components/Pages/OffshoreInventories/Sales/BulkPayment.razor.rz.scp.css */
.bp-banner[b-yhulcjjeuh] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    padding: 10px 14px;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-left: 3px solid #059669;
    border-radius: 10px;
    color: #065f46;
}

.bp-banner i[b-yhulcjjeuh] { margin-top: 3px; color: #059669; }

.bp-banner-body[b-yhulcjjeuh] {
    flex: 1;
}

.bp-banner-title[b-yhulcjjeuh] {
    font-weight: 700;
    font-size: 0.9rem;
}

.bp-banner ul[b-yhulcjjeuh] {
    margin: 4px 0 0;
    padding-left: 18px;
}

.bp-banner-dismiss[b-yhulcjjeuh] {
    color: #065f46;
    background: transparent;
    border: none;
}
/* _content/InfraByte.WebApp/Components/Pages/OffshoreInventories/Sales/CustomerStatement.razor.rz.scp.css */
table[b-yb9kl84rg3] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

th[b-yb9kl84rg3] {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    background-color: #dddddd;
}

td[b-yb9kl84rg3] {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
.e-dropdown-btn[b-yb9kl84rg3], .e-dropdown-btn.e-btn[b-yb9kl84rg3] {
    margin: 20px 0px 10px !important;
}
/* _content/InfraByte.WebApp/Components/Pages/RedBookVehicles/CarCurrentPrice.razor.rz.scp.css */
.checkbox[b-o56kbko1t1] {
    display: inline-block;
    width: 20px; /* or your preferred size */
    height: 20px;
    text-align: center;
    border: 1px solid #000; /* black border */
    margin-right: 5px;
}

.tick[b-o56kbko1t1] {
    /* Additional styles for tick, if necessary */
}

.cross[b-o56kbko1t1] {
    color: red;
    /* Additional styles for cross, if necessary */
}
/* _content/InfraByte.WebApp/Components/Pages/RedBookVehicles/CarOptions.razor.rz.scp.css */
.checkbox[b-a7hvmej5r3] {
    display: inline-block;
    width: 20px; /* or your preferred size */
    height: 20px;
    text-align: center;
    border: 1px solid #000; /* black border */
    margin-right: 5px;
}

.tick[b-a7hvmej5r3] {
    /* Additional styles for tick, if necessary */
}

.cross[b-a7hvmej5r3] {
    color: red;
    /* Additional styles for cross, if necessary */
}
/* _content/InfraByte.WebApp/Components/Pages/RedBookVehicles/CarPrices.razor.rz.scp.css */
.checkbox[b-60uwd9oee6] {
    display: inline-block;
    width: 20px; /* or your preferred size */
    height: 20px;
    text-align: center;
    border: 1px solid #000; /* black border */
    margin-right: 5px;
}

.tick[b-60uwd9oee6] {
    /* Additional styles for tick, if necessary */
}

.cross[b-60uwd9oee6] {
    color: red;
    /* Additional styles for cross, if necessary */
}
/* _content/InfraByte.WebApp/Components/Pages/RedBookVehicles/CarStandards.razor.rz.scp.css */
.checkbox[b-1g5by7bz1r] {
    display: inline-block;
    width: 20px; /* or your preferred size */
    height: 20px;
    text-align: center;
    border: 1px solid #000; /* black border */
    margin-right: 5px;
}

.tick[b-1g5by7bz1r] {
    /* Additional styles for tick, if necessary */
}

.cross[b-1g5by7bz1r] {
    color: red;
    /* Additional styles for cross, if necessary */
}
/* _content/InfraByte.WebApp/Components/Pages/RedBookVehicles/VehicleDetails.razor.rz.scp.css */
.checkbox[b-5k3neyb110] {
    display: inline-block;
    width: 20px; /* or your preferred size */
    height: 20px;
    text-align: center;
    border: 1px solid #000; /* black border */
    margin-right: 5px;
}

.tick[b-5k3neyb110] {
    /* Additional styles for tick, if necessary */
}

.cross[b-5k3neyb110] {
    color: red;
    /* Additional styles for cross, if necessary */
}
/* _content/InfraByte.WebApp/Components/Pages/Reports/Dashboards/Dashboard.razor.rz.scp.css */
.e-dashboardlayout[b-aelnczb3vi] {
    padding: 10px;
}

    .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi] {
        line-height: 40px;
        height: 40px;
    }

.fluent .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi],
.fluent-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi] {
    height: 56px;
}

.bootstrap5 .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi],
.bootstrap5-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi],
.tailwind .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi],
.fluent .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi],
.fluent-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi],
.tailwind-dark .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header[b-aelnczb3vi] {
    line-height: inherit;
}

.root-container[b-aelnczb3vi] {
    height: 100%;
}

.title[b-aelnczb3vi] {
    font-size: 16px;
    font-weight: 400;
}

.category-text[b-aelnczb3vi] {
    float: left;
    line-height: 30px;
}

.category-icon[b-aelnczb3vi] {
    float: left;
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

    .category-icon.food[b-aelnczb3vi] {
        /* background-image: url("(SampleService.WebAssetsPath + "images/dashboard-layout/food.png")"); */
    }

    .category-icon.travel[b-aelnczb3vi] {
        /* background-image: url("(SampleService.WebAssetsPath + "images/dashboard-layout/transport.png")"); */
    }

    .category-icon.housing[b-aelnczb3vi] {
        /* background-image: url("(SampleService.WebAssetsPath + "images/dashboard-layout/house.png")"); */
    }

    .category-icon.extra-income[b-aelnczb3vi] {
        /* background-image: url("(SampleService.WebAssetsPath + "images/dashboard-layout/extra.png")"); */
    }

.item-container[b-aelnczb3vi] {
    display: flex;
    text-align: center;
    height: 70%;
    padding: 2rem;
    font-size: 22px;
    font-weight: 400;
}

    .item-container.income[b-aelnczb3vi] {
        color: #17a00e
    }

    .item-container.balance[b-aelnczb3vi] {
        color: #008cff;
    }

    .item-container.transaction[b-aelnczb3vi] {
        color: #f41127;
    }

    .item-container.expense[b-aelnczb3vi] {
        color: #ca765a;
    }

.bottom-container[b-aelnczb3vi] {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.mobile .bottom-container[b-aelnczb3vi] {
    font-size: 30px;
}

.material .bottom-container[b-aelnczb3vi],
.fabric .bottom-container[b-aelnczb3vi],
.bootstrap .bottom-container[b-aelnczb3vi],
.bootstrap4 .bottom-container[b-aelnczb3vi],
.tailwind .bottom-container[b-aelnczb3vi],
.bootstrap5 .bottom-container[b-aelnczb3vi] {
    color: #4c5258;
}

.amt-payment.expense-payment[b-aelnczb3vi] {
    font-weight: bold;
    color: #ff5e65;
}

.amt-payment.income-payment[b-aelnczb3vi] {
    font-weight: bold;
    color: #04cd93;
}

.auto-left[b-aelnczb3vi] {
    margin-left: auto;
}

.e-panel-cotent[b-aelnczb3vi] {
    padding: 1rem;
}

@@font-face {
    font-family: 'e-sb-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
    font-weight: normal;
    font-style: normal;
}

.balance[b-aelnczb3vi]:after {
    content: "\e900";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.expense[b-aelnczb3vi]:after {
    content: "\e901";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.income[b-aelnczb3vi]:after {
    content: "\e902";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.transaction[b-aelnczb3vi]:after {
    content: "\e903";
    font-size: 24px;
    font-family: "e-sb-icons";
}

.e-headercelldiv span.e-headertext[b-aelnczb3vi] {
    font-size: 14px;
    font-weight: 500;
}

.e-grid .e-rowcell[b-aelnczb3vi] {
    font-size: 13px;
}

.mobile .e-control.e-lib.e-dashboardlayout.e-responsive[b-aelnczb3vi] {
    z-index: 0;
    overflow: scroll;
}

.mobile .item-container[b-aelnczb3vi] {
    padding: 40px;
    font-size: 40px;
}

.mobile .balance[b-aelnczb3vi]:after {
    content: "\e900";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.mobile .expense[b-aelnczb3vi]:after {
    content: "\e901";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.mobile .income[b-aelnczb3vi]:after {
    content: "\e902";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.mobile .transaction[b-aelnczb3vi]:after {
    content: "\e903";
    font-size: 40px;
    font-family: "e-sb-icons";
}

.e-control.e-lib.e-dashboardlayout.e-responsive[b-aelnczb3vi] {
    z-index: 0;
}

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-grid.sf-grid .e-gridcontent .e-content.e-yscroll[b-aelnczb3vi] {
    overflow: auto;
}

body.tailwind-dark .e-dashboardlayout.e-control .e-panel[b-aelnczb3vi] {
    border: 1px #435266 solid;
}

.e-gridheader[b-aelnczb3vi] {
    padding-right: 0px !important;
}
/* _content/InfraByte.WebApp/Components/Pages/Reports/Form 1/Form1PdfViewPage.razor.rz.scp.css */

hr[b-lnsvyzp0zj] {
    clear: both;
    border-top: 2px solid #000;
    margin-bottom: 0px;
}

table[b-lnsvyzp0zj],
th[b-lnsvyzp0zj],
td[b-lnsvyzp0zj] {
    border: 1px solid #808080;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    border-collapse: collapse;
    font-size: 12px;
}

.spanTitle[b-lnsvyzp0zj] {
    background-color: #fff;
    padding: 4px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.boldText[b-lnsvyzp0zj] {
    font-size: 14px;
    font-weight: 600;
}

table[b-lnsvyzp0zj],
td[b-lnsvyzp0zj] {
    border: 1px solid #808080;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    border-collapse: collapse;
    font-size: 12px;
}

td[b-lnsvyzp0zj] {
    border: 1px solid #808080;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;
}

.spanTitle[b-lnsvyzp0zj] {
    background-color: #fff;
    padding: 5px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.boldText[b-lnsvyzp0zj] {
    font-size: 13px;
    font-weight: 600;
}

th span[b-lnsvyzp0zj] {
    font-weight: 400;
    display: block;
}

.sn-mark[b-lnsvyzp0zj] {
    color: #5a5a5a;
}

div[b-lnsvyzp0zj] {
    width: 100%;
}

.sn-head[b-lnsvyzp0zj] {
    background: #000;
    color: #fff;
    margin: 0;
    padding: 5px;
}
/* _content/InfraByte.WebApp/Components/Pages/Reports/Form3A/Form3ADetailsPage.razor.rz.scp.css */
.card-body[b-obd7gxcudz] {
    padding: 0px 20px 30px;
}
/* _content/InfraByte.WebApp/Components/Pages/Reports/Form3A/Form3APage.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Pages/Reports/Form5/Form5Details.razor.rz.scp.css */
.strike-through[b-bvcca3khkl] {
    text-decoration: line-through;
}


.infoHeading[b-bvcca3khkl] {
    font-size: large;
    font-weight: 300;
}

.headingWithUnderline[b-bvcca3khkl] {
    text-decoration: none; /* Remove any existing underline */
    border-bottom: 2px solid green; /* Create a green underline */
    display: inline-block; /* Ensure the underline only spans the text */
    padding-bottom: 3px; /* Optional: Adjusts the space between text and underline */
    font-size: large;
    margin: 20px 0 !important;
}

.title[b-bvcca3khkl] {
    font-size: medium;
}

.title[b-bvcca3khkl], .infoHeading[b-bvcca3khkl] {
    display: block; /* This enforces the block-level display */
    clear: both; /* This ensures the element does not float next to floated elements */
}

.heading[b-bvcca3khkl] {
    text-decoration: none; /* Remove any existing underline */
    display: inline-block; /* Ensure the underline only spans the text */
    font-size: large;
    font-weight: 700;
}

.sub-heading[b-bvcca3khkl] {
    font-size: medium;
    font-weight: 500;
    display: block;
}

.sn-checkbox-input[b-bvcca3khkl] {
    display: inline-block;
    height: 15px !important;
    width: 20px;
}

.e-checkbox-disabled input[b-bvcca3khkl] {
    display: none !important;
}
/* _content/InfraByte.WebApp/Components/Pages/Reports/Form6/Form6Details.razor.rz.scp.css */
.strike-through[b-xx4788llo4] {
    text-decoration: line-through;
}


.infoHeading[b-xx4788llo4] {
    font-size: large;
    font-weight: 300;
}

.headingWithUnderline[b-xx4788llo4] {
    text-decoration: none; /* Remove any existing underline */
    border-bottom: 2px solid green; /* Create a green underline */
    display: inline-block; /* Ensure the underline only spans the text */
    padding-bottom: 3px; /* Optional: Adjusts the space between text and underline */
    font-size: large;
    margin: 20px 0 !important;
}

.title[b-xx4788llo4] {
    font-size: medium;
}

.title[b-xx4788llo4], .infoHeading[b-xx4788llo4] {
    display: block; /* This enforces the block-level display */
    clear: both; /* This ensures the element does not float next to floated elements */
}

.heading[b-xx4788llo4] {
    text-decoration: none; /* Remove any existing underline */
    display: inline-block; /* Ensure the underline only spans the text */
    font-size: large;
    font-weight: 700;
}

.sub-heading[b-xx4788llo4] {
    font-size: medium;
    font-weight: 500;
    display: block;
}

.sn-checkbox-input[b-xx4788llo4] {
    display: inline-block;
    height: 15px !important;
    width: 20px;
}

.e-checkbox-disabled input[b-xx4788llo4] {
    display: none !important;
}
/* _content/InfraByte.WebApp/Components/Pages/Reports/NonAccidentTowingRecord/NonAccidentTowingRecordPdfViewPage.razor.rz.scp.css */
hr[b-ty96u9ejeu] {
    clear: both;
    border-top: 2px solid #000;
    margin-bottom: 0px;
}

table[b-ty96u9ejeu], th[b-ty96u9ejeu], td[b-ty96u9ejeu] {
    border: 1px solid #808080;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    border-collapse: collapse;
    font-size: 12px;
}

.spanTitle[b-ty96u9ejeu] {
    background-color: #fff;
    padding: 4px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.boldText[b-ty96u9ejeu] {
    font-size:13px;
    font-weight:600;
}

 table[b-ty96u9ejeu], td[b-ty96u9ejeu] {
     border: 1px solid #808080;
     padding: 5px;
     font-family: 'Roboto', sans-serif;
     border-collapse: collapse;
     font-size: 12px;
 }

td[b-ty96u9ejeu] {
    border: 1px solid #808080;
    padding: 5px;
    font-family: 'Roboto', sans-serif;
    border-collapse: collapse;
    font-size:12px;
}

.spanTitle[b-ty96u9ejeu] {
    background-color: #fff;
    padding: 5px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    font-weight:600;
}

.boldText[b-ty96u9ejeu] {
    font-size: 13px;
    font-weight: 600;
}
/* _content/InfraByte.WebApp/Components/Pages/WebsiteEmailInquiries/UpdateWebsiteEmailInquiry.razor.rz.scp.css */
/* put this in site.css */
.long-text[b-71cp522rqj] {
    white-space: pre-wrap; /* keep line breaks */
    word-break: break-word; /* wrap long words/URLs */
    overflow-wrap: anywhere; /* extra safety for very long strings */
    max-height: 200px; /* optional: let it scroll if it's huge */
    overflow: auto; /* adds scroll when needed */
    font-family: inherit; /* make <pre> look like normal text */
    background: transparent; /* keep alert background visible */
    border: 0; /* remove default pre border if any */
}

span.e-input-group.e-control-wrapper.e-control-container[b-71cp522rqj] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-71cp522rqj] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-71cp522rqj] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-71cp522rqj] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-71cp522rqj] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-71cp522rqj] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-71cp522rqj] {
    padding: 5px 0px 2px;
}

.jobdialog[b-71cp522rqj] {
    max-height: 900px;
}
.e-input-group input.e-input[b-71cp522rqj], .e-input-group.e-control-wrapper input.e-input[b-71cp522rqj], .e-input-group textarea.e-input[b-71cp522rqj], .e-input-group.e-control-wrapper textarea.e-input[b-71cp522rqj] {
    border-color: #ced4da;
    height: auto !important;
}
.block-section[b-71cp522rqj] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-71cp522rqj] {
    margin-bottom: 10px;
}
.custom-control.custom-radio[b-71cp522rqj] {
    height: 40px;
}
.custom-control.custom-radio input[b-71cp522rqj] {
    float: left;
    width: 40px;
    line-height: 30px;
    padding: 10px 0px !important;
    margin: 9px 0px;
    position: relative;
}
/* _content/InfraByte.WebApp/Components/Shared/Conversations/ConversationTimeline.razor.rz.scp.css */
/* ============================================================
   Conversation timeline — professional chat/timeline UI.
   Child components (bubble, filter, composer, badge, banner) are
   reached with ::deep because they render inside .conversation-shell.
   ============================================================ */

.conversation-shell[b-chalyk1itj] {
    --c-surface: #ffffff;
    --c-surface-muted: #f8fafc;
    --c-border: #e5e9f0;
    --c-border-strong: #d3dae4;
    --c-text: #0f172a;
    --c-text-muted: #64748b;
    --c-text-soft: #94a3b8;
    --c-brand: #2563eb;
    --c-brand-dark: #1d4ed8;

    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 18px rgba(15, 23, 42, 0.05);
    font-family: inherit;
    color: var(--c-text);
}

/* ── Header ─────────────────────────────────────────────── */
.conversation-header[b-chalyk1itj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.conversation-title[b-chalyk1itj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--c-text-muted);
}

.conversation-title i[b-chalyk1itj] {
    color: var(--c-brand);
    font-size: 14px;
}

.conversation-count[b-chalyk1itj] {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #eef2ff;
    color: var(--c-brand-dark);
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ── Lock banner ────────────────────────────────────────── */
.conversation-shell[b-chalyk1itj]  .conversation-lock-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    padding: 9px 12px;
    font-size: 13px;
}

.conversation-shell[b-chalyk1itj]  .conversation-lock-banner i {
    color: #d97706;
}

/* ── Filter bar ─────────────────────────────────────────── */
.conversation-shell[b-chalyk1itj]  .conversation-filter {
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 8px;
}

.conversation-shell[b-chalyk1itj]  .conversation-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.conversation-shell[b-chalyk1itj]  .conversation-search-wrap i {
    position: absolute;
    left: 11px;
    color: var(--c-text-soft);
    font-size: 13px;
    pointer-events: none;
}

.conversation-shell[b-chalyk1itj]  .conversation-search,
.conversation-shell[b-chalyk1itj]  .conversation-channel {
    width: 100%;
    border: 1px solid var(--c-border-strong);
    border-radius: 9px;
    padding: 9px 12px;
    background: var(--c-surface);
    font-size: 13px;
    color: var(--c-text);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.conversation-shell[b-chalyk1itj]  .conversation-search {
    padding-left: 32px;
}

.conversation-shell[b-chalyk1itj]  .conversation-channel {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px;
    cursor: pointer;
}

.conversation-shell[b-chalyk1itj]  .conversation-search:focus,
.conversation-shell[b-chalyk1itj]  .conversation-channel:focus {
    outline: none;
    border-color: var(--c-brand);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* ── Timeline ───────────────────────────────────────────── */
.conversation-timeline[b-chalyk1itj] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 380px;
    overflow-y: auto;
    padding: 12px;
    background: var(--c-surface-muted);
    border: 1px solid var(--c-border);
    border-radius: 12px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.conversation-timeline[b-chalyk1itj]::-webkit-scrollbar {
    width: 8px;
}

.conversation-timeline[b-chalyk1itj]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
    border: 2px solid var(--c-surface-muted);
}

.conversation-timeline[b-chalyk1itj]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ── Day separator ──────────────────────────────────────── */
.conversation-day[b-chalyk1itj] {
    position: sticky;
    top: -2px;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin: 2px 0;
}

.conversation-day span[b-chalyk1itj] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--c-text-muted);
    background: #ffffff;
    border: 1px solid var(--c-border);
    border-radius: 999px;
    padding: 4px 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

/* ── Message entry (avatar + bubble) ────────────────────── */
.conversation-shell[b-chalyk1itj]  .conversation-entry {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 10px;
    align-items: start;
}

.conversation-shell[b-chalyk1itj]  .conversation-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: hsl(var(--avatar-hue, 215), 55%, 45%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    user-select: none;
}

.conversation-shell[b-chalyk1itj]  .conversation-bubble {
    position: relative;
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    border-left: 3px solid var(--c-border-strong);
    border-radius: 10px;
    padding: 9px 12px;
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
    min-width: 0;
}

/* Channel-coded left accent */
.conversation-shell[b-chalyk1itj]  .conversation-entry.channel-sms .conversation-bubble { border-left-color: #16a34a; }
.conversation-shell[b-chalyk1itj]  .conversation-entry.channel-email .conversation-bubble { border-left-color: #2563eb; }
.conversation-shell[b-chalyk1itj]  .conversation-entry.channel-internal .conversation-bubble { border-left-color: #d97706; }
.conversation-shell[b-chalyk1itj]  .conversation-entry.channel-system .conversation-bubble { border-left-color: #64748b; }

.conversation-shell[b-chalyk1itj]  .conversation-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.conversation-shell[b-chalyk1itj]  .conversation-author {
    font-weight: 600;
    font-size: 13px;
    color: var(--c-text);
}

.conversation-shell[b-chalyk1itj]  .conversation-time {
    margin-left: auto;
    font-size: 11px;
    color: var(--c-text-soft);
    white-space: nowrap;
}

.conversation-shell[b-chalyk1itj]  .conversation-body p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #1f2937;
    white-space: pre-wrap;
    word-break: break-word;
}

.conversation-shell[b-chalyk1itj]  .conversation-body p + p {
    margin-top: 6px;
}

/* ── System events (centered chip) ──────────────────────── */
.conversation-shell[b-chalyk1itj]  .conversation-system {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: center;
    max-width: 90%;
    padding: 5px 12px;
    border-radius: 999px;
    background: #eef2f7;
    border: 1px solid var(--c-border);
    color: var(--c-text-muted);
    font-size: 12px;
}

.conversation-shell[b-chalyk1itj]  .conversation-system i {
    color: var(--c-text-soft);
}

.conversation-shell[b-chalyk1itj]  .conversation-system-time {
    color: var(--c-text-soft);
    font-size: 11px;
}

/* ── Channel badge ──────────────────────────────────────── */
.conversation-shell[b-chalyk1itj]  .channel-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1;
    padding: 4px 9px 4px 7px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.conversation-shell[b-chalyk1itj]  .channel-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.85;
}

.conversation-shell[b-chalyk1itj]  .channel-sms { background: #dcfce7; color: #15803d; }
.conversation-shell[b-chalyk1itj]  .channel-email { background: #dbeafe; color: #1d4ed8; }
.conversation-shell[b-chalyk1itj]  .channel-internal { background: #fef3c7; color: #b45309; }
.conversation-shell[b-chalyk1itj]  .channel-system { background: #e2e8f0; color: #475569; }

/* ── Empty state ────────────────────────────────────────── */
.conversation-empty[b-chalyk1itj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    padding: 28px 16px;
    background: var(--c-surface-muted);
    border: 1px dashed var(--c-border-strong);
    border-radius: 12px;
    color: var(--c-text-muted);
}

.conversation-empty i[b-chalyk1itj] {
    font-size: 26px;
    color: var(--c-text-soft);
    margin-bottom: 4px;
}

.conversation-empty-title[b-chalyk1itj] {
    margin: 0;
    font-weight: 600;
    color: var(--c-text);
    font-size: 14px;
}

.conversation-empty-sub[b-chalyk1itj] {
    margin: 0;
    font-size: 12px;
    color: var(--c-text-soft);
}

/* ── Composer ───────────────────────────────────────────── */
.conversation-shell[b-chalyk1itj]  .conversation-composer {
    border: 1px solid var(--c-border-strong);
    border-radius: 12px;
    background: var(--c-surface);
    padding: 8px 8px 8px 12px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.conversation-shell[b-chalyk1itj]  .conversation-composer:focus-within {
    border-color: var(--c-brand);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.conversation-shell[b-chalyk1itj]  .conversation-composer.is-disabled {
    background: #f1f5f9;
    border-color: var(--c-border);
}

.conversation-shell[b-chalyk1itj]  .conversation-input {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    resize: none;
    padding: 4px 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--c-text);
    font-family: inherit;
}

.conversation-shell[b-chalyk1itj]  .conversation-input::placeholder {
    color: var(--c-text-soft);
}

.conversation-shell[b-chalyk1itj]  .conversation-composer-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid var(--c-border);
}

.conversation-shell[b-chalyk1itj]  .conversation-composer-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--c-text-soft);
}

.conversation-shell[b-chalyk1itj]  .conversation-send {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 9px;
    padding: 8px 16px;
    background: var(--c-brand);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.05s ease;
}

.conversation-shell[b-chalyk1itj]  .conversation-send:hover:not(:disabled) {
    background: var(--c-brand-dark);
}

.conversation-shell[b-chalyk1itj]  .conversation-send:active:not(:disabled) {
    transform: translateY(1px);
}

.conversation-shell[b-chalyk1itj]  .conversation-send:disabled {
    background: #cbd5e1;
    color: #eef2f7;
    cursor: not-allowed;
}
/* _content/InfraByte.WebApp/Components/Shared/GlowingBulb.razor.rz.scp.css */
/* InfraByte glowing bulb — animation only. The component has no background;
   the host decides the surface. All animations share a 4s loop so the bulb
   "breathes" in sync. */

.gb[b-rmp58xa5vd] {
    display: block;
}

.gb-outer-glow[b-rmp58xa5vd] {
    animation: gb-outer-glow-b-rmp58xa5vd 4s ease-in-out infinite;
    transform-origin: 250px 210px;
}

.gb-inner-glow[b-rmp58xa5vd] {
    animation: gb-inner-glow-b-rmp58xa5vd 4s ease-in-out infinite;
}

.gb-filament[b-rmp58xa5vd] {
    animation: gb-filament-on-off-b-rmp58xa5vd 4s ease-in-out infinite;
}

.gb-glass[b-rmp58xa5vd] {
    animation: gb-glass-pulse-b-rmp58xa5vd 4s ease-in-out infinite;
}

.gb-orange-line[b-rmp58xa5vd] {
    animation: gb-orange-line-pulse-b-rmp58xa5vd 4s ease-in-out infinite;
}

.gb-bottom-reflection[b-rmp58xa5vd] {
    animation: gb-reflection-pulse-b-rmp58xa5vd 4s ease-in-out infinite;
}

@keyframes gb-outer-glow-b-rmp58xa5vd {
    0%, 100% {
        opacity: 0.08;
        transform: scale(0.92);
    }

    50% {
        opacity: 0.95;
        transform: scale(1.08);
    }
}

@keyframes gb-inner-glow-b-rmp58xa5vd {
    0%, 100% { opacity: 0.12; }
    50%      { opacity: 0.95; }
}

@keyframes gb-filament-on-off-b-rmp58xa5vd {
    0%, 100% {
        stroke: #555555;
        opacity: 0.55;
        filter: none;
    }

    45%, 55% {
        stroke: #fff1a8;
        opacity: 1;
        filter: url(#gbFilamentGlow);
    }
}

@keyframes gb-glass-pulse-b-rmp58xa5vd {
    0%, 100% { opacity: 0.72; }
    50%      { opacity: 1; }
}

@keyframes gb-orange-line-pulse-b-rmp58xa5vd {
    0%, 100% {
        stroke: #777777;
        opacity: 0.55;
    }

    50% {
        stroke: #ff8c00;
        opacity: 1;
    }
}

@keyframes gb-reflection-pulse-b-rmp58xa5vd {
    0%, 100% { opacity: 0.12; }
    50%      { opacity: 0.38; }
}
/* _content/InfraByte.WebApp/Components/Shared/ImageCarousel.razor.rz.scp.css */
.image-carousel-container[b-yvlvt59gsb] {
    position: relative;
    width: 100%;
    user-select: none;
}

.carousel-main[b-yvlvt59gsb] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.carousel-actions[b-yvlvt59gsb] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 11;
    display: flex;
    gap: 8px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 6px;
    border-radius: 6px;
    backdrop-filter: blur(2px);
}

.carousel-action-button[b-yvlvt59gsb] {
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.carousel-action-button:hover[b-yvlvt59gsb] {
    background: rgba(255, 255, 255, 0.35);
    transform: scale(1.06);
}

.carousel-action-button:disabled[b-yvlvt59gsb] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

.carousel-icon-svg[b-yvlvt59gsb] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.carousel-control .carousel-icon-svg[b-yvlvt59gsb] {
    width: 22px;
    height: 22px;
}

.carousel-slide[b-yvlvt59gsb] {
    width: 100%;
    min-height: 320px;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    animation: fadeIn-b-yvlvt59gsb 0.5s ease-in-out;
}

@keyframes fadeIn-b-yvlvt59gsb {
    from {
        opacity: 0.8;
    }
    to {
        opacity: 1;
    }
}

.carousel-image[b-yvlvt59gsb] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    padding: 8px;
    transition: transform 0.25s ease;
    transform-origin: center center;
}

.carousel-placeholder[b-yvlvt59gsb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #6c757d;
    font-size: 14px;
}

.carousel-placeholder span:first-child[b-yvlvt59gsb] {
    font-size: 24px;
    opacity: 0.7;
    font-weight: 600;
}

/* Controls */
.carousel-control[b-yvlvt59gsb] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 20px;
}

.carousel-control:hover[b-yvlvt59gsb] {
    background-color: rgba(0, 0, 0, 0.8);
    transform: translateY(-50%) scale(1.1);
}

.carousel-control-prev[b-yvlvt59gsb] {
    left: 12px;
}

.carousel-control-next[b-yvlvt59gsb] {
    right: 12px;
}

.carousel-control-icon[b-yvlvt59gsb] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Indicators */
.carousel-indicators[b-yvlvt59gsb] {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.carousel-indicator[b-yvlvt59gsb] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.carousel-indicator:hover[b-yvlvt59gsb] {
    background-color: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
}

.carousel-indicator.active[b-yvlvt59gsb] {
    background-color: white;
    width: 12px;
    height: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Thumbnails */
.carousel-thumbnails[b-yvlvt59gsb] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    overflow-x: auto;
    padding: 4px;
    border-radius: 6px;
    background-color: #f8f9fa;
}

.carousel-thumbnails[b-yvlvt59gsb]::-webkit-scrollbar {
    height: 6px;
}

.carousel-thumbnails[b-yvlvt59gsb]::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 3px;
}

.carousel-thumbnails[b-yvlvt59gsb]::-webkit-scrollbar-thumb {
    background: #dee2e6;
    border-radius: 3px;
}

.carousel-thumbnails[b-yvlvt59gsb]::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

.thumbnail[b-yvlvt59gsb] {
    flex: 0 0 auto;
    width: 80px;
    height: 60px;
    border-radius: 4px;
    border: 2px solid transparent;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail:hover[b-yvlvt59gsb] {
    border-color: #0d6efd;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}

.thumbnail.active[b-yvlvt59gsb] {
    border-color: #0d6efd;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.4);
}

.thumbnail-image[b-yvlvt59gsb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fullscreen mode */
.image-carousel-container.fullscreen[b-yvlvt59gsb] {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.96);
    display: flex;
    flex-direction: column;
    outline: none;
}

.image-carousel-container.fullscreen .carousel-main[b-yvlvt59gsb] {
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-carousel-container.fullscreen .carousel-slide[b-yvlvt59gsb] {
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    background: transparent;
    animation: none;
}

.image-carousel-container.fullscreen .carousel-image[b-yvlvt59gsb] {
    max-width: 100%;
    max-height: 100%;
    padding: 0;
}

.image-carousel-container.fullscreen .carousel-thumbnails[b-yvlvt59gsb] {
    flex: 0 0 auto;
    margin-top: 12px;
    background-color: rgba(255, 255, 255, 0.06);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .carousel-actions[b-yvlvt59gsb] {
        top: 8px;
        right: 8px;
        gap: 6px;
        padding: 5px;
    }

    .carousel-action-button[b-yvlvt59gsb] {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .carousel-icon-svg[b-yvlvt59gsb] {
        width: 16px;
        height: 16px;
    }

    .carousel-control .carousel-icon-svg[b-yvlvt59gsb] {
        width: 18px;
        height: 18px;
    }

    .carousel-control[b-yvlvt59gsb] {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .carousel-control-prev[b-yvlvt59gsb] {
        left: 8px;
    }

    .carousel-control-next[b-yvlvt59gsb] {
        right: 8px;
    }

    .carousel-indicator[b-yvlvt59gsb] {
        width: 8px;
        height: 8px;
    }

    .carousel-indicator.active[b-yvlvt59gsb] {
        width: 10px;
        height: 10px;
    }

    .carousel-indicators[b-yvlvt59gsb] {
        bottom: 8px;
        gap: 6px;
    }

    .thumbnail[b-yvlvt59gsb] {
        width: 70px;
        height: 52px;
    }

    .carousel-thumbnails[b-yvlvt59gsb] {
        margin-top: 8px;
        gap: 6px;
    }
}

@media (max-width: 480px) {
    .carousel-control[b-yvlvt59gsb] {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .carousel-slide[b-yvlvt59gsb] {
        min-height: 240px;
        aspect-ratio: 4 / 3;
    }

    .thumbnail[b-yvlvt59gsb] {
        width: 60px;
        height: 45px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .carousel-main[b-yvlvt59gsb] {
        background-color: #212529;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }

    .carousel-slide[b-yvlvt59gsb] {
        background: linear-gradient(135deg, #212529 0%, #343a40 100%);
    }

    .carousel-thumbnails[b-yvlvt59gsb] {
        background-color: #212529;
    }

    .thumbnail[b-yvlvt59gsb] {
        background-color: #343a40;
    }

    .thumbnail:hover[b-yvlvt59gsb],
    .thumbnail.active[b-yvlvt59gsb] {
        border-color: #0dcaf0;
    }
}
/* _content/InfraByte.WebApp/Components/Shared/Inputs/PhoneNumberInput.razor.rz.scp.css */
.phone-number-input-dialcode[b-nqgih2y2wm] {
    flex: 0 0 50%;
}

[b-nqgih2y2wm] .phone-number-input-dialcode .e-input-group,
[b-nqgih2y2wm] .phone-number-input-dialcode .e-input-group.e-control-wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[b-nqgih2y2wm] .phone-number-input > .flex-grow-1 .e-input-group,
[b-nqgih2y2wm] .phone-number-input > .flex-grow-1 .e-input-group.e-control-wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
/* _content/InfraByte.WebApp/Components/Shared/Inventory/CompleteCarSell/CreateForm5.razor.rz.scp.css */
.strike-through[b-1xl8zyqnen] {
    text-decoration: line-through;
}


.infoHeading[b-1xl8zyqnen] {
    font-size: large;
    font-weight: 300;
}

.headingWithUnderline[b-1xl8zyqnen] {
    text-decoration: none; /* Remove any existing underline */
    border-bottom: 2px solid green; /* Create a green underline */
    display: inline-block; /* Ensure the underline only spans the text */
    padding-bottom: 3px; /* Optional: Adjusts the space between text and underline */
    font-size: large;
    margin: 20px 0 !important;
}

.title[b-1xl8zyqnen] {
    font-size: medium;
}

.title[b-1xl8zyqnen], .infoHeading[b-1xl8zyqnen] {
    display: block; /* This enforces the block-level display */
    clear: both; /* This ensures the element does not float next to floated elements */
}

.heading[b-1xl8zyqnen] {
    text-decoration: none; /* Remove any existing underline */
    display: inline-block; /* Ensure the underline only spans the text */
    font-size: large;
    font-weight: 700;
}
.sub-heading[b-1xl8zyqnen]{
    font-size: medium;
    font-weight: 500;
    display: block;
}
.sn-checkbox-input[b-1xl8zyqnen] {
    display: inline-block;
    height: 15px !important;
    width: 20px;
}
.form-control[b-1xl8zyqnen]{
    margin-top: 10px !important;
}
/* _content/InfraByte.WebApp/Components/Shared/Inventory/CompleteCarSell/CreateForm6.razor.rz.scp.css */
.strike-through[b-vzdwbltxy6] {
    text-decoration: line-through;
}


.infoHeading[b-vzdwbltxy6] {
    font-size: large;
    font-weight: 300;
}

.headingWithUnderline[b-vzdwbltxy6] {
    text-decoration: none; /* Remove any existing underline */
    border-bottom: 2px solid green; /* Create a green underline */
    display: inline-block; /* Ensure the underline only spans the text */
    padding-bottom: 3px; /* Optional: Adjusts the space between text and underline */
    font-size: large;
    margin: 20px 0 !important;
}

.title[b-vzdwbltxy6] {
    font-size: medium;
}

.title[b-vzdwbltxy6], .infoHeading[b-vzdwbltxy6] {
    display: block; /* This enforces the block-level display */
    clear: both; /* This ensures the element does not float next to floated elements */
}

.heading[b-vzdwbltxy6] {
    text-decoration: none; /* Remove any existing underline */
    display: inline-block; /* Ensure the underline only spans the text */
    font-size: large;
    font-weight: 700;

}
.sub-heading[b-vzdwbltxy6] {
    font-size: medium;
    font-weight: 500;
    display: block;
}

.sn-checkbox-input[b-vzdwbltxy6] {
    display: inline-block;
    height: 15px !important;
    width: 20px;
}

.defect-entry[b-vzdwbltxy6] {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.defect-entry > *[b-vzdwbltxy6] {
    margin-right: 10px;
}


.form-control[b-vzdwbltxy6] {
    margin-top: 10px !important;
}
/* _content/InfraByte.WebApp/Components/Shared/Inventory/OffShoreInventories/OffshoreSales/Invoices/InvoiceAudioContainer.razor.rz.scp.css */
.files-container[b-17otm2d6t5] {
    overflow: auto;
    max-height: 200px;
}

/* md+: the parent media stack in OffshoreInvoiceDetail bounds the card to the invoice
   column's height and scrolls the card body, so no fixed height here. */
@media (min-width: 768px) {
    .files-container[b-17otm2d6t5] {
        max-height: none;
    }
}
/* _content/InfraByte.WebApp/Components/Shared/Inventory/OffShoreInventories/OffshoreSales/Invoices/InvoicePhotoContainer.razor.rz.scp.css */
.files-container[b-duvft2vbpc] {
    overflow: auto;
    max-height: 300px;
}

/* md+: the parent media stack in OffshoreInvoiceDetail bounds the card to the invoice
   column's height and scrolls the card body, so no fixed height here. */
@media (min-width: 768px) {
    .files-container[b-duvft2vbpc] {
        max-height: none;
    }
}
/* _content/InfraByte.WebApp/Components/Shared/Inventory/ShippingContainer/ShippingContainerListing.razor.rz.scp.css */
button.e-control.e-btn.e-lib.e-dlg-closeicon-btn.e-flat.imageDialog.e-icon-btn[b-2e0kfw5bsz] {
    margin: 0px !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/CarPriceInfoBox.razor.rz.scp.css */
/* Fixed five-cell strip spanning the full form width. */
.info-box[b-xzc5mhli0b] {
    width: 100%;
}

.price-info-grid[b-xzc5mhli0b] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    width: 100%;
}

    .price-info-grid .referenceBox[b-xzc5mhli0b] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .price-info-grid[b-xzc5mhli0b] {
        grid-template-columns: 1fr;
    }
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/CarInquiries/CarInquiryDetails.razor.rz.scp.css */
.font-weight-bold[b-sms387zhz6] {
     font-weight: 800;
     font-size: 14px;
 }

.font-weight-bold-title[b-sms387zhz6] {
    font-weight: 800;
    font-size: 18px !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/CommunicationType.razor.rz.scp.css */
body[b-7nxoddjvmn] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-7nxoddjvmn] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-7nxoddjvmn] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-7nxoddjvmn] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-7nxoddjvmn] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-7nxoddjvmn] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-7nxoddjvmn] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-7nxoddjvmn] {
    padding: 5px 0px 2px;
}

.jobdialog[b-7nxoddjvmn] {
    max-height: 900px;
}
.e-input-group input.e-input[b-7nxoddjvmn], .e-input-group.e-control-wrapper input.e-input[b-7nxoddjvmn], .e-input-group textarea.e-input[b-7nxoddjvmn], .e-input-group.e-control-wrapper textarea.e-input[b-7nxoddjvmn] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-7nxoddjvmn] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-7nxoddjvmn] {
    margin-bottom: 10px;
}
.e-item label[b-7nxoddjvmn], btn.span[b-7nxoddjvmn], .e-dlg-content label[b-7nxoddjvmn] {
    height: 25px !important;
}
.e-item label[b-7nxoddjvmn], btn.span[b-7nxoddjvmn], .e-dlg-content label[b-7nxoddjvmn] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/conversationDialog.razor.rz.scp.css */
.comment-container[b-gf7atl4ahd] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.comment[b-gf7atl4ahd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1rem 0;
}

.comment-avatar[b-gf7atl4ahd] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #333;
    margin-right: 1rem;
}

.comment-content[b-gf7atl4ahd] {
    background-color: #e9e9e9;
    border-radius: 1rem;
    padding: 0.75rem;
    max-width: 100%;
}

.comment-title[b-gf7atl4ahd] {
    font-weight: bold;
    margin-bottom: 0.25rem;
}

.comment-text[b-gf7atl4ahd] {
    margin-bottom: 0;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/CreateBookingFromCarPricingQuoteInMemory.razor.rz.scp.css */
body[b-e1kdh0253r] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-e1kdh0253r] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-e1kdh0253r] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-e1kdh0253r] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-e1kdh0253r] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-e1kdh0253r] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-e1kdh0253r] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-e1kdh0253r] {
    padding: 5px 0px 2px;
}

.jobdialog[b-e1kdh0253r] {
    max-height: 900px;
}
.e-input-group input.e-input[b-e1kdh0253r], .e-input-group.e-control-wrapper input.e-input[b-e1kdh0253r], .e-input-group textarea.e-input[b-e1kdh0253r], .e-input-group.e-control-wrapper textarea.e-input[b-e1kdh0253r] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-e1kdh0253r] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-e1kdh0253r] {
    margin-bottom: 10px;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/CreateBookingNew.razor.rz.scp.css */
/* put this in site.css */
.long-text[b-9rx5mfxuus] {
    white-space: pre-wrap; /* keep line breaks */
    word-break: break-word; /* wrap long words/URLs */
    overflow-wrap: anywhere; /* extra safety for very long strings */
    max-height: 20rem; /* optional: let it scroll if it's huge */
    overflow: auto; /* adds scroll when needed */
    font-family: inherit; /* make <pre> look like normal text */
    background: transparent; /* keep alert background visible */
    border: 0; /* remove default pre border if any */
}

span.e-input-group.e-control-wrapper.e-control-container[b-9rx5mfxuus] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-9rx5mfxuus] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-9rx5mfxuus] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-9rx5mfxuus] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-9rx5mfxuus] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-9rx5mfxuus] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-9rx5mfxuus] {
    padding: 5px 0px 2px;
}

.jobdialog[b-9rx5mfxuus] {
    max-height: 900px;
}
.e-input-group input.e-input[b-9rx5mfxuus], .e-input-group.e-control-wrapper input.e-input[b-9rx5mfxuus], .e-input-group textarea.e-input[b-9rx5mfxuus], .e-input-group.e-control-wrapper textarea.e-input[b-9rx5mfxuus] {
    border-color: #ced4da;
    height: auto !important;
}
.block-section[b-9rx5mfxuus] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-9rx5mfxuus] {
    margin-bottom: 10px;
}
.custom-control.custom-radio[b-9rx5mfxuus] {
    height: 40px;
}
.custom-control.custom-radio input[b-9rx5mfxuus] {
    float: left;
    width: 40px;
    line-height: 30px;
    padding: 10px 0px !important;
    margin: 9px 0px;
    position: relative;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/CreateQuoteNew.razor.rz.scp.css */
body[b-eqam61vfcw] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-eqam61vfcw] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-eqam61vfcw] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-eqam61vfcw] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-eqam61vfcw] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-eqam61vfcw] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-eqam61vfcw] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-eqam61vfcw] {
    padding: 5px 0px 2px;
}

.jobdialog[b-eqam61vfcw] {
    max-height: 900px;
}
.e-input-group input.e-input[b-eqam61vfcw], .e-input-group.e-control-wrapper input.e-input[b-eqam61vfcw], .e-input-group textarea.e-input[b-eqam61vfcw], .e-input-group.e-control-wrapper textarea.e-input[b-eqam61vfcw] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-eqam61vfcw] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-eqam61vfcw] {
    margin-bottom: 10px;
}
.e-item label[b-eqam61vfcw], btn.span[b-eqam61vfcw], .e-dlg-content label[b-eqam61vfcw] {
    height: 25px !important;
}
.e-item label[b-eqam61vfcw], btn.span[b-eqam61vfcw], .e-dlg-content label[b-eqam61vfcw] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/InquirySystem.razor.rz.scp.css */
:root[b-s6adjkrkk9] {
    --sn-primary: var(--branding);
    --sn-primary-dark: #02001d;
    --sn-primary-low: #02001dba;
    --sn-secondary: var(--branding);
    --sn-white: #fff;
    --sn-border: #ccc;
    --sn-shadow-color: #ccc;
    --sn-backgroud-color: #f392003b;
    --sn-border-radius: 10px;
}

.sn-container[b-s6adjkrkk9] {
    align-items: center;
    display: flex;
    padding: 0 20px;
    width: 100%;
}

.sn-card[b-s6adjkrkk9] {
    background-color: #fff;
    background-color: var(--sn-white);
    border-radius: 10px;
    border-radius: var(--sn-border-radius);
}

.sn-card[b-s6adjkrkk9],
.sn-card-header[b-s6adjkrkk9] {
    box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px var(--sn-shadow-color);
}

.sn-card-header[b-s6adjkrkk9] {
    display: flex;
}

.sn-button[b-s6adjkrkk9] {
    background-color: #000018;
    background-color:var(--branding);
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
}

.sn-card-header-title h1[b-s6adjkrkk9] {
    font-size: 30px;
}

.sn-card-header-title[b-s6adjkrkk9] {
    padding: 0 15px;
}

.sn-card-body[b-s6adjkrkk9] {
    margin-top: 10px;
    padding: 10px 15px;
}

.form-inner[b-s6adjkrkk9] {
    padding: 20px 0;
}

a[b-s6adjkrkk9] {
    color: #000018;
    color:var(--branding);
}

    a[b-s6adjkrkk9],
    a:hover[b-s6adjkrkk9] {
        text-decoration: none;
    }

        a:hover[b-s6adjkrkk9] {
            color: #02001dba;
            color: var(--sn-primary-low);
        }

.sn-acc-head a[b-s6adjkrkk9] {
    border-bottom: 2px solid #ccc;
    border-bottom: 2px solid var(--sn-border);
    display: block;
    padding: 10px 15px;
    width: 100%;
}

.sn-main-card[b-s6adjkrkk9] {
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
}

.sn-msg-show .alert[b-s6adjkrkk9] {
    display: none;
}

.sn-side-block-sub[b-s6adjkrkk9] {
    background: #ccc;
    background: var(--sn-border);
    border-left: 2px solid #00ac86;
    border-left: 2px solidvar(--branding);
    display: block;
    padding: 10px;
}

.select2-container[b-s6adjkrkk9] {
    width: 100%;
}

    .select2-container .select2-selection--single .select2-selection__arrow[b-s6adjkrkk9] {
        height: 100%;
    }

    .select2-container .select2-dropdown[b-s6adjkrkk9] {
        max-height: 300px;
        overflow-y: auto;
    }

    .select2-container .select2-results__option[b-s6adjkrkk9] {
        padding: 10px;
    }

    .select2-container .select2-selection--single[b-s6adjkrkk9] {
        height: 40px;
        padding: 5px;
    }

.sn-form-section[b-s6adjkrkk9] {
    display: flex;
    flex-wrap: wrap;
    height: 80vh;
    overflow-y: scroll;
    padding-right: 10px;
    position: relative;
}

.sn-btn-foot-container[b-s6adjkrkk9] {
    bottom: 10px;
    margin-top: auto;
    width: 100%;
}

.sn-fScreen[b-s6adjkrkk9] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .sn-fScreen .spinner-border[b-s6adjkrkk9] {
        margin: auto;
    }

#snAnswerList[b-s6adjkrkk9] {
    height: 65.2vh;
    overflow-y: scroll;
}

.sn-mbBtn[b-s6adjkrkk9] {
    display: none;
}

.sn-answer-container[b-s6adjkrkk9]:before {
    background-color: #ccc;
    background-color: var(--sn-border);
    content: "";
    height: calc(100% - 80px);
    left: 0;
    margin-top: 40px;
    position: absolute;
    top: 0;
    width: 2px;
}

.sn-btn-prev[b-s6adjkrkk9] {
    background-color: #000018 !important;
    background-color:var(--branding) !important;
}

.sn-btn-next[b-s6adjkrkk9] {
    background-color: #00ac86 !important;
    background-color:var(--branding) !important;
}

.sn-stepContainer[b-s6adjkrkk9] {
    background-color:#f392003b;
    border-radius: 0;
    box-shadow: none;
    margin-right: -15px;
    min-height: 670px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 60px;
    z-index: 99;
    min-height: 100%;
}

.sn-step[b-s6adjkrkk9] {
    display: flex;
    padding-bottom: 10px;
    position: relative;
}

    .sn-step .sn-step-number[b-s6adjkrkk9] {
        background: #00ac86;
        background:var(--branding);
        border: 0;
        border-radius: 50%;
        color: #fff;
        color: var(--sn-white);
        font-size: 20px;
        font-weight: 700;
        height: 50px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50px;
        z-index: 2;
    }

.sn-step-title[b-s6adjkrkk9] {
    background: #fff;
    background: var(--sn-white);
    border: 2px solid #ccc;
    border: 2px solid var(--sn-border);
    border-radius: 30px;
    display: none;
    padding: 12px 55px 12px 15px;
    position: absolute;
    right: 0;
    width: -webkit-max-content;
    width: max-content;
}

.sn-step:hover .sn-step-title[b-s6adjkrkk9] {
    display: block;
}

.sn-step.sn-disable[b-s6adjkrkk9],
button:disabled[b-s6adjkrkk9] {
    cursor: not-allowed;
    opacity: 0.5;
}

.sn-step.sn-active .sn-step-number[b-s6adjkrkk9] {
    /* background: #000018; */
    background:var(--branding);
}

.sn-lastmsg-seen[b-s6adjkrkk9] {
    box-shadow: none;
    margin-bottom: auto;
    margin-top: auto;
}

#checkVehicleBy[b-s6adjkrkk9] {
    padding: 10px;
}

    #checkVehicleBy .sn-card[b-s6adjkrkk9] {
        margin-bottom: 10px;
    }

.sn-answer-container h6[b-s6adjkrkk9]:after {
    background-color: #000018;
    background-color:var(--branding);
    content: "";
    display: block;
    height: 3px;
    margin-top: 5px;
    width: 100%;
}

.sn-bodyPardMain[b-s6adjkrkk9] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sn-card-body.s[b-s6adjkrkk9] {
    flex-direction: row-reverse;
    height: 85vh;
    overflow-y: scroll;
}

.suggestions-list[b-s6adjkrkk9] {
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 1000;
}

.suggestion-item[b-s6adjkrkk9] {
    cursor: pointer;
    padding: 8px;
}

    .suggestion-item:hover[b-s6adjkrkk9] {
        background-color: #f0f0f0;
    }

@media (max-width: 767.5px) {
    .sn-mb-sidebar[b-s6adjkrkk9] {
        height: 100%;
        left: 0;
        max-width: calc(100% - 50px);
        position: fixed;
        top: 0;
        transition: left 0.3s ease;
        width: 300px;
        z-index: 999999999;
    }

    .sn-answer-container[b-s6adjkrkk9] {
        box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px var(--sn-shadow-color);
        height: 100%;
        padding: 10px;
    }

    .sn-answer-container[b-s6adjkrkk9],
    .sn-mb-sidebar[b-s6adjkrkk9]:after {
        background-color: #fff;
        background-color: var(--sn-white);
    }

    .sn-mb-sidebar[b-s6adjkrkk9]:after {
        content: "";
        height: calc(100% - 80px);
        margin-top: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 10px;
    }

    .sn-mbBtn[b-s6adjkrkk9] {
        background-color: #fff;
        background-color: var(--sn-white);
        border-radius: 10px;
        box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px var(--sn-shadow-color);
        cursor: pointer;
        display: block;
        font-size: 23px;
        font-weight: 700;
        height: 80px;
        line-height: 78px;
        overflow: hidden;
        position: absolute;
        right: -40px;
        text-align: center;
        top: calc(50% - 40px);
        width: 35px;
    }

        .sn-mbBtn.sn-right[b-s6adjkrkk9] {
            background-color: #000018;
            background-color:var(--branding);
            color: #fff;
            color: var(--sn-white);
        }

    .sn-overlay[b-s6adjkrkk9] {
        background: #02001dba;
        background: var(--sn-primary-low);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .sn-form-section[b-s6adjkrkk9] {
        height: 75vh;
    }

    .sn-ttcontain[b-s6adjkrkk9] {
        z-index: 999999;
    }

    .sn-tooltip-dragBtn[b-s6adjkrkk9] {
        background-color: #00ac86;
        background-color:var(--branding);
        border-radius: 5px;
        color: #fff;
        left: 120px;
        padding: 10px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
    }

    .sn-toolTip-overlay[b-s6adjkrkk9] {
        background-color: #02001dba;
        background-color: var(--sn-primary-low);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .sn-bodyPardMain[b-s6adjkrkk9] {
        z-index: 999;
    }

    .sn-stepContainer:hover[b-s6adjkrkk9] {
        z-index: 9999;
    }
}

.sn-image-section[b-s6adjkrkk9] {
    height: 300px;
    position: relative;
    width: 145px;
}

    .sn-image-section img[b-s6adjkrkk9] {
        height: 100%;
        width: 100%;
    }

.clicked[b-s6adjkrkk9] {
    outline: 2px solid red;
}

.sn-vh-map[b-s6adjkrkk9] {
    border-radius: 20px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.sn-front-cover[b-s6adjkrkk9] {
    height: 80px;
}

.sn-middle-cover[b-s6adjkrkk9] {
    display: flex;
    height: calc(100% - 160px);
}

.sn-left-cover[b-s6adjkrkk9],
.sn-right-cover[b-s6adjkrkk9] {
    width: 50%;
}

.sn-bottom-cover[b-s6adjkrkk9] {
    height: 80px;
}

.sn-vh-map div.active[b-s6adjkrkk9] {
    background-color: rgba(62, 212, 62, 0.582);
}

.sn-f-screen[b-s6adjkrkk9] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.sn-f-footer[b-s6adjkrkk9] {
    width: 100%;
    height: auto;
    margin-top: auto;
}

.sn-f-content[b-s6adjkrkk9] {
    width: 100%;
    height: 100%;
    max-height: calc(100% - 10px);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.sn-f-content-right[b-s6adjkrkk9] {
    margin-left: auto;
    height: calc(100% - 35px);
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    border: solid 1px #dee2e6;
    border-radius: 10px;
}

.sn-f-content-left[b-s6adjkrkk9] {
    margin-right: auto;
    height: 100%;
    position: relative;
    z-index: 9;
    padding: 10px;
    overflow-y: scroll;
}

    .sn-f-content-left[b-s6adjkrkk9]::before {
        content: "";
        height: calc(100% - 40px);
        width: 3px;
        background-color: rgb(221, 221, 221);
        display: block;
        position: absolute;
        top: 20px;
        left: 0;
    }
.e-dialog[b-s6adjkrkk9]{
    max-width: 1000px !important;
}
.sn-f-footer e-btn:hover[b-s6adjkrkk9] {
    background: #ff8600;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/InquirySystemComponents/SelectVehicle.razor.rz.scp.css */
body[b-fnkfmao7km] {
}

span.e-input-group.e-control-wrapper.e-control-container[b-fnkfmao7km] {
    margin-bottom: 5px;
}

.e-input-group input.e-input[b-fnkfmao7km] {
    height: 27px !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-fnkfmao7km] {
    margin-bottom: 0px !important;
    display: inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-fnkfmao7km] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-fnkfmao7km] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-fnkfmao7km] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-fnkfmao7km] {
    padding: 5px 0px 2px;
}

.jobdialog[b-fnkfmao7km] {
    max-height: 900px;
}

.e-input-group input.e-input[b-fnkfmao7km], .e-input-group.e-control-wrapper input.e-input[b-fnkfmao7km], .e-input-group textarea.e-input[b-fnkfmao7km], .e-input-group.e-control-wrapper textarea.e-input[b-fnkfmao7km] {
    border-color: #ced4da;
    height: 27px !important;
}

.block-section[b-fnkfmao7km] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-fnkfmao7km] {
    margin-bottom: 10px;
}

.e-item label[b-fnkfmao7km], btn.span[b-fnkfmao7km], .e-dlg-content label[b-fnkfmao7km] {
    height: 25px !important;
}

.e-item label[b-fnkfmao7km], btn.span[b-fnkfmao7km], .e-dlg-content label[b-fnkfmao7km] {
    padding: 10px 0 !important;
}

.e-acrdn-header-content[b-fnkfmao7km]{
    width: 100%;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/InquirySystemComponents/WizardSteps.razor.rz.scp.css */

.sn-stepContainer[b-argtitu3zr] {
    background-color: #f392003b;
    border-radius: 0;
    box-shadow: none;
    margin-right: -15px;
    min-height: 670px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 60px;
    z-index: 99;
    min-height: 100%;
}

.sn-step[b-argtitu3zr] {
    display: flex;
    padding-bottom: 10px;
    position: relative;
}

    .sn-step .sn-step-number[b-argtitu3zr] {
        background: #00ac86;
        background: var(--branding);
        border: 0;
        border-radius: 50%;
        color: #fff;
        color: var(--sn-white);
        font-size: 20px;
        font-weight: 700;
        height: 50px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50px;
        z-index: 2;
    }

.sn-step-title[b-argtitu3zr] {
    background: #fff;
    background: var(--sn-white);
    border: 2px solid #ccc;
    border: 2px solid var(--sn-border);
    border-radius: 30px;
    display: none;
    padding: 12px 55px 12px 15px;
    position: absolute;
    right: 0;
    width: -webkit-max-content;
    width: max-content;
}

.sn-step:hover .sn-step-title[b-argtitu3zr] {
    display: block;
}

.sn-step.sn-disable[b-argtitu3zr],
button:disabled[b-argtitu3zr] {
    cursor: not-allowed;
    opacity: 0.5;
}

.sn-step.sn-active .sn-step-number[b-argtitu3zr] {
    /* background: #000018; */
    background: var(--branding);
}

@media (max-width: 767.5px) {
    .sn-stepContainer:hover[b-argtitu3zr] {
        z-index: 9999;
    }
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/LeadSource.razor.rz.scp.css */
body[b-3ritu51mh8] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-3ritu51mh8] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-3ritu51mh8] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-3ritu51mh8] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-3ritu51mh8] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-3ritu51mh8] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-3ritu51mh8] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-3ritu51mh8] {
    padding: 5px 0px 2px;
}

.jobdialog[b-3ritu51mh8] {
    max-height: 900px;
}
.e-input-group input.e-input[b-3ritu51mh8], .e-input-group.e-control-wrapper input.e-input[b-3ritu51mh8], .e-input-group textarea.e-input[b-3ritu51mh8], .e-input-group.e-control-wrapper textarea.e-input[b-3ritu51mh8] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-3ritu51mh8] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-3ritu51mh8] {
    margin-bottom: 10px;
}
.e-item label[b-3ritu51mh8], btn.span[b-3ritu51mh8], .e-dlg-content label[b-3ritu51mh8] {
    height: 25px !important;
}
.e-item label[b-3ritu51mh8], btn.span[b-3ritu51mh8], .e-dlg-content label[b-3ritu51mh8] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/PricingSystem.razor.rz.scp.css */
:root[b-rumr5y5rf8] {
    --sn-primary: var(--branding);
    --sn-primary-dark: #02001d;
    --sn-primary-low: #02001dba;
    --sn-secondary: var(--branding);
    --sn-white: #fff;
    --sn-border: #ccc;
    --sn-shadow-color: #ccc;
    --sn-backgroud-color: #f392003b;
    --sn-border-radius: 10px;
}

.sn-container[b-rumr5y5rf8] {
    align-items: center;
    display: flex;
    padding: 0 20px;
    width: 100%;
}

.sn-card[b-rumr5y5rf8] {
    background-color: #fff;
    background-color: var(--sn-white);
    border-radius: 10px;
    border-radius: var(--sn-border-radius);
}

.sn-card[b-rumr5y5rf8],
.sn-card-header[b-rumr5y5rf8] {
    box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px var(--sn-shadow-color);
}

.sn-card-header[b-rumr5y5rf8] {
    display: flex;
}

.sn-button[b-rumr5y5rf8] {
    background-color: #000018;
    background-color:var(--branding);
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
}

.sn-card-header-title h1[b-rumr5y5rf8] {
    font-size: 30px;
}

.sn-card-header-title[b-rumr5y5rf8] {
    padding: 0 15px;
}

.sn-card-body[b-rumr5y5rf8] {
    margin-top: 10px;
    padding: 10px 15px;
}

.form-inner[b-rumr5y5rf8] {
    padding: 20px 0;
}

a[b-rumr5y5rf8] {
    color: #000018;
    color:var(--branding);
}

    a[b-rumr5y5rf8],
    a:hover[b-rumr5y5rf8] {
        text-decoration: none;
    }

        a:hover[b-rumr5y5rf8] {
            color: #02001dba;
            color: var(--sn-primary-low);
        }

.sn-acc-head a[b-rumr5y5rf8] {
    border-bottom: 2px solid #ccc;
    border-bottom: 2px solid var(--sn-border);
    display: block;
    padding: 10px 15px;
    width: 100%;
}

.sn-main-card[b-rumr5y5rf8] {
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
}

.sn-msg-show .alert[b-rumr5y5rf8] {
    display: none;
}

.sn-side-block-sub[b-rumr5y5rf8] {
    background: #ccc;
    background: var(--sn-border);
    border-left: 2px solid #00ac86;
    border-left: 2px solidvar(--branding);
    display: block;
    padding: 10px;
}

.select2-container[b-rumr5y5rf8] {
    width: 100%;
}

    .select2-container .select2-selection--single .select2-selection__arrow[b-rumr5y5rf8] {
        height: 100%;
    }

    .select2-container .select2-dropdown[b-rumr5y5rf8] {
        max-height: 300px;
        overflow-y: auto;
    }

    .select2-container .select2-results__option[b-rumr5y5rf8] {
        padding: 10px;
    }

    .select2-container .select2-selection--single[b-rumr5y5rf8] {
        height: 40px;
        padding: 5px;
    }

.sn-form-section[b-rumr5y5rf8] {
    display: flex;
    flex-wrap: wrap;
    height: 80vh;
    overflow-y: scroll;
    padding-right: 10px;
    position: relative;
}

.sn-btn-foot-container[b-rumr5y5rf8] {
    bottom: 10px;
    margin-top: auto;
    width: 100%;
}

.sn-fScreen[b-rumr5y5rf8] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .sn-fScreen .spinner-border[b-rumr5y5rf8] {
        margin: auto;
    }

#snAnswerList[b-rumr5y5rf8] {
    height: 65.2vh;
    overflow-y: scroll;
}

.sn-mbBtn[b-rumr5y5rf8] {
    display: none;
}

.sn-answer-container[b-rumr5y5rf8]:before {
    background-color: #ccc;
    background-color: var(--sn-border);
    content: "";
    height: calc(100% - 80px);
    left: 0;
    margin-top: 40px;
    position: absolute;
    top: 0;
    width: 2px;
}

.sn-btn-prev[b-rumr5y5rf8] {
    background-color: #000018 !important;
    background-color:var(--branding) !important;
}

.sn-btn-next[b-rumr5y5rf8] {
    background-color: #00ac86 !important;
    background-color:var(--branding) !important;
}

.sn-stepContainer[b-rumr5y5rf8] {
    background-color:#f392003b;
    border-radius: 0;
    box-shadow: none;
    margin-right: -15px;
    min-height: 670px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 60px;
    z-index: 99;
    min-height: 100%;
}

.sn-step[b-rumr5y5rf8] {
    display: flex;
    padding-bottom: 10px;
    position: relative;
}

    .sn-step .sn-step-number[b-rumr5y5rf8] {
        background: #00ac86;
        background:var(--branding);
        border: 0;
        border-radius: 50%;
        color: #fff;
        color: var(--sn-white);
        font-size: 20px;
        font-weight: 700;
        height: 50px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50px;
        z-index: 2;
    }

.sn-step-title[b-rumr5y5rf8] {
    background: #fff;
    background: var(--sn-white);
    border: 2px solid #ccc;
    border: 2px solid var(--sn-border);
    border-radius: 30px;
    display: none;
    padding: 12px 55px 12px 15px;
    position: absolute;
    right: 0;
    width: -webkit-max-content;
    width: max-content;
}

.sn-step:hover .sn-step-title[b-rumr5y5rf8] {
    display: block;
}

.sn-step.sn-disable[b-rumr5y5rf8],
button:disabled[b-rumr5y5rf8] {
    cursor: not-allowed;
    opacity: 0.5;
}

.sn-step.sn-active .sn-step-number[b-rumr5y5rf8] {
    /* background: #000018; */
    background:var(--branding);
}

.sn-lastmsg-seen[b-rumr5y5rf8] {
    box-shadow: none;
    margin-bottom: auto;
    margin-top: auto;
}

#checkVehicleBy[b-rumr5y5rf8] {
    padding: 10px;
}

    #checkVehicleBy .sn-card[b-rumr5y5rf8] {
        margin-bottom: 10px;
    }

.sn-answer-container h6[b-rumr5y5rf8]:after {
    background-color: #000018;
    background-color:var(--branding);
    content: "";
    display: block;
    height: 3px;
    margin-top: 5px;
    width: 100%;
}

.sn-bodyPardMain[b-rumr5y5rf8] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sn-card-body.s[b-rumr5y5rf8] {
    flex-direction: row-reverse;
    height: 85vh;
    overflow-y: scroll;
}

.suggestions-list[b-rumr5y5rf8] {
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 1000;
}

.suggestion-item[b-rumr5y5rf8] {
    cursor: pointer;
    padding: 8px;
}

    .suggestion-item:hover[b-rumr5y5rf8] {
        background-color: #f0f0f0;
    }

@media (max-width: 767.5px) {
    .sn-mb-sidebar[b-rumr5y5rf8] {
        height: 100%;
        left: 0;
        max-width: calc(100% - 50px);
        position: fixed;
        top: 0;
        transition: left 0.3s ease;
        width: 300px;
        z-index: 999999999;
    }

    .sn-answer-container[b-rumr5y5rf8] {
        box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px var(--sn-shadow-color);
        height: 100%;
        padding: 10px;
    }

    .sn-answer-container[b-rumr5y5rf8],
    .sn-mb-sidebar[b-rumr5y5rf8]:after {
        background-color: #fff;
        background-color: var(--sn-white);
    }

    .sn-mb-sidebar[b-rumr5y5rf8]:after {
        content: "";
        height: calc(100% - 80px);
        margin-top: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 10px;
    }

    .sn-mbBtn[b-rumr5y5rf8] {
        background-color: #fff;
        background-color: var(--sn-white);
        border-radius: 10px;
        box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px var(--sn-shadow-color);
        cursor: pointer;
        display: block;
        font-size: 23px;
        font-weight: 700;
        height: 80px;
        line-height: 78px;
        overflow: hidden;
        position: absolute;
        right: -40px;
        text-align: center;
        top: calc(50% - 40px);
        width: 35px;
    }

        .sn-mbBtn.sn-right[b-rumr5y5rf8] {
            background-color: #000018;
            background-color:var(--branding);
            color: #fff;
            color: var(--sn-white);
        }

    .sn-overlay[b-rumr5y5rf8] {
        background: #02001dba;
        background: var(--sn-primary-low);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .sn-form-section[b-rumr5y5rf8] {
        height: 75vh;
    }

    .sn-ttcontain[b-rumr5y5rf8] {
        z-index: 999999;
    }

    .sn-tooltip-dragBtn[b-rumr5y5rf8] {
        background-color: #00ac86;
        background-color:var(--branding);
        border-radius: 5px;
        color: #fff;
        left: 120px;
        padding: 10px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
    }

    .sn-toolTip-overlay[b-rumr5y5rf8] {
        background-color: #02001dba;
        background-color: var(--sn-primary-low);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .sn-bodyPardMain[b-rumr5y5rf8] {
        z-index: 999;
    }

    .sn-stepContainer:hover[b-rumr5y5rf8] {
        z-index: 9999;
    }
}

.sn-image-section[b-rumr5y5rf8] {
    height: 300px;
    position: relative;
    width: 145px;
}

    .sn-image-section img[b-rumr5y5rf8] {
        height: 100%;
        width: 100%;
    }

.clicked[b-rumr5y5rf8] {
    outline: 2px solid red;
}

.sn-vh-map[b-rumr5y5rf8] {
    border-radius: 20px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.sn-front-cover[b-rumr5y5rf8] {
    height: 80px;
}

.sn-middle-cover[b-rumr5y5rf8] {
    display: flex;
    height: calc(100% - 160px);
}

.sn-left-cover[b-rumr5y5rf8],
.sn-right-cover[b-rumr5y5rf8] {
    width: 50%;
}

.sn-bottom-cover[b-rumr5y5rf8] {
    height: 80px;
}

.sn-vh-map div.active[b-rumr5y5rf8] {
    background-color: rgba(62, 212, 62, 0.582);
}

.sn-f-screen[b-rumr5y5rf8] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.sn-f-footer[b-rumr5y5rf8] {
    width: 100%;
    height: auto;
    margin-top: auto;
}

.sn-f-content[b-rumr5y5rf8] {
    width: 100%;
    height: 100%;
    max-height: calc(100% - 10px);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.sn-f-content-right[b-rumr5y5rf8] {
    margin-left: auto;
    height: calc(100% - 35px);
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    border: solid 1px #dee2e6;
    border-radius: 10px;
}

.sn-f-content-left[b-rumr5y5rf8] {
    margin-right: auto;
    height: 100%;
    position: relative;
    z-index: 9;
    padding: 10px;
    overflow-y: scroll;
}

    .sn-f-content-left[b-rumr5y5rf8]::before {
        content: "";
        height: calc(100% - 40px);
        width: 3px;
        background-color: rgb(221, 221, 221);
        display: block;
        position: absolute;
        top: 20px;
        left: 0;
    }
.e-dialog[b-rumr5y5rf8]{
    max-width: 1000px !important;
}
.sn-f-footer e-btn:hover[b-rumr5y5rf8] {
    background: #ff8600;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/PricingSystemComponents/SelectVehicle.razor.rz.scp.css */
body[b-songvkukia] {
}

span.e-input-group.e-control-wrapper.e-control-container[b-songvkukia] {
    margin-bottom: 5px;
}

.e-input-group input.e-input[b-songvkukia] {
    height: 27px !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-songvkukia] {
    margin-bottom: 0px !important;
    display: inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-songvkukia] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-songvkukia] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-songvkukia] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-songvkukia] {
    padding: 5px 0px 2px;
}

.jobdialog[b-songvkukia] {
    max-height: 900px;
}

.e-input-group input.e-input[b-songvkukia], .e-input-group.e-control-wrapper input.e-input[b-songvkukia], .e-input-group textarea.e-input[b-songvkukia], .e-input-group.e-control-wrapper textarea.e-input[b-songvkukia] {
    border-color: #ced4da;
    height: 27px !important;
}

.block-section[b-songvkukia] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-songvkukia] {
    margin-bottom: 10px;
}

.e-item label[b-songvkukia], btn.span[b-songvkukia], .e-dlg-content label[b-songvkukia] {
    height: 25px !important;
}

.e-item label[b-songvkukia], btn.span[b-songvkukia], .e-dlg-content label[b-songvkukia] {
    padding: 10px 0 !important;
}

.e-acrdn-header-content[b-songvkukia]{
    width: 100%;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/PricingSystemComponents/WizardSteps.razor.rz.scp.css */

.sn-stepContainer[b-uf3l16rtn5] {
    background-color: #f392003b;
    border-radius: 0;
    box-shadow: none;
    margin-right: -15px;
    min-height: 670px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 60px;
    z-index: 99;
    min-height: 100%;
}

.sn-step[b-uf3l16rtn5] {
    display: flex;
    padding-bottom: 10px;
    position: relative;
}

    .sn-step .sn-step-number[b-uf3l16rtn5] {
        background: #00ac86;
        background: var(--branding);
        border: 0;
        border-radius: 50%;
        color: #fff;
        color: var(--sn-white);
        font-size: 20px;
        font-weight: 700;
        height: 50px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50px;
        z-index: 2;
    }

.sn-step-title[b-uf3l16rtn5] {
    background: #fff;
    background: var(--sn-white);
    border: 2px solid #ccc;
    border: 2px solid var(--sn-border);
    border-radius: 30px;
    display: none;
    padding: 12px 55px 12px 15px;
    position: absolute;
    right: 0;
    width: -webkit-max-content;
    width: max-content;
}

.sn-step:hover .sn-step-title[b-uf3l16rtn5] {
    display: block;
}

.sn-step.sn-disable[b-uf3l16rtn5],
button:disabled[b-uf3l16rtn5] {
    cursor: not-allowed;
    opacity: 0.5;
}

.sn-step.sn-active .sn-step-number[b-uf3l16rtn5] {
    /* background: #000018; */
    background: var(--branding);
}

@media (max-width: 767.5px) {
    .sn-stepContainer:hover[b-uf3l16rtn5] {
        z-index: 9999;
    }
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/QuoteAccepted.razor.rz.scp.css */
body[b-16jb0qj0lc] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-16jb0qj0lc] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-16jb0qj0lc] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-16jb0qj0lc] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-16jb0qj0lc] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-16jb0qj0lc] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-16jb0qj0lc] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-16jb0qj0lc] {
    padding: 5px 0px 2px;
}

.jobdialog[b-16jb0qj0lc] {
    max-height: 900px;
}
.e-input-group input.e-input[b-16jb0qj0lc], .e-input-group.e-control-wrapper input.e-input[b-16jb0qj0lc], .e-input-group textarea.e-input[b-16jb0qj0lc], .e-input-group.e-control-wrapper textarea.e-input[b-16jb0qj0lc] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-16jb0qj0lc] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-16jb0qj0lc] {
    margin-bottom: 10px;
}
.e-item label[b-16jb0qj0lc], btn.span[b-16jb0qj0lc], .e-dlg-content label[b-16jb0qj0lc] {
    height: 25px !important;
}
.e-item label[b-16jb0qj0lc], btn.span[b-16jb0qj0lc], .e-dlg-content label[b-16jb0qj0lc] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/QuotePending.razor.rz.scp.css */
body[b-2lthysbk0w] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-2lthysbk0w] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-2lthysbk0w] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-2lthysbk0w] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-2lthysbk0w] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-2lthysbk0w] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-2lthysbk0w] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-2lthysbk0w] {
    padding: 5px 0px 2px;
}

.jobdialog[b-2lthysbk0w] {
    max-height: 900px;
}
.e-input-group input.e-input[b-2lthysbk0w], .e-input-group.e-control-wrapper input.e-input[b-2lthysbk0w], .e-input-group textarea.e-input[b-2lthysbk0w], .e-input-group.e-control-wrapper textarea.e-input[b-2lthysbk0w] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-2lthysbk0w] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-2lthysbk0w] {
    margin-bottom: 10px;
}
.e-item label[b-2lthysbk0w], btn.span[b-2lthysbk0w], .e-dlg-content label[b-2lthysbk0w] {
    height: 25px !important;
}
.e-item label[b-2lthysbk0w], btn.span[b-2lthysbk0w], .e-dlg-content label[b-2lthysbk0w] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/QuoteRejected.razor.rz.scp.css */
body[b-gb85za8o0g] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-gb85za8o0g] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-gb85za8o0g] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-gb85za8o0g] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-gb85za8o0g] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-gb85za8o0g] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-gb85za8o0g] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-gb85za8o0g] {
    padding: 5px 0px 2px;
}

.jobdialog[b-gb85za8o0g] {
    max-height: 900px;
}
.e-input-group input.e-input[b-gb85za8o0g], .e-input-group.e-control-wrapper input.e-input[b-gb85za8o0g], .e-input-group textarea.e-input[b-gb85za8o0g], .e-input-group.e-control-wrapper textarea.e-input[b-gb85za8o0g] {
    border-color: #ced4da;
    height: auto !important;
}
.block-section[b-gb85za8o0g] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-gb85za8o0g] {
    margin-bottom: 10px;
}
.e-item label[b-gb85za8o0g], btn.span[b-gb85za8o0g], .e-dlg-content label[b-gb85za8o0g] {
    height: 25px !important;
}
.e-item label[b-gb85za8o0g], btn.span[b-gb85za8o0g], .e-dlg-content label[b-gb85za8o0g] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/ReviewForParts.razor.rz.scp.css */
body[b-kvg52l89o9] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-kvg52l89o9] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-kvg52l89o9] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-kvg52l89o9] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-kvg52l89o9] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-kvg52l89o9] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-kvg52l89o9] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-kvg52l89o9] {
    padding: 5px 0px 2px;
}

.jobdialog[b-kvg52l89o9] {
    max-height: 900px;
}
.e-input-group input.e-input[b-kvg52l89o9], .e-input-group.e-control-wrapper input.e-input[b-kvg52l89o9], .e-input-group textarea.e-input[b-kvg52l89o9], .e-input-group.e-control-wrapper textarea.e-input[b-kvg52l89o9] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-kvg52l89o9] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-kvg52l89o9] {
    margin-bottom: 10px;
}
.e-item label[b-kvg52l89o9], btn.span[b-kvg52l89o9], .e-dlg-content label[b-kvg52l89o9] {
    height: 25px !important;
}
.e-item label[b-kvg52l89o9], btn.span[b-kvg52l89o9], .e-dlg-content label[b-kvg52l89o9] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/ReviewForResale.razor.rz.scp.css */
body[b-xnc7frfzjt] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-xnc7frfzjt] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-xnc7frfzjt] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-xnc7frfzjt] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-xnc7frfzjt] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-xnc7frfzjt] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-xnc7frfzjt] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-xnc7frfzjt] {
    padding: 5px 0px 2px;
}

.jobdialog[b-xnc7frfzjt] {
    max-height: 900px;
}
.e-input-group input.e-input[b-xnc7frfzjt], .e-input-group.e-control-wrapper input.e-input[b-xnc7frfzjt], .e-input-group textarea.e-input[b-xnc7frfzjt], .e-input-group.e-control-wrapper textarea.e-input[b-xnc7frfzjt] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-xnc7frfzjt] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-xnc7frfzjt] {
    margin-bottom: 10px;
}
.e-item label[b-xnc7frfzjt], btn.span[b-xnc7frfzjt], .e-dlg-content label[b-xnc7frfzjt] {
    height: 25px !important;
}
.e-item label[b-xnc7frfzjt], btn.span[b-xnc7frfzjt], .e-dlg-content label[b-xnc7frfzjt] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/UpdateBookingNew.razor.rz.scp.css */
body[b-adqyma123x] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-adqyma123x] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-adqyma123x] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-adqyma123x] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-adqyma123x] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-adqyma123x] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-adqyma123x] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-adqyma123x] {
    padding: 5px 0px 2px;
}

.jobdialog[b-adqyma123x] {
    max-height: 900px;
}
.e-input-group input.e-input[b-adqyma123x], .e-input-group.e-control-wrapper input.e-input[b-adqyma123x], .e-input-group textarea.e-input[b-adqyma123x], .e-input-group.e-control-wrapper textarea.e-input[b-adqyma123x] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-adqyma123x] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-adqyma123x] {
    margin-bottom: 10px;
}
.e-item label[b-adqyma123x], btn.span[b-adqyma123x], .e-dlg-content label[b-adqyma123x] {
    height: 25px !important;
}

.e-item label[b-adqyma123x], btn.span[b-adqyma123x], .e-dlg-content label[b-adqyma123x] {
    padding: 10px 0 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/JobBooking/Quotes/UpdatePricingSystem.razor.rz.scp.css */
:root[b-o364l2buys] {
    --sn-primary: var(--branding);
    --sn-primary-dark: #02001d;
    --sn-primary-low: #02001dba;
    --sn-secondary: var(--branding);
    --sn-white: #fff;
    --sn-border: #ccc;
    --sn-shadow-color: #ccc;
    --sn-backgroud-color: #f392003b;
    --sn-border-radius: 10px;
}

.sn-container[b-o364l2buys] {
    align-items: center;
    display: flex;
    padding: 0 20px;
    width: 100%;
}

.sn-card[b-o364l2buys] {
    background-color: #fff;
    background-color: var(--sn-white);
    border-radius: 10px;
    border-radius: var(--sn-border-radius);
}

.sn-card[b-o364l2buys],
.sn-card-header[b-o364l2buys] {
    box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px var(--sn-shadow-color);
}

.sn-card-header[b-o364l2buys] {
    display: flex;
}

.sn-button[b-o364l2buys] {
    background-color: #000018;
    background-color: var(--branding);
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
}

.sn-card-header-title h1[b-o364l2buys] {
    font-size: 30px;
}

.sn-card-header-title[b-o364l2buys] {
    padding: 0 15px;
}

.sn-card-body[b-o364l2buys] {
    margin-top: 10px;
    padding: 10px 15px;
}

.form-inner[b-o364l2buys] {
    padding: 20px 0;
}

a[b-o364l2buys] {
    color: #000018;
    color: var(--branding);
}

    a[b-o364l2buys],
    a:hover[b-o364l2buys] {
        text-decoration: none;
    }

        a:hover[b-o364l2buys] {
            color: #02001dba;
            color: var(--sn-primary-low);
        }

.sn-acc-head a[b-o364l2buys] {
    border-bottom: 2px solid #ccc;
    border-bottom: 2px solid var(--sn-border);
    display: block;
    padding: 10px 15px;
    width: 100%;
}

.sn-main-card[b-o364l2buys] {
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
}

.sn-msg-show .alert[b-o364l2buys] {
    display: none;
}

.sn-side-block-sub[b-o364l2buys] {
    background: #ccc;
    background: var(--sn-border);
    border-left: 2px solid #00ac86;
    border-left: 2px solidvar(--branding);
    display: block;
    padding: 10px;
}

.select2-container[b-o364l2buys] {
    width: 100%;
}

    .select2-container .select2-selection--single .select2-selection__arrow[b-o364l2buys] {
        height: 100%;
    }

    .select2-container .select2-dropdown[b-o364l2buys] {
        max-height: 300px;
        overflow-y: auto;
    }

    .select2-container .select2-results__option[b-o364l2buys] {
        padding: 10px;
    }

    .select2-container .select2-selection--single[b-o364l2buys] {
        height: 40px;
        padding: 5px;
    }

.sn-form-section[b-o364l2buys] {
    display: flex;
    flex-wrap: wrap;
    height: 80vh;
    overflow-y: scroll;
    padding-right: 10px;
    position: relative;
}

.sn-btn-foot-container[b-o364l2buys] {
    bottom: 10px;
    margin-top: auto;
    width: 100%;
}

.sn-fScreen[b-o364l2buys] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .sn-fScreen .spinner-border[b-o364l2buys] {
        margin: auto;
    }

#snAnswerList[b-o364l2buys] {
    height: 65.2vh;
    overflow-y: scroll;
}

.sn-mbBtn[b-o364l2buys] {
    display: none;
}

.sn-answer-container[b-o364l2buys]:before {
    background-color: #ccc;
    background-color: var(--sn-border);
    content: "";
    height: calc(100% - 80px);
    left: 0;
    margin-top: 40px;
    position: absolute;
    top: 0;
    width: 2px;
}

.sn-btn-prev[b-o364l2buys] {
    background-color: #000018 !important;
    background-color: var(--branding) !important;
}

.sn-btn-next[b-o364l2buys] {
    background-color: #00ac86 !important;
    background-color: var(--branding) !important;
}

.sn-stepContainer[b-o364l2buys] {
    background-color: #f392003b;
    border-radius: 0;
    box-shadow: none;
    margin-right: -15px;
    min-height: 670px;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 60px;
    z-index: 99;
    min-height: 100%;
}

.sn-step[b-o364l2buys] {
    display: flex;
    padding-bottom: 10px;
    position: relative;
}

    .sn-step .sn-step-number[b-o364l2buys] {
        background: #00ac86;
        background: var(--branding);
        border: 0;
        border-radius: 50%;
        color: #fff;
        color: var(--sn-white);
        font-size: 20px;
        font-weight: 700;
        height: 50px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 50px;
        z-index: 2;
    }

.sn-step-title[b-o364l2buys] {
    background: #fff;
    background: var(--sn-white);
    border: 2px solid #ccc;
    border: 2px solid var(--sn-border);
    border-radius: 30px;
    display: none;
    padding: 12px 55px 12px 15px;
    position: absolute;
    right: 0;
    width: -webkit-max-content;
    width: max-content;
}

.sn-step:hover .sn-step-title[b-o364l2buys] {
    display: block;
}

.sn-step.sn-disable[b-o364l2buys],
button:disabled[b-o364l2buys] {
    cursor: not-allowed;
    opacity: 0.5;
}

.sn-step.sn-active .sn-step-number[b-o364l2buys] {
    /* background: #000018; */
    background: var(--branding);
}

.sn-lastmsg-seen[b-o364l2buys] {
    box-shadow: none;
    margin-bottom: auto;
    margin-top: auto;
}

#checkVehicleBy[b-o364l2buys] {
    padding: 10px;
}

    #checkVehicleBy .sn-card[b-o364l2buys] {
        margin-bottom: 10px;
    }

.sn-answer-container h6[b-o364l2buys]:after {
    background-color: #000018;
    background-color: var(--branding);
    content: "";
    display: block;
    height: 3px;
    margin-top: 5px;
    width: 100%;
}

.sn-bodyPardMain[b-o364l2buys] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sn-card-body.s[b-o364l2buys] {
    flex-direction: row-reverse;
    height: 85vh;
    overflow-y: scroll;
}

.suggestions-list[b-o364l2buys] {
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 1000;
}

.suggestion-item[b-o364l2buys] {
    cursor: pointer;
    padding: 8px;
}

    .suggestion-item:hover[b-o364l2buys] {
        background-color: #f0f0f0;
    }

@media (max-width: 767.5px) {
    .sn-mb-sidebar[b-o364l2buys] {
        height: 100%;
        left: 0;
        max-width: calc(100% - 50px);
        position: fixed;
        top: 0;
        transition: left 0.3s ease;
        width: 300px;
        z-index: 999999999;
    }

    .sn-answer-container[b-o364l2buys] {
        box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px var(--sn-shadow-color);
        height: 100%;
        padding: 10px;
    }

    .sn-answer-container[b-o364l2buys],
    .sn-mb-sidebar[b-o364l2buys]:after {
        background-color: #fff;
        background-color: var(--sn-white);
    }

    .sn-mb-sidebar[b-o364l2buys]:after {
        content: "";
        height: calc(100% - 80px);
        margin-top: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 10px;
    }

    .sn-mbBtn[b-o364l2buys] {
        background-color: #fff;
        background-color: var(--sn-white);
        border-radius: 10px;
        box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px var(--sn-shadow-color);
        cursor: pointer;
        display: block;
        font-size: 23px;
        font-weight: 700;
        height: 80px;
        line-height: 78px;
        overflow: hidden;
        position: absolute;
        right: -40px;
        text-align: center;
        top: calc(50% - 40px);
        width: 35px;
    }

        .sn-mbBtn.sn-right[b-o364l2buys] {
            background-color: #000018;
            background-color: var(--branding);
            color: #fff;
            color: var(--sn-white);
        }

    .sn-overlay[b-o364l2buys] {
        background: #02001dba;
        background: var(--sn-primary-low);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .sn-form-section[b-o364l2buys] {
        height: 75vh;
    }

    .sn-ttcontain[b-o364l2buys] {
        z-index: 999999;
    }

    .sn-tooltip-dragBtn[b-o364l2buys] {
        background-color: #00ac86;
        background-color: var(--branding);
        border-radius: 5px;
        color: #fff;
        left: 120px;
        padding: 10px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
    }

    .sn-toolTip-overlay[b-o364l2buys] {
        background-color: #02001dba;
        background-color: var(--sn-primary-low);
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .sn-bodyPardMain[b-o364l2buys] {
        z-index: 999;
    }

    .sn-stepContainer:hover[b-o364l2buys] {
        z-index: 9999;
    }
}

.sn-image-section[b-o364l2buys] {
    height: 300px;
    position: relative;
    width: 145px;
}

    .sn-image-section img[b-o364l2buys] {
        height: 100%;
        width: 100%;
    }

.clicked[b-o364l2buys] {
    outline: 2px solid red;
}

.sn-vh-map[b-o364l2buys] {
    border-radius: 20px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.sn-front-cover[b-o364l2buys] {
    height: 80px;
}

.sn-middle-cover[b-o364l2buys] {
    display: flex;
    height: calc(100% - 160px);
}

.sn-left-cover[b-o364l2buys],
.sn-right-cover[b-o364l2buys] {
    width: 50%;
}

.sn-bottom-cover[b-o364l2buys] {
    height: 80px;
}

.sn-vh-map div.active[b-o364l2buys] {
    background-color: rgba(62, 212, 62, 0.582);
}

.sn-f-screen[b-o364l2buys] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.sn-f-footer[b-o364l2buys] {
    width: 100%;
    height: auto;
    margin-top: auto;
}

.sn-f-content[b-o364l2buys] {
    width: 100%;
    height: 100%;
    max-height: calc(100% - 10px);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.sn-f-content-right[b-o364l2buys] {
    margin-left: auto;
    height: calc(100% - 35px);
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    border: solid 1px #dee2e6;
    border-radius: 10px;
}

.sn-f-content-left[b-o364l2buys] {
    margin-right: auto;
    height: 100%;
    position: relative;
    z-index: 9;
    padding: 10px;
    overflow-y: scroll;
}

    .sn-f-content-left[b-o364l2buys]::before {
        content: "";
        height: calc(100% - 40px);
        width: 3px;
        background-color: rgb(221, 221, 221);
        display: block;
        position: absolute;
        top: 20px;
        left: 0;
    }

.e-dialog[b-o364l2buys] {
    max-width: 1000px !important;
}

.sn-f-footer e-btn:hover[b-o364l2buys] {
    background: #ff8600;
}
/* _content/InfraByte.WebApp/Components/Shared/Jobs/BasicJobBooking/BasicJobBooking.razor.rz.scp.css */
/*body {
}
span.e-input-group.e-control-wrapper.e-control-container {
    margin-bottom: 5px;
}
.e-input-group input.e-input {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label {
    padding: 5px 0px 2px;
}

.jobdialog {
    max-height: 900px;
}
.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact {
    margin-bottom: 10px;
}*/
/* _content/InfraByte.WebApp/Components/Shared/Jobs/FilterBar.razor.rz.scp.css */
.multiselect-container[b-hbkat4qaq1] {
    width: 100%;
}

.multiselect-container > li > a > label[b-hbkat4qaq1] {
    padding: 4px 20px 3px 20px;
}

.checkbox input[type="checkbox"][b-hbkat4qaq1] {
    display: inline-block;
}

.multiselect-native-select[b-hbkat4qaq1] {
    display: block;
    border: 1px solid #ced4da;
}

.btn-group[b-hbkat4qaq1] {
    width: 100%;
}

.multiselect-container > li > a[b-hbkat4qaq1] {
    color: #495057 !important;
}
/* _content/InfraByte.WebApp/Components/Shared/Jobs/JobBooking.razor.rz.scp.css */
body[b-yaccb1d9sf] {
}
span.e-input-group.e-control-wrapper.e-control-container[b-yaccb1d9sf] {
    margin-bottom: 5px;
}
.e-input-group input.e-input[b-yaccb1d9sf] {
    height: 27px !important;
}
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-yaccb1d9sf] {
    margin-bottom: 0px !important;
    display:inline !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-yaccb1d9sf] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-yaccb1d9sf] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-yaccb1d9sf] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-yaccb1d9sf] {
    padding: 5px 0px 2px;
}

.jobdialog[b-yaccb1d9sf] {
    max-height: 900px;
}
.e-input-group input.e-input[b-yaccb1d9sf], .e-input-group.e-control-wrapper input.e-input[b-yaccb1d9sf], .e-input-group textarea.e-input[b-yaccb1d9sf], .e-input-group.e-control-wrapper textarea.e-input[b-yaccb1d9sf] {
    border-color: #ced4da;
    height: 27px !important;
}
.block-section[b-yaccb1d9sf] {
    margin-bottom: 7px !important;
}

.row.jobbooking-form-contact[b-yaccb1d9sf] {
    margin-bottom: 10px;
}
/* _content/InfraByte.WebApp/Components/Shared/Jobs/JobBookingDashboardUpdateJob.razor.rz.scp.css */
.e-dialog .e-dlg-header-content + .e-dlg-content .form-group[b-e78fs309ou] {
    margin-bottom: 0px !important;
    display: inline;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link[b-e78fs309ou] {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button[b-e78fs309ou] {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist[b-e78fs309ou] {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label[b-e78fs309ou] {
    padding: 5px 0px 2px;
}

.jobdialog[b-e78fs309ou] {
    max-height: 900px;
}

.block-section[b-e78fs309ou] {
    margin-bottom: 7px !important;
}

h3.bdr-btm[b-e78fs309ou] {
    padding: 5px 0px;
}
/* _content/InfraByte.WebApp/Components/Shared/Jobs/UpdateJobBooking.razor.rz.scp.css */
/*.e-dialog .e-dlg-header-content + .e-dlg-content .form-group {
    margin-bottom: 0px !important;
    display: inline;
}

.e-dialog .e-dlg-header-content + .e-dlg-content .btn.bg-blue.e-link {
    padding: 3px 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content button {
    padding: 5px 15px !important;
    margin-top: 7px !important;
    color: #fff;
}

.blocklist {
    margin-bottom: 0px !important;
    padding: 10px;
}

.e-dialog .e-dlg-header-content + .e-dlg-content label {
    padding: 5px 0px 2px;
}

.jobdialog {
    max-height: 900px;
}

.block-section {
    margin-bottom: 7px !important;
}

h3.bdr-btm {
    padding: 5px 0px;
}
*/
/* _content/InfraByte.WebApp/Components/Shared/Modals/VinRegoPPSRRedo.razor.rz.scp.css */
.simple-form[b-d809bsudkf] {
    margin: auto;
    text-align: center;
}
.card p[b-d809bsudkf] {
    font-size: 18px !important;
}
/* _content/InfraByte.WebApp/Components/Shared/PortalTile.razor.rz.scp.css */
.portal-tile[b-ipplu23ixt] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    background: #fff;
    text-decoration: none;
    color: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.portal-tile:hover[b-ipplu23ixt] {
    border-color: var(--branding);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    text-decoration: none;
    color: inherit;
}

.portal-tile i[b-ipplu23ixt] { font-size: 1.4rem; color: var(--branding); }
.portal-tile-label[b-ipplu23ixt] { font-weight: 700; }
.portal-tile-hint[b-ipplu23ixt] { font-size: .8rem; color: #64748b; }
/* _content/InfraByte.WebApp/Components/Shared/PortalTileGrid.razor.rz.scp.css */
.portal-tiles[b-e20jbevcd8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.portal-tiles-empty[b-e20jbevcd8] {
    padding: 2rem 1rem;
    text-align: center;
}

.portal-tiles-empty-title[b-e20jbevcd8] { font-weight: 700; margin-bottom: .35rem; }
.portal-tiles-empty-hint[b-e20jbevcd8] { font-size: .85rem; color: #64748b; }

@media (max-width: 900px) {
    .portal-tiles[b-e20jbevcd8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/AutoPartsManagerMenu.razor.rz.scp.css */
#AutoPartsManagerCollection[b-4pohgyctic] {
    display: none;
}

#AutoPartsManagerCollection:checked ~ ul.setting-list[b-4pohgyctic] {
        display: block !important;
    }

#AutoPartsManagerCollection:checked ~ .navigation-drawer > section ul.setting-list[b-4pohgyctic] {
        display: block !important;
    }
#AutoPartsManagerCollection:checked ~ label[b-4pohgyctic] {
    background: #333;
}
#AutoPartsManagerCollection:checked ~ label a.active span[b-4pohgyctic] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/DeveloperMenu.razor.rz.scp.css */
#DeveloperToolsCollection[b-as5jqt8h7q] {
    display: none;
}

#DeveloperToolsCollection:checked ~ ul.setting-list[b-as5jqt8h7q] {
    display: block !important;
}

#DeveloperToolsCollection:checked ~ .navigation-drawer > section ul.setting-list[b-as5jqt8h7q] {
    display: block !important;
}
#DeveloperToolsCollection:checked ~ i#uparrow[b-as5jqt8h7q] {
    display: block;
}

#DeveloperToolsCollection:checked ~ i#downarrow[b-as5jqt8h7q] {
    display: none;
}
#DeveloperToolsCollection:checked ~ label[b-as5jqt8h7q] {
    background: #333;
}

#DeveloperToolsCollection:checked ~ label a.active span[b-as5jqt8h7q] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/Finance.razor.rz.scp.css */
#finance[b-czmh49vp82] {
    display: none;
}

#finance:checked ~ ul.setting-list[b-czmh49vp82] {
    display: block !important;
}

#finance:checked ~ .navigation-drawer > section ul.setting-list[b-czmh49vp82] {
    display: block !important;
}
#finance:checked ~ i#uparrow[b-czmh49vp82] {
    display: block;
}

#finance:checked ~ i#downarrow[b-czmh49vp82] {
    display: none;
}
#finance:checked ~ label[b-czmh49vp82] {
    background: #333;
}

#finance:checked ~ label a.active span[b-czmh49vp82] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/InventoryMenu.razor.rz.scp.css */
#inventory[b-1o5w9ys1xr] {
    display: none;
}

#inventory:checked ~ ul.setting-list[b-1o5w9ys1xr] {
    display: block !important;
}

#inventory:checked ~ .navigation-drawer > section ul.setting-list[b-1o5w9ys1xr] {
    display: block !important;
}
#inventory:checked ~ i#uparrow[b-1o5w9ys1xr] {
    display: block;
}

#inventory:checked ~ i#downarrow[b-1o5w9ys1xr] {
    display: none;
}
#inventory:checked ~ label[b-1o5w9ys1xr] {
    background: #333;
}

#inventory:checked ~ label a.active span[b-1o5w9ys1xr] {
    color: #fff;
}
#inventory:checked ~ label[b-1o5w9ys1xr] {
    background: #333;
}

#inventory:checked ~ label a.active span[b-1o5w9ys1xr] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/JobBookingMenu.razor.rz.scp.css */
/* _content/InfraByte.WebApp/Components/Shared/SideBar/OutsideScrapMetalCollectionMenu.razor.rz.scp.css */
#scrapMetalCollection[b-f1cuwz176d] {
    display: none;
}

#scrapMetalCollection:checked ~ ul.setting-list[b-f1cuwz176d] {
    display: block !important;
}

#scrapMetalCollection:checked ~ .navigation-drawer > section ul.setting-list[b-f1cuwz176d] {
    display: block !important;
}
#scrapMetalCollection:checked ~ i#uparrow[b-f1cuwz176d] {
    display: block;
}

#scrapMetalCollection:checked ~ i#downarrow[b-f1cuwz176d] {
    display: none;
}
#scrapMetalCollection:checked ~ label[b-f1cuwz176d] {
    background: #333;
}

#scrapMetalCollection:checked ~ label a.active span[b-f1cuwz176d] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/RegoVinDecoderMenu.razor.rz.scp.css */

#VinRegoDecoderUi[b-ulzkhfe9ox] {
    display: none;
}

#VinRegoDecoderUi:checked ~ ul.setting-list[b-ulzkhfe9ox] {
    display: block !important;
}

#VinRegoDecoderUi:checked ~ .navigation-drawer > section ul.setting-list[b-ulzkhfe9ox] {
    display: block !important;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/ReportMenu.razor.rz.scp.css */

#report[b-vdyoeiejx1] {
    display: none;
}

#report:checked ~ ul.setting-list[b-vdyoeiejx1] {
    display: block !important;
}

#report:checked ~ .navigation-drawer > section ul.setting-list[b-vdyoeiejx1] {
    display: block !important;
}
#report:checked ~ i#uparrow[b-vdyoeiejx1] {
    display: block;
}

#report:checked ~ i#downarrow[b-vdyoeiejx1] {
    display: none;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/SettingMenu.razor.rz.scp.css */

#setting[b-gb8frstg7v] {
    display: none;
}

#setting:checked ~ ul.setting-list[b-gb8frstg7v] {
    display: block !important;
}

#setting:checked ~ .navigation-drawer > section ul.setting-list[b-gb8frstg7v] {
    display: block !important;
}
#setting:checked ~ i#uparrow[b-gb8frstg7v] {
    display: block;
}

#setting:checked ~ i#downarrow[b-gb8frstg7v] {
    display: none;
}
#setting:checked ~ label[b-gb8frstg7v] {
    background: #333;
}

#setting:checked ~ label a.active span[b-gb8frstg7v] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/SideBar/TenantMangerMenu.razor.rz.scp.css */
#tenantManager[b-sywf68t2zh] {
    display: none;
}

#tenantManager:checked ~ ul.setting-list[b-sywf68t2zh] {
    display: block !important;
}

#tenantManager:checked ~ .navigation-drawer > section ul.setting-list[b-sywf68t2zh] {
    display: block !important;
}
#tenantManager:checked ~ i#uparrow[b-sywf68t2zh] {
    display: block;
}

#tenantManager:checked ~ i#downarrow[b-sywf68t2zh] {
    display: none;
}
#tenantManager:checked ~ label[b-sywf68t2zh] {
    background: #333;
}

#tenantManager:checked ~ label a.active span[b-sywf68t2zh] {
    color: #fff;
}
/* _content/InfraByte.WebApp/Components/Shared/StatusIcon.razor.rz.scp.css */
/* TRUE = GREEN */
.status-true[b-7429xc4pov] {
    color: #28a745 !important;
}

/* FALSE = RED */
.status-false[b-7429xc4pov] {
    color: #dc3545 !important;
}

/* sizes */
.status-sm[b-7429xc4pov] {
    font-size: 14px;
}

.status-md[b-7429xc4pov] {
    font-size: 18px;
}

.status-lg[b-7429xc4pov] {
    font-size: 22px;
}