.blazy .media--blazy img.media__element {
  max-height: 242px;
  object-fit: contain;
}
.field--name-field-product-fulldescrition p {
  margin-bottom: 0;
}
*:focus {
    outline: none;
}
::-webkit-scrollbar{
    width:10px;
    background-color:#f5f5f5;
}
::-webkit-scrollbar:horizontal{
    height:10px;
}
::-webkit-scrollbar-track{
    border:0px #787878 solid;
    border-radius:10px;
    -webkit-box-shadow:0 0 6px #c8c8c8 inset;
}
::-webkit-scrollbar-thumb{
    background-color:#dcdcdc;
    border:0px solid #000000;
    border-radius:16px;
}
::-webkit-scrollbar-thumb:hover{
    background-color:#dcdcdc;
    border:0px solid #333333;
}
::-webkit-scrollbar-thumb:active{
    background-color:#dcdcdc;
    border:0px solid #333333;
}
a {
    text-decoration: unset !important;
}
.views-list-section h3 {
  font-size: 16px;
}
.toolbar-menu-administration i.menu-icon {
    margin-right: 5px;
}
#collapseSearch {
  width: 100%;
  margin-bottom: 1rem;
}
.btn {
  cursor: pointer !important;
  border: none !important;
  box-shadow: 0 4px 8px 0 #ccc !important;
}
.button:disabled,
.button:disabled:active,
.button.is-disabled,
.button.is-disabled:active {
    background: #6c757d !important;
}
/* Fix datetime flatpickr */
.field--widget-datetime-range-flatpickr .form-item,
.field--widget-datetime-flatpickr .form-item,
.field--widget-datetime-range-separate-inputs-flatpickr div.form-item:not(.same-day) {
  background: transparent;
  background-size: unset;
}

.field--widget-datetime-range-flatpickr .form-item input,
.field--widget-datetime-flatpickr .form-item input,
.field--widget-datetime-range-separate-inputs-flatpickr div.form-item input {
  margin-left: unset;
}

.flatpickr-current-month {
    font-size: 100%;
}
/* End */
/* Form checkbox type for tree */
.form-type-checkbox .form-checkbox,
.form-type-radio .form-radio,
.form-type-checkbox .dummy-checkbox {
  margin-left: 0;
}
/* End */
/* Dialog */
.ui-widget.ui-widget-content,
.ui-widget-content,
.ui-widget-header {
  border: 0;
}
.ui-dialog .ui-dialog-title {
  font-size: 18px;
}
.ui-dialog .ui-dialog-titlebar {
  background: linear-gradient(to right, #226faa 0%, #2989d8 37%, #72c0d3 100%);
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: transparent;
}
.ui-dialog .ui-dialog-titlebar-close::before {
    position: absolute;
    left: 14px;
    top: 4px;
    content: ' ';
    height: 22px;
    width: 2px;
    background-color: white;
    transform: rotate(45deg);
}
.ui-dialog .ui-dialog-titlebar-close::after {
    transform: rotate(-45deg);
    position: absolute;
    left: 14px;
    top: 4px;
    content: ' ';
    height: 22px;
    width: 2px;
    background-color: white;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane,
#media-entity-browser-modal {
  padding: 5px;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: transparent;
}
.ui-dialog .ui-dialog-content .form-actions {
  display: none;
}
.dialog-inline-elements {
  display: unset;
}
/* End */
/* Css Views */
.view-header > a.btn:first-child,
.view-footer > a.btn:first-child {
    margin-left: 0;
}
.view-header > a.btn,
.view-footer > a.btn {
    margin-left: 20px;
    margin-bottom: 15px;
}
.view-filters .form--inline .form-item {
  width: auto;
}
.view-filters .card-body {
  padding-bottom: 0;
}
.vinno .fieldset-wrapper .form-type-date:last-child label {
  display: block;
  visibility: hidden;
  position: relative;
  margin-right: 15px;
}
.vinno .fieldset-wrapper .form-type-date label {
  font-weight: normal;
}
.vinno.container-inline label:after,
.vinno.container-inline .label:after {
  content: '';
}
.vinno.container-inline label:before,
.vinno.container-inline .label:before {
  visibility: visible;
  position: absolute;
  content: 'đến';
}
/* CSS overwrite Vertical tab */
.vertical-tabs {
	background: transparent;
}
.vertical-tabs__menu-item {
  list-style: none;
}
.vertical-tabs__menu-item.is-selected {
	background: #fff;
	z-index: 10;
}
.vertical-tabs__menu-item.is-selected a,
.vertical-tabs__menu-item.is-selected a:hover,
.vertical-tabs__menu-item a:focus {
	background: transparent;
	border-top: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 5px 0 0 5px;
    border-left: 1px solid rgba(0, 0, 0, 0.175);
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}
.vertical-tabs__panes {
	margin: 0 0 0 279px;
	z-index: 9;
}
[data-vertical-tabs-panes] {
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0 5px 5px;
}
/* End Overwrite Vertical tab */
body:not(.uid-1) .tabledrag-toggle-weight-wrapper {
  display: none;
}
#block-hanoitourist-content .form-text {
    margin-top: 0;
}
#block-hanoitourist-page-title h1,
header h1 {
    font-size: 24px;
    padding: 15px 0;
}
#block-hanoitourist-content .no-term-reference-tree-button {
    background-color: transparent;
}
input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked {
    box-shadow: unset;
}
.login-block .form-actions,
.contact-form .form-actions,
.webform-submission-form .form-actions {
    position: relative;
    display: block;
    border: 0;
    padding: 0;
    text-align: center;
}
.js-form-type-search input.form-search {
    float: unset !important;
}
@font-face {
    font-family: 'SVN-Gilroy Light';
    font-style: normal;
    font-weight: normal;
    src: local('SVN-Gilroy Light'), url('/assets/fonts/SVNGilroy Light.woff') format('woff');
}

@font-face {
    font-family: 'SVN-Gilroy Bold';
    font-style: normal;
    font-weight: normal;
    src: local('SVN-Gilroy Bold'), url('/assets/fonts/SVNGilroy Bold.woff') format('woff');
}
body {
    background: #F7F9FC !important;
    font-family: "SVN-Gilroy Light" !important;
}
body.uid-0 .layout-container {
    padding: 0;
}
em.placeholder {
	 display: unset;
     min-height: unset;
     vertical-align: middle;
     cursor: unset;
     background-color: unset;
     opacity: unset;
}
.dialog-off-canvas-main-canvas {
    position: relative;
}
body.uid-1 main.page-content {
  /*padding-top: 0;*/
  /*padding-top: 20px;*/
}
header.content-header {
    position: relative;
    margin: 0 auto;
    /*padding-top: 60px;*/
    display: block;
    clear: both;
    float: unset;
    right: 0;
    top: 0;
    /*margin-left: 264px;*/
}
main.page-content {
    /*position: relative;*/
    margin: 0 auto;
    /*padding-top: 60px;*/
    display: block;
    clear: both;
    float: unset;
    /*right: 0;*/
    /*top: 0;*/
    /*margin-left: 264px;*/
    /*min-height: 100vh;*/
    min-height: 50vh;
    transition: all 0.3s ease-in-out;
}

.region-pre-content {
	overflow: hidden;
}
.block-local-tasks-block {
	background-color: #f5f5f5;
}
.region-pre-content h1 {
/*	padding: 0 0 30px;*/
    padding: 15px 0;
}
body.uid-1 form#menu-edit-form .form-item-label,
body.uid-1 form#menu-edit-form .form-item-description,
body.uid-1 form#menu-edit-form .form-item-langcode,
body.uid-1 form#menu-link-content-menu-link-content-form,
body.uid-1 form#menu-link-content-menu-link-content-form .form-item-expanded-value,
body.uid-1 form#menu-link-content-menu-link-content-form .form-item-menu-parent,
body.uid-1 form#menu-link-content-menu-link-content-form #edit-weight-wrapper,
body.uid-1 #edit-onoff > summary,
body.uid-1 #edit-email-options,
body.uid-1 #edit-client,
body.uid-1 .form-item-smtp-hostbackup,
body.uid-1 #edit-smtp-autotls--wrapper,
body.uid-1 .form-item-smtp-timeout,
body.uid-1 .form-item-smtp-keepalive,
body.uid-1 .form-item-smtp-reroute-address {
  display: block;
}
form#menu-edit-form .form-item-label,
form#menu-edit-form .form-item-description,
form#menu-edit-form .form-item-langcode,
form#menu-link-content-menu-link-content-form .description,
form#menu-link-content-menu-link-content-form .form-item-expanded-value,
form#menu-link-content-menu-link-content-form .form-item-menu-parent,
form#menu-link-content-menu-link-content-form #edit-weight-wrapper,
#edit-onoff > summary,
#edit-email-options,
#edit-client,
.form-item-smtp-hostbackup,
#edit-smtp-autotls--wrapper,
.form-item-smtp-timeout,
.form-item-smtp-keepalive,
.form-item-smtp-reroute-address {
  display: none;
}
/* Header */
body.user-logged-in {
    background: #f0f2f8;
}
body.user-logged-in .order-1 {
    background: #fff;
}
body.user-logged-in:not(.path-frontpage) .region-content {
    background: #fff;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    border-radius: 4px;
}
body.user-logged-in .region-breadcrumb {
    background: #fff;
    /*padding-left: 20px;*/
}
/* Fix views exposed form in fieldset */
/*.views-exposed-form */fieldset.vinno/*,
fieldset.smartdate--widget*/ {
    display: flex;
    background-color: transparent;
    border: none;
/*    margin: 0 0 20px 0;*/
    margin: 0;
    padding: 30px 0 20px 0;
    min-width: fit-content;
    position: relative;
}
fieldset.vinno.form-item {
    /*margin-right: 0;*/
}
/*.views-exposed-form */fieldset.vinno > legend/*,
fieldset.smartdate--widget > legend*/ {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    position: absolute;
    text-transform: unset;
    top: 5px;
}
fieldset.vinno .fieldset-wrapper {
    width: unset;
}
fieldset.vinno .fieldset-wrapper > .form-item > label {
    display: none;
}
fieldset > legend {
    font-size: unset;
}
.views-exposed-form .form-text {
  margin-top: 0;
}
.view-filters .form--inline .form-item.form-item-items-per-page {
    width: auto;
}
.view-filters .form--inline #edit-items-per-page {
    min-width: auto;
}
.button,
.views-remove-link,
.views-remove-group-link,
.pager__item,
.js .dropbutton .dropbutton-action > input,
.js .dropbutton .dropbutton-action > a,
.js .dropbutton .dropbutton-action > button {
    text-transform: unset;
    padding-top: 9px;
    padding-bottom: 9px;
}
.form-autocomplete,
.form-text,
.form-tel,
.form-email,
.form-url,
.form-search,
.form-number,
.form-color,
.form-file,
.form-date,
.form-time,
.form-textarea,
.form-select {
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.button--danger {
    color: #e52d27;
    background-color: transparent;
    background-image: none;
    border-color: #e52d27;
}
.button--danger:hover {
    color: #fff;
    background-color: #e52d27;
    border-color: #e52d27;
}
.btn-default {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    border-color: rgb(203 213 225/var(--tw-border-opacity)) !important;
    color: rgb(51 65 85/var(--tw-text-opacity)) !important;
}
.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity)) !important;
    border-color: rgb(203 213 225/var(--tw-border-opacity)) !important;
    color: rgb(30 41 59/var(--tw-text-opacity)) !important;
}
.views-table thead th {
/*    border-bottom: 1px solid #e2e5e8;*/
/*    font-size: 13px;*/
/*    font-weight: bold;*/
/*    color: #111;*/
/*    background: #eff3f6;*/
}
.text-icon {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #3b98ff;
}
.text-icon > span {
    margin-right: 10px;
}
.text-icon svg {
    width: 22px;
    height: 22px;
}
.icon-search {
    position: absolute;
    top: 80px;
    right: 22px;
    z-index: 100;
}
.notification .dropdown-toggle::after {
    content: unset;
}
.table {
    --tw-border-opacity: 1;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(226 232 240/var(--tw-border-opacity));
}
/*.table>thead:first-child>tr:first-child>th, table thead>tr>th {
    border-color: rgba(226,232,240,.7);
    border-top: 1px rgba(226,232,240,.7);
    border-style: solid;
}
table thead>tr>th:not(:last-child) {
    border-right: 1px;
    border-color: rgba(226,232,240,.7);
    border-style: solid;
}*/
.table thead>tr>th:not(:last-child) {
    --tw-border-opacity: 1;
    border-right-style: solid;
    border-right-width: 1px !important;
    border-right-color: rgb(226 232 240/var(--tw-border-opacity));
}
.table thead th {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-border-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity));
    color: rgb(71 85 105/var(--tw-text-opacity));
    font-size: 13.5px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(226 232 240/var(--tw-border-opacity));
}
.table>tbody>tr>td, .table>tfoot>tr>td {
    color: #64748b;
}
.js td .dropbutton-multiple {
    padding-right: 4em;
    margin-right: 3em;
}
.select-all .form-checkbox[type=checkbox] {
    border-radius: .25em;
}
.select-all .form-checkbox:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
nav.pager {
    margin-top: unset;
    padding-top: unset;
    border: 0;
}

/* Css Page Error */
.page-error {
  max-width: 960px;
  margin: 0 auto;
  box-shadow: 0px 0px 8px 1px #ccc;
  /*background: #fafafa;*/
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /*justify-content: center;
  align-items: center;*/
  padding: 30px;
}
.e-container {
  float: left;
  height: 100%;
}
.e-container.logo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.e-container.content {
  width: 100%;
}
img.logo {
  max-width: 175px;
}
.vtranet_help {
  border: 2px dashed #0d6efd;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.vtranet_help p {
  margin-bottom: 0;
}
.vtranet_help ul {
  margin-bottom: 0;
  padding-left: 15px;
}
/* End */

/* Css Setting */
#edit-vtranet-site-help-format {
	display: none;
}
/* End*/
/* Css view attachment_before*/
.view .attachment.attachment-before {
  /*margin-top: 15px;*/
  margin-bottom: 15px;
}
/* End */
/*.form-date {
    line-height: 35px !important;
}*/
/*.vtranet .smartdate--time-inline .form-datetime-wrapper .form-items-inline,
.vtranet .smartdate--time-inline div.time-start,
.vtranet .smartdate--time-inline div.time-end {
    justify-content: unset;
}*/
/* End fix */

/*@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
}*/
@media (min-width: 576px) {
    .field--type-markup .view {
      position: relative;
    }
    .field--type-markup .view .icon-search {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 100;
    }
    .form-wrapper .form-actions {
/*        position: unset !important;*/
        position: unset;
    }
    #vbo-action-form-wrapper .form-actions {
        margin-bottom: 1rem;
        padding: unset;
    }
    .field--type-markup .form--inline .form-actions {
      margin-top: 20px/* !important*/;
    }
}
@media (min-width: 768px) {
    /*fieldset.vtranet .fieldset-wrapper {
        width: 100%;
    }
    .view-filters .form--inline .form-item.form-item-items-per-page {
        width: 100%;
    }*/
}
@media (min-width: 992px) {
    body.user-logged-in .region-content {
        padding-bottom: 70px;
    }
    form.comment-form .form-actions {
    	position: unset;
    }
    form.node-form .form-actions {
        /*position: fixed !important;
        z-index: 400;*/
        position: unset;
    }
    /*fieldset.vtranet .fieldset-wrapper {
        width: 100%;
    }
    .view-filters .form--inline .form-item.form-item-items-per-page {
        width: 100%;
    }*/
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media screen and (max-width: 640px) {
    .field--type-markup .view {
      position: relative;
    }
    .field--type-markup .view .icon-search {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 100;
    }
    .field--type-markup .form--inline .form-actions {
      margin-top: 20px/* !important*/;
    }
    fieldset.vinno .fieldset-wrapper {
        width: 100%;
    }
    .view-filters .form--inline .form-item {
      width: 100%;
    }
    .view-filters .vinno.container-inline label:before,
    .view-filters .vinno.container-inline .label:before {
      top: -9px;
    }
    .view-filters .form--inline .form-item.form-item-items-per-page {
        width: 100%;
    }
    .view-filters .form-select {
        min-width: unset;
    }
    .form-wrapper .form-actions {
        display: flex;
    }
    #vbo-action-form-wrapper .form-actions {
        margin-bottom: 1rem;
        padding: unset;
    }
}

/*.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}*/