.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: #a89256 !important;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(166, 158, 132, 0.4);
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover{
  background: #a89256 !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:#6c5106 !important
}
.hw_btn_pad.btn-primary {
  background-color: #567d7b !important;
}
input, input.form-control{
  background-image:linear-gradient(to top, #a99356 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
}
@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%;
  }
}