<style>
    body {
        font-size: 20px;
    }

    a {
        color: #007adc;
    }

    a:hover {
        color: #1ab394;
    }

    .btn-burger {
        color: #343A40 !important;
    }

    .text-kazemi {
        color: #ffffff !important;
    }

    .navbar-slategrey {
        background-color: #fff2f2;
    }

    .navbar-slategrey .navbar-toggler:focus,
    .navbar-slategrey .navbar-toggler:hover {
        background-color: rgba(255, 255, 255, .1);
    }

    .navbar-slategrey .navbar-toggler[aria-expanded=true] {
        background-color: rgba(0, 0, 0, .1);
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item>.nav-link:not(.disabled) {
        color: #343A40 !important;
        background-color: transparent;
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item:hover>.nav-link:not(.disabled) {
        background-color: rgba(255, 255, 255, .125);
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item>.nav-link:active:not(.disabled) {
        background-color: rgba(0, 0, 0, .075);
    }

    .navbar-slategrey .navbar-nav>.nav.has-active-border>.nav-item>.nav-link:not(.disabled)::before {
        background-color: rgba(255, 255, 255, .73);
    }

    .navbar-slategrey .navbar-nav>.nav>.nav-item.show>.nav-link:not(.disabled) {
        background-color: rgba(0, 0, 0, .1);
    }

    @media (min-width:992px) {
        .navbar-slategrey .navbar-intro {
            background-color: rgba(0, 0, 0, .075);
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item {
            border: 0 solid rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item {
            border-width: 0 0 0 1px;
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item:last-of-type {
            border-width: 0 1px;
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item.show,
        .navbar-slategrey .navbar-nav>.nav>.nav-item.show+.nav-item {
            border-color: rgba(0, 0, 0, .2);
        }

        .navbar-slategrey .navbar-nav>.nav>.nav-item>.nav-link::after {
            content: none;
        }
    }

    @media (max-width:991.98px) {
        .navbar-slategrey .navbar-content-section input {
            border-bottom-color: rgba(255, 255, 255, .7);
        }

        .navbar-slategrey .navbar-collapse {
            border: 0 solid rgba(34, 85, 117, .2);
            border-width: 1px 0;
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item {
            border-bottom: 1px solid rgba(255, 255, 255, .1);
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item.dropdown.show {
            background-color: rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item>.nav-link.active {
            background-color: rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-collapse>.navbar-nav>.nav>.nav-item.show>.nav-link {
            background-color: transparent;
        }
    }

    @media (min-width:992px) {
        .navbar-slategrey .navbar-fixed>.navbar-inner {
            box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1), inset 1px -1px 0 0 rgba(0, 0, 0, .05);
        }

        .navbar-slategrey .navbar-fixed.container {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
        }

        .navbar-slategrey .navbar-fixed.container .navbar-inner {
            left: auto;
            right: auto;
        }
    }

    .navbar-slategrey .navbar-content-section input {
        background-color: transparent;
        color: #fff;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: transparent;
    }

    .navbar-slategrey .navbar-content-section input:focus {
        border-color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input:not(:focus):hover {
        border-color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-moz-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input:-ms-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-ms-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::placeholder {
        color: rgba(255, 255, 255, .7);
    }

    .navbar-slategrey .navbar-content-section input::-moz-placeholder {
        color: #fff;
    }

    .sidebar-white {
        background-color: #ffffff;
    }

    .sidebar-white .sidebar-inner {
        border-right: 1px solid #e2eaf1;
        background: inherit;
    }

    @media (min-width:1200px) {
        .sidebar-white.sidebar-hover:not(.collapsed) .sidebar-inner {
            box-shadow: 1px 0 0 0 #e2eaf1;
            border-right-width: 0;
            border-top: 2px solid #002665;
        }
    }

    @media (max-width:1199.98px) {
        .sidebar-white:not(.sidebar-fixed) .sidebar-inner {
            border-bottom: 1px solid #e2eaf1;
        }
    }

    .sidebar-white .nav>.nav-item {
        margin-bottom: 2px;
    }

    .sidebar-white .nav>.nav-item>.nav-link {
        color: #002665;
        /*        font-size: 1.2em;*/
        font-size: 1em;

    }

    .sidebar-white .nav>.nav-item>.nav-link>.nav-icon {
        color: #002665;
        font-size: 1em;
    }

    .sidebar-white .nav>.nav-item.open>.nav-link {
        color: #002665;
        background-color: transparent;
    }

    .sidebar-white.sidebar-spaced .nav>.nav-item.open:not(.active)>.nav-link {
        background-color: #f0f5f9;
    }

    .sidebar-white .nav>.nav-item.open>.nav-link>.nav-icon {
        color: #5b99c9;
        display: block;
    }

    .sidebar-white .nav>.nav-item>.nav-link:hover {
        background-color: #0074fa;
        color: #00fae8;
        /*        border-radius: 0.7rem;*/
        border-radius: 0;
    }

    .sidebar-white .nav>.nav-item.open:not(.active)>.nav-link {
        background-color: #0074fa;
        color: #00fae8;
    }

    .sidebar-white .nav>.nav-item>.nav-link:hover>.nav-icon {
        color: #00fae8;
    }

    .sidebar-white .nav>.nav-item>.submenu {
        background-color: #0074fa;
    }

    .sidebar-white .submenu .nav-item>.nav-link {
        color: #000000;
        /* رنگ زیر منو */
        font-size: 1em;
    }

    .sidebar .nav>.nav-item>.submenu>.submenu-inner>.nav-item:not(:last-child) {
        /*        border-bottom: 1px solid #000000;*/
    }

    .sidebar.sidebar-h .nav-fill .nav-item .nav-item:not(:last-child) {
        border-bottom: 1px solid #000000;
    }

    .sidebar-white .submenu .nav-item>.nav-link:hover {
        color: #ffff00;
        background-color: #0074fa;
        /*f0f5f9*/
    }

    .sidebar-white .submenu .nav-item.open>.nav-link {
        color: #3e7ab1;
    }

    .sidebar-hover:not(.collapsed) .nav>.nav-item .submenu {
        background-color: #0074fa;
    }

    .sidebar-hover:not(.collapsed) .submenu {
        top: 0;
        min-width: 14rem;
        min-width: calc(var(--sidebar-width) - 2rem);
        box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, .1);
        border: 0px solid #d1d1d1;
        border-radius: .375rem;
    }

    .sidebar-white .submenu .nav-icon {
        color: #000000;
        /* رنگ زیر منو */
        font-size: 1em;
    }

    .sidebar-white .submenu .nav-link:hover>.nav-icon {
        color: 