/**
 **
 ** Customize the colors of Allmon3
 **
 ** All colors use the rgba() function
 ** Read more at https://www.w3schools.com/cssref/func_rgba.php
 ** on how to use rgba.
 **
 **/

:root{

        /* Background of the top navbar */
        --am3-navbar-background: rgba(0, 0, 0, 1);

        /* Text/Foreground color of the top navbar */
        --am3-navbar-color: rgba(255, 255, 255, 1);

        /* Background of the node titlebar */
        --am3-nodetitle-background: rgba(0, 0, 0, 1); /* black */

        /* Text/Forground color of the node titlebar */
        --am3-nodetitle-color: rgba(255, 255, 255, 1);

        /* Button highlight color of buttons in the node titlebar */
        --am3-nodetitle-button-hl: rgba(80, 80, 80, 1);

        /* Node connection table header text color */
        --am3-conntable-header-text: rgba(255, 255, 255, 1);

        /* Node connection table header background color */
        --am3-conntable-header-bg: rgba(33, 37, 41, 1);

        /* Node connection table border color */
        --am3-conntable-border-color: rgba(55, 59, 62, 1);

        /* Node connection table keyed color */
        --am3-conntable-conn-keyed-color: rgba(0, 0, 0, 1);
        --am3-conntable-conn-keyed-bg-color: rgba(209, 231, 221, 1);

        /* Node connection table stats=Connecting colors */
        --am3-conntable-conn-noconn-color: rgba(0,0,0,1);
        --am3-conntable-conn-noconn-bg-color: rgba(255,255,255,1);

   /* Node Tx Local */
    --am3-node-tx-local-color: rgb(255, 255, 255);
    --am3-node-tx-local-bg-color: rgb(255, 0, 0); /* bright red */

    /* Node Tx Network */
    --am3-node-tx-network-color: rgb(255, 255, 255);
    --am3-node-tx-network-bg-color: rgb(255, 0, 0); /* bright red */

    /* Node Tx Telem */
    --am3-node-tx-telemetry-color: rgb(255, 255, 255);
    --am3-node-tx-telemetry-bg-color: rgb(255, 0, 0); /* bright red */

    /* Node Tx Remote */
    --am3-node-tx-playback-remote-color: rgb(255, 255, 255);
    --am3-node-tx-playback-remote-bg-color: rgb(255, 0, 0); /* bright red */

    /* Node No Tx (Idle) */
    --am3-node-no-tx-color: rgb(255, 255, 255);   /* white text */
    --am3-node-no-tx-bg-color: rgb(20, 83, 45);   /* darker green */
}


/* Sidebar buttons black */
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #222222;
    --bs-btn-hover-border-color: #222222;
    --bs-btn-focus-shadow-rgb: 0,0,0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #333333;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    --bs-btn-disabled-color: #666;
    --bs-btn-disabled-bg: #111111;
    --bs-btn-disabled-border-color: #222222;
}


img {
    max-width: 120px !important;
    height: auto !important;
}