/*************************************************
******  Från StatisticonShared projektet        ******
******  Kopieras automatiskt in i projekten ******
******  Ändringar görs i StatisticonShared      ******
**************************************************/

/********** STATISTICON COLORS ********/
:root {
    --STAT-blue: #344A9A;
    --STAT-lightblue: #00B4EB;
    --STAT-green: #008249;
    --STAT-lightgreen: #7FC349;
    --STAT-orange: #F58345;
    --STAT-yellow: #FFDE2F;
    --STAT-purple: #7B3182;
    --STAT-pink: #C75799;
    --lightgrey: #f0f0f0;
    --grey: #b8b8b8;
    --darkgrey: #505050;
    --footer: #d2d2d2;
}

.stat-bgcolor-pink {
    background-color: var(--STAT-pink);
}

.stat-bgcolor-purple {
    background-color: var(--STAT-purple);
}

.stat-bgcolor-blue {
    background-color: var(--STAT-blue);
}

.stat-bgcolor-lightblue {
    background-color: var(--STAT-lightblue);
}

.stat-bgcolor-green {
    background-color: var(--STAT-green);
}

.stat-bgcolor-lightgreen {
    background-color: var(--STAT-lightgreen);
}

.stat-bgcolor-orange {
    background-color: var(--STAT-orange);
}

.stat-bgcolor-yellow {
    background-color: var(--STAT-yellow);
}

.stat-bgcolor-darkgrey {
    background-color: var(--darkgrey);
}

.stat-bgcolor-lightgrey {
    background-color: var(--lightgrey);
}

.stat-bgcolor-white {
    background-color: white;
}

.stat-bgcolor-none {
    background-color: transparent;
}

/*************** Font color ***************/

.stat-color-pink {
    color: var(--STAT-pink);
}

.stat-color-blue {
    color: var(--STAT-blue);
}

.stat-color-lightblue {
    color: var(--STAT-lightblue);
}

.stat-color-lightgreen {
    color: var(--STAT-lightgreen);
}

.stat-color-orange {
    color: var(--STAT-orange);
}

.stat-color-white {
    color: white;
}

.stat-color-white-important {
    color: white !important;
}

.stat-color-grey {
    color: var(--darkgrey);
}

.stat-color-lightgrey {
    color: var(--grey);
}

/*************** Buttons ***************/

.btn-success {
    background-color: var(--STAT-green);
    border-color: var(--STAT-green);
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-color: var(--STAT-lightgreen);
        border-color: var(--STAT-lightgreen);
    }

.btn-primary {
    background-color: var(--STAT-blue);
    border-color: var(--STAT-blue);
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-color: var(--STAT-lightblue);
        border-color: var(--STAT-lightblue);
    }

.btn-purple {
    color: white;
    background: var(--STAT-purple);
}

    .btn-purple:hover {
        color: white;
        background: var(--STAT-pink);
    }


.btn-blue {
    color: white;
    background: var(--STAT-blue);
}

    .btn-blue:hover {
        color: white;
        background: var(--STAT-lightblue);
    }

.btn-green {
    color: white;
    background: var(--STAT-green);
}

    .btn-green:hover {
        color: white;
        background: var(--STAT-lightgreen);
    }