:root {
  --bs-blue: #556ee6;
  --bs-indigo: #564ab1;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #f46a6a;
  --bs-orange: #f1734f;
  --bs-yellow: #f1b44c;
  --bs-green: #34c38f;
  --bs-teal: #050505;
  --bs-cyan: #50a5f1;
  --bs-white: #fff;
  --bs-gray: #74788d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #eff2f7;
  --bs-gray-300: #f6f6f6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #74788d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #556ee6;
  --bs-secondary: #74788d;
  --bs-success: #34c38f;
  --bs-info: #50a5f1;
  --bs-warning: #f1b44c;
  --bs-danger: #f46a6a;
  --bs-pink: #e83e8c;
  --bs-light: #eff2f7;
  --bs-dark: #343a40;
  --bs-primary-rgb: 90, 174, 60;
  --bs-secondary-rgb: 116, 120, 141;
  --bs-success-rgb: 52, 195, 143;
  --bs-info-rgb: 80, 165, 241;
  --bs-warning-rgb: 241, 180, 76;
  --bs-semilight-rgb: 203, 213, 225;
  --bs-orange-rgb: 241, 115, 79;
  --bs-danger-rgb: 244, 106, 106;
  --bs-pink-rgb: 232, 62, 140;
  --bs-purple-rgb: 111, 66, 193;
  --bs-light-rgb: 239, 242, 247;
  --bs-dark-rgb: 52, 58, 64;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 73, 80, 87;
  --bs-body-bg-rgb: 248, 248, 251;
  --bs-font-sans-serif: "Poppins", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.8125rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #495057;
  --bs-body-bg: #f9fbf9;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.footer {
  bottom: 0;
  padding: 20px calc(24px / 2);
  position: absolute;
  right: 0;
  color: #74788d;
  left: 250px;
  height: 60px;
  background-color: #f1f4f1;
}

@media (max-width: 991.98px) {
  .footer {
    left: 0;
  }
}

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #495057;
  --bs-table-striped-bg: #f8f9fa;
  --bs-table-active-color: #495057;
  --bs-table-active-bg: #f8f9fa;
  --bs-table-hover-color: #495057;
  --bs-table-hover-bg: #f8f9fa;
  width: 100%;
  margin-bottom: 1rem;
  color: #495057;
  vertical-align: top;
  border-color: #eff2f7;
}

.table> :not(caption)>*>* {
  padding: 0.55rem 0.55rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table>tbody {
  vertical-align: inherit;
}

.table>thead {
  vertical-align: bottom;
}

.table> :not(:first-child) {
  border-top: 2px solid #eff2f7;
}

/* DATA SIDEBAR */
body[data-sidebar="dark"] .vertical-menu {
  background: #55A739;
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
  color: #ffffff;
  padding: 10px;
  margin: 10px;
  border-radius: .25rem !important;
}

body[data-sidebar="dark"] #sidebar-menu ul li a i {
  color: #718669;
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
  color: #ffffff;
  background-color: #4D9834;
}

body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
  color: #ffffff;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
  color: #79829c;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
  color: #ffffff;
}

body[data-sidebar="dark"].vertical-collpsed {
  min-height: 1760px;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  background: #2e3548;
  color: #ffffff;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
  color: #ffffff;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a {
  color: #79829c;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover {
  color: #ffffff;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
  background-color: #2a3042;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #ffffff !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
  color: #ffffff !important;
}

body[data-sidebar="dark"] .mm-active {
  color: #ffffff !important;
}

body[data-sidebar="dark"] .mm-active>a {
  color: #ffffff;
  background-color: #67C149;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 .5rem 1rem #4D9834 !important;
  border-radius: .25rem !important;
}

body[data-sidebar="dark"] .mm-active>a i {
  color: #ffffff !important;
}

body[data-sidebar="dark"] .mm-active>i {
  color: #ffffff !important;
}

body[data-sidebar="dark"] .mm-active .active {
  color: #ffffff !important;
}

body[data-sidebar="dark"] .mm-active .active i {
  color: #ffffff !important;
}

/* DATA SIDEBAR */

body[data-sidebar="dark"] .menu-title {
  color: #ffffff;
}

.menu-title {
  padding: 0 20px !important;
  letter-spacing: .05em;
  pointer-events: none;
  cursor: default;
  font-size: 11px;
  text-transform: uppercase;
  color: #7f8387;
  font-weight: 600;
}

body[data-sidebar="dark"] .navbar-brand-box {
  background: #ffffff;
}

body[data-topbar="dark"] #page-topbar {
  background-color: #55A739;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #62b643;
  border-color: #62b643;
}

.page-item.disabled .page-link {
  color: #d1dace;
  pointer-events: none;
  background-color: #fff;
  border-color: #d1dace;
}

.page-link {
  position: relative;
  display: block;
  color: #7a8c73;
  background-color: #fff;
  border: 1px solid #d1dace;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    -webkit-transition: none;
    transition: none;
  }
}

.page-link:hover {
  z-index: 2;
  color: #62b643;
  text-decoration: none;
  background-color: #f0f6ee;
  border-color: #d1dace;
}

.page-link:focus {
  z-index: 3;
  color: #62b643;
  background-color: #f0f6ee;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 230, 86, 0.25);
  box-shadow: 0 0 0 0.15rem rgba(125, 230, 86, 0.25);
}

.page-link {
  border-radius: 30px !important;
  margin: 0 3px !important;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  line-height: 32px;
}

.bg-semilight {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-semilight-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orange {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

.btn-primary {
  color: #fff;
  background-color: #62b643;
  border-color: #62b643;
}

.btn-primary:hover {
  color: #fff;
  background-color: #6dc44a;
  border-color: #6dc44a;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #6dc44a;
  border-color: #62b643;
  -webkit-box-shadow: 0 0 0 0.15rem rgba(145, 235, 112, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(145, 235, 112, 0.5);
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #62b643;
  border-color: #5cab3f;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(145, 235, 112, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(145, 235, 112, 0.5);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: #fff;
  background-color: #62b643;
  border-color: #62b643;
}

.nowrap {
  white-space: nowrap !important;
}


a {
  color: #62b643;
  text-decoration: none;
}


a:hover {
  color: #546c4b;
}

.bg-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.border-purple {
  border-color: #6f42c1 !important;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}

.btn-outline-primary {
  color: #62b643;
  border-color: #62b643;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #62b643;
  border-color: #62b643;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 230, 86, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(125, 230, 86, 0.5);
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #62b643;
  border-color: #62b643;
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 230, 86, 0.5);
  box-shadow: 0 0 0 0.15rem rgba(125, 230, 86, 0.5);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #62b643;
  background-color: transparent;
}

.bg-primary.bg-soft {
  background-color: rgba(125, 230, 86, 0.25) !important;
}

.avatar-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #62b643;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.border-primary {
  border-color: #62b643 !important;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.border-semilight {
  border-color: #cbd5e1 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #5AAE3C;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #5AAE3C;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    -webkit-transition: none;
    transition: none;
  }
}

.nav-link:hover,
.nav-link:focus {
  color: #62b643;
  text-decoration: none;
}

.nav-link.disabled {
  color: #74788d;
  pointer-events: none;
  cursor: default;
}

.reminderCheck {
  position: relative;
  float: left;
}

.reminderCheck .reminderHover {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.reminderCheck:hover .reminderHover {
  display: block;
}

.reminderHover:active a i {
  background-color: #e0e0e0 !important;
  border-radius: 50% !important;
  border: white solid 1px;
}

.actionLink {
  cursor: pointer;
}

.actionLink:hover {
  text-decoration: underline;
}

*::-webkit-scrollbar {
  width: 16px;
}

*::-webkit-scrollbar-track {
  border-radius: 8px;
}

*::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #606060;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #909090;
}

@media (max-width: 992px) {
  .page-content {
    padding-top: 135px !important;
  }
}

.modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}