/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    background: #1a386a !important;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Additional resets */
* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

button, input, select, textarea {
    margin: 0;
    font-family: inherit;
}

img, svg {
    vertical-align: middle;
}

/* Remove autofill background color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.navbar-custom.header.d-flex.align-items-center.h-13.px-4 {
    background: #15264c !important;
}

.bg-base-700 {
  background-color: #15264c !important;
}

.bg-base-500 {
  background-color: #3f4b61 !important;
}

.nav-item-active, .dropdown-item-active {
    background-color: #091530 !important;
}

.header img {
    height: 50px !important;
}

.card.mt-23.\!py-4.\!px-5 {
    background: #14264c !important;
}

.bg-bima-base-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(44 60 94) !important;
}

.bg-primary-1, .bg-primary-600 {
    background-color: #4F8CFF !important;
}

svg.h-\[18px\].w-\[18px\].text-base-300 {
    color: #c1c3c8 !important;
}

.text-base-100 {
    color: #c1c3c8 !important;
}

.domain-icon {
    background: #4f8cff !important;
}

button#prev-page {
    background: #2c3c5f !important;
}

button#next-page {
    background: #2c3c5f !important;
}

.text-primary-1 {
    color: #4f8cff !important;
}

.border-primary-1 {
    border-color: #4f8cff !important;
}

.form-check-input:checked {
    background-color: #4f8cff !important;
    border-color: #4f8cff !important;
}

button.swal2-confirm.swal2-styled {
    background: #4f8cff !important;
}

.form-check.form-check-primary .form-check-input:checked {
    border: 3px solid #11151E !important;
    background-color: #4f8cff !important;
    background-image: none !important;
}

.border-primary-600 {
    border-color: #4f8cff !important;
}

.nav-bordered a.active {
    border-color: #ffffff !important;
}

.nav-link.active {
    color: #ffffff !important;
}

.text-primary-600 {
    color: #4f8cff  !important;
}

.nav-link.active {
    border-color: #c6c9ce !important;
}

.bima-text-green {
    color: #4f8cff !important;
}

tr.\[\&\>th\]\:\!border-b-0.text-bima-base-200 {
    background: #091530 !important;
    color: #c1c3c8 !important;
}

td {
    background: #13264c !important;
}

.badge-outline-primary {
    color: #4f8cff !important;
    border: 1px solid #4f8cff !important;
}

.text-\[\#25A6A6\] {
    color: rgb(79 140 255) !important;
}

.page-item.active .page-link {
    background-color: #4f8cff !important;
    border-color: #4f8cff !important;
}

.dt--bottom-section.d-sm-flex.justify-content-sm-between.text-center {
    background: #091530 !important;
}

.text-bima-primary {
    color: rgb(79 140 255) !important;
}

.table {
    --bs-table-bg: #091530 !important;
    --bs-table-striped-bg: ##13264c !important;
    --bs-table-striped-color: #fff !important;
    --bs-table-active-bg: #13264c !important;
    --bs-table-active-color: #13264c !important;
    --bs-table-hover-bg: #303c4f !important;
    --bs-table-hover-color: #303c4f !important;
    color: #343a40 !important;
}

.table-success {
    --bs-table-bg: #091530 !important;
    --bs-table-striped-bg: ##13264c !important;
    --bs-table-striped-color: #fff !important;
    --bs-table-active-bg: #13264c !important;
    --bs-table-active-color: #13264c !important;
    --bs-table-hover-bg: #303c4f !important;
    --bs-table-hover-color: #303c4f !important;
    color: #343a40 !important;
}

.modal-header.\!bg-bima-base-900 {
    background: #091530 !important;
}

.modal-body.min-h-\[calc\(100vh_-_48px\)\].max-h-\[calc\(100vh_-_48px\)\].overflow-y-auto {
    background: #13264c !important;
}

.\[\&\.active\]\:\!text-bima-base-800.active {
    color: #fefefe !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #4f8cff !important;
}

button#pills-comment-tab {
    color: #ffffff !important;
}

.bg-bima-base-600 {
    background-color: rgb(44 60 94) !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b52cc !important;
    border-color: #4f8cff !important;
}

.modal-content.bg-bima-base-700.text-bima-base-50 {
    background: #1b2230 !important;
}

.bg-\[\#11151E\] {
    background-color: rgb(19 38 76) !important;
}

.bg-\[\#161C27\] {
    background-color: rgb(18 29 52) !important;
}

/* Subdomain tab content styles */
/* Search input styling */
#subdomain-search-input .search-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c1c3c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
}

#subdomain-search-input .input-group {
  max-width: 320px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

#subdomain-search-input .form-control {
  height: 38px;
  background-color: #3f4b61 !important;
  color: #c1c3c8 !important;
  box-shadow: none;
  outline: none;
}

#subdomain-search-input .form-control:focus {
  box-shadow: none;
  border-color: #4F8CFF;
}

#subdomain-search-input .form-control::placeholder {
  color: #8b8e96;
  opacity: 0.8;
}

#subdomain-search-button {
  height: 38px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Table styling improvements */
.table.style-3.table-hover {
  background-color: #13264c !important;
  border-radius: 8px;
  overflow: hidden;
}

.table.style-3.table-hover thead th {
  background-color: #091530 !important;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 14px;
  color: #c1c3c8 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.table.style-3.table-hover tbody td {
  padding: 10px 15px;
  vertical-align: middle;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: #c1c3c8;
  font-size: 14px;
}

.table.style-3.table-hover tbody tr:hover td {
  background-color: #303c4f !important;
}

/* Badge styling */
.badge {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
}

/* Status indicator styling */
.status-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.status-success {
  background-color: #4F8CFF;
}

.space-y-1\.5 {
    background: #1a386a !important;
}

td {
    background: #1a386a !important;
}

.btn-outline-primary {
    color: #4f8cff;
    border-color: #4f8cff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1b52cc !important;
    border-color: #4f8cff !important;
}

tr {
    color: #c1c3c8 !important;
}

a.px-4.py-2.text-sm.font-medium.text-white.bg-\[rgb\(48\,135\,135\)\].rounded-md.hover\:bg-\[rgb\(38\,108\,108\)\] {
    background: #4f8cff !important;
}

a.btn.btn-secondary.w-100.\!p-3.leading-20 {
    background: #b98a4b !important;
}

.bg-base-800 {
    background-color: #15264c !important;
}

.card-body.\!p-4.space-y-4 {
    background: #13264c !important;
}

button#proxy-configuration-target {
    background: #4f8cff !important;
}

.card-body.space-y-4 {
    background: #13264c !important;
}

button.btn.rounded-md.bg-bima-primary.text-white.submit-fn.mt-2.float-end.\!p-3.text-base.font-semibold {
    background: #4f8cff !important;
}

.card-body.\!p-4 {
    background: #13264c !important;
}

input#report-settings-target {
    background: #4f8cff !important;

}

.text-bima-primary-600 {
    color: rgb(79 140 255) !important;
}

.content-page.overflow-y-auto.overflow-x-hidden.mt-0.px-0 {
    background: #1a386a !important;
}

.content {
    background: #1a386a !important;
}

.stat-card {
    background: linear-gradient(145deg, #1a386a, #1a386a) !important;
}

.search-box input {
    background: #3f4c61 !important;
}

.filter-btn {
    background: #3f4c61 !important;
}

.add-module-btn {
    background: linear-gradient(145deg, #4f8cff, #4f8cff) !important;
}

.add-module-btn:hover {
    background: linear-gradient(145deg, #4f8cff, #4f8cff) !important;
}

.module-card {
    background: linear-gradient(145deg, #1a386a, #1a386a) !important;
}

.type-default {
    background: #508dff !important;
}

.feature-active {
    color: #508dff !important;
}

.btn-edit {
    background: linear-gradient(145deg, #4f8cff, #4f8cff) !important;
}


.btn-edit:hover {
    background: linear-gradient(145deg, #4f8cff, #4f8cff) !important;
}

.card.animate-fade-in {
    background: #1b396a !important;
}

.bg-gray-800 {
    background-color: rgb(19 38 76) !important;
}

code {
    color: #4f8cff !important;
}

.config-tab.active {
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
}

input.form-control {
    background: #2c3c5e !important;
}

.config-section {
    background: #13264c !important;
}

.switch-container {
    background: #2c3c5e !important;
}

button.btn.bg-bima-primary.text-white.submit-fn.rounded-lg.flex.items-center {
    background: #4f8cff !important;
}

.bg-gray-800 {
    background-color: rgb(19 38 76) !important;
}

.alert-info {
    color: #4f8cff !important;
}

.card.mt-4.\!py-4.\!px-5 {
    background: #14264c !important;
}