/**
 *        ::::::: ::::::::: :::::::
 *      :+:         :+:    :+:
 *     +:+         +:+    +:+:+:+
 *    +#+         +#+    +#+  +#+
 *     #######   ###      ######.nc     ct6Color.bpmn-js
 *
 * @author    Miguel CANCELA DA FONSECA <mcancela><mcancela@centaursys.com>
 * @since     2021-05-02  - Modified  2022-10-23
 * @copyright Copyright (c) 2019 - 2022 centaursys.com
 */


/** @version 3.01.00 */

:root
{
    /* With no transparency */
    --ct6gry: #6f6f6f;                      /* CT6 Grey   - For many elements */
    --ct6org: #f06400;                      /* CT6 Orange - For many elements */
    --ct6pur: #96f;                         /* CT6 Violet - For sales enquiry */
    --ct6pik: #f3c;                         /* CT6 Pink   - For sales prospect*/
    --ct6yel: #e6e600;                      /* CT6 Yellow - For Administration*/
    /* With 25% opacity */
    --ct6gry-25: rgba(111, 111, 111, .25);
    --ct6org-25: rgba(240, 100,   0, .25);
    --ct6pur-25: rgba(153, 102, 255, .25);
    --ct6pik-25: rgba(255,  51, 204, .25);
    --ct6yel-25: rgba(230, 230,   0, .25);
    /* With 50% opacity */
    --ct6gry-50: rgba(111, 111, 111, .5);
    --ct6org-50: rgba(240, 100,   0, .5);
    --ct6pur-50: rgba(153, 102, 255, .5);
    --ct6pik-50: rgba(255,  51, 204, .5);
    --ct6yel-50: rgba(230, 230,   0, .5);
    /* With 90% opacity */
    --ct6gry-90: rgba(111, 111, 111, .9);
    --ct6org-90: rgba(240, 100,   0, .9);
    --ct6pur-90: rgba(153, 102, 255, .9);
    --ct6pik-90: rgba(255,  51, 204, .9);
    --ct6yel-90: rgba(230, 230,   0, .9);
    /* Bootstrap-Scheme as for bootstrap 4.5.x */
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8; /* #0dcaf0 in BS5*/
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    /* Transparent Background */
    --ct6bgd-35: rgba(255, 255, 255, 0.35);
    --ct6bgd-50: rgba(255, 255, 255, 0.5);
    --ct6bgd-65: rgba(255, 255, 255, 0.65);
    --ct6bgd-75: rgba(255, 255, 255, 0.75);
    --ct6bgd-85: rgba(255, 255, 255, 0.85);
    --ct6bgd-90: rgba(255, 255, 255, 0.9);
    --ct6bgd-95: rgba(255, 255, 255, 0.95);
}

/* We step back to bootstrap 4.X info color for background Info */
.bg-info
{
    background-color: #17a2b8!important;
}

/* We create a centaursys orange color for backgrounds */
.bg-ct6
{
    background-color: #f06400!important;
}

/** Codes de couleurs centaursys - Centaursys colors codes.
 *
 *  Use rgba for applying transparency as for graphs rgba(red,green,blue,alpha)
 *
 *  Bleu - Blue : Positive action is OK, ACTIVE, RUNNING or NORMAL state
 *                  Bootstrap-primary as for bootstrap 4.5.x
 *                   --primary:#007bff, rgb(0,123,255) or rgba(0,123,255,0.x)
 *                Action informations as for bootstrap 5.x
 *                  Bootstrap-primary
 *                   --bs-primary: #0d6efd;
 *
 *  Grey - Grey : Neutral action is NORMAL state
 *                  Bootstrap-secondary as for bootstrap 4.5.x & bootstrap 5.x
 *                   --secondary: #6c757d,
 *
 *  Orange      : Intermediate action is WAITING, neeed to pay attention
 *                  Bootstrap-warning
 *                   --warning:#ffc107, rgb(255,193,7) or rgba(255,193,7,0.x)
 *                  Centaursys Orange
 *                   --ct6org:#f06400,rgb(240,100,0) or rgba(240,100,0.x)
 *
 *  Rouge - Red : Alert action is URGENT or Failed
 *                  Bootstrap-danger as for bootstrap 4.5.x & bootstrap 5.x
 *                   --danger:#dc3545, rgb(220,53,69) or rgba(220,53,69,0.x)
 *
 *  Vert - Green: Action is closed or terminated correctly
 *                  Bootstrap-success
 *                   --success:#28a745, rgb(40,167,69) or rgba(40,167,69,0.x)
 *                Action informations as for bootstrap 5.x
 *                  Bootstrap-success
 *                   --bs-success: #198754;
 *  Vert-Bleu   : Action informations as for bootstrap 4.5.x
 *                  Bootstrap-info
 *                   --info: #17a2b8;
 *                Action informations as for bootstrap 5.x
 *                  Bootstrap-info
 *                   --bs-info: #0dcaf0;
 *  Gris - Grey : Neutral status or default
 *
 *  Purple - Violet: mainly to identify sales oriented elements.
 *                  Centaursys Orange
 *                   --ct6org:#f06400,rgb(240,100,0) or rgba(240,100,0.x)
 */

/* Class color set for Centaursys Orange and opacities at 90%, 50% & 25%  */
.ct6org
{
    background-color: var(--ct6org);
}
.ct6org-90
{
    background-color: var(--ct6org-90);
}
.ct6org-50
{
    background-color: var(--ct6org-50);
}
.ct6org-25
{
    background-color: var(--ct6org-25);
}
/* Class color set for Centaursys Grey with opacities at 90%, 50% and 25% */
.ct6gry
{
    background-color: var(--ct6gry);
}
.ct6gry-90
{
    background-color: var(--ct6gry-90);
}
.ct6gry-50
{
    background-color: var(--ct6gry-50);
}
.ct6gry-25
{
    background-color: var(--ct6gry-25);
}

/* Class color set for Centaursys violet with opacities at 90%, 50% and 25% */
.ct6pur
{
    background-color: var(--ct6pur);
}
.ct6pur-90
{
    background-color: var(--ct6pur-90);
}
.ct6pur-50
{
    background-color: var(--ct6pur-50);
}
.ct6pur-25
{
    background-color: var(--ct6pur-25);
}

/* Class color set for Centaursys pink with opacities at 90%, 50% and 25% */
.ct6pik
{
    background-color: var(--ct6pik);
}
.ct6pik-90
{
    background-color: var(--ct6pik-90);
}
.ct6pik-50
{
    background-color: var(--ct6pik-50);
}
.ct6pik-25
{
    background-color: var(--ct6pik-25);
}

.ct6bgd-35
{
    background-color: var(--ct6bgd-35);
}

/* Class color set for Centaursys yellow with opacities at 90%, 50% and 25% */
.ct6yel
{
    background-color: var(--ct6yel);
}
.ct6yel-90
{
    background-color: var(--ct6yel-90);
}
.ct6yel-50
{
    background-color: var(--ct6yel-50);
}
.ct6yel-25
{
    background-color: var(--ct6yel-25);
}

/* button color */
button.bi-file-earmark-richtext
{
    border-color: #fd7e14; /* --bs-orange */
    /*background-color: #ffc107; /* --warning:#ffc107 */
    background-color: #fd7e14; /* --bs-orange */
}

/* Change Color for all buttons in btn-group
 * Validated ! To use if color when active is
 * the same for all options
 */
form input[type='radio'].btn-check + label
{
    background-color: #6c757d !important;
}
form input[type='radio'].btn-check:hover + label
{
    background-color: #f06400 !important;
}

/* Success Buttons */
form input[type='radio'].btn-check:checked + label
{
    background-color: #198754 !important;
}
/* Specifc to maintenance status */
form input[type='radio']#stmainte1:checked + label
{
    background-color: #198754 !important;
}

/* Warning Buttons */
form input[type='radio']#stmanage2:checked + label
{
    background-color: #ffc107 !important;
}
form input[type='radio']#stmanage3:checked + label
{
    background-color: #f06400 !important;
}
form input[type='radio']#stmainte2:checked + label
{
    background-color: #f06400 !important;
}

/* Alert Buttons */
form input[type='radio']#stdefcon3:checked + label
{
    background-color: #dc3545 !important;
}
form input[type='radio']#stmainte3:checked + label
{
    background-color: #dc3545 !important;
}


/* td tag color set for Cases Status */
td.nsolve
{
    background-color: #28a745; /* --success:#28a745 */
}
td.waitin
{
    background-color: #ffc107; /* --warning:#ffc107 */
}
td.solved
{
    background-color: #007bff; /* --primary:#007bff */
}
td.urgent
{
    background-color: #dc3545; /* --danger:#dc3545 */
}
td.ct6gry
{
    background-color: rgba(111, 111, 111, 1); /* --ct6gry:#6f6f6f or rgb(111, 111, 111) */
}
td.ct6org
{
    background-color: rgba(240, 100, 0, 1); /* --ct6org:#f06400 or rgb(240,100,0) */
}