.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #FFF !important;
  color: #000;
}
.btn-text {
  cursor: default !important;
}
[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: #ccc !important;
}
.main-sidebar {
  background-color: #000 !important;
}
.thtd-wordbreak {
  word-wrap: break-word !important;
  max-width: 180px;
  white-space: normal !important;
  word-break: break-all !important;
  font-size: 14px !important;
  min-width: 140px !important;
}
.break-words {
  word-break: break-all;
  word-wrap: break-word;
  white-space: break-spaces;
}
.hide {
  display: none !important;
}
.table thead th {
  text-align: center !important;
  vertical-align: middle !important; 
}
.card-body.p-0 .table thead>tr>th:first-of-type {
  padding-left: .6rem !important;
  padding-right: .6rem !important;
}
.table td {
  padding: .5rem .4rem!important;
}
.border-left-danger {
  border-left: .25rem solid #dc3545!important;
}
.border-left-primary {
  border-left: .25rem solid #4e73df!important;
}
.border-left-success {
  border-left: .25rem solid #1cc88a!important;
}
.border-left-info {
  border-left: .25rem solid #36b9cc!important;
}
.border-left-warning {
  border-left: .25rem solid #f6c23e!important;
}
.text-gray-300 {
  color: #dddfeb!important;
}
.text-gray-800 {
  color: #5a5c69!important;
}
.bg-grey {
  background-color: rgba(0,0,0,.03);
}
.m-20 {
  margin: 20px;
}
.m-10 {
  margin: 10px;
}
.table-extra th {
  text-align: center;
  padding: 12px 6px;
  font-size: 15px;
}
.fa-add-new {
  font-size: 60px;
  position: fixed;
  bottom: 80px;
  right: 70px;
  color: #007bff;
}
.jl-bg-primary {
  background-color: #000;
}
body {
  background-color: #000;
}
.wrapper {
  background-color: #000;
}
.content-wrapper {
  background-color: #000;
  padding: 0px !important;
}
.content-wrapper-inner {
  background-color: #FFF;
  margin-right: 10px;
  border-radius: 20px;
  min-height: 800px;
  padding: 1rem;
}
.main-footer {
  background-color: #000;
  border: none !important;
  color: #EFEFEF;
}
.navbar-light .navbar-nav .nav-link {
  color: #FFF;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #bb060e;
}
.card-fambam {}





@media only screen and (max-width: 1000px) {
  .fa-add-new {
    font-size: 50px;
    position: fixed;
    bottom: 60px;
    right: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .fa-add-new {
    font-size: 40px;
    position: fixed;
    bottom: 30px;
    right: 25px;
    color: #007bff;
  }
}
.invalid-feedback.offset-md-2 {
  padding-left: 10px;
}
.pagination {
  margin-bottom: 0rem;
}
.pagination .page-link {
  padding: .25rem .5rem !important;
}
.table-extra td {
  padding: .5rem .4rem!important;
  vertical-align: middle !important;
  font-size: 15px;
}
.span-extra.text-danger {
  display: block !important;
  font-size: 75%;
}
.btn-tooltip {
  width: 37px;
  height: 37px;
}
.card-body.p-0 .table tbody>tr>td:first-of-type, .card-body.p-0 .table tbody>tr>th:first-of-type, .card-body.p-0 .table thead>tr>td:first-of-type, .card-body.p-0 .table thead>tr>th:first-of-type {
  padding-left: 1rem;
  padding-right: 1rem;
}
.btn-link.extra {
  border: 1px solid #f2f3fc;
  background-color: #f2f3fc;
}
.btn-link.extra:hover {
  border: 1px solid #e9ecef;
  background-color: #e9ecef;
}
.white{
  color:white !important;
}
.invalid-feedback.offset-md-3 {
  padding-left: 10px;
}