﻿/************************************************************
 * IRRS Public Style
 * 民眾通報平台專用 CSS
 * Brand: IRRS Teal (#0097A7) + Deep Blue (#00598A)
 ************************************************************/

/* ========== 基本底色與文字 ========== */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #F7FBFC;
    color: #05434E;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

/* 連結視覺 */
a {
    color: #0097A7;
    text-decoration: none;
}

    a:hover {
        color: #007f90;
        text-decoration: underline;
    }

/* container 微調 */
.container.py-3 {
    max-width: 960px;
}

/* ========== 頁首 / 品牌 / Mobile Menu ========== */

.public-header {
    background: linear-gradient(90deg, #0077A3, #0097C0);
    color: white;
}

.public-logo {
    height: 36px;
}

.public-footer {
    border-top: 1px solid #ddd;
}

.public-mobile-menu {
    background: #0077A3;
    display: flex;
    justify-content: space-around;
    padding: 0.5rem 0;
}

    .public-mobile-menu a {
        color: #fff;
        font-size: 18px;
    }

/* IRRS 公版 Header */
.irrs-public-header,
.navbar-top,
.public-hero-header {
    background: linear-gradient(135deg, #0097A7 0%, #00598A 80%);
    color: #ffffff;
}

    .irrs-public-header .brand-agency,
    .irrs-public-header .brand-system,
    .public-title-main {
        color: #ffffff;
    }

.public-title-sub {
    color: rgba(255,255,255,.85);
    font-size: .92rem;
}

/* 外層品牌字 */
.public-brand-main {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffffff;
}

.public-brand-sub {
    font-size: 0.85rem;
    color: #e2f4f9;
}

/* 盾牌 Logo */
.irrs-shield {
    width: 40px;
    height: 44px;
    background: linear-gradient(180deg, #00a3c4, #007b9d);
    border-radius: 10px 10px 14px 14px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .irrs-shield::after {
        content: "";
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        width: 28px;
        height: 28px;
        background: linear-gradient(180deg, #007b9d, #005b73);
        border-radius: 0 0 16px 16px;
    }

    .irrs-shield span {
        position: relative;
        z-index: 1;
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        letter-spacing: 1px;
    }

/* 若有機關 SVG Logo */
.agency-logo svg {
    display: block;
    width: 46px;
    height: 46px;
    margin-top: 1px;
}

/* ========== 功能區標題（步驟框） ========== */

.function-header {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-left: 6px solid #0097A7;
    border-radius: 8px;
    background: rgba(0, 151, 167, 0.06);
    margin-top: 8px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e3edf1;
    padding-bottom: 4px;
}

.function-text {
    font-weight: 600;
    font-size: 1.02rem;
    letter-spacing: .06em;
    color: #05434E;
}

/* 步驟小提示文字 */
.step-hint {
    font-size: .86rem;
    color: #6D7F84;
    margin-bottom: 6px;
}

.btn-back-cat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #0d6efd; /* 藍色強一點 */
    background: #e7f1ff; /* 淺藍底，提高可視度 */
    border: 1px solid #bcd7ff;
    border-radius: 8px;
    cursor: pointer;
    transition: all .15s ease;
    margin-bottom: 14px;
}

.btn-back-cat:hover {
    background: #d7e8ff;
    color: #084298;
    border-color: #a5c6ff;
}


/* ========== Public Grid（如有查詢列表） ========== */

.public-grid .table thead th {
    background: #007b9d;
    color: #ffffff !important;
    font-weight: 600;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    height: 28px !important;
    line-height: 1.1;
    border-bottom: 1px solid #005f75 !important;
}

.public-grid .table tbody tr:hover {
    background: #f1faff;
}

.public-grid .pagination .page-item.active .page-link {
    background-color: #007b9d;
    border-color: #007b9d;
    color: #fff;
}

.public-grid .pagination .page-link:hover {
    background-color: #e2f4f9;
}

.nav-link:hover {
    text-decoration: underline;
    color: #e5f7fb !important;
}

/* ========== 民眾大類卡片（步驟一） ========== */

.public-cat-card {
    display: block;
    text-align: center;
    padding: 14px 10px;
    border-radius: 14px;
    background: #E5F6F8;
    border: 1px solid #BBDDE2;
    box-shadow: 0 2px 6px rgba(0,0,0,.03);
    transition: all .15s ease-in-out;
    text-decoration: none !important;
    color: #05434E;
    height: 100%;
}

    .public-cat-card:hover {
        background: #D4EEF3;
        border-color: #0097A7;
        box-shadow: 0 5px 12px rgba(0,0,0,.10);
        transform: translateY(-1px);
    }

.public-cat-icon {
    font-size: 30px;
    margin-bottom: 6px;
}

    .public-cat-icon i {
        font-size: 30px;
        color: #0097A7;
    }

.public-cat-text {
    font-size: 1.0rem;
    font-weight: 600;
    letter-spacing: .03em;
    color: #05434E;
}

.public-cat-sub {
    font-size: .8rem;
    color: #6D7F84;
}

.public-cat-card.public-cat-card-fav {
    background: linear-gradient(145deg,#e6f9fb,#cfeef2);
    border: 2px solid #2ba6b3;
    box-shadow: 0 4px 12px rgba(43,166,179,.15);
}

/* 手機版：卡片稍微緊湊一點 */
@media (max-width: 768px) {
    .public-cat-card {
        padding: 10px 6px;
    }

    .public-cat-text {
        font-size: .95rem;
    }

    .irrs-report-table td,
    .irrs-report-table th {
        padding: 0.45rem 0.4rem;
        font-size: 0.85rem;
        vertical-align: middle;
    }
}

/* 每列之間稍微拉開 */
.row.g-3.mt-2 > [class^="col-"],
.row.g-3.mt-2 > [class*=" col-"] {
    margin-bottom: .25rem;
}

/* 回上一頁（重新選大類） */
.btn-back-cat {
    background: transparent;
    color: #007B9D;
    border: none;
    font-size: .95rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 2px;
    cursor: pointer;
}

    .btn-back-cat:hover {
        color: #00597C;
        text-decoration: underline;
    }

/* ========== 表單區（步驟二） ========== */

.public-form-card {
    background-color: #ffffff;
    border-radius: 14px;
    border: 1px solid #E1ECF0;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    padding: 16px 14px 18px;
    margin-bottom: 10px;
}

/* DevExpress Bootstrap FormLayout Label 顏色微調 */
.dxbs-flCaptionCell,
.dxbs-flCaptionCell > span {
    color: #36505D;
    font-weight: 500;
}

/* HelpText 顏色 */
.dxbs-flHelpText,
.dxbs-flHelpText span {
    color: #80909A;
    font-size: .82rem;
}

/* TextBox / ComboBox / Memo 外觀 */
.dxbs-edit,
.dxbs-textbox,
.dxbs-memo,
.dxbs-combobox {
    border-radius: 6px !important;
}

/* ========== 按鈕 ========== */

.btn,
.dxbs-button.btn {
    font-weight: 500;
    border-radius: 999px;
    padding: 8px 16px;
    font-size: .96rem;
}

    /* 主按鈕：IRRS 主色 */
    .btn-primary,
    .dxbs-button.btn.btn-primary,
    .dxbs-button.Control.btn.btn-primary {
        background-color: #0097A7;
        border-color: #008694;
        color: #ffffff;
    }

        .btn-primary:hover,
        .dxbs-button.btn.btn-primary:hover {
            background-color: #007f91;
            border-color: #006f80;
            color: #ffffff;
        }

    /* 成功按鈕（完成送出） */
    .btn-success,
    .dxbs-button.btn.btn-success {
        background-color: #3BAA6C;
        border-color: #31965E;
        color: #ffffff;
    }

        .btn-success:hover,
        .dxbs-button.btn.btn-success:hover {
            background-color: #2f9a61;
            border-color: #268253;
            color: #ffffff;
        }

    /* 讓「下一步／完成」在手機版寬度全滿 */
    .btn.w-100,
    .dxbs-button.btn.w-100 {
        border-radius: 999px;
    }

/* ========== 警示訊息 ========== */

.irrs-alert {
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.9rem;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 8px 0;
    border: 1px solid transparent;
}

.irrs-alert-icon {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.irrs-alert-body {
    flex: 1 1 auto;
}

/* 錯誤（紅色） */
.irrs-alert-error {
    background: #fff3f3;
    border-color: #f5c2c7;
    color: #b02a37;
}

    .irrs-alert-error .irrs-alert-icon {
        background: #b02a37;
        color: #fff;
    }

/* 警告（橘色） */
.irrs-alert-warning {
    background: #fff8e6;
    border-color: #ffe0a3;
    color: #996300;
}

    .irrs-alert-warning .irrs-alert-icon {
        background: #ffa726;
        color: #fff;
    }

/* 成功（綠色） */
.irrs-alert-success {
    background: #ecf9f1;
    border-color: #b8e2c5;
    color: #1f7a3b;
}

    .irrs-alert-success .irrs-alert-icon {
        background: #1f7a3b;
        color: #fff;
    }

/* ========== 相片上傳卡片（步驟三） ========== */

.photo-upload-card {
    border: 1px dashed #B8CAD4;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,.02);
}

.photo-preview {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    border-radius: 8px;
    background: #f8f9fa;
}

/* 選擇相片按鈕 */
.upload-button {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 14px;
    background: #007B9D;
    color: #fff;
    border-radius: 999px;
    cursor: pointer;
    font-size: .93rem;
}

    .upload-button:hover {
        background: #00597c;
        color: #fff;
    }

/* 隱藏實際 FileUpload 元件 */
.file-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

/* 下方提示文字 */
.upload-hint {
    margin-top: 8px;
    color: #666;
    font-size: 0.86rem;
}

/* 清除按鈕列 */
.photo-actions {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

/* 清除按鈕 */
.photo-remove-btn {
    border: none;
    background: transparent;
    color: #888;
    font-size: 0.86rem;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    cursor: pointer;
}

    .photo-remove-btn:hover {
        color: #c0392b;
    }

    .photo-remove-btn i {
        font-size: 14px;
    }

/* DevExpress 上傳元件 DropZone（如有用 dxbs-bi-dropZone） */
.public-photo .dxbs-bi-dropZone {
    background-image: url('/Public/no_img_450.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 手機版：兩張照片卡片之間再拉開一點 */
@media (max-width: 768px) {
    .photo-upload-card {
        margin-bottom: 8px;
    }
}

/* ========== 驗證碼（ASPxCaptcha） ========== */

.captcha-input {
    font-size: 18px;
    padding: 8px 12px;
    height: 44px;
    border-radius: 6px;
    border: 2px solid #007B9D;
    box-sizing: border-box;
    width: 100%;
    max-width: 180px;
    display: inline-block;
}

.dxCaptchaTextBox input[type="text"] {
    max-width: 160px;
    width: 100%;
    height: 38px;
    font-size: 1rem;
    border-radius: 6px;
}

.captcha-input + label,
.dxcaTextBoxLabel {
    font-size: 14px;
}

@media (max-width: 820px) {
    .dxCaptchaTextBox input[type="text"] {
        max-width: 150px;
        width: 100%;
    }
}

/* ========== 通用間距 & 小字 ========== */

.mt-2 {
    margin-top: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.text-muted-small {
    font-size: .82rem;
    color: #6D7F84;
}

/* 完成訊息（lblReportInfo） */
.text-success,
.text-success.fw-bold {
    color: #2E8B57 !important;
}

/* 原生下拉外觀 */
.form-select {
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #fff;
}

/* 只美化外觀，保留原生 select 行為（含 iOS 浮起來的 picker） */
.irrs-select {
    border-radius: 10px; /* 四角圓弧 */
    border: 2px solid #BFC6D0;
    padding: 10px 40px 10px 14px; /* 右邊多留一點給箭頭 */
    background-color: #FAFBFF;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    width: 100%;
    /* 客製箭頭，但仍用原生 <select> */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2399A2B3' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
}

    .irrs-select:focus {
        outline: none;
        border-color: #0089C7;
        box-shadow: 0 0 0 3px rgba(0,137,199,0.18);
    }

    /* 讓「請選擇缺失細項」看起來像淡淡的 placeholder */
    .irrs-select option[value=""] {
        color: #9AA3B4;
    }



.text-danger {
    color: #dc3545;
    font-size: 0.88rem;
    margin-top: 3px;
    display: block;
}

/* ========== 三步驟 Stepper（最終穩定版，只用一組） ========== */

/* 整體容器 */
.public-step-progress {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 18px auto 22px;
    max-width: 620px;
    padding: 0 8px;
}

    /* 單一步驟項目 */
    .public-step-progress .step-item {
        flex: 1;
        text-align: center;
        position: relative;
    }

    /* 圓圈 */
    .public-step-progress .step-circle {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 6px;
        font-weight: 600;
        font-size: 15px;
        background: #F5F5F5;
        color: #90A4AE;
        border: 2px solid #CFD8DC;
        position: relative;
        z-index: 2; /* 讓線在下面 */
    }

    /* 文字 */
    .public-step-progress .step-label {
        font-size: 0.88rem;
        display: inline-block;
        margin-top: 2px;
        color: #90A4AE;
        position: relative;
        z-index: 2; /* 讓線不壓到文字 */
    }

    /* 連接線（預設灰色） */
    .public-step-progress .step-item::after {
        content: "";
        position: absolute;
        top: 16px; /* 對齊圓圈中線，不會壓到文字 */
        right: -50%;
        width: 100%;
        height: 2px;
        background: #E0E0E0;
        z-index: 1; /* 在圓圈、文字下面 */
    }

    /* 最後一個步驟沒有延伸線 */
    .public-step-progress .step-item:last-child::after {
        display: none;
    }

    /* ------- 狀態：已完成 completed ------- */
    .public-step-progress .step-item.completed .step-circle {
        background: #EAF5FB; /* 很淡的藍，不搶眼 */
        border-color: #C0D8E6;
        color: #4F7E90;
    }

    .public-step-progress .step-item.completed .step-label {
        color: #4F7E90;
        font-weight: 600;
    }

    /* 已完成的連線也變淡藍 */
    .public-step-progress .step-item.completed::after {
        background: #C7DFE8;
    }

    /* ------- 狀態：目前 active ------- */
    .public-step-progress .step-item.active .step-circle {
        background: #0277BD; /* 深藍（醒目） */
        border-color: #0277BD;
        color: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

    .public-step-progress .step-item.active .step-label {
        color: #0277BD;
        font-weight: 700;
    }

/* ------- 未開始 upcoming（預設） ------- */

/* ========== 手機版 ========= */
@media (max-width: 480px) {
    .public-step-progress {
        padding: 0 4px;
        gap: 0;
    }

        .public-step-progress .step-circle {
            width: 28px;
            height: 28px;
            font-size: 13px;
            margin-bottom: 4px;
        }

        .public-step-progress .step-label {
            font-size: 0.78rem;
            white-space: nowrap; /* 避免換行 */
        }

        .public-step-progress .step-item::after {
            top: 14px; /* 手機版微調線的高度 */
        }
}

.public-cat-card.public-cat-card-fav {
    background: linear-gradient(145deg,#FFF9E6,#FFF2C7);
    border: 2px solid #E6C65C;
    box-shadow: 0 4px 12px rgba(230,198,92,.25);
}

    .public-cat-card.public-cat-card-fav .public-cat-icon i {
        color: #C99A00;
    }

    .public-cat-card.public-cat-card-fav .public-cat-text {
        color: #7A5A00;
        font-weight: 700;
    }

.public-cat-card.public-cat-card-fav {
    background: linear-gradient(145deg,#FFF9E6,#FFEFB3);
    border: 2px solid #F0C94D;
    box-shadow: 0 6px 16px rgba(240,201,77,.35);
}

    .public-cat-card.public-cat-card-fav .public-cat-icon i {
        color: #F0B400;
    }

/* ============================
   IRRS — 全欄位統一美化樣式
============================ */

/* --- Base Placeholder Style --- */
.irrs-input::placeholder,
.irrs-select option[value=""],
.dxeEditArea::placeholder {
    color: #9AA3B4 !important;
}

/* --- DropDownList (ASP.NET + Bootstrap) --- */
.form-select.irrs-select {
    border-radius: 10px;
    border-width: 2px;
    border-color: #BFC6D0;
    background-color: #FAFBFF;
    box-shadow: none;
    transition: all .15s ease-in-out;
    padding-right: 36px; /* 預留箭頭空間 */
}

/* 自訂箭頭（不影響 iOS 浮起） */
.form-select.irrs-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239AA2B3' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 8px;
}

/* Focus Style */
.form-select.irrs-select:focus {
    border-color: #0089C7 !important;
    box-shadow: 0 0 0 3px rgba(0,137,199,.2) !important;
    outline: none !important;
}

/* --- TextBox / TextArea (Bootstrap) --- */
.form-control.irrs-input {
    border-radius: 10px;
    border-width: 2px;
    border-color: #BFC6D0;
    background-color: #FAFBFF;
    box-shadow: none;
    transition: all .15s ease-in-out;
}

    .form-control.irrs-input:focus {
        border-color: #0089C7 !important;
        box-shadow: 0 0 0 3px rgba(0,137,199,.2) !important;
        outline: none !important;
    }

/* === Captcha 輸入框 IRRS 樣式 === */
.dxcaControl .dxeTextBoxSys {
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #BFC6D0;
    background-color: #FAFBFF;
    box-shadow: none;
    transition: all .15s ease-in-out;
}

    /* Focus 時改 IRRS 藍 + 光暈 */
    .dxcaControl .dxeTextBoxSys.dxeFocused {
        border-color: #0089C7 !important;
        box-shadow: 0 0 0 3px rgba(0,137,199,.2) !important;
    }

/* Captcha 輸入框內文字保持透明背景（不移除原外框） */
.dxcaControl .dxeEditArea {
    background-color: transparent !important;
}

/* Captcha 圖片外框（數字區） */
.dxca-imageDiv {
    border: 2px solid #BFC6D0 !important; /* IRRS 淺灰色 */
    border-radius: 12px !important; /* 四角圓角（統一用 12px） */
    overflow: hidden !important; /* 裁掉圖片邊緣 */
    background-color: #FAFAFA !important; /* 淺灰背景 */
}

    /* Captcha 圖片本體 */
    .dxca-imageDiv img {
        border-radius: 12px !important; /* 跟外框一致 */
        display: block !important; /* 移除 inline-image 空白 */
    }


/* =========================
   Grid 橫向捲動專用
   小螢幕不收合欄位，只左右滑動
   ========================= */
.irrs-grid-scroll-x {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

    .irrs-grid-scroll-x .irrs-grid {
        min-width: 1300px;
    }

        /* 只在橫向捲動容器內，允許表格不換行 */
        .irrs-grid-scroll-x .irrs-grid table {
            white-space: nowrap;
        }

    /* 不要讓 grid 自己裁切橫向內容，交給外層 irrs-grid-scroll-x 控制 */
    .irrs-grid-scroll-x .irrs-grid {
        overflow-x: visible !important;
    }

/* =========================
   Grid Focused Row
   點選目前列後保留底色
   ========================= */

/* 你自己指定 CssClasses FocusedRow="grid-focused-row" 時 */
.irrs-grid tr.grid-focused-row > td,
.irrs-grid .grid-focused-row > td,
.irrs-grid .grid-focused-row td {
    background-color: #fff3cd !important;
    color: #212529 !important;
}

/* DevExpress BootstrapGridView focused / selected */
.irrs-grid tr.dxbs-focused-row > td,
.irrs-grid .dxbs-focused-row > td,
.irrs-grid .dxbs-focused-row td,
.irrs-grid tr.dxbs-selected-row > td,
.irrs-grid .dxbs-selected-row > td,
.irrs-grid .dxbs-selected-row td {
    background-color: #fff3cd !important;
    color: #212529 !important;
}

/* DevExpress ASPxGridView / Theme fallback */
.irrs-grid tr.dxgvFocusedRow > td,
.irrs-grid tr.dxgvFocusedRow_Material > td,
.irrs-grid tr.dxgvFocusedRow_Office365 > td,
.irrs-grid tr.dxgvSelectedRow > td,
.irrs-grid tr.dxgvSelectedRow_Material > td,
.irrs-grid tr.dxgvSelectedRow_Office365 > td {
    background-color: #fff3cd !important;
    color: #212529 !important;
}

/* Focused Row 內的連結、按鈕保持可讀 */
.irrs-grid tr.grid-focused-row a,
.irrs-grid tr.dxbs-focused-row a,
.irrs-grid tr.dxbs-selected-row a,
.irrs-grid tr.dxgvFocusedRow a,
.irrs-grid tr.dxgvSelectedRow a {
    color: #0d6efd !important;
}

/* hover 不要蓋掉已點選列 */
.irrs-grid table > tbody > tr.grid-focused-row:hover > td,
.irrs-grid table > tbody > tr.dxbs-focused-row:hover > td,
.irrs-grid table > tbody > tr.dxbs-selected-row:hover > td,
.irrs-grid table > tbody > tr.dxgvFocusedRow:hover > td,
.irrs-grid table > tbody > tr.dxgvSelectedRow:hover > td {
    background-color: #fff3cd !important;
    color: #212529 !important;
}

.public-header .nav-link i,
.public-mobile-menu a i {
    font-size: 0.95rem;
    margin-right: 0.25rem;
}

.public-header .nav-link {
    opacity: 0.92;
    transition: opacity .15s ease, transform .15s ease;
}

    .public-header .nav-link:hover {
        opacity: 1;
        transform: translateY(-1px);
    }