.sidebar{
    background-color: #000 !important;
}

.btn-primary, .bg-primary, [class*=sidebar-dark] .brand-link, .card-primary:not(.card-outline)>.card-header, .page-item.active .page-link{
    background-color: #002B64 !important;
}

.btn-warning{
    background-color: #FAD142 !important;
}

.btn-info{
    background-color: #57A1E8 !important;
}

.btn-success{
    background-color: #3AB54A !important;
}

.btn-danger{
    background-color: #F57E29 !important;
}

a:not(.brand-link):not(.nav-link):not(.btn):not(.dropdown-item):not(.page-link):not(.list-group-item) {
    color: #F57E29 !important;
}

a:not(.brand-link):not(.nav-link):not(.btn):not(.dropdown-item):not(.page-link):not(.list-group-item):hover{
    color:#002B64 !important;
}

.table.dataTable thead tr th{
    background-color: #002B64 !important;
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: #F57E29 !important;
}

.table thead th{
    vertical-align: middle !important;
    text-align: center !important;
}

table.table.dataTable{
    border-collapse: collapse !important;
}

input[type=file]{
    display: block;
    background-color: #eee;
    width: 100%;
    padding: 5px 10px;
}

.badge-outer {
  width: 35px;
  height: 40px;
  background: linear-gradient(to bottom, #FAD142, #F57E29);
  clip-path: polygon(100% 0, 100% 75%, 51% 100%, 0 76%, 0 0);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px; /* border thickness */
  box-sizing: border-box;
  border-radius: 2px;
}

.badge-inner {
  width: 100%;
  height: 100%;
  background: white;
  clip-path: polygon(100% 0, 100% 75%, 51% 100%, 0 76%, 0 0);
  overflow: hidden;
}

.badge-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.badge-large{
    width: 70px;
    height: 80px;
    padding: 5px;
}

.dt-bootstrap4 .dt-scroll-head{display: none}
.dt-bootstrap4.dt-fixed .dt-scroll-head{display: block !important}
/* .dt-bootstrap4.dt-non-double .dt-scroll-head{display: block} */
/* .dt-bootstrap4 .dt-scroll-body table thead{display: none; margin-top:-30px !important} */