a {
  color:var(--main-a-color);
}

.avisited {
  color:var(--main-avis-color);
}

.form-inline .my-form-inline {
  color: red;
}

.form-control {
  border-color: #555753;
  background-color: #babdb6;
}

hr {
  background-color: var(--main-hr-bg-style);
}
.box {
  background-color: var(--main-box-style);
}

.body_head {
  background-color: var(--main-head-style);
}

.table-item .table-update .table-insert {
  background-color: var(--main-table-bg-color);
  color: var(--main-table-fg-color);
}

.table-item td {
  background-color: var(--main-table-bg-color);
  color: var(--main-table-fg-color);
}
.table-bordered th,
.table-bordered td {
  border-style: var(--main-border-style);
  border-color: var(--main-border-color);
  
}

.table-result {
  color: #ffffff;
  background-color: #555753;
  border-style: var(--main-table-border-style);
  border-color: var(--main-table-border-color);
}
.table-result tbody tr:nth-child(even) {
  background-color: var(--main-table-tr-even-color);
}

.table-result tbody tr:nth-child(odd) {
  background-color: var(--main-table-tr-odd-color);
}

.table-result th {
  background-color: var(--main-table-th-bg-color);
  color: var(--main-table-th-fg-color);
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--main-h-fg-color);
  background-color: var(--main-h-bg-color);
}

.navbar-custom {
  background-color: var(--main-bg-navbar-color);
}


.nav-btn {
  background-color: var(--main-bg-navbar-color);
  border-color:  var(--main-border-color);
}

.nav_item {
  color: var(--main-fg-color);
}

.navbar-brand {
  color: var(--main-fg-color);
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: var(--main-fg-color);
}


body {
  background-color: var(--main-bg-color);
  color: var(--main-fg-color);
}