:root {
  --vz-si-1: #717171;
  --vz-border-si-input: #e2e2e2;
}
[data-layout-mode=dark] {
  --vz-si-1: #ced4da;
  --vz-border-si-input: #2a2f34;
}
.tx-family-1 {
  font-family: var(--store-body-font-family), serif;
  font-size: 0.9rem;
}
.tx-family-2 {
  font-family: var(--store-body-font-family), serif !important;
  font-size: 0.9rem ;
}
.tx-family-3 {
  font-family: var(--store-body-font-family), serif;
}
.vn-menu > a > span {
  font-family: var(--store-body-font-family), serif;
  font-size: 0.9rem; 
}
.navbar-menu .navbar-nav .nav-link {
  padding: 0.3rem 1.5rem;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
  
}
.page-title-box {
  font-family: var(--store-body-font-family) !important;
}
.page-title-box h4{ 
  font-family: var(--store-body-font-family) !important;
  font-weight: 400;
}
.si-family {
  font-family: var(--store-body-font-family) !important;
}
.si-subject {
  font-family: var(--store-body-font-family) !important;
  color: #666 !important;
}
.si-family-1 {
  font-family: var(--store-body-font-family), serif;
}
.si-family-2 {
  font-family: var(--store-body-font-family) !important;
  font-weight: 400;
}
.si-family-3 {
  font-family: var(--store-body-font-family) !important;
    font-size: 0.95rem;
    font-weight: normal;
}
.si-table-thead-family{
  font-family: var(--store-body-font-family) !important;
  /* font-weight: 400 !important; */
  color: var(--vz-si-1);
}
.si-f1 {
  font-family: var(--store-body-font-family) !important;
  color: var(--vz-si-1) !important;
}
.si-s2 {
  font-size: 0.8rem;
}
button, input, optgroup, select, textarea {
  font-family: var(--store-body-font-family) !important;
}
.choices__list--single .choices__item {
  font-family: var(--store-body-font-family) !important;
  color: var(--vz-si-1);
}
.form-label , .form-check-label{
  font-family: var(--store-body-font-family) !important;
}
.cu_pointer {
  cursor: pointer;
  font-family: var(--store-body-font-family) !important;
}
.si_pointer {
  cursor: pointer;
}
.border-si-input {
  border-color: var(--vz-border-si-input) !important;
}
.breadcrumb-item+.breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  color: #878a99;
  content: var(--vz-breadcrumb-divider, "\F0141");
}
/* dataTables */
div.dataTables_wrapper div.dataTables_filter label {
    float: left;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    margin: 0px 5px;
  }
  .page-item a{
    box-shadow: none!important;
  }
  .page-item.active .page-link {
    /* color: #6c757d;
      pointer-events: none;
      cursor: auto;
      background-color: #fff;
      border-color: #dee2e6; */
      box-shadow: none!important;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: unset;
  }
  div.dataTables_wrapper div.dataTables_info {
    text-align: left;
  }
  table.dataTable thead>tr>th.sorting:before{
    content: "\f0360";
  }
  table.dataTable thead>tr>th.sorting:after{
    content: "\f035d";
    top: 38%;
    right: 0.8rem;
  }
  table.dataTable>thead>tr>th {
    font-size: 0.85rem !important;
  }
  .table th {
    font-family: var(--store-body-font-family);
    font-size: 0.95rem;
    font-weight: normal;
    /* background-color: rgb(55, 55, 55); */
  }
  table.dataTable>tbody>tr {
    font-family: var(--store-body-font-family);
    font-size: 0.87rem;
    color: #676767;
    text-align: center
  }
  table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    opacity: 1;
  }
  table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
      padding-left: 30px;
  }
  div.dataTables_wrapper div.dataTables_info {
    font-family: var(--store-body-font-family);
    font-size: 0.85rem;
    color: #676767;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    font-family: var(--store-body-font-family);
    font-size: 0.85rem;
  }
  .page-link {
    color: #676767;
  }
  .page-link:hover{
    color: #676767;
  }
  .page-item.active .page-link {
      z-index: 3;
      color: #676767;
      background-color: rgb(235, 233, 233);
      border-color: #ccc;
  }
  .icon_vue_mein {
    font-size: 1.2rem;
    margin-left: 10px;
  }
  .ui.selection.dropdown .menu>.item {
    font-size: 0.8rem;
  }
  .sorting_1 {
  background-color: var(--vz-light) !important;
  }
  /* END dataTables */
  /* new css for stor */
  .card-img-overlay-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }