body {
  --px-2: 2px;
  --color-white: #FFF;
  --color-white-2: #F3F4F5;
  --color-white-3: #DEDEDE;
  --color-white-4: #F3F4F6;
  --color-white-grey: #D1D5DB;
  --color-black: #000;
  --color-yellow: #fcfde5;
  --color-blue: #6E62E4;
  --color-blue-2: #645CC9;
  --color-blue-3: #d9f2fd;
  --color-blue-4: #e5f6fd;
  --color-green: #72B942;
  --color-grey: #5f6b72;
  --color-grey-2: #354147;
  --color-grey-3: #A0A0A0;
  --color-red: #F44336;
  --color-grey-4: #ADADAD;
}
.nav-tabs .nav-link.active {
  border: 2px solid var(--color-green);
}
.nav-tabs .nav-link:hover {
  padding: 5px;
  border-radius: 8px !important;
}
.rounded,
.btn {
  border-radius: var(--px-2) !important;
}
.nav-tabs .nav-link {
  padding: 5px;
  border-radius: 8px;
}
.nav-tabs-vertical .nav-link.active:before {
  background-color: transparent;
}
.navbar-dark {
  --navbar-bg: var(--color-white-2) !important;
}
.sidebar-dark {
  background-color: var(--color-white-2) !important;
  color: var(--color-grey-2);
  border-right: 0.1px solid var(--color-white-3);
}
.main-navbar {
  background-color: var(--color-white) !important;
}
.navbar-sm.navbar,
.navbar-text,
.two-lines,
.navbar-nav-link {
  color: var(--color-grey-2) !important;
}
.navbar-default .navbar-nav .nav-item > .navbar-nav-link.active {
  color: var(--color-green) !important;
}
.navbar-dark .navbar-nav-link.active {
  --navbar-active-color: var(--color-green) !important;
  --navbar-active-bg: transparent !important;
}
.nav-sidebar > .nav-item > .nav-link:hover {
  background-color: var(--color-blue-2) !important;
}
.dropdown-item.active .text-default {
  color: var(--color-white);
}
body {
  color: var(--color-grey-2);
  background-color: var(--color-white);
}
.table {
  color: var(--color-grey-2);
}
.sidebar-dark .nav-sidebar .nav-link,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link {
  color: var(--color-grey-2);
}
.modal-footer .btn-main,
.swal2-actions .btn-main {
  color: var(--color-green) !important;
  background-color: transparent !important;
  border-color: var(--color-green) !important;
  border-radius: var(--px-2);
}
.btn-primary {
  color: var(--color-green) !important;
  background-color: transparent !important;
  border-color: var(--color-green) !important;
}
.btn-primary:hover {
  background: var(--color-green) !important;
  color: var(--color-white) !important;
}
.bg-warning {
  background: var(--color-green) !important;
  color: var(--color-white) !important;
}
.btn-main,
.btn-main:focus {
  color: var(--color-black);
  background-color: var(--body-bg);
  border-color: var(--color-gray-4);
}
.media-post.media-post-info {
  background: var(--color-yellow);
  outline-color: var(--color-yellow);
}
.media-post.media-post-info:hover {
  background: var(--color-yellow-2);
  outline-color: var(--color-yellow-2);
}
.media-post.media-post-hidden {
  background: var(--color-blue-4);
  outline-color: var(--color-blue-4);
}
.media-post.media-post-hidden:hover {
  background: var(--color-blue-3);
  outline-color: var(--color-blue-3);
}
.bg-danger {
  color: var(--color-white) !important;
}
#navbar-additional {
  background: var(--color-white-2);
  border: 1px solid var(--color-white-3);
  border-left: none;
  height: 64px;
}
.nav-sidebar .nav-link i {
  color: var(--color-blue);
}
.nav-sidebar .nav-link.active i {
  color: var(--color-white);
}
.nav-item > .nav-link:not(.disabled):hover,
.nav-tabs > .tabs-verify-fail > a.nav-link.active:hover {
  color: var(--color-white) !important;
  background-color: var(--color-grey-3);
  border-radius: var(--px-2);
}
.nav-tabs-bottom .nav-item {
  margin-right: 3px !important;
  margin-bottom: 5px !important;
}
.nav-sidebar .nav-link.active {
  color: var(--color-white);
  --nav-link-active-bg: var(--color-blue-2) !important;
}
.sidebar-dark {
  background-color: var(--color-white-2);
  color: var(--color-grey-2);
  border-right: 0.1px solid var(--color-white-3);
}
.navbar-dark .navbar-text {
  color: var(--color-grey) !important;
}
.nav-link:hover i {
  color: var(--color-white);
}
.sidebar-dark input[type=checkbox] + label span,
input[type=checkbox].checkbox-button:checked + label span {
  color: var(--color-grey-2);
}
.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.sidebar-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled),
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
}
.sidebar-dark .nav-sidebar > .nav-item > .nav-link {
  border-radius: var(--px-2);
}
.sidebar-dark .nav-sidebar > .nav-item-open.nav-item-submenu > .nav-group-sub,
.sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-submenu > .nav-group-sub {
  background-color: var(--color-blue) !important;
  color: var(--color-white) !important;
  margin-top: -6px;
  border-bottom-left-radius: var(--px-2);
  border-bottom-right-radius: var(--px-2);
}
.nav-item-submenu .nav-link:hover {
  background-color: var(--color-blue-2) !important;
  border-radius: var(--px-2);
}
.nav-sidebar .nav-item-open .nav-link {
  color: var(--color-white) !important;
}
.nav-sidebar > .nav-item > a[href="javascript:void(0)"] {
  color: var(--color-blue) !important;
}
.nav-sidebar > .nav-item > a[href="javascript:void(0)"]:hover {
  color: var(--color-white) !important;
}
.nav-sidebar .nav-item-open .nav-link i {
  color: var(--color-white) !important;
}
.navbar-default .navbar-nav .nav-item > .navbar-nav-link.active {
  color: var(--color-green) !important;
  background: transparent !important;
}
.navbar-dark .navbar-nav-link.active {
  color: var(--color-green) !important;
}
.pagination-pager-linked .page-link:focus,
.pagination-pager-linked .page-link:hover {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue);
}
.pagination-pager-linked .page-link {
  color: var(--color-blue);
  background-color: transparent;
  border-color: transparent;
}
.navbar-light .navbar-text a {
  color: var(--color-blue);
}
.nav-tabs-solid .nav-item.show .nav-link.active,
.nav-tabs-solid .nav-link.active,
.nav-tabs-highlight .nav-link.active:before,
.pagination-flat .page-item.active .page-link,
.nav-pills-bordered .nav-link.active,
.pace .pace-progress,
.nav-tabs-highlight .nav-link.active:before,
.dropdown-item.active {
  background-color: var(--color-blue);
}
.btn-info {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
}
.nav-tabs .tabs-verify-fail {
  border-radius: 8px;
}
.btn-info:hover {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
}
.btn-outline-info {
  color: var(--color-blue) !important;
  background-color: transparent;
  background-image: none;
  border-color: var(--color-blue) !important;
}
.btn-outline-info:hover {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: var(--color-blue) !important;
  background-color: transparent;
}
.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
}
.badge-info {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
}
.bg-info:hover {
  background-color: var(--color-blue) !important;
}
.text-info {
  color: var(--color-blue) !important;
}
.bg-main,
.bootstrap-switch-main,
a.bg-main {
  background-color: transparent;
  border-color: var(--color-green);
  border-radius: var(--px-2);
  color: var(--color-green) !important;
}
.form-group > .btn-sm,
.form-group > .bg-main,
.modal-footer .btn-light,
.swal2-actions > .btn-light {
  border: none;
  background-color: transparent;
  color: var(--color-black) !important;
}
.nav-item > .navbar-nav-link:hover,
.navbar-right .navbar-nav-link:hover,
.btn-reset:hover,
.text-right > .btn-light:hover,
.swal2-actions > .btn-light:hover,
.modal-footer > .btn-light:hover,
.col-lg-3 > .btn-light:hover,
button[type="reset"]:hover,
.navbar-nav-link:hover,
.navbar-right:hover,
.form-group > .btn-sm:hover,
.form-group > .bg-main:hover {
  color: var(--color-white) !important;
  background-color: var(--color-blue-2) !important;
  border-radius: var(--px-2) !important;
}
.w-100 > .bg-main:hover,
.w-100 > .bg-main:focus,
form[role="form"] > .btn:hover {
  color: var(--color-white) !important;
  background-color: var(--color-green) !important;
}
.bg-main:hover,
.bg-main:focus {
  background-color: var(--color-green) !important;
  color: var(--color-white) !important;
}
.card-body a {
  color: var(--color-green) !important;
}
.fa-angle-down:before,
.fa-angle-up:before {
  font-size: 15px;
  color: var(--color-grey-4);
}
.dropdown-toggle::after {
  font-size: 12px;
  color: var(--color-grey-4);
}
.fa-user-plus {
  color: var(--color-green);
}
.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  color: var(--color-white);
  background-color: var(--color-blue) !important;
}