p {
    font-weight: normal;
}


body {
    background-color: #f1f1f1 !important;
}

.zn-navbar {
    background-color: rgb(39 35 35);
}

:root {
    /* --primary: #f12000; */
    --primary: #d12b12;
    --secondary: #24465b;
    --secondary-light: rgba(54, 96, 123, 0.9);
}

.bg-primary {
    background-color: var(--primary);
    color: #fff;
}

.bg-primary-outlined {
    outline: 1.5px solid var(--primary);
    color: var(--primary);
}

.bg-secondary {
    background-color: var(--secondary);
    color: #fff;
}

.bg-secondary-outlined {
    outline: 1.5px solid var(--secondary);
    color: var(--secondary);
}

.text-secondary {
    color: var(--secondary);
}

.text-primary {
    color: var(--primary);
}

.user-focus-border:focus,
.admin-focus-border:focus,
.focus-border:focus {
    border: 1px solid var(--primary);
    box-shadow: none;
    outline: none;
}

.zn-nav-item {
    color: #c7bfbf;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: .4em .3em;
    font-weight: 600;
}

.zn-nav-item:hover {
    /* background-color: var(--primary); */
    color: #ddd;
}

.zn-nav-item.active {
    color: rgb(255, 94, 30);
    font-weight: 450;
}

.zn-nav-item .nav-icon {
    width: 40px;
}

.zn-dropdown {}

/* .zn-dropdown .zn-dropdown-toggle::after {
    content: '\203A';
    font-size: 1.5em;
    right: 1.5em;
    position: absolute;
} */

/* .zn-dropdown .zn-dropdown-toggle:focus::after {
    content: 'v';
} */

.zn-dropdown .zn-dropdown-menu {
    margin-left: 1.4em;
}

.shadow {
    box-shadow: 1px 1px 4px #aaa;
}

.dash-card {
    /* border: 1px solid #000; */
    box-shadow: 3px 3px 4px #aaa;
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 1.3em;
    height: 110px;
}

.dash-card .icon {
    font-size: 20px;
    width: 2.4em;
    height: 2.4em;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 2px 2px grey;
    background-color: #545149;
}

.dash-card .text {
    font-size: 15px;
    text-transform: capitalize;
    color: #302f2a;
}

.dash-card .head {
    font-weight: bold;
    font-size: 18px;
}

.dash-card.paint-primary {
    box-shadow: 1px 1px 4px #ffdbc9aa;
    background-color: var(--primary);
        color: #fff;
}

.dash-card.paint-primary .text {
    color: #fff;
}

.dash-card.paint-primary .head {
    color: #fff;
}

.dash-card.paint-primary .icon {
    background-color: #fff;
    color: var(--primary);
}

.dash-card.paint-light {
    box-shadow: 1px 1px 4px #796f69aa;
    background-color: #fff;
    height: auto;
}

.dash-card.paint-light .text {
    color: #555;
    font-size: 14px;
        font-weight: 600;
}

.dash-card.paint-light .head {
    color: #555;
        font-size: 18px;
}

.dash-card.paint-light .icon {
    background-color: var(--primary);
        color: #fff;
}

table.zn-table {
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(31, 26, 62, 0.2);
    color: var(--secondary);
}

.zn-table th {
    background-color: #0f3247;
    padding: .7em;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.zn-table td {
    padding: 1.4em;
    font-size: 14px;
        border-bottom: 1px solid rgba(241, 224, 186);
}