/* Style theme for Nagios XI Neptune */


@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-Regular.otf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-Bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-SemiBold.otf');
    font-weight: 600; 
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-Black.otf');
    font-weight: 900; 
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-Thin.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-UltraLight.otf');
    font-weight: 200; 
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('../../fonts/Geist-UltraBlack.otf');
    font-weight: 950;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-Regular.otf') format('opentype'),
         url('../../fonts/GeistMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-Bold.otf') format('opentype'),
         url('../../fonts/GeistMono-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-SemiBold.otf') format('opentype'),
         url('../../fonts/GeistMono-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-Black.otf') format('opentype'),
         url('../../fonts/GeistMono-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-Light.otf') format('opentype'),
         url('../../fonts/GeistMono-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-Medium.otf') format('opentype'),
         url('../../fonts/GeistMono-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-Thin.otf') format('opentype'),
         url('../../fonts/GeistMono-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-UltraBlack.otf') format('opentype'),
         url('../../fonts/GeistMono-UltraBlack.woff2') format('woff2');
    font-weight: 950;
    font-style: normal;

}

@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMono-UltraLight.otf') format('opentype'),
         url('../../fonts/GeistMono-UltraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
         
@font-face {
    font-family: 'Geist Mono';
    src: url('../../fonts/GeistMonoVariableVF.ttf') format('truetype'),
    url('../../fonts/GeistMonoVariableVF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}
select {
    font-family: "Geist",sans-serif;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    cursor: default;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: 200;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

body div#contentWrapper {
    font-family: 'Geist';
}

/* Rules for sizing the icon. */
.material-symbols-outlined.md-rem { font-size: 1rem; }
.material-symbols-outlined.md-16 { font-size: 16px; }
.material-symbols-outlined.md-18 { font-size: 18px; }
.material-symbols-outlined.md-20 { font-size: 20px; }
.material-symbols-outlined.md-22 { font-size: 22px; }
.material-symbols-outlined.md-24 { font-size: 24px; }
.material-symbols-outlined.md-36 { font-size: 36px; }
.material-symbols-outlined.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-symbols-outlined.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-symbols-outlined.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-symbols-outlined.md-light { color: rgba(255, 255, 255, 1); }
.material-symbols-outlined.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-symbols-outlined.md-ok { color: var(--md-ok); }
.material-symbols-outlined.md-critical { color: var(--md-critical); }
.material-symbols-outlined.md-warning { color: var(--md-warning); }
.material-symbols-outlined.md-pending { color: var(--md-pending); }

.material-symbols-outlined.md-action { color: var(--foreground); }
.material-symbols-outlined.md-button {
    padding: 4px;
    border-radius: var(--radius);
    transition: color 0.3s ease;
}

.material-symbols-outlined.md-button:hover {
    background-color: var(--muted);
    color:var(--foreground);
    transition: background-color 300ms ease, color 300ms ease;
    -ms-transition: background-color 300ms ease, color 300ms ease;
    -webkit-transition: background-color 300ms ease, color 300ms ease;
}

.material-symbols-outlined.md-pointer:hover { cursor: pointer };

/* Font Sizes */

.text-giant {
    font-size: 48px;
}

.text-huge {
    font-size: 32px;
}

.text-large {
    font-size: 24px;
}

.text-big {
    font-size: 20px;
}

.text-regular {
    font-size: 16px;
}

.text-medium {
    font-size: 14px;
}

.text-small{
    font-size: 12px !important;
}

.text-tiny {
    font-size: 10px;
}

body, body.child, body.parent, body.page-monitoringwizard { 
    background-color: var(--background);
    color: var(--foreground);
    margin-left: 10%;
    margin-right: 10%;
    margin-top:3vh;
    font-family:"Geist";
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.page-monitoringwizard {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 1439px) {
    body, body.child, body.parent {
        margin-left: 3%;
        margin-right: 3%;
    }
}

body.login {
    margin-left: 0%;
    margin-right: 0%;
}

#footer { background: var(--secondary); }
#footer a { color: var(--foreground); border-bottom-color: var(--border); }
#footer a:hover { color: var(--foreground); text-decoration: underline; }
.input-group-addon:first-child { border-right: 1px solid var(--border); border-top-right-radius: 0px; border-bottom-right-radius:0px; border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius);}
.input-group-addon:last-child { border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); }
.well { background-color: var(--secondary); border-color: var(--border); border-radius: var(--radius); }
.well.freeform { border-radius: var(--radius); background-color: var(--input); height: auto;}
.well.freeform>div.sel-users-new { height: auto; }
.well .form-control { background-color: var(--input); border-color: var(--border); }
.well .input-group div.searchable-box { margin-right: 1px; }
.well .input-group .input-group-addon:first-child { border-right: none; }
.report-covers { color: var(--muted-foreground); }
#tray_alerter_popup { background-color: var(--background); border-color: var(--border); }
.homepage-box-bg { background-color: var(--secondary); }
div.message, div.success { color: var(--background); width: 100%; }
#bpiContent div.message { color: var(--foreground); }

.subtext, .ajax_date { 
    color: var(--muted-foreground);
}

label { 
    font-weight: normal;
    color: var(--foreground);
}

pre { background-color: var(--secondary); border: 1px solid var(--border); color: var(--foreground); border-radius: var(--radius); }
code { background-color: var(--secondary); color: var(--card-foreground); }
.alert.alert-info, .actionMessage, ul.actionMessage { 
    border-radius:var(--radius);
    background-color: var(--info-msg-bg);
    border-color: var(--info-msg-border);
    padding: 16px;
}
.alert.alert-info, .actionMessage > li { 
    color:var(--info-msg-text);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12.8px;
    font-weight: normal;
}
.actionMessage > li > i {
    color: var(--nagios-blue);
    font-weight: normal;
}
.alert.alert-info-no-flex, .actionMessage, ul.actionMessage {
    color:var(--info-msg-text);
    align-items: center;
    gap: 5px;
    font-size: 12.8px;
    font-weight: normal;
    border-radius:var(--radius);
    background-color: var(--info-msg-bg);
    border-color: var(--info-msg-border);
    padding: 16px;
}

.alert.alert-warning,
.warningMessage, ul.warningMessage {
    border-radius: var(--radius);
    background-color: var(--warning-msg-bg);
    border: 1px solid var(--warning-msg-border);
    padding: 16px;
    color: var(--warning-msg-text);
}
.warningMessage > li {
    color: var(--warning-msg-text);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12.8px;
    font-weight: normal;
}
.warningMessage > li > i {
    color: var(--warning-msg-text);
    font-weight: normal;
}
.warningMessage p {
    padding: 0;
}
div.message .warningMessage a,
.alert.alert-warning a {
    color: var(--warning-msg-text);
    text-decoration-line: underline;
    font-weight: normal;
}
div.message .warningMessage a:hover,
.alert.alert-warning a:hover {
    color: var(--warning-msg-text-hover);
    text-decoration-line: underline;
    font-weight: normal;
}
div.message .warningMessage .multi-line {
    padding-left: 1em;
}

.alert.alert-danger, .errorMessage, ul.errorMessage, #singleSyncDiv, div#contentWrapper .error, #mainWrapper>.alert-error {
    color: var(--error-msg-text);
    font-size: 12.8px;
    border-radius: var(--radius);
    background-color: var(--error-msg-bg);
    border-color: var(--error-msg-border);
    padding: 16px;
}
.errorMessage > li, #mainWrapper>.alert-error  {
    color: var(--error-msg-text);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12.8px;
    font-weight: normal;
}
.errorMessage > li > i {
    color: var(--destructive);
    font-weight: normal;
}
div.message .errorMessage a {
    color: var(--error-msg-text);
    text-decoration-line: underline;
    font-weight: normal;
}
div.message .errorMessage a:hover {
    color: var(--error-msg-text-hover);
    text-decoration-line: underline;
    font-weight: normal;
}
.errorMessage code { background-color: var(--secondary); color: var(--bs-code-color); padding: 2px 4px; border-radius: var(--radius); }

.flash-msg { 
    border: 1px solid;
    border-radius:var(--radius);
    font-size: 12.8px;
    font-weight: normal;
    padding: 16px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    color:var(--info-msg-text);
    background-color: var(--info-msg-bg);
    border-color: var(--info-msg-border);
}
.flash-msg.success, .alert-success, .infoMessage  {
    color:var(--success-msg-text);
    background-color: var(--success-msg-bg);
    border-color: var(--success-msg-border);
}
.flash-msg.error {
    color:var(--error-msg-text);
    background-color: var(--error-msg-bg);
    border-color: var(--error-msg-border);
}
.flash-msg.warning { 
    color:var(--warning-msg-text);
    background-color: var(--warning-msg-bg);
    border-color: var(--warning-msg-border);
}

.msg-text {
    display: flex;
    align-items: center;
    vertical-align: middle;
    gap: 3px;
}

.msg-close { 
    font-size: 16px; 
    position: static; 
    margin-left: auto;
}
.msg-close:hover { cursor: pointer; }

#notifications-tab label { color: var(--card-foreground); }
#notifications-tab .sel-users-new label { color: var(--foreground); }
#loadscreen { background-color: var(--background); }
#loadscreen-spinner { background-color: var(--card-foreground); }
#whiteout, #screen-overlay { background-color: var(--background) !important; }

#tacform,
#cwform,
#child_popup_layer,
#popup_layer,
#feedback_layer,
#login_alert_popup,
.xi-modal,
div#settings-dropdown div.content {
    background-color: var(--secondary);
    border-color: var(--border);
    box-shadow: 1px 1px 5px var(--background);
    border-radius: var(--radius);
}

#child_popup_layer {
    background-color: var(--card);
    color: var(--card-foreground);
    border: 1px solid var(--border);
}

#close_child_popup_link {
    padding: 10px;
    margin: -20px;
}

.info-popup { background-color: var(--secondary) !important; border-color: var(--border) !important; box-shadow: 1px 1px 5px var(--background) !important; }
div#settings-dropdown:before { background: transparent; }

.neptune-subheading-break {
    border-top: 1px solid var(--border);
    padding-bottom: 5px;
}
.neptune-section-spacer {
    display: block;
    margin-bottom: 28px;
}
.neptune-spacer-20 {
    display: block;
    margin-bottom: 20px;
}

.neptune-form-spacer {
    margin-top: 0px;
    margin-bottom: 14px;
}
.neptune-form-label-spacer {
    margin-bottom: 4px;
}

.neptune-subtext,
.neptune-form-subtext { 
    color: var(--muted-foreground);
    margin-top: 1vh;
    font-size: 12.8px;
}

table.neptune-max-width input {
    max-width: 70px;
    margin-right: 20px;
}

.neptune-form-element {
    display: flex;
    flex-direction: column;
}
.neptune-form-element-wrapper,
.neptune-form-element-wrapper-500 {
    width: 460px;
    max-width: 95%;
}
.neptune-form-element-wrapper-500 {
    width: 500px;
}

.neptune-form-element > label {
    margin-bottom: 10px;
    font-size: 14px;
}

.neptune-no-bottom-padding {
    padding-bottom: 0;
}

.perfdata-popup .pf-graph-container { border: 1px solid var(--border); box-shadow: 2px 2px 0px var(--background); background-color: var(--background); }

.xicore_perfdata_chart_outboard, .perfdata_table_outbound { border: none;}
.xicore_perfdata_chart_outboard.dashlettable, .perfdata_table_outbound.dashlettable { border: none; box-shadow: none; background-color: var(--background); }
.gauges_outboardclass { border: none !important; }

#graphDisplay { background-color: var(--background); border: 1px solid var(--foreground); }

.icon-td { vertical-align:middle; margin:5px; }
.table-condensed>tbody>tr>td { padding: 16px; }
.table-condensed>thead>tr>th:has(i.icon-td) { padding: 12px; }

.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-color: var(--border); /* Replacing #444 */
}

.btn-danger,
.btn-success,
.btn-default, #documentation>.closeOverlay>a { 
    background-color: var(--background);
    border-color: var(--border);
    color: var(--secondary-foreground);
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success,
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger,
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default, #documentation>.closeOverlay>a:hover { 
    background-color: var(--background);
    border-color: var(--border);
    color: var(--foreground);
}
.btn-success[disabled], .btn-success.disabled,
.btn-danger[disabled], .btn-danger.disabled,
.btn-default[disabled], .btn-default.disabled {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    border-color: var(--border);
}

.btn-success[disabled]:hover, .btn-success.disabled:hover,
.btn-danger[disabled]:hover, .btn-danger.disabled:hover,
.btn-default[disabled]:hover, .btn-default.disabled:hover {
    background-color: var(--muted);
    color: var(--muted-foreground);
    border-color: var(--border);
    transition: background-color 300ms ease, color 300ms ease;
}

a[disabled], a.disabled {
    color: var(--secondary-foreground);
}
a[disabled]:hover, a.disabled:hover {
    color: var(--muted-foreground);
    transition: background-color 300ms ease, color 300ms ease;
}

/* Fix styles on form fields inside alerts */
.alert .btn-default { 
    background-color: var(--info-msg-bg);
    border-color: var(--info-msg-border);
    color: var(--info-msg-text);
}
.alert .btn-default:hover { 
    background-color: rgba(255, 255, 255, 0.03);
    border-color: var(--info-msg-border);
    transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -webkit-transition: background-color 300ms ease;
}
.alert .form-control { color: #555; background-color: #FFF; border-color: #ccc; }
.alert .form-control:focus { border-color: var(--foreground); box-shadow: inset 0 0 22px #eee; }

.btn-primary { 
    background-color: var(--primary);
    color: var(--primary-foreground);
    border-color: var(--border);
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color: var(--primary-hover);
    border-color: var(--border);
    color:var(--input);
    transition: background-color 300ms ease, border-color 300ms ease;
    -webkit-transition: background-color 300ms ease, border-color 300ms ease;
    -ms-transition: background-color 300ms ease, border-color 300ms ease;
}

.btn-info { background-color: var(--background); border-color: var(--border); }
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus,
.btn-info:hover, .open>.dropdown-toggle.btn-info {
    background-color: var(--border);
    border-color: var(--border);
    transition: background-color 300ms ease, border-color 300ms ease;
    -webkit-transition: background-color 300ms ease, border-color 300ms ease;
    -ms-transition: background-color 300ms ease, border-color 300ms ease;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
.btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    background-color: var(--border);
    border-color: var(--border);
}

form .form-control,
.form-control,
.neptune-form-element-wrapper .form-control {
    line-height: 20px;
    display: inline-block;
    width: 100%;
    height: 36px;
    margin: 0;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: var(--radius);
}

form select.form-control,
select.form-control,
input.form-control {
    padding: 8px 12px;
    height: 36px;
    line-height: 20px;
}
.searchable-box>select.form-control { /* Temporary add to fix Justins stylings after removing important tags from above. Should go in and find what is setting the inline styles to fix */
    height: 36px !important;
    line-height: 20px !important;
}
.form-control, .form-colors { background-color: var(--input); border-color: var(--border); color: var(--foreground); }
.input-group-addon { background-color: var(--background); border-color: var(--border); color: var(--foreground); font-size: 14px; }
form .form-control:focus, .form-control:focus {
    box-shadow: none;
    border-color: var(--ring);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { 
    background-color: var(--muted);
    font-family:"Geist Mono";
}
.form-control option.ok, .form-control option.warning, .form-control option.unknown, .form-control option.critical { color: #000; }

.sel-users-new { background-color: transparent; border: none; }
.table>thead>tr>th .checkbox label, .table>tbody>tr>td .checkbox label { color: var(--foreground); }

.dropdown-menu { background-color: var(--card); color: var(--card-foreground); }
.dropdown-menu>li>a { color: var(--card-foreground); }
.dropdown-menu>li>a:hover { background-color: var(--secondary-hover); color: var(--secondary-foreground); }
.dropdown-menu .divider { background-color: rgba(255,255,255,0.1); }

.sm-link { background-color: var(--muted); border-color: var(--muted); color: var(--foreground); }
.sm-link:hover { background-color: var(--border); border-color: var(--border); color: var(--foreground); }

.error2014, .ok2014, .message2014 { color: #000; }

div.bbmap_dashlet div.outer div.inner table.infotable th, div.bbmap_dashlet div.outer div.inner table.infotable td { border: 1px solid var(--border) !important; }
div.bbmap_dashlet div.outer div.inner table.infotable thead th.infotable_hosts:first-child { border: none !important; }
div.bbmap_dashlet div.outer div.inner table.infotable th { background-color: transparent !important; }
div.bbmap_dashlet th .material-symbols-outlined {
    margin-top: -1px;
}

.popover { background-color: var(--popover); color: var(--popover-foreground); border-radius: var(--radius); border: 1px solid var(--border); }
.popover-title { background-color: var(--popover); border-bottom: 1px solid var(--border);}
.popover.right>.arrow { display: none; }
#pagetopalertcontent .popover a, #pagetopalertcontent .popover span.pop-row { color: var(--popover-foreground); }
.popover.bottom>.arrow:after, .popover.top>.arrow:after, .popover.left>.arrow:after, .popover.right>.arrow:after { border-bottom-color: var(--border); }

textarea.code { color: var(--foreground); background-color: var(--background); border: 1px solid var(--border); border-radius: var(--radius); font-family: 'Geist'; }

.product-tab { background-color: var(--secondary) !important; color: var(--muted-foreground) !important; }
a.product-select-tab { border-color: var(--secondary) !important; background-color: var(--secondary) !important; }

/* Main table colors */
.table-striped > tbody > tr:nth-of-type(2n+1),
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--background);
}
.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: var(--background);
}

table {
    border-top: none;
    border-radius: var(--radius);
}
table.tablesorter tbody td {
    color: var(--card-foreground); /* Replacing #EEE */
}
table tbody td.hostunknown, table tbody td.hostup, table tbody td.hostdown, table tbody td.hostunreachable, table tbody td.hostpending, .table>tbody>tr>td.hostunknown .checkbox label, .table>tbody>tr>td.hostup .checkbox label, .table>tbody>tr>td.hostdown .checkbox label, .table>tbody>tr>td.hostunreachable .checkbox label, .table>tbody>tr>td.hostpending .checkbox label {
    color: var(--primary-foreground); /* Replacing #000 */
}
table tbody td.serviceunknown, table tbody td.serviceok, table tbody td.servicepending, table tbody td.servicewarning, table tbody td.servicecritical, td.serviceok, td.servicewarning, td.servicecritical, td.serviceunknown, td.servicepending, .table>tbody>tr>td.serviceunknown .checkbox label, .table>tbody>tr>td.serviceok .checkbox label, .table>tbody>tr>td.servicewarning .checkbox label, .table>tbody>tr>td.servicecritical .checkbox label, .table>tbody>tr>td.servicepending .checkbox label {
    color: var(--primary-foreground); /* Replacing #000 */
}
table.infotable, table.tablesorter, .table-bordered {
    border: 1px solid var(--border); /* Replacing #444 */
    border-radius: var(--radius);
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.tablesorter tbody tr.selected td {
    background-color: var(--card);
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: none;
}
/* Used for the tactical overview dashlets */
.tacserviceImportantProblem,
.tacserviceProblem,
.tacserviceImportantWarning,
.tacserviceProblemWarning,
.tacserviceImportantUnknown,
.tacserviceProblemUnknown,
.tacfeatureProblem,
.tachostImportantProblem,
.tachostProblem { 
    background-color: transparent !important;  
}
tr.tacSubHeader td {
    color: var(--primary); /* Replacing #FFF */
    background-color: var(--background) !important; /* Replacing #191919 */
    float: left;
    font-weight: normal;
}
tr.tacSubHeader td a {
    color: var(--primary) !important; /* Replacing #FFF */
}
tr.tacSubHeader td a:hover {
    color: var(--muted) !important;
}
tr.tacSubHeader-neptune td {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    font-weight: normal;
}
tr.tacSubHeader-network td {
    border-radius: 1rem;
}
tr.tacSubHeader-network.no-outages td {
    background-color: var(--md-ok); /* Replacing #191919 */
    color: var(--muted);
}
tr.tacSubHeader-network.outages td {
    background-color: var(--md-critical); /* Replacing #191919 */
}
tr.tacSubHeader-neptune>td>a {
    color: var(--primary) !important; /* Replacing #FFF */
    vertical-align: middle;
}
tr.tacSubHeader-neptune>td>a:hover {
    color: var(--muted) !important;
    text-decoration: none;
}
.tactable-neptune {
    border-radius: var(--radius);
    border-collapse: separate;
    border: 1px solid var(--border);
    width: 100%;
    max-width: 100%;
}
.tactable-neptune>thead>tr>th:not(:last-child),
.tactable-neptune>tbody>tr>td:not(:last-child) {
    border-right: 1px solid var(--border);
}
.tactable-neptune>tbody>tr>td {
    color: var(--foreground);
    text-align: center;
}
.tactable-neptune>tbody>tr>td>span,
.tactable-neptune>thead>tr>th>span,
table>thead>tr>th>span {
    vertical-align: middle;
}

.dashlet-filter {
    margin-left: 20px;
    width:20%;
    position: relative;
}
div.dashlettable.xicore_host_status_tac_summary_outboard,
div.dashlettable.xicore_service_status_tac_summary_outboard, 
div.dashlettable.xicore_feature_status_tac_summary_outboard{
    width: 70vw;
}
.table .table {
    background-color: var(--primary); /* Replacing #111 */
}
.selected-hosts-box, .selected-services-box, .selected-hostgroups-box, .selected-servicegroups-box {
    border: 1px solid var(--border) !important; /* Replacing #444 */
}
tr.alert td {
    color: var(--primary-foreground); /* Replacing #222 */
}
.table-outside-bordered, .table>thead>tr>th {
    border-color: var(--border); /* Replacing #444 */
}
tr.highlight td {
    background-color: var(--accent); /* Replacing #353535 */
}

.hc-text {
    font-weight: bold;
    color: var(--foreground);
}

/* sumoselect */
.SumoSelect > .CaptionCont, .SumoSelect.open > .CaptionCont { background-color: var(--primary-foreground); border-color:var(--border); color: var(--secondary-muted-foreground); font-size:14px;}
.SumoSelect > .CaptionCont:hover, .SumoSelect > .CaptionCont:focus, .SumoSelect > .CaptionCont:active,
    .SumoSelect.open > .CaptionCont:hover, .SumoSelect.open > .CaptionCont:focus, .SumoSelect:hover > .CaptionCont, .SumoSelect:focus > .CaptionCont { border-color: var(--border); }
.SumoSelect > .optWrapper { background-color: var(--primary-foreground); border: 1px solid var(--border); }
.SumoSelect > .optWrapper > .options li.opt { border-bottom: 1px solid var(--border); }
.SumoSelect > .optWrapper > .options li.opt:hover { background-color: var(--primary-foreground); }
.SumoSelect > .optWrapper > .MultiControls { border-top: 1px solid var(--border); }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid var(--border); }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk, .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { background-color: var(--border); }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk:hover, .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel:hover { background-color: var(--primary-foreground); }
.SumoSelect.open .search-txt { background-color: var(--input); }
.SumoSelect > .CaptionCont > label > i { filter: invert(100%); }

/* jquery ui tabs */
.ui-widget-content, .ui-widget-header { background: var(--background); color: var(--card-foreground); }
.ui-widget-header { border-bottom: 1px solid var(--border); border-top: none; border-right: none; border-left: none; }
.ui-widget { font-size: 14px; font-family: "Geist"; font-weight: 400; }
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: var(--muted-foreground);
    text-decoration: none
}
.ui-widget-content h5.neptune-form-spacer {
    color: var(--foreground);
}

.ui-state-default a .ui-state-default a:link, .ui-state-default a:visited { color: var(--muted-foreground); }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: var(--foreground); }
.ui-tabs .ui-tabs-nav {
    padding: 0;
    display: flex;
    overflow-x: auto;
}
.ui-tabs .ui-tabs-nav li { margin: 0px; border: 0;/* border-top: 0; border-right: 0; border-left: 0; border-bottom: solid 1px var(--border)*/ }
.ui-tabs .ui-tabs-nav li.ui-state-hover { border-top: 0; border-right: 0; border-left: 0; border-bottom: solid 0px var(--border) }
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-color: var(--background);
    border-bottom: solid 1px var(--foreground);
    margin: 0px;
    padding-bottom: 0px;
}
.ui-tabs-anchor { display: flex; align-items: middle; gap:4px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: var(--background); border-color: var(--border); color: var(--muted-foreground); }
.ui-state-default:not(.ui-state-active):hover { background-color: var(--background); }
.ui-widget-content { border: 1px solid var(--border); }
.ui-widget-content a.btn-default { color: var(--foreground); }
.ui-widget-content a.btn-primary { color: var(--primary-foreground); }

/* CCM overlays */
.ccm-label { color: var(--foreground) !important; }
div.overlay { background-color: var(--card) !important; border: 1px solid var(--border); box-shadow: none; border-radius: var(--radius); }
.btn-group .btn-default.active, .btn-group .btn-default.focus, .btn-group .btn-default:active, .btn-group .btn-default:focus, .btn-group .btn-default:hover, .btn-group .open>.dropdown-toggle.btn-default { background-color: var(--background); border-color: var(--border); }
.overlay .table { background-color: transparent; }
.ccm-splash-container table { background-color: var(--secondary); border-top: none; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 1px solid var(--border); }
.statustable .hostup, .statustable .hostdown, .statustable .hostunreachable, .statustable .hostpending { color: #000; }
.right-container { border: none !important; }
.right-container .table>thead>tr>th { border-bottom: 1px solid var(--border) !important; }

.ccmbutton { background-color: var(--input); color: var(--foreground); }
#loginDiv input { background-color: var(--background); color: var(--foreground); }

.ccm-close-icon:hover {
    cursor: pointer;
}
.overlay-title h2 {
    font-size: 20px;
}
.ccm-overlay-add {
    font-size: 12.8px;
}
.ccm-overlay-icon-override {
    font-size: 16px;
}
.ccm-overlay-legend-line {
    display: flex;
    align-items: center;
    gap: 6px;
}
.ccm-overlay-info {
    margin-left: 10px;
}
.overlay-left-bottom {
    display: flex;
    align-items: center;
}
.neptune-overlay-right-buttons {
    padding-top: 10px;
    display: flex;
}
.table>tbody>tr.trOption>td {
    border: none;
    border-radius: var(--radius);
    background-color: transparent;
    height: 35px;
}
#tblVariables>tbody>tr.trOption>td {
    border-radius: 0px;
    border-bottom: 1px solid var(--border);
    background-color: transparent;
}
#tblTimeperiods>tr.trOption>td {
    padding-top: 2px;
    padding-bottom: 2px;
}
select.overlay-select option:checked
{
    background: linear-gradient(var(--muted),var(--muted));
    background-color: var(--muted) !important; /* for IE */
}
table.table-assigned {
    border-spacing: 0px 6px;
}
.table-assigned-header {
    border-top-left-radius: var(--radius) !important;
    border-top-right-radius: var(--radius) !important;
}
select.form-control.fc-m::-webkit-scrollbar, .assigned-container::-webkit-scrollbar {
    width: 1em;
}
select.form-control.fc-m::-webkit-scrollbar-track, .assigned-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
select.form-control.fc-m::-webkit-scrollbar-thumb, .assigned-container::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
select.form-control.fc-m>option {
    background-color: var(--secondary);
    color: var(--foreground);
    border-radius: var(--radius);
    height: 35px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
} 
select.form-control.fc-m>option:hover {
    background-color: var(--form-bg-hover);
    cursor: pointer;
}
select.form-control.fc-m>option:focus {
    border-color: transparent;
}
.table>tbody>tr.trOption {
    background-color: var(--secondary);
}
.table>tbody>tr.trOption:hover {
    background-color: var(--form-bg-hover);
}
.table>tbody>tr.trOption>td:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 10px;
}
.table>tbody>tr.trOption>td:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-right: 10px;
}
#tblVariables>tbody>tr.trOption {
    background-color: transparent;
}
#tblVariables.table.table-assigned {
    border-spacing: 0px;
}
.assigned-container {
    padding: 0px 6px;
    background-color: var(--background);
    border:0.5px solid var(--border);
    border-radius: var(--radius);
    border-top: none;
}
#rel-popup { background-color: var(--background) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius);
}
#rel-popup .close {
    color: var(--foreground) !important;
}
#commandOutputBox pre, #commandOutputBox #command_output {
    background-color: var(--background) !important;
    font-family: 'Geist Mono';
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--foreground);
}
.fc-m {
    background-color: var(--background) !important;
}

#pageLimitDiv {
    margin-bottom: 0px;
    width: 220px;
}
.ccm-table-sort-icon{
    font-size: 18px;
    padding: 0px;
    cursor: pointer;
}
.table-ccm thead tr th {
    color: var(--muted-foreground);
}
.table-ccm thead tr th .neptune-th {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 300ms ease;
}
.table-ccm thead tr th .neptune-th:hover {
    color: var(--foreground);
}
.ccm-table-action {
    padding: 4px;
    margin: 11px;
    border-radius: var(--radius);
    transition: 300ms;
}
.ccm-table-action:hover {
    background-color: var(--muted);
    border-radius: var(--radius);
    transition: 300ms;
}
.ccm-table-neptune-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: start;
    gap: 10px;
    margin-left: auto;
    max-width: 650px;
    font-size: 12.8px;
}
.neptune-pagination-top {
    flex-wrap: wrap-reverse;
}

.paging-div {
    margin-left: 0px;
}
#resultCounter, .ccm-label {
    font-size: 12.8px;
    color: var(--muted-foreground);
}
#pagelimit {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    background-color: var(--input);
    transition: all 300ms ease;
    border-left: 1px solid transparent;
}
#pagelimit:focus {
    border-color: var(--ring);
    cursor: pointer;
}
#delete_multi, #selModify {
    background-color: var(--input);
    width: 120px;
    border: 1px solid var(--border);
    border-left: 1px solid transparent;
}
#delete_multi:focus, #selModify:focus {
    border: 1px solid var(--ring);
    box-shadow: none;
    cursor: pointer;
}
#search, #submitSearch {
    background-color: var(--secondary);
}
#submitSearch {
    border-right: 1px solid transparent;
}
#search:focus {
    border: 1px solid var(--ring);
    box-shadow: none;
}
#search::placeholder {
    color: var(--muted-foreground); opacity: 1;
}
#withCheckedDiv {
    margin-bottom: 20px;
    margin-right: 10px;
}
div#contentWrapper .neptune-ccm-header {
    font-size: 32px;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.pagenumbers, div#contentWrapper div.pagenumbers {
    background-color: var(--background) !important;
    color: var(--foreground) !important; border: none;
}
.pagenumbers:hover, div#contentWrapper div.pagenumbers:hover, .pagenav-ends:hover {
    background-color: var(--muted) !important;
    border-radius: var(--radius);
}
div#contentWrapper .paging-div .pagenumbers.deselect {
    background-color: var(--background) !important;
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
.pagenav-ends:first-of-type, .pagenav-ends:last-of-type {
    border: none;
}
.pagenav-ends i {
    filter: invert(100%);
}

div#contentWrapper .success, div#contentWrapper .error { color: var(--foreground); font-size: 12.8px;}

div#contentWrapper .success {
    border-radius: var(--radius);
    background-color: var(--secondary);
    border: 1px solid var(--border);
    padding: 16px;
}

/* Configuration wizards */
#tacform, #cwform {
    padding: 8px;
}
#open-cwform:hover {
    text-decoration: none;
}
.wiz-table {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    position: static;
}

.wiz-table-stackable {
    position: relative; /* Override "absolute" from base.css */
    width: auto;
}
.wiz-table-stackable-text {
    margin-left: 20px;
}
.wiz-padbox, .wiz-padbox-featured {
    padding: 1.25rem;
    width: calc(100%/3);
    position: relative;
}
.wiz-padbox-featured {
    display: inline-block;
    vertical-align: top;
}
.wiz-padbox-premium>.wiz-padbox-inner,
.wiz-padbox-premium>.wiz-padbox-inner:hover {
    background-color: var(--input);
}
.wiz-tag-premium {
    right: 75px;
    top: -5px;
    filter: drop-shadow(0 1px 2px var(--input)) drop-shadow(0 1px 1px var(--input));
}
.fav-wiz-btn { top: 15%; right: calc(1.25rem + 10px); }
.wiz-forward-arrow { position: absolute; bottom: 15px; right: calc(1.25rem + 10px); }
.wiz-padbox-inner {
    background-color: var(--secondary);
    border: 1px solid var(--border);
    display: block;
    border-radius: var(--radius);
    min-height: 152px;
    padding: 0px 10px;
    transition: border 0.3s ease;
}
.wiz-padbox-inner:hover, .wiz-padbox-inner:active, .wiz-padbox-inner:focus {
    text-decoration: none;
    background-color: var(--secondary-hover);
    border: 1px solid var(--nagios-blue);
}
.wiz-box p {
    color: var(--text-muted-light);
}
.wiz-header-cb {
    display: flex;
    align-items: center;
    border: none;
    font-size: 22px;
    margin-bottom: 30px;
    padding-left: 0px;
}
.wiz-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.wiz-header-subtext {
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: var(--muted-foreground);
    margin-bottom: 20px;
}
.wiz-description {
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}
.wiz-box-header-wrapper .wiz-displaytitle {
    color: var(--foreground);
    margin-bottom: 0px;
    font-size: 18px;
}
.wiz-box-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; flex: 1;
}
.wiz-box, .wiz-box-text {
    overflow: visible; 
}
.wiz-forward-arrow {
    font-size: 2.1rem;
    color: var(--text-muted-light);
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block; 
    cursor: pointer;
}

.wiz-padbox-inner:hover .wiz-forward-arrow {
    color: var(--foreground);
    transform: translateX(10px); 
}
.wiz-card-icon {
    width: auto;
    height: 30px;
    max-width: 60px;
}
.wiz-box-text {
    margin: 0px;
    align-items: center;
    display: flex; height: 45px;
}
.well.select div.filter {
    padding: 0px;
}
.dashlet-search-wrapper {
    display: flex;
    position: relative; flex: 3;
    border-radius: var(--radius); margin: 0px;
    margin-top: 30px;
    width: 100%;
}
.dashlet-search-icon, .dashlet-filter-icon {
    top: 6px; 
    left: 5px; 
    position: absolute; 
    font-size: 24px; 
    color: var(--foreground);
}
#dashletSearchBox {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background-color: var(--secondary);
    font-size: 14px;
    padding-left: 35px;
}
#dashletSearchBox:hover {
    background-color: var(--muted);
}
#dashletSearchBox::placeholder{
    color: var(--muted-foreground);
}
#dashletSearchBox:focus {
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
.wiz-search-wrapper {
    display: flex;
    position: relative; flex: 3;
    border-radius: var(--radius); margin: 0px;
}
#wizardSearchBox {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background-color: var(--secondary);
    font-size: 14px;
    padding-left: 35px;
}
#wizardSearchBox:hover {
    background-color: var(--muted);
}
#wizardSearchBox::placeholder{
    color: var(--muted-foreground);
}
#wizardSearchBox::selection {
    background-color: var(--primary);
    color: var(--primary-foreground);
}
#wizardSearchBox:focus,
#component-search:focus,
#plugin-search:focus {
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
#component-search,
#plugin-search {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background-color: var(--secondary);
    font-size: 14px;
    padding-left: 35px;
}
#component-search:hover,
#plugin-search:hover {
    background-color: var(--muted);
}
#component-search::placeholder,
#plugin-search::placeholder {
    color: var(--muted-foreground);
}
#component-search::selection,
#plugin-search::selection {
    background-color: var(--primary);
    color: var(--primary-foreground);
}
.form-group.dashlet-search-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}
#wiz-filter-wrapper {
    border: none;
    gap: 20px;
    padding: 10px 12.5px;
    display: flex;
    background-color: var(--background);
}
.wiz-filter-select {
    border-radius: var(--radius);
    flex: 1.5;
    position: relative;
    margin: 0px;
}
#categorySelect {
    cursor: pointer;
    background-color: var(--secondary);
    font-size: 14px;
    padding-left: 30px;
    color: var(--muted-foreground);
    /* appearance: none; */
}
#categorySelect:hover {
    background-color: var(--muted);
}
#categorySelect:focus {
    border: 1px solid var(--border);
}
#categorySelect option {
    border-radius: var(--border);
    border: 1px solid var(--border);
}
.featured-wiz-header, .wiz-table-header {
    font-size:  2.5rem;
    margin: 15px 0px;
    padding-left: 12.5px;
    width: 100%;
}
#favorites-section-header,
#no-favorites-msg {
    display: none;
}
#no-favorites-msg {
    border-radius: var(--radius);
    background-color: var(--info-msg-bg);
    border: 1px solid var(--info-msg-border);
    color: var(--info-msg-text);
    padding: 16px;
    font-size: 12.8px;
    width: 100%;
}
.featured-wiz-table {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    left: 0px;
    margin-bottom: 30px;
}
.more-wiz-btn {
    float: right;
    font-size: 16px;
}
#wizardimportonly {
    margin: 3px 0px 0px 0px;
}
#wiz-import-label {
    font-size: 14px;
    padding-left: 25px;
}
.wiz-search-icon, .wiz-filter-icon {
    top: 6px; left: 5px; position: absolute; font-size: 24px; color: var(--foreground);
}
.wiz-more-wizards-icon {
    color: var(--primary-foreground); font-size: 20px; font-weight: 400; margin-right: 0px;
}

@media (max-width: 1500px) {
    .wiz-padbox, .wiz-padbox-featured { width: 50%; }
}

#hypermap-replay-left-container, #hypermap-replay-right-container { color: var(--foreground) !important; background-color: var(--background) !important; }

/* Bandwidth report */
.total2, .total2head { background-color: var(--muted) !important; }
.total1, .total1head { background-color: var(--secondary) !important; }

.infotable-wrapper { 
    border: 1px solid var(--border); 
    border-radius: 1rem;
}
.xi_available_updates_dashlet tbody>tr>td p {
    color: var(--table-header);
}
.xi_available_updates_dashlet tbody>tr.updates-title {
    color: var(--foreground);
}

.metric_gauge_box { color: #000; }

/* Capacity Planning */
.cp-settings-box { background-color: var(--background) !important; border: 1px solid var(--border) !important; }
.cp-tab-container { background-color: transparent !important; border: none !important; }
.cp-tabs li { border: none !important; background: var(--background) !important; left: -4px !important; }

/* Configuration / Config Wizards */
.config-top a.well, .config-page-container .config-block a.well { color: var(--foreground); }
.config-top a.well:hover, .config-page-container .config-block a.well:hover { background-color: var(--muted); }
.well.select div:hover { background-color: var(--muted); }

.hiddendropdown { background-color: var(--background); border: 1px solid var(--border); border-radius: var(--radius); }
.hiddendropdown li a { color: var(--foreground); }

.alert .table { background-color: var(--secondary) !important; }
.table-striped>tbody>tr.alert td { background-color: var(--secondary); color: var(--foreground); }
.table-striped>thead>tr>th { background-color: var(--background); }

.thumbnail { background-color: var(--background); }
.thumbnails .thumbnail { border: 1px solid var(--border); border-radius: var(--radius); }

/* BPI */
#bpiContent .fixedwidth { color: var(--foreground); }
#bpiContent .group { background-color: var(--card) !important; border:1px solid var(--border); border-left:none; border-right:none;}
#bpiContent  .bpi-neptune-sort {border-left:none !important; border-right:1px solid var(--border) !important; border-top:1px solid var(--border) !important; background-color:var(--input) !important;}
#bpiContent  .bpi-neptune-sort:hover{
    background-color:var(--input);
}
@media (max-width: 1250px) or (1440px <= width <= 1470px) {
    #tabdocumentation span,
    #tabsettings span,
    #tabconfig span {
        display: none;
    }
}
/* Hypermap overrides */
.hypermap-inner-details, .hypermap-log { background-color: var(--card) !important; }
.hypermap-left-container, .hypermap-right-container, .hypermap-log { color: var(--foreground) !important; }
.tip { background-color: var(--muted) !important; border-color: var(--border) !important; color: var(--foreground) !important; }

.nxtiWidget { color: var(--foreground) !important; }

/* Status map coloring */
.node text { fill: var(--foreground); }
.modal-content { background-color: var(--primary-foreground); border-radius:6px !important; border:1px solid var(--border); }
.modal-header { border-bottom:1px solid var(--border);}
.modal-footer{border-top:1px solid var(--border);}
#map-container #popup { background-color: var(--card); border: 1px solid var(--border); color: var(--foreground); }
div#menubutton button { background-color: var(--background); color: var(--foreground); }
div#menubutton button img { filter: invert(100%); }

/* Fix operations screen */
#nagios_placeholder .logo { color: #000; }

.chartrender .group { fill: var(--foreground); }
.table th.highlight, .table td.highlight { background-color: var(--secondary); }

/* AD/LDAP Import */
.folder-list { background-color: var(--background) !important; }
.ad-ldap-container {  background-color: var(--background); border-right: 1px solid var(--border); font-size: 12.8px; }
.ad-folder:hover, .ad-folder.active { background-color: var(--muted) !important; }
.ad-list>li {
    font-size: 12.8px;
}
.ad-list>li>label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.ad-list>li>label>input {
    margin: 0px;
}
li>.user-toggle-show-dn {
    vertical-align: super;
}

.support-links .days-left { color: #000; }

div#settings-dropdown .checkbox-setting { background-color: var(--secondary) !important; border: 1px solid var(--border) !important; font-size:14px; }
div#settings-dropdown .checkbox-setting checkbox label { background-color: var(--secondary) !important; border: 1px solid var(--border) !important; font-size:14px; }

/* Diff2html changes for dark theme */
.d2h-info { border-color: var(--border) !important; background-color: var(--secondary) !important; color: var(--foreground) !important; }
.d2h-file-wrapper { border: 1px solid var(--border) !important; border-radius: var(--radius) !important; }
.d2h-file-header { background-color: var(--secondary) !important; border: 0px !important; border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
.d2h-code-side-linenumber { background-color: var(--secondary) !important; border: solid var(--border) !important; border-width: 0 1px 0 1px !important; color: var(--foreground) !important; display: table-cell !important; position: static !important; }
.d2h-code-side-line.d2h-del, .d2h-code-side-line.d2h-ins { color: var(--foreground) !important; }
.d2h-code-side-emptyplaceholder, .d2h-emptyplaceholder { background-color: var(--secondary) !important; }
.d2h-diff-table td, .d2h-diff-table th { border: 1px solid var(--border) !important; border-left: 0px !important; }
.d2h-file-side-diff { margin-bottom: 0px !important; margin-right: -3px !important; }

/* Overwrite notes component */
#tab-custom-objectnotes textarea { background-color: var(--input); border-color: var(--border); color: var(--foreground); }

.undo-redo-spanners {background-color: black; color : rgb(255, 255, 255); border: 1px solid #ccc; border-radius: 4px; padding: 5px; margin: 5px; display: inline-block; font-size: 10px; font-family: monospace; white-space: nowrap; font-weight: bold;}

.undo-tag {background-color: rgb(0, 0, 0); color : rgb(255, 255, 255); padding: 5px; margin: 5px; display: inline-block; font-size: 12px; font-family: monospace; white-space: nowrap; font-weight: bold;}
/* Overwrites the Dashboard dashlet resize border */
.dashboarddashletcontainer.ui-resizable-resizing { 
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

.dashboarddashletcontainer {
    animation: unset;
    background-color: var(--card);
    border-radius: var(--radius);
    border: 1px solid var(--border);
    padding: 24px;
    transition: box-shadow 500ms ease-in-out, border-color 300ms ease;
}

@keyframes dashlet-pulse {
    0% {
        box-shadow: oklch(66.47% 0.1771 261.54 / 30%) 0 0 5rem 0;
    }

    70% {
        box-shadow: oklch(66.47% 0.1771 261.54 / 40%) 0 0 6rem 0;
    }

    100% {
        box-shadow: oklch(66.47% 0.1771 261.54 / 30%) 0 0 5rem 0;
    }
}

.dashboarddashletcontainer .dashboarddashlet[class*="xicore_host_status_summary_inboard"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 300px; /* Adjust as needed */
    max-width: 300px;
    height: auto;
}

.host_status_summary_dashlet {
    width: 100%;
}

.dashboarddashletcontainer .dashboarddashlet[class*="xicore_service_status_summary_inboard"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 300px; /* Adjust as needed */
    max-width: 300px;
    height: auto;
}

.service_status_summary_dashlet {
    width: 100%;
}

.dashboarddashletcontainer > .dashboarddashlet .infotable_title {
    padding: 0px 0px 16px;
}
.dashboarddashletcontainer.dashboarddashlethover {
    border: 1px solid var(--foreground);
    border-radius: var(--radius);
}
.dashboarddashletcontrol > div > a {
    color: var(--muted-foreground);
}
.dashboarddashletcontrol > div > a:hover {
    color: var(--foreground);

    -webkit-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    transition: color 300ms ease;
}

/* explicitly stop the blue thing from showing on hover. */
.dashboarddashlethover .dashlettitle.hiddentitle { /* bbTODO: check if this is supposed to be here or not... 1.4.3 didn't have this section */
    display: block;
}

.dashlettopbox {
    margin-bottom: -22px;
    display: inline;
}
.dashboarddashletcontainer.dashboardragborder {
    border: 1px solid rgba(0,0,0,0);
}

.dashletpin i, .dashletdelete i, .dashlethidetitle i, .dashletplus i, .dashletminus i, .dashletedit i, .dashlettogglebackground i, .dashletreconfigure i, .dashletmore span {
    font-size: 22px;
}
.dashletpin, .dashletdelete, .dashlethidetitle, .dashletplus, .dashletminus, .dashletedit, .dashlettogglebackground, .dashletreconfigure, .dashletmore {
    margin-right: 12px;
}
.dashlethidetitle {
    display: block;
}

.dashboarddashletcontainer.hidebordersandbackgrounds {
    border-color: transparent !important;
    background-color: transparent !important;
}

.dashboarddashletcontainer.hidebordersandbackgrounds:hover {
    border-color: initial !important;
    background-color: initial !important;
}


/* Overwrite css for banner_message features */
#select_specific_users_banner_message, #selected_users { background-color: var(--input);}
#select_specific_users_banner_message:not(:focus) option:checked, #selected_users:not(:focus) option:checked { background-color: inherit; color: var(--muted-foreground); }
#user_details_caption { color: var(--foreground); border-bottom: 1px solid var(--border); padding-bottom: 15px; }
#banner_message_modal_users_btn, #banner_message_modal_selected_users_btn { display: flex; }
#banner_message_caption { background-color: var(--input); border: 1px solid var(--border); border-bottom: none; }
.user_details_table_body tr:last-child { border-bottom: 1px solid var(--border) ;}
.confirm-rtd-table {background-color: var(--background); border-color: #DDD;}
.rtd-content-table {border-left: 1px solid var(--border); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);}
.xi-modal-banner_message, div#settings-dropdown div.content { background-color: var(--card); border-color: var(--border); border-radius:var(--radius);}
#banner_message_banner_color {background-color: var(--input);}
.banner_message_start_date, .banner_message_end_date { background-color: var(--input); border: 1px solid var(--border);}
#banner_message {border: 1px solid var(--border);}
#select_specific_users_banner_message {border: 1px solid var(--border);}
#selected_users {border: 1px solid var(--border);}
.message_time_disabled {background-color: var(--muted); color: var(--muted-foreground);}

/* Banner Message Date Picker Menu */
#banner_message_start_date::-webkit-calendar-picker-indicator, #banner_message_end_date::-webkit-calendar-picker-indicator { filter: invert(20%) saturate(500%) hue-rotate(180deg) brightness(1000%); }
#banner_message_start_date::-moz-calendar-picker-indicator, #banner_message_end_date::-webkit-calendar-picker-indicator { filter: invert(20%) saturate(500%) hue-rotate(180deg) brightness(1000%); }
#banner_message_start_date::-ms-calendar-picker-indicator, #banner_message_end_date::-webkit-calendar-picker-indicator { filter: invert(20%) saturate(500%) hue-rotate(180deg) brightness(1000%); }
#banner_message_start_date::-o-calendar-picker-indicator, #banner_message_end_date::-webkit-calendar-picker-indicator { filter: invert(20%) saturate(500%) hue-rotate(180deg) brightness(1000%); }
#banner_message_start_date::-khtml-calendar-picker-indicator, #banner_message_end_date::-webkit-calendar-picker-indicator { filter: invert(20%) saturate(500%) hue-rotate(180deg) brightness(1000%); }

/* Login Page */
.modern-login-wrapper #autoLoginButton, .modern-login-wrapper #loginButton { background-color: var(--primary); color: var(--primary-foreground); border-radius: var(--radius); justify-content: center; align-items: center; font-size: 1.4rem; font-weight: 600; }
.modern-login-wrapper #loginButton { margin-top: 35px;}
.modern-login-wrapper #loginButton:hover { background-color: var(--primary-hover) }
#language-button { background-color: var(--input); color: var(--foreground); border: 1px solid var(--border); height: 40px; }
#language-button:hover, #language-button:focus { background-color: var(--muted); }
.title-row { color: var(--foreground); align-items: flex-end; margin: 20px 0px 0px 0px; }
.modern-login-wrapper { background-color: var(--background); width: 100vw; }
.modern-login-wrapper #contact-card, .modern-login-wrapper .login-card { background-color: var(--background); box-shadow: none; }
.modern-login-wrapper #contact-card { flex-direction: row; width: 100px; margin-top: 40px; gap: 3rem; justify-content: center;}
.login-card {max-width: 525px;}
.login-input-wrapper #usernameBox, .login-input-wrapper #passwordBox { border: 1px solid var(--border); color: var(--foreground); background-color: var(--input); border-radius: var(--radius); padding: 19px 10px; }
.login-input-wrapper #usernameBox::placeholder, .login-input-wrapper #passwordBox::placeholder { color: var(--muted); }
.login-input-wrapper #usernameBox:focus, .login-input-wrapper #passwordBox:focus { border: 1px solid var(--primary); box-shadow: 0 0 5px var(--primary);}
.login-input-wrapper #usernameBox.error, .login-input-wrapper #passwordBox.error { border: 1px solid var(--color-critical-header); }
#forgot-password-link { font-size: 1.4rem; font-weight: 400; color: var(--primary); }
.login-title { font-size: 1.6rem; font-weight: 400; }
.fixed-login-message.error { background-color: var(--md-critical); border: solid 1px #FFCCBC; color: #FFCCBC; }
.fixed-login-message.info { background-color: #01579B; border: solid 1px #B3E5FC; color: #B3E5FC; }
.login-input-wrapper #passwordBox { font-size: 22px; color: var(--foreground); font-family: verdana, aerial; }
.login-descriptor { font-size: 16px; width: 100%; margin-bottom: 30px; color: var(--muted-foreground); text-align: center; }
.login-header { font-size: 4rem; font-weight: 600; width: 90%; color: var(--foreground); text-align: center; }
#contact-card a { font-size: 1.3rem; display: flex; justify-content: center; align-items: center; }
#login-language-selected { font-size: 1.3rem; margin: 0px 5px; }
#login-language-dropdown { background-color: var(--input); border-radius: var(--radius); border: 1px solid var(--border); }
#login-language-dropdown a { color: var(--foreground); margin: 0px 5px; border-radius: var(--radius);}
#login-language-dropdown a:hover, #login-language-dropdown a:focus { background-color: var(--muted);}
.hero-logo { height: auto; margin-bottom: 25px; transform: scale(0.8); }
.hero-logo-wrapper { position: absolute; left: 35px; top: 40px; }
#language-icon-wrapper { display: flex; align-items: center; }
#language-select-container { position: absolute; right: 35px; top: 40px; }

.blank {background: none !important; border: none !important;}
.blueshine th {background-color: none; font-size: 22px; text-align: center; font-weight: bold; border: 1px solid none;}
.blueshine td {background-color: none; border: 1px solid none} 
.blueshine td.rowTitle {font-weight: bold;}
.eo-title { font-family: 'Roboto', arial, sans-serif; font-weight: bold; font-size: 32px; line-height: 36px; text-align: center; text-transform: uppercase; }

/* Home Dashboard */
.material-card, .splash-card, .splash-card-small { 
    background-color: var(--secondary); /* Using --secondary for background color */
    border-radius:5px;
    box-shadow:none;
    border: 0.5px solid var(--border);
}

.splash-card-title, .wizard-card-anchor > span, 
.small-card-anchor > p { 
    color: var(--foreground); /* Assuming white is similar to --foreground */
}

.splash-card-body, .splash-page-title-subtext, 
#contact-support-number { 
    color: var(--muted-foreground); /* Assuming #9E9E9E is similar to --muted-foreground */
}

.splash-card:hover,
.support-card:hover,
.wizard-card:hover,
.splash-card-small:hover { 
    background-color: var(--popover); /* Assuming #212121 is similar to --popover */
}

.divider { 
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Retained as is, no similar variable */
}

.splash-page-row .popover, 
.splash-page-row .popover-title,
.splash-page-row .popover-content { 
    background-color: var(--popover); /* Assuming #212121 is similar to --popover */
    color: var(--foreground); /* For .popover-title and .popover-content */
}

#help_up_to_date { 
    background-color: var(--primary); /* Assuming #2E7D32 is similar to --primary */
}

#help_check_failed_span { 
    background-color: var(--secondary); /* Assuming #757575 is similar to --secondary */
}

.form-card {
    background-color: var(--secondary);
    padding:20px;
    border-radius:5px;
    border: 0.5px solid var(--border);
    margin-top:10px;
}

h4 {
    font-weight: 600;
    color:var(--foreground);
}

.subtext {
    font-size: 12.8px;
    padding: 0px;
}

h5.ul:after {
    margin-top: 20px;
    background-color: var(--border);
}

.textfield {
    padding: 3px;
    background-color: var(--input);
    border-radius: var(--radius);
    border: 0.5px solid var(--border);
}

.form-control::placeholder {
    color: var(--secondary-muted-foreground);
}

.btn {
    background-color: var(--primary);
    border-radius: var(--radius);
    border: 1px solid var(--border);
}

.btn:disabled {
    background-color: var(--secondary);
    color: var(--secondary-muted-foreground);
    cursor: not-allowed;
}

.btn:disabled:hover {
    background-color: var(--secondary);
    color: var(--secondary-muted-foreground);
    cursor: not-allowed;
    border: 1px solid var(--border);
}

.btn:hover {
    color: var(--primary-foreground);
    background-color: var(--primary-hover);
}

.btn-default, .btn-info, #bulk_stage1 a, .save-box>div>.btn-danger, .step1button, #documentation>.closeOverlay>a {
    background-color: var(--background);
    color: var(--secondary-foreground);
    transition: all 300ms ease;
}

.btn-default.active.focus, .btn-default.active:hover, #bulk_stage1 a:hover, .btn-default:active.focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:hover, .save-box>div>.btn-danger:hover, .step1button:hover {
    background-color: var(--muted);
    border-color: var(--border);
    color: var(--secondary-foreground);
}

.btn-default:hover, .btn-info:hover, #documentation>.closeOverlay>a:hover, #command_test_box a.btn-info {
    color: var(--secondary-foreground);
    background-color: var(--secondary);
}

.btn-success {
    background-color: var(--secondary);
    border: none;
}
.btn-success:hover,  .btn-success:active, .btn-success:focus {
    background-color: var(--muted) !important;
    color: var(--foreground);
}
.btn-success[disabled]:hover, .btn-success[disabled]:active, .btn-success[disabled]:focus {
    background-color: var(--secondary) !important;
    border: none;
}

.btn-variableBox {
    width: fit-content;
}

.btn, #documentation>.closeOverlay>a {
    height: 36px;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 16px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.btn-admin {
    background-color: var(--primary);
    color: var(--primary-foreground);
    margin: 4px 0 4px 0;
    font-weight: normal;
    justify-content: center;
    margin: 5px 0px 10px 0px;
}

.btn-help {
    cursor: help;
}
.btn-help:hover i.material-symbols-outlined {
    color: var(--muted);
}

#formButtons {
    display: flex;
    gap: 20px;
}

.btn-show-password {
    background-color: var(--primary-foreground);
}
.btn-show-password:focus { 
    background-color: var(--primary-foreground);
}
.btn-show-password:hover {
    background-color: var(--secondary);
}

/* Override padding in base.css */
.btn-row {
    padding-bottom: 0;
}

.neptune-row,
.neptune-icon-row,
.neptune-row-nowrap,
.neptune-row-nowrap-nogap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
}
.neptune-icon-row {
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 10px;
}
.neptune-row-nowrap,
.neptune-row-nowrap-nogap {
    flex-wrap: nowrap;   
}
.neptune-row-nowrap-nogap {
    gap: unset;
}

.neptune-row,
.neptune-icon-row,
.btn-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.neptune-icon-row {
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 10px;
}
.neptune-row-nowrap {
    flex-wrap: nowrap;   
}

.table.neptune-table-no-left-padding>tbody>tr>td:first-child {
    padding-left: 0;
}

.neptune-admin-config-table .table>tbody>tr>td:first-child {
    padding-left: 0;
}
.neptune-admin-config-table.neptune-admin-config-table-150 .table>tbody>tr>td:first-child {
    min-width: 150px;
}
.neptune-admin-config-table.neptune-admin-config-table-215 .table>tbody>tr>td:first-child {
    min-width: 215px;
}
.neptune-admin-config-table.neptune-admin-config-table-265 .table>tbody>tr>td:first-child {
    min-width: 265px;
}
.neptune-admin-config-table div.ui-tabs-panel, 
.neptune-admin-config-table div.ui-tabs {
    padding-left: 0px;
}

.btn-mso {
    padding-right: 20px;
}

.accent-field {
    background-color: var(--accent) !important;
    filter: contrast(90%);
    border: 0.5px solid var(--border) !important;
}

.centered-radio {
    display: flex; 
    flex-direction: row; 
    align-items: center;
    margin-top: 7px;
    margin-bottom: 7px;
    gap: 7px;
}

.centered-radio > label {
    font-size: 14px;
}

.centered-checkbox {
    display: flex; 
    flex-direction: row; 
    align-items: center;
    margin-top: 7px;
    margin-bottom: 7px;
}

.centered-checkbox input[type=checkbox] {
    margin-top: 0px;
    margin-right: 10px;
}

.centered-checkbox label {
    font-size: 14px;
    padding-left: 0px;
}

.centered-checkbox > label > input[type=checkbox] {
    margin-right: 28px;
}

.checkbox > .centered-checkbox > input[type=checkbox] {
    margin-left: 0px;
    position: relative;
}

.mono-input {
    font-family: "Geist Mono";
    padding: 10px;
}

::selection {
    background: var(--border);
    color: white;      
}

.form-control {
    background-color: var(--input);
    border-radius: var(--radius);
    border: 0.5px solid var(--border);
    padding: 3px;
}

.form-control:disabled {
    background-color:var(--secondary);
    color: var(--secondary-muted-foreground);
    border: 0.5px solid var(--border);
    cursor: not-allowed; 
}
  
.btn-form-control {
    border: 0.5px solid var(--border);
    vertical-align: baseline;
    line-height: 1.1rem; /* matches form .form-control in modern.css */
}

.form-control-right-open {
    border-top-right-radius: 0px !important; /* form-control has an !important radius but this overrides it. */
    border-bottom-right-radius: 0px !important;
}

.form-control-left-open {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 0px;
}

.form-control-top-open {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.form-control-bottom-open {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-group .page-refresh {
    width: 5rem;
}

a {
    color: var(--primary);
    transition: color 0.25s ease;
}

a:hover {
    color: var(--muted);
    text-decoration: none;
}

.dashlettable {
    border-width: 0.5px;
    border:1px solid var(--border);
    padding: 2rem;
    border-radius: var(--radius);
    margin: 1rem;
}

.dashlettable.dashlettablehover {
    border: 1px solid var(--muted);
    transition: border 0.6s ease-in-out;
}

.dashifybutton {
    align-content: center;
    display: grid;
    height: 24px;
    justify-content: center;
    position: absolute;
    top: 22px;
    width: 24px;
    z-index: 2;

    & a.tt-bind {
        align-content: stretch;
        display: grid;
        height: 100%;
        justify-content: stretch;
        position: absolute;
        width: 100%;
        z-index: 2;

        & span {
            align-items: center;
            display: grid;
            justify-content: center;
        }
    }
}

table>thead>tr>th {
    color: var(--muted-foreground);
}

.ajax_date {
    font-size:11px;
    color: var(--table-header);
}

span.dashlet-subtext {
    color: var(--dashlet-subtext);
}

/* Dashlet table customization */
table.dashlettable-in {
    border-collapse: separate;
    border-spacing: 0px;
}

table.dashlettable-in>tbody>tr>td>span,
table.dashlettable-in>tbody>tr>td>a {
    vertical-align: middle;
}

table.dashlettable-in>tbody>tr>td {
    border: 0px solid;
    border-bottom: 1px solid var(--border);
    color: var(--secondary-foreground);
    font-weight: normal;
    font-size: 12.8px;
}

table.dashlettable-in>tbody>tr>th {
    font-weight: normal;
}

table.dashlettable-in>thead>tr>th {
    border-width: 0.5px;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    color: var(--table-header);
    font-weight: normal;
}

table.dashlettable-in>thead>tr>th:first-child {
    border-left: 1px solid var(--border);
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
} 

table.dashlettable-in>thead>tr>th:last-child {
    border-right: 1px solid var(--border);
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
} 
table.statustable.dashlettable-in td.text-foreground {
    white-space: nowrap;
}
table.statustable.dashlettable-in td>div:has(div.hosticons) {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
table.statustable.dashlettable-in td>div.inlinestatus {
    display: inline-block;
    margin: 5px;
}
table.dashlettable-in tr:hover td {
    background-color: var(--background);
}

div.neptune-center-content {
    display: inline-block;
    text-align: center;
}
div.neptune-center-content>div {
    text-align: left;
}

.hypermap-inner-details, .hypermap-log { background-color: transparent !important; }
.hypermap-left-container, .hypermap-right-container, .hypermap-log { color: var(--foreground) !important; }
.tip { background-color: var(--background) !important; border-color: var(--accent) !important; color: var(--foreground) !important; }

/* Infotable dashlet customization - host/service summary status */
div:has(table.infotable-neptune) {
    height: 100%;
}
table.infotable-neptune {
    table-layout: fixed;
    height: 60%;
}
table.infotable-neptune>tbody>tr>td {
    color: var(--card-foreground);
    width: 50%;
    text-align: left;
}
table.infotable-neptune>tbody>tr:hover th,
table.infotable-neptune>tbody>tr:hover td {
    background-color: transparent;
}
table.infotable-neptune>tbody>tr>td>div {
    display: inline;
    padding: 0px 10px 0px 10px;
}

.xicore_host_status_summary_outboard {
    width: 500px;
}
.xicore_service_status_summary_outboard {
    width: 500px;
}

table.infotable-neptune .hostup.havehostup,
table.infotable-neptune .hostdown.havehostdown,
table.infotable-neptune .hostunreachable.havehostunreachable, 
table.infotable-neptune .hostpending.havehostpending,
table.infotable-neptune .unhandledhostproblems.haveunhandledhostproblems,
table.infotable-neptune .hostproblems.havehostproblems,
table.infotable-neptune .allhosts.haveallhosts,
table.infotable-neptune .unhandledserviceproblems.haveunhandledserviceproblems,
table.infotable-neptune .serviceproblems.haveserviceproblems,
table.infotable-neptune .allservices.haveallservices,
table.infotable-neptune .servicecritical,
table.infotable-neptune .serviceok,
table.infotable-neptune .serviceunknown,
table.infotable-neptune .servicewarning,
table.infotable-neptune .servicepending {
    background-color: transparent !important;
}
/*
 * If there are no (especially) hosts or services with matching status (hostup, hostdown, etc.), the
 * havehostup, havehostdown, etc., classes are not added to the div, so the background is NOT getting
 * cleared by the above rule.
 * This affects hostup, add others as necessary.
 */
table.infotable-neptune div.hostup {
    background-color: transparent !important;
}

div#contentWrapper label {
    font-size: 14px;
    color: var(--foreground);
}
.service_status_summary_dashlet .haveunhandledserviceproblems { 
    font-weight: normal; 
}
.host_status_summary_dashlet .haveunhandledserviceproblems { 
    font-weight: normal; 
}

.network_health_dashlet>table>tbody>tr>td {
    color: var(--card-foreground);
}

.statbar-neptune {
    border-radius: 0.25rem;
}
div.statbar-neptune:hover {
    background-color: var(--muted);
    color: var(--primary);
}
.statbar-neptune>span>a {
    color: var(--primary);
    padding-left: 20px;
}
.statbar-neptune>span>a:hover {
    color: var(--muted);
    text-decoration: none;
}
.statbar-neptune>span {
    display: flex;
    justify-content: space-between;
}
.statbar-neptune.network-health {
    border-radius: 1rem;
}
tr.tacSubHeader-neptune>td>span {
    line-height: 30px;
}
.statbar-neptune-features {
    width: 60px;
    float: right;
    color: var(--input);
    border-radius: 2rem;
    font-weight: normal;
    font-size: 12.8px;
    border: none;
    line-height: 30px;
    width: 75px;
}
.statbar-neptune-features.enabled {
    background-color: var(--md-ok);
}
.statbar-neptune-features.disabled {
    background-color: var(--md-critical);
}
.statbar-neptune-features.disabled:hover {
    background-color: var(--color-critical-lite);
}
.statbar-neptune-features.enabled:hover {
   background-color: var(--color-okay-secondary);
}
.statbar-background {
    display: inline-block;
    width: 60px;
    background-color: var(--muted);
    border-radius: 1rem;
}

/* overwriting font-weight: bold inline classes */
.sysstat_stat_title {
    font-weight: normal;
}

.sysstat_componentstate_title {
    font-weight: normal;
}

.splash-dashlet-card{
    height:100%;
}

.tooltip {
    font-size: 14px;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background-color: var(--card);
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    color: var(--foreground);
}

.tooltip-arrow {
    display: none;
}

/* Enterprise Page */
.enterprise-page-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-around; gap: 2.5rem; margin-top: 2vh; padding: 0; }
.enterprise-card { flex-grow: 1; background-color: var(--card); width: 30em; height: 12em; border: 0.5px solid var(--border); border-radius: var(--radius); }
.enterprise-card:hover { background-color: var(--muted); text-decoration: none; }
.enterprise-anchor { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 10px; }
.enterprise-anchor:hover .material-icons { color: var(--primary); }
.enterprise-title-container { width: 85%; display: flex; align-items: center; gap: 10px; }
.enterprise-body { width: 85%; color: var(--muted-foreground); font-weight: 500; }
.enterprise-sub-icon { margin-left: 5px; opacity: .65; }
.enterprise-separator { width: 100%; height: 1px; border: 0.5px solid var(--border); border-radius: var(--radius); margin: 2.5rem 0vh; }
.enterprise-info-column { display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap; gap: 10rem; padding-bottom: 4vh;}
.enterprise-info-left { width: 18%; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.enterprise-info-right { width: 60%; display: flex; align-items: center; gap: 4rem; }
.enterprise-link { width: calc((100% / 3) - 20px); display: flex; color: white; align-items: center; gap: 10px; font-size: 12px;}
.enterprise-link:hover { text-decoration: none; color: var(--muted-foreground); cursor: pointer; }
.enterprise-learn-more { display: flex; align-items: center; gap: 10px; font-size: 16px; margin: 0; }
.enterprise-icon {display: flex; align-items: center; justify-content: center; background-color: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.5rem;}
.enterprise-accent { background-color: var(--info-msg-bg); border-color: var(--info-msg-border); }

/* WELCOME PAGE */
.welcome-nagios-logo { height: 6vh; top: 4rem; left: 4rem; position: fixed; }
.welcome-body { height: 100vh; width: 100vw; margin: 0; padding: 3em; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(180deg, rgba(0,11,26,1) 0%, rgba(1,22,46,1) 100%); }
.welcome-mainframe { width: 35rem; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; padding-bottom: 10vh; }
.welcome-title { width: 100%; float: left; }
.welcome-subtext { width: 100%; float: left; color: var(--dashlet-subtext); padding: 0; }
.welcome-button { width: 100%; height: 5vh; margin: 2em 0; display: flex; align-items: center; justify-content: center; font-weight: 600; transition: all; transition-duration: 250ms; }
.welcome-links { width: 100%; display: flex; }
.welcome-link { width: 50%; display: flex; align-items: center; gap: 10px; color: var(--text-muted-light); transition: 200ms; padding: 6px; }
.welcome-link:hover { text-decoration: none; background-color: var(--muted); color: var(--foreground); border-radius: var(--radius); cursor: pointer; transition: all 0.25s ease; }
.welcome-icon:hover { cursor: pointer; }
.neptune-sub-header { font-size: 24px; }
.welcome-icon { padding: 4px; }

.neptune-subtext {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    color: var(--muted-foreground);
}
.neptune-subtext-check {
    vertical-align: middle;
    font-weight: normal;
}

.anchor-btn {
    text-decoration: none;
    display: inline-flex;
    font-size: 14px;
    align-items: center;
}

.btn-icon {
    background-color: var(--secondary);
    color: var(--muted-foreground);
}

.btn-icon:hover {
    border-color: var(--muted-foreground);
}

span.btn-icon input[type="file"] {
    text-align: left;
}

button.btn-icon {
    font-size: 2rem;
}

button.btn-icon:hover {
    cursor: pointer;
    border-left: none;
}

.neptune-geist {
    font-family: 'Geist';
}

.neptune-geist-mono {
    font-family: 'Geist Mono';
}

.tool-input-field {
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    gap: 10px; 
    width: 40%; 
    margin: 25px 0px;
}

.action-icons .material-symbols-outlined {
    cursor: pointer;
    padding: 4px;
    margin: 11px;
    border-radius: var(--radius);
    transition: all 300ms ease;
}

.action-icons:hover .material-symbols-outlined:hover {
    background-color: var(--muted);
    border-radius: var(--radius);
    padding: 4px;
    margin: 11px;
}

.neptune-link {
    color: white;
    display: flex; 
    align-items: center;
    transition: all .2s ease-in-out;
}

.neptune-link:hover {
    color: var(--muted-foreground);
}

/* table styles */
/* you have to delete the tablesorter class from your table !!!! */
table.tablesorter thead tr th, table.tablesorter tfoot tr th{
    text-align:left;
    padding: 10px;
    font-size:14px;
    font-weight:normal;
    color:var(--muted-foreground);
}

table.infotable, table.tablesorter, .table-bordered {
    border:none;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-right:none;
    border-left:none;
    border-bottom:1px solid var(--border);
    border-top:1px solid var(--border);
}

.table>thead:first-child>tr:first-child>th:first-child, .table>thead:first-child>tr:first-child>td:first-child {
    border-radius:var(--radius) 0 0 var(--radius);
    border-left:1px solid var(--border);
}

.table>thead:first-child>tr:first-child>th:last-child, .table>thead:first-child>tr:first-child>td:last-child {
    border-radius:0 var(--radius) var(--radius) 0;
    border-right:1px solid var(--border);
}

/* Add this rule for when there is only one th in the tr */
.table>caption+thead>tr:first-child>th:only-child,
.table>colgroup+thead>tr:first-child>th:only-child,
.table>thead:first-child>tr:first-child>th:only-child {
    border-radius: var(--radius);
}

.table>thead:first-child>tr.single-item-tr:first-child>th:last-child {
    border-radius: var(--radius) var(--radius) var(--radius) var(--radius); 
}

/* hacky, specifically for account/sessions.php */
tr>td:last-child>a:first-child:last-child>i.md-24 {
    padding: 4px;
    margin: 11px;
    color: var(--foreground);
    border-radius: var(--radius);
    cursor: pointer;
}
tr>td:last-child>a:first-child:last-child>i.md-24:hover {
    background-color: var(--muted);
    color:var(--foreground);
    transition: background-color 300ms ease, color 300ms ease;
    -ms-transition: background-color 300ms ease, color 300ms ease;
    -webkit-transition: background-color 300ms ease, color 300ms ease;
}

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

table.tablesorter {
    border-spacing:0;
}

th {
    display:table-cell;
    font-weight:normal;
    color:var(--mono-text);
    padding:10px;
    font-size:14px;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
    padding:12px;
    min-width:38px;
}

.dashlettable-in.table-condensed>tbody>tr>td, .dashlettable-in.table-condensed>tbody>tr>th, .dashlettable-in.table-condensed>tfoot>tr>td, .dashlettable-in.table-condensed>tfoot>tr>th, .dashlettable-in.table-condensed>thead>tr>td, .dashlettable-in.table-condensed>thead>tr>th{
    padding:10px; 
}

.dashlettable-in.stattable-neptune>tbody>tr>td, .dashlettable-in.stattable-neptune>tbody>tr>th, .dashlettable-in.stattable-neptune>tfoot>tr>td, .dashlettable-in.stattable-neptune>tfoot>tr>th, .dashlettable-in.stattable-neptune>thead>tr>td, .dashlettable-in.stattable-neptune>thead>tr>th{
    padding:8px;
}

.infotable-neptune>tbody>tr>td, .infotable-neptune>tbody>tr>th, .infotable-neptune>tfoot>tr>td, .infotable-neptune>tfoot>tr>th, .infotable-neptune>thead>tr>td, .infotable-neptune>thead>tr>th{
    padding:8px 0px 8px 0px;
    border: none;
}

.table.table-condensed>tbody>tr>td.vt {
    padding-top: 20px;
}

.table.table-padding-bottom-right-only {
    background-color: transparent;
}

th a {
    color:var(--table-anchor);
    text-decoration: none;
    transition: color 0.3s ease;
}

th a:hover{
    color:var(--foreground);
    text-decoration: none !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 {
    background-color:var(--background);
    border-bottom:1px solid var(--border);
    border-top:none;
    border-left:none;
    border-right:none;
}

td {
    font-size: 14px;
}

.neptune-system-extension-tables thead {
    margin: 15px;
    padding: 15px;
}

.neptune-system-extension-tables tbody tr:hover {
    background-color: var(--secondary);
}

.neptune-system-extension-tables > thead:first-child > tr:first-child > th:first-child {
    padding: 10px 23px;
}

/* views page */
.draggable {
    cursor: grab;
}

.action-icon {
    color: var(--muted-foreground);
}

.action-icon:hover {
    cursor:pointer;
    color: var(--foreground);
}

tr td a span.action-icon {
    cursor:pointer;
}

/* Configuration Snapshots page */
.col-lg-6.col-neptune {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    background-color: var(--card);
    min-width: 480px;
    margin-bottom: 20px;
    width: 100%;
}
.col-lg-6.col-neptune>table th,
.col-lg-6.col-neptune>table td,
.col-lg-6.col-neptune>table tr.alert td {
    background-color: var(--card);
}
.col-lg-6.col-neptune table tr:hover td {
    background-color: var(--background);
}
.col-lg-6.col-neptune>h4 {
    margin: 0px;
    font-weight: normal;
}
.col-lg-6.col-neptune .material-symbols-outlined {
    padding: 2px 6px;
}
.center.neptune-not-center {
    text-align: left;
}
.neptune-center {
    text-align: center;
}
.neptune-center>div.fr {
    float: none;
    padding-left: 60px;
}
div.neptune-ccm-header-line {
    margin: 20px -20px 20px -20px;
    border-bottom: 1px solid var(--border);
}
.min-width-800 {
    min-width: 800px;
}
/* Admin page styles */ 
.table.table-condensed>tbody>tr>td.vt {
    padding-top: 20px;
}
table.neptune-table-outer-border {
    border: 1px solid var(--muted);
    padding: 15px;
    font-weight: normal;
    width: 100% !important;
}
table.neptune-table-outer-border>tbody>tr>td {
    padding-right: 30px;
}
/* License Information cards */
.license-cards-container {
    height: 100px;
    display: flex;
}
.license-card {
    background-color: var(--card);
    width: 18em;
    height: 7em;
    border: 0.5px solid var(--border);
    border-radius: var(--radius);
    margin: 0 20px 0 0;
}
.license-card.license-card-wide {
    width: 25em;
}
.license-card:hover {
    background-color: var(--secondary);
    text-decoration: none;
    cursor: pointer;
}
.license-card-container {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 10px 0px 10px 10px;
    font-size: 12.8px;
}
.license-card-text-container {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.license-card-text-container>div {
    padding: 2.8px;
}
.license-card-text-container>div.license-card-title {
    width: 100%;
    color: var(--card-foreground);
}
.license-card-text-container>div.license-card-subtitle {
    color: var(--table-header);
}

/* checkbox styles */
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: none;
    border: 1px solid  var(--border);
    padding: 8px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}
  
input[type="checkbox"]:hover {
    cursor:pointer;
    background-color: var(--secondary);
}
input[type="checkbox"]+label:hover {
    cursor:pointer;
}

input[type="checkbox"][disabled] {
    background-color:var(--secondary);
    cursor: not-allowed;
}
input[type="checkbox"][disabled]+label {
    color:var(--secondary-muted-foreground);
    cursor: not-allowed;
}
  
input[type="checkbox"]:checked {
    background-color: var(--checkbox);
    border-color: none;
}
  
input[type="checkbox"]:focus {
    outline: none;
}
  
input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 4px;
    background: transparent;
    width: 4px;
    height: 7px;
    border: solid var(--primary-foreground);
    border-width: 0 1.7px 1.7px 0;
    transform: rotate(45deg);
    transition: opacity 0.3s ease;
    opacity: 0;
}
  
input[type="checkbox"]:checked:after {
    opacity: 1;
}
 
form textarea.form-control.height-100 {
    height: 100px;
}

td > input[type="checkbox"].checkbox:first-child:last-child {
    margin: calc((100% - 18px) / 2);
}

.ui-helper-reset {
    line-height: 1.35;
}

.padding-right-10 {
    padding-right: 10px;
}

.max-width-500 {
    max-width: 500px;
}

/* consistent with neptune-form-element-wrapper */
.max-width-460 {
    max-width: 460px;
}

.status-dot {
    margin-right: 8px;
    border-radius: 50%;
    display: inline-block;
}

.dot-8 {
    height: 8px;
    width: 8px;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.margin-top-10 {
    margin-top: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.neptune-td-nowrap {
    white-space: nowrap;
}

.truncated-one-line,
.truncated-one-line-250,
.truncated-multi-line {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} 
.truncated-one-line-250 {
    max-width: 250px;
}
.truncated-multi-line {
    display: -webkit-box;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Geist';
}
#resultCounter {
    display: inline-block;
}

#closeReturn {
    float: right;
}

div#contentWrapper #returnContent {
    border: 1px solid;
    border-radius: var(--radius);
    font-size: 12.8px;
    font-weight: normal;
    padding: 16px;
    color: var(--info-msg-text);
    background-color: var(--info-msg-bg);
    border-color: var(--info-msg-border);
}

.btn-sm .badge, .badge {
    top: 0px;
    padding: 4px;
    width: fit-content;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--foreground);
    background-color: var(--secondary);
}
.ccm-btn-group{
    background-color: var(--secondary);
    border-radius: var(--radius);
    border: 1px solid var(--border);
}
.ccm-btn-group .btn-default:hover {
    background-color: var(--muted);
    color: var(--foreground);
}
.ccm-btn-group>.btn {
    border-radius: var(--radius);
    padding: 5px 12px;
    background-color: var(--secondary);
    color: var(--muted-foreground);
    border: 1px solid transparent;
    height: 30px;
    font-size: 12px;
}
#mainCcmForm .btn-group .btn-default.focus {
    background-color: var(--secondary);
    color: var(--muted-foreground);
}
#mainCcmForm .btn-group .btn-default.active, #mainCcmForm .btn-group .btn-default:hover, #mainCcmForm .btn-group .open>.dropdown-toggle.btn-default {
    background-color: var(--muted);
    color: var(--foreground);
    border-color: var(--dashlet-subtext);
}
.ccm-btn-group>.btn:first-child {
    margin: 2px 1px 2px 3px;
    border-radius: var(--radius);
}

.ccm-row>label {
    margin-bottom: 10px;
}
.ccm-btn-group>.btn:last-child {
    margin: 2px 3px 2px 1px;
}
.ccm-btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .ccm-btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-radius: var(--radius);
}
.ccm-btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: var(--radius);
    margin: 2px 1px;
}
/* make smaller if we reduce the sizing of ccm-btn-group stuff */
.leftBox {
    width: 430px;
    margin-right: 50px;
}
.bottomButtons, .static-config-wrapper {
    display: flex;
    gap: 10px;
}
.neptune-spacer {
    margin-bottom: 20px;
}
.ccm-row>.checkbox>.neptune-ccm-checkbox {
    position: inherit;
    top: 0px;
}

#search {
    background-color: var(--input);
    color: var(--muted-foreground);
    border-left: 1px solid var(--border);
}

#searchBox.ccm_table_search_wrapper {
    display: flex;
    align-items: end;
    padding-bottom: 20px;
    width: 100%;
    float: left;
}

#ccmtablewrapper .ccm_table_search_wrapper #search {
    width: 40%;
}

.ccm-table-actions {
    width: 150px;
}

.neptune-command-management {
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.hoststatustargettext{
    display:inline-block;
    font-weight:300;
    gap:2px;
    color: var(--muted-foreground);
    font-size:20px;
}

.neptune-icon-md-btn {
    color:var(--primary);
    transition: color 0.3s ease;
    padding:2px;
    border-radius:6px;
    font-size:24px;
}

.neptune-icon-md-btn:hover{
    color:var(--foreground);
    background-color:var(--muted);
}


.neptune-icon-sm-btn {
    color:var(--primary);
    transition: color 0.3s ease;
    padding:2px;
    border-radius:6px;
    font-size:20px;
}

.neptune-icon-sm-btn:hover{
    color:var(--foreground);
    background-color:var(--muted);
}

.neptune-icon-md-btn {
    color:var(--primary);
    transition: color 0.3s ease;
    padding:2px;
    border-radius:6px;
    font-size:24px;
}

.neptune-icon-md-btn:hover{
    color:var(--foreground);
    background-color:var(--muted);
}

.neptune-slash{
    padding-left: 20px;
    padding-right:20px;
    color:var(--placeholder-text);
}

.servicestatustablesearch{
    width:35%;
    position:relative;

}

.ui-autocomplete-input{
    background-color:var(--secondary);
    padding:6px;
    border-radius:var(--radius);
    border:1px solid var(--border);
    width:100%;
    font-size:14px;

}

.ui-autocomplete-input::placeholder{
    font-size:14px;
    color: var(--muted-foreground);
}

.ui-autocomplete-input:focus {
    border: 1px solid var(--ring);
}

/* Table CSS for Host/Service */

.xi-table-box{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    height:5vh;
    margin-bottom:0;
    margin-bottom:10px;
}


.xi-table-recordcount{
    display:flex;
    position:relative;
    gap:0.5rem;
    margin:0;
    color:var(--muted-foreground);
    font-size:1.28rem;
}

.neptune-host-cell-width {
    min-width:250px !important;
}

@media (max-width: 1439px) {
    .neptune-host-cell-width {
        min-width:200px !important;
    }
    .ui-autocomplete-input{
        width:250px;
    }
    .pager-select-page{
        flex-wrap:nowrap;
        min-width:105px;
    }

    .servicestatustablesearch{
        display:flex;
        justify-content:flex-end;
    }
    .xi-table-recordcount{
        font-size:10px;
    }
    .neptune-badge-item {
        padding:0.1rem 0.3rem !important;
        font-size:10px !important;
        height:2.5rem !important;
    }

    .neptune-service-cell-width {
        min-width:150px !important;
    }
    
}

.neptune-service-cell-width {
    min-width:200px !important;
}

.xi-pager{
    margin:0;
}

.pager-select-page{
    display:flex;
    flex-direction:row;
    gap:1rem;
    padding:0.6rem;
    align-items:center;
    justify-content:space-evenly;
    border:1px solid var(--border);
    background-color:var(--secondary);
    border-radius:var(--radius);
    color:var(--muted-foreground);
    font-size:1.28rem;
    flex-wrap:nowrap;
    width:max-content;
}

.ad-pager{
    display: flex;
    gap: 1 rem;
    padding:0.6rem;
    align-items:center;
    border:1px solid var(--border);
    background-color:var(--secondary);
    border-radius:var(--radius);
    color:var(--muted-foreground);
    height: 36px;
}

.ad-page-control-container{
    display: flex;
    position: relative;
    gap: 0.5 rem;
    margin: 0;
    color: var(--muted-foreground);
    font-size: 1.28rem;
    justify-content: space-evenly;
    width: 370px;
}

.tablepagertextfield{
    background-color:var(--muted);
    border-radius:var(--radius);
    border:none;
    text-align:center;
    width:2rem;
}

.num-records[name='ad-num-records']{
    height: 36px !important;
}

.xi-pager{
    display:flex;
    gap:2rem;
}

.neptune-slash-small{
    padding-left: 0.3rem;
    padding-right:0.3rem;
    color:var(--placeholder-text);
}

.neptune-text-muted{
    color:var(--muted-foreground);
}

.pager-select-numpages{
    display:flex;
    align-items:center;
    margin:0;
    gap:0.3rem;
    max-height:34px;
}

.tablepagerselect {
    border-radius: var(--radius);    
    background-color: var(--input);
    border:1px solid var(--border);
    height:100%;
    padding:0.6rem;
    font-size:1.28rem;
    color:var(--foreground);
}

.tablepagersubmitbutton{
    border-radius: var(--radius);
    background-color:var(--input);
    border:1px solid var(--border);
    height:100%;
    font-size:1.28rem;
    color:var(--foreground);
}

.neptune-icon-sm {
    color:var(--primary);
    transition: color 0.3s ease;
    padding:0.2rem;
    border-radius:0.6rem;
    font-size:2rem;
}

/* Badge */
.neptune-badge{
    font-size:1.2rem;
    display:flex;
    align-items: center;
    justify-content: start;
    font-weight:300;
    border-radius:var(--radius);
    gap:0.5rem;
    width:100%;
}

.neptune-badge-item{
    background-color:var(--muted);
    padding:0.2rem 0.6rem;
    font-size:1.2rem;
    display:flex;
    align-items: center;
    justify-content: center;
    color:var(--foreground);
    font-weight:500;
    border-radius:var(--radius);
    height:3rem;
}

/* Utilities Stolen from TailwindCSS */

.h-full{
    height:100% !important;
}
.w-14{
    width:56px !important;
}

.w-full{
    width:100% !important;
}
.icon-muted{
    color:var(--text-muted-light);
}

.text-secondary-muted{
    color:var(--secondary-muted-foreground);
}

.text-background{
    color:var(--primary-foreground) !important;
}

.flex {
    display:flex !important;
}

.flex-col{
    flex-direction:column;
}

.justify-center{
    justify-content:center;
}

.justify-between {
    justify-content:space-between;
}

.justify-start{
    justify-content:start;
}

.items-center{
    align-items:center;
}

.mono{
    font-family:"Geist Mono";
    font-size:12px;
}

.text-foreground{
    color:var(--foreground);
}

.text-bold{
    font-weight:600;
}

.hover\:text-foreground:hover{
    color:var(--foreground);

}

.mono-text{
    color:var(--mono-text) !important;
}

.py-1 {
    padding-left: 4px;
    padding-right: 4px;
}

.pr-1 {
    padding-right: 4px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-1 {
    padding-left: 4px;
}

.pt-1 {
    padding-top: 3px;
}

.pt-2 {
    padding-top: 8px;
}

.border-b {
    border-bottom: 1px solid var(--border);
}

.border-r {
    border-right: 1px solid var(--border) !important;
}

.border-t {
    border-top: 1px solid var(--border) !important;
}

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

.primary-foreground{
    background-color: var(--primary-foreground) !important;
}

.bg-background{
    background-color:var(--background) !important;
}
.bg-secondary{
    background-color:var(--secondary) !important;
}

.border-l{
    border-left:1px solid var(--border) !important;
}

.border-l-none{
    border-left:none !important;
}

.border-r{
    border-right:1px solid var(--border) !important;
}

.border-r-none{
    border-right:none !important;
}

.mb-2{
    margin-bottom: 8px;
}

.mr-3{
    margin-right:12px;
}

.my-2{
    margin-top:8px;
    margin-bottom: 8px;
}

.mb-1{
    margin-bottom: 4px;
}

.mt-1{
    margin-top:4px;
}

.rounded-md{
    border-radius:6px !important;
}

.mt-4{
    margin-top: 16px;
}

.mb-4{
    margin-bottom:16px;
}

.h-8{
    height:32px !important;
}

.h-9{
    height:36px !important;
}

.w-9{
    width:36px !important;
}

.rounded-l-none{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.border-b-none{
    border-bottom:none !important;
}

.rounded-r-none{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.rounded-l{
    border-top-left-radius: var(--radius) !important;
    border-bottom-left-radius: var(--radius) !important;
}

.rounded-r{
    border-top-right-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
}



.border{
    border:1px solid var(--border) !important;
}

/* Important Table Stuff */
#statusTableContainer .neptune_ajax_date{
    font-size:1.2rem;
    color:var(--muted-foreground);
}
td {
    font-family:'Geist'
}
.neptune-table-add-n-search {
    display: flex;
    flex-direction: column;
}
/* .neptune-ccm-table-new {
    margin-bottom: 20px;
} */
.neptune_table_row {
    height: 50px;
}

table.table-ccm>tbody>tr>td {
    background-color: transparent;
}

table.table-ccm>tbody>tr.neptune_table_row {
    transition: 300ms;
}

table.table-ccm>tbody>tr.neptune_table_row:hover {
    background-color: var(--secondary);
    transition: 300ms;
}

.sortactive {
    width: 100px;
}

#objectHeader {
    display: flex;
    flex-direction: column;
    font-family: "Geist";
}

#tableControlsBottom {
    display: flex;
}

.tableControlsBottomMargin {
    margin-right: 10px;
}

.tableControlsBottomLeft {
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: start;
    max-width: 525px;
}

#pageLimitDiv {
    margin-left: auto;
}

#pageLimitDiv.pageLimitDivBottom, #acb, .user-setting>td > input[type="checkbox"].checkbox:first-child:last-child {
    margin: 0px;
}

.icon-color-override {
    color: var(--foreground)
}
   
#pluginhelp pre {
    border-radius: var(--radius);
}

.ccm-flex-neptune {
    display: flex;
    align-items: center;
    gap: 15px;
}

.neptune-row-label {
    min-width: 150px;
}

.ccm-command-checkbox {
    margin: 0px;
    padding: 0px;
    text-justify: center;
}

.ccm-command-checkbox>input[type=checkbox] {
    margin-top: 0px;
}

.ccm-command-info {
    font-size: 18px;
}

#selPlugins {
    width: 300px;
}

.neptune-command-column-example {
    display: flex;
    flex-direction: column;
}

.ccm-command-column {
    display: flex;
    flex-direction: column;
}

.neptune-command-name-input {
    max-width: 375px;
}

.neptune-command-line-input {
    max-width: 800px;
}

.command-checkbox-row .checkbox {
    display: flex;
    align-items: center;
}

.neptune-command-input-row {
    display: flex; 
    gap: 15px; 
    align-items: center;
}

.neptune-command-row-label, #view>div>.fl {
    display: flex;
    gap: 5px;
    align-items: center;
}

.neptune-command-example-row {
    display: flex; 
    gap: 15px;
    align-items: center;
}

.ccm-row>.neptune-row-label {
    min-width: 150px;
    margin-bottom: 0px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.ccm-row>.neptune-row-label .tooltip-info {
    display: inline-flex;
    align-items: center;
}

.ccm-neptune-info {
    color: var(--foreground);
    font-size: 18px;
    vertical-align: middle;
}

.ccm-row pre {
    border-radius: var(--radius);
}

/* Required marker '*' for labels. Add form-item-required to labels of required fields */
label.form-item-required:not(.form-item-required-mark-optional)::after {
    display: inline-block;
    content: url('../../../images/asterisk.svg');
    position: relative;
}

/* If the td is too wide */
td.td-min-width {
    width: 0.1%;
}

.input-group-addon-neptune {
    background-color: var(--primary-foreground);
}

/* Admin Pages (Check Transfers, System Extensions, System Backups) */


.neptune-flex {
    display: flex;
}

.neptune-flex-center {
    display: flex;
    align-items: center;
}

.neptune-flex-column {
    display: flex; 
    flex-direction: column;
}

.neptune-flex-spacearound {
    display: flex;
    justify-content: space-around;
}

.neptune-flex-spaceevenly {
    display: flex;
    justify-content: space-evenly;
}

.neptune-system-extension-tables > tbody > tr > td.neptune-table-name {
    padding: 23.5px;
}

.neptune-version-date-author {
    display: flex;
    align-items: center;
    left: -7.75px; 
    position:relative; 
    white-space: nowrap;
}

.neptune-vda-homepage {
    display: flex;
    align-items: center;
    left: -7.75px; 
    position:relative;
}

.neptune-flex-center-spacebetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.neptune-flex-end {
    display: flex;
    justify-content: flex-end;
}

.neptune-flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
}
button.neptune-managed-buttons {
    margin-right: 5px; 
    background-color: transparent; 
    border: none;
}

p.neptune-installing-updates {
    margin: 0; 
    padding: 0 0 0 20px;
}

textarea.neptune_outbound_textarea {
    width: 400px;
    height: 160px;
}

textarea.neptune_inbound_textarea {
    width: 300px; 
    height: 120px;
}

.neptune-scheduled-backup-table {
    min-width: 400px;
    width: auto;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
}

.neptune-systembackup-forms {
    width: 100%;
}

@media (min-width: 1320px) {
    .neptune-systembackup-forms {
        width: 80%;
    }
}

ul.neptune-inbound-errormsg > li {
    color: var(--error-msg-text);
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12.8px;
    font-weight: normal;
}

.form-control[neptune-readonly] {
    width: 200px;
    background-color: var(--input);
}

.neptune-dashlets-parent-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: calc((100% - (380px * 3)) / 2);
}

.neptune-dashlets-parent-container .dashlettableinnercontent,
.neptune-dashlets-parent-container .dashlettableinnercontent img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.neptune-dashlets-parent-container .dashlettableinnercontent img {
    object-fit: cover;
    border-radius: 10px;
}

.neptune-dashlets-parent-container .availabledashlet.well {
    height: 415px;
    float: left;
    padding: 20px;
    margin: 25px 0px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--secondary);
    width:380px;
}

.neptune-dashlets-parent-container .availabledashlet.well .dashlettable {
    width: 100%;
    height: 150px;
    border-radius: 10px;
}

.neptune-dashlets-parent-container .availabledashlet.well .dashifybutton {
    top: 10px;
    left: 10px;
}

.neptune-dashlets-parent-container .availabledashlet.well .dashlettable {
    margin: 0;
    padding: 0;
}

.neptune-md-buttons {
    position: absolute;
    margin-left: 302px;
    margin-top: 40px;
}

/* Media Query for Available/Manage Dashlets Page */
@media (min-width: 1840px) {
    .neptune-dashlets-parent-container .availabledashlet.well {
        margin: 18px 0px;
        width:460px;
        height: 380px;
    }
    .neptune-dashlets-parent-container {
        gap: calc((100% - (460px * 3)) / 2);
    }
    .neptune-md-buttons {
        margin-left: 382px;
        margin-top: 32.5px;
    }
}

@media (max-width: 1550px) {
    .neptune-dashlets-parent-container .availabledashlet.well {
        margin: 20px 0px;
        width:340px;
    }
    .neptune-dashlets-parent-container {
        gap: calc((100% - (340px * 3)) / 2);
    }
    .neptune-md-buttons {
        margin-left: 262.5px;
        margin-top: 35px;
    }
}

@media (max-width: 1150px) {
    .neptune-dashlets-parent-container .availabledashlet.well {
        margin: 15px 0px;
        width:320px;
    }
    .neptune-dashlets-parent-container {
        gap: calc((100% - (320px * 3)) / 2);
    }
    .neptune-md-buttons {
        margin-left: 242.5px;
        margin-top: 30px;
    }
}

@media (max-width: 1105px) {
    .neptune-dashlets-parent-container .availabledashlet.well {
        margin: 20px 0px;
        width:295px;
    }
    .neptune-dashlets-parent-container {
        gap: calc((100% - (295px * 3)) / 2);
    }
    .neptune-md-buttons {
        margin-left: 217px;
        margin-top: 35px;
    }
}

@media (max-width: 1000px) {
    .neptune-dashlets-parent-container .availabledashlet.well {
        margin: 20px 0px;
        width:270px;
    }
    .neptune-dashlets-parent-container {
        gap: calc((100% - (270px * 3)) / 2);
    }
    .neptune-md-buttons {
        margin-left: 198px;
        margin-top: 35px;
    }
}

/* Disabled Buttons */
.material-symbols-outlined.tt-bind.md-button[disabled] {
    cursor: not-allowed;
}

button.material-symbols-outlined.md-button:hover {
    background-color: var(--muted) !important;
}

button.material-symbols-outlined.md-button[disabled] {
    color: var(--muted);
}

button.material-symbols-outlined.md-button[disabled]:hover {
    background-color: transparent !important;
}

.neptune-browse-box {
    border-radius: 0px !important;
}

.xi-modal.neptune-admin-modal-container {
    padding: 25px;
}

.modal-content.neptune-admin-modal-container, .xi-modal.neptune-admin-modal-container {
    background-color: var(--background);
}

.neptune-admin-modal-container .modal-header {
    padding: 15px 30px 15px 30px;
    border: none;
}

.neptune-admin-modal-container .modal-header .close {
    margin-top: 0px;
}

.neptune-admin-modal-container .modal-footer {
    padding: 30px;
    border: none;
}

.sk-spinner-fading-circle.neptune-spinner .sk-circle:before{
    background-color: var(--nagios-blue);
}

/* Admin Pages (Check Transfers, System Extensions, System Backups) END HERE! */

.table > thead:first-child > tr:first-child > th.th-single-cell-header-radius {
    border-radius: var(--radius);
}

/* Escalation Wizard */
#search.ccm-search { 
    background-color: var(--input);
}

.ccm-searchbar-btn {
    padding: 8px;
}
.ccm-search-icons {
    padding: 0px;
}
.ccm-search-icons:hover {
    cursor: pointer;
}

select.ccm-selector option:checked
{
    background: linear-gradient(var(--muted),var(--muted));
    background-color: var(--muted) !important; /* for IE */
}
.ew-stage-3-table tbody tr td a span.ew-neptune-stage3-icon {
    bottom: 0px;
}
.ew-neptune-stage3-icon {
    color: var(--foreground);
    border-radius: var(--radius);
    padding: 6px;
    transition: background-color 300ms;
}
.ew-neptune-stage3-icon:hover {
    cursor: pointer;
    background-color: var(--muted);
}
.ew-neptune-stage3-checkbox {
    display: flex;
    align-items: center;
    padding-top: 0px;
}
.ew-neptune-stage3-checkbox input[type=checkbox] {
    margin-top: 0px;
}
.ccm-selector>option, .ccm-selector>optgroup>option {
    background-color: var(--secondary);
    color: var(--foreground);
    border-radius: var(--radius);
    white-space: nowrap;
    height: fit-content;
    padding: 8px;
    align-items: center;
    margin-bottom: 6px;
}
.ccm-selector>option:hover, .ccm-selector>optgroup>option:hover {
    background-color: var(--muted);
    cursor: pointer;
}

.ccm-selector>option.hide, .ccm-selector>optgroup>option.hide {
    display: none;
}

/* Firefox */
#search.ccm-search::placeholder {
    color: var(--muted);
    opacity: 1;
}
/* Chromium Based */
#search.ccm-search::-ms-input-placeholder {
    color: var(--muted);
}
  
.ccm-label-w-icon {
    display: flex; align-items: center; 
}
.ccm-clickable-icon {
    font-size: 18px; 
}
.ccm-clickable-icon:hover {
    cursor: pointer; 
}
.ccm-stage-title {
    font-size: 18px; 
    margin-top: 0px;
}
.ccm-stage-subtitle, .ccm-stage-label, .ccm-stage-1-radio, .page-lock-text, #commandwaiting {
    font-size: 14px;
}
.ew-stage-2 {
    display: flex;
    flex-direction: row;
}
.ew-stage-3-table {
    margin-top: 10px;
}
.ccm-bottom-buttons-margin {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}
/* I found the !important tags are necessary here as form-control has a very high ranking specificity */
.ccm-search-select-width {
    min-width: 200px !important;
    width: 40% !important; 
}
.ew-bottom-buttons {
    display: flex;
    gap: 10px;
}

.argNum {
    min-width: 90px;
}

.argNum:first-child {
    border-right: none;
}

#tab3.alert-settings .leftBox {
    width: 530px;
}

#tab4>.rightBox {
    width: 405px;
}

table.tablesorter thead th a {
    font-family:"Geist";
    font-weight:normal;
    color: var(--muted-foreground);
    font-size:14px;
    text-decoration: none;
    transition: color 0.3s ease;
}

table.tablesorter thead th a:hover{
    color:var(--foreground);
    text-decoration: none !important;
}
table.tablesorter tbody tr td.hover, table.tablesorter tbody tr.even td.hover, table.tablesorter tbody tr.selected td, table.tablesorter tbody tr.even.selected td { background-color: var(--background); cursor: default; }
table.tablesorter tbody tr td input.uidcheckbox, #checkall { cursor: pointer; }
table.tablesorter tbody tr td.clickable { cursor: default; }
table.tablesorter thead tr .sort-header  a .th_link::after {
    content: 'unfold_more'; 
    font-family: 'Material Symbols Outlined';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}
table.tablesorter thead tr .headerSortUp a .th_link::after {
    content: 'north'; 
    font-family: 'Material Symbols Outlined';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}
table.tablesorter thead tr .headerSortDown  a .th_link::after {
    content: 'south'; 
    font-family: 'Material Symbols Outlined';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}

table.tablesorter thead tr .sort-header:hover {
    transition: color 300ms ease, color 300ms ease;
    font-weight:400;
}

table.tablesorter thead tr .sort-header:hover {
    color: var(--foreground);
    text-decoration: none;
}

table.tablesorter thead tr .sort-header  .th_link::after {
    content: 'unfold_more'; 
    font-family: 'Material Symbols Outlined';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}

table.tablesorter thead tr .headerSortUp .th_link::after {
    content: 'north'; 
    font-family: 'Material Symbols Outlined';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}
table.tablesorter thead tr .headerSortDown  .th_link::after {
    content: 'south'; 
    font-family: 'Material Symbols Outlined';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}

.th_link{
    display:flex;
    align-items: center;
    justify-content: start;
    gap:5px;
}

table.tablesorter thead tr .headerSortUp { background-image: none;}
table.tablesorter thead tr .headerSortDown { background-image: none; }
table.tablesorter thead tr .sort-header { background-image: none};
table.tablesorter tbody td { color: var(--muted-foreground); vertical-align: middle; padding: 12px; background-color: initial; }
table.tablesorter tfoot tr, table.tablesorter thead tr { background-color: var(--background); }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: var(--background); font-size: 14px;}
table.tablesorter tbody tr.even td { background-color: initial; }
table.tablesorter thead tr .sort-header {
    padding:12px;
}
table.tablesorter thead tr td {
    padding:12px;
}


table.tablesorter tbody tr.even:hover td,
.table-bordered>tbody>tr:hover td,
.table-bordered>tbody>tr:hover th {
    background-color: var(--secondary);
    transition: background-color 300ms ease, color 300ms ease;
    -ms-transition: background-color 300ms ease, color 300ms ease;
    -webkit-transition: background-color 300ms ease, color 300ms ease;
}

.table-icon-group{
    display:flex;
}

.scrollable-12 {
    max-width: 12vw;
    overflow: auto;
}
.scrollable-30 {
    max-width: 30vw;
    overflow: auto;
}
@media (max-width: 1540px) {
    .scrollable-30 {
        max-width: 22vw;
        overflow: auto;
    }
}
.scrollable-70 {
    max-width: 70vw;
    overflow: auto;
}
.flex-between-nowrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    max-width: 200px;
}

/* Status Indications */
.servicestatustable tr.even .hostup, .servicestatustable .hostup, .label-up {
    background-color:var(--md-ok) !important;
}

.servicestatustable .servicename {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Host and Service Status Colors */
.hostup{
    background-color:var(--md-ok) !important;
}

.serviceok{
    background-color:var(--md-ok) !important;
}

.hostup-text{
    color:var(--md-ok);
}

.serviceok-text{
    color:var(--md-ok);
}

.hostdown-text{
    color:var(--md-critical);
}

.hostunreachable-dashboard {
    background-color:var(--md-unreachable);
}

.hostunreachable-dashboard-text {
    color:var(--md-unreachable);
}

.servicewarning {
    background-color: var(--color-warning);
}
.servicewarning-dashboard {
    background-color: var(--color-warning);
}

.servicewarning-dashboard-text {
    color: var(--color-warning);
}

.servicecritical{
    background-color:var(--color-critical);
}
.servicecritical-dashboard-text {
    color:var(--color-critical);
}

.servicecritical-dashboard {
    background-color:var(--color-critical);
}

.serviceunknown {
    background-color: var(--md-unknown)
}
.serviceunknown-dashboard {
    background-color:var(--md-unknown);
}

.serviceunknown-dashboard-text {
    color:var(--md-unknown);
}

.servicepending-dashboard {
    background-color:var(--md-pending);
}

.servicepending-dashboard-text {
    color:var(--md-pending);
}

.serviceproblem {
    background-color:var(--md-problem);
}

.serviceproblem-text {
    color:var(--md-problem);
}

.serviceunhandled {
    background-color:var(--md-unhandled);
}

.serviceunhandled-text {
    color:var(--md-unhandled);
}
.hostpending-dashboard {
    background-color:var(--foreground);
}

.hostpending-dashboard-text {
    color:var(--foreground);
}

.hostunhandled {
    background-color:var(--md-unhandled);
}

.hostunhandled-text {
    color:var(--md-unhandled);
}

.hostproblem {
    background-color:var(--md-problem);
}

.hostproblem-text {
    color:var(--md-problem);
}

/* Neptune  Dashboard CSS */

.hidden {
    display: none !important;
}

.neptune-host-service-dashboard-container{
    background-color:var(--card);
    min-height:25vh;
    border:1px solid var(--border);
    border-radius:8px;
    display:flex;
    flex-direction:column;
}

.neptune-host-service-dashboard-top-row{
    height:15%;
    border-radius:8px 8px 0px 0px;
    display:flex;
    flex-direction:row;
    background-color:var(--card);
}

.neptune-host-service-dashboard-bottom-row{
    height:85%;
    border-radius:0px 0px 8px 8px;
    display:flex;
    flex-direction:row;
    background-color:var(--card);
}

.neptune-host-service-dashboard-tab{
    display:flex;
    flex-direction:column;
    padding:12px 20px 12px 20px;
    justify-content:center;
    border-right:1px solid var(--border);
    width:15%;
}

.neptune-tab-selectable:hover{
    filter: brightness(130%);
    transition: 0.3s ease;
}

.neptune-tab-selectable:active{
    filter: brightness(90%);
    transition: 0.3s ease;
}


.neptune-tab-selectable{
    background-color:var(--primary-foreground);
    cursor:pointer;
}

.neptune-tab-selectable{
    cursor:pointer;
}

.neptune-tab-title{
    font-size:16px;
    margin-bottom:5px;
}

.neptune-tab-info{
    font-size:14px;
    font-weight:300;
    color:var(--mono-text);
}


@media (max-width: 1439px) {
    .neptune-tab-title {
        font-size: 14px;
    }

    .neptune-status-numeric-title{
        font-size:14px;
    }

    .neptune-total-status-number {
        font-size:18px;
    }

    .neptune-total-status-number-subtext{
        font-size:16px;
    }

    .neptune-tab-info {
        font-size: 12px;
    }

    .neptune-graph-container{
        width:75%;
        padding:20px;
    }
    
    .neptune-status-numerics{
        width:25%;
    }

}

.neptune-host-service-dashboard-top-row-space{
    width:100%;
    border-bottom:1px solid var(--border);
}

/* Add to Dashboard popup form */
form#addtodashboard_form input,
form#addtodashboard_form select {
    border-radius: 5px;
}
form#addtodashboard_form input[type="checkbox"] {
    margin-top: 1px;
}

.neptune-tab-content{
    width:100%;
    height:540px;
    display:flex;
}

.neptune-graph-header{
    display:flex;
}

.neptune-graph-container{
    width:85%;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:start;
}

.neptune-graph-header{
    display:flex;
    justify-content:space-between;
    width:100%;
}

.neptune-graph-body{
    display:flex;
    width:100%;
}

.neptune-status-numerics{
    display:flex;
    flex-direction:column;
    background-color:var(--primary-foreground);
    border-radius: 0px 0px 8px 0px;
    height:100%;
    width:15%;
}

.neptune-status-numerics-service{
    display:flex;
    flex-direction:column;
    background-color:var(--primary-foreground);
    border-radius: 0px 0px 8px 0px;
    height:100%;
    width:15%;
}

.neptune-status-numeric-entry-service{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:start;
    flex: 1;
    padding:10px;
    font-size:14px;
}

.neptune-total-status-number-service{
    font-size:18px;
}

.neptune-total-status-number-service{
    font-size:12px;
    color:var(--mono-text);
    font-weight:300;
}

.neptune-graph-header-tabs{
    font-size:12.8px;
    display:flex;
    flex-direction:row;
    padding:4px;
    gap:5px;
    border-radius:8px;
    background-color:var(--background);
    border:1px solid var(--border);
    color:var(--muted-foreground);
}

.neptune-status-numerics, .neptune-status-numerics-service {
    min-height: 540px; /* Adjust based on your needs */
    max-height:540px;
}


.neptune-scale-tab{
    cursor:pointer;
    width:120px;
    padding:4px 12px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:6px;
    transition:0.3s ease;
    font-weight:normal;
}

.neptune-scale-tab:hover{
    color:var(--foreground);
}

.neptune-scale-tab-active{
    background-color:var(--muted);
    color:var(--foreground);
}

.neptune-status-numeric-entry{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:start;
    flex: 1;
    padding:16px 16px 16px 16px;
    font-size:16px;
}

.neptune-total-status-number{
    font-size:20px;
}

.neptune-total-status-number-subtext{
    font-size:14px;
    color:var(--mono-text);
    font-weight:300;
}

.neptune-last-numeric-radius{
    border-radius:0 0 8px 0 !important;
}

.top-half-table-page{
    display:flex;
    flex-direction:column;
}
.top-half-table-page .dashlettable {
    margin-left: 0px;
}

.servicestatustargettext{
    font-size:16px;
    color:var(--muted-foreground) !important;
}

.neptune-statusdetaillinks-container{
    display:flex;
    justify-content: start;
    width:50%;
    gap:10px;
}

.hostgroup_icons{
    display:flex;
    justify-content:flex-end;
    gap:1px;
    align-items:center;
    margin-left:20px;
}

.inlinestatus {
    border-radius:var(--radius);
    padding:4px;
    transition: 0.3s ease;
}

.inlinestatus a {
    border-radius:var(--radius);
    padding:4px;
    color:var(--primary-foreground);
    margin:4px;
    transition: 0.25s ease;
}

.inlinestatus a:hover {
    color:var(--dashlet-anchor-hover);
}
.input-group-long {
    width: 100%;
}

span.input-group-btn:not(last-child) > .btn {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
}
span.input-group-btn:last-child > .btn {
    border-bottom-right-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
}

span.neptune-se-input-group-btn:not(last-child) > .btn {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#tab-sms-prefs,
#tab-email-prefs,
#inner-tabs {
    padding-left: 0;
}
#inner-tabs.ui-widget.ui-widget-content {
    border: 0;
}

.material-symbols-outlined.pop {
    padding-left: 4px;
}

.material-symbols-outlined.tt-bind {
    padding-left: 4px;
    padding-right: 4px;
}

.col-lg-6 {
    padding-left: 0;
}

input[readonly] {
    cursor: not-allowed;
}

input[readonly]::selection {
    background-color: var(--form-bg-hover);
}

input.api-key-readonly[readonly] {
    cursor: default;
}

.toggle_slider {
    background-color: var(--muted);
}

div.neptune-form-element-wrapper .form-control::placeholder {
    color: var(--placeholder-text); opacity: 1;
}

/* Actions Component */
form textarea.form-control.fullsize { 
    width: 100%; 
    min-width: 400px; 
    height: 100%; 
    line-height: 16px;
}

.ac-neptune-subtext {
    font-weight: 500;
}

.ac-neptune-title {
    font-size: 18px;
}

.neptune-actions-table>tbody>tr>td {
    border-bottom: 1px solid var(--border) !important;
}

.neptune-ac-input {
    margin-bottom: 10px !important;
}

/* SNMP TRAP SENDER COMPONENT */
.neptune-ts-table {
    width: 100%;
}

.neptune-ts-input-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.neptune-ts-input-row label {
    width: 150px;
}

.neptune-ts-input {
    width: 200px !important;
}

/* Nagios BPI COMPONENT */
.table>tbody>tr>td  div.neptune-nagbpi-checkbox {
    margin-bottom: 10px;
}

.neptune-insert-variable {
    display: flex; gap: 20px; background-color: transparent; border: none; padding: 19px 0px;
}

.status-dot-array{
    display:flex;
    flex-direction:row;
    justify-content:start;
    gap:20px;
    align-items:center;
    width:100%;
}

.status-dot-text{
    font-size:12.8px;
}


.status-dot-text {
    font-size:12.8px;
}

select.form-control.num-records {
    height: inherit;
    margin-left: 20px;
    width: auto;
}

.pagination-ctrl {
    display: flex;
    width: inherit;
}

.pagination-ctrl button {
    border: none;
    background: none !important;
    color: var(--primary);
    font-size: 1.1rem;
}

.pagination-ctrl a {
    border: none;
    background: none !important;
    color: var(--primary);
    font-size: 1.1rem;
}

.page-count-margin {
    margin: 0;
}

.recordcounttext {
    display:flex;
    position:relative;
    gap:0.5rem;
    margin:0;
    color:var(--muted-foreground);
    font-size:1.28rem;
    align-items: center;
}

select.form-control.history-num-records {
    height: inherit;
    margin-left: 0px !important;
}

.neptune-enable-component-row {
    display: flex;
    align-items: center;
    padding: 0;
}

.copy-report-btns {
    display: flex;
    justify-content: space-between;
    width: 170px;
}

.width-auto {
    width: auto !important;
}

.background-colored {
    background-color: var(--background) !important;
}

.sr-no-margin {
    margin-top: 0px !important;
}

.sr-attachments {
    display: flex;
    align-items: center;
}

.reportexportlinks {
    display: flex;
    gap: 10px;
}

.reportoptionpicker,
.graphoptionpicker {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}

.report-options {
    background: var(--background);
    border: var(--background);
}
.report-options #advanced-options-btn {
    margin-top: 0px;
}
.report-options a.refresh,
.report-options a.settings-dropdown {
    margin-top: 3px;
}
.report-options a.refresh {
    margin-right: 10px;
}

.searchable-box.hostList-sbox input,
.searchable-box.hostgroupList-sbox input,
.searchable-box.servicegroupList-sbox input {
    top: 9px !important;
}

.reportoptionpicker .input-group,
.graphoptionpicker .input-group {
    display: flex;
}

#ui-datepicker-div {
    z-index: 9999999 !important;
}

.input-group-addon {
    line-height: inherit;
}

.ui-widget.ui-widget-content {
    border: 1px solid var(--border);
}

.table-hover tr:hover {
    background-color: var(--secondary) !important;
}

.no-top-border {
    border-top: none !important;
}

.rounded-corners {
    border-radius: var(--radius) !important;
}

.el-icon {
    padding-left: 6px !important;
}

/* overrides for capacity planning */
.cp-report .buttons { position: absolute; top: 139px !important; right: -7px !important;}
.cp-report .cp-tabs { top: 8px !important; right: -8px !important; }
.cp-tabs li.active { color: var(--secondary-foreground); }
.cp-tabs li:not(.active) { color: var(--secondary-muted-foreground); }
hr { border-top: 1px solid var(--border); }

.reports-btn {
    height: 36px;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 16px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.pagination-total {
    vertical-align: middle;
}

select.form-control.history-num-records {
    height: inherit;
    margin-left: 0px !important;
    width: auto;
}

/* Base style for radio buttons */
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid var(--border);
    border-radius: 50%;
    background-color: var(--input);
    cursor: pointer;
    margin-top: 2px;
    padding: 2px;
    margin-left: -25px !important;
}

input.neptune-centered-radio[type="radio"] {
    margin-left: 0px !important;
}

input[type="radio"]:hover {
    background-color: var(--background);
}

input[type="radio"]:focus {
    outline: none;
}

input[type="radio"]:focus-visible {
    outline-offset: 0;
}

input[type="radio"]:checked {
    box-shadow: 0 0 0 1px var(--checkbox);
    accent-color: var(--checkbox);
    background-color: var(--checkbox);
    border: 3.5px solid var(--background);
}

input[type="radio"]:active {
    background-color: var(--primary-foreground);
}

/* Disabled style for radio buttons */
input[type="radio"]:disabled {
    background-color: var(--secondary); 
    border-color: var(--border);
    cursor: not-allowed;
    opacity: 0.5; 
}

input[type="radio"]:disabled:hover {
    background-color: var(--secondary); 
    border-color: var(--border);
    cursor: not-allowed;
}

input[type="radio"]:disabled:checked {
    box-shadow: 0 0 0 1px var(--foreground);
    accent-color: var(--foreground);
    background-color: var(--foreground);
    border: 3.5px solid var(--background);
}

.material-symbols-bold {
    font-weight: 400;
}

.neptune-banner-search-container{
    display:flex;
}

.neptune-banner-form-inline{
    display:flex;
    align-items: center;
}

#banner_message_modal_btn{
    padding:7px 12px;
    height:100%;
}

#banner_message_modal {
    background-color:var(--popover);
    color:var(--foreground);
    border:1px solid var(--border);
    border-radius:8px;
}

#banner_message{
    background-color:var(--primary-foreground);
    border:1px solid var(--border);
    min-height:80px;
}

.element_disabled_text{
    color:var(--secondary-muted-foreground);
}

#banner_message_start_date{
    background-color:var(--primary-foreground);
    border-radius:var(--radius);
    border:1px solid var(--border);
}


#banner_message_end_date{
    background-color:var(--primary-foreground);
    border-radius:var(--radius);
    border:1px solid var(--border);
}

#select_specific_users_banner_message{
    background-color:var(--primary-foreground);
    border-radius:10px;
    padding:2px;
    
}

.element_disabled{
    color:var(--secondary-muted-foreground);
    
}

#banner_message_modal_btn_container{
    display:flex;
}

.neptune-ajax-pagination{
    display:flex;
    align-items:center;
    gap:20px;
}

.btn-pager {
    color: var(--primary);
    background-color: var(--background);
    border: none;
}
.btn-pager:hover {
    color: var(--primary-hover);
}
h5.modal_ul:after {
    background-color: var(--border);
}

#copy-trap-modal, #edit-trap-modal, #add-trap-modal{
    max-width:80%;
    top:50px;
    left:25% !important;

}

.default-populator{
    width:45px !important;
}

#custom-trap-modal{
    max-width:60% !important;
    left:25% !important;
}

#testfile-parentdiv{
    top:10% !important;
}


#banner_message_banner_color{
    background-color:var(--primary-foreground);
}


#banner_message_banner_color:disabled::placeholder{
    color:var(--secondary-muted-foreground);
}

#select_specific_users_banner_message{
    border:1px solid var(--border);
}

#selected_users{
    border:1px solid var(--border);
    background-color:var(--primary-foreground);
}

/* ccm splash page */
.ccm-stat-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
}

.ccm-stat-box:nth-child(even), .ccm-stat-box:nth-child(odd) {
    padding-left: 0px;
}
.ccm-stat-box a.btn {
    width: 280px;
    background-color: var(--background);
    border: 1px solid var(--border);
    color: var(--foreground);
    padding: 18px;
}
.ccm-stat-box a.btn .icon-color-override {
    padding-left: 10px;
}

.ccm-stat-detail {
    margin-left: auto;
    padding-right: 10px;
    color: var(--text-muted-light);
}

.ccm-stat-text {
    font-size: 14px;
}

.ccm-stat-box {
    width: auto;
}

.ccm-splash-container {
    flex: 1;
}

.ccm-neptune-splash-title {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    padding: 15px;
    font-size: 16px;
    border: 1px solid var(--border);
    border-bottom: none;
    background-color: var(--secondary);
    font-weight: bold;
    display: flex;
}

.ccm-splash-container>.well {
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ccm-splash-container>.well>.table-bordered>tbody>tr>td, .ccm-splash-container>.well>.table-bordered>tbody>tr>th, .ccm-splash-container>.well>.table-bordered>tfoot>tr>td, .ccm-splash-container>.well>.table-bordered>tfoot>tr>th, .ccm-splash-container>.well>.table-bordered>thead>tr>td, .ccm-splash-container>.well>.table-bordered>thead>tr>th {
    background-color: var(--secondary);
}

.ccm-splash-container>.well>.table-bordered>tbody>tr>td, .ccm-splash-container>.well>.table-bordered>tfoot>tr>td, .ccm-splash-container>.well>.table-bordered>tfoot>tr>th, .ccm-splash-container>.well>.table-bordered>thead>tr>td {
    border-bottom: none;
}

#helpOptions {
    padding: 9px 30px 0px 0px;
}

/* CCM Config File Management */
#writeConfigForm {
    gap: 10px;
}

.info-popup>p {
    font-size: 12.8px;
}

.info-popup>h2 {
    font-size: 24px;
}

#prompt>.message>.actionMessage>li {
    display: list-item;
}

/* Bulk Mod Tools */
.save-box {
    display: flex;
    gap: 20px;
    border: none;
}

div#contentWrapper .ccm-btn-group .btn-default {
    background-color: var(--secondary);
    color: var(--muted-foreground);
}

div#contentWrapper .ccm-btn-group .btn-default.active, div#contentWrapper .ccm-btn-group .btn-default:hover, .ccm-stat-box a.btn:hover {
    background-color: var(--muted);
    border-color: var(--border);
    color: var(--secondary-foreground);
}

.button-box> div {
    display: flex;
    gap: 20px;
}

/* need to test to see if this ruins anything */
div#contentWrapper label {
    color: var(--foreground);
}

div#contentWrapper select.form-control {
    height: 36px;
}

div>.bmt-select-box {
    width: 350px;
}

.bmt-find-relation {
    display: inline-block;
    margin-left: 5px;
}

div#contentWrapper p.label {
    font-size: 12.8px;
    color: var(--muted-foreground);
}

.bmt-single-config-field {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

label>.bmt-single-config-input {
    width: 125px;
}

#inner_config_option>div>label, #inner_config_option>label {
    font-size: 14px;
}

/* This !important is "necessary" to counteract the !important on line 4813 */
/* Shelwin told me the aforementioned !important was necessary so I didn't want to remove it -AC*/
#inner_config_option>label>input[type="radio"] {
    margin-left: 0px !important;
}

.neptune-bulk-insert-var {
    display: flex;
    gap: 20px;
    padding-top: 20px;
}

#bulk_stage1>div {
    display: flex;
    gap: 10px;
}

.ccm-stage-underline {
    border-bottom: 1px solid var(--muted);
}

.btn-mso-sm,
.btn-mso-lg {
    padding: 4px;
    color: var(--foreground);
    border-radius: var(--radius);
    border-color: var(--border);
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}
.btn-mso-sm:hover,
.btn-mso-lg:hover {
    background-color: var(--muted);
    color: var(--foreground);
    transition: background-color 300ms ease, color 300ms ease;
    -ms-transition: background-color 300ms ease, color 300ms ease;
    -webkit-transition: background-color 300ms ease, color 300ms ease;
}
.btn-mso-lg {
    padding: 8px;
}

/* Used by the helpsystem */
.btn-nagios {
    height: 36px;
    width: 36px;
    background-color: var(--primary);
    border-radius: var(--radius);
    border: 1px solid var(--border);
    align-items: normal;
}
.btn-outline-primary.btn-nagios {
    font-weight: bold;
    border: 2px solid rgba(0, 0, 0, 0.15);
}
.btn-primary.btn-nagios, .btn-outline-primary.btn-nagios {
    background-color: var(--primary);
    color: var(--primary-foreground);
    border-color: var(--border);
    font-weight: 400;
}
.btn-outline-primary.btn-nagios.btn-icon {
    background-color: var(--secondary);
    padding: 0px 5px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--foreground);
    cursor: pointer;
    align-items: center;
}
.btn.btn-nagios.btn-icon>i.material-symbols-outlined {
    vertical-align: middle;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.4;
}
.btn-outline-primary.btn-nagios.btn-icon:hover {
    background-color: var(--muted);
    border-color: var(--muted);
}

.btn-outline-primary.btn-nagios:hover,
.btn-outline-primary.btn-nagios:focus,
.btn-outline-primary.btn-nagios:active {
    background-color: var(--primary-hover);
    border-color: var(--border);
    transition: background-color 300ms ease, border-color 300ms ease;
    -webkit-transition: background-color 300ms ease, border-color 300ms ease;
    -ms-transition: background-color 300ms ease, border-color 300ms ease;
}

.table-actions-symbol {
    margin: 0 2px;
    cursor: pointer;
}

.ccm-top {
    margin: 0px;
}

.ccm-top .alert .btn {
    border: 1px solid;
    background-color: var(--error-msg-bg);
    color: var(--error-msg-text);
    transition: all 0.3s ease;
}

.ccm-top .alert .btn:hover {
    background-color: var(--danger-btn);
    color: var(--error-msg-text);
    transition: all 300ms ease;
}
.ccm-top .alert .btn:hover .material-symbols-outlined {
    transform: translateX(10px);
}
.ccm-top .alert span {
    font-size: 14px;
    color: var(--error-msg-text);
}

.ccm-top .alert {
    display: flex;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    justify-content: space-between;
}
.urgent, a.urgent:link, a.urgent:visited {
    color: var(--error-msg-text-secondary);
}

#jumpToPageBox {
    width: 70px;
    border-left: 1px solid transparent;
}

#innerPageJumpDiv {
    width: 185px;
}

#default_lines {
    width: 100px;
}

.page-lock-text {
    color: var(--muted-foreground);
}

.edit-page-lock-label {
    margin-bottom: 10px;
}

.ccm-row>.neptune-password-input {
    font-family: 'verdana aerial';
    font-size: 20px;
}

.neptune-btn {
    display: inline-flex;
}

#commandsuccesscontent>.message>.infoMessage {
    border-radius: var(--radius);
    font-size: 14px;
    color: var(--success-msg-text);
    background-color: var(--success-msg-bg);
    border: 1px solid var(--success-msg-border);
}

#commanderrorcontent>.message>.errorMessage, .apply-config-details>#errors>.error {
    border-radius: var(--radius);
    font-size: 14px;
    color:var(--error-msg-text);
    background-color: var(--error-msg-bg);
    border: 1px solid var(--error-msg-border);
}

#staticFiles {
    width: 250px;
}

#filterMacros {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#system-macro-body {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#writeConfigDiv .btn-danger {
    background-color: var(--danger-btn);
    color: var(--foreground);
    border: none;
}

.tooltip.in{
    opacity:1;
}

.enterprisefeaturenotice {
    display: flex;
    color: var(--foreground);
    background-color: var(--card);
    border-bottom: 1px solid var(--border);
    justify-content: center;
    gap: 0.5rem;
}

.contentheadernotice {
    display: flex;
    color: var(--foreground);
    background-color: var(--card);
    border-top: none;
    justify-content: center;
    font-size: 14px;
    line-height: 20px;
    gap: 0.5rem;
}

.contentheadernotice a {
    color: var(--primary);
    font-weight: bold;
}

.enterprisefeaturenotice.maincontent {
    display: none;
}

.enterprisefeaturenotice > a:hover {
    color: var(--primary);
    text-decoration-line: underline;
}
.neptune-flash-msg-link {
    font-weight: 700;
}

.urgent, a.urgent:link, a.urgent:visited {
    color: var(--error-msg-text);
    font-size: 14px;
}

tr>.d2h-del, td>.d2h-del {
    background-color: var(--error-msg-bg);
    color: var(--foreground);
}

tr>.d2h-ins, td>.d2h-ins {
    background-color: var(--success-msg-bg);
    color: var(--foreground);
}

.d2h-ins .d2h-code-line ins, .d2h-ins .d2h-code-side-line ins {
    background-color: var(--success-msg-border);
}

.d2h-del .d2h-code-line del, .d2h-del .d2h-code-side-line del {
    background-color: var(--danger-btn);
}

.d2h-file-name-wrapper>.d2h-tag {
    font-size: 14px;
    color: var(--primary);
    background-color: var(--muted);
    border-radius: var(--radius);
    border: 1px solid var(--border);
}

.d2h-diff-table>tbody>tr>td {
    padding: 6px;
}

#singleSyncDiv {
    border-style: solid;
    border-width: 1px;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

#timeperiod-box {
    max-width: 50%;
}

#txtTimerange, #txtTimedefinition {
    width: 200px;
}

#timeperiod-box>.well>.btn {
    display: inline-flex;
}

#timeperiod-box>.well {
    padding: 0px;
    border: none;
    background-color: var(--background);
}

#timeperiod-box table {
    border: none;
}

#timeperiod-box>.table>tbody>tr.trOption>td, .neptune-datetimepicker {
    border-radius: 0px;
}
.datetimepicker{
    min-width: min-content;
    max-width: max-content;
}

/* this needs more testing to see if it breaks other areas */
.xBox {
    display: flex;
    float: right;
}

#actionSearch {
    border-right: 1px solid transparent;
}

.material-icon-va {
    vertical-align: middle;
}

#applyConfigOutput {
    font-size: 12.8px;
}

div>.alert-success {
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    font-size: 14px;
}

.neptune-inline-flex-btn {
    display: inline-flex;
}

.ui-state-default:not(.ui-state-active,.ui-slider-handle,.ui-datepicker-current,.ui-datepicker-close):hover{
    border:none !important;
    font-weight: normal;
    color:var(--foreground);
    transition:0.3s ease;
}

.ui-state-default:not(.ui-state-active) > a:hover {
    color:var(--foreground);
    transition:0.3s ease;
}

.bpi-last-update{
    color:var(--secondary-muted-foreground) !important;
    font-size:12.8px;
}

.note {
    color:var(--secondary-muted-foreground) !important;
    font-size:12.8px;

}


#bpiContent  .bpi-status-td{
    background-color:var(--primary-foreground);
    border-radius:6px 0px 0px 6px;
    border:1px solid var(--border) !important;
    color:var(--foreground);
}

#bpiContent  .neptune-url{
    background-color:var(--input) !important;
    color:var(--foreground);
    border:1px solid var(--border);
}

#lastUpdate{
    color:var(--secondary-muted-foreground) !important;
}

.neptune-operations-center-table > tbody > tr > td {
    padding:12px;
}



.neptune-operations-center-table > tbody > tr > th:first-child {
    border: 1px solid var(--border);
    border-radius: 6px 0px 0px 6px;
    border-right: none;
}

.neptune-operations-center-table > tbody > tr > th:last-child {
    border: 1px solid var(--border);
    border-radius: 0px 6px 6px 0px;
    border-left:none;
}


#bpiContent   .neptune-bpi-status-text{
    font-family:"Geist Mono";
    font-size:12.8px;
    border:1px solid var(--border) !important;
    border-left:none !important;
    background-color:var(--secondary);
}

.neptune-operations-center-table > tbody > tr > th:not(:first-child) {
    border-top: 1px solid var(--border);
    border-bottom:1px solid var(--border);
}

.neptune-well {
    background-color: transparent;
    width: 100%;
}

.neptune-input-group-addon{
    height: 32px;
    border-right: none;
    border-radius: 6px 0px 0px 6px;
    border: 1px solid var(--border);
}
.neptune-selector {
    background-color: var(--primary-foreground);
}

.neptune-input-group-addon-item {
    height: 32px;
}

.SumoSelect > .CaptionCont {
    height: 34px;
    border-left: none;
    border-radius: 0px 6px 6px 0px;
}

.neptune-hostgroups {
    font-size: 16px;
    font-family: "Geist";
    font-weight: 300;
}

.ui-tabs-anchor:hover > span {
    transition: 0.3s ease;
    color: var(--foreground);
}

.neptune-status-well {
    border-radius: 6px;
}

.hoststatusdetailinfotext {
    font-family: "Geist Mono";
    font-size: 14px;
    font-weight: 300;
    color: var(--foreground);
}

.servicestatusdetailinfotext {
    font-family: "Geist Mono";
    font-size: 14px;
    font-weight: 300;
    color: var(--foreground);
}
.neptune-status-detail-chart-timeframe-selector {
    display: flex;
    font-size: 16px;
    flex-direction: column;
}

.neptune-time-selector {
    width: 300px;
    margin-top: 10px;
}

.nowrap {
    white-space: nowrap;
}

.gap-0\.5 {
    gap: 2px;
}

.gap-2 {
    gap: 10px;
}

.gap-1 {
    gap: 4px;
}

.gap-20 {
    gap: 20px;
}

.bpi-neptune-sort:hover {
    background-color: var(--input) !important;
}

#bpiContent .neptune-bpi-desc {
    border: 1px solid var(--border) !important;
    border-left: none !important;
    background-color: var(--secondary);    
}

#bpiContent  .neptune-bpi-actions {
    border: 1px solid var(--border) !important;
    border-left: none !important;
    background-color: var(--secondary);   
}

.neptune-plugin-output {
    height: 24px !important;
}

.syncmessage {
    display: flex;
}

.popover {
    background-color: var(--popover);
}
.popover-title {
    background-color: var(--popover);
    border-bottom: 1px solid var(--border) !important;
}

.bpi-changes-del {
    color: var(--destructive);
}

.bpi-changes-add {
    color: var(--success);
}

.neptune-metric-well {
    background-color: var(--background) !important;
    border: none !important;
}

.neptune-check-area {
    background-color: var(--primary-foreground);
    margin-top: 10px !important;
    border-radius: 6px;
}

.neptune-hide {
    display: none !important;
}

.table-host-width{
    min-width: 200px !important;
}

.table-service-width{
    min-width: 200px !important;
}
.p-0{
    padding:0 !important;
}

.pl-0{
    padding-left:0 !important;
}

.m-0{
    margin:0 !important;
}
.ml-0{
    margin-left: 0 !important;
}

.ml-2{
    margin-left: 8px;
}

.neptune-margin-config-sound {
    margin-left: 25px;
}

.available-dashlet-header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.anti-form-control {
    width: 18px !important;
    height: 18px !important;
}

* {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color:  var(--muted)  var(--primary-foreground);
}
  
* {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
  
.metricsguage_dashlet > a > b {
    font-size: 14px;
    font-weight: normal !important;
}

.metric_gauge_box {
    height: 24px;
}

.perfgraphlink > .btn {
    border: none !important;
}

.recordcounttext {
    margin-bottom: 10px;
}

.btn-group .btn-default.active {
    background-color: var(--secondary);
    border: 1px solid var(--border);
}

.btn-group .btn-default:hover {
    background-color: var(--secondary);
    border: 1px solid var(--border);
}

@media (min-width: 1500px) {
    .two-column .pd-container .perfgraphlinks {
        position: static;
}}

#graphDisplay{
    border: none !important;
}

.neptune-graph-well {
    background-color: var(--background);
    border: none !important;
}

#selectHost {
    height: 36px !important;
}

#selectService {
    height: 36px !important;
}

#selectHostgroup {
    height: 36px !important;
}

#selectServicegroup {
    height: 36px !important;
}

#selectDataType {
    height: 36px !important;
}

#reportperiodDropdown {
    height: 36px !important;
}

#service_stack div {
    background-color: var(--background) !important;
}

.leaflet-top {
    top: 35px !important;
}

.map-top-margin{
    top: 35px !important;
}

.map-gear-margin{
    top: 50px !important;
}

.bg-transparent{
    background-color: transparent !important;
}

input[type="radio"].leaflet-control-layers-selector {
    margin-left: 2px !important;
}

.margin-left-well{
    margin-left: -50px !important;

}

.infoMessage {
    border-radius: var(--radius);
    font-size: 14px;
}

#clear {
    margin-left: 10px;
    background-color: var(--secondary);
}

#clear:hover, #clear>span:hover, #submitSearch>span:hover {
    cursor: pointer;
}

#rel-popup>div>p>.label-10 {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.8px;
}

#rel-popup>div>p {
    font-size: 12.8px;
}

.label-danger {
    background-color: var(--color-critical);
}

.h-9 > .SumoSelect > .CaptionCont{
    height: 36px !important;
}

.h-9 > .SumoSelect > .SelectBox{
    display: flex;
    align-items: center;
}


#search-form{
    display: flex;
}

#paging-info{
    font-size: 12.8px;
    color: var(--secondary-muted-foreground);
}

.placeholder{
    color: var(--secondary-muted-foreground) !important;
 
}

.neptune-ajax-pagination{
    align-items: center;
}

.neptune-scheduled-downtime-area > form select.form-contro{
    height: 800px !important;
}

#neptune-host-area-box{
    height: 300px !important;
}


#neptune-service-area-box{
    height: 300px !important;
}

#neptune-hostgroup-area-box{
    height: 300px !important;
}

#neptune-servicegroup-area-box{
    height: 300px !important;
}


.label-default{
    background-color:var(--secondary);
    border:1px solid var(--border);
    font-size:14px !important;
}

.checkbox-status-dot-align{
    margin-bottom: -4px;
    margin-left: 8px;
}

/* Styles for mass_x tables (e.g. mass toggle notifications, mass acknowledgements) */
form#form_massnotif table>tbody>tr>td:first-child>div,
form#form_masscheck table>tbody>tr>td:first-child>div,
form#form_massack table>tbody>tr>td:first-child>div,
form#form_massdowntime table>tbody>tr>td:first-child>div {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
form#form_massnotif table>tbody>tr>td:not(:first-child).alignleft,
form#form_masscheck table>tbody>tr>td:nth-child(2) label,
form#form_massdowntime table>tbody>tr>td:nth-child(2) label {
    white-space: nowrap;    
}
form#form_massnotif table>tbody>tr>td:first-child>div input[type="checkbox"],
form#form_massack table>tbody>tr>td:first-child>div input[type="checkbox"],
.csv_btn  {
    margin-right: 10px;
}
form#form_masscheck table>tbody>tr>td>div input[type="checkbox"],
form#form_massdowntime table>tbody>tr>td>div input[type="checkbox"] {
    margin-left: -30px;
}
form#form_massnotif table input[type="checkbox"],
form#form_masscheck table input[type="checkbox"],
form#form_massdowntime table input[type="checkbox"],
form#form_massack table>tbody>tr>td:first-child input[type="checkbox"],
form#form_massack table>thead input[type="checkbox"] {
    margin-top: 0px;
}
form#form_massack table>thead input[type="checkbox"] {
    margin-left: -25px;
}
.ccm-landing-page-wrapper {
    display: flex;
    gap: 20px;
}

a > .material-symbols-outlined {
    cursor: pointer;
}

#documentation>p:first-of-type>strong {
    font-size: 24px;
}

#documentation>p {
    font-size: 14px;
}

#documentation>.closeOverlay>a {
    border: 1px solid var(--border);
    box-shadow: none;
    display: inline-flex;
}

.import-config-arrow {
    font-weight: 800;
}

.table-ccm .tbl-actions a, .table-ccm .tbl-actions span {
    line-height: 1;
    font-size: 20px;
}

.hosticons span {
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hosticons a {
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hosticons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hosticons > a > span:has(> :nth-child(1):last-child) {
    width: 24px;
}

.hosticons > a > span:last-child {
    padding-left: 0px;
}

.neptune_plugin_output {
    height: 100%;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: var(--secondary-hover);
    border: 1px solid var(--border);
    color: var(--secondary-foreground);
}

.neptune-btn-tab>.active {
    background-color: var(--muted);
}

#config_filter_box {
    margin: 5px 0px 0px 0px;
    line-height: inherit;
}

.material-symbols-outlined.md-nagios-blue {
    color: var(--primary);
}

.ccm-row>.checkbox>.neptune-rename-checkbox {
    top: -3px;
    margin-left: 0px;
    vertical-align: middle;
}

#resetForm>div {
    display: flex;
    gap: 10px;
}

#resetForm>div>button, #resetForm>div>a {
    display: inline-flex;
}

#forgot-password-link:hover {
    color: var(--info-msg-border);
}

.dashlettableinnercontent .material-symbols-outlined,
.dashboarddashletcontainer .material-symbols-outlined,
#configWizardForm .material-symbols-outlined {
    font-variation-settings: 'FILL' 0;
}

.timeline-event-label {
    color: var(--primary-foreground)
}
.table.unconfigured-passive-object-table tr:not(:first-child).top-border-upo td {
    border-top: 1px solid var(--border);
}

.table.unconfigured-passive-object-table tr td {
    border-bottom: 1px solid hsl(213.85, 31.71%, 24.12%, 50%);
}

/* Network Report / Network Query pages */
h5:has(a.btn.fullscreen-button) {
    display: flex;
    align-items: center;
}
.input-group-margin-left-base {
    margin-left: 0px;
}

/* nagiosxi/basedir/html/images/select-dropdown.svg */

.neptune-select {
    -moz-appearance: none; /* Remove default arrow for Firefox */
    -webkit-appearance: none; /* Remove default arrow for Safari and Chrome */
    appearance: none; /* Remove default arrow for most modern browsers */
    padding: 8px 32px 8px 8px; /* Adjust these values as needed */
    background-image: url('../../../images/select-dropdown.svg') !important;
    background-repeat: no-repeat;
    background-position: right 8px center; /* Adjust this value to move the arrow more inside */
    background-size: 16px 16px; /* Adjust the size of your custom arrow */
    border: 1px solid var(--border); /* Example border */
    border-radius: 4px; /* Example border-radius */
}

.no-flex {
    display: inherit !important;
}

.neptune-checkbox-container{
    display:inline-flex !important;
    align-items:flex-end; 
    font-size:13px; 
    cursor:pointer;
}

.neptune-checkbox-check{
    display: flex;
    position: relative;
    align-items: center;
    padding: 2px;
    margin: -2px;
}


.ad-ldap-wrapper {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}

#import-message>.actionMessage>li {
    display: list-item;
}

#perf-graph-csv-button {
    margin-left: 0px;
}

form .edit-action {
    width: auto;
}

#child_popup_content {
    max-height: 750px;
    overflow-x: hidden;
    overflow-y: auto;
}

#limited-access-table {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: 0;
    border: none;
}

.ccm-limited-access-settings>td>.well>table {
    background-color: var(--background);
}

.checkbox>label>.ccm_access_list {
    margin-top: 0px;
}

#applyConfigOutput {
    max-width: 850px;
}

.mtn-width{
    width:700px;
}

.hoststatustargettext {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 34rem); /* Adjust as necessary */
}
.servicestatustargettext {
    max-width: calc(100% - 40rem); /* Adjust as necessary */
}

.hoststatustargettext a:has(~ span) {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 20rem; /* Adjust as necessary */
}

.details-label {
    padding-top: 10px;
}
.details-label input[type="checkbox"] {
    margin-top: -1px;
}

/* Styles for the Neptune report options */
.neptune-drawer-options {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1050;
    width: 400px;
    height: 100vh; 
    background-color: var(--input);
    border-right: 1px solid var(--border);
    border-left: 1px solid var(--border);
    padding: 20px;
    overflow: auto;
    transition: transform 300ms ease-in-out;
    transform: translateX(400px);
    box-shadow: -5px 0 12px -1px var(--popover);
}
.neptune-drawer-options.drawer-options-visible {
    transform: translateX(0);
    z-index: 9500;
}
.neptune-drawer-options .input-group {
    margin-right: 0px;
}
.neptune-drawer-options .input-group-addon {
    display: flex;
    align-items: center;
    width: auto;
}

.neptune-left-drawer {
    right: unset;
    left: 0;
    transform: translateX(-400px);
}
.neptune-left-drawer .input-group {
    margin-right: unset;
    margin-left: 0px;
}

/* Graph Explorer */
.neptune-left-push-drawer {
    right: unset;
    left: -350px;
    transform: unset;
    width: 0px;
    transition: 300ms ease-in-out;
}
.neptune-left-push-drawer .input-group {
    margin-right: unset;
    margin-left: 0px;
}
.neptune-left-push-drawer.neptune-drawer-options.drawer-options-visible {
    transform: unset;
    left: 0;
    width: 300px;
}

.neptune-drawer-options .input-group select,
.neptune-drawer-options .input-group>span,
.neptune-drawer-options .input-group,
.neptune-drawer-options #customdates>div.input-group,
.custom-view {
    width: 100% !important;
}
.form-inline .neptune-drawer-options .input-group #hostgroupList,
.form-inline .neptune-drawer-options .input-group #servicegroupList {
    border-left: 1px solid var(--border);
    border-radius: var(--radius);
}
.form-inline .neptune-drawer-options .input-group #hostList:not(:has(+#serviceList)) {
    border-radius: var(--radius);
}
.form-inline .neptune-drawer-options .input-group #hostList:has(+#serviceList[style*="display: none;"]) {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
.form-inline .neptune-drawer-options .input-group #serviceList {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
.form-inline .neptune-drawer-options .input-group select:has(+#serviceList:focus),
.neptune-drawer-options select:has(+select#object:focus),
.neptune-drawer-options select:has(+span#use-view-container>select:focus) {
    border-right: 1px solid rgb(24, 103, 182);
} /* above is #1867B6 */
.form-inline .neptune-drawer-options .input-group select#hostgroupList:focus,
.form-inline .neptune-drawer-options .input-group select#servicegroupList:focus {
    border-left: 1px solid rgb(24, 103, 182);
}
.neptune-drawer-options button#run {
    display: flex;
    justify-content: center;
    width: fit-content;
}
.neptune-drawer-options #advanced-options-btn,
#all-bandwidth-reports-link {
    display: flex;
    align-items: center;
    margin: 0px;
    font-size: 14px;
    position: relative;
    left: 145px;
}
.neptune-drawer-options #advanced-options {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    padding-top: 15px;
}
.neptune-drawer-options #advanced-options>div {
    width: 102.86%; /* math */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2.5px 0px 2.5px -10px;
    padding: 5px 0px 5px 10px;
}
.neptune-drawer-options #advanced-options>div:first-child {
    margin-top: 0px;
}
.neptune-drawer-options #advanced-options>div:not(.clear):hover,
.neptune-drawer-options #excluders table span.checkbox:hover {
    background-color: var(--background);
    border-radius: var(--radius);
}
.neptune-drawer-options #advanced-options>div[style*="clear: both;"]:hover {
    background-color: transparent;
}
.neptune-drawer-options #advanced-options>div>select {
    width: fit-content;
}
.neptune-drawer-options #advanced-options>div input[type="checkbox"],
.neptune-drawer-options .checkbox input[type="checkbox"][name="graphtype"] {
    position: relative;
    margin-top: 0px;
}
.neptune-drawer-options #advanced-options>div label:has(input[type="checkbox"]),
.neptune-drawer-options .checkbox label:has(input[type="checkbox"][name="graphtype"]),
.neptune-drawer-options #excluders table span.checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.report-options .neptune-drawer-options #advanced-options>div label:has(input[type="checkbox"][disabled]) {
    color: var(--border);
    cursor: not-allowed;
}
.neptune-drawer-options .form-control.condensed {
    height: 36px;
}
.btn-datetimepicker {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}
.neptune-drawer-options #customdates {
    padding-right: 0px;
}
.options-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.options-drawer-header h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
/* Styles below are intended to specifically target the bandwidth report */
.neptune-drawer-options .checkbox:has(input[type="checkbox"][name="graphtype"]) {
    width: 100%;
    padding: 0px 0px 15px 0px;
}
#all-bandwidth-reports-link {
    left: 70px;
    line-height: inherit;
    margin-left: 0px;
}
/*Styles below are intended to specifically target the network reports */
#network-report-toggle {
    margin-left: 0px !important;
}
.neptune-drawer-options #excluders table {
    padding-top: 15px;
}
.neptune-drawer-options #excluders table span.checkbox {
    width: 47%;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
}
.neptune-drawer-options #excluders table span.checkbox input[type="checkbox"] {
    margin-top: 0px;
}
.neptune-drawer-options #excluders table td {
    display: block;
}
.neptune-drawer-options #excluders table td:first-child {
    padding-bottom: 7.5px;
}
.neptune-drawer-options select#object:has(+span#use-view-container[style*="display: none;"]) {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
/* Neptune selects */
.neptune-drawer-options select.form-control {
    -moz-appearance: none; /* Remove default arrow for Firefox */
    -webkit-appearance: none; /* Remove default arrow for Safari and Chrome */
    appearance: none; /* Remove default arrow for most modern browsers */
    padding: 0px 32px 0px 8px; /* Adjust these values as needed */
    background-repeat: no-repeat;
    background-position: right 8px center; /* Adjust this value to move the arrow more inside */
    background-size: 16px 16px; /* Adjust the size of your custom arrow */
}

.perfgraphsuggest {
    padding-right: 10px;
}

.gap-5 {
    gap: 5px;
}

option.picker-option:disabled {
    opacity: 0.5;
}

option.picker-option:disabled:hover {
    background-color: var(--secondary) !important;
    cursor: not-allowed !important;
    opacity: 0.5;
}
.noc-filter-form {
    display: flex; 
    flex-wrap:wrap; 
    gap:10px;
}

/* SLA Dashlet */
.dashlettable.sla_report_outboard {
    padding: 20px;
    height: fit-content;
    overflow: hidden;
}
.dashlettable.sla_report_outboard:hover {
    overflow: auto;
}
.dashlettable.sla_report_outboard .dashifybutton {
    top: 22px;
    left: 22px;
}
.dashlettable.sla_report_outboard table {
    margin-left: -22px;
}
.sla_dashlet h5 {
    font-size: 16px;
    padding-bottom: 10px;
}
.sla_report_inboard .sla_dashlet table.table-bordered th,
.sla_report_inboard .sla_dashlet table.table-bordered td {
    background-color: var(--input);
}
.sla_dashlet table>tbody>tr>td {
    padding: 25px;
}
.sla_dashlet table>tbody>tr:first-child>th {
    border-top: 1px solid var(--border);
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
}
.sla_dashlet table>tbody>tr:first-child>th:first-child {
    border-left: 1px solid var(--border);
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
}
.sla_dashlet table>tbody>tr:first-child>th:last-child {
    border-right: 1px solid var(--border);
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
}
.sla_dashlet table>tbody>tr:last-child>td {
    border-bottom: none;
}
.sla_dashlet table>tbody>tr:has(td:empty) {
    display: none;
}
.sla_dashlet b {
    font-weight: normal;
}
.sla_dashlet div.bg-critical,
.sla_dashlet div.bg-ok {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    border-radius: var(--radius);
    color: var(--primary-foreground);
    font-weight: 600;
}
.sla_dashlet tr:nth-child(4):last-child td[align="right"] {
    font-size: 25px;
}
.sla_dashlet td[align="right"] {
    text-align: left;
}

/* Multiselect styles */
select.multiselect > option {
    background-color: var(--secondary);
    color: var(--foreground);
    border-radius: var(--radius);
    height: 25px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
select.multiselect > option:not(:last-child) {
    margin-bottom: 6px;
}
select.multiselect > option:hover {
    background-color: var(--muted);
    cursor: pointer;
}
select.multiselect[multiple]:focus > option:checked {
    background: var(--primary) linear-gradient(0deg, var(--primary) 0%, var(--primary) 100%);
}

/* Performance Data Graphs and Tables */
.serviceperfgraphcontainer .dashlettable,
.hostperfgraphcontainer .dashlettable {
    /* 10px padding + 52px buttons */
    width: calc(100% - 67px) !important; 
}

.pd-container .dashlettableinnercontent.xicore_perfdata_chart_outboard, .pd-container .dashlettableinnercontent.perf_graph_table {
    width: 100% !important;
}

.serviceperfgraphcontainer .dashlettable .perfdata_dashlet,
.hostperfgraphcontainer .dashlettable .perfdata_dashlet {
    overflow: visible !important;
}
/* Datepicker styles */
.ui-datepicker {
    border-radius: var(--radius);
    width: fit-content;
    line-height: 1.24;
    padding: 0.8em;
    margin-top: 0.2em;
}
.ui-datepicker,
.ui-datepicker td,
.ui-datepicker th {
    font-size: 12.8px;
    font-weight: normal;
}
.ui-datepicker td .ui-state-default {
    color: var(--card-foreground);
    border: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8em;
    border-radius: var(--radius);
    transition: background-color 300ms ease;
    -webkit-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
}
.ui-datepicker td .ui-state-default:hover,
.ui-datepicker td .ui-state-active {
    background-color: var(--secondary-hover);
}
.ui-datepicker .ui-datepicker-header {
    border: none;
    font-weight: normal;
    padding-bottom: 0.8em;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    border: 1px solid var(--secondary-hover);
    border-radius: var(--radius);
    width: 2.2em;
    height: 2.2em;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-next:active,
.ui-datepicker .ui-datepicker-next:focus {
    background-color: var(--secondary-hover);
    top: 2px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-current {
    left: 0.4em;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-close {
    right: 0.4em;
}
.ui-datepicker .ui-icon-circle-triangle-w,
.ui-datepicker .ui-icon-circle-triangle-e {
    -moz-appearance: none; /* Remove default arrow for Firefox */
    -webkit-appearance: none; /* Remove default arrow for Safari and Chrome */
    appearance: none; /* Remove default arrow for most modern browsers */
    background-image: url('../../../images/select-dropdown.svg') !important;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 16px 16px;
}
.ui-datepicker .ui-icon-circle-triangle-w {
    transform: rotate(90deg);
}
.ui-datepicker .ui-icon-circle-triangle-e {
    transform: rotate(-90deg);
}
.ui-datepicker .ui-timepicker-div {
    padding: 0 0.8em 0 0.8em;
    margin: 0px;
}
.ui-datepicker .ui-timepicker-div dl dt {
    padding: 0px;
    font-weight: normal;
}
.ui-datepicker .ui-timepicker-div dl dd {
    margin: 0.8em 0 0.8em 30%;
    height: 18.2833px;
}
.ui-datepicker .ui-slider {
    height: 50%;
    width: 100%;
    border-radius: 0.3em;
    border: 1px solid var(--secondary-hover);
    background-color: var(--secondary-hover);
}
.ui-datepicker .ui_tpicker_hour,
.ui-datepicker .ui_tpicker_minute,
.ui-datepicker .ui_tpicker_second,
.ui-datepicker .ui_tpicker_hour_slider,
.ui-datepicker .ui_tpicker_minute_slider,
.ui-datepicker .ui_tpicker_second_slider {
    display: flex;
    align-items: center;
}
.ui-datepicker .ui-slider-handle {
    height: 18.2833px;
    width: 18.2833px;
    border-radius: 100%;
    top: inherit;
}
.ui-datepicker .ui-slider-handle:hover,
.ui-datepicker .ui-slider-handle:active,
.ui-datepicker .ui-slider-handle:focus {
    border: 1px solid var(--border);
    outline: 1px solid var(--card-foreground);
    background-color: var(--background);
}
.ui-datepicker .ui-datepicker-buttonpane {
    border: none;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    border: 1px solid var(--secondary-hover);
    border-radius: var(--radius);
    font-weight: normal;
    color: var(--card-foreground);
    margin: 0 0.4em 0 0.4em;
    padding: 0.4em 0.8em 0.4em 0.8em;
    opacity: 1;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
    border: 1px solid var(--secondary-hover);
    background-color: var(--secondary-hover);
    color: var(--card-foreground);
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary.ui-state-default:not(.ui-state-active):hover {
    font-weight: normal;
}
.ui-datepicker td .ui-priority-secondary {
    color: var(--muted-foreground);
    opacity: 0.3;
}

/*
 * Neptune UI tweaks for the jquery.searchabledropdown.custom.js plugin
 */

/* Adjust the font-size for the dropdown (<options), otherwise tiny.  */
.searchable-selector {
    font-size: 14px;
}

/* Adjust the padding for the cicle radio buttons in Neptune, on the Email Settings Page */
.radio.m-0 {
    padding: 2px 0 2px 5px;
}
