@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap");

/* Report page styling */
.raportPage {
    margin-left: 20px;
}

.story {
    margin-left: 20px;
}

.raportPage .db-header-actions .btn {
    background: linear-gradient(145deg, rgba(54, 127, 211, 0.25) 0%, rgba(54, 127, 211, 0.15) 100%) !important;
    border: 1px solid rgba(54, 127, 211, 0.4) !important;
    color: var(--db-text-primary) !important;
    border-radius: var(--db-radius-sm) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    transition: all var(--db-transition-fast) !important;
    margin-top: 0 !important;
}



/* Allow focusing and caret inside rename dropdown */
.renameMenu.dropdown-menu textarea,
.renameMenu.dropdown-menu input {
    pointer-events: auto;
}

/* Keep rename dropdown open while interacting with inputs */
.renameMenu.dropdown-menu .form-control,
.renameMenu.dropdown-menu textarea,
.renameMenu.dropdown-menu input,
.renameMenu.dropdown-menu button,
.renameMenu.dropdown-menu i,
.renameMenu.dropdown-menu a {
    cursor: auto;
}

.renameMenu.dropdown-menu textarea:focus,
.renameMenu.dropdown-menu input:focus {
    outline: none;
}

/* Upload first-row styling */
tr.upload-row td {
    padding: 8px 12px;
    background: transparent;
}

tr.upload-row .inline-prompt {
    margin: 0;
}

/* Lightweight progress styling for upload indicator */
.table-topbar .progress.progress-striped.active {
    background-color: transparent;
    height: 22px;
}

.table-topbar .progress .progress-bar {
    line-height: 22px;
}

.file-tree .jstree-anchor.file-selected .folder-icon {
    color: #f1c40f !important;
}

.file-tree .jstree-anchor.file-selected {
    background: rgba(59, 130, 246, 0.15) !important;
    border-radius: 4px;
}

/* Center Bootbox modals */
.bootbox-center .modal-dialog {
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 auto;
}

.registry-container {
    padding: 0 15px;
}

.registry-panels {
    display: flex;
}

.registry-tree {
    margin-top: 0 !important;
    overflow-y: hidden;
    overflow-x: auto;
    height: auto;
}

.registry-tree .tree-scroll {
    overflow-y: auto;
    height: 575px;
}

.registry-values-scroll {
    overflow-y: auto;
    height: 575px;
    background: #232931;
}

.registry-pathbar {
    position: sticky;
    top: 0;
    z-index: 3;
}

.registry-card {
    background: #232931;
    border: 1px solid #2b3440;
    border-radius: 6px;
    padding: 8px;
}

.registry-card .table-topbar {
    border-bottom: 1px solid #2b3440;
}

.registry-values-table thead .table-actions-row th {
    background: #232931;
    border-bottom: 1px solid #2b3440;
}

.registry-values-table {
    background: transparent;
}

.table-topbar {
    background: #232931;
}

.registry-summary {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.registry-summary>div {
    padding: 2px 0;
}

.table-topbar {
    padding: 4px 0 4px 0;
}

.registry-summary {
    margin-left: 12px;
}

.registry-values-table thead .uppercase th:first-child {
    width: 40px;
}

.empty-state.registry {
    background: #232931;
    padding: 16px;
    border-radius: 6px;
    border: 1px dashed #2b3440;
}

.btn>.fa:not(:only-child) {
    margin-right: 10px;
}

body.modal-open {
    overflow: hidden !important;
    /* Keep body flow to avoid jumping to top when modal opens */
    position: static !important;
    width: 100%;
}

.mybar.only-buttons {
    padding: 10px;
}

.mybar.only-buttons>.btn:last-child {
    margin-right: 0px;
}

table.forensicsHuntDescription>tbody>tr>td {
    padding: 5px;
}

.storyalertpulses table.forensicsHuntDescription>tbody>tr>td {
    padding: 0px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

    .treeWidth {
        width: 1400px;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

    .treeWidth {
        width: 1600px;
    }
}

@media (min-width: 2200px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

    .treeWidth {
        width: 1600px;
    }
}

@media (min-width: 2300px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

    .treeWidth {
        width: 2100px;
    }
}


.col-xs-3ths,
.col-sm-3ths,
.col-md-3ths,
.col-lg-3ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-3ths {
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-3ths {
        width: 10%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-3ths {
        width: 10%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-3ths {
        width: 10%;
        float: left;
    }
}


.margin0 {
    margin-left: 0px;
    margin-right: 0px;
}

.center {
    text-align: center;
}

.forensicsInput {
    border-radius: 0px !important;
    padding-left: 5px;
    width: 100%;
}

.forensicsTexArea {
    width: 100%;
    height: 100px;
    resize: none;
}

.forensicsTdAlign {
    vertical-align: baseline;
    text-align: right;
}

.forensicsSelect {
    width: 98%;
}

/* .done {
    padding: 9px !important; 
    background-color:#225292 !important
} */
.newForensicsDropdown {
    margin-top: 10px;
    overflow: auto;
    height: 412px;
}

.newForensicsDropdown ul {
    margin-left: 30px;
    margin-bottom: 5px;
}

.newForensicsDropdown ul>label {
    color: white;
    font-size: 16px;
    font-weight: 600;
}

.newForensicsLongTime {
    color: #ce4242 !important;
}

.newForensicsDropdown li {
    margin-left: 30px;
    list-style-type: none;
}

.newForensicsDropdown li>label {
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.forensicsHunt .awesomplete {
    width: 78%;
}

.forensicsHunt {
    padding: 30px;
}

table.forensicsHuntDescription>tbody>tr:nth-child(2n+1) {
    background-color: transparent !important;
}

table.forensicsHuntDescription>tbody>tr:nth-child(2n) {
    background-color: transparent !important;
}

.forensicsHuntDescription td {
    text-align: left;
}

.forensicsHelperdiv {
    left: 56% !important;
}

.forensicsTableSeach {
    margin-left: 10px;
}

.forensicsTableSeach i {
    margin-right: 10px;
}

.forensicsTableSeach input {
    padding-left: 10px;
}

.forensicsDetailsBtn {
    padding: 6px !important;
    border-radius: 9px !important;
    color: var(--theme-text-secondary, #91a9c9) !important;
    border: 1px solid var(--theme-border-color, #353d47) !important;
    background-color: var(--theme-bg-card, #232931) !important;
}

.forensicsDetailsPagination {
    margin: 3px 5px;
}

.foresicsHuntDescription {
    color: #bec0c2;
}

.foresicsHuntDescription p {
    margin: 3px 0;
    color: white;
}

p.forensicsHuntFirstElement,
div.forensicsHuntFirstElement {
    margin-bottom: 10px;
    color: #2287da;
    display: block;
    text-align: left;

}

.forensicsHuntFirstElement .firstSpan {
    display: inline-block;
    top: 6px;
    margin-right: 7px;
    position: relative;
}

.forensicsHuntFirstElement .secondSpan {
    top: 6px;
    margin-left: 4px;
    margin-right: 7px;
    margin-left: 7px;
    position: relative;
}

table.forensicsHuntDescription>tbody>tr>td:first-child {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 30px;
    color: #ececec;
}

table.forensicsHuntDescription .code {
    margin-left: -5px;
}

table.forensicsHuntDescription {
    width: 100%;
}


.usersEntry.LOGIN {
    border-left: 5px solid #67B7DC;
}

.usersEntry.USER_CREATE {
    border-left: 5px solid #6895DB;
}

.usersEntry.USER_DELETE {
    border-left: 5px solid #6772DC;
}

.usersEntry.FAILED_LOGIN {
    border-left: 5px solid #8b0000;
}


.usb-DISCONNECT {
    border-left: 5px solid #db0707;
}

.usb-CONNECT {
    border-left: 5px solid #bbe017;
}

.usb-COPYFROM {
    border-left: 5px solid #01960d;
}

.usb-COPYTO {
    border-left: 5px solid #9907a7;
}

.usb-EXECUTE {
    border-left: 5px solid #031fc2;
}



.forensics-entry.Red {
    border-left: 5px solid #db0707;
}

.forensics-entry.Yellow {
    border-left: 5px solid #bbe017;
}

.forensics-entry.Green {
    border-left: 5px solid #01960d;
}

.forensics-entry.Purple {
    border-left: 5px solid #9907a7;
}

.forensics-entry.Blue {
    border-left: 5px solid #031fc2;
}

.forensics-entry.ACTIVE_NETWORK_CONNECTION {
    border-left: 7px solid #ff8a65;
}

.forensics-entry.Applications {
    border-left: 7px solid #337ab7;
}

.forensics-entry.AMCACHE {
    border-left: 7px solid #64ffda;
}

.forensics-entry.BACKGROUND_ACTIVITY_MONITOR {
    border-left: 7px solid #33691e;
}

.forensics-entry.BROWSER_DOWNLOAD {
    border-left: 7px solid #B0DE09;
}

.forensics-entry.CONNECTION_HISTORY {
    border-left: 7px solid #f4511e;
}

.forensics-entry.COOKIES {
    border-left: 7px solid #8d6e63;
}

.forensics-entry.C_DRIVE {
    border-left: 7px solid #c62828;
}

.forensics-entry.DEVICE_USAGE {
    border-left: 7px solid #78909c;
}

.forensics-entry.DRIVERS {
    border-left: 7px solid #7b1fa2;
}

.forensics-entry.FILES_DELETED {
    border-left: 7px solid #aa00ff;
}

.forensics-entry.FILE_JOURNAL {
    border-left: 7px solid #ffebee;
}

.forensics-entry.JUMP_LIST {
    border-left: 7px solid #00695c;
}

.forensics-entry.LAST_VISITED_MRU {
    border-left: 7px solid #ffee58;
}

.forensics-entry.NETWORK_HISTORY {
    border-left: 7px solid #5d4037;
}

.forensics-entry.PREFETCH {
    border-left: 7px solid #76ff03;
}

.forensics-entry.PROCESS_EVENT_LOG {
    border-left: 7px solid #f57f17;
}

.forensics-entry.RDP_USAGE {
    border-left: 7px solid #424242;
}

.forensics-entry.RECYCLE_BIN {
    border-left: 7px solid #ff5252;
}

.forensics-entry.RUN {
    border-left: 7px solid #d81b60;
}

.forensics-entry.RUNNING_PROCESSES {
    border-left: 7px solid #7986cb;
}

.forensics-entry.RUN_ONCE {
    border-left: 7px solid #880e4f;
}

.forensics-entry.SCHEDULE_TASK {
    border-left: 7px solid #c51162;
}

.forensics-entry.SERVICES {
    border-left: 7px solid #ce93d8;
}

.forensics-entry.WIFI_HISTORY {
    border-left: 7px solid #8C96FF;
}

.forensics-entry.SCHEDULED_TASKS {
    border-left: 7px solid #A58CFF;
}

.forensics-entry.BROWSING_HISTORY {
    border-left: 7px solid #C98CFF;
}

.forensics-entry.SIGMA {
    border-left: 7px solid #80F5D4;
}

.forensics-entry.DEVICE_HISTORY {
    border-left: 7px solid #9980F5;
}

.forensics-entry.COMMAND_LINE_HISTORY {
    border-left: 7px solid #185099;
}

.forensics-entry.SERVICE_EVENTS {
    border-left: 7px solid #37474f;
}

.forensics-entry.SHIMCACHE {
    border-left: 7px solid #26a69a;
}

.forensics-entry.STARTUP {
    border-left: 7px solid #f06292;
}

.forensics-entry.SYSTEM_RESOURCE_MONITOR {
    border-left: 7px solid #9ccc65;
}

.forensics-entry.USER_ASSIST {
    border-left: 7px solid #7986cb;
}

.forensics-entry.USER_EVENTS {
    border-left: 7px solid #b0bec5;
}

.forensics-entry.USER_FOLDER {
    border-left: 7px solid #ef5350;
}

.forensics-entry.WINDOWS_RECENT_APPS {
    border-left: 7px solid #0d47a1;
}

.forensics-entry.WINDOWS_TIMELINE {
    border-left: 7px solid #42a5f5;
}

.forensics-entry.WLAN_EVENT_LOG {
    border-left: 7px solid #e0e0e0;
}

/* NEW FORENSICS */
.forensics-entry.Malicious.Binary {
    border-left: 5px solid #67B7DC;
}

.forensics-entry.Suspicious.Binary {
    border-left: 5px solid #6895DB;
}

.forensics-entry.Malicious.IP {
    border-left: 5px solid #6772DC;
}

.forensics-entry.Suspicious.IP {
    border-left: 5px solid #8067DC;
}

.forensics-entry.Phishing {
    border-left: 5px solid #A267DB;
}

.forensics-entry.Malicious.Document {
    border-left: 5px solid #C667DC;
}

.forensics-entry.Defense.Evasion {
    border-left: 5px solid #DB67CE;
}

.forensics-entry.Discovery {
    border-left: 5px solid #DB67AB;
}

.forensics-entry.Inhibit.System.Recovery {
    border-left: 5px solid #DB6867;
}

.forensics-entry.Masquerading {
    border-left: 5px solid #DC8D67;
}

.forensics-entry.User.Events {
    border-left: 5px solid #DCAF67;
}

.forensics-entry.Custom.Indicators {
    border-left: 5px solid #67cadc;
}

.forensics-entry.Command.and.scripting.interpreter {
    border-left: 5px solid #8267dc;
}

.forensics-entry.Persistence {
    border-left: 5px solid #DB6888;
}


.forensics-entry.MALICIOUS_FILE_TRIP {
    border-left: 5px solid #ffebee;
}

.forensics-entry.SUSPICIOUS_FILE_TRIP {
    border-left: 5px solid #ef5350;
}

.forensics-entry.MALICIOUS_IP {
    border-left: 5px solid #c62828;
}

.forensics-entry.SUSPICIOUS_IP {
    border-left: 5px solid #ff5252;
}

.forensics-entry.PHISHING_URL {
    border-left: 5px solid #B0DE09;
}

.forensics-entry.PHISHING_DOMAIN {
    border-left: 5px solid #f06292;
}

.forensics-entry.MALICIOUS_FILE_ML {
    border-left: 5px solid #d81b60;
}

.forensics-entry.MALICIOUS_DOCUMENT {
    border-left: 5px solid #880e4f;
}

.forensics-entry.SUSPICIOUS_FILE_ML {
    border-left: 5px solid #c51162;
}

.forensics-entry.DEFENSE_EVASION_HIDDEN {
    border-left: 5px solid #ce93d8;
}

.forensics-entry.DEFENSE_EVASION_LOCATION {
    border-left: 5px solid #7b1fa2;
}

.forensics-entry.NETWORK_DISCOVERY {
    border-left: 5px solid #aa00ff;
}

.forensics-entry.ACCOUNT_DISCOVERY {
    border-left: 5px solid #283593;
}

.forensics-entry.PASSWORD_POLICY_DISCOVERY {
    border-left: 5px solid #7986cb;
}

.forensics-entry.PROCESS_DISCOVERY {
    border-left: 5px solid #42a5f5;
}

.forensics-entry.SERVICE_DISCOVERY {
    border-left: 5px solid #0d47a1;
}

.forensics-entry.PERSISTENCE_RUN {
    border-left: 5px solid #26a69a;
}

.forensics-entry.PERSISTENCE_STARTUP {
    border-left: 5px solid #00695c;
}

.forensics-entry.PERSISTENCE_LOGON {
    border-left: 5px solid #64ffda;
}

.forensics-entry.PERSISTENCE_PORT_MONITOR {
    border-left: 5px solid #9ccc65;
}

.forensics-entry.PERSISTENCE_SERVICE {
    border-left: 5px solid #33691e;
}

.forensics-entry.PERSISTENCE_TASK_EXEC {
    border-left: 5px solid #76ff03;
}

.forensics-entry.PERSISTENCE_TASK {
    border-left: 5px solid #ffee58;
}

.forensics-entry.DEFENCE_EVASION_DEFENDER {
    border-left: 5px solid #49b15a;
}

.forensics-entry.DELETE_SHADOWS {
    border-left: 5px solid #a75179;
}

.forensics-entry.FILE_NAME_MASQUERADING {
    border-left: 5px solid #7ec231;
}

.forensics-entry.USER_REG_HIVE {
    border-left: 5px solid #4aa79f;
}

.forensics-entry.EVENT_LOGS {
    border-left: 5px solid #8b1b20;
}

.forensics-entry.ARP_CACHE {
    border-left: 5px solid #14644c;
}

.forensics-entry.DNS_CACHE {
    border-left: 5px solid #221074;
}

.forensics-entry.ACTIVE_NETWORK_CONNECTIONS {
    border-left: 5px solid #ff8a65;
}

.forensics-entry.CERTUTIL {
    border-left: 5px solid #59a399;
}

.forensics-entry.RUN {
    border-left: 5px solid #185099;
}

.forensics-entry.STARTUP {
    border-left: 5px solid #d3c60e;
}

.forensics-entry.RUNONCE {
    border-left: 5px solid #100d42;
}

.forensics-entry.DEVICE_HISTORY {
    border-left: 5px solid #9980F5;
}

.forensics-entry.SCHEDULED_TASKS {
    border-left: 5px solid #817d67;
}

.forensics-entry.BROWSING_HISTORY {
    border-left: 5px solid #b35757;
}

.forensics-entry.SERVICES {
    border-left: 5px solid #4d7e1f;
}

.forensics-entry.YARA {
    border-left: 5px solid #DCD267;
}

.forensics-entry.REGEX {
    border-left: 5px solid #F58280;
}

.forensics-entry.SIGMA {
    border-left: 5px solid #80F5D4;
}

.forensics-entry.DEVICE_HISTORY {
    border-left: 5px solid #9980F5;
}

.forensics-entry.COMMAND_LINE_HISTORY {
    border-left: 5px solid #185099;
}

.forensics-entry.USER_EVENT_NEW {
    border-left: 5px solid #100d42;
}

.forensics-entry.USER_EVENT_DELETE {
    border-left: 5px solid #612727;
}

.forensics-entry.USER_EVENT_PASS_CHANGE {
    border-left: 5px solid #810a67;
}



.forensics-entryV3.ACTIVE_NETWORK_CONNECTIONS {
    border-left: 5px solid #ff8a65;
}

.forensics-entryV3.SYSTEM_VOLUME {
    border-left: 5px solid #67B7DC;
}

.forensics-entryV3.USN {
    border-left: 5px solid #6895DB;
}

.forensics-entryV3.MFT {
    border-left: 5px solid #6772DC;
}

.forensics-entryV3.BROWSER_DOWNLOADS {
    border-left: 5px solid #8067DC;
}

.forensics-entryV3.RECYCLE_BIN {
    border-left: 5px solid #A267DB;
}

.forensics-entryV3.SHIMCACHE {
    border-left: 5px solid #C667DC;
}

.forensics-entryV3.OPEN_SAVE_MRU {
    border-left: 5px solid #DB67CE;
}

.forensics-entryV3.LAST_VISITED_MRU {
    border-left: 5px solid #DB67AB;
}

.forensics-entryV3.IE_HISTORY {
    border-left: 5px solid #DB6888;
}

.forensics-entryV3.RECENT_FILES {
    border-left: 5px solid #DB6867;
}

.forensics-entryV3.JUMP_LIST {
    border-left: 5px solid #DC8D67;
}

.forensics-entryV3.OFFICE_RECENT_FILES {
    border-left: 5px solid #DCAF67;
}

.forensics-entryV3.PREFETCH {
    border-left: 5px solid #DCD267;
}

.forensics-entryV3.RUNNING_PROCESSES {
    border-left: 5px solid #C3DC67;
}

.forensics-entryV3.USER_ASSIST {
    border-left: 5px solid #A0DC67;
}

.forensics-entryV3.WIN10_TIMELINE {
    border-left: 5px solid #67DC75;
}

.forensics-entryV3.BAM {
    border-left: 5px solid #67DC98;
}

.forensics-entryV3.AMCACHE {
    border-left: 5px solid #67DCBB;
}

.forensics-entryV3.SRUM {
    border-left: 5px solid #67DADC;
}

.forensics-entryV3.JUMP_LISTS {
    border-left: 5px solid #80ADF5;
}

.forensics-entryV3.COOKIES {
    border-left: 5px solid #9980F5;
}

.forensics-entryV3.BROWSER_SEARCH_HISTORY {
    border-left: 5px solid #BC80F5;
}

.forensics-entryV3.HOSTS {
    border-left: 5px solid #E080F5;
}

.forensics-entryV3.ETW {
    border-left: 5px solid #F580C4;
}

.forensics-entryV3.SYSTEM_REG_HIVE {
    border-left: 5px solid #F580A1;
}

.forensics-entryV3.SOFTWARE_REG_HIVE {
    border-left: 5px solid #F58280;
}

.forensics-entryV3.USER_REG_HIVE {
    border-left: 5px solid #F5A580;
}

.forensics-entryV3.EVENT_LOGS {
    border-left: 5px solid #F5C880;
}

.forensics-entryV3.ARP_CACHE {
    border-left: 5px solid #F5EB80;
}

.forensics-entryV3.DNS_CACHE {
    border-left: 5px solid #DCF580;
}

.forensics-entryV3.INSTALLED_APPLICATIONS {
    border-left: 5px solid #B9F580;
}

.forensics-entryV3.CERTUTIL {
    border-left: 5px solid #80F58E;
}

.forensics-entryV3.ACTIVE_NETWORK_CONNECTIONS {
    border-left: 5px solid #95F580;
}

.forensics-entryV3.RUN {
    border-left: 5px solid #185099;
}

.forensics-entryV3.STARTUP {
    border-left: 5px solid #80F5D4;
}

.forensics-entryV3.RUNONCE {
    border-left: 5px solid #8CDCFF;
}

.forensics-entryV3.DEVICE_HISTORY {
    border-left: 5px solid #9980F5;
}

.forensics-entryV3.WIFI_HISTORY {
    border-left: 5px solid #8C96FF;
}

.forensics-entryV3.SCHEDULED_TASKS {
    border-left: 5px solid #A58CFF;
}

.forensics-entryV3.BROWSING_HISTORY {
    border-left: 5px solid #C98CFF;
}

.forensics-entryV3.SERVICES {
    border-left: 5px solid #EC8CFF;
}

.forensics-entryV3.REGEX {
    border-left: 7px solid #F58280;
}

.forensics-entryV3.YARA {
    border-left: 7px solid #DCD267;
}

.forensics-entryV3.SIGMA {
    border-left: 7px solid #80F5D4;
}

.forensics-entryV3.COMMAND_LINE_HISTORY {
    border-left: 7px solid #185099;
}

.forensics-entryV3.DEVICE_HISTORY {
    border-left: 7px solid #9980F5;
}

.pulse.BEHAVIOR {
    border-left: 5px solid #FF9501;
}

.pulse.SCRIPT {
    border-left: 5px solid #9B29AF;
}

.pulse.CONNECTION {
    border-left: 5px solid #8C2A55;
}




.f-color.Malicious.Binary {
    color: #67B7DC;
}

.f-color.Suspicious.Binary {
    color: #6895DB;
}

.f-color.Malicious.IP {
    color: #6772DC;
}

.f-color.Suspicious.IP {
    color: #8067DC;
}

.f-color.Phishing {
    color: #A267DB;
}

.f-color.Malicious.Document {
    color: #C667DC;
}

.f-color.Defense.Evasion {
    color: #DB67CE;
}

.f-color.Discovery {
    color: #DB67AB;
}

.f-color.Inhibit.System.Recovery {
    color: #DB6867;
}

.f-color.Masquerading {
    color: #DC8D67;
}

.f-color.User.Events {
    color: #DCAF67;
}

.f-color.Custom.Indicators {
    color: #67cadc;
}

.f-color.Command.and.scripting.interpreter {
    color: #8267dc;
}

.f-color.Persistence {
    color: #DB6888;
}

.f-color.Applications {
    color: #337ab7;
}

.f-color.MALICIOUS_FILE_TRIP {
    color: #ffebee;
}

.f-color.SUSPICIOUS_FILE_TRIP {
    color: #ef5350;
}

.f-color.MALICIOUS_IP {
    color: #c62828;
}

.f-color.SUSPICIOUS_IP {
    color: #ff5252;
}

.f-color.PHISHING_URL {
    color: #B0DE09;
}

.f-color.PHISHING_DOMAIN {
    color: #f06292;
}

.f-color.MALICIOUS_FILE_ML {
    color: #d81b60;
}

.f-color.MALICIOUS_DOCUMENT {
    color: #880e4f;
}

.f-color.SUSPICIOUS_FILE_ML {
    color: #c51162;
}

.f-color.DEFENSE_EVASION_HIDDEN {
    color: #ce93d8;
}

.f-color.DEFENSE_EVASION_LOCATION {
    color: #7b1fa2;
}

.f-color.NETWORK_DISCOVERY {
    color: #aa00ff;
}

.f-color.ACCOUNT_DISCOVERY {
    color: #283593;
}

.f-color.PASSWORD_POLICY_DISCOVERY {
    color: #7986cb;
}

.f-color.PROCESS_DISCOVERY {
    color: #42a5f5;
}

.f-color.SERVICE_DISCOVERY {
    color: #0d47a1;
}

.f-color.PERSISTENCE_RUN {
    color: #26a69a;
}

.f-color.PERSISTENCE_STARTUP {
    color: #00695c;
}

.f-color.PERSISTENCE_LOGON {
    color: #64ffda;
}

.f-color.PERSISTENCE_PORT_MONITOR {
    color: #9ccc65;
}

.f-color.PERSISTENCE_SERVICE {
    color: #33691e;
}

.f-color.PERSISTENCE_TASK_EXEC {
    color: #76ff03;
}

.f-color.PERSISTENCE_TASK {
    color: #ffee58;
}

.f-color.DEFENCE_EVASION_DEFENDER {
    color: #f57f17;
}

.f-color.DELETE_SHADOWS {
    color: #ff8a65;
}

.f-color.FILE_NAME_MASQUERADING {
    color: #f4511e;
}

.f-color.USER_REG_HIVE {
    color: #4aa79f;
}

.f-color.EVENT_LOGS {
    color: #8b1b20;
}

.f-color.ARP_CACHE {
    color: #14644c;
}

.f-color.DNS_CACHE {
    color: #221074;
}

.f-color.ACTIVE_NETWORK_CONNECTIONS {
    color: #ff8a65;
}

.f-color.CERTUTIL {
    color: #59a399;
}

.f-color.RUN {
    color: #185099;
}

.f-color.STARTUP {
    color: #d3c60e;
}

.f-color.RUNONCE {
    color: #100d42;
}

.f-color.DEVICE_HISTORY {
    color: #612727;
}

.f-color.WIFI_HISTORY {
    color: #8C96FF;
}

.f-color.SCHEDULED_TASKS {
    color: #817d67;
}

.f-color.BROWSING_HISTORY {
    color: #b35757;
}

.f-color.SERVICES {
    color: #4d7e1f;
}

.f-color.REGEX {
    color: #F58280;
}

.f-color.YARA {
    color: #DCD267;
}

.f-color.SIGMA {
    color: #80F5D4;
}

.f-color.DEVICE_HISTORY {
    color: #9980F5;
}

.f-color.COMMAND_LINE_HISTORY {
    color: #185099;
}

.f-color.USER_EVENT_NEW {
    color: #4e47d6;
}

.f-color.USER_EVENT_DELETE {
    color: #612727;
}

.f-color.USER_EVENT_PASS_CHANGE {
    color: #810a67;
}

.curtain {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 25px;
}

.curtain span {
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    text-align: center;
}

.mybar>.pull-right>.btn {
    margin-top: 9px;
}

.mybar>.pull-right>span>.btn {
    margin-top: 9px;
}

.tableSelected {
    background-color: #ebccd1 !important;
}

.newItemInTabel {
    background-color: #d6e9c6 !important;
}

.row:not(:last-child) {
    margin-bottom: 15px;
}

.expand {
    cursor: pointer;
    width: 30px;
}

.noSelected:hover {
    background-color: #ffffff !important;
}

.treeSelectedSwitch {
    cursor: pointer;
    color: red;
}

.tableSelectedSwitch {
    cursor: pointer;
    color: blue;
}

.tabelsForensics {
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.75);
}

.iconTypeTable {
    cursor: pointer;
    padding: 2px;
    height: 50px;
}

.boldtext:first-child {
    margin-top: 2%;
    font-weight: 800;
}

.boldtext:nth-child(2) {
    color: grey;
}

.affectedMachine {
    display: grid;
    margin-top: 4%;
}

.affectedMachine>i {
    color: #3598DC;
}

.longTextClass {
    width: 440px !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.scanLoading {
    margin-left: 20%;
    height: 62%;
    margin-top: 5%;
    height: 40px;
}

.scanLoadingText {
    padding-left: 31px;
    line-height: 42px;
    font-size: 19px;
    color: #337ab7;
}

.scanContainer {
    text-align: center;
    font-size: 45px;
    font-weight: 900;
    /* margin-left: 20%; */
    height: 62%;
    margin-top: 5%;
    height: 84px;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
}

.scanContainer:hover {
    text-align: center;
    font-size: 45px;
    font-weight: 900;
    /* margin-left: 20%; */
    height: 62%;
    margin-top: 5%;
    height: 84px;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.75);
}

.textUnderLoading {
    margin-left: 25%;
    font-size: 20px;
}

.textUnderContainer {
    margin-left: 27%;
    font-size: 20px;
}

.imageInTabel {
    height: 20px;
    width: 20px;
}

.processWarning {
    background-color: #faebcc !important;
}

.processYellow {
    background-color: #fcf8e3 !important;
}

.processBlue {
    background-color: #d9edf7 !important;
}

.processDanger {
    background-color: #ebccd1 !important;
}

.processInKillMode {
    background-color: #F36A5A !important;
}

#date {
    display: block;
}

#meniuLeft {
    position: fixed;
}

.niceProcess {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.selectedProcessEndpoints {
    font-weight: 900;
}

.clickable {
    cursor: pointer;
}

/* .clickable:hover{
		-webkit-box-shadow: 0px 0px 2px 2px #ccc;  
		-moz-box-shadow:    0px 0px 0px 2px #ccc;  
  		box-shadow:         0px 0px 0px 2px #ccc; 
	} */
.centerPagination {
    padding-left: 41% !important;
}

ul.tree {
    list-style: none;
}

ul.tree>li {
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0px;
    margin-right: 10px;
}

ul.tree>li>span {
    cursor: pointer;
}

.danger {
    /* background:#fbe1e3;
    border-color: #fbe1e3; */
    color: #e73d4a !important;
}

.btn-bar {
    font-size: 17px !important;
    font-weight: 600 !important;
    border-bottom: 7px solid transparent !important;
    border-top: 7px solid transparent !important;
}

.btn-bar:hover {
    font-size: 17px !important;
    font-weight: 600 !important;
    background-color: #ffffff !important;
    color: black !important
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

.select {
    background: #9e8cd2;
    border-color: #1225c5;
    color: #3a3435;
}

/*.CodeMirror-scroll {
    pointer-events: none;
}*/


.hide {
    /* visibility: hidden !important; */
    display: none !important;
}

.severity-0 {
    background-color: #eaea90;
}

.severity-1 {
    background-color: #ffc076;
}

.severity-2 {
    background-color: #ff7676;
}

.modal2 {
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-content2 {
    background-color: #ffcaca;
    ;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 11%;
    /* Could be more or less, depending on screen size */
    color: white;
}

.UA,
.RU,
.CN,
.CR {
    background-color: #ff7676;
}

.details-bar {
    margin: 0px 15px 0px 15px;
}

#tableProcess {
    padding-left: 0px;
}

#tableNetwork {
    padding-left: 0px;
}

#tableRegistry {
    padding-left: 0px;
}

#tableFilesystem {
    padding-left: 0px;
}

#tableDns {
    padding-left: 0px;
}

.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: rgba(238, 241, 245, 0);
}

.jvectormap-container svg {
    width: 100%;
    height: 400px;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

#map {
    width: 100%;
    height: 500px;
}

.form-horizontal .green {
    color: #f6faf8 !important;
}

table .green {
    color: #26C281 !important;
}

table .yellow {
    color: #F3C200 !important;
}

table .purple {
    color: #df00f3 !important;
}

table .blue {
    color: #2941ad !important;
}

table .red {
    color: #D91E18 !important;
}

@media screen and (max-width: 1024px) {
    .small-lock {
        font-size: 50px !important;
    }

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

.node {
    cursor: pointer;
}

.node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
}

.found {
    fill: #ff4136;
    stroke: #ff4136;
}

/* .node text {
    font: 10px sans-serif;
} */
.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}

/*Just to ensure the select2 box is "glued" to the top*/
.search {
    width: 100%;
}

.centertr th {
    text-align: center;
}

.centertd td {
    text-align: center;
}

thead tr th {
    text-transform: uppercase;
    /* text-align: center !important; */
}

/* tbody tr td {
    text-align: center !important;
} */

tbody>tr>td.center {
    text-align: center;
}

thead>tr>th.center {
    text-align: center;
}

tbody tr td div {
    /* text-align: left; */
}

#slides_control>div {
    height: 200px;
}

/* img{
  margin:auto;
  width: 400px;
} */
#slides_control {
    position: absolute;
    left: 40%;
    top: 20px;
    margin-left: -200px;
}

#globalSearch {
    margin-left: 5px;
    margin-top: 2px;
    width: 100%;
    height: 37px;
    padding-left: 20px;
    border-radius: 9px !important;
    border: 0.5px solid #91a9c9;
}

#logsSearch {
    margin-left: 5px;
    margin-top: 5px;
    width: 100%;
    height: 37px;
    padding-left: 20px;
    border-radius: 9px !important;
    border: 0.5px solid #91a9c9;
}

#globalSearchInvestigation {
    margin-left: 5px;
    margin-top: 5px;
    width: 100%;
    height: 34px;
    padding-left: 20px;
    border-radius: 9px !important;
    border: 0.5px solid #91a9c9;
}

.cips {
    background-color: #c11729;
    color: white;
    padding: 3px;
    margin-left: 2px;
    cursor: pointer;
    margin-right: 3px;
}

.cips:hover {
    content: "✖";
    background-color: grey;
    color: white;
    padding: 3px;
    margin-left: 2px;
    cursor: pointer;
}

.ulChat {
    list-style-type: none;
    padding: 10px;
}

.ulChat li .listTimestamp {
    padding: 10px;
    color: white;
}

.ulChat li .listUser {
    padding: 10px;
    color: #afccf4;
}

.ulChat li .listText {
    padding: 10px;
    color: #666;
}

.ulChat li span {
    padding: 20px;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: underline;
    color: white;
}

.blueIcon {
    color: #91a9c9;
    cursor: pointer;
}

.blueIcon:hover {
    color: white;
}

.datepicker table th {
    color: #afccf4 !important;
}

#slides_control>div {
    margin-right: 65px;
    margin-left: -192px;
}

.loader {
    background-color: #1c2229;
    border: 2px solid #f3f3f3;
    /* Light grey */
    border-top: 2px solid #3498db;
    /* Blue */
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    content: "";
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.no-drop {
    cursor: not-allowed;
    color: gray !important;
}

.no-hover {
    pointer-events: none;
}

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

.WIN_TOOL {
    color: #419dff !important;
}

.SUSPICIOUS {
    color: red !important;
}

.MALICIOUS {
    color: red !important;
}

.badge-error {
    background-color: #b94a48;
}

.panel-primary {
    padding: 15px;
}

a.skiplink {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

a.skiplink:focus {
    clip: auto;
    height: auto;
    width: auto;
    background-color: #fff;
    padding: 0.3em;
}

#map:focus {
    outline: #4A74A8 solid 0.15em;
}

ul>li {
    cursor: pointer;
}

ul>li[disabled="disabled"] {
    cursor: not-allowed;
    color: gray !important;
}

ul>li>button[disabled="disabled"] {
    cursor: not-allowed;
    color: gray !important;
}

.no-pointer {
    cursor: default;
}

.modal-dialog2 {
    height: 900px;
    width: 600px;
}

.searchInput {
    padding-left: 5px;
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #91a9c9;
    border-radius: 0px !important;
}

.Blink {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.Blink2 {
    animation: blinker2 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes blinkerProcess {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.5;
    }
}

@keyframes blinker2 {
    from {
        opacity: 1;
        background-color: #4242f7;
    }

    to {
        opacity: 0.5;
    }
}

.grey text {
    fill: grey !important;
}

.grey g {
    fill: grey !important;
}

/* Range */
.range {
    display: table;
    position: relative;
    height: 25px;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.range input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    /* appearance: none !important; */
    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
}

.range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    /* appearance: none !important; */
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    /* appearance: none !important; */
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.range input[type="range"] {
    outline: none;
}

.range.range-primary input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(66, 139, 202);
}

.range.range-primary input[type="range"]::-moz-slider-thumb {
    background-color: rgb(66, 139, 202);
}

.range.range-primary output {
    background-color: rgb(66, 139, 202);
}

.range.range-primary input[type="range"] {
    outline-color: rgb(66, 139, 202);
}

.range.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(92, 184, 92);
}

.range.range-success input[type="range"]::-moz-slider-thumb {
    background-color: rgb(92, 184, 92);
}

.range.range-success output {
    background-color: rgb(92, 184, 92);
}

.range.range-success input[type="range"] {
    outline-color: rgb(92, 184, 92);
}

.range.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(91, 192, 222);
}

.range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: rgb(91, 192, 222);
}

.range.range-info output {
    background-color: rgb(91, 192, 222);
}

.range.range-info input[type="range"] {
    outline-color: rgb(91, 192, 222);
}

.range.range-warning input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(240, 173, 78);
}

.range.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: rgb(240, 173, 78);
}

.range.range-warning output {
    background-color: rgb(240, 173, 78);
}

.range.range-warning input[type="range"] {
    outline-color: rgb(240, 173, 78);
}

.range.range-danger input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(217, 83, 79);
}

.range.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: rgb(217, 83, 79);
}

.range.range-danger output {
    background-color: rgb(217, 83, 79);
}

.range.range-danger input[type="range"] {
    outline-color: rgb(217, 83, 79);
}

.amChartsLegend {
    /* width: 160.984px !important; */
}

#curtain {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 25px;
}

#curtain span {
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    text-align: center;
}


.dropdown-menu li div {
    padding: 5px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}

.round-button {
    width: 15%;
}

.round-button-circle {
    width: 100%;
    height: 0;
    padding-bottom: 82%;
    border-radius: 50% !important;
    border: 10px solid #cfdcec;
    overflow: hidden;
    background: green;
    box-shadow: 0 0 3px gray;
    cursor: pointer;
}

.round-button-circle:hover {
    background: red;
    cursor: pointer;
}

.round-button a {
    display: block;
    float: left;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: #e2eaf3;
    font-family: Verdana;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

span .form-control .col-1 {
    color: white !important;
}

#divtoshow {
    position: absolute;
    display: none;
}

/* MAP */
#new {
    background-color: #1d2229;
}

#map {
    position: absolute;
    overflow: hidden;
    margin-top: 25px;
    z-index: 0;
    width: 88%;
    height: 11%;
}

#map svg {
    width: 100%;
    height: 100%;
}

#map .feature {
    fill: #2C2C43;
    stroke: #4A4A70;
}

#c {
    position: absolute;
    height: 11%;
    width: 88%;
    margin-top: 25px;
    /* left: 180px;
    top: 3300px; */
    z-index: 1;
}

#s {
    position: absolute;
    height: 11%;
    width: 88%;
    margin-top: 25px;
    /* left: 180px;
    top: 3300px; */
    z-index: 2;
}

#l {
    background-color: #1d2229;
    position: absolute;
    height: 11%;
    width: 88%;
    margin-left: 25px;
    margin-top: 20px;
    /* left: 180px;
    top: 3300px; */
    z-index: 3;
}

.gtLeg,
.gttLeg {
    fill: #f9f9f9;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.com-mess {
    font-size: 11pt;
    font-family: Verdana, serif;
    fill: #ffffff;
    fill-opacity: .3;
}

#pb {
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 100;
    height: auto;
    font-size: 10px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
    display: none;
}

#menu {
    top: 2px;
    left: 2px;
    z-index: 50;
    position: fixed;
    display: none;
}

#info {
    right: 2px;
    top: 2px;
    z-index: 51;
    position: fixed;
    display: none;
}

/* ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: rgba(69, 91, 115, .6);
    border: 1px solid rgba(147, 168, 190, .8);
    color: rgba(147, 168, 190, 1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
    border-radius: 5px;
    overflow: hidden;
    vertical-align: middle;
}

li {
    margin: 0;
    padding: 4px 2px;
    margin-right: 2px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
} */
img {
    display: inline-block;
}

li:last-child {
    margin-right: 0;
}

/* .btn {
    cursor: pointer;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color: #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #738eab;
    font-family: 'Times New Roman' serif;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0 1px 1px #ffffff;
}

.btn:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-color: #e9e9e9;
}

.btn:active {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DCDCDC), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient( center top, #DCDCDC 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#f9f9f9');
    background-color: #e9e9e9;
    position: relative;
    color: #587493;
    text-shadow: 0 -1px 1px #ffffff;
} */
/* This imageless css button was generated by CSSButtonGenerator.com */
.tooltip {
    padding: .5em;
    background: rgba(88, 116, 147, .8);
    color: rgba(179, 193, 209, 1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
    border: 1px solid #eee;
    line-height: 1.5em;
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    z-index: 999;
    font-family: serif;
    font-size: 11px;
}

#info li {
    border: 0;
    border-right: 1px dotted rgba(115, 142, 171, 1);
    padding-right: 5px;
    cursor: pointer;
}

#info li ul {
    display: none;
    border-radius: 0;
    background: rgba(244, 244, 244, .6);
    border: 1px dotted rgba(75, 75, 0, .8);
    color: #f9f9f9;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

#info li li {
    display: block;
    border: 0;
    padding-right: 2px;
}

#info li:last-child {
    border: 0;
}

#info li:hover ul {
    display: block;
}

.disabled_menu {
    cursor: no-drop !important;
    opacity: 0.5;
}

.disabled_menu a {
    pointer-events: none;
}

.noInput {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
}

.noTextarea {
    background-color: transparent;
    border: 0px solid;
}

.noInput:hover {
    border: 1px solid;
    border-color: #3498db
}

.noTextarea:hover {
    border: 1px solid;
    border-color: #3498db
}

.md-preview {
    background-color: #fff;
}

.ace_content {
    margin-top: 0px;
    width: 1683px;
    height: 200px !important;
    margin-left: 0px;
}

.md-editor {
    height: 200px !important;
}

.note-btn {
    color: black !important
}

.animate-show-hide.ng-hide {
    opacity: 0;
}

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
    transition: all linear 0.5s;
}

.helpdiv p {
    font-size: 14px;
    margin: 5px 0;
}

.helpdiv .code {
    font-size: 14px;
    background: transparent;
    color: white !important;
    padding: 2px;
    font-weight: 600;
}

.blur {
    filter: blur(4px);
}

.refreshTable {
    opacity: 0.6;
    pointer-events: none;
    filter: blur(8px);
}

.processAdded {
    animation-duration: 3s;
    background-color: #006400 !important;
    animation: blinkerProcess 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.processDelete {
    animation-duration: 3s;
    background-color: #8B0000 !important;
    animation: blinkerProcess 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.applyBtn {
    color: black !important;
}

.cancelBtn {
    color: black !important;
}

.inputCheck {
    width: 16px;
    height: 16px;
    border: 2px solid #555555;
    border-radius: 3px;
    background-color: white;
}

.example_policy>tbody>tr>td {
    text-align: left !important;
}

.padding-left0 {
    padding-left: 0;
}

.forensicsScan {
    height: 100%;
}

/* #mapCountries svg {
    height: 100%;
    width: 100%;
} */

#roverMenu::before {
    left: 100px;
}

#roverMenu::after {
    left: 100px;
}

#roverMenu {
    min-width: 90px;
    margin-left: -95px;
}

/* .nav-item.start a {
    padding:15px 5px 15px 5px;
} */

.nav-item.start a .menuTitle {
    color: rgba(255, 255, 255, 0.692);
}

.nav-item.start,
.nav-item a {
    min-height: 47px;
}

/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}

.tabbable-line>.nav-tabs>li,
.tabbable-line>.nav-tabs>li:hover {
    background: none;
    margin: 0;
    border-bottom: 0px solid transparent !important;
}

.list-item {
    font-size: 14px;
    margin-right: 5px;
    padding: 6px 12px;
    border-radius: 0px !important;
    border: 1px solid #e1e5ec;
    color: white;
    background-color: transparent;
    display: block;
    height: 33px;
}

h4.disabled {
    cursor: not-allowed;
}

nav .dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

nav.sidebar,
.main {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main {
    padding: 10px 10px 0 10px;
}

/*allows nav box to use 100% width*/
nav.sidebar .navbar-collapse,
nav.sidebar .container-fluid {
    padding: 0 0px 0 0px;
}

.nav>li.start.active {
    background-color: #2f3742 !important;
}

.nav .open>a {
    background-color: #2f3742 !important;
}

nav li img {
    height: 24px;
    width: 24px;
}

#meniuLeft .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 20px;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.slim-scroll-wrapper {
    height: 100%;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
/* @media (max-width: 1330px) { */

/*Allow main to be next to Nav*/
.mobile .main {
    position: absolute;
    width: calc(100% - 40px);
    /*keeps 100% minus nav size*/
    margin-left: -165px;
    float: right;
}

.mobile .menuTitle {
    display: none;
}

.mobile .page-content {
    margin-top: 0px;
    padding: 25px 20px 10px 20px;
    margin-left: 47px;
}

.mobile nav .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.mobile nav .dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.mobile nav .dropdown:hover .dropdown-menu {
    display: block;
    min-width: 186px;
    background-color: #232931;
}

.mobile li.nav-item.start:hover {
    margin-left: 165px;
    width: 230px;
    background-color: #282e35;
}

.mobile li.nav-item.start:hover .showopacity {
    float: left;
    margin-left: -8px;
}

.mobile li.nav-item.start:hover .menuTitle {
    display: block;
    margin-left: 30px;
}

.mobile li.nav-item.start {
    margin-left: 9px;
    width: 200px;
    background-color: #232931;
}

.mobile nav.sidebar .showopacity {
    float: right;
    margin-left: 145px;
}

.mobile nav.sidebar.navbar.sidebar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}

.mobile nav.sidebar .navbar-brand,
nav.sidebar .navbar-header {
    text-align: center;
    width: 100%;
    margin-left: 0px;
}

.mobile nav.sidebar a {
    padding-right: 7px;
}

.mobile nav.sidebar .navbar-nav>li {
    border-bottom: 1px #242323 solid;
}

.mobile nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mobile .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
}

.mobile nav.sidebar {
    width: 210px;
    height: 100%;
    margin-left: -165px;
    float: left;
    z-index: 9993;
    margin-bottom: 0px;
}

.mobile .nav .open>.dropdown-menu {
    background-color: #232931;
    color: #bacfe7;
}

.mobile nav.sidebar li {
    width: 100%;
}

.mobile .forAnimate {
    opacity: 0;
}

.mobile li.nav-item.start:hover .alerts-menu .menuTitle {
    margin-left: 12px !important;
}

.mobile .collapse+div {
    background-color: transparent !important;
}

/* } */

/* .....NavBar: Fully showing nav bar..... */

/* @media (min-width: 1331px) { */

/*Allow main to be next to Nav*/
.desktop .main {
    width: calc(100% - 182px);
    /*keeps 100% minus nav size*/
    margin-left: 200px;
}

.desktop .menuTitle {
    display: block;
    margin-left: 10px;
}

.desktop .page-content {
    margin-left: 200px;
}

/*Show all nav*/
.desktop nav.sidebar {
    margin-left: 0px;
    float: left;
    /* width: 201px; */
}

/*Show hidden items on nav*/
.desktop nav.sidebar .forAnimate {
    opacity: 1;
}

.desktop li.nav-item.start>a:hover {
    margin-left: 0px;
    width: 201px;
    background-color: #282e35;
}

.desktop li.nav-item.start:hover .showopacity {
    float: left;
}

.desktop li.nav-item.start .showopacity {
    margin-left: -5px;
}

.desktop li.nav-item.start:hover .menuTitle {
    display: block;
    margin-left: 10px;
}

.desktop li.nav-item.start {
    margin-left: 0px;
    width: 200px;
    background-color: #232931;
}

.desktop .nav .nav-item.open>.dropdown-menu {
    background-color: #232931;
    color: #bacfe7;
    display: contents;
}

.desktop .nav-item.start .alerts-menu .menuTitle {
    margin-left: 45px !important;
}


/* nav.sidebar:hover .showopacity{
        float: left;
        margin-right: 7px;
    }

    nav.sidebar .showopacity{
        float: left;
    } */
/* } */

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate {
    opacity: 1;
}

section {
    padding-left: 15px;
}

/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}

nav.sidebar,
.main {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main {
    padding: 10px 10px 0 10px;
}


nav ul.dropdown-menu::before,
ul.dropdown-menu::after {
    display: none !important;
}

nav ul.dropdown-menu:hover,
nav ul.dropdown-menu:focus {
    color: #CCC;
    background-color: #1c2229;
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover,
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: #282e35;
}

nav:hover .forAnimate {
    opacity: 1;
}

section {
    padding-left: 15px;
}

.nav-item.start>a {
    color: rgba(255, 255, 255, 0.692);
}

.nav-item.start>a {
    color: rgba(255, 255, 255, 0.692);
}



.activate {
    max-height: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -56px;
    width: 450px;
    z-index: 10;
    overflow: auto;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.activate .alert {
    padding: 15px 35px 15px 15px !important;
    border-radius: 0 !important;
    margin-bottom: 15px;
}

.activate>.logo {
    padding: 30px 0 30px 0;
    text-align: center;
}

.activate>.logo>img {
    width: 450px;
}

.logo>.motto {
    text-align: center;
}

.logo>.motto>.motto-text {
    background-color: #a3b0b8;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
    color: #375f78;
    padding: 0 5px 0 5px;
}

.activate>.form {
    background-color: rgba(57, 65, 79, 0.9);
    padding: 20px 20px !important;
}

.background {
    background: url('../loginPage/rover2.jpg');
    background-size: cover;
    background-position-y: 50%;
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.background:before {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    /* display: block; */
    top: 0;
    left: 0;
    content: '';
}

.activate-footer {
    text-align: center;
    color: #999999;
    font-size: 14px;
    padding: 10px;
}

.activate .form-group>.input-icon>select {
    padding-left: 30px !important;
}

.activate .form.ng-enter,
.activate .form.ng-leave {
    -webkit-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -ms-transition: 1s linear all;
    -o-transition: 1s linear all;
    transition: 0.5s linear all;
    overflow: hidden;
}

.activate .form.ng-enter {
    max-height: 0;
}

.activate .form.ng-enter.ng-enter-active {
    max-height: 999px;
}

.activate .form.ng-leave {
    max-height: 999px;
}

.activate .form.ng-leave.ng-leave-active {
    max-height: 0;
}

.activate .form>.submit>.btn {
    color: #FFFFFF !important;
    background-color: #67809F !important;
    font-size: unset;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.activate .form-control>option {
    background-color: #bebcbc;
}

.btn-group-vertical {
    position: unset;
    display: block;
}


.activate .form-group.form-md-line-input .form-control.ng-not-empty:not([readonly])~.help-block,
.activate .form-group.form-md-line-input .form-control:focus:not([readonly])~.help-block {
    color: #36c6d3;
    opacity: 1;
    filter: alpha(opacity=100);
}

.activate .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #bebcbc;
    /* background-color: #fff; */
    background-image: none;
    /* border: 1px solid #c2cad8; */
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.activate .form-group.form-md-line-input.form-md-floating-label .form-control~label {
    font-size: 16px;
    top: 25px;
    transition: 0.2s ease all;
    color: #999;
}

.activate .form-group.form-md-line-input>.input-icon>label {
    margin-top: -20px;
}

.activate .form-group.form-md-line-input .form-control~label {
    top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
}

.activate .form-group.form-md-line-input .form-control~label,
.form-group.form-md-line-input .form-control~.form-control-focus {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.activate .form-group.form-md-line-input .help-block {
    position: absolute;
    margin: 2px 0 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 13px;
}

.activate label {
    font-weight: normal;
}

.activate .form-group.form-md-line-input {
    position: relative;
    margin: 0 0 10px 0;
}

.activate .input-icon {
    position: relative;
    left: 0;
}

.activate .form-group.form-md-line-input .form-control {
    background: #eaedf1;
    border: 1px solid #1c2229;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #050505;
    box-shadow: none;
    padding-left: 5px !important;
    padding-right: 0;
    font-size: 14px;
}

.activate .form-group.form-md-line-input input.form-control:-internal-autofill-selected {
    background: none !important;
}

.activate .form-group.form-md-line-input>.input-icon>i {
    left: 0;
    bottom: 0;
    margin: 9px 2px 10px 10px;
    color: #888888;
}

[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"] {
    display: inline-block;
    margin-right: .3em;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

.activate .input-icon>i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0;
}

.activate .form-group.form-md-line-input.form-md-floating-label .form-control[readonly]~label,
.activate .form-group.form-md-line-input.form-md-floating-label .form-control.ng-not-empty~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static~label,
.form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly])~label {
    top: 0;
    font-size: 13px;
}

.activate .form-group.form-md-line-input .form-control.ng-not-empty:not([readonly])~label,
.activate .form-group.form-md-line-input .form-control:focus:not([readonly])~label {
    opacity: 1;
    filter: alpha(opacity=100);
}

.activate .form-group.form-md-line-input .form-control.ng-not-empty:not([readonly])~label,
.form-group.form-md-line-input .form-control.ng-not-empty:not([readonly])~.form-control-focus,
.form-group.form-md-line-input .form-control:focus:not([readonly])~label,
.form-group.form-md-line-input .form-control:focus:not([readonly])~.form-control-focus {
    color: #888888;
}

.activate .form .submit>.btn {
    color: #FFFFFF !important;
    background-color: #67809F !important;
    font-size: unset;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 4px !important;
}

ul.parsley-errors-list {
    padding-top: 5px;
    color: #eb2525;
}

.activate .form-group.form-md-line-input input.form-control.parsley-error {
    border-color: #a60808 !important;
    border: 2px solid;
}

.activate .form-group.form-md-line-input input.form-control.parsley-success {
    border-color: #057730 !important;
    border: 2px solid;
}

.logo>.footer-text {
    text-align: center;
    color: #999999;
    font-size: 14px;
    padding: 10px;
}

.btn-default:focus,
.btn-default.focus {
    background-color: transparent;
    text-transform: uppercase;
    color: #fff;
}

.bg-red-gradient {
    background-image: linear-gradient(45deg, #f93a5a, #f7778c);
}

.bg-blue-gradient {
    background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%)
}

.bg-green-gradient {
    background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%)
}

.bg-orange-gradient {
    background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;
}

.mt-img>div:first-child {
    display: inline-flex;
    width: 60px;
    height: 60px;
    line-height: 2em;
    vertical-align: middle;
    padding-top: 0px;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    position: relative;
    align-items: center;
    text-align: center;
    left: 0;
    right: 0;
    justify-content: center;
    font-weight: 500;
}

.dashboardTable .table>tbody>tr>td,
.table>thead>tr>td {
    padding: 19px;
}

.red-threat {
    border-left: 4px solid red;
}

.orange-threat {
    border-left: 4px solid rgb(247, 113, 3);
}

.blue-threat {
    border-left: 4px solid #285cf7;
}

.green-threat {
    border-left: 4px solid #74de00;
}

.violet-threat {
    border-left: 4px solid rgb(91, 5, 148);
}

.yellow-threat {
    border-left: 4px solid rgb(226, 250, 6);
}

.am4chart {
    width: 100%;
    height: 400px;
}

.mt-widget-1 {
    border: 0px;
    border-radius: 4px;
}

.mt-widget-1>div:first-child {
    border-radius: 50px !important;
}

.mt-widget-1 .mt-img {
    border-color: transparent;
    display: inline-block;
    margin: 10px 0 15px 0;
}

.portlet.light>.portlet-title>.caption {
    padding: 13px 15px;
}

.portlet.light>.portlet-title {
    /* border-bottom:1px solid #005bea; */
}

.dashboard-stat2 small {
    font-size: 12px;
    font-weight: 500;
}

.dashboard-stat2 h3 span {
    font-size: 20px;
    font-weight: 700;
}

.dashboard-stat2 div.font-grey-steel span:first-child {
    font-size: 12px;
    font-weight: 400;
}

.dashboard-stat2 div.font-grey-steel span {
    font-size: 14px;
    font-weight: 400;
}

@media (min-width: 900px) and (max-width: 1120px) {

    .stats {
        display: flex;
    }

    .stats>div {
        display: grid;
    }

}

.no-endpoints {
    position: relative;
}

.no-endpoints>img {
    width: 100%;
    opacity: 0.15;
}

.no-endpoints>div {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-endpoints button {
    padding: 5px;
    min-width: 180px;
    background-color: #ea9000;
    color: #FFFFFF;
    /* border-radius: 5px; */
    font-size: 16px;
    font-weight: 500;
    border-color: transparent;
}




.filters {
    list-style: none;
    padding-left: 0px;
}

.filter.danger {
    color: #fff !important;
    background-color: rgba(231, 80, 90, 0.2) !important;
    border: 1px solid rgba(231, 80, 90, 0.5) !important;
}

.filters>.filter {
    display: inline-flex;
    align-items: center;
    color: #bec0c2;
    font-size: 14px;
    border-radius: 4px !important;
    padding: 4px 10px;
    margin-right: 5px;
    border: 1px solid transparent;
}

.filters>.filter:last-child {
    margin-right: 0px;
}

.filter.success {
    color: #fff !important;
    background-color: rgba(38, 194, 129, 0.2) !important;
    border: 1px solid rgba(38, 194, 129, 0.5) !important;
}

.filter-close-icon {
    margin-left: 8px !important;
    cursor: pointer !important;
    color: #ff4d4d !important; /* bright red for visibility on dark theme */
    font-size: 14px !important;
    transition: color 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0.8 !important;
    vertical-align: middle !important;
}

.filter-close-icon:hover {
    color: #ff1a1a !important; /* brighter red on hover */
    opacity: 1 !important;
}

.filters>.filter>button.close {
    float: none;
    margin-left: 8px;
    opacity: 0.8;
    color: #ff4d4d !important; /* bright red for visibility on dark theme */
    text-shadow: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    margin-top: 0;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.filters>.filter>button.close:hover {
    opacity: 1;
    color: #ff1a1a !important; /* brighter red on hover */
}

/* Light theme overrides for high contrast */
[data-theme="light"] .filters>.filter>button.close,
[data-theme="light"] ul.filters .filter .close,
[data-theme="light"] .filter-close-icon,
html[data-theme="light"] .filters>.filter>button.close,
html[data-theme="light"] ul.filters .filter .close,
html[data-theme="light"] .filter-close-icon {
    color: #d32f2f !important; /* darker red for light theme */
}

[data-theme="light"] .filters>.filter>button.close:hover,
[data-theme="light"] ul.filters .filter .close:hover,
[data-theme="light"] .filter-close-icon:hover,
html[data-theme="light"] .filters>.filter>button.close:hover,
html[data-theme="light"] ul.filters .filter .close:hover,
html[data-theme="light"] .filter-close-icon:hover {
    color: #b71c1c !important;
}

.filters>.filter>button.close:focus,
.filters>.filter>button.close:active,
ul.filters .filter .close:focus,
ul.filters .filter .close:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.detection-settings select,
.detection-settings .bootstrap-switch {
    margin: 10px;
}

.mt-step-title {
    cursor: pointer;
}

.mt-step-col {
    padding-left: 0;
}

.mt-step-col.active {
    background-color: #303131;
}

#wizard .mt-step-col.active {
    background-color: transparent;
}

.mt-step-col.active .mt-step-title {
    color: #c0bebe !important;
}

.mt-step-col.active:hover {
    background-color: #c9caca;
}

.mt-step-col.active:hover .mt-step-title {
    color: #050505 !important;
}

.terminal table {
    width: 100%;
}

.terminal>div {
    padding-left: 0;
    background-color: #1e1c1c;
    color: white;
}

.containerTerminal {
    /* margin-top: 15px; */
    /* margin-left: 25px;
    margin-right: 25px; */
    min-height: 550px;
    overflow: auto;
    background: #1e1c1c;
    font-family: "monospace";
    font-size: 14px;
    padding: 10px;
    color: white;
}

.command {
    background: #1e1c1c;
    color: white;
    border: 0;
    outline-width: 0;
    font-family: "monospace";
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0px !important;
    /* width: 98%; */
}

/**
* HUNT INPUT
*/

.hunt>.autocomplete-wrapper>.input>input {
    border-radius: 0px !important;
    border: 1px solid #91a9c9;
    background-color: transparent;
    height: unset;
    padding: 10px;
    line-height: 1.44;
    font-family: monospace;
}

.hunt>.autocomplete-wrapper>.input>input:disabled {
    opacity: 0.65;
}

.hunt>.autocomplete-wrapper>.input>input:focus {
    box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.35) !important;
}

.hunt>.autocomplete-wrapper {
    padding: 0;
}

.hunt>.autocomplete-wrapper.open>input {
    border-bottom: 1px solid #232931;
}

.hunt>.autocomplete-wrapper>.input>.error-mask {
    position: absolute;
    width: 100%;
    background-color: #232931;
    line-height: 1.44;
    padding: 10px;
    border: 1px solid transparent;
    color: transparent;
    font-family: monospace;
    height: 125%;
}

.hunt>.autocomplete-wrapper>.input>.error-mask>.content {
    border: 0;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    white-space: nowrap;
    overflow-x: hidden;
    width: 100%;
}

.hunt>.autocomplete-wrapper>.input>.error-mask>div>.mark {
    background-color: #EF4836;
    color: #EF4836;
    box-sizing: border-box;
    padding: 2px;
    margin: 0 -2px;
}

.hunt>.autocomplete-wrapper>.autocomplete {
    position: absolute;
    z-index: 3;
    top: 41px;
    width: 100%;
    background-color: #232931;
    box-shadow: 0px 8px 8px 2px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid #91a9c9;
    border-top: unset;
    display: none;
}

.hunt>.autocomplete-wrapper.open>.autocomplete {
    display: block;
}

.hunt>.autocomplete-wrapper>.autocomplete>.alert {
    border-radius: 0px !important;
    margin: 15px;
    padding: 15px;
}

.hunt>.autocomplete-wrapper>.autocomplete>div>.suggestions {
    list-style: none;
    margin-bottom: 0px;
    padding: 0px;
    max-height: 300px;
    overflow-y: auto;
}

.hunt>.autocomplete-wrapper>.autocomplete>div>.suggestions>li {
    padding: 5px 10px;
    color: #b3abab;
}

.hunt>.autocomplete-wrapper>.autocomplete>div>.suggestions>li:last-child {
    margin-bottom: 0px;
}

.hunt>.autocomplete-wrapper>.autocomplete>div>.suggestions>li:hover {
    background-color: #2a323e;
}

.hunt>.autocomplete-wrapper>.autocomplete>div>.suggestions>li[is-selected=true] {
    background-color: #374252;
}

.hunt>.autocomplete-wrapper>.autocomplete>div>.suggestions>li>.description {
    color: #fff;
    font-size: 16px;
}

.hunt>.input-group-btn>button {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border: 1px solid #91a9c9;
}

.hunt .btn:hover,
.hunt .btn:focus,
.hunt .btn:active {
    color: #bbb !important;
}

.hunt>.input-group-btn:first-child>.btn:first-child {
    /* border-bottom-left-radius: 5px !important; */
    /* border-top-left-radius: 5px !important; */
}

.hunt>.input-group-btn:last-child>.btn:last-child {
    /* border-bottom-right-radius: 5px !important; */
    /* border-top-right-radius: 5px !important; */
}

.hunt>.input-group-btn>.btn {
    margin-right: -1px;
    padding: 10px 20px;
}

.hunt button.go {
    padding: 10px 35px !important;
}

.hunt button.go.success {
    background-color: #26c281 !important;
    border-color: #1BA39C;
    font-weight: bolder;
}

.hunt button.go.danger {
    color: white !important;
    background-color: #e7505a !important;
    border-color: #E08283;
    pointer-events: none;
    cursor: not-allowed;
}

.CodeMirror {
    height: 220px;
}

.script-textarea .CodeMirror {
    height: 600px;
}

.yara .CodeMirror {
    height: 520px;
}

.commandCMD {
    color: #0db2de;
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
}

.blinking-cursor {
    font-weight: 100;
    font-size: 20px;
    color: #2E3D48;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

@keyframes blink {

    from,
    to {
        color: transparent;
    }

    50% {
        color: white;
    }
}

@-moz-keyframes blink {

    from,
    to {
        color: transparent;
    }

    50% {
        color: white;
    }
}

@-webkit-keyframes blink {

    from,
    to {
        color: transparent;
    }

    50% {
        color: white;
    }
}

@-ms-keyframes blink {

    from,
    to {
        color: transparent;
    }

    50% {
        color: white;
    }
}

@-o-keyframes blink {

    from,
    to {
        color: transparent;
    }

    50% {
        color: black;
    }
}

.btn-red {
    background-color: #ed6b75 !important;
}

.btn-green {
    background-color: #26c281 !important;
}

.output {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
    overflow: hidden;
}

.terminal #command {
    color: #f3f3f3;
}

.script {
    max-height: 804px;
    overflow-y: auto;
    overflow-x: hidden;
}

.script .form-body:nth-child(2n + 1) {
    background-color: #292f37;
}

.script .form-body:nth-child(2n) {
    background-color: #232931;
}

.script .form-group {
    margin-bottom: 0;
}

.table-live-view>tbody>tr>td {
    padding: 6px !important;
}

.form-actions a.btn.default.pull-right {
    color: #050505;
}

.hoverVT {
    color: #bec0c2;
    z-index: 9999;
    background: #1a1f29;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    padding: 12px;
    min-width: 220px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .6);
}

.hoverVT i {
    margin-right: 3px;
}

.hoverVT>p {
    margin: 6px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.hoverVT-title {
    font-size: 11px;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: 8px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.popover.hoverVT-popover,
.popover.hoverVT-popover .popover-inner,
.popover.hoverVT-popover .popover-content,
.hoverVT-popover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

.popover.hoverVT-popover .popover-title {
    display: none !important;
}

.popover.hoverVT-popover .arrow {
    display: none !important;
}

/* Vital sign hover card (reuse alerts look) */
.vs-status-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vs-hover-card {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    background: #1a1f29;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    padding: 12px;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 10055;
    /* Higher than dropdown (10050) */
    box-shadow: 0 8px 24px rgba(0, 0, 0, .6);
    pointer-events: none;
}

.vs-status-wrapper:hover .vs-hover-card {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(4px);
}

.vs-hover-card-title {
    font-size: 11px;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: 8px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.vs-hover-card-item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0;
    color: #bec0c2;
}

.vs-status-wrapper.dropup .vs-hover-card {
    top: auto;
    bottom: 100%;
    transform: translateX(-50%) translateY(-8px);
}

.vs-status-wrapper.dropup:hover .vs-hover-card {
    transform: translateX(-50%) translateY(-4px);
}

.page-bar i.fa-plus,
.page-bar i.fa-arrow-left,
.page-bar i.fa-download {
    padding-right: 5px;
}

div.mt-step-col.disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

div.mt-step-col.disabled>.mt-step-title {
    cursor: not-allowed !important;
}

.dropdown-submenu.downloadRover>a:after {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    right: 131px;
    top: 10px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
}

.dropdown-submenu.downloadRoverWindows>a:after {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    right: 160px;
    top: 10px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
}

.page-link[disabled],
a[disabled] {
    cursor: not-allowed !important;
    pointer-events: none;
    color: #98999b !important;
}

ul>li.disabled {
    cursor: not-allowed !important;
}

.btn-1.green {
    background-color: #26C281;
    border-color: #26C281;
    color: #ffffff;
}

.btn-1.green:hover {
    background-color: #26C281;
    border-color: #26C281;
    color: white;
}

.create-step {
    height: 600px;
}

.create-step .mt-checkbox {
    color: #fefefe !important;
}

.create-step .mt-checkbox-list {
    padding-top: 0;
}

.wizard-pagination button.btn-1 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-radius: 5%;
}

/* .btn-1.green:focus {
    text-transform: none;
} */

.btn-1.green[disabled] {
    color: grey;
    background-color: #232931;
}

.btn-1.green[disabled]:hover {
    color: grey;
    background-color: #232931;
}

.btn-1[disabled] {
    color: grey;
}

.btn-1[disabled]:hover {
    color: grey;
}

.jstree-undetermined {
    background-position: -196px -4px !important;
}

/* Registry Manager improvements */
.registry-selected {
    background: rgba(59, 130, 246, 0.15) !important;
    border-radius: 4px;
}

.registry-selected .jstree-themeicon {
    color: #3b82f6 !important;
}

.registry-pathbar {
    background-color: #13181e;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.registry-pathbar {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #13181e;
    width: 100%;
    display: block;
    clear: both;
    box-sizing: border-box;
}

.registry-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    font-family: Consolas, "Courier New", monospace;
    font-size: 16px;
    color: #9aa4af;
    width: 100%;
}

.registry-toolbar {
    justify-content: flex-start;
}

.registry-toolbar .registry-breadcrumb {
    margin-left: 0;
}

.registry-breadcrumb li {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.registry-breadcrumb li span:hover {
    text-decoration: underline;
    color: #d1d5db;
}

.registry-breadcrumb i.fa-angle-right {
    margin: 0 6px;
    color: #4b5563;
}

.registry-tree .jstree-anchor {
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
}

.registry-tree .folder-icon {
    color: #3b82f6;
}

.registry-tree .toggle-icon {
    width: 16px;
    text-align: center;
    color: #6b7280;
    margin-right: 4px;
}

.registry-tree .toggle-icon:hover {
    color: #9ca3af;
}

.registry-tree .jstree-ocl {
    display: none !important;
}

.registry-tree .jstree-themeicon {
    display: none !important;
}

.registry-tree .jstree-themeicon-custom.fa {
    display: none;
}

.registry-tree[role="tree"] {
    background-color: #dedcdc;
    overflow-y: auto;
    overflow-x: auto;
    height: 593px;
}

/* Apply the same icon overrides for file manager tree */
.jstree.jstree-default .toggle-icon {
    width: 16px;
    text-align: center;
    color: #6b7280;
    margin-right: 4px;
}

.jstree.jstree-default .toggle-icon:hover {
    color: #9ca3af;
}

/* File manager tree visuals to match registry styling */
.file-tree .folder-icon {
    color: #f1c40f;
}

/* yellow folder */
.file-selected {
    background: rgba(59, 130, 246, 0.15) !important;
    border-radius: 4px;
}

.file-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
}

.file-toolbar .input-group-btn {
    margin-right: 12px;
}

.registry-values-scroll {
    overflow-y: auto;
    background: #232931;
}

/* Themed slim-like scrollbars for dark containers */
.registry-values-scroll::-webkit-scrollbar,
.file-tree::-webkit-scrollbar,
.registry-card .table::-webkit-scrollbar,
.table.table-hover.registry-values-table::-webkit-scrollbar {
    width: 8px;
}

.registry-values-scroll::-webkit-scrollbar-track,
.file-tree::-webkit-scrollbar-track,
.registry-card .table::-webkit-scrollbar-track,
.table.table-hover.registry-values-table::-webkit-scrollbar-track {
    background: #1a1f26;
}

.registry-values-scroll::-webkit-scrollbar-thumb,
.file-tree::-webkit-scrollbar-thumb,
.registry-card .table::-webkit-scrollbar-thumb,
.table.table-hover.registry-values-table::-webkit-scrollbar-thumb {
    background-color: #2f3a46;
    border-radius: 8px;
    border: 2px solid #1a1f26;
}

.registry-values-scroll::-webkit-scrollbar-thumb:hover,
.file-tree::-webkit-scrollbar-thumb:hover,
.registry-card .table::-webkit-scrollbar-thumb:hover,
.table.table-hover.registry-values-table::-webkit-scrollbar-thumb:hover {
    background-color: #3b4857;
}

.table-live-view.registry-values-table {
    display: table;
}

.registry-summary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    padding: 4px 0;
    color: #9aa4af;
    font-size: 13px;
}

.registry-summary>div {
    display: flex;
    gap: 8px;
}

.registry-summary .info-label {
    color: #60a5fa;
    font-weight: 600;
    min-width: 72px;
}

.table-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.registry-values-table thead .table-actions-row th {
    background: transparent;
    padding: 0;
    border-bottom: 1px solid #2b3440;
}

.table-topbar {
    padding: 4px 12px;
}

.table-topbar .table-actions .btn {
    padding: 6px 12px;
    font-size: 13px;
}

.registry-summary {
    margin-left: 0;
}

.registry-values-table .table-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.empty-state.registry {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #9aa4af;
}

.empty-state.registry .empty-icon {
    color: #9aa4af;
    font-size: 22px;
}

/* Registry values styling (mockup-inspired) */
.registry-values-table .value-name {
    font-family: Consolas, "Courier New", monospace;
    color: #60a5fa;
}

.registry-values-table .value-data {
    font-family: Consolas, "Courier New", monospace;
    word-break: break-all;
    max-width: 600px;
    display: inline-block;
}

.registry-values-table .value-type {
    font-size: 12px;
    color: #9ca3af;
    font-weight: 500;
    text-transform: uppercase;
}

.registry-values-table .value-type.reg-sz {
    color: #10b981;
}

.registry-values-table .value-type.reg-dword {
    color: #3b82f6;
}

.registry-values-table .value-type.reg-binary {
    color: #f59e0b;
}

.registry-values-table .value-type.reg-expand-sz {
    color: #8b5cf6;
}

.registry-values-table .value-type.reg-multi-sz {
    color: #ec4899;
}

.registry-values-table .value-type.reg-qword {
    color: #06b6d4;
}

.registry-toolbar {
    margin: 0;
    padding: 0 8px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.registry-toolbar .toolbar-actions>.btn+.btn {
    margin-left: 8px;
}

/* File manager toolbar layout */
.file-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

/* Dark inline prompt styling (e.g., New folder) */
.inline-prompt {
    background: #232931;
    border: 1px solid #2b3440;
    color: #d1d5db;
    padding: 8px;
    border-radius: 4px;
}

.inline-prompt .inline-actions {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.inline-prompt .close {
    color: #e5e7eb;
    opacity: 1;
    text-shadow: none;
}

.inline-prompt .form-control {
    background: #1c2229;
    border: 1px solid #2b3440;
    color: #d1d5db;
}

.inline-prompt .btn-primary {
    background: #3b82f6;
    color: #fff;
    border-color: #3b82f6;
}

/* Mode switch pill */
.mode-switch {
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: transparent;
    color: inherit;
    border: 0;
}

.mode-switch .mode-track {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 0;
    background: #1c2229;
    border: 1px solid #2b3440;
    border-radius: 6px;
    overflow: hidden;
}

.mode-switch .mode-option {
    padding: 6px 10px;
    color: #9aa4af;
}

.mode-switch .mode-option+.mode-option {
    border-left: 1px solid #2b3440;
}

.mode-switch .mode-option.active {
    background: #3b82f6;
    color: #fff;
}

/* Legacy segmented toggle styles removed in favor of single mode switch */

/* File tree column should fill remaining height and scroll */
.file-tree[role="tree"] {
    background-color: #dedcdc;
    overflow-y: auto;
    overflow-x: auto;
    height: 593px;
}

/* Align file tree bottom with right table: inherit same scroll height */
.registry-values-scroll[height="575px"] {
    height: 575px;
}

.table.table-summery td {
    padding: 0;
}

#date>.daterangepicker {
    position: relative !important;
    color: inherit;
    background-color: transparent;
    border: 1px solid #1c2229;
    width: 682px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 6px !important;
    left: 0px !important;
    z-index: 3001;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    box-shadow: none !important;
}

.tree-demo a {
    color: #bec0c2 !important;
    box-shadow: none !important;
}

.tree-demo a.red {
    color: #f30808 !important;
    box-shadow: none !important;
}

.margin-l-20 {
    margin-left: 20px
}

.margin-l-25 {
    margin-left: 27px
}

.create-step .cm-s-default {
    height: 450px;
    background-color: #1c2329;
    color: white;
    border: 1px solid transparent;
}

.control-label>.col-2,
.control-label>.col-6 {
    color: #83A9C9;
    text-transform: none;
    font-size: 14px;
}

.select-dark.ng-invalid {
    border-color: #E73D4A;
}

.create-step table>tbody>tr>td {
    padding: 5px 6px;
}

.wizard .pagination button {
    text-transform: uppercase;
}

.create-step .jstree-default.jstree-checkbox-selection .jstree-clicked {
    background-image: none;
    background-position: unset !important;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-top: 0px;
    background-color: #005bea;
    height: 15px;
    width: 15px;
    -moz-box-shadow: inset 0 0 2px #000000;
    -webkit-box-shadow: inset 0 0 2px #000000;
    box-shadow: inset 0 0 2px #000000;
    margin-right: 3px;
    margin-top: 3px;

}

.create-step .jstree-default.jstree-checkbox-selection .jstree-clicked:before {
    content: "\f00c";
    color: white;
}

.create-step .jstree-default.jstree-checkbox-selection .jstree-unclicked {
    background-image: none;
    background-position: unset !important;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-top: 0px;
    background-color: white;
    height: 15px;
    width: 15px;
    -moz-box-shadow: inset 0 0 2px #000000;
    -webkit-box-shadow: inset 0 0 2px #000000;
    box-shadow: inset 0 0 2px #000000;
    margin-right: 3px;
    margin-top: 3px;
}

.create-step .jstree-default.jstree-checkbox-selection .jstree-unclicked:before {
    content: "";
    color: white;
}

.create-step .jstree-default.jstree-checkbox-selection .jstree-undetermined {
    background-image: none;
    background-position: unset !important;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-top: 0px;
    background-color: rgb(69, 95, 167);
    height: 15px;
    width: 15px;
    -moz-box-shadow: inset 0 0 2px #000000;
    -webkit-box-shadow: inset 0 0 2px #000000;
    box-shadow: inset 0 0 2px #000000;
    margin-right: 3px;
    border: 1px solid white;
    margin-top: 3px;

}

.create-step .jstree-default.jstree-checkbox-selection .jstree-undertermined:before {
    content: "";
    color: white;
}

.create-step .mt-checkbox.mt-checkbox-outline {
    margin-bottom: 5px;
}

.undetermined-checkbox>span {
    -moz-box-shadow: inset 0 0 2px #000000;
    -webkit-box-shadow: inset 0 0 2px #000000;
    box-shadow: inset 0 0 2px #000000;
    background-color: #888888 !important;
}

.create-step .cm-string {
    color: green
}

.red {
    color: red !important;
}

.green {
    color: green;
}

.create-step .mt-checkbox-list.ruleCode.ng-invalid {
    border: 1px solid red;
}

.create-step .mt-checkbox-list.ruleCode {
    /* border: 1px solid white; */
}

.create-step .CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid white;
}

.create-step .CodeMirror-placeholder {
    color: grey !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

    opacity: 1;

}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    background-color: #1c2229 !important;
}


.forensics-expire-border-green {
    border-left: 3px solid green;
}

.forensics-expire-border-yellow {
    border-left: 3px solid yellow;
}

.forensics-expire-border-red {
    border-left: 3px solid red;
}

.forensics-expire-border-grey {
    border-left: 3px solid gray;
}

.mobile .modal {
    margin-left: -153px;
}

.forensics-details>a {
    font-size: 17px !important;
    font-weight: 600 !important;
    border-bottom: 7px solid transparent !important;
    border-top: 7px solid transparent !important;
    text-transform: none;
}

.forensics-details>a:hover {
    font-size: 17px !important;
    font-weight: 600 !important;
    background-color: #ffffff !important;
    color: black !important
}

.forensics-details .caption {
    padding: 6px 15px !important;
}

.eventIdInput {
    border-radius: 0px !important;
    border: 1px solid #91a9c9;
    background-color: transparent;
    height: 42px;
    padding: 10px;
    width: 130px;
    line-height: 1.44;
    font-family: monospace;
    color: #ffffff;
}

.threat-details .code {
    background: #1C2329 !important;
    margin-top: 0;
}

.forensicsDetailsPagination button[disabled] {
    pointer-events: all;
    cursor: not-allowed;
    border-color: grey;
}

.forensicsDetailsPagination button[disabled]:hover {
    pointer-events: all;
    cursor: not-allowed;
    border-color: grey;
    background-color: transparent;
}

.create-step .fileRegex .cm-s-default {
    height: 40px;
}

p.forensicsHuntFirstElement {
    max-width: 1250px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: block;
}

.bar-forensics {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 0px;
    background-color: #232931 !important;
    border-bottom-color: #000000;
    margin-right: 1px;
    border-radius: 5px;
}

.bar-forensics>a.btn.active {
    color: #fafafa;
}

.bar-forensics .active:not('.dropdown') {
    border-bottom: 7px solid #364150 !important;
}

.bar-forensics .tab.active {
    border-bottom: 7px solid #364150 !important;
}

/* Live View - Process Details Modal */
.process-details-modal .modal-dialog {
    width: 900px;
    max-width: 95vw;
}

.process-details-modal .modal-content {
    width: 900px;
    max-height: 75vh;
    display: flex;
    flex-direction: column;
}

.process-details-modal .portlet.light {
    height: auto;
}

.process-details-body {
    padding: 10px 15px 0 15px;
}

.process-details-toolbar .input-group .form-control.dark {
    background-color: #1f252d;
    color: #cfd3d7;
    border-color: #3a4452;
}

/* Make the search icon blend with the dark theme and feel like a placeholder */
.process-details-modal .process-details-toolbar .input-group-addon {
    background-color: #1f252d;
    /* match input bg */
    color: #7f8a96;
    /* placeholder-ish tone */
    border-color: #3a4452;
    border-right: 0;
}

.process-details-modal .process-details-toolbar .input-group-addon i {
    opacity: 0.7;
}

.process-details-modal .process-details-toolbar .input-group .form-control.dark {
    border-left: 0;
    padding-left: 10px;
}

.process-details-count {
    color: #9aa3ad;
    margin-right: 10px;
}

.process-details-modal .inner-content-div {
    max-height: 50vh;
    overflow: auto;
}

.process-details-modal table thead th.sortable {
    cursor: pointer;
    user-select: none;
}

.process-details-modal table thead th.sortable .sort-icon {
    margin-left: 6px;
    opacity: 0.7;
}

.process-details-modal .empty-state {
    text-align: center;
    color: #9aa3ad;
    padding: 25px 0;
}

.process-details-modal .empty-state i {
    font-size: 20px;
    margin-right: 8px;
}

/* Improve selected tab clarity inside Details modal */
.process-details-modal .details-bar .mt-step-col.clicked {
    background: #2b313a;
    border-bottom: 3px solid #36c6d3;
}

.process-details-modal .details-bar .mt-step-col.clicked .mt-step-title {
    color: #e5e7ea !important;
    font-weight: 600;
}

.bar-forensics>a.btn {
    color: #bec0c2;
    padding: 10px 9px;
}

.newModal label {
    color: #83A9C9;
    font-weight: bold;
}

/* #create-user-form input {
    background-color: ;
} */

.newModal .ng-invalid {
    border-color: red !important;
}

textarea.code.description.ng-invalid {
    border: 1px red solid !important;
}

.modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
}

.gray-placeholder {
    color: #999999;
}

.unauthorized {
    opacity: 0.5;
    cursor: not-allowed;
}

.unauthorized input {
    pointer-events: none;
}

span.unauthorized>span.datepiker {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.unauthorized a {
    opacity: 0.5;
}

.unauthorized>div {
    cursor: not-allowed;
    opacity: 0.5;
}

.unauthorized>div>div {
    cursor: not-allowed;
}

span[disabled]>a,
span[disabled]>i,
div[disabled]>div,
span[disabled]>button,
span[disabled]>div,
div[disabled]>a {
    pointer-events: none;
}

span.unauthorized .fa-bell {
    padding-top: 13px;
}

.dropdown-notification li[disabled] {
    opacity: 0.1;
}

#rolesBox p.active {
    color: #fff;
    box-shadow: -5px 0px 0px 0px #031fc2;
}

.role-badge {
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    height: 18px;
    color: #fff;
    padding: 1px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 50px !important;
    text-shadow: none !important;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
}

.btn-modal-add {
    background-color: #367fd3 !important;
    color: white;
    width: 100px;
}

#newversion {
    /* border:1px solid #e9e4ed; */
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 30%;
    text-align: center;
    width: 550px;
    position: fixed;
    display: block;
    z-index: 1000;
    background-color: #232931;
    padding: 15px
}

.blur-view {
    opacity: 0.4;
    pointer-events: none;
    filter: blur(8px);
}

.blur-view-detection {
    opacity: 0.4;
    pointer-events: none;
    filter: blur(8px);
    /* height: 480px; */
}

.blue-steel {
    color: #4B77BE;
}

.detection p {
    margin: 5px 0;
}

.selected {
    border: 1px solid #4B77BE !important;
}

.selected .font-grey-salsa {
    color: #4B77BE !important;
}

.detection .mt-checkbox.mt-checkbox-outline span {
    background-color: #fff;
}

.detection .mt-checkbox.mt-checkbox-outline>input:hover~span {
    border: 1px solid #fff;
    background: #fff;
}

.detection .mt-checkbox.mt-checkbox-outline>input:focus~span {
    border: 1px solid #fff;
    background: #fff;
}

.detection .mt-checkbox.mt-checkbox-outline>input:checked~span {
    border: 1px solid #fff;
    background: #4B77BE;
}

.detection .mt-checkbox.mt-checkbox-outline>input:checked:hover~span {
    border: 1px solid #fff;
    background: #4B77BE;
}

.detection .mt-checkbox>span:after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
}

div:disabled {
    opacity: 0.6;
    pointer-events: none;
}

i.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.opacity-6 {
    opacity: 0.6;
    cursor: not-allowed;
}

.alertsFilter p.title {
    color: #2196f3;
    font-size: 15px;
}

.alertsFilter p.subtitle {
    color: #757575;
    margin: 5px 0;
    cursor: pointer;
    font-size: 14px;
}

.alertsFilter div div.stats {
    height: 160px;
    border-right: 1px solid #424242;
}

.alert p.title {
    font-size: 14px;
    color: #2196f3;
    font-weight: 600;
}

div.row.alert {
    background-color: #1c2229;
    /* margin: 20px; */
}

.alert .input-group p {
    margin: 0;
}

.alert .sub-title {
    font-size: 16px;
    color: #2287da;
    font-weight: 600;
}

.alert-color {
    color: #2287da
}

img:disabled {
    cursor: not-allowed;
}

.activeFilter {
    color: #e0e0e0 !important;
}

.details>.details-value>div {
    width: 100%;
    height: 300px;
    position: relative;
    margin-top: 0px;
}

/* .alert .col-md-4 div {
    margin:10px;
    border-right: 1px solid grey;
    height: 90%;
} */

.thretsGrup .redLine {
    color: #fa6d62;
}

.thretsGrup .greenLine {
    color: #40d0ad;
}

.more-details .input-group {
    padding-left: 5px;
}

.alertDetails .input-group {
    padding-left: 5px;
}

#threatsDistributionChart tspan {
    text-transform: capitalize;
}

img[disabled] {
    cursor: not-allowed;
}

.snippet {
    position: relative;
    background: transparent;
    /* padding: 2rem 5%; */
    /* margin: 1.5rem 0; */
    /* box-shadow: 0 .4rem .8rem -.1rem rgba(0, 32, 128, .1), 0 0 0 1px #232931; */
    border-radius: .25rem;
}

.examples .snippet:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    content: attr(data-title);
    font-size: .75rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    color: white;
    background-color: transparent;
    border-radius: .25rem 0 .25rem 0;
}

.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 2rem 0;
    margin: 0 -5%;
    overflow: hidden;
}

.filter-contrast {
    filter: contrast(5);
    background-color: white;
}

.dot-elastic {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fefefe;
    color: #fefefe;
    animation: dotElastic 1s infinite linear;
}

.dot-elastic::before,
.dot-elastic::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-elastic::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fefefe;
    color: #fefefe;
    animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fefefe;
    color: #fefefe;
    animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(1, 1.5);
    }

    50% {
        transform: scale(1, 0.67);
    }

    75% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes dotElastic {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1, 1.5);
    }

    75% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes dotElasticAfter {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1, 0.67);
    }

    75% {
        transform: scale(1, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fefefe;
    color: #fefefe;
    box-shadow: 9999px 0 0 -5px #fefefe;
    animation: dotPulse 1.5s infinite linear;
    animation-delay: .25s;
}

.dot-pulse::before,
.dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fefefe;
    color: #fefefe;
}

.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #fefefe;
    animation: dotPulseBefore 1.5s infinite linear;
    animation-delay: 0s;
}

.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #fefefe;
    animation: dotPulseAfter 1.5s infinite linear;
    animation-delay: .5s;
}

@keyframes dotPulseBefore {
    0% {
        box-shadow: 9984px 0 0 -5px #fefefe;
    }

    30% {
        box-shadow: 9984px 0 0 2px #fefefe;
    }

    60%,
    100% {
        box-shadow: 9984px 0 0 -5px #fefefe;
    }
}

@keyframes dotPulse {
    0% {
        box-shadow: 9999px 0 0 -5px #fefefe;
    }

    30% {
        box-shadow: 9999px 0 0 2px #fefefe;
    }

    60%,
    100% {
        box-shadow: 9999px 0 0 -5px #fefefe;
    }
}

@keyframes dotPulseAfter {
    0% {
        box-shadow: 10014px 0 0 -5px #fefefe;
    }

    30% {
        box-shadow: 10014px 0 0 2px #fefefe;
    }

    60%,
    100% {
        box-shadow: 10014px 0 0 -5px #fefefe;
    }
}

.circular {
    height: 100px;
    width: 100px;
    position: relative;
    transform: scale(2);
}

.circular .inner {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    margin: -40px 0 0 -40px;
    background: #dde6f0;
    border-radius: 100%;

}

.circular .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    font-size: 18px;
    font-weight: 500;
    color: #4158d0;
}

.circular .bar {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 100%;
    clip: rect(0px, 100px, 100px, 50px);
}

.circle .bar .progress {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 50px, 100px, 0px);
    background: #4158d0;
}

.circle .left .progress {
    z-index: 1;
    animation: left 4s linear both;
}

@keyframes left {
    100% {
        transform: rotate(180deg);
    }
}

.circle .right {
    transform: rotate(180deg);
    z-index: 3;

}

.circle .right .progress {
    animation: right 4s linear both;
    animation-delay: 4s;
}

@keyframes right {
    100% {
        transform: rotate(180deg);
    }
}

.form-control[disabled],
fieldset[disabled] .form-control {
    background-color: #2f353b;
    opacity: 1;
}

.timeline .timeline-badge {
    float: unset;
    position: relative;
    height: 0px;
    width: 0px;
    background-color: #232931;
    text-align: center;
    top: 35px;
}

.timeline .circle {
    width: 25px;
    height: 25px;
    margin-left: 175px;
    border: 3px #029666 solid;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    background-color: #029666;
}

.timeline-badge>span {
    text-align: center;
    color: #fefefe;
}

.timeline .timeline-body {
    position: relative;
    padding: 20px;
    margin-top: 3px;
    margin-left: 225px;
    background-color: #1c2229;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.report.timeline .timeline-body {
    position: relative;
    padding: 20px;
    margin-top: 3px;
    margin-left: 225px;
    background-color: #fefefe;
    border: 1px solid #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.report.timeline span {
    color: #000000 !important;
}

.report.timeline .code {
    background-color: transparent;
}

.timeline:before {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    background: #029666;
    top: 0px;
    bottom: 0px;
    margin-left: 185px;
}

.timeline-item .date {
    float: left;
    position: relative;
    height: 20px;
    width: 160px;
    color: #fefefe;
    top: 40px;
    text-align: center;
}

.timeline p.forensicsHuntFirstElement {
    max-width: 835px;
}

.timeline td,
.timeline p.forensicsHuntFirstElement {
    max-width: 460px;
    display: -ms-inline-grid;
}

.timeline td {
    max-width: 450px;
    display: block;
}

.report .timeline-body-content label {
    color: #000000 !important;
    font-weight: 500;
}

.forensicsHuntDescription .code {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    max-height: 250px;
    max-width: 800px;

}

.table-reports .descriptions div table tr td:nth-child(2) {
    max-width: 100%;
    word-break: break-word;
    text-overflow: ellipsis;
}

.report table.forensicsHuntDescription>tbody>tr>td:first-child {
    color: #000000 !important;
}


.vert-split-item table td {
    max-width: 200px;
}

.row.fileManager>div {
    width: 100%;
}

.elipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.btn-delete {
    background-color: #ff7676 !important;
}

.slimScrollDiv {
    position: static !important;
}

.alertsFilter .slimScrollDiv {
    position: relative !important;
}

.searchOnCve {
    left: 0
        /*rtl:auto*/
    ;
    min-width: 175px;
    position: absolute;
    z-index: 9996;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    /* border: 1px solid #eee; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #232931;
    box-shadow: 0px 8px 8px 2px rgb(0 0 0 / 35%);
}

.searchOnCve li>a {
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}

#CveDropDown li.active a {
    color: #fff !important;
}

.filterBar {
    margin-top: 12px;
    margin-left: 0px;
    background-color: #232931 !important;
    border-bottom-color: #000000;
    margin-right: 1px;
    border-radius: 5px;
}

.filterBar>div {
    display: inline-block;
    min-width: 271px;
}

.CricicalCve {
    color: #C70039 !important;
}

.HighCve {
    color: #FF5733 !important;
}

.MediumCve {
    color: #FFC300 !important;
}

.LowCve {
    color: #FFDA33 !important;
}

.CricicalCveBadge {
    background-color: #C70039 !important;
}

.HighCveBadge {
    background-color: #FF5733 !important;
}

.MediumCveBadge {
    background-color: #FFC300 !important;
}

.LowCveBadge {
    background-color: #FFDA33 !important;
}

@media (max-width: 1535px) {

    div.stats>.subtitle>span:first-of-type {
        width: 130px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}


@media (min-width: 1536px) and (max-width: 2050px) {

    div.stats>.subtitle>span:first-of-type {
        width: 110px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 2050px) {

    div.stats>.subtitle>span:first-of-type {
        width: 190px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.blur-viewStats {
    opacity: 0.9;
    pointer-events: none;
    filter: blur(2px);

}

.elipsis {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textStory {
    background-color: #1d1d20;
    color: #e0e0e0;
    display: inline-block;
}

button.copy[disabled] i {
    color: grey !important;
}

.btn-display {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-display[disabled] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.5;
    cursor: not-allowed;
}


#tree .icon {
    mask-size: cover;
    -webkit-mask-size: cover;
    display: inline-block;
    width: 24px;
    height: 24px;
}

#tree .element {
    display: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.12), 0 1px 1px 0 rgb(0, 0, 0, 0.24);
    background-color: #048375;
    height: 37px;
    padding-left: 5px;
    padding-right: 5px;
    /* border-radius: 5%; */
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

#tree .element.fake {
    border-style: dashed;
    padding-left: 25px;
}

#tree .element.fake .Label {
    margin-top: 5px;
}

#tree .element.unsigned {
    display: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.12), 0 1px 1px 0 rgb(0, 0, 0, 0.24);
    background-color: #FF9700;
    height: 37px;
    padding-left: 5px;
    padding-right: 5px;
}

#tree .element.isfromthreat {
    display: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.12), 0 1px 1px 0 rgb(0, 0, 0, 0.24);
    background-color: #673BB7;
    height: 37px;
    padding-left: 5px;
    padding-right: 5px;
}

#tree .element.threat {
    display: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.12), 0 1px 1px 0 rgb(0, 0, 0, 0.24);
    background-color: #ea1e63;
    height: 37px;
    padding-left: 5px;
    padding-right: 5px;
}

#tree .element.selectedNode {
    border: 2px solid #0275d8;
}

#tree .element.threat.selectedNode {
    border: 2px solid #0275d8;
}

#tree .element-severity_badge {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: -36px;
    margin-top: -4px;
    border: 3px solid #fff;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.12), 0 1px 1px 0 rgb(0, 0, 0, 0.12);
    background: #fff;
    z-index: 999;
}

#tree .element-severity_badge>.icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: -2px;
    right: 2px;
    position: relative;
}

#tree .element-pm_badge {
    position: absolute;
    width: 32px;
    height: 16px;
    border-radius: 2px;
    margin-left: 46px;
    margin-top: 34px;
    background: #048375;
    z-index: 999;
    display: inline-flex;
}

#tree .element-pm_badge>.icon {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    margin-top: 1px;
    display: block;
    background: #fff;
}

#tree .element-pm_badge2 {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: -36px;
    margin-top: 30px;
    border: 3px solid #fff;
    box-shadow: 0 0 1px 0 rgb(0, 0, 0, 0.12), 0 1px 1px 0 rgb(0, 0, 0, 0.12);
    background: #fff;
    z-index: 999;
}

#tree .element-pm_badge2>.icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: -2px;
    right: 2px;
    position: relative;
}

#tree .element-pm_badge>span {
    font-family: "Nokia Pure Regular";
    font-size: 10px;
    line-height: 16px;
    vertical-align: middle;
    color: #fff;
}

#tree .element-graphic {
    display: none;
    display: inline;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 35px;
    box-sizing: border-box;
    /* border: 4px solid rgb(255, 255, 255, 1); */
}

/*box-shadow: 0 0 0px 2px rgb(227, 73, 76, 1);*/


#tree .Label {
    font-size: 12px;
    text-align: center;
    color: #e0e0e0;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    padding-top: 4px;
    margin: 0;
}

#tree .sublabel {
    font-size: 9px;
    text-align: center;
    color: #e0e0e0;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    padding-top: 2px;
    margin: 0;
}

#tree .desc {
    padding: 10px;
    box-sizing: border-box;
    height: 70px;
    width: 120px;
    font-size: 12px;

    background-color: white;
}

#tree .element graphic.selected {
    box-shadow: 0 0 0px 2px #5da4ef;
    border: 4px solid rgb(255, 255, 255, 1);
}

#tree .element label {
    font-family: "Nokia Pure Regular";
    font-size: 10px;
    color: rgb(0, 0, 0, 0.87);
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    padding-top: 4px;
}

#tree .element .plusundefined {
    display: none;
}

#tree .element.fake .fake {
    display: none !important;
}

#tree .element .plus1 {
    display: inline-block;
    margin-top: 2px;
}

#tree .element.selectedNode .plus1 {
    display: inline-block;
    margin-top: 2px;
}

#tree .element.fake .plusundefined {
    display: inline-block;
    margin-top: 2px;
}

#tree .element.fake .plusundefined i {
    font-size: 13px;
}

#tree .element.fake .plus1 i {
    font-size: 13px;
}

#tree .group {
    display: none;
    flex-direction: column;
    align-items: center;
}

#tree .group.hide {
    display: none;
}

#tree .group.show {
    display: inline-flex;
}

#tree .group-graphic {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    width: 56px;
    height: 56px;
    background: #eeeeee;
    margin-top: 16px;
    border: 1px solid #dcdcdc;
}

#tree .group-graphic>.icon {
    background: #9e9e9e;
}

#tree .group-graphic.selected {
    box-shadow: 0 0 0px 2px #5da4ef;
    border: 1px solid rgb(255, 255, 255, 1);
}

#tree .group-label {
    font-family: "Nokia Pure Regular";
    font-size: 10px;
    max-width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #757575;
    text-transform: uppercase;
    margin-top: 6px;
}

#tree .node-hidden {
    display: none;
}

#tree .cy-panzoom {
    position: relative !important;
    z-index: 9900;
}

#tree .cy-panzoom .fa-expand {
    margin-left: -7px;
}

#tree .cy-panzoom .cy-panzoom-zoom-out .fa-minus {
    margin-left: -7px;
}

.cy-panzoom .fa-plus,
.cy-panzoom .fa-minus {
    margin-left: 0px;
    padding-left: 3px;
    color: var(--theme-text-secondary) !important;
}

div[disabled] {
    cursor: not-allowed;
}

div[disabled] i {
    cursor: not-allowed !important;
    opacity: 0.5;
}

div[disabled] i:hover {
    cursor: not-allowed !important;
    opacity: 0.5;
}

a.btn.active {
    border-bottom: 1px solid white;
}

a.ng-invalid {
    border: 1px red solid;
}

.drop-box {
    background: #232931;
    border: 5px dashed #232931;
    height: 103px;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}

.dragover {
    border: 5px dashed blue;
}

.modal.dark>.modal-dialog {
    margin-top: 150px;
}

.storyalertpulses .foresicsHuntDescription .code {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    max-height: 250px;
    max-width: 735px;
    background-color: transparent !important;
}

.storyalertpulses table.forensicsHuntDescription>tbody>tr>td:first-child {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 10px;
    color: #ececec;
}

.rovers .dashboard-stat2 {
    padding: 8px 10px 8px 15px;
}

.integrations img:hover {
    opacity: 0.7;
}

.margin-0 {
    float: none;
    margin: 0 auto;
}

.integrationJson .CodeMirror {
    height: 450px;
}

.integrationRow .container {
    position: relative;
    width: 50%;
}

.integrationRow .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.integrationRow .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.integrationRow .container:hover .image {
    opacity: 0.3;
}

.integrationRow .container:hover .middle {
    opacity: 1;
}

.integrationRow .text {
    background-color: #04AA6D;
    color: white;
    font-size: 16px;
    padding: 5px 12px;
}

th[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.bar-forensics .btn {
    padding: 5px 8px;
}

.bar-forensics img {
    height: 30px;
    width: 30px;
}

.bar-forensics p {
    margin: 0;
    font-size: 11px;
    margin-top: 10px;
}

.bar-forensics a {
    margin-right: 0px;
}

.bar-forensics a:hover p {
    color: grey;
}

.billing .table-condensed thead tr:nth-child(2),
.billing .table-condensed tbody {
    display: none;
}

.billing.daterangepicker select.yearselect {
    width: 60%;
}

div[disabled] .irs {
    pointer-events: none;
}

.forensics-details tr th {
    color: #81a7da !important;
}

.forensics-details thead {
    border-top: 1px solid #1c2229;
    background-color: #29323f !important;
}

.forensics-details table {
    margin-top: 5px;
}

.forensics-details .amChartsLegend circle {
    cx: 2;
    cy: 2;
    r: 9;
}

datalist {
    position: absolute;
}

.nav-tabs.dark>li>a {
    background-color: #363f4b;
    border-bottom: 2px solid #363f4b;
    margin-left: 2px;
    margin-right: 2px;
}

table.first th:first-child {
    position: sticky;
    left: 0px;
    z-index: 2;
    background-color: #232931;
}

table.first td:first-child {
    position: sticky;
    left: 0px;
    z-index: 2;
    background-color: #232931;

}

table.last tbody td:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: #232931;

}

table.last thead th:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: #232931;

}

.razvanTale td {
    font-size: 14px !important;
    color: #DFE5EF !important;
    /* background-color: white; */
    font-weight: 400 !important;
}

table.razvanTale th,
table.razvanTale td {
    font-family: 'Roboto Mono', 'Courier New', monospace;
}

@media (min-width: 2599.98px) {
    .table-responsive-xxxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.selectize-input {
    background-color: #1c2329 !important;
    background: #1c2329 !important;
    color: #FAFAFA !important;
    border: none !important;
}

.selectize-dropdown {
    background-color: #1c2329 !important;
    background: #1c2329 !important;
    color: #FAFAFA !important;
    border-color: #2f353b !important;
}

.selectize-dropdown-content {
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    min-width: 300px;
    background-color: #1c2329 !important;
    background: #1c2329 !important;
    color: #FAFAFA !important;
    border-color: #2f353b !important;
}

/* .selectize-input::after {
    content: none !important;
}

.selectize-input::before {
    content: none !important;
} */

.selectize-control .selectize-input:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(0.75rem + 5px);
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808b95 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.selectize-control .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #808b95 rgba(0, 0, 0, 0)
}

.selectize-control.single .selectize-input {
    box-shadow: none !important;
}

.am4chart tspan,
.am4chart polyline {
    fill: white !important;
    stroke: white !important;
}

.selectedTr {
    background-color: darkslateblue !important;
}

.link:hover {
    text-decoration: underline;
}

.mitre-red {
    border-left: 5px solid red !important;
}

.mitre-orange {
    border-left: 5px solid orangered !important;
}

.mitre-yellow {
    border-left: 5px solid yellow !important;
}

.bg-critical {
    background-image: linear-gradient(85deg, #7833AF, violet);
}

.bg-high {
    background-image: linear-gradient(85deg, #F10075, pink);
}

.bg-medium {
    background-image: linear-gradient(85deg, #E87E04, orange);
}

.bg-low {
    background-image: linear-gradient(85deg, #F9F871, yellow);
}

.bl-critical {
    border-left: 5px solid #7833AF;
}

.bl-high {
    border-left: 5px solid #F10075;
}

.bl-medium {
    border-left: 5px solid #E87E04;
}

.bl-low {
    border-left: 5px solid #F9F871;
}

.bl-info {
    border-left: 5px solid #285CF7;
}

.indicator.active>div {
    border-left: 3px solid #0db2de !important;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.razvanTale td {
    font-size: 14px !important;
    font-family: 'Roboto Mono';
    font-weight: 400 !important;
    padding: 5px 10px !important;
    line-height: 16px !important;
    font-kerning: normal !important;
    letter-spacing: 1px;
}

.razvanTale td span {
    text-wrap: wrap;
}

.razvanTale tr {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #515360;
}

.elementHover {
    display: none;
}

.elementToHover.is-overlay-active .elementHover,
.elementHover:hover {
    display: block;
}

.elementToHover:hover {
    position: relative;
    border: 2px solid #36A2EF;
    border-radius: 2px;
    z-index: 1000 !important;
    isolation: isolate !important;
}

tr:hover {
    position: relative;
    z-index: 999 !important;
    transform: translateZ(0);
}

.elementToHover:hover .elementHover {
    display: block;
}

.elementToHover {
    position: relative;
}

.elementHover {
    position: absolute;
    top: 0;
    left: -2px;
    transform: translateY(-100%);
    /* position overlay above the cell */
    background-color: #36A2EF;
    padding-top: 2px;
    padding-left: 3px;
    border-radius: 2px;
    z-index: 2;
    /* Below sticky cells (z-index:3) but above table content */
}



.elementHover i {
    color: #000000;
    padding-right: 5px;
}

.elementHover i:hover {
    color: #bacfe7 !important;
    cursor: pointer;
}

.elementToHover.is-overlay-active {
    border: 2px solid #36A2EF;
    border-radius: 2px;
    z-index: 10;
    transform: translateZ(0);
}

/* Allow overlays that extend above cells to be visible while interacting */
.horizontal:hover {
    overflow: hidden !important;
}



/* Ensure hover overlay stays behind sticky columns during horizontal scroll */
.horizontal .sticky-column,
.largetable .sticky-column,
.sticky-left,
.sticky-left-2 {
    z-index: 2 !important;
    background-color: #232931;
    /* Ensure opaque background */
}


.slimScrollBarX,
.slimScrollBarY {
    background-color: #aba3a3 !important;
}

.largetable .slimScrollRailY {
    background-color: #1c2229 !important;
}

.codeRaw {
    background-color: transparent !important;
    color: #DFE5EF;
    border: transparent;
    padding: 3px 5px;
    font-size: 14px;
}

.keyRaw {
    font-weight: 600;
    font-size: 15px;
    padding-right: 2px;
    padding-left: 2px;
    margin-right: 3px;
    background-color: #373a3f;
    border-radius: 5px;
    word-break: auto-phrase;
}

.highlightText {
    background-color: #989800;
}

.hoverIcon:hover {
    color: #000000;
}

.auditTable table tr td:nth-child(1) {
    min-width: 150px;
    width: 150px;
}

.daterangepicker:after {
    display: none !important;
}

.js-Selector {
    color: #000000;
}

.svgIcons svg:hover {
    opacity: 0.5;
}

.forensicsTablePadding {
    position: relative;
    left: 15px;
}

.forensicsTablePadding td:nth-child(2) {
    position: relative;
    left: -14px;
}

.codeTitleTruncate {
    position: relative;
    display: inline-block;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    top: 6px;
}

.activeItem {
    border-left: 3px solid #005bea;
}

a.forensicsMenu:not(.activeItem) {
    padding: 10px 18px;
}

.artifacts-item:hover {
    opacity: 0.5;
}

.noteStory {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #1c2329;
    opacity: 1;
}

.dashboardstats .dashboard-stat2:hover {
    cursor: pointer;
}

.dashboardstats .dashboard-stat2:hover small {
    text-decoration: underline;
}

[ng-cloak] {
    display: none !important;
}

:root {
    --dark-bg: #1e2130;
    --darker-bg: #171923;
    --medium-bg: #262a38;
    --medium-bg-lighter: #2e3344;
    --medium-bg-light: #6c5b3c;
    --medium-color: #f59e0b;
    --low-bg: #fffff;
    --low-bg-lighter: #2e3344;
    --low-bg-light: #2e3344;
    --low-color: #ffffff;
    --header-color: #4a90e2;
    --text-color: #e1e1e6;
    --muted-text: #9a9bb0;
    --border-color: #353a4a;
    --danger-color: #e25c5c;
    --danger-bg-light: rgba(226, 92, 92, 0.15);
    --danger-pulse-color: rgba(226, 92, 92, 0.6);
    --warning-color: #e9a85c;
    --success-color: #5ccd95;
    --injection-color: var(--danger-color);
    --button-color: #3a6ea5;
    --button-secondary-color: #5a6175;
    --button-story-color: #4a90e2;
    --button-story-pulse-color: rgba(74, 144, 226, 0.5);
    --loader-color: var(--header-color);
    --pending-color: #e9a85c;
    --button-validate-color: var(--warning-color);
}

.alertModal * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.threat-icon.pending {
    background-color: var(--pending-color) !important;
    animation: pulse-icon-pending 1.8s infinite ease-in-out;
}

.action-button.validate {
    background-color: var(--button-validate-color);
}

.alertFolded * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.alertFolded .threat-status-group.status-group-success,
.alertFolded .threat-status-group.status-group-false-positive {
    flex-direction: column;
    gap: 0.4rem;
    display: flex;
    align-items: center;
}

.alertFolded .threat-status-group.status-group-success .threat-icon.success,
.alertFolded .threat-status-group.status-group-false-positive .threat-icon.false-positive {
    width: 48px;
    height: 48px;
    margin-bottom: 0.4rem;
}

.alertFolded .input-group-btn {
    position: relative;
    display: inline-table;
}

.alertFolded .btn.dropdown-toggle {
    padding: 5px 10px;
    font-size: 14px;
}

.alertFolded .dropdown-menu {
    position: absolute;
    bottom: 100%;
    top: auto;
    left: -10px;
    min-width: 160px;
    margin-bottom: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.alertFolded .dropdown-menu>li>a {
    padding: 5px 10px;
    font-size: 14px;
}

.alertFolded .dropdown-menu>li>a:hover {
    background-color: #f5f5f5;
}

.action-buttons.open .dropdown-menu {
    display: block;
}

.alert-title {
    font-size: 16px;
    color: #ffffff;
}

.alert-description {
    font-size: 16px;
    color: #ffffff;
}

.indicator-th {
    color: #6b7280;
    font-size: 14px;
    font-family: monospace;
    word-break: break-all;
}

.alert-indicator {
    /* font-size: 0.75rem; */
    line-height: 1rem;
    word-break: break-all;
    font-family: monospace;
    color: #9ca3af
}

.alert-endp {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #9ca3af;
}

.rounded-full {
    border-radius: 9999px;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.badge-critical {
    background-color: #ef4444;
    color: #fef2f2;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.badge-base {
    display: inline-block;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.badge-high {
    background-color: #f97316;
    color: #fff7ed;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.badge-low {
    background-color: #3b82f6;
    color: #eff6ff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.badge-medium {
    background-color: #f59e0b;
    color: #fffbeb;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.staticML {
    background-color: rgba(79, 70, 229, 0.3);
    color: #c7d2fe;
    border: 1px solid indigo;
}

.behavioral {
    background-color: rgba(245, 158, 11, 0.3);
    color: #fef3c7;
}

.reputation {
    background-color: rgba(16, 185, 129, 0.3);
    color: #a7f3d0;
}

.digital {
    background-color: rgba(139, 92, 246, 0.3);
    color: #ddd6fe;
}

.dynamic {
    background-color: rgba(236, 72, 153, 0.3);
    color: #fbcfe8;
}

.correlation {
    background-color: rgba(139, 92, 246, 0.3);
    color: #ddd6fe;
}

.defaultenginebadge {
    background-color: rgba(107, 114, 128, 0.3);
    color: #e5e7eb;
}

.enginebadge {
    display: inline-block;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    min-width: 4px;
    text-align: center;
}

.policy.enginebadge {
    background-color: rgba(139, 92, 246, 0.3);
    color: #ddd6fe;
}

/* ML Confidence Bar Styles */
.ml-confidence-container,
.vt-indicator-container {
    display: inline-flex;
    /* Align items inline */
    align-items: center;
    /* Vertically center items */
    gap: 0.25rem;
    /* space-x-1 */
    margin-left: 0.5rem;
    /* ml-2 */
    white-space: nowrap;
    /* Prevent wrapping within the container */
}

.ml-confidence-bar-outer {
    height: 8px;
    width: 60px;
    /* Slightly smaller bar */
    background-color: #374151;
    /* gray-700 */
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    /* Hide overflow of inner bar */
    border: 1px solid #4b5563;
    /* gray-600 */
}

.ml-confidence-bar-inner {
    height: 100%;
    background: linear-gradient(to right, #22c55e, #f59e0b, #ef4444);
    /* green-yellow-red gradient */
    border-radius: 4px;
    /* Match outer radius */
    transition: width 0.3s ease-in-out;
    /* Smooth width transition */
}

.fa-clone:hover {
    opacity: 1;
    cursor: pointer;
}

.fa-clone {
    opacity: 0.5;
    cursor: pointer;
}

.hiddenIcon {
    visibility: hidden;
}

/* Alert Folded */

/* Main Dashboard Layout */
.alertFolded .dashboard-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 1px;
    flex: 1;
    background-color: #111318;
    height: auto;
    overflow: hidden;
}

/* Panel Styling */
.alertFolded .panel {
    background-color: var(--dark-bg);
    display: flex;
    flex-direction: column;
    height: auto;
    /* Ensure panels fill grid cell height */
    overflow: hidden;
    /* Prevent panel overflow */
    max-height: none;
    position: relative;
    /* Needed for absolute positioning of panel loader */
}

.alertFolded .panel-header {
    color: var(--header-color);
    font-size: 14.4px;
    /* 0.9rem */
    font-weight: 600;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Keep items spaced */
    padding: 14px 24px;
    /* compact vertical spacing */
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    flex-wrap: nowrap;
    /* Explicitly prevent wrapping */
    overflow: hidden;
    /* Prevent content overflow */
    min-height: 58px;
    /* compact vertical spacing */
}

.alertFolded .panel-header-title-group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    /* Prevent shrinking */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    /* Allow shrinking if absolutely necessary next to button */
}

.alertFolded .panel-header-icon {
    margin-right: 11.2px;
    /* 0.7rem */
    height: 16px;
    width: 16px;
    flex-shrink: 0;
    /* Prevent icon shrinking */
}

/* Style for Threat Story button in header */
.alertFolded .threat-story-header-btn {
    background-color: var(--button-story-color);
    color: white;
    border: none;
    padding: 6.4px 12.8px;
    /* 0.4rem 0.8rem */
    border-radius: 4px;
    font-size: 12.8px;
    /* 0.8rem */
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.3s;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4.8px;
    /* 0.3rem */
    animation: pulse-story-btn 2s infinite ease-in-out;
    flex-shrink: 0;
    /* Prevent button shrinking */
    margin-left: 16px;
    /* 1rem */
}

.alertFolded .threat-story-header-btn svg {
    width: 12px;
    height: 12px;
    stroke-width: 2.5;
}

.alertFolded .threat-story-header-btn:hover {
    background-color: #6baaff;
    /* Lighter blue */
    animation-play-state: paused;
}

/* Keyframes for the story button pulse */
@keyframes pulse-story-btn {
    0% {
        box-shadow: 0 0 0 0 var(--button-story-pulse-color);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(74, 144, 226, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(74, 144, 226, 0);
    }
}

.alertFolded .panel-content {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px 14px;
    /* compact vertical spacing */
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) var(--dark-bg);
    position: relative;
    /* Needed for panel loader */
}

.alertFolded .panel-content::-webkit-scrollbar {
    width: 6px;
}

.alertFolded .panel-content::-webkit-scrollbar-track {
    background: var(--dark-bg);
}

.alertFolded .panel-content::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: 6px;
    border: 2px solid var(--dark-bg);
}

.alertFolded .panel-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--muted-text);
}

.alertFolded .panel-footer {
    padding: 16px 24px;
    /* 1rem 1.5rem */
    border-top: 1px solid var(--border-color);
    background-color: var(--dark-bg);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.alertFolded .left-panel {
    position: relative;
    min-width: 460px;
    /* Increased minimum width again */
}

/* --- Modified Threat Overview Section --- */
.alertFolded .centered-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 10px 10px;
    /* compact vertical spacing */
    background-image:
        radial-gradient(circle at center, var(--danger-gradient-color) 0%, transparent 33%),
        radial-gradient(circle at center, var(--medium-bg-lighter), var(--medium-bg) 70%);
    background-color: var(--medium-bg);
    /* Fallback */
    border-radius: 6px;
    margin-bottom: 16px;
    /* compact vertical spacing */
    text-align: left;
}

.alertFolded .overview-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
    /* 1.5rem */
    padding: 0 1.6px;
    /* 0.1rem */
}

.alertFold .alertFolded .threat-status-group {
    display: flex;
    align-items: center;
    gap: 8px;
    /* 0.5rem */
    margin-bottom: 12px;
    /* 0.75rem */
}

.alertFolded .threat-icon {
    background-color: var(--danger-color);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    flex-shrink: 0;
    animation: pulse-icon 1.8s infinite ease-in-out;
}

.alertFolded .threat-icon svg {
    width: 18px;
    height: 18px;
    fill: white;
}

@keyframes pulse-icon {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 var(--danger-pulse-color);
    }

    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 6px rgba(226, 92, 92, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(226, 92, 92, 0);
    }
}

.alertFolded .threat-status {
    font-size: 16px;
    font-weight: 500;
    color: var(--danger-color);
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 8px;
}

.alertFolded .threat-duration {
    font-size: 12.8px;
    /* 0.8rem */
    color: var(--muted-text);
    margin-bottom: 0;
}

.alertFolded .threat-severity {
    display: inline-block;
    padding: 4.8px 11.2px;
    /* 0.3rem 0.7rem */
    border-radius: 4px;
    background-color: var(--danger-bg-light);
    color: var(--danger-color);
    font-size: 12.8px;
    /* 0.8rem */
    font-weight: 500;
    margin-bottom: 0;
}

.alertFolded .threat-severity.High {
    background-color: var(--danger-bg-light);
    color: var(--danger-color);
}

.alertFolded .threat-severity.Medium {
    background-color: var(--medium-bg-light);
    color: var(--medium-color);
}

.alertFolded .threat-severity.Low {
    background-color: var(--low-bg-light);
    color: var(--low-color);
}

.alertFolded .threat-severity.Success {
    background-color: var(--success-color);
    color: var(--low-color);
}


.alertFolded .severity-indicator {
    display: none;
}

.alertFolded .threat-actions {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    margin-top: 20px;
    /* 1rem */
}

.alertFolded .action-button {
    color: white;
    border: none;
    padding: 8px 16px;
    /* 0.5rem 1rem */
    border-radius: 4px !important;
    font-size: 12.8px;
    /* 0.8rem */
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s;
    white-space: nowrap;
}

.alertFolded .action-button svg {
    margin-right: 4.8px;
    /* 0.3rem */
    width: 14px;
    height: 14px;
}

.alertFolded .action-button.resolve {
    background-color: var(--button-story-color);
    /* Use story button color */
}

.alertFolded .action-button.resolve:hover {
    background-color: #6baaff;
    /* Lighter blue */
}

.alertFolded .action-button.secondary {
    background-color: var(--button-secondary-color);

}

.alertFolded .action-button.secondary:hover {
    background-color: #767e94;
}

/* Detection overview narrative cards */
.alertFolded .do-status-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.alertFolded .do-status-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.alertFolded .do-status-info {
    flex: 1;
}

.alertFolded .do-status-label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
}

.alertFolded .do-status-sub {
    font-size: 12px;
    opacity: 0.85;
}

.alertFolded .do-status-banner.do-open {
    background: rgba(248, 81, 73, 0.08);
    border: 1px solid rgba(248, 81, 73, 0.2);
}

.alertFolded .do-status-banner.do-open .do-status-icon {
    background: rgba(248, 81, 73, 0.2);
    color: var(--danger-color);
}

.alertFolded .do-status-banner.do-open .do-status-label {
    color: var(--danger-color);
}

.alertFolded .do-status-banner.do-open .do-status-sub {
    color: rgba(248, 81, 73, 0.7);
}

.alertFolded .do-status-banner.do-needs-review {
    background: rgba(210, 153, 34, 0.08);
    border: 1px solid rgba(210, 153, 34, 0.2);
}

.alertFolded .do-status-banner.do-needs-review .do-status-icon {
    background: rgba(210, 153, 34, 0.2);
    color: var(--warning-color);
}

.alertFolded .do-status-banner.do-needs-review .do-status-label {
    color: var(--warning-color);
}

.alertFolded .do-status-banner.do-needs-review .do-status-sub {
    color: rgba(210, 153, 34, 0.75);
}

.alertFolded .do-status-banner.do-in-progress {
    background: rgba(188, 140, 255, 0.08);
    border: 1px solid rgba(188, 140, 255, 0.2);
}

.alertFolded .do-status-banner.do-in-progress .do-status-icon {
    background: rgba(188, 140, 255, 0.2);
    color: #bc8cff;
}

.alertFolded .do-status-banner.do-in-progress .do-status-label {
    color: #bc8cff;
}

.alertFolded .do-status-banner.do-in-progress .do-status-sub {
    color: rgba(188, 140, 255, 0.8);
}

.alertFolded .do-status-banner.do-resolved {
    background: rgba(63, 185, 80, 0.08);
    border: 1px solid rgba(63, 185, 80, 0.2);
}

.alertFolded .do-status-banner.do-resolved .do-status-icon {
    background: rgba(63, 185, 80, 0.2);
    color: var(--success-color);
}

.alertFolded .do-status-banner.do-resolved .do-status-label {
    color: var(--success-color);
}

.alertFolded .do-status-banner.do-resolved .do-status-sub {
    color: rgba(63, 185, 80, 0.75);
}

.alertFolded .do-status-banner.do-whitelisted {
    background: rgba(88, 166, 255, 0.08);
    border: 1px solid rgba(88, 166, 255, 0.2);
}

.alertFolded .do-status-banner.do-whitelisted .do-status-icon {
    background: rgba(88, 166, 255, 0.2);
    color: #58a6ff;
}

.alertFolded .do-status-banner.do-whitelisted .do-status-label {
    color: #58a6ff;
}

.alertFolded .do-status-banner.do-whitelisted .do-status-sub {
    color: rgba(88, 166, 255, 0.75);
}

.alertFolded .do-status-banner.do-failed {
    background: rgba(248, 81, 73, 0.06);
    border: 1px solid rgba(255, 123, 114, 0.2);
}

.alertFolded .do-status-banner.do-failed .do-status-icon {
    background: rgba(255, 123, 114, 0.2);
    color: #ff7b72;
}

.alertFolded .do-status-banner.do-failed .do-status-label {
    color: #ff7b72;
}

.alertFolded .do-status-banner.do-failed .do-status-sub {
    color: rgba(255, 123, 114, 0.8);
}

.alertFolded .do-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 14px;
}

.alertFolded .do-severity {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.alertFolded .do-severity.High {
    background: rgba(248, 81, 73, 0.12);
    border: 1px solid rgba(248, 81, 73, 0.25);
    color: var(--danger-color);
}

.alertFolded .do-severity.Medium {
    background: rgba(210, 153, 34, 0.12);
    border: 1px solid rgba(210, 153, 34, 0.25);
    color: var(--warning-color);
}

.alertFolded .do-severity.Low {
    background: rgba(63, 185, 80, 0.12);
    border: 1px solid rgba(63, 185, 80, 0.25);
    color: var(--success-color);
}

.alertFolded .do-duration {
    font-size: 12px;
    color: var(--muted-text);
}

.alertFolded .do-duration i,
.alertFolded .do-severity i {
    margin-right: 4px;
}

.alertFolded .do-story-card {
    background: var(--medium-bg);
    border-radius: 6px;
    width: 100%;
    margin-bottom: 8px;
    overflow: hidden;
}

.alertFolded .do-story-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-color);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--muted-text);
}

.alertFolded .do-story-body {
    padding: 10px 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.alertFolded .do-header-badge {
    margin-left: auto;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.alertFolded .do-header-badge.detected {
    background: rgba(240, 136, 62, 0.15);
    color: #f0883e;
}

.alertFolded .do-header-badge.prevented {
    background: rgba(63, 185, 80, 0.15);
    color: var(--success-color);
}

.alertFolded .do-header-badge.terminated {
    background: rgba(88, 166, 255, 0.15);
    color: #58a6ff;
}

.alertFolded .do-header-badge.failed-terminate {
    background: rgba(248, 81, 73, 0.15);
    color: var(--danger-color);
}

.alertFolded .do-header-badge.action-required {
    background: rgba(248, 81, 73, 0.12);
    color: var(--danger-color);
}

.alertFolded .do-header-badge.review {
    background: rgba(210, 153, 34, 0.12);
    color: var(--warning-color);
}

.alertFolded .do-header-badge.processing {
    background: rgba(188, 140, 255, 0.12);
    color: #bc8cff;
}

.alertFolded .do-header-badge.completed {
    background: rgba(63, 185, 80, 0.12);
    color: var(--success-color);
}

.alertFolded .do-header-badge.false-positive {
    background: rgba(88, 166, 255, 0.12);
    color: #58a6ff;
}

.alertFolded .do-header-badge.failed {
    background: rgba(248, 81, 73, 0.12);
    color: #ff7b72;
}

.alertFolded .do-agent-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.alertFolded .do-agent-row>div {
    flex: 1;
    min-width: 0;
}

.alertFolded .do-agent-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.alertFolded .do-agent-icon.detected {
    background: rgba(240, 136, 62, 0.15);
    color: #f0883e;
}

.alertFolded .do-agent-icon.prevented {
    background: rgba(63, 185, 80, 0.15);
    color: var(--success-color);
}

.alertFolded .do-agent-icon.terminated {
    background: rgba(88, 166, 255, 0.15);
    color: #58a6ff;
}

.alertFolded .do-agent-icon.failed-terminate {
    background: rgba(248, 81, 73, 0.15);
    color: var(--danger-color);
}

.alertFolded .do-agent-label {
    font-size: 13px;
    font-weight: 600;
}

.alertFolded .do-agent-label.detected {
    color: #f0883e;
}

.alertFolded .do-agent-label.prevented {
    color: var(--success-color);
}

.alertFolded .do-agent-label.terminated {
    color: #58a6ff;
}

.alertFolded .do-agent-label.failed-terminate {
    color: var(--danger-color);
}

.alertFolded .do-agent-detail {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    color: var(--muted-text);
    margin-top: 2px;
    line-height: 1.45;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

.alertFolded .do-agent-detail strong {
    color: var(--text-color);
}

.alertFolded .do-analyst-text {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    color: var(--muted-text);
    line-height: 1.5;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

.alertFolded .do-analyst-info {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--muted-text);
    margin-bottom: 8px;
}

.alertFolded .do-action-btn {
    width: 100%;
    margin-top: 8px;
    border-radius: 6px;
    border: none;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.alertFolded .do-action-btn.resolve {
    background: rgba(88, 166, 255, 0.1);
    color: #58a6ff;
    border: 1px solid rgba(88, 166, 255, 0.25);
}

.alertFolded .do-action-btn.resolve:hover {
    background: rgba(88, 166, 255, 0.18);
}

.alertFolded .do-action-btn.validate {
    background: rgba(210, 153, 34, 0.15);
    color: var(--warning-color);
    border: 1px solid rgba(210, 153, 34, 0.3);
}

.alertFolded .do-action-btn.validate:hover {
    background: rgba(210, 153, 34, 0.25);
}

.alertFolded .do-action-btn.retry {
    background: rgba(255, 123, 114, 0.1);
    color: #ff7b72;
    border: 1px solid rgba(255, 123, 114, 0.25);
}

.alertFolded .do-action-btn.retry:hover {
    background: rgba(255, 123, 114, 0.2);
}

.alertFolded .do-action-btn.additional {
    background: rgba(88, 166, 255, 0.08);
    color: #58a6ff;
    border: 1px solid rgba(88, 166, 255, 0.2);
}

.alertFolded .do-action-btn.additional:hover {
    background: rgba(88, 166, 255, 0.15);
}

.alertFolded .do-actions-summary {
    margin-top: 10px;
    border-top: 1px solid var(--border-color);
    padding-top: 10px;
}

.alertFolded .do-actions-title {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted-text);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.alertFolded .do-actions-meta {
    font-size: 11px;
    color: var(--muted-text);
    margin-bottom: 6px;
}

.alertFolded .do-action-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
    font-size: 12px;
}

.alertFolded .do-action-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.alertFolded .do-action-dot.success {
    background: var(--success-color);
}

.alertFolded .do-action-dot.fail {
    background: var(--danger-color);
}

.alertFolded .do-action-dot.pending {
    background: var(--warning-color);
}

.alertFolded .do-action-name {
    color: var(--text-color);
    flex: 1;
}

.alertFolded .do-action-status {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 3px;
    font-weight: 600;
}

.alertFolded .do-action-status.success {
    background: rgba(63, 185, 80, 0.12);
    color: var(--success-color);
}

.alertFolded .do-action-status.fail {
    background: rgba(248, 81, 73, 0.12);
    color: var(--danger-color);
}

.alertFolded .do-action-status.pending {
    background: rgba(210, 153, 34, 0.12);
    color: var(--warning-color);
}

.alertFolded .do-hint {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 4px;
    background: rgba(88, 166, 255, 0.05);
    border: 1px solid rgba(88, 166, 255, 0.1);
    font-size: 12px;
    color: var(--muted-text);
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.alertFolded .do-hint i {
    color: #58a6ff;
    margin-top: 1px;
    flex-shrink: 0;
}

.alertFolded .do-comment {
    margin-top: 8px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px;
    border-left: 2px solid var(--border-color);
    padding: 8px 10px;
    color: #c9d1d9;
    font-size: 12px;
    font-style: italic;
}

/* --- End Threat Overview Section --- */

/* --- Detection Details Section --- */
.alertFolded .section-header {
    font-size: 14.4px;
    /* 0.9rem */
    color: var(--text-color);
    margin: 14px 0 10px 0;
    /* compact vertical spacing */
    padding-bottom: 6px;
    /* compact vertical spacing */
    border-bottom: 1px solid var(--border-color);
}

/* Container for dynamically added details */
.alertFolded .details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    /* compact vertical spacing */
    margin-bottom: 14px;
    /* compact vertical spacing */
    background-color: var(--medium-bg);
    /* Ensure no gradient/transparent overlay applies */
    background: var(--medium-bg);
    border-radius: 6px;
    padding: 12px;
    border: 0;
    box-shadow: none;
}

.alertFolded .detail-label {
    color: var(--muted-text);
    font-size: 12.8px;
    /* 0.8rem */
    margin-bottom: 4.8px;
    /* 0.3rem */
}

.alertFolded .detail-value {
    font-size: 14.4px;
    /* 0.9rem */
    font-weight: 500;
    word-break: break-word;
}

/* Style for signed processes */
.alertFolded .detail-value.signed {
    color: var(--success-color);
}

/* --- End Detection Details Section --- */

.alertFolded .pagination {
    display: flex;
    align-items: center;
    color: var(--muted-text);
    font-size: 13.6px;
    /* 0.85rem */
    gap: 8px;
    /* 0.5rem */
}

.alertFolded .pagination-arrow {
    cursor: pointer;
    font-size: 24px;
    /* 1.5rem */
    color: var(--header-color);
    user-select: none;
}

.alertFolded .pagination-arrow.disabled {
    /* Style for disabled state */
    color: var(--muted-text);
    cursor: not-allowed;
    opacity: 0.5;
}

/* Endpoint Card */
.alertFolded .endpoint-card {
    background-color: var(--medium-bg);
    border-radius: 6px;
    padding: 16px;
    /* 1rem */
    margin-top: 24px;
    /* 1.5rem */
    display: flex;
    flex-direction: column;
    /* Stack details and actions vertically */
    gap: 16px;
    /* 1rem */
}

.alertFolded .endpoint-card-details {
    flex-grow: 1;
}

.alertFolded .endpoint-name {
    font-size: 16px;
    /* 1rem */
    margin-bottom: 8px;
    /* 0.5rem */
    display: flex;
    align-items: center;
    gap: 8px;
    /* 0.5rem */
    flex-wrap: nowrap;
}

.alertFolded .endpoint-name svg {
    margin-right: 0;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.alertFolded .endpoint-name .endpoint-hostname {
    flex: 1 1 auto;
    /* take remaining space */
    min-width: 0;
    /* allow flexbox to actually truncate */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 50px;
}

.alertFolded .endpoint-name .threat-severity {
    margin-left: auto;
    /* push to right */
    flex: 0 0 auto;
    /* don't shrink */
    max-width: none;
    /* prevent width constraints */
    overflow: visible;
    white-space: nowrap;
}

.alertFolded .badge {
    display: inline-block;
    font-size: 12px;
    /* 0.75rem */
    padding: 3.2px 8px;
    /* 0.2rem 0.5rem */
    border-radius: 3px;
    margin-left: 0;
    background-color: var(--border-color);
    color: var(--text-color);
    white-space: nowrap;
    flex-shrink: 0;
}

.alertFolded .badge.danger {
    background-color: rgba(226, 92, 92, 0.2);
    color: var(--danger-color);
}

/* Styles for OS and Last Online details */
.alertFolded .endpoint-sub-detail {
    font-size: 12.8px;
    /* 0.8rem */
    margin-bottom: 4px;
    /* 0.25rem */
    padding-left: 16px;
    /* 1rem */
}

.alertFolded .endpoint-sub-detail .detail-label {
    /* Style label part */
    color: var(--muted-text);
    margin-right: 6.4px;
    /* 0.4rem */
}

.alertFolded .endpoint-sub-detail .detail-value {
    /* Style value part */
    color: var(--text-color);
    font-size: 12.8px;
    /* 0.8rem */
    font-weight: normal;
    /* Reset font weight if needed */
}

.alertFolded .endpoint-actions {
    display: flex;
    flex-direction: row;
    /* Buttons side-by-side */
    justify-content: center;
    /* Center buttons horizontally */
    gap: 12px;
    /* 0.75rem */
    width: 100%;
    /* Take full width */
    margin-top: 8px;
    /* 0.5rem */
}

.alertFolded .endpoint-actions .action-button {
    padding: 6.4px 12.8px;
    /* 0.4rem 0.8rem */
    font-size: 12px;
    /* 0.75rem */
}

.alertFolded .endpoint-actions .action-button svg {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    /* 0.25rem */
}

/* Endpoint strip */
.alertFolded .endpoint-strip {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 18px;
    margin-top: 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: linear-gradient(135deg, rgba(28, 33, 41, 0.95) 0%, rgba(22, 27, 34, 0.98) 100%);
    flex-wrap: wrap;
}

.alertFolded .expanded-endpoint-strip {
    margin-top: 0;
    margin-bottom: 12px;
}

.alertFolded .endpoint-strip-name {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-color);
    white-space: nowrap;
    min-width: 0;
}

.alertFolded .endpoint-strip-name i {
    color: var(--header-color);
    font-size: 13px;
    flex-shrink: 0;
}

.alertFolded .endpoint-strip-name .endpoint-hostname {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.alertFolded .endpoint-strip-risk {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.alertFolded .endpoint-strip-risk.high {
    background: rgba(248, 81, 73, 0.12);
    color: var(--danger-color);
}

.alertFolded .endpoint-strip-risk.medium {
    background: rgba(210, 153, 34, 0.12);
    color: var(--warning-color);
}

.alertFolded .endpoint-strip-risk.healthy {
    background: rgba(63, 185, 80, 0.12);
    color: var(--success-color);
}

.alertFolded .endpoint-strip-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: var(--muted-text);
    min-width: 0;
    flex-wrap: wrap;
}

.alertFolded .endpoint-strip-meta strong {
    color: var(--text-color);
    font-weight: 600;
}

.alertFolded .ep-divider {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.1);
}

.alertFolded .endpoint-strip-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.alertFolded .online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.alertFolded .online-dot.on {
    background: var(--success-color);
}

.alertFolded .online-dot.off {
    background: var(--danger-color);
}

.alertFolded .endpoint-strip-actions {
    margin-left: auto;
    width: auto;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 0;
}

.alertFolded .endpoint-strip-actions .action-button {
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 4px;
    gap: 4px;
}

.alertFolded .endpoint-strip-actions .action-button i {
    font-size: 10px;
}

.alertFolded .endpoint-strip-actions .endpoint-live-link {
    color: #f5f5f5;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.alertFolded .endpoint-strip-actions .action-button:hover .endpoint-live-link {
    color: #f5f5f5;
    text-decoration: none;
}

/* Middle Panel - Execution Chain */
.alertFolded .timeline-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    /* compact vertical spacing */
    font-size: 13.6px;
    /* 0.85rem */
}

.alertFolded .timeline-time {
    color: var(--muted-text);
}

/* Container for dynamically added process nodes */
.alertFolded .execution-chain {
    position: relative;
    margin: 10px 0;
    /* compact vertical spacing */
    padding-left: 24px;
    /* 1.5rem */
}

.alertFolded .timelineBar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--border-color);
}

.alertFolded .process-node,
.alertFolded .injection-node {
    /* Group common node styles */
    position: relative;
    margin-bottom: 16px;
    /* compact vertical spacing */
    /* --- Animation styles --- */
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.alertFolded .process-node.visible,
.alertFolded .injection-node.visible {
    /* Class added by JS */
    opacity: 1;
    transform: translateY(0);
}

/* --- End Animation Styles --- */

.alertFolded .process-node:last-child,
.alertFolded .injection-node:last-child {
    margin-bottom: 0;
}

.alertFolded .node-indicator {
    position: absolute;
    left: -24px;
    top: 14px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--success-color);
    transform: translateX(-5px);
    z-index: 1;
}

.alertFolded .node-indicator.danger {
    background-color: var(--danger-color);
    animation: pulse-node 2s infinite;
}

.alertFolded .node-indicator.warning {
    background-color: var(--warning-color);
    /* Used for injected process */
}

.alertFolded .node-indicator.injection {
    background-color: var(--injection-color);
    top: 0.7em;
    /* Align with injection bar text */
}

@keyframes pulse-node {
    0% {
        transform: translateX(-5px) scale(1);
        box-shadow: 0 0 0 0 var(--danger-pulse-color);
    }

    70% {
        transform: translateX(-5px) scale(1.1);
        box-shadow: 0 0 0 10px rgba(226, 92, 92, 0);
    }

    100% {
        transform: translateX(-5px) scale(1);
        box-shadow: 0 0 0 0 rgba(226, 92, 92, 0);
    }
}

.alertFolded .process-bar {
    border-left: 4px solid;
    padding: 10px 14px;
    /* compact vertical spacing */
    background-color: var(--medium-bg);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    /* 0.5rem */
}

.alertFolded .clickable {
    cursor: pointer;
    transition: background-color 0.2s;
}

.alertFolded .clickable:hover {
    background-color: #2d3242;
}

.alertFolded .success-bar {
    border-color: var(--success-color);
}

.alertFolded .danger-bar {
    border-color: var(--danger-color);
}

.alertFolded .warning-bar {
    border-color: var(--warning-color);
}

.alertFolded .network-action-bar {
    border-left: 4px solid #4a90e2;
    padding: 10px 14px;
    background: linear-gradient(90deg, rgba(74, 144, 226, 0.16), rgba(92, 205, 149, 0.08));
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d9e8ff;
    font-size: 13.6px;
    font-style: italic;
    flex-wrap: wrap;
    overflow: hidden;
}

.alertFolded .network-action-bar.inbound {
    border-color: #5ccd95;
    background: linear-gradient(90deg, rgba(92, 205, 149, 0.16), rgba(74, 144, 226, 0.08));
}

.alertFolded .network-action-bar.dns {
    border-color: #d7b75c;
    background: linear-gradient(90deg, rgba(215, 183, 92, 0.16), rgba(74, 144, 226, 0.08));
}

.alertFolded .network-action-icon {
    width: 70px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 70px;
}

.alertFolded .network-action-node {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid currentColor;
    background-color: #232931;
    box-shadow: 0 0 10px rgba(74, 144, 226, 0.6);
    z-index: 1;
}

.alertFolded .network-action-node.remote {
    margin-left: auto;
}

.alertFolded .network-action-path {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 2px;
    background: linear-gradient(90deg, rgba(217, 232, 255, 0.25), rgba(217, 232, 255, 0.8));
    overflow: visible;
}

.alertFolded .network-action-pulse {
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5ccd95;
    box-shadow: 0 0 12px rgba(92, 205, 149, 0.85);
    transform: translate(-50%, -50%);
    animation: networkOutboundPulse 1.4s ease-in-out infinite;
}

.alertFolded .network-action-pulse::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -7px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #5ccd95;
    transform: translateY(-50%);
}

.alertFolded .network-action-bar.inbound .network-action-pulse {
    background: #4a90e2;
    box-shadow: 0 0 12px rgba(74, 144, 226, 0.9);
    animation-name: networkInboundPulse;
}

.alertFolded .network-action-bar.inbound .network-action-pulse::after {
    right: auto;
    left: -7px;
    border-left: 0;
    border-right: 6px solid #4a90e2;
}

.alertFolded .network-action-bar.dns .network-action-pulse {
    background: #d7b75c;
    box-shadow: 0 0 12px rgba(215, 183, 92, 0.85);
    animation-name: networkDnsPulse;
}

.alertFolded .network-action-bar.dns .network-action-pulse::after {
    border-left-color: #d7b75c;
}

.alertFolded .network-action-label {
    font-weight: 600;
}

[data-theme="light"] .alertFolded .network-action-label {
    color: #11161d;
}

@keyframes networkOutboundPulse {
    0% {
        left: 0;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes networkInboundPulse {
    0% {
        left: 100%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    100% {
        left: 0;
        opacity: 0;
    }
}

@keyframes networkDnsPulse {
    0% {
        left: 0;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.85);
    }

    35% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.25);
    }

    70% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.85);
    }
}


/* For injected process */

.alertFolded .process-name {
    flex: 1;
    display: flex;
    align-items: center;
    min-width: 150px;
}

.alertFolded .process-icon {
    margin-right: 8px;
    /* 0.5rem */
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.alertFolded .file-drop-icon {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    margin-right: 8px;
    flex-shrink: 0;
}

.alertFolded .process-name span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alertFolded .timestamp {
    color: var(--muted-text);
    font-size: 12.8px;
    /* 0.8rem */
    white-space: nowrap;
}

.alertFolded .process-id {
    color: var(--muted-text);
    font-family: monospace;
    font-size: 13.6px;
    /* 0.85rem */
    white-space: nowrap;
}

/* ── Chain process status badges ── */
.alertFolded .chain-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 4px;
    white-space: nowrap;
    position: relative;
    margin-left: 4px;
}

.alertFolded .chain-status-badge .chain-status-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.alertFolded .chain-status-badge .chain-status-label {
    line-height: 1;
}

/* ── Running badge ── */
.alertFolded .chain-status-running {
    background: rgba(92, 205, 149, 0.1);
    color: #5ccd95;
    border: 1px solid rgba(92, 205, 149, 0.25);
    animation: chain-running-glow 3s ease-in-out infinite;
}

.alertFolded .chain-status-running .chain-status-dot-live {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5ccd95;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 4px rgba(92, 205, 149, 0.6);
}

.alertFolded .chain-status-running .chain-status-pulse-ring {
    position: absolute;
    left: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(92, 205, 149, 0.5);
    animation: chain-pulse-ring 2s ease-out infinite;
    z-index: 0;
}

@keyframes chain-pulse-ring {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }

    100% {
        transform: scale(3.5);
        opacity: 0;
    }
}

@keyframes chain-running-glow {

    0%,
    100% {
        box-shadow: 0 0 6px rgba(92, 205, 149, 0.08);
        border-color: rgba(92, 205, 149, 0.25);
    }

    50% {
        box-shadow: 0 0 12px rgba(92, 205, 149, 0.18);
        border-color: rgba(92, 205, 149, 0.45);
    }
}

/* ── Killed by ThreatResponder badge ── */
.alertFolded .chain-status-killed {
    background: linear-gradient(135deg, rgba(226, 92, 92, 0.15), rgba(200, 60, 60, 0.22));
    color: #f06a6a;
    border: 1px solid rgba(226, 92, 92, 0.4);
    box-shadow: 0 0 8px rgba(226, 92, 92, 0.15), inset 0 0 8px rgba(226, 92, 92, 0.05);
    animation: chain-killed-pulse 4s ease-in-out infinite;
}

.alertFolded .chain-status-killed .chain-status-icon {
    filter: drop-shadow(0 0 2px rgba(226, 92, 92, 0.5));
}

@keyframes chain-killed-pulse {

    0%,
    100% {
        box-shadow: 0 0 8px rgba(226, 92, 92, 0.15), inset 0 0 8px rgba(226, 92, 92, 0.05);
    }

    50% {
        box-shadow: 0 0 14px rgba(226, 92, 92, 0.3), inset 0 0 10px rgba(226, 92, 92, 0.08);
    }
}

/* ── Ended badge ── */
.alertFolded .chain-status-ended {
    background: rgba(142, 151, 170, 0.08);
    color: #8e97aa;
    border: 1px solid rgba(142, 151, 170, 0.18);
}

.alertFolded .chain-status-ended .chain-status-label {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

/* Private / internal address badge */
.alertFolded .chain-status-private {
    background: rgba(110, 130, 170, 0.1);
    color: #7d8bab;
    border: 1px solid rgba(110, 130, 170, 0.25);
}

.alertFolded .chain-status-private .chain-status-label {
    text-transform: none;
    letter-spacing: 0.01em;
}

.alertFolded .external-link {
    color: var(--header-color);
    text-decoration: none;
    font-size: 19.2px;
    /* 1.2rem */
    line-height: 1;
}

.alertFolded .external-link:hover {
    color: #6baaff;
}

.alertFolded .process-details {
    background-color: var(--medium-bg);
    padding: 12px;
    /* compact vertical spacing */
    border-radius: 4px;
    margin-top: 6px;
    /* compact vertical spacing */
}

.alertFolded .alert-chain-map {
    width: 100%;
    height: 300px;
    min-height: 300px;
    position: relative;
}

.alertFolded .detail-row {
    margin-bottom: 8px;
    /* compact vertical spacing */
}

.alertFolded .detail-row:last-child {
    margin-bottom: 0;
}

.alertFolded .limited-scroll-text {
    white-space: normal;
    /* Allow wrapping */
    word-break: break-word;
    /* Break long words */
    line-height: 1.4;
    max-height: calc(5 * 1.4em);
    /* Limit to 5 lines */
    overflow-y: auto;
    /* Enable scrollbar if needed */
    padding-right: 4px;
    /* Space for scrollbar */
    margin-top: 4px;
    /* Always visible scrollbar */
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) var(--medium-bg);
    /* thumb track */
    display: block;
    /* Ensure it takes block layout */
}

/* Webkit scrollbar styles - Always visible */
.alertFolded .limited-scroll-text::-webkit-scrollbar {
    width: 6px;
}

.alertFolded .limited-scroll-text::-webkit-scrollbar-track {
    background: transparent;
}

/* Make track transparent */
.alertFolded .limited-scroll-text::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    /* Visible by default */
    border-radius: 3px;
    border: 2px solid var(--medium-bg);
    /* Add padding around thumb */
}

.alertFolded .limited-scroll-text::-webkit-scrollbar-thumb:hover {
    background-color: var(--muted-text);
    /* Darker on hover */
}

.alertFolded .limited-scroll-text.command-line {
    font-family: monospace;
    font-size: 13.6px;
    /* 0.85rem */
}

.alertFolded .tooltip {
    position: relative;
    cursor: default;
}

.alertFolded .tooltip .tooltip-text {
    visibility: hidden;
    width: max-content;
    max-width: 350px;
    background-color: var(--darker-bg);
    color: var(--text-color);
    text-align: left;
    border-radius: 4px;
    padding: 8px 12.8px;
    /* 0.5rem 0.8rem */
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12.8px;
    /* 0.8rem */
    font-family: monospace;
    word-break: break-all;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--border-color);
}

.alertFolded .tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.alertFolded .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/* --- Process Action Styles --- */
.alertFolded .action-buttons {
    display: flex;
    justify-content: flex-end;
    /* Align select to the right */
    gap: 8px;
    /* 0.5rem */
    margin-top: 16px;
    /* 1rem */
    flex-wrap: wrap;
}

.alertFolded .action-select {
    background-color: var(--button-secondary-color);
    /* Use secondary button color */
    border: 1px solid var(--button-secondary-color);
    /* Match background */
    color: white;
    /* White text */
    padding: 6.4px 12.8px;
    /* 0.4rem 0.8rem */
    border-radius: 4px;
    font-size: 12.8px;
    /* 0.8rem */
    font-weight: 500;
    /* Match button font weight */
    cursor: pointer;
    transition: all 0.2s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    /* White arrow */
    background-repeat: no-repeat;
    background-position: right 8px center;
    /* 0.5rem */
    background-size: 16px;
    /* 1em */
    padding-right: 32px;
    /* 2rem */
}

.alertFolded .action-select:hover {
    background-color: #767e94;
    /* Darker secondary color on hover */
    border-color: #767e94;
}

.alertFolded .action-select option {
    background-color: var(--medium-bg);
    color: var(--text-color);
}

/* --- End Process Action Styles --- */

/* --- Injection Action Node Styles --- */
.alertFolded .injection-node {
    /* Similar to process-node */
    position: relative;
    margin-bottom: 24px;
    /* 1.5rem */
}

.alertFolded .injection-bar {
    padding: 9.6px 16px;
    /* 0.6rem 1rem */
    background-color: rgba(226, 92, 92, 0.1);
    /* Light danger background */
    border-left: 4px solid var(--injection-color);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    /* 0.5rem */
    color: var(--injection-color);
    font-size: 13.6px;
    /* 0.85rem */
    font-style: italic;
    flex-wrap: wrap;
    /* Allow wrapping if needed */
}

.alertFolded .warning-bar {
    padding: 12.8px 16px;
    /* 0.6rem 1rem */
    background-color: rgba(226, 92, 92, 0.1);
    /* Light danger background */
    border-left: 4px solid var(--warning-color);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    /* 0.5rem */
    color: var(--warning-color);
    font-size: 13.6px;
    /* 0.85rem */
    font-style: italic;
    flex-wrap: wrap;
    /* Allow wrapping if needed */
}

.alertFolded .injection-icon {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    stroke: #e25c5c;
    flex-shrink: 0;
    /* margin-right: 10px; */
}

.alertFolded .injection-icon.warning {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    stroke: #e9a85c;
    flex-shrink: 0;
    /* margin-right: 10px; */
}

/* Style for process names/pids within injection text */
.alertFolded .injection-process-name {
    font-weight: 600;
    /* Make bold */
    font-style: normal;
    /* Override italic for names */
}

.alertFolded .injection-pid {
    font-weight: 600;
    /* Make bold */
    font-style: normal;
    font-family: monospace;
}

/* --- End Injection Action Node Styles --- */

/* Right Panel - Threat Indicators */
.alertFolded .indicator-section {
    margin-bottom: 12px;
    /* compact vertical spacing */
}

.alertFolded .indicator-section:last-child {
    margin-bottom: 0;
}

.alertFolded .indicator-section-title {
    font-size: 14.4px;
    /* 0.9rem */
    color: var(--text-color);
    margin-bottom: 6px;
    /* compact vertical spacing */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    /* compact vertical spacing */
    transition: color 0.2s;
    border-bottom: 1px solid var(--border-color);
    user-select: none;
}

.alertFolded .indicator-section-title:hover {
    color: var(--header-color);
}

.alertFolded .indicator-section-title::after {
    content: '▼';
    font-size: 11.2px;
    /* 0.7rem */
    transition: transform 0.3s ease-out;
    margin-left: 8px;
    /* 0.5rem */
}

.alertFolded .indicator-section-title.collapsed::after {
    transform: rotate(-90deg);
}

.alertFolded .indicators-group {
    transition: max-height 0.3s ease-out, opacity 0.2s ease-out, margin-top 0.3s ease-out;
    /* max-height: 1000px; */
    opacity: 1;
    overflow: hidden;
    margin-top: 10px;
    /* compact vertical spacing */
}

.alertFolded .indicators-group.collapsed {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

.alertFolded .indicator {
    margin-bottom: 10px;
    /* compact vertical spacing */
    background-color: var(--medium-bg);
    border-radius: 6px;
    padding: 10px 12px;
    /* compact vertical spacing */
    border-left: 3px solid var(--header-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    gap: 6px;
    /* compact vertical spacing */
}

.alertFolded .indicators-group .indicator:last-child {
    margin-bottom: 0;
}

.alertFolded .indicator:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.alertFolded .indicator-name {
    font-size: 13.6px;
    /* 0.85rem */
    color: var(--text-color);
}

.alertFolded .mitre-tag {
    display: inline-block;
    color: var(--header-color);
    font-size: 12.8px;
    /* 0.8rem */
    background-color: rgba(74, 144, 226, 0.1);
    padding: 4.8px 9.6px;
    /* 0.3rem 0.6rem */
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s;
    align-self: flex-start;
    white-space: nowrap;
}

.alertFolded .mitre-tag:hover {
    background-color: rgba(74, 144, 226, 0.2);
}

/* --- Loader Styles --- */
.alertFolded .full-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    /* Semi-transparent overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    /* Ensure it's on top */
    display: none;
    /* Hidden by default */
}

.alertFolded .panel-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Cover the panel content area */
    background-color: rgba(30, 33, 48, 0.8);
    /* Slightly transparent panel bg */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    /* Above panel content, below full page loader */
    display: none;
    /* Hidden by default */
}

.alertFolded .spinner {
    border: 4px solid var(--border-color);
    border-top: 4px solid var(--loader-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* --- End Loader Styles --- */

/* Responsive Design */
@media (max-width: 1200px) {
    .alertFolded .dashboard-container {
        grid-template-columns: 1fr 1.5fr;
        height: auto;
        overflow-y: auto;
    }

    .alertFolded .right-panel {
        grid-column: span 2;
    }

    .alertFolded .panel {
        max-height: none;
        height: auto;
    }

    .alertFolded .panel-content {
        overflow-y: visible;
    }
}

@media (max-width: 768px) {
    .alertFolded .dashboard-container {
        grid-template-columns: 1fr;
    }

    .alertFolded .left-panel,
    .alertFolded .middle-panel,
    .alertFolded .right-panel {
        grid-column: span 1;
        min-width: 0;
        /* Override desktop min-width */
    }

    .alertFolded .details-grid {
        grid-template-columns: 1fr;
    }

    .alertFolded .panel-header {
        padding: 16px 16px;
        /* 1rem 1rem */
    }

    /* Removed button wrap styles */
    .alertFolded .panel-content {
        padding: 16px;
        /* 1rem */
    }

    .alertFolded .panel-footer {
        padding: 12.8px 16px;
        /* 0.8rem 1rem */
        flex-direction: column;
        gap: 8px;
        /* 0.5rem */
        align-items: stretch;
    }

    .alertFolded .process-bar {
        padding: 9.6px 12.8px;
        /* 0.6rem 0.8rem */
    }

    .alertFolded .process-name {
        min-width: 100px;
    }

    .alertFolded .threat-actions {
        justify-content: center;
    }

    .alertFolded .endpoint-card {
        flex-direction: column;
        align-items: stretch;
    }

    .alertFolded .endpoint-actions {
        flex-direction: row;
        justify-content: center;
    }

    /* Center buttons on mobile */
    .alertFolded .pagination {
        justify-content: center;
    }

    .alertFolded .overview-top-row {
        flex-direction: column;
        gap: 4px;
        /* 0.25rem */
        align-items: center;
    }
}

.alertFolded .threat-status.success {
    color: var(--success-color);
}

.alertFolded .threat-icon.success {
    background-color: var(--success-color);
}

.alertFolded .threat-icon.false-positive {
    background-color: #9a9bb0;
}

.alertFolded .threat-status.false-positive {
    color: #9a9bb0;
}

.threat-metadata .action-by-user,
.threat-metadata .view-policy-link-container,
.threat-metadata .view-comment-link-container {
    display: block;
    text-align: center;
    margin-bottom: 0.2rem;
}

.threat-metadata .view-comment-link,
.threat-metadata .view-policy-link {
    display: inline-flex;
    align-items: center;
    color: var(--header-color);
    text-decoration: none;
    cursor: pointer;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    transition: background-color 0.2s;
}

.comment-viewer {
    position: absolute;
    background-color: var(--medium-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    width: 320px;
    max-width: 90vw;
    z-index: 1010;
    display: none;
    padding: 10px;
    opacity: 0;
    transform: translateY(10px) scale(0.95);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.comment-viewer.active {
    display: block;
    opacity: 1;
    transform: translateY(0) scale(1);
}

.comment-viewer-close-button {
    position: absolute;
    top: 6px;
    right: 6px;
    background: none;
    border: none;
    color: var(--muted-text);
    font-size: 14px;
    line-height: 1;
    padding: 5px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-viewer-meta {
    font-size: 12px;
    color: var(--muted-text);
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--border-color);
}

.comment-viewer-text {
    background-color: var(--dark-bg);
    border-radius: 6px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-color);
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 180px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) var(--dark-bg);
}

/* @media (min-height: 500px) and (max-height: 900px) {
    .alertFolded .details-grid {
        grid-template-columns: 1fr;
    }
} */

/* MODAL STYLES START */
.alertModal .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(5px);
}

.alertModal .modal-backdrop.active {
    display: flex;
}

.alertModal .content-area {
    transition: opacity 0.2s ease-in-out;
    opacity: 1;
}

.alertModal .content-area[ng-show="false"] {
    opacity: 0;
    display: none;
}

.alertModal .modal {
    background: #353540;
    border-radius: 16px;
    width: 624px;
    max-width: 100%;
    height: 950px;
    max-height: 95vh;
    position: relative;
    animation: slideInModal 0.3s ease-out;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}


@keyframes slideInModal {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alertModal .modal-header {
    padding: 16px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.alertModal .modal .close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    color: #999;
    font-size: 24px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.2s;
}

.alertModal .modal .close-button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.alertModal .modal .shield-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #ffd666, #f4c144);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.alertModal .modal .shield-icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

.alertModal .modal-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

.alertModal .modal-body {
    padding: 24px;
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) #353540;
}

.alertModal .modal-body::-webkit-scrollbar {
    width: 6px;
}

.alertModal .modal-body::-webkit-scrollbar-track {
    background: #353540;
}

.alertModal .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: 6px;
}

.alertModal .verdict-section {
    margin-bottom: 32px;
}

.alertModal .verdict-label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #bbb;
}

.alertModal .verdict-options {
    display: flex;
    gap: 12px;
}

.alertModal .verdict-option {
    flex: 1;
    padding: 16px;
    border: 2px solid transparent;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}

.alertModal .verdict-option[disabled] {
    opacity: 0.4;
    pointer-events: none;
}

.action-button[disabled] {
    opacity: 0.4;
    pointer-events: none;
}

.alertModal .verdict-option:hover {
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .verdict-option.selected {
    border-color: #4a8fff;
    background: rgba(74, 143, 255, 0.1);
}

.alertModal .verdict-option.true-positive.selected {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.1);
}

.alertModal .verdict-option.false-positive.selected {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

.alertModal .verdict-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.alertModal .true-positive-icon {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.alertModal .button[disabled] {
    opacity: 0.4;
    pointer-events: none;
}

.alertModal .false-positive-icon {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.alertModal .verdict-label-text {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #fff;
}

.alertModal .verdict-description {
    font-size: 14px;
    color: #999;
}

.alertModal .content-area {
    flex: 1;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
}

.alertModal .actions-section {
    margin-bottom: 8px;
}

.alertModal .action-item {
    display: flex;
    align-items: center;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.2s;
}

.alertModal .action-item.disabled {
    opacity: 0.4;
}

.alertModal .action-item:hover {
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .action-item.disabled:hover {
    pointer-events: none;
}

.alertModal .action-checkbox {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    cursor: pointer;
    appearance: none;
    border: 2px solid #666;
    border-radius: 4px;
    position: relative;
    transition: all 0.2s;
}

.alertModal .action-checkbox:checked {
    background: #4a8fff;
    border-color: #4a8fff;
}

.alertModal .action-checkbox:checked::after {
    content: '\2713';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 14px;
}

.alertModal .action-checkbox.completed {
    background: #10b981;
    border-color: #10b981;
}

.alertModal .action-label {
    flex: 1;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.alertModal .action-badge {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.alertModal .action-badge.applied {
    background: rgba(16, 185, 129, 0.15);
    color: #10b981;
}

.alertModal .action-badge.available {
    background: rgba(251, 191, 36, 0.15);
    color: #fbbf24;
}

.alertModal .action-badge.danger {
    background: var(--danger-bg-light);
    color: var(--danger-color);
}

.alertModal .comment-section {
    margin-bottom: 0;
}

.alertModal .section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.alertModal .comment-textarea {
    width: 100%;
    min-height: 80px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-family: inherit;
    resize: vertical;
    transition: all 0.2s;
    box-sizing: border-box;
}

.alertModal .comment-textarea:focus {
    outline: none;
    border-color: #4a8fff;
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .policy-section {
    margin-bottom: 24px;
}

.alertModal .policy-input {
    width: 100%;
    min-height: 100px;
    padding: 16px;
    border: 2px solid rgba(239, 68, 68, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-family: inherit;
    resize: vertical;
    transition: all 0.2s;
    box-sizing: border-box;
}

.alertModal .policy-input:focus {
    outline: none;
    border-color: #ef4444;
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .modal-footer {
    padding: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
}

.alertModal .modal .button {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.alertModal .modal .button-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.alertModal .modal .button-secondary:hover {
    background: rgba(255, 255, 255, 0.15);
}

.alertModal .modal .button-success {
    background: #10b981;
    color: #fff;
}

.alertModal .modal .button-success:hover {
    background: #059669;
}

.alertModal .modal .button-danger {
    background: #ef4444;
    color: #fff;
}

.alertModal .modal .button-danger:hover {
    background: #dc2626;
}

.alertModal .help-text {
    font-size: 14px;
    color: #999;
    margin-top: 8px;
}

.alertModal .policy-value-box {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
    font-family: monospace;
    font-size: 14px;
    word-break: break-all;
    color: #fff;
}

.alertModal .policy-value-box.policy-value-box-large {
    min-height: 150px;
    white-space: pre-wrap;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) rgba(0, 0, 0, 0.3);
}

.alertModal .policy-value-box.policy-value-box-large::-webkit-scrollbar {
    width: 5px;
}

.alertModal .policy-value-box.policy-value-box-large::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
}

.alertModal .policy-value-box.policy-value-box-large::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: 5px;
}

.alertModal .policy-value-label {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.alertModal .modal-backdrop.fadeOutModal {
    animation: fadeOutModal 0.3s ease-out;
}

@keyframes fadeOutModal {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.alertModal .separator {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 12px 0;
}

/* =============================================================================
   RESTORE QUARANTINE MODAL STYLES
   ============================================================================= */

#restoreQuarantineModal .modal-dialog {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 100vh;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: 100%;
}

#restoreQuarantineModal .modal {
    height: auto;
    max-height: 90vh;
    margin: 0 auto;
}

.alertModal .shield-icon.restore-icon {
    background: linear-gradient(135deg, #10b981, #059669);
}

.alertModal .restore-summary-section {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 12px;
    margin-bottom: 16px;
}

.alertModal .restore-summary-icon {
    width: 48px;
    height: 48px;
    background: rgba(16, 185, 129, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 24px;
}

.alertModal .restore-summary-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.alertModal .restore-summary-count {
    font-size: 28px;
    font-weight: 700;
    color: #10b981;
    line-height: 1;
}

.alertModal .restore-summary-label {
    font-size: 14px;
    color: #999;
}

/* Policy Toggle Section */
.alertModal .policy-toggle-section {
    margin-bottom: 20px;
}

.alertModal .policy-toggle-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.alertModal .policy-toggle-header:hover {
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .policy-toggle-icon {
    width: 40px;
    height: 40px;
    background: rgba(74, 143, 255, 0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
}

.alertModal .policy-toggle-info {
    flex: 1;
}

.alertModal .policy-toggle-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}

.alertModal .policy-toggle-subtitle {
    font-size: 13px;
    color: #999;
}

/* Modern Toggle Switch */
.alertModal .modern-toggle {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
    flex-shrink: 0;
}

.alertModal .modern-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.alertModal .modern-toggle .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    border-radius: 28px;
}

.alertModal .modern-toggle .toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: all 0.3s ease;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.alertModal .modern-toggle input:checked+.toggle-slider {
    background: #10b981;
    border-color: #10b981;
}

.alertModal .modern-toggle input:checked+.toggle-slider:before {
    transform: translateX(24px);
}

.alertModal .modern-toggle input:focus+.toggle-slider {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3);
}

/* Policy Details Section */

.alertModal .policy-field {
    margin-bottom: 20px;
}

.alertModal .policy-field-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.alertModal .policy-field-label .label-icon {
    font-size: 14px;
}

.alertModal .policy-field-count {
    font-weight: 500;
    color: #4a8fff;
    text-transform: none;
}

.alertModal .required-indicator {
    color: #ef4444;
    font-weight: 700;
}

/* Policy Scope Options */
.alertModal .policy-scope-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 12px;
}

.alertModal .policy-scope-option {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.alertModal .policy-scope-option:hover {
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .policy-scope-option.selected {
    background: rgba(74, 143, 255, 0.1);
    border-color: #4a8fff;
}

.alertModal .policy-scope-option.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.alertModal .scope-option-radio {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.alertModal .policy-scope-option.selected .scope-option-radio {
    border-color: #4a8fff;
}

.alertModal .scope-option-radio .radio-dot {
    width: 10px;
    height: 10px;
    background: #4a8fff;
    border-radius: 50%;
}

.alertModal .scope-option-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.alertModal .scope-option-icon {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}

.alertModal .policy-scope-option.selected .scope-option-icon {
    background: rgba(74, 143, 255, 0.15);
}

.alertModal .scope-option-text {
    flex: 1;
}

.alertModal .scope-option-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 2px;
}

.alertModal .scope-option-subtitle {
    font-size: 12px;
    color: #999;
}

/* Paths List Container */
/* Paths Textarea */
.alertModal .paths-textarea {
    width: 100%;
    min-height: 100px;
    max-height: 150px;
    padding: 12px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    color: #e6edf3;
    font-size: 13px;
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
    line-height: 1.6;
    resize: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.alertModal .paths-textarea::-webkit-scrollbar {
    width: 6px;
}

.alertModal .paths-textarea::-webkit-scrollbar-track {
    background: transparent;
}

.alertModal .paths-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.alertModal .paths-textarea::placeholder {
    color: #666;
    font-style: italic;
}

.alertModal .endpoints-list-container {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 8px;
    max-height: 180px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.alertModal .endpoints-list-container::-webkit-scrollbar {
    width: 6px;
}

.alertModal .endpoints-list-container::-webkit-scrollbar-track {
    background: transparent;
}

.alertModal .endpoints-list-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.alertModal .endpoint-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    margin-bottom: 6px;
    transition: background 0.15s ease;
}

.alertModal .endpoint-item:last-child {
    margin-bottom: 0;
}

.alertModal .endpoint-item:hover {
    background: rgba(255, 255, 255, 0.08);
}

.alertModal .endpoint-icon {
    font-size: 14px;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.alertModal .endpoint-text {
    font-size: 13px;
    color: #e6edf3;
    word-break: break-all;
    line-height: 1.4;
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
}

.alertModal .empty-list-message {
    padding: 16px;
    text-align: center;
    color: #666;
    font-size: 13px;
    font-style: italic;
}

.alertModal .endpoints-list-container {
    margin-top: 10px;
}

/* Button enhancements */
.alertModal .modal .button-success .button-icon {
    margin-right: 6px;
    font-size: 14px;
}

.alertModal .modal .button-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: buttonSpin 0.8s linear infinite;
}

@keyframes buttonSpin {
    to {
        transform: rotate(360deg);
    }
}

.threat-status.pending {
    color: var(--pending-color);
}


.comment-box {
    position: absolute;
    border: 3px solid #ff0000;
    /* Bordură roșie pentru vizibilitate */
    background-color: #e0f7fa;
    /* Fundal clar */
    padding: 15px;
    width: 220px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    /* Z-index mare pentru a fi peste alte elemente */
    font-family: Arial, sans-serif;
}

.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
}

.toggle-button {
    margin: 20px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.alertFolded .fa {
    font-family: FontAwesome !important;
}

/* MODAL STYLES END */

.forensics-wizard {
    --primary-bg: #14181f;
    --secondary-bg: #1a202c;
    --panel-bg: #242c3d;
    --highlight: #3cc78f;
    --title-green: #3cc78f;
    --selection-blue: #3b82f6;
    --selection-blue-darker: #2563eb;
    --selection-blue-rgba: rgba(59, 130, 246, 0.2);
    --accent-color-blue: #3b82f6;
    --accent-color-blue-darker: #2563eb;
    --accent-color-blue-rgba: rgba(59, 130, 246, 0.2);
    --warning: #f0b435;
    --danger: #e53e3e;
    --healthy: #3cc78f;
    --at-risk: #f0b435;
    --high-risk: #e53e3e;
    --text-color: #e2e8f0;
    --muted-text: #a0aec0;
    --border-color: #2d3748;
}

/* Main Content Card */
.forensics-wizard td {
    color: var(--text-color);
}

.forensics-wizard .main-card {
    background-color: var(--secondary-bg);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 16px;
    margin: 0 20px 24px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    min-height: 600px;
}

.forensics-wizard .main-card.scrollable-content {
    overflow-y: auto;
}

.forensics-wizard .card-title {
    font-size: 19px;
    /* 1.2rem * 16 = 19.2px, rounded to 19px */
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--title-green);
    flex-shrink: 0;
}

/* Form elements (General) */
.forensics-wizard .form-group {
    margin-bottom: 20px;
}

.forensics-wizard .form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: var(--muted-text);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

.forensics-wizard .form-input,
.forensics-wizard .form-select,
.forensics-wizard .form-textarea {
    width: 100%;
    padding: 10px 12px;
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-color);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
    transition: all 0.3s ease;
}

.forensics-wizard .form-input:focus,
.forensics-wizard .form-select:focus,
.forensics-wizard .form-textarea:focus {
    outline: none;
    border-color: var(--accent-color-blue);
    box-shadow: 0 0 0 3px var(--accent-color-blue-rgba);
}

.forensics-wizard .form-textarea {
    min-height: 100px;
    resize: vertical;
}

.forensics-wizard .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
}

.forensics-wizard .form-select option {
    background-color: var(--panel-bg);
    color: var(--text-color);
}

.forensics-wizard .toggle-switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
}

.forensics-wizard .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.forensics-wizard .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--panel-bg);
    transition: .4s;
    border-radius: 28px;
    border: 1px solid var(--border-color);
}

.forensics-wizard .toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: var(--muted-text);
    transition: .4s;
    border-radius: 50%;
}

.forensics-wizard input:checked+.toggle-slider {
    background-color: var(--accent-color-blue);
}

.forensics-wizard input:checked+.toggle-slider:before {
    transform: translateX(24px);
    background-color: white;
}

.forensics-wizard .toggle-label {
    margin-left: 12px;
    vertical-align: middle;
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

.forensics-wizard .info-text {
    font-size: 13px;
    /* 0.8rem * 16 = 12.8px, rounded to 13px */
    color: var(--muted-text);
    margin-top: 8px;
}

/* Date Range Picker specific styles */
.forensics-wizard .time-interval-selector {
    margin-bottom: 20px;
}

.forensics-wizard #time-range-input {
    background: var(--panel-bg);
    cursor: pointer;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    /* 0.95rem * 16 = 15.2px, rounded to 15px */
}

.forensics-wizard #time-range-input .range-text-span {
    flex-grow: 1;
}

.forensics-wizard #time-range-input i {
    color: var(--muted-text);
    margin-left: 8px;
}

.forensics-wizard .daterangepicker {
    background-color: var(--secondary-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.forensics-wizard .daterangepicker .calendar-table {
    background-color: var(--secondary-bg) !important;
    border-color: var(--border-color) !important;
}

.forensics-wizard .daterangepicker .drp-calendar {
    background-color: var(--secondary-bg) !important;
}

.forensics-wizard .daterangepicker .ranges li {
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    border-radius: 4px;
    margin-bottom: 5px;
}

.forensics-wizard .daterangepicker .ranges li:hover {
    background-color: var(--accent-color-blue) !important;
    color: white !important;
    border-color: var(--accent-color-blue) !important;
}

.forensics-wizard .daterangepicker .ranges li.active {
    background-color: var(--accent-color-blue) !important;
    color: white !important;
    border-color: var(--accent-color-blue) !important;
}

.forensics-wizard .daterangepicker td.active,
.forensics-wizard .daterangepicker td.active:hover {
    background-color: var(--accent-color-blue) !important;
    border-color: var(--accent-color-blue) !important;
    color: white !important;
}

.forensics-wizard .daterangepicker td.in-range {
    background-color: var(--accent-color-blue-rgba) !important;
    color: var(--text-color) !important;
    border-radius: 0;
}

.forensics-wizard .daterangepicker td.available:hover {
    background-color: var(--panel-bg) !important;
    color: var(--text-color);
}

.forensics-wizard .daterangepicker th.available:hover {
    background-color: var(--panel-bg) !important;
}

.forensics-wizard .daterangepicker .calendar-table th,
.forensics-wizard .daterangepicker .calendar-table td {
    color: var(--text-color) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 4px;
}

.forensics-wizard .daterangepicker .calendar-table .prev span,
.forensics-wizard .daterangepicker .calendar-table .next span {
    border-color: var(--text-color) !important;
}

.forensics-wizard .daterangepicker select.monthselect,
.forensics-wizard .daterangepicker select.yearselect,
.forensics-wizard .daterangepicker select.hourselect,
.forensics-wizard .daterangepicker select.minuteselect,
.forensics-wizard .daterangepicker select.ampmselect {
    background-color: var(--panel-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
    border-radius: 4px;
    padding: 4px;
}

.forensics-wizard .daterangepicker .drp-buttons .btn {
    border-radius: 4px;
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
    padding: 6px 12px;
}

.forensics-wizard .daterangepicker .drp-buttons .btn-secondary {
    background-color: transparent !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-color) !important;
}

.forensics-wizard .daterangepicker .drp-buttons .btn-secondary:hover {
    background-color: var(--panel-bg) !important;
}

.forensics-wizard .daterangepicker .drp-buttons .btn-primary {
    background-color: var(--accent-color-blue) !important;
    border-color: var(--accent-color-blue) !important;
    color: white !important;
}

.forensics-wizard .daterangepicker .drp-buttons .btn-primary:hover {
    background-color: var(--accent-color-blue-darker) !important;
    border-color: var(--accent-color-blue-darker) !important;
}

.forensics-wizard .daterangepicker .calendar-table th.month {
    color: var(--accent-color-blue) !important;
}

.forensics-wizard .daterangepicker td.off,
.forensics-wizard .daterangepicker td.off.in-range,
.forensics-wizard .daterangepicker td.off.start-date,
.forensics-wizard .daterangepicker td.off.end-date {
    background-color: var(--secondary-bg) !important;
    color: var(--muted-text) !important;
    opacity: 0.6;
}

/* Table specific styles (Step 2 - Endpoints) */
.forensics-wizard #endpoints-step .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 0 4px;
    flex-shrink: 0;
}

.forensics-wizard #endpoints-step .table-info-total {
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
    color: var(--muted-text);
}

.forensics-wizard #endpoints-step .load-all-btn {
    padding: 6px 12px;
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
    background-color: var(--panel-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.forensics-wizard #endpoints-step .load-all-btn:hover {
    background-color: var(--secondary-bg);
    border-color: var(--accent-color-blue);
}

.forensics-wizard #endpoints-step .load-all-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.forensics-wizard #endpoints-step .table-container {
    margin-top: 0;
    width: 100%;
    position: relative;
    flex-grow: 1;
    overflow: auto;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    min-height: 200px;
    height: 0;
}

.forensics-wizard #endpoints-step .data-table {
    width: 100%;
    border-collapse: collapse;
}

.forensics-wizard #endpoints-step .data-table th,
.forensics-wizard #endpoints-step .data-table td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    white-space: nowrap;
}

.forensics-wizard #endpoints-step .data-table tr:last-child td {
    border-bottom: none;
}

.forensics-wizard #endpoints-step .data-table thead th {
    background-color: var(--panel-bg);
    color: var(--muted-text);
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 10;
    padding-top: 12px;
    padding-bottom: 12px;
}

.forensics-wizard #endpoints-step .data-table thead tr.filter-row th {
    background-color: var(--secondary-bg);
    padding: 8px 10px;
    border-top: 1px solid var(--border-color);
    position: sticky;
    top: 45px;
    z-index: 9;
}

.forensics-wizard #endpoints-step .th-filter-input,
.forensics-wizard #endpoints-step .th-filter-select {
    width: 100%;
    padding: 6px 8px;
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-color);
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
    box-sizing: border-box;
}

.forensics-wizard #endpoints-step .th-filter-input:focus,
.forensics-wizard #endpoints-step .th-filter-select:focus {
    outline: none;
    border-color: var(--accent-color-blue);
    box-shadow: 0 0 0 2px var(--accent-color-blue-rgba);
}

.forensics-wizard #endpoints-step .th-filter-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
    padding-right: 28px;
}

.forensics-wizard #endpoints-step .th-filter-select option {
    background-color: var(--panel-bg);
    color: var(--text-color);
}

.forensics-wizard #endpoints-step .data-table tbody tr {
    transition: background-color 0.3s ease;
}

.forensics-wizard #endpoints-step .data-table tbody tr:hover {
    background-color: rgba(45, 55, 72, 0.5);
}

.forensics-wizard #endpoints-step .data-table .status-healthy {
    color: var(--healthy);
}

.forensics-wizard #endpoints-step .data-table .status-at-risk {
    color: var(--at-risk);
}

.forensics-wizard #endpoints-step .data-table .status-high-risk {
    color: var(--danger);
}

.forensics-wizard #endpoints-step .checkbox-container input:checked~.checkmark {
    background-color: var(--accent-color-blue);
    border-color: var(--accent-color-blue);
}

/* Checkbox (General, used by Endpoints and Artifacts) */
.forensics-wizard .checkbox-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    /* 1rem * 16 = 16px */
    user-select: none;
    height: 20px;
    line-height: 20px;
}

.forensics-wizard .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.forensics-wizard .checkmark {
    position: relative;
    height: 18px;
    width: 18px;
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.forensics-wizard .checkbox-container:hover input~.checkmark {
    background-color: var(--secondary-bg);
}

.forensics-wizard .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.forensics-wizard .checkbox-container input:checked~.checkmark:after {
    display: block;
}

.forensics-wizard .checkbox-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Loading Indicator for Infinite Scroll (Step 2) */
.forensics-wizard #endpoints-step #table-loading-indicator {
    text-align: center;
    padding: 15px;
    display: block;
    color: var(--muted-text);
    flex-shrink: 0;
}

.forensics-wizard .spinner {
    border: 3px solid var(--border-color);
    border-top: 3px solid var(--accent-color-blue);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Footer */
.forensics-wizard .footer {
    display: flex;
    justify-content: space-between;
    margin: 20px 20px 10px 20px;
    height: 50px;
    flex-shrink: 0;
}

.forensics-wizard .btn {
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

.forensics-wizard .dropdown-menu>li.active>a {
    text-decoration: none;
    background-image: none;
    background-color: #4a79da;
    color: #ffffff !important;
    filter: none;
}

.forensics-wizard .dropdown-menu>li>a {
    color: #ffffff !important;
}

.forensics-wizard .dropdown-menu>li>a:hover {
    background-color: #4a79da;
}

.forensics-wizard .btn-outline {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

.forensics-wizard .btn-outline:hover {
    background-color: var(--panel-bg);
}

.forensics-wizard .btn-primary {
    background-color: var(--highlight);
    color: #14181f;
    border: 1px solid var(--highlight);
}

.forensics-wizard .btn-primary:hover {
    background-color: #2da876;
    border-color: #2da876;
}

/* Utilities */
.forensics-wizard .info-icon {
    margin-left: 6px;
    color: var(--muted-text);
    cursor: help;
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
}

.forensics-wizard .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* ARTIFACTS STEP (STEP 3) SPECIFIC STYLES */
.forensics-wizard #artifacts-step .profile-buttons {
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
}

.forensics-wizard #artifacts-step .btn-active {
    background-color: var(--panel-bg);
    border-color: var(--selection-blue);
}

.forensics-wizard #artifacts-step .artifacts-container {
    display: flex;
    gap: 20px;
    flex-grow: 1;
    overflow: hidden;
    min-height: 0;
}

.forensics-wizard #artifacts-step .artifacts-categories {
    width: 22%;
    /* Adjusted width */
    border-right: 1px solid var(--border-color);
    overflow-y: auto;
    padding-right: 15px;
}

.forensics-wizard #artifacts-step .artifacts-items {
    width: 39%;
    /* Adjusted width */
    overflow-y: auto;
    padding-right: 15px;
    min-height: 400px;
}

.forensics-wizard #artifacts-step .artifacts-options {
    width: 39%;
    /* Adjusted width */
    overflow-y: auto;
}

.forensics-wizard #artifacts-step .category-list {
    list-style: none;
}

.forensics-wizard #artifacts-step .category-item {
    padding: 10px 12px;
    margin-bottom: 6px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-left: 3px solid transparent;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.forensics-wizard #artifacts-step .category-item:hover {
    background-color: var(--panel-bg);
}

.forensics-wizard #artifacts-step .category-item.active {
    background-color: var(--panel-bg);
    border-left-color: var(--selection-blue);
    color: var(--selection-blue);
}

.forensics-wizard #artifacts-step .category-item .count {
    background-color: var(--selection-blue);
    color: white;
    border-radius: 10px;
    font-size: 11px;
    /* 0.7rem * 16 = 11.2px, rounded to 11px */
    font-weight: 600;
    padding: 2px 6px;
    min-width: 20px;
    text-align: center;
}

.forensics-wizard #artifacts-step .artifact-list {
    list-style: none;
    display: none;
}

.forensics-wizard #artifacts-step .artifact-list.active {
    display: block;
}

.forensics-wizard #artifacts-step .artifact-item {
    padding: 10px 12px;
    margin-bottom: 8px;
    background-color: var(--panel-bg);
    border-radius: 6px;
    transition: all 0.2s ease;
}

.forensics-wizard #artifacts-step .artifact-item:hover {
    background-color: rgba(36, 44, 61, 0.8);
}

.forensics-wizard #artifacts-step .artifact-checkbox {
    display: flex;
    align-items: center;
}

.forensics-wizard #artifacts-step .artifact-checkbox label {
    margin-left: 10px;
    cursor: pointer;
    flex-grow: 1;
}

.forensics-wizard #artifacts-step .artifact-info {
    color: var(--muted-text);
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
    margin-top: 5px;
    margin-left: 28px;
    display: none;
}

.forensics-wizard #artifacts-step .artifact-item.expanded .artifact-info {
    display: block;
}

/* Custom checkbox for Artifacts step */
.forensics-wizard #artifacts-step .custom-checkbox {
    position: relative;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: 2px solid var(--muted-text);
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0;
}

.forensics-wizard #artifacts-step .custom-checkbox.checked {
    background-color: var(--selection-blue);
    border-color: var(--selection-blue);
}

.forensics-wizard #artifacts-step .custom-checkbox.checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.forensics-wizard #artifacts-step .custom-checkbox.indeterminate {
    background-color: var(--selection-blue);
    border-color: var(--selection-blue);
}

.forensics-wizard #artifacts-step .custom-checkbox.indeterminate::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 7px;
    width: 9px;
    height: 2px;
    background-color: white;
}

/* Styles for options sections in artifacts for better visibility */
.forensics-wizard #artifacts-step .options-section {
    background-color: var(--panel-bg);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 15px;
    display: flex;
    /* Added for internal flex layout */
    flex-direction: column;
    /* Stack title and group */
    height: 100%;
    /* Make section take full height of its column */
}

.forensics-wizard #artifacts-step .section-title {
    font-size: 15px;
    /* 0.95rem * 16 = 15.2px, rounded to 15px */
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--selection-blue);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    /* Prevent title from shrinking */
}

.forensics-wizard #artifacts-step .section-title .toggle-all {
    font-size: 13px;
    /* 0.8rem * 16 = 12.8px, rounded to 13px */
    color: var(--muted-text);
    text-decoration: underline;
    cursor: pointer;
}

.forensics-wizard #artifacts-step .section-title .toggle-all:hover {
    color: var(--text-color);
}

.forensics-wizard .options-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.forensics-wizard .options-column {
    flex: 1;
    min-width: 0;
    display: flex;
    /* Make column a flex container to allow section to grow */
}

.forensics-wizard #artifacts-step .options-column>.options-section {
    flex-grow: 1;
    /* Make the section fill the column's height */
    margin-bottom: 0;
}

.forensics-wizard #artifacts-step .option-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 8px;
    flex-grow: 1;
    /* Allow group to take space if section is flex column */
    overflow-y: auto;
    /* Add scroll if items overflow */
}

.forensics-wizard #artifacts-step #hash-calculation-options.option-group {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.forensics-wizard #artifacts-step #file-types-options.option-group,
.forensics-wizard #artifacts-step #usn-events-options.option-group {
    grid-template-columns: 1fr;
}

.forensics-wizard #artifacts-step .option-item {
    display: flex;
    align-items: center;
}

.forensics-wizard #artifacts-step .option-item label {
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
}

.forensics-wizard #artifacts-step .form-select {
    background-color: var(--secondary-bg);
}

.forensics-wizard #artifacts-step .form-select:focus {
    border-color: var(--selection-blue);
    box-shadow: 0 0 0 3px var(--selection-blue-rgba);
}

.forensics-wizard #other-settings-section .collection-settings-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: start;
}

.forensics-wizard #other-settings-section .form-group {
    margin-bottom: 0 !important;
}

.forensics-wizard #other-settings-section .form-label {
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
    margin-bottom: 6px;
}

.forensics-wizard #other-settings-section .toggle-switch {
    transform: scale(0.9);
    margin-right: 5px;
}

.forensics-wizard #other-settings-section .toggle-label {
    font-size: 14px;
    /* 0.85rem * 16 = 13.6px, rounded to 14px */
}

.forensics-wizard #other-settings-section .toggle-container {
    display: flex;
    align-items: center;
}

/* Modals (General styling, used by Artifacts step) */
.forensics-wizard .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.forensics-wizard .modal-content {
    background-color: var(--secondary-bg);
    margin: 10% auto;
    padding: 0;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 600px;
    max-width: 90%;
    animation: modalFadeIn 0.3s;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.forensics-wizard .modal-header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forensics-wizard .modal-header h3 {
    margin: 0;
    color: var(--selection-blue);
    font-size: 20px;
    /* 1.25rem * 16 = 20px */
}

.forensics-wizard .modal-close {
    color: var(--muted-text);
    font-size: 24px;
    /* 1.5rem * 16 = 24px */
    font-weight: 700;
    cursor: pointer;
}

.forensics-wizard .modal-close:hover {
    color: var(--text-color);
}

.forensics-wizard .modal-body {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

.forensics-wizard .modal-footer {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.forensics-wizard .modal-footer .btn-primary {
    background-color: var(--selection-blue);
    border-color: var(--selection-blue);
    color: white;
}

.forensics-wizard .modal-footer .btn-primary:hover {
    background-color: var(--selection-blue-darker);
    border-color: var(--selection-blue-darker);
}

/* Profile list styling in modal */
.forensics-wizard #artifacts-step .profile-list {
    display: grid;
    gap: 15px;
}

.forensics-wizard #artifacts-step .profile-item {
    background-color: var(--panel-bg);
    border-radius: 6px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.forensics-wizard #artifacts-step .profile-item:hover {
    background-color: rgba(36, 44, 61, 0.8);
}

.forensics-wizard #artifacts-step .profile-item.selected {
    border-left-color: var(--selection-blue);
    background-color: var(--selection-blue-rgba);
}

.forensics-wizard #artifacts-step .profile-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.forensics-wizard #artifacts-step .profile-item-header h4 {
    margin: 0;
    color: var(--text-color);
    font-size: 18px;
    /* 1.1rem * 16 = 17.6px, rounded to 18px */
}

.forensics-wizard #artifacts-step .profile-badge {
    background-color: var(--selection-blue);
    color: white;
    font-size: 11px;
    /* 0.7rem * 16 = 11.2px, rounded to 11px */
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
}

.forensics-wizard #artifacts-step .profile-description {
    color: var(--muted-text);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
    margin: 5px 0 0 0;
}

/* Event Logs Selector with Edit Button (Artifacts Step) */
.forensics-wizard #artifacts-step .event-logs-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.forensics-wizard #artifacts-step .event-logs-select-container {
    position: relative;
    flex-grow: 1;
}

.forensics-wizard #artifacts-step .edit-event-logs-btn {
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    border-radius: 6px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.forensics-wizard #artifacts-step .edit-event-logs-btn:hover {
    background-color: var(--selection-blue-rgba);
    color: var(--selection-blue);
    border-color: var(--selection-blue);
}

/* Event Logs Modal (Artifacts Step) */
.forensics-wizard #artifacts-step #event-logs-modal .modal-content {
    width: 700px;
    max-width: 90%;
}

.forensics-wizard #artifacts-step .event-logs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.forensics-wizard #artifacts-step .event-logs-table th,
.forensics-wizard #artifacts-step .event-logs-table td {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.forensics-wizard #artifacts-step .event-logs-table th {
    background-color: var(--panel-bg);
    font-weight: 600;
    color: var(--muted-text);
    position: sticky;
    top: 0;
    z-index: 1;
}

.forensics-wizard #artifacts-step .event-logs-table tr:hover {
    background-color: var(--panel-bg);
}

.forensics-wizard #artifacts-step .event-logs-search {
    margin-bottom: 15px;
    position: relative;
}

.forensics-wizard #artifacts-step .event-logs-search input {
    width: 100%;
    padding: 10px 12px 10px 36px;
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-color);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

.forensics-wizard #artifacts-step .event-logs-search i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted-text);
}

.forensics-wizard #artifacts-step .event-logs-custom-input {
    margin-top: 15px;
    padding: 12px;
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--muted-text);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

/* Search box (Artifacts Step) */
.forensics-wizard #artifacts-step .search-box {
    position: relative;
    margin-bottom: 15px;
}

.forensics-wizard #artifacts-step .search-box input {
    width: 100%;
    padding: 10px 12px 10px 36px;
    background-color: var(--panel-bg);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    color: var(--text-color);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

.forensics-wizard #artifacts-step .search-box input:focus {
    outline: none;
    border-color: var(--selection-blue);
    box-shadow: 0 0 0 3px var(--selection-blue-rgba);
}

.forensics-wizard #artifacts-step .search-box i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted-text);
}

/* Footer actions (Artifacts Step) */
.forensics-wizard #artifacts-step .footer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.forensics-wizard #artifacts-step .artifacts-selected {
    color: var(--muted-text);
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
}

.forensics-wizard #artifacts-step .artifacts-selected span {
    color: var(--selection-blue);
    font-weight: 600;
}

.forensics-wizard #artifacts-step .select-all-btn,
.forensics-wizard #artifacts-step .select-recommended-btn {
    color: var(--selection-blue);
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    /* 0.9rem * 16 = 14.4px, rounded to 14px */
    padding: 5px 10px;
    border-radius: 4px;
}

.forensics-wizard #artifacts-step .select-all-btn:hover,
.forensics-wizard #artifacts-step .select-recommended-btn:hover {
    background-color: var(--selection-blue-rgba);
}

.forensics-wizard #artifacts-step .select-recommended-btn {
    margin-left: 10px;
}

/* Selection Progress Bar (Artifacts Step) */
.forensics-wizard #artifacts-step .selection-progress {
    height: 4px;
    background-color: var(--border-color);
    border-radius: 2px;
    margin-top: 5px;
    overflow: hidden;
}

.forensics-wizard #artifacts-step .selection-progress-bar {
    height: 100%;
    background-color: var(--selection-blue);
    border-radius: 2px;
    width: 0%;
    transition: width 0.3s ease;
}

/* Notification styling */
.forensics-wizard .notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: var(--highlight);
    color: #14181f;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 2000;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s, transform 0.3s;
}

/* Custom Scrollbars for Artifacts Step columns and scrollable main cards */
.forensics-wizard #artifacts-step .artifacts-categories::-webkit-scrollbar,
.forensics-wizard #artifacts-step .artifacts-items::-webkit-scrollbar,
.forensics-wizard #artifacts-step .artifacts-options::-webkit-scrollbar,
.forensics-wizard .main-card.scrollable-content::-webkit-scrollbar,
.forensics-wizard #endpoints-step .table-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.forensics-wizard #artifacts-step .artifacts-categories::-webkit-scrollbar-track,
.forensics-wizard #artifacts-step .artifacts-items::-webkit-scrollbar-track,
.forensics-wizard #artifacts-step .artifacts-options::-webkit-scrollbar-track,
.forensics-wizard .main-card.scrollable-content::-webkit-scrollbar-track,
.forensics-wizard #endpoints-step .table-container::-webkit-scrollbar-track {
    background: var(--secondary-bg);
    border-radius: 10px;
}

.forensics-wizard #artifacts-step .artifacts-categories::-webkit-scrollbar-thumb,
.forensics-wizard #artifacts-step .artifacts-items::-webkit-scrollbar-thumb,
.forensics-wizard #artifacts-step .artifacts-options::-webkit-scrollbar-thumb,
.forensics-wizard .main-card.scrollable-content::-webkit-scrollbar-thumb,
.forensics-wizard #endpoints-step .table-container::-webkit-scrollbar-thumb {
    background-color: var(--panel-bg);
    border-radius: 10px;
    border: 2px solid var(--secondary-bg);
}

.forensics-wizard #artifacts-step .artifacts-categories::-webkit-scrollbar-thumb:hover,
.forensics-wizard #artifacts-step .artifacts-items::-webkit-scrollbar-thumb:hover,
.forensics-wizard #artifacts-step .artifacts-options::-webkit-scrollbar-thumb:hover,
.forensics-wizard .main-card.scrollable-content::-webkit-scrollbar-thumb:hover,
.forensics-wizard #endpoints-step .table-container::-webkit-scrollbar-thumb:hover {
    background-color: var(--accent-color-blue);
}

/* Firefox scrollbar styling */
.forensics-wizard #artifacts-step .artifacts-categories,
.forensics-wizard #artifacts-step .artifacts-items,
.forensics-wizard #artifacts-step .artifacts-options,
.forensics-wizard .main-card.scrollable-content,
.forensics-wizard #endpoints-step .table-container {
    scrollbar-width: thin;
    scrollbar-color: var(--panel-bg) var(--secondary-bg);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .forensics-wizard .grid-2 {
        grid-template-columns: 1fr;
    }

    .forensics-wizard .step-label {
        font-size: 11px;
        /* 0.7rem * 16 = 11.2px, rounded to 11px */
        width: 80px;
    }

    .forensics-wizard #artifacts-step .artifacts-container {
        flex-direction: column;
    }

    .forensics-wizard #artifacts-step .artifacts-categories,
    .forensics-wizard #artifacts-step .artifacts-items,
    .forensics-wizard #artifacts-step .artifacts-options {
        width: 100%;
        padding-right: 0;
    }

    .forensics-wizard #artifacts-step .artifacts-categories {
        border-right: none;
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 15px;
        margin-bottom: 15px;
        max-height: 200px;
    }

    .forensics-wizard #artifacts-step .options-row {
        flex-direction: column;
    }

    .forensics-wizard #other-settings-section .collection-settings-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 768px) {
    .forensics-wizard .daterangepicker {
        width: 90% !important;
        left: 5% !important;
    }

    .forensics-wizard .daterangepicker.opens-up.opens-center .drp-calendar.left {
        margin-right: 0 !important;
    }

    .forensics-wizard .daterangepicker .drp-calendar.left,
    .forensics-wizard .daterangepicker .drp-calendar.right {
        width: 100% !important;
    }

    .forensics-wizard .daterangepicker .ranges ul {
        width: 100%;
    }

    .forensics-wizard .daterangepicker .ranges li {
        width: calc(50% - 10px);
        display: inline-block;
        margin: 5px;
    }

    .forensics-wizard #endpoints-step .table-controls {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

.forensics-wizard .product-info {
    text-align: center;
    margin: 10px 20px 20px 20px;
    color: var(--muted-text);
    font-size: 13px;
    /* 0.8rem * 16 = 12.8px, rounded to 13px */
    flex-shrink: 0;
}

.forensics-wizard .product-info span {
    color: var(--highlight);
}

.forensics-wizard .product-info span:first-child {
    color: #e74c3c;
}

.newPolicyPath {
    .main-container {
        width: 100%;
        max-width: 780px;
    }

    .card {}

    @media (min-width: 640px) {
        .card {
            padding: 15px;
            /* 2rem * 16 = 32px */
        }
    }

    /* Form Elements */
    .label-row {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
        /* 0.75rem * 16 = 12px */
    }

    .label {
        font-size: 14px;
        /* 0.875rem * 16 = 14px */
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #D1D5DB;
    }

    .label-required {
        color: #F87171;
        margin-left: 6px;
        /* 0.375rem * 16 = 6px */
    }

    /* Input Wrapper and Textarea */
    .path-input-wrapper {
        position: relative;
        background-color: rgba(17, 24, 39, 0.7);
        border: 1px solid #374151;
        border-radius: 8px;
        /* 0.5rem * 16 = 8px */
        transition: all 0.3s;
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    }

    .path-input-wrapper.focused {
        border-color: #3B82F6;
        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
    }

    .path-textarea-container {
        position: relative;
        display: flex;
    }

    .path-input {
        width: 100%;
        min-height: 300px;
        padding: 12px 12px 12px 48px;
        /* 0.75rem * 16 = 12px, 3rem * 16 = 48px */
        background-color: transparent;
        border: none;
        color: #E5E7EB;
        font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
        font-size: 14px;
        /* 0.875rem * 16 = 14px */
        line-height: 24px;
        /* 1.5rem * 16 = 24px */
        resize: vertical;
        outline: none;
    }

    /* Hide scrollbar */
    .path-input::-webkit-scrollbar {
        display: none;
    }

    .path-input {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .path-input-wrapper.ng-invalid {
        border-color: red !important;
    }

    /* Line Icons and Indicator */
    .current-line-indicator {
        position: absolute;
        left: 0;
        height: 24px;
        width: 4px;
        background-color: #3B82F6;
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px;
        transition: all 0.15s ease-in-out;
        pointer-events: none;
        opacity: 0;
    }

    .path-input-wrapper.focused .current-line-indicator {
        opacity: 1;
    }

    .line-icons {
        position: absolute;
        left: 0;
        top: 0;
        width: 48px;
        /* 3rem * 16 = 48px */
        padding-top: 12px;
        /* 0.75rem * 16 = 12px */
        display: flex;
        flex-direction: column;
        align-items: center;
        pointer-events: none;
        font-size: 18px;
        /* 1.125rem * 16 = 18px */
        overflow: hidden;
        transition: transform 0.05s linear;
    }

    .line-icon {
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Hint Box */
    .path-hint {
        margin-top: 16px;
        /* 1rem * 16 = 16px */
        padding: 16px;
        /* 1rem * 16 = 16px */
        border-radius: 8px;
        /* 0.5rem * 16 = 8px */
        border: 1px solid;
        display: flex;
        align-items: center;
        transition: all 0.3s ease;
        min-height: 60px;
    }

    .hint-icon {
        font-size: 24px;
        /* 1.5rem * 16 = 24px */
        margin-right: 12px;
        /* 0.75rem * 16 = 12px */
    }

    .hint-content-wrapper {
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Hint Color Variations */
    .hint-default {
        background-color: rgba(55, 65, 81, 0.6);
        border-color: #374151;
        color: #9CA3AF;
    }

    .hint-folder {
        background-color: rgba(202, 138, 4, 0.1);
        border-color: rgba(202, 138, 4, 0.3);
        color: #FCD34D;
    }

    .hint-file {
        background-color: rgba(16, 185, 129, 0.1);
        border-color: rgba(16, 185, 129, 0.3);
        color: #6EE7B7;
    }

    .hint-summary {
        text-align: right;
        font-size: 12px;
        /* 0.75rem * 16 = 12px */
        padding-left: 16px;
        /* 1rem * 16 = 16px */
        border-left: 1px solid rgba(107, 114, 128, 0.5);
    }

    .footer {
        text-align: center;
        margin-top: 24px;
        /* 1.5rem * 16 = 24px */
        font-size: 12px;
        /* 0.75rem * 16 = 12px */
        color: #6B7280;
    }
}


.btn-endpoint-link {
    transition: all 0.2s ease;
}

.btn-endpoint-link:hover {
    color: #2968b8 !important;
    transform: scale(1.1);
}

.btn-endpoint-link:active {
    transform: scale(0.95);
}

.hoverUnderline:hover {
    text-decoration: underline;
    cursor: pointer;
}

.policy-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #FAFAFA;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.policy-badge.badge-allow {
    background-color: #26C281;
    border: 1px solid #26C281;
}

.policy-badge.badge-block {
    background-color: #E7505A;
    border: 1px solid #E7505A;
}

.policy-badge.badge-type {
    background-color: #4B77BE;
    border: 1px solid #4B77BE;
    text-transform: none;
    letter-spacing: normal;
}

/* Hover effects */
.policy-badge:hover {
    opacity: 0.85;
    cursor: default;
}

/* Ensure proper column width for badges */
.table-alerts th:nth-child(3),
.table-alerts th:nth-child(4) {
    width: 120px;
}

/* Subtle badge style for Applies To */
.policy-badge.badge-applies-to {
    background-color: #33383E;
    border: 1px solid #5e738b;
    color: #91a9c9;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
}

.policy-badge.badge-applies-to:hover {
    background-color: #3d424a;
    border-color: #6b829c;
}

/* ==============================
   Process Hunt table improvements
   ============================== */
table.razvanTale {
    border-collapse: separate;
    border-spacing: 0;
}

table.razvanTale thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #151a24;
    border-bottom: 1px solid #2f3b4f;
    color: #d5d9e6;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}

table.razvanTale thead th .fa {
    color: inherit;
}

th.sticky-left,
td.sticky-left {
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #232931;
}

th.sticky-left-2,
td.sticky-left-2 {
    position: sticky;
    /* left: 44px; keep in sync with first sticky column width */
    z-index: 3;
    background-color: #232931;
}

table.razvanTale thead th.sticky-left,
table.razvanTale thead th.sticky-left-2 {
    background-color: #151a24;
}

td.cmd,
td.path {
    font-family: monospace;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 480px;
}

td.numeric {
    text-align: left;
}

table.razvanTale tbody tr:hover {
    background-color: #2a323e;
}

.monospace {
    font-family: "Roboto Mono", monospace;
}

table.razvanTale .ip-cell .ip-value,
table.razvanTale .hash-cell .hash-value {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.razvanTale.has-resizable-columns.compact-columns .ip-cell .ip-value,
table.razvanTale.has-resizable-columns.compact-columns .hash-cell .hash-value {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

table.razvanTale.has-resizable-columns th.has-resize-handle {
    padding-right: 12px;
}

table.razvanTale.has-resizable-columns col {
    transition: width 0.1s ease;
}

table.razvanTale.has-resizable-columns .column-resizer-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    min-width: 12px;
    display: block;
    cursor: col-resize;
    user-select: none;
    height: 100%;
    z-index: 6;
    opacity: 0.35;
    transition: opacity 0.15s ease, background-color 0.15s ease;
    background-color: rgba(54, 162, 239, 0.08);
    pointer-events: auto;
}

table.razvanTale.has-resizable-columns .column-resizer-handle::after {
    content: "";
    position: absolute;
    top: 12%;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    border-radius: 1px;
    background-color: rgba(255, 255, 255, 0.35);
    transition: opacity 0.2s ease;
    opacity: 0;
}

table.razvanTale.has-resizable-columns th.has-resize-handle:hover .column-resizer-handle,
table.razvanTale.has-resizable-columns .column-resizer-handle.is-dragging {
    opacity: 1;
    background-color: rgba(54, 162, 239, 0.35);
}

table.razvanTale.has-resizable-columns th.has-resize-handle:hover .column-resizer-handle::after,
table.razvanTale.has-resizable-columns .column-resizer-handle.is-dragging::after {
    opacity: 1;
}

table.razvanTale.has-resizable-columns td.elementToHover>span,
table.razvanTale.has-resizable-columns td.elementToHover>strong {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

table.razvanTale.has-resizable-columns td.elementToHover .multi-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
}

table.razvanTale.resizing-columns,
table.razvanTale.resizing-columns th,
table.razvanTale.resizing-columns td {
    user-select: none;
}

body.column-resize-active,
body.column-resize-active * {
    cursor: col-resize !important;
}

table.razvanTale.has-resizable-columns th,
table.razvanTale.has-resizable-columns td {
    box-sizing: border-box;
}

table.razvanTale.has-resizable-columns td {
    position: relative;
}

table.razvanTale.has-resizable-columns .row-column-resizer-handle {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 5px;
    height: 24px;
    cursor: col-resize;
    opacity: 0;
    transition: opacity 0.2s ease;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 5;
}

table.razvanTale.has-resizable-columns tr.row-resize-active td.row-resize-enabled .row-column-resizer-handle,
table.razvanTale.has-resizable-columns td.row-resize-enabled:hover .row-column-resizer-handle {
    opacity: 1;
}

table.razvanTale.has-resizable-columns .row-column-resizer-handle:hover {
    background-color: rgba(255, 255, 255, 0.35);
}

.ip-cell-local,
.ip-cell-remote,
.hash-cell {
    vertical-align: top;
}

.ip-cell-local .ip-value,
.ip-cell-remote .ip-value,
.hash-cell .hash-value {
    line-height: 1.3;
}

.details-grid {
    background-color: #1c2329;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 6px;
    color: #bec0c2;
}

/* Report dropdown styling */
.btn-report {
    background-color: var(--theme-bg-tertiary, #364150) !important;
    color: var(--theme-text-primary, #ffffff) !important;
    border: 1px solid var(--theme-border-color, #5e738b) !important;
}

.btn-report:hover,
.btn-report:focus {
    background-color: var(--theme-table-row-hover, #3f4a5b) !important;
    color: var(--theme-text-primary, #ffffff) !important;
    border-color: var(--theme-border-accent, #5e738b) !important;
}

/* Dark themed select for rows */
select.rows-select.form-control {
    background-color: #232931;
    color: #e0e0e0;
    border: 1px solid #5e738b;
    height: 28px;
    padding: 2px 8px;
    vertical-align: middle;
}

/* ensure the label next to rows select is readable */
.portlet-title .actions .btn-group>label.control-label {
    color: #e0e0e0;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    height: 28px;
    padding: 0;
    margin: 0 6px 0 0;
    vertical-align: middle;
}

select.rows-select.form-control:focus {
    border-color: #91a9c9;
    box-shadow: none;
}

select.rows-select.form-control option {
    background-color: #232931;
    color: #e0e0e0;
}

.columns-select-group .dropdown-toggle {
    min-width: 140px;
}

.columns-select-group.open .dropdown-toggle,
.columns-select-group.show .dropdown-toggle {
    background-color: #3f4a5b !important;
    color: #ffffff !important;
    border: 1px solid #5e738b !important;
}

.columns-dropdown-menu>li>a:hover,
.columns-dropdown-menu>li>a:focus {
    background-color: transparent;
}

/* Column selector reorder enhancements */
.columns-dropdown-menu {
    padding: 4px 8px;
    min-width: 280px;
    width: max-content;
    max-width: 75vw;
    max-height: 360px;
    background-color: #1c2329;
    border: 1px solid #35404b;
    box-sizing: border-box;
}

.columns-dropdown-items-wrapper {
    padding: 0;
}

.columns-dropdown-scroll {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    width: 100%;
    padding: 0 2px 0 0;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #5e738b transparent;
}

.columns-dropdown-scroll::-webkit-scrollbar {
    width: 6px;
}

.columns-dropdown-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.columns-dropdown-scroll::-webkit-scrollbar-thumb {
    background-color: #5e738b;
    border-radius: 10px;
}

.columns-dropdown-track {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 2px 0;
    width: 100%;
}

.columns-dropdown-menu.drag-active .columns-dropdown-track,
.columns-dropdown-menu:has(.is-dragging) .columns-dropdown-track {
    display: flex;
}

.columns-dropdown-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    position: relative;
    padding: 4px 6px;
    min-height: 28px;
    background-color: rgba(35, 41, 49, 0.6);
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: grab;
    user-select: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    width: 100%;
    min-width: 0;
}

.columns-dropdown-item:active {
    cursor: grabbing;
}

.columns-dropdown-item.disabled {
    opacity: 0.55;
}

.columns-dropdown-item.disabled input {
    pointer-events: none;
}

.columns-dropdown-item.is-dragging {
    background-color: rgba(74, 144, 226, 0.35) !important;
    border-color: #4a90e2 !important;
    box-shadow: 0 0 8px rgba(74, 144, 226, 0.4) !important;
    cursor: grabbing !important;
}

.columns-dropdown-item.is-drag-over,
.columns-dropdown-item.is-drag-over-before,
.columns-dropdown-item.is-drag-over-after,
.columns-dropdown-item.is-drag-over-on {
    background-color: rgba(74, 144, 226, 0.25) !important;
    border-color: #4a90e2 !important;
    box-shadow: 0 0 6px rgba(74, 144, 226, 0.35) !important;
}

.columns-dropdown-menu.drag-active,
.columns-dropdown-menu:has(.is-dragging),
.columns-dropdown-menu:has(.is-drag-over) {
    display: inline-block !important;
}

.columns-dropdown-item.is-drag-disabled {
    opacity: 0.55;
}

.columns-dropdown-item.is-drag-disabled .column-reorder-handle {
    cursor: not-allowed;
    opacity: 0.4;
}

.column-reorder-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: #91a9c9;
    cursor: grab;
    font-size: 11px;
    flex: 0 0 14px;
    margin-right: 6px;
    transition: color 0.15s ease, transform 0.15s ease;
}

.column-reorder-handle i {
    pointer-events: none;
}

.columns-dropdown-item.preview-source {
    background-color: rgba(74, 144, 226, 0.35) !important;
    border-color: #4a90e2 !important;
    box-shadow: 0 0 10px rgba(74, 144, 226, 0.4) !important;
}

.columns-dropdown-item.preview-target {
    border-color: #4a90e2;
    box-shadow: inset 0 0 0 1px rgba(74, 144, 226, 0.35);
}

.columns-dropdown-item.preview-drop-before::before,
.columns-dropdown-item.preview-drop-after::after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    height: 3px;
    border-radius: 999px;
    background: rgba(74, 144, 226, 0.85);
    box-shadow: 0 0 6px rgba(74, 144, 226, 0.35);
}

.columns-dropdown-item.preview-drop-before::before {
    top: 2px;
}

.columns-dropdown-item.preview-drop-after::after {
    bottom: 2px;
}

.columns-dropdown-item.preview-move-up {
    transform: translateY(-6px);
}

.columns-dropdown-item.preview-move-down {
    transform: translateY(6px);
}

.columns-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e0e0e0;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.columns-checkbox input[type="checkbox"] {
    margin: 0;
    margin-right: 6px;
    flex-shrink: 0;
}

.columns-dropdown-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4px;
}

.columns-dropdown-actions .btn-link {
    padding: 0;
    font-size: 11px;
    color: #91a9c9;
}

.columns-dropdown-actions .btn-link:hover,
.columns-dropdown-actions .btn-link:focus {
    text-decoration: none;
    color: #b8d4f1;
}

.text-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.clamp-2,
.clamp-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    line-height: 1.35;
}

.clamp-2 {
    -webkit-line-clamp: 2;
    max-height: calc(1.35em * 2);
}

.clamp-4 {
    -webkit-line-clamp: 4;
    max-height: calc(1.35em * 4);
}

.multi-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
}

.font-color-white {
    color: #ffffff !important;
}

.topSticky {
    top: 0px;
}

.td-truncate {
    max-width: 250px;
    /* Lățimea maximă a celulei */
    width: 250px;
    /* Forțează lățimea fixă */
    white-space: normal;
    /* Permite trecerea pe rând nou */
    overflow: hidden;
    /* Ascunde conținutul care depășește */
    text-overflow: ellipsis;
    /* Adaugă ... la final */
    display: -webkit-box;
    /* Necesar pentru limitarea la 2 linii */
    -webkit-line-clamp: 2;
    /* Limitează la 2 rânduri */
    -webkit-box-orient: vertical;
    /* Orientare verticală pentru -webkit-line-clamp */
    line-height: 1.4;
    /* Înălțime linie pentru aspect plăcut */
    word-wrap: break-word;
    /* Rupe cuvintele lungi dacă e nevoie */
}

/* ------------------------------------------------------------
 * Alerts table modernized styling
 * ------------------------------------------------------------ */
.alerts-table-modern .expand-cell {
    width: 54px;
}

/* Slightly tighter expand cell when policies are ungrouped */
.alerts-table-modern.ungrouped .expand-cell {
    width: 54px;
}

/* Policies table: add a small spacer column when ungrouped to separate expand icon and details */
.alerts-table-modern.policies .policies-spacing {
    width: 60px;
    padding-right: 12px;
}

.alerts-table-modern .ladda-button.expand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(190, 192, 194, 0.25);
    background: rgba(255, 255, 255, 0.03);
    color: #bec0c2;
    transition: background 0.2s ease, color 0.2s ease, border 0.2s ease;
    box-shadow: none;
    line-height: 1;
}

.alerts-table-modern .ladda-button.expand-icon .fa {
    line-height: 1;
    font-size: 11px;
}

.alerts-table-modern .ladda-button.expand-icon:hover,
.alerts-table-modern .ladda-button.expand-icon:focus {
    background: rgba(54, 127, 211, 0.18);
    border-color: rgba(54, 127, 211, 0.45);
    color: #f5f5f5;
    outline: none;
}

.alerts-table-modern .expand-icon:hover,
.alerts-table-modern .expand-icon:focus {
    background: rgba(54, 127, 211, 0.18);
    border-color: rgba(54, 127, 211, 0.45);
    color: #f5f5f5;
    outline: none;
}

.alerts-table-modern .status-col {
    width: 300px;
    transition: width 0.25s ease;
}

.alerts-table-modern .status-col.ungrouped {
    width: 280px !important;
    min-width: 280px;
}

.alerts-table-modern .status-column-grouped {
    width: 300px;
    padding-right: 32px !important;
}

.alerts-table-modern .status-column-ungrouped {
    width: 280px;
    min-width: 280px;
    padding-right: 32px !important;
}

/* Ensure status gets space over nth-child width rules */
.alerts-table-modern.threats thead th.status-col.ungrouped {
    width: 300px !important;
    min-width: 300px !important;
}

.alerts-table-modern.threats tbody td.status-column-ungrouped {
    width: 300px !important;
    min-width: 300px !important;
}

.alerts-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin: 18px 15px 12px;
}

.alerts-toolbar .toolbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #9ea6ba;
    font-size: 14px;
}

.alerts-toolbar .alerts-group-info {
    color: #9ea6ba;
    cursor: help;
    font-size: 14px;
}

.alerts-toolbar .alerts-group-info:hover {
    color: #c4ccdd;
}

.alerts-toolbar .toolbar-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.alerts-toolbar .btn.btn-primary {
    min-width: 150px;
    text-transform: capitalize;
}

.alerts-toolbar .download-menu .btn.btn-primary {
    min-width: 170px;
}

.alerts-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 50px;
    height: 26px;
    cursor: pointer;
}

.alerts-switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.alerts-switch-track {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 50px;
    height: 26px;
    border-radius: 999px;
    background: rgba(44, 52, 63, 0.8);
    border: 1px solid rgba(190, 192, 194, 0.25);
    transition: background 0.25s ease, border 0.25s ease;
    padding: 0 3px;
}

.alerts-switch-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f5f5f5;
    transition: transform 0.25s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.alerts-switch input:checked+.alerts-switch-track {
    background: #367fd3;
    border-color: rgba(54, 127, 211, 0.6);
}

.alerts-switch input:checked+.alerts-switch-track .alerts-switch-thumb {
    transform: translateX(22px);
}

.alerts-switch-label {
    font-size: 14px;
    color: #9ea6ba;
}

.alerts-table-modern tbody tr>td {
    padding: 20px 18px;
}

.alerts-table-modern .details-column {
    padding-left: 32px;
}

/* Compact details spacing when no status/count column (policies ungrouped) */
.alerts-table-modern .details-column.compact-details {
    padding-left: 6px !important;
}

.alerts-table-modern .details-column.compact-details .indicator-row {
    padding-left: 6px;
}

/* Threats table: ensure tags/confidence wrap below description to avoid overlapping time column */
.alerts-table-modern.threats .details-column .details-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.alerts-table-modern.threats .details-column .details-head>* {
    min-width: 0;
}

.alerts-table-modern.threats .details-column .details-meta {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    margin-left: 12px;
    margin-top: 0;
    white-space: nowrap;
}

.alerts-table-modern.threats .details-column .details-meta .alert-badges {
    margin-left: 0;
}

.alerts-table-modern.threats .details-column .details-meta .ml-confidence-container {
    white-space: initial;
}

/* Increase threat description text size (+2px) on Threats table only */
.alerts-table-modern.threats .details-head .alert-text {
    font-size: 17px;
}

/* Match Policies description text size to Threats */
.alerts-table-modern.policies .details-column .alert-text {
    font-size: 17px;
}

.alerts-table-modern .policy-count-pill {
    min-width: 0;
    padding: 4px 12px;
    justify-content: center;
}

.alerts-table-modern tbody tr+tr {
    border-top: 1px solid rgba(44, 52, 63, 0.85);
}

.alerts-table-modern .status-mix {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 220px;
    cursor: pointer;
}

.alerts-table-modern .status-bar {
    display: flex;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.alerts-table-modern .status-segment {
    height: 100%;
}

.alerts-table-modern .seg-unresolved {
    background: rgba(255, 130, 130, 0.95);
}

.alerts-table-modern .seg-pending {
    background: rgba(180, 158, 255, 0.95);
}

.alerts-table-modern .seg-resolved {
    background: rgba(96, 211, 148, 0.95);
}

/* Yellow variant for "Requires Validation" in grouped view when policyState is PROTECT */
.alerts-table-modern .seg-validate {
    background: rgba(241, 196, 15, 0.95);
}

.alerts-table-modern .status-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.alerts-table-modern .legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #cfd5e0;
    white-space: nowrap;
}

.alerts-table-modern .legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.alerts-table-modern .dot-unresolved {
    background: #ff8282;
}

.alerts-table-modern .dot-pending {
    background: #b49eff;
}

.alerts-table-modern .dot-resolved {
    background: #60d394;
}

/* Yellow dot for "Requires Validation" label */
.alerts-table-modern .dot-validate {
    background: #f1c40f;
}

.alerts-table-modern .solo-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #cfd5e0;
    line-height: 1;
    white-space: nowrap;
}

.alerts-table-modern .solo-badge .solo-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff8282;
}

.alerts-table-modern .solo-badge.solo-pending .solo-dot {
    background: #b49eff;
}

.alerts-table-modern .solo-badge.solo-resolved .solo-dot {
    background: #60d394;
}

/* Yellow dot badge for Requires Validation (ungrouped PROTECT) */
.alerts-table-modern .solo-badge.solo-validate .solo-dot {
    background: #f1c40f;
}

.alerts-table-modern .alert-text {
    font-size: 15px;
    font-weight: 500;
    color: #f5f5f5;
}

.alerts-table-modern .alert-text.secondary {
    color: #bec0c2;
    font-weight: 400;
}

.alerts-table-modern .alert-badges {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-left: 18px;
    flex-wrap: wrap;
}

.alerts-table-modern .badge-base,
.alerts-table-modern .enginebadge {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
}

.alerts-table-modern .badge-high {
    color: #ff6b6b;
    border: 1px solid rgba(255, 107, 107, 0.4);
    background: rgba(255, 87, 87, 0.16);
}

.alerts-table-modern .badge-medium {
    color: #ffb347;
    border: 1px solid rgba(255, 179, 71, 0.45);
    background: rgba(255, 179, 71, 0.16);
}

.alerts-table-modern .badge-low {
    color: #6be6b4;
    border: 1px solid rgba(107, 230, 180, 0.45);
    background: rgba(107, 230, 180, 0.16);
}

.alerts-table-modern .enginebadge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: #aab5cb;
    border: 1px solid rgba(170, 181, 203, 0.4);
    background: rgba(170, 181, 203, 0.16);
}

.alerts-table-modern .enginebadge.behavioral {
    color: #7fc4ff;
    border-color: rgba(86, 143, 255, 0.45);
    background: rgba(86, 143, 255, 0.16);
}

.alerts-table-modern .enginebadge.reputation {
    color: #ffd45c;
    border-color: rgba(255, 212, 92, 0.45);
    background: rgba(255, 212, 92, 0.16);
}

.alerts-table-modern .enginebadge.staticML {
    color: #b49eff;
    border-color: rgba(180, 158, 255, 0.45);
    background: rgba(180, 158, 255, 0.16);
}

.alerts-table-modern .enginebadge.dynamic {
    color: #59e6c3;
    border-color: rgba(89, 230, 195, 0.45);
    background: rgba(89, 230, 195, 0.16);
}

.alerts-table-modern .enginebadge.digital {
    color: #9ad1ff;
    border-color: rgba(154, 209, 255, 0.45);
    background: rgba(154, 209, 255, 0.16);
}

.alerts-table-modern .enginebadge.policy {
    color: #ff9d76;
    border-color: rgba(255, 157, 118, 0.45);
    background: rgba(255, 157, 118, 0.16);
}

.alerts-table-modern .enginebadge.default {
    color: #aab5cb;
    border-color: rgba(170, 181, 203, 0.4);
    background: rgba(170, 181, 203, 0.16);
}

.alerts-table-modern .alert-indicator {
    color: #93b9f5;
    font-size: 13px;
}

.alerts-table-modern .indicator-row {
    padding-left: 10px;
    margin-top: 14px;
}

.alerts-table-modern .alert-endp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a0a9bb;
    padding-left: 20px;
}

.alerts-table-modern .alert-endp i {
    color: #73a4ff;
}

.alerts-table-modern .alert-details {
    margin-top: 16px;
    gap: 18px;
    font-size: 13px;
}

.alerts-table-modern .alert-block {
    margin-bottom: 6px;
}

/* Status + Mode (policy) bundle */
.alerts-table-modern .status-bundle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.alerts-table-modern .mode-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #cfd5e0;
    white-space: nowrap;
}

.alerts-table-modern .mode-protect {
    color: #60d394;
    border-color: rgba(96, 211, 148, 0.35);
    background: rgba(96, 211, 148, 0.12);
}

.alerts-table-modern .mode-detect {
    color: #ffb347;
    border-color: rgba(255, 179, 71, 0.35);
    background: rgba(255, 179, 71, 0.12);
}

.alerts-table-modern .time-cell {
    white-space: nowrap;
    color: #a0a9bb;
    font-weight: 500;
    font-size: 15px;
    padding-left: 32px;
    padding-right: 20px;
    text-align: left !important;
    width: 120px;
}

.alerts-table-modern .time-cell i {
    margin-right: 6px;
    color: #73a4ff;
}

.alerts-table-modern .time-col-header {
    text-align: left !important;
    padding-right: 20px;
    width: 120px;
}

.alerts-table-modern .company-col-header {
    text-align: left !important;
    padding-right: 20px;
    min-width: 265px;
}

.alerts-table-modern .company-cell {
    text-align: left !important;
    color: #c4ccdd;
    width: 265px;
    max-width: 265px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 16px;
    padding-right: 20px;
}

.alerts-checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.alerts-checkbox-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.alerts-checkbox-box {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid rgba(190, 192, 194, 0.35);
    background: rgba(28, 34, 43, 0.6);
    display: inline-block;
    transition: background 0.2s ease, border 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.alerts-checkbox-box::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: 2px solid #f5f5f5;
    border-top: 0;
    border-left: 0;
    transform: translate(-50%, -10%) rotate(45deg) scale(0.4);
    opacity: 0;
    transition: opacity 0.18s ease, transform 0.22s ease;
}

.alerts-checkbox-input:focus+.alerts-checkbox-box,
.alerts-checkbox-input:focus-visible+.alerts-checkbox-box {
    border-color: rgba(54, 127, 211, 0.65);
    box-shadow: 0 0 0 3px rgba(54, 127, 211, 0.18);
}

.alerts-checkbox-input:checked+.alerts-checkbox-box {
    border-color: #367fd3;
    background: #367fd3;
}

.alerts-checkbox-input:checked+.alerts-checkbox-box::after {
    opacity: 1;
    transform: translate(-50%, -10%) rotate(45deg) scale(1);
}

.global-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #232931;
    backdrop-filter: blur(8px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Segoe UI', sans-serif;
    transition: opacity 0.6s ease;
    opacity: 0.2;
}

.loading-content {
    text-align: center;
    width: 400px;
}

.loading-bar-container {
    width: 100%;
    height: 8px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    overflow: hidden;
    margin: 20px 0;
}

.loading-bar {
    height: 100%;
    background: linear-gradient(90deg, #00ff88, #00d0ff);
    border-radius: 4px;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.5);
}

.loading-text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.loading-subtitle {
    font-size: 14px;
    opacity: 0.7;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }
}

@keyframes dots {

    0%,
    20% {
        opacity: 0;
        content: "";
    }

    40% {
        opacity: 1;
        content: ".";
    }

    60% {
        content: "..";
    }

    80%,
    100% {
        content: "...";
    }
}

.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.8s infinite;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Fix for Threats Report Table Scroll */
#enpointsTable {
    overflow: auto !important;
    max-height: 800px !important;
    display: block !important;
}

/* Fix for Report Page Caption */
.raportPage .portlet-title {
    background-color: slategray !important;
    border-color: slategray !important;
}

[data-theme="light"] .raportPage .portlet-title,
html[data-theme="light"] .raportPage .portlet-title {
    background-color: #f1f1f1 !important;
    border-color: var(--theme-border-color, #d1d5db) !important;
}

.raportPage .caption-subject {
    color: #fff !important;
    /* Default Dark Theme text */
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

[data-theme="light"] .raportPage .caption-subject,
html[data-theme="light"] .raportPage .caption-subject {
    color: var(--theme-text-primary, #333) !important;
    /* Light Theme text */
}

/* Columns Dropdown Drag and Drop Fixes - Force visibility and structure */
.columns-dropdown-track {
    display: flex !important;
    flex-direction: column !important;
}

.columns-dropdown-menu.drag-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Visual feedback for dragging */
.columns-dropdown-item.is-dragging {
    opacity: 0.5;
    background-color: rgba(128, 128, 128, 0.2);
    border: 1px dashed #ccc;
    pointer-events: none;
    /* Crucial: allows mouse events to pass through to targets below */
}

.columns-dropdown-item {
    transition: transform 0.1s ease;
    min-height: 40px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
    background: var(--theme-bg-secondary, #2b3643);
    color: var(--theme-text-primary, #b4bcc8);
    /* Explicitly set default cursor for the row */
    cursor: default;

    /* Prevent text selection to avoid fake drags closing the menu */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html[data-theme='light'] .columns-dropdown-item {
    background: white !important;
    color: #333 !important;
}

.column-reorder-handle {
    cursor: move;
    /* Fallback */
    cursor: grab;
    /* More standard for "draggable but not currently dragging" */
    cursor: -webkit-grab;
}

.column-reorder-handle:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

/* Drag Preview States */
.preview-move-up {
    transform: translateY(-100%);
    transition: transform 0.2s ease;
}

.preview-move-down {
    transform: translateY(100%);
    transition: transform 0.2s ease;
}

.preview-drop-before {
    border-top: 2px solid #3b82f6;
    margin-top: 4px;
}

.preview-drop-after {
    border-bottom: 2px solid #3b82f6;
    margin-bottom: 4px;
}

.is-drag-over {
    /* Optional: highlight potential drop target slightly */
}