/* color of background when the item is not selected*/
:root {
    --noactive-bg-color: #211711 ;
}


/* color of background when the item is selected*/
:root {
    --active-bg-color: #e84a16 ;
    --border-alert: #f1ded8;
    --text-alert: #ca3e10;

    --active-bg-color-off: rgba(232, 74, 22, 0.5) ;
}

/* color of app background*/
:root {
    --bg-color: #ffffff  ;
    --bg-color-off: rgba(255, 255, 255, 0.5)  ;
}

/* color of secondary background (jumbotron)*/
:root {
    --bg-secondary-color: #f5eae9;
}
/* For griding */
:root {
    --bg-secondary-color-alpha: rgba(255, 255, 255, 0.1)
}

:root {
    --title2-size: 4rem;
}

/* Top navbar */
:root {
    --sticky-color: #f49717 ;
}

/* Background of active fields in form */
:root {
    --forms-color: #ffffff ;
}

/* Text color */
:root {
    --text-nodes: #191514;
}

/* Border and disabled fields */
:root {
    --border-color: #e0dddc;
    --disabled-field: #f1f0ef;
    --disabled-button-color: #6b6865;
    --disabled-button-border: #5a5450;
}

/* Nodes colors */
:root{
    /* Switch On */
    --and-color:#E52F1F;
    --or-color: blue;
    --tf-color: #a634b7;
    --primary-color: #C5D31D;
    --primary-repeated-color:#00f9cf;

    /* Switch Off */
    --and-color-off:rgba(229, 47, 31, 0.5);
    --or-color-off: rgba(0, 0, 255, 0.5);
    --tf-color-off: rgba(166, 52, 183, 0.5);
    --primary-color-off: rgba(197, 211, 29, 0.5);
    --primary-repeated-color-off:rgba(0, 249, 207, 0.5);
}

/* Hilghlights Table Rows */
:root{
    --highlight-2: rgb(232 74 22 / 20%);
    --highlight-1: rgb(244 151 23 / 20%);
}