body {
}

.g-bg-primary {
    /* background-color: #000 !important; */
}

.g-bg-darkblue {
    background-color: #6f6f6f !important;
}

.g-bg-primary-opacity-0_9 {
    background-color: #0b3bcea8 !important;
}

/*.g-bg-primary-opacity-0_9 {
    background-color: rgba(0, 0, 0, 0.88) !important;
}*/

.g-bg-primary-opacity-0_8 {
    /*  background-color: rgba(62, 84, 132, 098) !important;*/
}


.bg-color-Baner {
    /*background-color: #babac0;*/
}


blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

    blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    blockquote p {
        display: inline;
    }


.ApprovalBtn1 {
}

.ApprovalBtn2 {
}

.ApprovalBtn3 {
}

.dropdown-menu {
    background-color: #4d65ae;
    min-width: 260px;
}

.navbar .nav-item:hover .dropdown-menu {
    display: block;
}

.LogoMaxHeight {
    height: 101px;
    overflow: hidden;
}

/* استایل کلی منو */
.hk-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    background: transparent; /* پس‌زمینه شفاف */
}

    /* استایل آیتم‌های سطح اول */
    .hk-menu > li {
        position: relative;
        display: inline-block;
    }

        .hk-menu > li > a {
            display: block;
            color: white; /* رنگ نوشته‌ها سفید */
            text-decoration: none;
            padding: 12px 20px;
        }

        .hk-menu > li:hover > a {
            background: rgba(255, 255, 255, 0.2); /* پس‌زمینه‌ی نیمه‌شفاف هنگام هاور */
        }

/* استایل زیرمنوها */
.hk-submenu {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    background: rgba(77, 101, 174, 0.7); /* پس‌زمینه‌ی تیره نیمه‌شفاف */
    min-width: 250px;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .hk-submenu li {
        display: block;
    }

        .hk-submenu li a {
            padding: 10px;
            display: block;
            color: white; /* رنگ نوشته‌ها سفید */
            text-decoration: none;
        }

        .hk-submenu li:hover > a {
            background: rgba(255, 255, 255, 0.2);
        }

/* نمایش زیرمنو هنگام هاور */
.hk-menu li:hover > .hk-submenu {
    display: block;
}

/* استایل زیرمنوهای تو در تو */
.hk-submenu .hk-submenu {
    right: 100%;
    top: 0;
}

/* استایل برای موبایل */
@media (max-width: 768px) {
    .hk-menu {
        text-align: center;
    }

        .hk-menu > li {
            display: block;
            width: 100%;
        }

    .hk-submenu {
        position: static;
        display: none;
        width: 100%;
    }

    .hk-menu li:hover > .hk-submenu {
        display: block;
    }
}

.table-hk {
    width: 100%;
    max-width: 1000px; 
    margin: 20px auto;
    border-collapse: collapse; /* برای جلوگیری از فاصله بین سلول‌ها */
    background-color: #f0f8ff; /* رنگ پس‌زمینه آبی روشن */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* سایه نرم */
    border-radius: 10px; /* لبه‌های گرد برای کل جدول */
    overflow: hidden; /* برای گرد شدن لبه‌ها */
}

    /* استایل هدر جدول */
    .table-hk thead {
        background-color: #86b0ed; /* آبی روشن‌تر برای هدر */
        color: #333;
        font-weight: bold;
    }

    .table-hk th,
    .table-hk td {
        padding: 15px;
        text-align: center; /* تراز متن وسط */
        border-bottom: 1px solid #ddd; /* خط جداکننده ردیف‌ها */
    }

    /* لبه‌های گرد برای اولین و آخرین سلول‌های هدر */
    .table-hk thead th:first-child {
        border-top-left-radius: 10px;
    }

    .table-hk thead th:last-child {
        border-top-right-radius: 10px;
    }

    /* استایل ردیف‌ها */
    .table-hk tbody tr {
        transition: background-color 0.3s ease; /* انیمیشن نرم برای تغییر رنگ */
    }

        /* تغییر رنگ ردیف هنگام هاور */
        .table-hk tbody tr:hover {
            background-color: #e0f7fa; /* رنگ آبی خیلی روشن‌تر برای هاور */
        }

    /* استایل سلول‌های بدنه جدول */
    .table-hk tbody td {
        color: #333;
    }

    /* لبه‌های گرد برای اولین و آخرین ردیف‌های بدنه */
    .table-hk tbody tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .table-hk tbody tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }