:root {
    /**  ver si se puede poner en algun lado el color #FEFEFE **/
    /**  el color oscuro puede ser #5d5b5c **/
    /** esta paleta me gusto: https://huemint.com/bootstrap-basic/#palette=e2e5ee-ffffff-151114-002b5c-637459-d2edf7 **/
/*    --primary: hsl(212 100% 18%);  #002b5c Este es el color ahora*/
/*    --primary: hsl(79 70% 65%);  #c9e465 Este es el color ahora*/
    --primary: hsl(73 70% 65%); /* #c9e465 Este es el color ahora*/
    --bs-primary: var(--primary);
    
    --bg-primary: hsl(212 35% 22%);  /* #25384d */
    --bg-primary-focus: hsl(212 35% 30%); /* #3895AE */

    --primary-dark: hsl(184 100% 15%); /* #00474d */
    --primary-border: hsl(192 51% 72%); /* #92CDDC */
    --primary-fgcolor: hsl(0 0% 100%); /* #FEFEFE */
    --alterno: hsl(2 90% 46%); /* #de140c Este es el color ahora */
    --alterno-dark: hsl(23 90% 54%); /* #F37120 */
    --alterno-focus: hsl(25 100% 50%); /* #ff6a00 */

    --color-light: 210 16% 93%; /* #eaedf0 */
    --color-dark: hsl(345 6% 13%); /* #231f20 */
    --color-gris: hsl(216 2% 59%); /* #939598 */
    --color-cyan: hsl(192 69% 65%); /* #66cae3 */
    --color-magenta: hsl(329 84% 56%); /* #ed3192 */
    --color-rojo: hsl(354 70% 54%); /* #ed3192 */

    --color-prod: var(--alterno);
    --color-qa: hsl(224 82% 43%); /* #1444c8 */
    --color-dev: var(--color-rojo); /* #DC3545 */
    --color-local: hsl(50 57% 45%); /* #B29D31 */
}

.windowCentered {
    padding: 10px;
    position : fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

[accion].icono,[accion].iconoNP {
    cursor: pointer;
}

.icono::before, .btn::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 5px;
    color: var(--primary); /* #F58224 */
}
.iconoNP::before{
    /* No padding */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary); /* #F58224 */
}

.iconoDisabled::before{
    color: var(--secondary);
}

a.btn.icono {
    font-weight: normal;
}

.bg-primary{
    background-color: var(--bg-primary)!important;
}

.btn-primary{
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
    color: var(--primary);
}
.btn-primary:hover{
    background-color: var(--bg-primary-focus);
    border-color: var(--bg-primary-focus);
}


/*** background colors ***/
.bg-gris {
    background-color: var(--color-gris);
}

a:link {
    text-decoration: none;
}



body{
    margin-bottom: 0.25em;
}
/*.wj-copyright{
    position: fixed;
    bottom: 0.25em;
    right: 0.5em;
}*/
.wj-copyright{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: right;
    background-color: white;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(220,220,220,1));
}

.freepik{
    margin-top: -1em;
}