<style type="text/css">
body[data-topbar="colored"] #page-topbar {
  background-color: ;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body[data-topbar="colored"] #page-topbar,
body[data-topbar="colored"] .navbar-brand-box {
  background-color: ;
}

@media (min-width: 992px) {
  body[data-topbar="colored"] .topnav {
    background-color: ;
  }
  body[data-topbar="colored"] .topnav .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
  }
  body[data-topbar="colored"] .topnav .navbar-nav .nav-link:focus,
  body[data-topbar="colored"] .topnav .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.9);
  }
  body[data-topbar="colored"] .topnav .navbar-nav > .dropdown.active > a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}

.topnav .navbar-nav .dropdown-item.active,
.topnav .navbar-nav .dropdown-item:hover {
  color: ;
}

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

.topnav .navbar-nav .nav-link:focus,
.topnav .navbar-nav .nav-link:hover {
  color: ;
  background-color: transparent;
}
.topnav .navbar-nav .dropdown-item {
  color: #7c8a96;
}
.topnav .navbar-nav .dropdown-item.active,
.topnav .navbar-nav .dropdown-item:hover {
  color: ;
}
.topnav .navbar-nav .nav-item .nav-link.active {
  color: ;
}
.topnav .navbar-nav .dropdown.active > a {
  color: ;
  background-color: transparent;
}
.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-body-custom {
  border-bottom: 3px solid ;
}

.card.card-custom {
border-top-width: 3px;
border-top-color: ;
}.
.card.card-full {
width: 200px;
height: 200px;
border-top: 3px ;
border-bottom: 3px  ;
border-left: 3px  ;
border-right: 3px  ;
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: ;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
input[type=file] {
  width: 800px;
  max-width: 100%;
  color: #444;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #555;
}

.btn-outline-custom {
  color: ;
  border-color: ;
}
.btn-outline-custom:hover {
  color: #fff;
  background-color: ;
  border-color: ;
}
.btn-outline-custom.focus,
.btn-outline-custom:focus {
  -webkit-box-shadow: 0 0 0 0.15rem ;
  box-shadow: 0 0 0 0.15rem ;
}
.btn-outline-custom.disabled,
.btn-outline-custom:disabled {
  color: ;
  background-color: transparent;
}
.btn-outline-custom:not(:disabled):not(.disabled).active,
.btn-outline-custom:not(:disabled):not(.disabled):active,
.show > .btn-outline-custom.dropdown-toggle {
  color: #fff;
  background-color: ;
  border-color: ;
}
.btn-outline-custom:not(:disabled):not(.disabled).active:focus,
.btn-outline-custom:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-custom.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem ;
  box-shadow: 0 0 0 0.15rem
</style>