:root {
  --main-color: #43c654;
  --main-color-transparent: #43c6545d;
  --main-color-transparent-2: #43c65419;
  --dark-color: #3a963a;
}

app-menu {
  background: var(--main-color);
}

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

a:hover {
  color: var(--dark-color);
}

.card-img-top {
  padding-bottom: 0 !important;
}

.bg-gradient-primary {
  background-color: var(--main-color);
  background-image: linear-gradient(180deg, var(--main-color) 10%, var(--main-color) 100%);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  color: var(--main-color) !important;
}

.navbar-brand {
  margin-right: 0;
  text-align: left;
}

.topbar .dropdown-list .dropdown-header {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}

.btn-danger {
  color: #fff !important;
}

.btn-search-menu {
  background-color: #ffffff !important;
}

.btn-search-menu:hover {
  background-color: var(--dark-color) !important;
}

.btn btn-success btn-tab dropdown-toggle {
  background-color: var(--dark-color);
  border-color: var(--dark-color);
}

.btn-success {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.btn-success:hover {
  background-color: var(--dark-color);
  border-color: var(--dark-color);
}

.btn-outline-success {
  color: var(--main-color);
  border-color: var(--main-color);
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle,
.btn-outline-success:active {
  background-color: var(--dark-color) !important;
  background-color: var(--dark-color);
  border-color: var(--dark-color);
  color: #fff;
}

.btn-outline-info {
  color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}

.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  background-color: var(--dark-color) !important;
  border-color: var(--dark-color) !important;
  color: #fff;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: var(--dark-color);
  border-color: var(--main-color);
  box-shadow: 0 0 0 0.2rem var(--main-color-transparent-2);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: var(--dark-color);
  border-color: var(--dark-color);
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--main-color-transparent-2);
}

#wrapper #content-wrapper {
  background-color: #f8f9fc;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link:hover {
  background-color: var(--main-color);
  color: #ffffff !important;
}

.nav-pills .nav-link {
  color: var(--main-color) !important;
  border: 1px solid var(--main-color);
}

@media (max-width: 767px) {
  app-header nav {
    background-color: var(--main-color) !important;
    color: #fff !important;
  }

  .nav-item .text-gray-600 {
    color: #fff !important;
  }
}

.inative_row {
  text-decoration: line-through;
  color: #999ff9;
}

.now-row {
  color: #1b5ac3;
}

.paied-row {
  color: #1cc88a;
}

.overdue-row {
  color: red;
}

.required:after {
  color: red;
}

.nav-tabs li a {
  color: var(--main-color);
}

.nav-tabs .nav-link {
  color: #9fa3af;
}

.nav-tabs .nav-link.disabled {
  color: #c9cbda;
}

.breadcrumb-item a,
.breadcrumb-item a:hover {
  color: #6e707e;
}

.info-pane p {
  color: blue;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--main-color-transparent);
  background-color: var(--main-color-transparent);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--main-color-transparent);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem var(--main-color-transparent-2);
}

.my-bt-search-menu {
  border: solid 1px #fff;
}

.my-input-search-menu {
  border: solid 1px #fff;
}

.badge-calendar {
  color: #fff;
  background-color: var(--main-color);
}

.badge-calendar:hover {
  background-color: var(--dark-color);
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--main-color);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: var(--main-color-transparent-2);
}

.page-link:hover {
  color: var(--dark-color);
}

.dropdown-menu.main {
  background: var(--main-color);
}

.page-item.dropup > .page-link {
  color: var(--main-color);
}

/* checkbox */

.checkbox-field input[type='checkbox']:checked ~ .checkbox-field__checkmark {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}