.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
  background: #252D69 !important;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgba(166, 158, 132, 0.4);
}
.sidebar .nav .has-treeview.menu-open i{
  color:#fff
}
[class*="sidebar-light-"] .sidebar .has-treeview.menu-open a {
  color: #fff !important;
}
[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active,
[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover {
  background: #ffad00 !important;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
    0 7px 10px -5px rgba(166, 158, 132, 0.4);
}
.card-header .row {
  align-items: center;
}
.login .card-body {
  margin-top: 28px;
}
.login .card-title {
  color: lightgoldenrodyellow !important;
}
.login .btn.btn-primary.btn-link {
  color: #a99356;
}
.login .btn.btn-primary.btn-link:hover {
  color: #3e3723;
}
.addnewbtn,
.btn.btn-warning {
  background: #009bdb !important;
}
.hw_btn_pad.btn-primary {
  background-color: #ffad01 !important
}
input,
input.form-control {
  background-image: linear-gradient(
      to top,
      #ffad01 2px,
      rgba(231, 46, 52, 0) 2px
    ),
    linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

label.file-upload {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  cursor: pointer;
}
input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.fixtable.table-bordered tbody td {
  border-bottom-width: 1px !important;
}
.shtable td,
.shtable th {
  font-size: 12px !important;
  vertical-align: middle;
}
.note-editable p {
  margin-bottom: 0;
}
.table .new_hw_btn {
  background: transparent;
  padding: 0;
  margin-right: 10px;
}
.table .new_hw_btn i {
  color: #f47c20;
  font-size: 20px;
}
.table .new_hw_btn.green i {
  color: green;
}
.table .new_hw_btn.cyan i {
  color: #4f85b3;
}
.boxshadow {
  box-shadow: 0px 0px 15px 2px #ccc;
  padding: 20px;
  border-radius: 20px;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 1px;
}
.proyekdetail td {
  padding: 5px;
  font-size: 12px;
  color: #000;
  vertical-align: middle;
}

.proyekdetail .bg,
.proyekdetail .bg_white {
  border: 1px solid #807474;
}
.proyekdetail .bg {
  background: #aeabab;
}
.proyekdetail .bg_white {
  background: #fff;
}
.proyekdetail .form-control {
  background: transparent;
  padding: 0;
  height: auto;
}
.hw_btn.mediadetail {
  background: #00b4c1;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 5px 15px;
}
.seablue {
  background: #5b9dd9;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
}
.seablue:hover {
  background: #3e709d;
  color: #fff;
}
.status_proyek {
  background: green;
  padding: 5px 15px;
  border-radius: 5px;
  color: #fff;
}
.status_proyek.closed {
  background: red;
}
.navbarperson {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ppnwrap,
.hiddenfield {
  display: none;
}
.ppnwrap.showppn {
  display: table-row;
}
[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{
  background-color:#009BDB
}
.nav.nav-treeview {
  background: #009BDB !important;
  padding: 8px 0px;
  border-radius: 0 0 5px 5px;
  margin-top: -4px;
}
aside.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-"] .sidebar .nav-link.active,.page-item.active .page-link{
  background-color:#ffad00 !important
}
.brand-text-first{
  background:#252D69
}
.page-item.active .page-link {
  border-color: #a99356;
}
.nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):hover i {
  color: #fff !important;
}
.listkustomer.dropdown-menu{
  top:31px;
  width:100%;
  max-width:100%;
  max-height:150px;
  overflow-y: scroll;
}
.listkustomer.dropdown-menu li{
  white-space: pre-wrap;
  border-bottom:1px solid #ccc
}
.tosabox_paket{
  max-width: 302px;
  text-align: center;
  margin-top: 10px;
  border-radius: 5px;
  padding: 8px;
}
.tosabox_paket.textgreen{
  background:green;
  color:#fff;
}
.tosabox_paket.textyellow{
  background:yellow;
}
.tosabox_paket.textred{
  background:red;
  color:#fff
}
.btn_new{
    display:inline-block;
    width:100px;
    border-radius:5px;
    padding:5px 15px;
    margin-bottom:5px;
    color:#fff;
    text-align:center
}
.btn_new:hover{
  color:#fff
}
.red_clr{
    background: red !important;
}
.orange_clr{
    background: orange !important;
}
.green_clr{
    background:green !important;
}
.blue_clr{
    background:#009bdb !important;
}
@media (max-width: 767px) {
  body,
  html {
    overflow-x: hidden;
  }
  .content-wrapper > .content {
    padding: 15px 0;
  }
  .card-header .col-sm-8 {
    width: 55%;
  }
  .card-header .col-sm-4 {
    width: 45%;
  }
}
@media (min-width: 768px) {
  .fordesktop {
    margin-left: 37%;
  }
}