/**
 **
 ** 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: #D3D3D3;

	/* Text/Foreground color of the top navbar */
	--am3-navbar-color: #0B3A78;

	/* Background of the node titlebar */
	--am3-nodetitle-background: #0B3A78;

	/* Text/Forground color of the node titlebar */
	--am3-nodetitle-color: #FFFFFF;

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

	/* Node connection table header text color */
	--am3-conntable-header-text: #FFFFFF;

	/* Node connection table header background color */
	--am3-conntable-header-bg: #0B3A78;

	/* 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: #FFFFFF;
    --am3-node-tx-local-bg-color: rgb(245, 198, 203);

    /* Node Tx Network */
    --am3-node-tx-network-color: #000000);
    --am3-node-tx-network-bg-color: rgb(245, 198, 203);

    /* Node Tx Telem */
    --am3-node-tx-telemetry-color: #000000;
    --am3-node-tx-telemetry-bg-color: rgb(245, 198, 203);

    /* Node Tx Remote */
    --am3-node-tx-playback-remote-color: #000000;
    --am3-node-tx-playback-remote-bg-color: rgb(245, 198, 203);

    /* Node No Tx */
    --am3-node-no-tx-color: #000000;
    --am3-node-no-tx-bg-color: rgb(196, 215, 182, 1);

}

/* To customize the color of the side navbar buttons,
 * uncomment the next section below and change as desired.
 * Note changing all of the button attribtues is complex so
 * patience will be needed
*/
.btn-secondary {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #0B3A78;
    --bs-btn-border-color: #0B3A78;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #4075BC;
    --bs-btn-hover-border-color: #4075BC;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #F7A6B1;
    --bs-btn-active-border-color: #F7A6B1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}