html {
    background: #f4f4fe;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding-top: 60px;
    background: #f4f4fe;
    color: #333333;
}

@page {
    size: A3;
    margin: 1cm;
}

@media (max-width: 979px) {
    body {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

a {
    color: #7d0fbd;
    text-decoration: none;
}

a:hover {
    color: #261429;
    text-decoration: none;
}

.navbar-collapse.in {
    display: block !important;
}

.alert-primary
{
    background-color: #e8e6f2;
    color: #333333;
    border: 1px solid #d4d0e5;
}

.nav-link {
    padding: .5rem 1rem;
}

element.style {
    font-size: 14px;
}

.card-body {
    padding: 1.0rem;
}

/* Hover color already defined above */

.btn-link {
    color: #7d0fbd;
}

.btn-link:hover {
    color: #261429;
}

.page-link {
    background-color: #ffffff;
    color: #7d0fbd;
    border: 1px solid #e0e0e8;
}

.page-link:hover {
    background-color: #7d0fbd;
    color: #ffffff;
}

.page-link-active {
    background-color: #7d0fbd;
    color: #ffffff;
}

.text-success {
    color: #62c462!important
}

.text-sucess:hover {
    color: #62c462
}

.page-item.active .page-link {
    z-index:3;
    color:#fff;
    background-color:#7d0fbd;
    border-color:#7d0fbd;
}

footer {
    background: transparent;
    margin: 40px 0 0;
    padding: 20px 0 15px;
    width: 100%;
    color: #666666;
}
footer a:link, footer a:visited {
    color: #7d0fbd;
    text-decoration: none;
}
footer a:hover {
    color: #261429;
    text-decoration: underline;
}
#footer-extra {
    background: transparent;
    padding: 10px 0;
    font-size: 11px;
    color: #666666;
}
#footer-extra a:link, #footer-extra a:visited {
    color: #7d0fbd;
    font-weight: bold;
    text-decoration: none;
}
#footer-extra a:hover {
    color: #261429;
    text-decoration: underline;
}
.center {
    text-align: center;
}
.mono {
    font-family: monospace;
    font-size: medium;
}
.content {
    background-color: white;
    padding: 40px;
    padding-top: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
}
.section-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-bottom: 3px;
}
span.block-title {
    font-size: 18px;
    font-weight: bold;
}
img.opaque {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
img.opaque:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.gray {
    color: #666;
}
.table-centered {
    margin: 0 auto !important;
    float: none !important;
}
.table-bordered tfoot th, .table-bordered tfoot td {
    border-top: 4px solid #444;
}
a.tag-label {
    color: white;
}

h4, .h4 {
    font-size: 18px;
}

/* Windows API categories */
.filesystem {
    background-color: #ffe3c5;
    color: black;
}
.registry {
    background-color: #ffc5c5;
    color: black;
}
.process {
    background-color: #c5e0ff;
    color: black;
}
.threading {
    background-color: #d3e0ff;
    color: black;
}
.services {
    background-color: #ccc5ff;
    color: black;
}
.device {
    background-color: #d3c5cc;
    color: black;
}
.network {
    background-color: #d3ffc5;
    color: black;
}
.socket {
    background-color: #d3ffc5;
    color: black;
}
.synchronization {
    background-color: #f9c5ff;
    color: black;
}
.browser {
    background-color: #dfffdf;
    color: black;
}
.crypto {
    background-color: #f0f2c5;
    color: black;
}
/* Linux Syscall Categories */
.kernel {
    background-color: #ffc5c5;
    color: black;
}

.fs {
    color: black;
    background-color: #ffe3c5;
}

.mm {
    background-color: #d3ffc5;
    color: black;
}

.net {
    background-color: #c5e0ff;
    color: black;
}

.ipc {
    background-color: #d3e0ff;
    color: black;
}

.security {
    background-color: #ccc5ff;
    color: black;
}

.drivers {
    background-color: #d3c5cc;
    color: black;
}

.io_uring {
    background-color: #f9c5ff;
    color: black;
}

.block {
    background-color: #dfffdf;
    color: black;
}

.system {
    background-color: #fffcc5;
    color: black;
}
.windows {
    background-color: #ffc5ee;
    color: black;
}
.page-header {
    margin-bottom: 10px;
}
.filter-box {
    display : none;
    padding-top: 15px;
	height : auto;
	width : 40%;
}
/* Nav Tabs Styling */
.nav-tabs {
    border-bottom: 2px solid #e8e6f2;
}

.nav-tabs .nav-link {
    color: #7d0fbd;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: none;
}

.nav-tabs .nav-link:hover {
    color: #7a3d85;
    background-color: #f8f7fc;
    border-color: #e8e6f2 #e8e6f2 #fff;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #7d0fbd;
    background-color: #f8f7fc;
    border-color: #d4d0e5 #d4d0e5 #f8f7fc;
    font-weight: bold;
}

/* Active tab click/focus state */
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:focus {
    color: #7d0fbd !important;
    background-color: #f8f7fc !important;
    border-color: #d4d0e5 #d4d0e5 #f8f7fc !important;
    outline: none;
}

/* Fix the icon tab override */
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"] { 
    color: #7d0fbd !important;
}

td {
    word-wrap: break-word;
}

.tab-content {
    margin-top: 25px;
}

.row-active {
    background-color:darkred;
}

pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.extracted-config > table > tbody > tr > td {
    font-family: monospace;
    font-size: 87.5%;
}

.tcp-flow {
    list-style-type: none;
}
.tcp-flow li {
    margin-bottom: 20px;
}
.tcp-out {
}
.tcp-out pre {
    padding: 0;
    border: 0;
    /*background-color: white;*/
    color: #d9534f;
}
.tcp-in {
    padding-left: 100px;
}
.tcp-in pre {
    padding: 0;
    border: 0;
    /*background-color: white;*/
    color: #5bc0de;
}
.filter-toggle {
    display: inline-block;
    cursor: pointer;
}

.form-control {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #d4d0e5;
}

.form-control:focus {
background-color: #ffffff;
border-color: #7d0fbd;
box-shadow: 0 0 0 0.2rem rgba(98, 48, 107, 0.25);
}

/* Back to top button hover */
#back-to-top:hover {
    background-color: #813d8a;
    color: #fff;
    box-shadow: 0 4px 12px rgba(98, 48, 107, 0.3);
}

/* Dropdown menu hover states - minimal effect */
.dropdown-item:hover {
    background-color: #f5f5f5 !important;
}

/* Button Styles */
.btn-primary {
    background-color: #7d0fbd;
    border-color: #7d0fbd;
    color: white;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #7a3d85 !important;
    border-color: #7a3d85 !important;
    color: white !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #7d0fbd !important;
    border-color: #7d0fbd !important;
    color: white !important;
    transform: none !important;
    box-shadow: none !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(98, 48, 107, 0.25);
}

.btn-secondary {
    background-color: #e8e6f2;
    border-color: #d4d0e5;
    color: #333333;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #d4d0e5 !important;
    border-color: #c2bdd8 !important;
    color: #333333 !important;
}

.btn-success {
    background-color: #62c462;
    border-color: #62c462;
    color: #ffffff;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #4db84d;
    border-color: #4db84d;
    color: #ffffff;
}

.btn-danger {
    background-color: #ee5f5b;
    border-color: #ee5f5b;
    color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #e9322d;
    border-color: #e9322d;
    color: #ffffff;
}

.btn-warning {
    background-color: #f89406;
    border-color: #f89406;
    color: #ffffff;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #df8505;
    border-color: #df8505;
    color: #ffffff;
}

.btn-info {
    background-color: #5bc0de;
    border-color: #5bc0de;
    color: #ffffff;
}

.btn-info:hover,
.btn-info:focus {
    background-color: #31b0d5;
    border-color: #31b0d5;
    color: #ffffff;
}

.btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #333333;
}

.btn-light:hover,
.btn-light:focus {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #333333;
}

.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #ffffff;
}

.btn-dark:hover,
.btn-dark:focus {
    background-color: #23272b;
    border-color: #1d2124;
    color: #ffffff;
}

/* Card Styles for AuspicesAI Light Theme */
.card {
    background-color: #ffffff;
    border: 1px solid #e0e0e8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.card:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.card-header {
    background-color: #f8f7fc;
    border-bottom: 1px solid #e0e0e8;
    color: #333333;
}

.card-footer {
    background-color: #f8f7fc;
    border-top: 1px solid #e0e0e8;
    color: #666666;
}

/* List Group Items in Cards */
.list-group-item {
    background-color: #ffffff;
    border: 1px solid #e0e0e8;
    color: #333333;
}

.list-group-item:hover {
    background-color: #f8f7fc;
}

.list-group-item.active {
    background-color: #7d0fbd;
    border-color: #7d0fbd;
    color: #ffffff;
}

/* Table Styles */
.table {
    color: #333333;
}

.table-hover tbody tr:hover {
    background-color: #f8f7fc !important;
    color: #333333 !important;
}

.table-hover tbody tr:hover td {
    background-color: #f8f7fc !important;
    color: #333333 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(248, 247, 252, 0.5);
}

/* API Table Specific Hover Fix */
.datatable-table tbody tr:hover,
.datatable-table tbody tr:hover td {
    background-color: #f8f7fc !important;
    color: #333333 !important;
}

/* Bootstrap Table Override */
.table tbody tr:hover {
    background-color: #f8f7fc !important;
    color: #333333 !important;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
    background-color: #f8f7fc !important;
    color: #333333 !important;
}

/* Badge Styles */
.badge-primary {
    background-color: #7d0fbd;
    color: #ffffff;
}

.badge-secondary {
    background-color: #e8e6f2;
    color: #333333;
}

.badge-success {
    background-color: #62c462;
    color: #ffffff;
}

.badge-danger {
    background-color: #ee5f5b;
    color: #ffffff;
}

.badge-warning {
    background-color: #f89406;
    color: #ffffff;
}

.badge-info {
    background-color: #5bc0de;
    color: #ffffff;
}

/* Progress Bar Styles */
.progress {
    background-color: #f3f4f6;
}

.progress-bar {
    background-color: #7d0fbd;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #7d0fbd;
}

::-webkit-scrollbar-thumb:hover {
    background: #7a3d85;
}

/* General Link and Button Hover Fixes */
a.btn:hover,
a.btn:focus {
    text-decoration: none !important;
}

/* Submit Form Button Styles */
.btn[type="submit"],
button[type="submit"],
input[type="submit"] {
    background-color: #7d0fbd !important;
    border-color: #7d0fbd !important;
    color: white !important;
}

.btn[type="submit"]:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background-color: #7a3d85 !important;
    border-color: #7a3d85 !important;
    color: white !important;
}

/* Override all button hover states */
.btn:hover,
.btn:focus {
    opacity: 1 !important;
}

.btn:active {
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Ensure all primary buttons have consistent hover */
[class*="btn-primary"]:hover {
    background-color: #7a3d85 !important;
    border-color: #7a3d85 !important;
    color: white !important;
}

/* Link buttons hover state */
.btn-link:hover {
    color: #6D28D9 !important;
    text-decoration: none !important;
}

/* Table action links */
td a:hover,
.table a:hover {
    color: #6D28D9 !important;
    text-decoration: underline !important;
}