* {
    font-family: 'Poppins', sans-serif;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

:root{
    /* ===== Colors ===== */
    --body-color: #E4E9F7;
    --sidebar-color: #FFF;
    --primary-color: #695CFE;
    --primary-color-light: #F6F5FF;
    --toggle-color: #DDD;
    --text-color: #707070;

    /* ====== Transition ====== */
    --tran-03: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.3s ease;
    --tran-05: all 0.3s ease;
}

.alert {
    height: 58px;
    display: flex;
    align-items: center;
}

.table-card .card-header::after,
.table-card .card-footer::after,
.card-footer::after,
.card-header::after {
  content: none;
}

.pagination {
    margin-bottom: 0;
}

.dropdown a:hover,
.dark-mode a:not(.btn):hover {
    color: inherit;
}

.google-view {
    border: 1px solid #4f4f4f;
    padding: 8px;
}

.dark-mode .google-view {
    border: 1px solid #ccc;
}

.google-view p {
    margin: 0;
}

.google-view a {
    font-size: 20px;
}

.google-view a:hover {
    text-decoration: underline;
    color: #3395ff !important;
}

.google-view p {
    font-size: 14px;
    color: #4f4f4f;
    margin: 0;
}

hr.hr {
    background-color: #000;
}

.dark-mode hr.hr {
    background-color: #fff;
}

.edit-product-header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding: 12px 0;
    z-index: 999;
    background-color: #fff;
}

.dark-mode .edit-product-header {
    background-color: #454d55;
}

.dark-mode .google-view p {
    color: #bdc1c6;
}

.admin-layout-header-right {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}

.qualita-table td {
    white-space: nowrap;
}

.qualita-table tr th:last-child,
.qualita-table tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

.product-categories-list {
    max-height: 250px;
    overflow-y: auto;
    position: relative;
}

@media screen and (max-width: 767px) {
    .admin-layout-header-right {
        justify-content: flex-start;
    }

    .admin-layout-header {
        gap: 12px;
    }
}

.qualita-table tbody tr i.fa-eye {
    visibility: hidden;
    color: #007bff;
}

.qualita-table tbody tr:hover i.fa-eye {
    visibility: visible;
}

.qualita-table tbody tr:hover {
    cursor: pointer;
    background-color: #00000010;
    transition: all .1s ease-in-out;
}