html{background: #131313 !important;}
body{background: #131313 !important; color: #fff !important; /*border-bottom: 1px solid #292929 !important; */}

.smaller-75 {
    font-family: "Inter", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 400 !important;
}
.form-search .input-icon>.ace-icon{
    color: #424242!important;

}
.table-hover > tbody > tr:hover {
	background-color: #161616 !important;
}
#nav-search .nav-search-input, #navbar-container .form-control, #navbar-container select{background-color: #1a1a1a !important; color: #fff !important;border: 1px solid #292929 !important;}

#nav-search .nav-search-input::placeholder{color: #424242 !important;}

.ace-nav .btn-primary, .ace-nav .btn-primary.focus, .ace-nav .btn-primary:focus {
    background-color: #15416c!important;
    border-color: #295e92 !important;
}
.btn-group+.btn-sm, .btn-group>.btn-sm {
    border-width: 1px !important;
}
/* Target the pseudo-element for the Font Awesome icon */
.fa-angle-down:before {
    display: inline-block; /* Ensure it's treated as inline-block for transform */
    transition: transform 0.3s ease; /* Add smooth transition */
  }
  
  /* Rotate the icon on hover */
  .fa-angle-down:hover:before {
    transform: rotate(180deg); /* Rotate 180 degrees */
  }
  /* Stay rotated when .open class is active */
.open .fa-angle-down:before {
    transform: rotate(180deg);
  }
/* New Black */
.skin-3 .navbar, .ace-nav>li.grey>a, .main-content, .skin-3 .sidebar, .main-container, table {
	background: #131313 !important;
}
#navbar-container > div.navbar-buttons.navbar-header.navbar-collapse.collapse > ul > li.hidden-sm.hidden-xs > div > a:nth-child(1) > i, .fa-user-plus:before{display: none !important;}
#navbar-container > div.navbar-buttons.navbar-header.navbar-collapse.collapse > ul > li.hidden-sm.hidden-xs > div > a:nth-child(2){background-color: #202020 !important;border-color: #2f2f2f !important;margin: 0px 10px !important;}

.btn-group.btn-corner>.btn.btn-sm:last-child, .btn-group.btn-corner>.btn.btn-sm:first-child {
    border-radius: 6px !important;
}
.nav.nav-tabs.padding-18{float: left !important;}
.skin-3 .navbar {
    border-bottom: 1px solid #292929 !important;
}
.ace-nav>li {
    border-left: 0px!important;

}
.footer .footer-inner .footer-content {
    border-top: 1px solid #292929 !important;
}
body.skin-3 .main-container:before, .page-content .well{background: #131313 !important;}
.sidebar.sidebar-fixed:before{    height: auto !important; }

a{ cursor: pointer !important; }

#sidebar > ul > li.active > a {
    background-color: #161616 !important;
    color: #0270dd!important;
    border-radius: 0 20px 20px 0px !important;
    border: 1px solid #272727 !important;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    float: none !important;
    position: relative !important;
}
.navbar-fixed-top+.main-container {
    padding-top: 20px !important;
}
.skin-3 .nav-list>li.active:before {
    display: none !important;
}
.widget-box {
    border: 1px solid #292929 !important;
    border-radius: 5px !important;
}
table {
    background-color: #131313 !important;
}
@media all and (max-width: 1020px){
.navbar-buttons{margin-top: 15px !important;}
}

.navbar .navbar-brand{text-indent: -9999px !important; width: 245px; height: 54px !important;}
@media all and (min-width: 1001px){#navbar-container > div:nth-child(2){background-image: url("https://it.archaxis.com/images/archaxis-mantis.png") !important; display: block; width: 245px; height: 54px;margin: 10px; background-size: contain;}}
#sidebar > ul > li.active, .nav-list>li{background-color: #131313 !important;border-width: 0 !important;}
list li.active>a:before, .skin-3 .nav-list li.active>a:before{display: none !important;}
.skin-3 .sidebar{border-width: 0 0px 0 0 !important;}
.skin-3 .breadcrumbs{background-color: #131313 !important;}
.sidebar:before, .skin-3 .nav-list>li>a, .skin-3 .sidebar-toggle, .skin-3 .sidebar-toggle:before, .login-layout .widget-box .widget-main {background-color: #131313 !important;border-color: #131313 !important;}

.widget-color-blue2>.widget-header {
    background: #161616 !important;
    border-color: #292929 !important;
}

.widget-body, .widget-toolbox{background-color: #161616 !important;}
.skin-3 {
    background-color: #131313 !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0px solid #ddd !important;
}
.widget-body table, #dropzone-preview-template .dropzone{background-color: #161616 !important;}
#sidebar {
    position: relative !important;
    top: auto;
    float: left !important;
    z-index: 1027;
}
.page-content .widget-box{padding: 10px 10px 0px 5px !important; background-color: #161616 !important;}

.widget-color-blue2 {
    border-color: #292929 !important;
}
[class*=widget-color-]>.widget-body .table thead:first-child tr{background: #161616 !important;}

h1, h2, h3, h4, h5 {
    color: #fafafa !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    line-height: 20px !important;
}
.table-responsive {
    min-height: .01%;
    overflow-x: visible;
    width: 100%;
}

.collapse {
    display: block !important;
}

@media all and (max-width: 1024px) {
    .table-responsive table {
        width: 100% !important;
        table-layout: fixed;
    }

    .table-responsive th,
    .table-responsive td {
        white-space: normal !important;
        word-break: break-word;
    }
}
/* Ensure the navigation is visible on small screens by default */
@media all and (max-width: 767px) {
    .navbar-toggle.hidden-sm.hidden-md.hidden-lg {
        display: none !important;
    }

    .navbar-buttons.navbar-header.navbar-collapse,
    .navbar-menu.navbar-collapse {
        display: block !important;
    }

    .navbar-buttons.navbar-header.navbar-collapse.collapse,
    .navbar-menu.navbar-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }

    .navbar-buttons.navbar-header.navbar-collapse.collapse > ul.nav.ace-nav,
    .navbar-menu.navbar-collapse.collapse > ul.nav.ace-nav {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
}

#history > div.widget-body > div > div > table{background-color: #161616 !important;}
#breadcrumbs ul.breadcrumb{display: none !important;}

.skin-3 .page-content pre{
    background-color: #0f0f0f !important; /* Black background */
    color: #ffffff !important; /* Default white text */
    padding: 10px !important;
    border-radius: 5px !important;
    font-family: 'Courier New', Courier, monospace !important;
    overflow-x: auto !important;
    white-space: pre-wrap !important;
}

pre .php-keyword {
    color: #ff79c6; /* Pink for PHP keywords */
}

pre .php-variable {
    color: #50fa7b; /* Green for PHP variables */
}

pre .php-function {
    color: #8be9fd; /* Light blue for PHP functions */
}

pre .php-string {
    color: #f1fa8c; /* Yellow for strings */
}

pre .php-comment {
    color: #6272a4; /* Grey for comments */
}

pre .php-symbol {
    color: #ff5555; /* Red for symbols and operators */
}

code {
    padding: 2px 4px;
    font-size: 14px;
    color: #fff !important;
    background-color: #1f1f1f !important;
    border-radius: 4px;
}

#btn-scroll-up{display: none !important;}
.table-striped>tbody>tr{background-color: #161616!important;}

@media all and (max-width: 767px){#bugnote_add .table-responsive>.table>tbody>tr>td, #bugnote_add .table-responsive>.table>tbody>tr>th, #bugnote_add .table-responsive>.table>tfoot>tr>td, #bugnote_add .table-responsive>.table>tfoot>tr>th, #bugnote_add .table-responsive>.table>thead>tr>td, #bugnote_add .table-responsive>.table>thead>tr>th {
    white-space: normal !important;
}

.table-responsive{border: none !important;}
}

#openai_prompt,
#summary,
#description,
#steps_to_reproduce,
#additional_info {
    width: min(86vw, 86%) !important;
    max-width: 86% !important;
}

@media all and (max-width: 767px) {
    #openai_prompt,
    #summary,
    #description,
    #steps_to_reproduce,
    #additional_info {
        width: 100% !important;
        max-width: 100% !important;
    }
}

#report_bug_form label[for="steps_to_reproduce"],
#report_bug_form textarea#steps_to_reproduce,
#report_bug_form label[for="additional_info"],
#report_bug_form textarea#additional_info {
    display: none !important;
}

@supports selector(tr:has(#steps_to_reproduce)) {
    #report_bug_form tr:has(#steps_to_reproduce),
    #report_bug_form tr:has(#additional_info) {
        display: none !important;
    }
}

#report_bug_form .category{width: 7% !important;}

@media all and (max-width: 767px){
    .category{
        display: none !important;
    }
}
#report_bug_form > div > div.widget-body.dz-clickable > div.widget-main.no-padding > div > table > tbody > tr:nth-child(5){display: none !important;}
select, input{background-color: #1b1b1b !important; border: 1px solid #323232 !important;border-radius: 6px !important;}
select.input-sm{border-radius: 6px !important;}
.page-content input[type=url], .page-content input[type=search], .page-content input[type=tel], .page-content input[type=color], .page-content input[type=text], .page-content input[type=password], .page-content input[type=datetime], .page-content input[type=datetime-local], .page-content input[type=date], .page-content input[type=month], .page-content input[type=time], .page-content input[type=week], .page-content input[type=number], .page-content input[type=email], .page-content textarea {
    color: #f9f9f9 !important;
    background-color: #1b1b1b !important;
    border: 1px solid #323232 !important;
    border-radius: 6px !important;
}
.widget-header-small{padding-left: 0px !important;}
.fa-list-alt:before, .fa-clock-o:before{}
.badge, .label {
    background-color: #131313 !important;
    border: 1px solid #272727 !important;
}
.widget-toolbox:last-child, .widget-toolbox:first-child {
    border-top: 0px solid #323232 !important;
    border-bottom: 0px solid #CCC !important;
}
.page-content .alert-success, .page-content .alert-danger{
    color: #0470dd;
    background-color: #161616 !important;
    border-color: #292929 !important;
    border-radius: 6px;
}
.page-content .alert-danger {
    color: #ed1e45;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.page-content .bold {
    font-weight: normal;
}
.page-content td.bug-description{}
.main-container .btn.btn-bold, .main-container .btn.btn-round {
    border-bottom-width: 1px;
}
.main-container .btn-white.btn-primary.active, .main-container .btn-white.btn-primary:active, .main-container .btn-white.btn-primary:focus, .main-container .btn-white.btn-primary:hover, .main-container .open>.btn-white.btn-primary.active.dropdown-toggle, .main-container .open>.btn-white.btn-primary.dropdown-toggle, .main-container .btn-white.btn-primary{
    background-color: #15416c !important;
    border-color: #295e92 !important;
    color: #fff !important;
} 
/* Base style for the visible "checkbox" */
input[type=checkbox].ace + .lbl::before {
    content: "\a0"; /* Ensure the content is a blank space */
    background-color: #1b1b1b !important; /* Unchecked background */
    border: 2px solid #323232 !important; /* Consistent border width */
    border-radius: 6px !important; /* Rounded corners */
    width: 20px !important; /* Checkbox size */
    height: 20px !important;
    display: inline-block; /* Ensure the checkbox is visible */
    position: relative;
    top: 0;
    margin-right: 6px; /* Space between checkbox and label text */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    transition: all 0.2s ease-in-out; /* Smooth transitions */
}

/* Hover and focus states for checkbox */
input[type=checkbox].ace + .lbl:hover::before,
input[type=checkbox].ace:focus + .lbl::before {
    border-color: #428BDB !important;
}

/* Checked state */
input[type=checkbox].ace:checked + .lbl::before {
    background-color: #428BDB !important; /* Checked background */
    border: 2px solid #428BDB !important; /* Keep border consistent */
    color: #ffffff !important; /* Optional: Set the icon or text color */
    content: "\f00c"; /* FontAwesome checkmark (if available) */
    font-family: "FontAwesome"; /* Ensure FontAwesome is loaded */
    line-height: 18px !important; /* Align the checkmark */
}

/* Text styling for the label */
input[type=checkbox].ace + .lbl {
    vertical-align: middle;
    color: #ffffff; /* Label text color */
    font-size: 14px;
}

input[type=checkbox].ace + .lbl::before,
input[type=radio].ace + .lbl::before {
    top: -2px !important;
    line-height: 18px !important; /* Align the checkmark */
}

/* Radio button base styling */
input[type=radio].ace + .lbl::before {
    content: "";
    background-color: #1b1b1b !important;
    border: 2px solid #323232 !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

input[type=radio].ace + .lbl:hover::before,
input[type=radio].ace:focus + .lbl::before {
    border-color: #428BDB !important;
}

input[type=radio].ace:checked + .lbl::before {
    background-color: #1b1b1b !important;
    border-color: #428BDB !important;
    background-image: radial-gradient(circle at center, #428BDB 45%, transparent 46%);
}
.bug-status, .main-container option{text-transform: capitalize !important;}
.page-content .nav-tabs > li > a, .page-content .nav-tabs > li > a:focus{background-color: #15416c !important;
    border-color: #295e92 !important;
  }
  .page-content .nav-tabs>li.active>a, .page-content .nav-tabs>li.active>a:focus, .page-content .nav-tabs>li.active>a:hover{color: #fff !important;}
  .page-content .nav-tabs>li>a:hover{color: #0470dd !important;}
  .page-content .nav-tabs{ border-color: #295e92 !important;}
  .page-content .widget-header{background-image: none; background: transparent;}
  ::selection  {
    color: #fff !important; /* Changes the text color to white */
    background-color: #0470dd !important; /* Optional: Changes the background color */
    border-radius: 6px !important; /* Optional: Adds a border */
    padding: 5px; /* Optional: Adds padding for better appearance */
  }
  #navbar-container .dropdown-menu {
    background-color: #212021;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 6px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#navbar-container .dropdown-menu>li>a{color: #fff;}
#navbar-container .dropdown-yellow>li.active:hover>a, #navbar-container .dropdown-yellow>li.active>a, #navbar-container .dropdown-yellow>li:hover>a, #navbar-container .dropdown-yellow>li>a:active, #navbar-container .dropdown-yellow>li>a:focus{background: #0470dd;
    color: #fff;}
    #navbar-container  .list > li > a {
        color: #fff;
    }
    #navbar-container .dropdown-menu.dropdown-caret:after{border-bottom: 0px solid #212021; border: none;}
    #navbar-container .dropdown-menu.dropdown-caret-right.dropdown-caret:before,  #navbar-container .dropdown-menu.dropdown-menu-right.dropdown-caret:before{display: none;}

    #bug_action .pager>li.disabled>a, #bug_action .pager>li.disabled>a:hover, #bug_action .pagination>li.disabled>a, #bug_action .pagination>li.disabled>a:hover {
        background-color: #202020;
        border-color: #2f2f2f;
        z-index: auto;
    }
    #bug_action .pagination>li.active>a, #bug_action .pagination>li.active>a:focus, #bug_action .pagination>li.active>a:hover {
        background-color: #15416c;
        border-color: #295e92;

    }
    #bug_action .pager>li>a, #bug_action .pagination>li>a {
        border-color: #2f2f2f;
        color: #fff;
        background-color: #202020;

    }
  .skin-3 .sidebar-toggle>.ace-icon {
        background-color: #15416c !important;
        border-color: #295e92 !important;
        color: #fff !important;
    }
  body.skin-3 .nav-list>li.active, body.skin-3 .nav-list>li.active+li {
        border-color: #0270dd!important;
    }
    body.skin-3 .nav-list>li.open:before, body.skin-3 .nav-list>li:hover:before {
        background-color: #0270dd!important;
    }
    body.skin-3 .nav-list>li:hover>a {
        color: #0270dd;
    }

/* -----------------------------------------------------------
   Hide issue meta rows on mobile
   Added: 2025-10-19 19:17:19
   Hides header/data/status/reporter/etc. rows to simplify layout
----------------------------------------------------------- */
@media (max-width: 767px) {
  body#view-issue-page.skin-3 tr.bug-header,
  body#view-issue-page.skin-3 tr.bug-header-data,
  body#view-issue-page.skin-3 tr.spacer,
  body#view-issue-page.skin-3 tr .bug-reporter.category,
  body#view-issue-page.skin-3 tr .bug-reporter,
  body#view-issue-page.skin-3 tr .bug-assigned-to.category,
  body#view-issue-page.skin-3 tr .bug-assigned-to,
  body#view-issue-page.skin-3 tr .bug-priority.category,
  body#view-issue-page.skin-3 tr .bug-priority,
  body#view-issue-page.skin-3 tr .bug-severity.category,
  body#view-issue-page.skin-3 tr .bug-severity,
  body#view-issue-page.skin-3 tr .bug-reproducibility.category,
  body#view-issue-page.skin-3 tr .bug-reproducibility,
  body#view-issue-page.skin-3 tr .bug-status.category,
  body#view-issue-page.skin-3 tr .bug-status,
  body#view-issue-page.skin-3 tr .bug-resolution.category,
  body#view-issue-page.skin-3 tr .bug-resolution,
  body#view-issue-page.skin-3 tr .bug-date-submitted,
  body#view-issue-page.skin-3 tr .bug-last-modified,
  body#view-issue-page.skin-3 tr .bug-view-status,
  body#view-issue-page.skin-3 tr .bug-category,
  body#view-issue-page.skin-3 tr .bug-project,
  body#view-issue-page.skin-3 tr .bug-id {
    display: none !important;
    visibility: hidden !important;
  }
}


/* -----------------------------------------------------------
   Hide description, summary, and tags rows on mobile
   Added: 2025-10-19 19:24:12
   Removes tag attach section and redundant headers for small screens
----------------------------------------------------------- */
@media (max-width: 767px) {
  body#view-issue-page.skin-3 th.category,
  body#view-issue-page.skin-3 tr .bug-tags.category,
  body#view-issue-page.skin-3 tr .bug-tags,
  body#view-issue-page.skin-3 tr.bug-tags,
  body#view-issue-page.skin-3 tr.noprint .bug-attach-tags.category,
  body#view-issue-page.skin-3 tr.noprint .bug-attach-tags {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Ensure interactive action rows remain available on mobile */
@media (max-width: 767px) {
  body#view-issue-page.skin-3 tr.noprint .btn {
    display: inline-block !important;
    visibility: visible !important;
  }
}