/* WSM Theme - Dark blue from wavechurch.co.za */
:root,
[data-bs-theme="light"] {
  --bs-primary: #112D3F;
  --bs-primary-rgb: 17, 45, 63;
  --bs-header-bg-color: #112D3F;
  --bs-header-navs-tab-color-default: #8FAABB;
}

.bg-primary {
  background-color: #112D3F !important;
}

.btn-primary {
  background-color: #112D3F;
  border-color: #112D3F;
}

.btn-primary:hover {
  background-color: #0D2230;
  border-color: #0D2230;
}

/* DataTables 2.x stripe fix - use border-bottom instead of box-shadow */
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  box-shadow: none !important;
}

table.dataTable > tbody > tr {
  border-bottom: 1px solid #e9ecef;
}

table.dataTable > tbody > tr:nth-child(odd) > td {
  background-color: rgba(17, 45, 63, 0.03);
}

.dt-scroll-body {
  background: none !important;
}

.bootbox-close-button {
  border: 0;
  background: #ffffff;
  float: right;

}
.loginpage body {

    background-image: url("paper.gif");
    background-color: #cccccc;

}
div.dataTables_paginate {
  display: none;
}
div.dataTables_length {
  display: none;
}

.top5 {
  margin-top: 5px;
}
.top7 {
  margin-top: 7px;
}
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}
.top17 {
  margin-top: 17px;
}
.top20 {
  margin-top: 20px;
}
.top30 {
  margin-top: 30px;
}

.bottom5 {
  margin-bottom: 5px;
}
.bottom7 {
  margin-bottom: 7px;
}
.bottom10 {
  margin-bottom: 10px;
}
.bottom15 {
  margin-bottom: 15px;
}
.bottom17 {
  margin-bottom: 17px;
}
.bottom20 {
  margin-bottom: 20px;
}
.bottom30 {
  margin-bottom: 30px;
}

.left5 {
  margin-left: 5px;
}
.left7 {
  margin-left: 7px;
}
.left10 {
  margin-left: 10px;
}
.left15 {
  margin-bottom: 15px;
}
.left17 {
  margin-left: 17px;
}
.left20 {
  margin-left: 20px;
}
.left30 {
  margin-left: 30px;
}
.right5 {
  margin-right: 5px;
}
.right7 {
  margin-right: 7px;
}
.right10 {
  margin-right: 10px;
}
.right15 {
  margin-right: 15px;
}
.right17 {
  margin-right: 17px;
}
.right20 {
  margin-right: 20px;
}
.right30 {
  margin-right: 30px;
}

.xcloak {
  display: none !important;
}
.dts_label {
  visibility: hidden;
}

/* Status-based styling for dropdown options */
.status-inactive {
  color: #dc3545 !important; /* Bootstrap danger red */
  font-weight: 500;
}

.status-active {
  color: #198754; /* Bootstrap success green */
}

/* Dropdown option styling */
option.status-inactive {
  color: #dc3545 !important;
  background-color: #fff5f5 !important;
}

option.status-active {
  color: #198754 !important;
}