<style>
  .card-primary.card-outline{
    border-top: 3px solid #3157cc;
  }
  .btn-primary {
    color: #fff;
    background-color: #3157cc;
    border-color: #24ac97;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #24ac97;
    border-color: #3157cc;
  }
  .btn-primary:active {
    color: #fff !important;
    background-color: #24ac97 !important;
    border-color: #3157cc !important;
  }
  .btn-primary:focus {
    color: #fff !important;
    background-color: #24ac97 !important;
    border-color: #3157cc !important;
  }
  .card-primary.card-outline{
    border-top: 3px solid #3157cc;
  }
  [class*=sidebar-dark-]{
    background-color: #3157cc;
  }
  .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active,
  [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover{
    background-color: #24ac97;
    color: #fff;
  }
  [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus{
    background-color: rgb(71 160 67 / 60%);
  }

  .nav-sidebar>.nav-item.menu-open,.nav-sidebar>.nav-item.menu-is-opening{
    background-color: rgb(71 160 67 / 30%);
    border-radius: 0.25rem;
    border: 2px solid rgb(36 172 151);
  }

  .navbar-white{
    background-color: #3157cc;
    color: #ffffff;
  }
  .navbar-light .navbar-nav .nav-link{
    color: #ffffff;
  }
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #ffffff;
  }
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 102 51 / 20%);
  }
  h1, h2, h3, h4, h5, h6{
    color: #24ac97;
  }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: #24ac97;
  }
  a{
    color: #24ac97;
  }
  a:hover {
    color: #3157cc;
  }
  [class*=sidebar-dark] .user-panel{
    border-bottom: 1px solid #24ac97;
  }
  .bg-success h3{
      color: #FFFFFF !important;
  }

  [class*="bg-success"] {
    background-color: #3157cc !important;
  }
  [class*="btn-success"] {
    background-color: #3157cc !important;
    border-color: #3157cc !important;
  }

  [class*="bg-warning"] {
    background-color: #24ac97 !important;
  }

  [class*="success"] > .card-header{
    background-color: ##3157cc !important;
  }

  [class*="primary"] > .card-header{
    background-color: #187be5 !important;
  }
  [class*="info"] > .card-header{
    background-color: #2295a7 !important;
  }

  [class*="warning"] > .card-header{
    background-color: rgb(49,87,204) !important;
  }

  table:not(.table-sm):not(.table-condensed) > thead > tr > th:nth-child(n),
  table:not(.table-sm):not(.table-condensed) > tfoot > tr > th:nth-child(n),
  table:not(.table-sm):not(.table-condensed) > tbody > tr:nth-child(n) > th{
    background-color: #3157cc !important;
    color: #ffffff !important;
  }
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 102 51 / 20%) !important;
  }
  .swal2-styled.swal2-confirm,.sweet-alert-button {
    color: #fff !important;
    background-color: #3157cc;
    border-color: #24ac97;
  }
  .swal2-styled.swal2-confirm,.sweet-alert-button:hover {
    color: #fff !important;
    background-color: #24ac97 !important;
    border-color: #3157cc !important;
  }
  .swal2-styled.swal2-confirm,.sweet-alert-button:active {
    color: #fff !important;
    background-color: #24ac97 !important;
    border-color: #3157cc !important;
  }
  .swal2-styled.swal2-confirm,.sweet-alert-button:focus {
    box-shadow: none !important;
    color: #fff !important;
    background-color: #24ac97 !important;
    border-color: #3157cc !important;
  }
  .dropdown-item.active, .dropdown-item:active{
    background-color: transparent !important;
    color: #212529 !important;
    text-decoration: none !important;
  }
  .card-warning:not(.card-outline)>.card-header, .card-warning:not(.card-outline)>.card-header a {
    color: #ffffff;
  }
</style>