/***
Blue Default
***/
/* Button */
.blue.btn {
    color: #FFFFFF;
    background-color: #3598dc;
}

    .blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
        color: #FFFFFF;
        background-color: #1d6da3;
    }

.open .blue.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #2386ca;
}

.blue.btn:active, .blue.btn.active {
    background-image: none;
    background-color: #1f78b5;
}

    .blue.btn:active:hover, .blue.btn.active:hover {
        background-color: #217ebd;
    }

.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
    background-color: #3598dc;
}

.blue.btn .badge {
    color: #3598dc;
    background-color: #FFFFFF;
}

/* Portlet */
.portlet > .portlet-body.blue,
.portlet.blue {
    border-left: 5px solid #3598dc !important;
}

/* General Element */
.bg-blue {
    border-color: #3598dc !important;
    background-image: none !important;
    background-color: #3598dc !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-blue {
    color: #3598dc !important;
}

/***
Blue Madison
***/
.label-blue-madison {
    color: #FFF;
    background-color: #89C4F4;
}
/* Button */
.blue-madison.btn {
    color: #FFFFFF;
    background-color: #578ebe;
}

    .blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active {
        color: #FFFFFF;
        background-color: #437cae;
    }

.open .blue-madison.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #437cae;
}

.blue-madison.btn:active, .blue-madison.btn.active {
    background-image: none;
    background-color: #3c6f9c;
}

    .blue-madison.btn:active:hover, .blue-madison.btn.active:hover {
        background-color: #3f74a3;
    }

.open .blue-madison.btn.dropdown-toggle {
    background-image: none;
}

.blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active {
    background-color: #578ebe;
}

.blue-madison.btn .badge {
    color: #578ebe;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-madison-stripe {
    border-left: 3px solid #578ebe;
}

/* Portlet */
.portlet > .portlet-body.blue-madison,
.portlet.blue-madison {
    border-left: 5px solid #578ebe !important;
}

/* General Element */
.bg-blue-madison {
    border-color: #578ebe !important;
    background-image: none !important;
    background-color: #578ebe !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-blue-madison {
    color: #578ebe !important;
}

/***
Blue Chambray
***/
/* Button */
.blue-chambray.btn {
    color: #FFFFFF;
    background-color: #2C3E50;
}

    .blue-chambray.btn:hover, .blue-chambray.btn:focus, .blue-chambray.btn:active, .blue-chambray.btn.active {
        color: #FFFFFF;
        background-color: #1f2c39;
    }

.open .blue-chambray.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #1f2c39;
}

.blue-chambray.btn:active, .blue-chambray.btn.active {
    background-image: none;
    background-color: #161f29;
}

    .blue-chambray.btn:active:hover, .blue-chambray.btn.active:hover {
        background-color: #1a242f;
    }

.open .blue-chambray.btn.dropdown-toggle {
    background-image: none;
}

.blue-chambray.btn.disabled, .blue-chambray.btn.disabled:hover, .blue-chambray.btn.disabled:focus, .blue-chambray.btn.disabled:active, .blue-chambray.btn.disabled.active, .blue-chambray.btn[disabled], .blue-chambray.btn[disabled]:hover, .blue-chambray.btn[disabled]:focus, .blue-chambray.btn[disabled]:active, .blue-chambray.btn[disabled].active, fieldset[disabled] .blue-chambray.btn, fieldset[disabled] .blue-chambray.btn:hover, fieldset[disabled] .blue-chambray.btn:focus, fieldset[disabled] .blue-chambray.btn:active, fieldset[disabled] .blue-chambray.btn.active {
    background-color: #2C3E50;
}

.blue-chambray.btn .badge {
    color: #2C3E50;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-chambray-stripe {
    border-left: 3px solid #2C3E50;
}

/* Portlet */
.portlet > .portlet-body.blue-chambray,
.portlet.blue-chambray {
    border-left: 5px solid #2C3E50 !important;
}

/* General Element */
.bg-blue-chambray {
    border-color: #2C3E50 !important;
    background-image: none !important;
    background-color: #2C3E50 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-blue-chambray {
    color: #2C3E50 !important;
}


/***
Blue Hoki
***/
/* Button */
.blue-hoki.btn {
    color: #FFFFFF;
    background-color: #67809F;
}

    .blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active {
        color: #FFFFFF;
        background-color: #586e8b;
    }

.open .blue-hoki.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #586e8b;
}

.blue-hoki.btn:active, .blue-hoki.btn.active {
    background-image: none;
    background-color: #4e627b;
}

    .blue-hoki.btn:active:hover, .blue-hoki.btn.active:hover {
        background-color: #526781;
    }

.open .blue-hoki.btn.dropdown-toggle {
    background-image: none;
}

.blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active {
    background-color: #67809F;
}

.blue-hoki.btn .badge {
    color: #67809F;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-hoki-stripe {
    border-left: 3px solid #67809F;
}

/* Portlet */
.portlet > .portlet-body.blue-hoki,
.portlet.blue-hoki {
    border-left: 5px solid #67809F !important;
}



/* General Element */
.bg-blue-hoki {
    border-color: #67809F !important;
    background-image: none !important;
    background-color: #67809F !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-blue-hoki {
    color: #67809F !important;
}

/***
Blue Stell
***/
/* Button */
.blue-steel.btn {
    color: #FFFFFF;
    background-color: #4B77BE;
}

    .blue-steel.btn:hover, .blue-steel.btn:focus, .blue-steel.btn:active, .blue-steel.btn.active {
        color: #FFFFFF;
        background-color: #3d66a8;
    }

.open .blue-steel.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #3d66a8;
}

.blue-steel.btn:active, .blue-steel.btn.active {
    background-image: none;
    background-color: #365b96;
}

    .blue-steel.btn:active:hover, .blue-steel.btn.active:hover {
        background-color: #395f9d;
    }

.open .blue-steel.btn.dropdown-toggle {
    background-image: none;
}

.blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active {
    background-color: #4B77BE;
}

.blue-steel.btn .badge {
    color: #4B77BE;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-steel-stripe {
    border-left: 3px solid #4B77BE;
}

/* Portlet */
.portlet > .portlet-body.blue-steel,
.portlet.blue-steel {
    border-left: 5px solid #4B77BE !important;
}

/* General Element */
.bg-blue-steel {
    border-color: #4B77BE !important;
    background-image: none !important;
    background-color: #4B77BE !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-blue-steel {
    color: #4B77BE !important;
}




/***
Blue Sharp
***/
/* Button */
.blue-sharp.btn {
    color: #FFFFFF;
    background-color: #5C9BD1;
}

    .blue-sharp.btn:hover, .blue-sharp.btn:focus, .blue-sharp.btn:active, .blue-sharp.btn.active {
        color: #FFFFFF;
        background-color: #408ac9;
    }

.open .blue-sharp.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #408ac9;
}

.blue-sharp.btn:active, .blue-sharp.btn.active {
    background-image: none;
    background-color: #275B8A;
}

    .blue-sharp.btn:active:hover, .blue-sharp.btn.active:hover {
        background-color: #3782c3;
    }

.open .blue-sharp.btn.dropdown-toggle {
    background-image: none;
}

.blue-sharp.btn.disabled, .blue-sharp.btn.disabled:hover, .blue-sharp.btn.disabled:focus, .blue-sharp.btn.disabled:active, .blue-sharp.btn.disabled.active, .blue-sharp.btn[disabled], .blue-sharp.btn[disabled]:hover, .blue-sharp.btn[disabled]:focus, .blue-sharp.btn[disabled]:active, .blue-sharp.btn[disabled].active, fieldset[disabled] .blue-sharp.btn, fieldset[disabled] .blue-sharp.btn:hover, fieldset[disabled] .blue-sharp.btn:focus, fieldset[disabled] .blue-sharp.btn:active, fieldset[disabled] .blue-sharp.btn.active {
    background-color: #5C9BD1;
}

.blue-sharp.btn .badge {
    color: #5C9BD1;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-sharp-stripe {
    border-left: 3px solid #5C9BD1;
}

/* Portlet */
.portlet > .portlet-body.blue-sharp,
.portlet.blue-sharp {
    border-left: 5px solid #5C9BD1 !important;
}


/* General Element */
.bg-blue-sharp {
    border-color: #5C9BD1 !important;
    background-image: none !important;
    background-color: #5C9BD1 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-blue-sharp {
    color: #5C9BD1 !important;
}

/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
    color: #FFFFFF;
    background-color: #26a69a;
}

    .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
        color: #FFFFFF;
        background-color: #1f897f;
    }

.open .green.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #1f897f;
}

.green.btn:active, .green.btn.active {
    background-image: none;
    background-color: #1b746c;
}

    .green.btn:active:hover, .green.btn.active:hover {
        background-color: #1c7d74;
    }

.open .green.btn.dropdown-toggle {
    background-image: none;
}

.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
    background-color: #26a69a;
}

.green.btn .badge {
    color: #26a69a;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-stripe {
    border-left: 3px solid #26a69a;
}

/* Portlet */
.portlet > .portlet-body.green,
.portlet.green {
    border-left: 5px solid #26a69a !important;
}

/* General Element */
.bg-green {
    border-color: #26a69a !important;
    background-image: none !important;
    background-color: #26a69a !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-green {
    color: #26a69a !important;
}


/***
Green Meadow
***/
/* Button */
.green-meadow.btn {
    color: #FFFFFF;
    background-color: #1BBC9B;
}

    .green-meadow.btn:hover, .green-meadow.btn:focus, .green-meadow.btn:active, .green-meadow.btn.active {
        color: #FFFFFF;
        background-color: #179d81;
    }

.open .green-meadow.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #179d81;
}

.green-meadow.btn:active, .green-meadow.btn.active {
    background-image: none;
    background-color: #13866f;
}

    .green-meadow.btn:active:hover, .green-meadow.btn.active:hover {
        background-color: #158f76;
    }

.open .green-meadow.btn.dropdown-toggle {
    background-image: none;
}

.green-meadow.btn.disabled, .green-meadow.btn.disabled:hover, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled.active, .green-meadow.btn[disabled], .green-meadow.btn[disabled]:hover, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled].active, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn:hover, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn.active {
    background-color: #1BBC9B;
}

.green-meadow.btn .badge {
    color: #1BBC9B;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-meadow-stripe {
    border-left: 3px solid #1BBC9B;
}

/* Portlet */
.portlet > .portlet-body.green-meadow,
.portlet.green-meadow {
    border-left: 5px solid #1BBC9B !important;
}

/* General Element */
.bg-green-meadow {
    border-color: #1BBC9B !important;
    background-image: none !important;
    background-color: #1BBC9B !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-green-meadow {
    color: #1BBC9B !important;
}

/***
Green Soft
***/
/* Button */
.green-soft.btn {
    color: #FFFFFF;
    background-color: #3faba4;
}

    .green-soft.btn:hover, .green-soft.btn:focus, .green-soft.btn:active, .green-soft.btn.active {
        color: #FFFFFF;
        background-color: #35918b;
    }

.open .green-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #35918b;
}

.green-soft.btn:active, .green-soft.btn.active {
    background-image: none;
    background-color: #2f7e79;
}

    .green-soft.btn:active:hover, .green-soft.btn.active:hover {
        background-color: #318680;
    }

.open .green-soft.btn.dropdown-toggle {
    background-image: none;
}

.green-soft.btn.disabled, .green-soft.btn.disabled:hover, .green-soft.btn.disabled:focus, .green-soft.btn.disabled:active, .green-soft.btn.disabled.active, .green-soft.btn[disabled], .green-soft.btn[disabled]:hover, .green-soft.btn[disabled]:focus, .green-soft.btn[disabled]:active, .green-soft.btn[disabled].active, fieldset[disabled] .green-soft.btn, fieldset[disabled] .green-soft.btn:hover, fieldset[disabled] .green-soft.btn:focus, fieldset[disabled] .green-soft.btn:active, fieldset[disabled] .green-soft.btn.active {
    background-color: #3faba4;
}

.green-soft.btn .badge {
    color: #3faba4;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-soft-stripe {
    border-left: 3px solid #3faba4;
}

/* Portlet */
.portlet > .portlet-body.green-soft,
.portlet.green-soft {
    border-left: 5px solid #3faba4 !important;
}

/* General Element */
.bg-green-soft {
    border-color: #3faba4 !important;
    background-image: none !important;
    background-color: #3faba4 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-green-soft {
    color: #3faba4 !important;
}


/***********
Grey Colors
************/
/***
Grey Default
***/
/* Button */
.grey.btn {
    color: #333333;
    background-color: #E5E5E5;
}

    .grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active {
        color: #333333;
        background-color: lightgray;
    }

.open .grey.btn.dropdown-toggle {
    color: #333333;
    background-color: lightgray;
}

.grey.btn:active, .grey.btn.active {
    background-image: none;
    background-color: #c6c6c6;
}

    .grey.btn:active:hover, .grey.btn.active:hover {
        background-color: #cccccc;
    }

.open .grey.btn.dropdown-toggle {
    background-image: none;
}

.grey.btn.disabled, .grey.btn.disabled:hover, .grey.btn.disabled:focus, .grey.btn.disabled:active, .grey.btn.disabled.active, .grey.btn[disabled], .grey.btn[disabled]:hover, .grey.btn[disabled]:focus, .grey.btn[disabled]:active, .grey.btn[disabled].active, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn:hover, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn.active {
    background-color: #E5E5E5;
}

.grey.btn .badge {
    color: #E5E5E5;
    background-color: #333333;
}

/* Button Strip */
.btn.grey-stripe {
    border-left: 3px solid #E5E5E5;
}

/* Portlet */
.portlet > .portlet-body.grey,
.portlet.grey {
    border-left: 5px solid #E5E5E5 !important;
}

/* General Element */
.bg-grey {
    border-color: #E5E5E5 !important;
    background-image: none !important;
    background-color: #E5E5E5 !important;
    color: #333333 !important;
}

/* General Text & Icon Font Colors */
.font-grey {
    color: #E5E5E5 !important;
}


/***
Grey Silver
***/
/* Button */
.grey-silver.btn {
    color: #FAFCFB;
    background-color: #BFBFBF;
}

    .grey-silver.btn:hover, .grey-silver.btn:focus, .grey-silver.btn:active, .grey-silver.btn.active {
        color: #FAFCFB;
        background-color: #adadad;
    }

.open .grey-silver.btn.dropdown-toggle {
    color: #FAFCFB;
    background-color: #adadad;
}

.grey-silver.btn:active, .grey-silver.btn.active {
    background-image: none;
    background-color: #a0a0a0;
}

    .grey-silver.btn:active:hover, .grey-silver.btn.active:hover {
        background-color: #a6a6a6;
    }

.open .grey-silver.btn.dropdown-toggle {
    background-image: none;
}

.grey-silver.btn.disabled, .grey-silver.btn.disabled:hover, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled.active, .grey-silver.btn[disabled], .grey-silver.btn[disabled]:hover, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled].active, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn:hover, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn.active {
    background-color: #BFBFBF;
}

.grey-silver.btn .badge {
    color: #BFBFBF;
    background-color: #FAFCFB;
}

/* Button Strip */
.btn.grey-silver-stripe {
    border-left: 3px solid #BFBFBF;
}

/* Portlet */
.portlet > .portlet-body.grey-silver,
.portlet.grey-silver {
    border-left: 5px solid #BFBFBF !important;
}

/* General Element */
.bg-grey-silver {
    border-color: #BFBFBF !important;
    background-image: none !important;
    background-color: #BFBFBF !important;
    color: #FAFCFB !important;
}

/* General Text & Icon Font Colors */
.font-grey-silver {
    color: #BFBFBF !important;
}

/***
Grey Mint
***/
/* Button */
.grey-mint.btn {
    color: #FAFCFB;
    background-color: #9eacb4;
}

    .grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active {
        color: #FAFCFB;
        background-color: #8a9ba4;
    }

.open .grey-mint.btn.dropdown-toggle {
    color: #FAFCFB;
    background-color: #8a9ba4;
}

.grey-mint.btn:active, .grey-mint.btn.active {
    background-image: none;
    background-color: #7b8e99;
}

    .grey-mint.btn:active:hover, .grey-mint.btn.active:hover {
        background-color: #81939e;
    }

.open .grey-mint.btn.dropdown-toggle {
    background-image: none;
}

.grey-mint.btn.disabled, .grey-mint.btn.disabled:hover, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled.active, .grey-mint.btn[disabled], .grey-mint.btn[disabled]:hover, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled].active, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn:hover, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn.active {
    background-color: #9eacb4;
}

.grey-mint.btn .badge {
    color: #9eacb4;
    background-color: #FAFCFB;
}

/* Button Strip */
.btn.grey-mint-stripe {
    border-left: 3px solid #9eacb4;
}

/* Portlet */
.portlet > .portlet-body.grey-mint,
.portlet.grey-mint {
    border-left: 5px solid #9eacb4 !important;
}

/* General Element */
.bg-grey-mint {
    border-color: #9eacb4 !important;
    background-image: none !important;
    background-color: #9eacb4 !important;
    color: #FAFCFB !important;
}

/* General Text & Icon Font Colors */
.font-grey-mint {
    color: #9eacb4 !important;
}



/***********
Red Colors
************/
/***
Red Default
***/
/* Button */
.red.btn {
    color: #FFFFFF;
    background-color: #cb5a5e;
}

    .red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
        color: #FFFFFF;
        background-color: #c23f44;
    }

.open .red.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c23f44;
}

.red.btn:active, .red.btn.active {
    background-image: none;
    background-color: #b0383c;
}

    .red.btn:active:hover, .red.btn.active:hover {
        background-color: #b83a3e;
    }

.open .red.btn.dropdown-toggle {
    background-image: none;
}

.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
    background-color: #cb5a5e;
}

.red.btn .badge {
    color: #cb5a5e;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-stripe {
    border-left: 3px solid #cb5a5e;
}

/* Portlet */
.portlet > .portlet-body.red,
.portlet.red {
    border-left: 5px solid #cb5a5e !important;
}

/* General Element */
.bg-red {
    border-color: #cb5a5e !important;
    background-image: none !important;
    background-color: #cb5a5e !important;
    color: #FFFFFF !important;
}
.border-red {
    border-color: #cb5a5e !important;
}

/* General Text & Icon Font Colors */
.font-red {
    color: #cb5a5e !important;
}



/* Button */
.red-soft.btn {
    color: #FFFFFF;
    background-color: #d05454;
}

    .red-soft.btn:hover, .red-soft.btn:focus, .red-soft.btn:active, .red-soft.btn.active {
        color: #FFFFFF;
        background-color: #c83838;
    }

.open .red-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c83838;
}

.red-soft.btn:active, .red-soft.btn.active {
    background-image: none;
    background-color: #b53232;
}

    .red-soft.btn:active:hover, .red-soft.btn.active:hover {
        background-color: #bd3434;
    }

.open .red-soft.btn.dropdown-toggle {
    background-image: none;
}

.red-soft.btn.disabled, .red-soft.btn.disabled:hover, .red-soft.btn.disabled:focus, .red-soft.btn.disabled:active, .red-soft.btn.disabled.active, .red-soft.btn[disabled], .red-soft.btn[disabled]:hover, .red-soft.btn[disabled]:focus, .red-soft.btn[disabled]:active, .red-soft.btn[disabled].active, fieldset[disabled] .red-soft.btn, fieldset[disabled] .red-soft.btn:hover, fieldset[disabled] .red-soft.btn:focus, fieldset[disabled] .red-soft.btn:active, fieldset[disabled] .red-soft.btn.active {
    background-color: #d05454;
}

.red-soft.btn .badge {
    color: #d05454;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-soft-stripe {
    border-left: 3px solid #d05454;
}

/* Portlet */
.portlet > .portlet-body.red-soft,
.portlet.red-soft {
    border-left: 5px solid #d05454 !important;
}

/* General Element */
.bg-red-soft {
    border-color: #d05454 !important;
    background-image: none !important;
    background-color: #d05454 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-red-soft {
    color: #d05454 !important;
}

.progress-bar.red-soft {
    background: #d05454 !important;
    color: #FFFFFF !important;
}


/***
Red Pink
***/
/* Button */
.red-pink.btn {
    color: #FFFFFF;
    background-color: #E08283;
}

    .red-pink.btn:hover, .red-pink.btn:focus, .red-pink.btn:active, .red-pink.btn.active {
        color: #FFFFFF;
        background-color: #d96567;
    }

.open .red-pink.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #d96567;
}

.red-pink.btn:active, .red-pink.btn.active {
    background-image: none;
    background-color: #d45152;
}

    .red-pink.btn:active:hover, .red-pink.btn.active:hover {
        background-color: #d6595a;
    }

.open .red-pink.btn.dropdown-toggle {
    background-image: none;
}

.red-pink.btn.disabled, .red-pink.btn.disabled:hover, .red-pink.btn.disabled:focus, .red-pink.btn.disabled:active, .red-pink.btn.disabled.active, .red-pink.btn[disabled], .red-pink.btn[disabled]:hover, .red-pink.btn[disabled]:focus, .red-pink.btn[disabled]:active, .red-pink.btn[disabled].active, fieldset[disabled] .red-pink.btn, fieldset[disabled] .red-pink.btn:hover, fieldset[disabled] .red-pink.btn:focus, fieldset[disabled] .red-pink.btn:active, fieldset[disabled] .red-pink.btn.active {
    background-color: #E08283;
}

.red-pink.btn .badge {
    color: #E08283;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-pink-stripe {
    border-left: 3px solid #E08283;
}

/* Portlet */
.portlet > .portlet-body.red-pink,
.portlet.red-pink {
    border-left: 5px solid #E08283 !important;
}

/* General Element */
.bg-red-pink {
    border-color: #E08283 !important;
    background-image: none !important;
    background-color: #E08283 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-red-pink {
    color: #E08283 !important;
}


/***
Red Thunderbird
***/
/* Button */
.red-thunderbird.btn {
    color: #FFFFFF;
    background-color: #D91E18;
}

    .red-thunderbird.btn:hover, .red-thunderbird.btn:focus, .red-thunderbird.btn:active, .red-thunderbird.btn.active {
        color: #FFFFFF;
        background-color: #b91a14;
    }

.open .red-thunderbird.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #b91a14;
}

.red-thunderbird.btn:active, .red-thunderbird.btn.active {
    background-image: none;
    background-color: #a21612;
}

    .red-thunderbird.btn:active:hover, .red-thunderbird.btn.active:hover {
        background-color: #ab1813;
    }

.open .red-thunderbird.btn.dropdown-toggle {
    background-image: none;
}

.red-thunderbird.btn.disabled, .red-thunderbird.btn.disabled:hover, .red-thunderbird.btn.disabled:focus, .red-thunderbird.btn.disabled:active, .red-thunderbird.btn.disabled.active, .red-thunderbird.btn[disabled], .red-thunderbird.btn[disabled]:hover, .red-thunderbird.btn[disabled]:focus, .red-thunderbird.btn[disabled]:active, .red-thunderbird.btn[disabled].active, fieldset[disabled] .red-thunderbird.btn, fieldset[disabled] .red-thunderbird.btn:hover, fieldset[disabled] .red-thunderbird.btn:focus, fieldset[disabled] .red-thunderbird.btn:active, fieldset[disabled] .red-thunderbird.btn.active {
    background-color: #D91E18;
}

.red-thunderbird.btn .badge {
    color: #D91E18;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-thunderbird-stripe {
    border-left: 3px solid #D91E18;
}

/* Portlet */
.portlet > .portlet-body.red-thunderbird,
.portlet.red-thunderbird {
    border-left: 5px solid #D91E18 !important;
}

/* General Element */
.bg-red-thunderbird {
    border-color: #D91E18 !important;
    background-image: none !important;
    background-color: #D91E18 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-red-thunderbird {
    color: #D91E18 !important;
}



/***********
Yellow Colors
************/
/***
Yellow Default
***/
/* Button */
.yellow.btn {
    color: #FFFFFF;
    background-color: #c49f47;
}

    .yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active {
        color: #FFFFFF;
        background-color: #af8c38;
    }

.open .yellow.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #af8c38;
}

.yellow.btn:active, .yellow.btn.active {
    background-image: none;
    background-color: #9c7c32;
}

    .yellow.btn:active:hover, .yellow.btn.active:hover {
        background-color: #a48334;
    }

.open .yellow.btn.dropdown-toggle {
    background-image: none;
}

.yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active {
    background-color: #c49f47;
}

.yellow.btn .badge {
    color: #c49f47;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-stripe {
    border-left: 3px solid #c49f47;
}

/* Portlet */
.portlet > .portlet-body.yellow,
.portlet.yellow {
    border-left: 5px solid #c49f47 !important;
}

/* General Element */
.bg-yellow {
    border-color: #c49f47 !important;
    background-image: none !important;
    background-color: #c49f47 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-yellow {
    color: #c49f47 !important;
}


/***
Yellow Gold
***/
/* Button */
.yellow-gold.btn {
    color: #FFFFFF;
    background-color: #E87E04;
}

    .yellow-gold.btn:hover, .yellow-gold.btn:focus, .yellow-gold.btn:active, .yellow-gold.btn.active {
        color: #FFFFFF;
        background-color: #c56b03;
    }

.open .yellow-gold.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c56b03;
}

.yellow-gold.btn:active, .yellow-gold.btn.active {
    background-image: none;
    background-color: #ac5d03;
}

    .yellow-gold.btn:active:hover, .yellow-gold.btn.active:hover {
        background-color: #b66303;
    }

.open .yellow-gold.btn.dropdown-toggle {
    background-image: none;
}

.yellow-gold.btn.disabled, .yellow-gold.btn.disabled:hover, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled.active, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled]:hover, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled].active, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn:hover, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn.active {
    background-color: #E87E04;
}

.yellow-gold.btn .badge {
    color: #E87E04;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-gold-stripe {
    border-left: 3px solid #E87E04;
}

/* Portlet */
.portlet > .portlet-body.yellow-gold,
.portlet.yellow-gold {
    border-left: 5px solid #E87E04 !important;
}

/* General Element */
.bg-yellow-gold {
    border-color: #E87E04 !important;
    background-image: none !important;
    background-color: #E87E04 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-yellow-gold {
    color: #E87E04 !important;
}

/***
Yellow Casablanca
***/
/* Button */
.yellow-casablanca.btn {
    color: #FFFFFF;
    background-color: #f2784b;
}

    .yellow-casablanca.btn:hover, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:active, .yellow-casablanca.btn.active {
        color: #FFFFFF;
        background-color: #f05f2a;
    }

.open .yellow-casablanca.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #f05f2a;
}

.yellow-casablanca.btn:active, .yellow-casablanca.btn.active {
    background-image: none;
    background-color: #ee4d12;
}

    .yellow-casablanca.btn:active:hover, .yellow-casablanca.btn.active:hover {
        background-color: #ef541b;
    }

.open .yellow-casablanca.btn.dropdown-toggle {
    background-image: none;
}

.yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled]:hover, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled].active, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn:hover, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn.active {
    background-color: #f2784b;
}

.yellow-casablanca.btn .badge {
    color: #f2784b;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-casablanca-stripe {
    border-left: 3px solid #f2784b;
}

/* Portlet */
.portlet > .portlet-body.yellow-casablanca,
.portlet.yellow-casablanca {
    border-left: 5px solid #f2784b !important;
}

/* General Element */
.bg-yellow-casablanca {
    border-color: #f2784b !important;
    background-image: none !important;
    background-color: #f2784b !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-yellow-casablanca {
    color: #f2784b !important;
}



/***
Yellow Lemon
***/
/* Button */
.yellow-lemon.btn {
    color: #FFFFFF;
    background-color: #F7CA18;
}

    .yellow-lemon.btn:hover, .yellow-lemon.btn:focus, .yellow-lemon.btn:active, .yellow-lemon.btn.active {
        color: #FFFFFF;
        background-color: #e3b708;
    }

.open .yellow-lemon.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #e3b708;
}

.yellow-lemon.btn:active, .yellow-lemon.btn.active {
    background-image: none;
    background-color: #cba307;
}

    .yellow-lemon.btn:active:hover, .yellow-lemon.btn.active:hover {
        background-color: #d5ab07;
    }

.open .yellow-lemon.btn.dropdown-toggle {
    background-image: none;
}

.yellow-lemon.btn.disabled, .yellow-lemon.btn.disabled:hover, .yellow-lemon.btn.disabled:focus, .yellow-lemon.btn.disabled:active, .yellow-lemon.btn.disabled.active, .yellow-lemon.btn[disabled], .yellow-lemon.btn[disabled]:hover, .yellow-lemon.btn[disabled]:focus, .yellow-lemon.btn[disabled]:active, .yellow-lemon.btn[disabled].active, fieldset[disabled] .yellow-lemon.btn, fieldset[disabled] .yellow-lemon.btn:hover, fieldset[disabled] .yellow-lemon.btn:focus, fieldset[disabled] .yellow-lemon.btn:active, fieldset[disabled] .yellow-lemon.btn.active {
    background-color: #F7CA18;
}

.yellow-lemon.btn .badge {
    color: #F7CA18;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-lemon-stripe {
    border-left: 3px solid #F7CA18;
}

/* Portlet */
.portlet > .portlet-body.yellow-lemon,
.portlet.yellow-lemon {
    border-left: 5px solid #F7CA18 !important;
}


/* General Element */
.bg-yellow-lemon {
    border-color: #F7CA18 !important;
    background-image: none !important;
    background-color: #F7CA18 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-yellow-lemon {
    color: #F7CA18 !important;
}


/***********
Purple Colors
************/
/***
Purple Default
***/
/* Button */
.purple.btn {
    color: #FFFFFF;
    background-color: #8e5fa2;
}

    .purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active {
        color: #FFFFFF;
        background-color: #7a518c;
    }

.open .purple.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #7a518c;
}

.purple.btn:active, .purple.btn.active {
    background-image: none;
    background-color: #6c487c;
}

    .purple.btn:active:hover, .purple.btn.active:hover {
        background-color: #724c82;
    }

.open .purple.btn.dropdown-toggle {
    background-image: none;
}

.purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active {
    background-color: #8e5fa2;
}

.purple.btn .badge {
    color: #8e5fa2;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-stripe {
    border-left: 3px solid #8e5fa2;
}

/* Portlet */
.portlet > .portlet-body.purple,
.portlet.purple {
    border-left: 5px solid #8e5fa2 !important;
}


/* General Element */
.bg-purple {
    border-color: #8e5fa2 !important;
    background-image: none !important;
    background-color: #8e5fa2 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-purple {
    color: #8e5fa2 !important;
}

/***
Purple Wisteria
***/
/* Button */
.purple-wisteria.btn {
    color: #FFFFFF;
    background-color: #9B59B6;
}

    .purple-wisteria.btn:hover, .purple-wisteria.btn:focus, .purple-wisteria.btn:active, .purple-wisteria.btn.active {
        color: #FFFFFF;
        background-color: #8948a3;
    }

.open .purple-wisteria.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #8948a3;
}

.purple-wisteria.btn:active, .purple-wisteria.btn.active {
    background-image: none;
    background-color: #7a4092;
}

    .purple-wisteria.btn:active:hover, .purple-wisteria.btn.active:hover {
        background-color: #804399;
    }

.open .purple-wisteria.btn.dropdown-toggle {
    background-image: none;
}

.purple-wisteria.btn.disabled, .purple-wisteria.btn.disabled:hover, .purple-wisteria.btn.disabled:focus, .purple-wisteria.btn.disabled:active, .purple-wisteria.btn.disabled.active, .purple-wisteria.btn[disabled], .purple-wisteria.btn[disabled]:hover, .purple-wisteria.btn[disabled]:focus, .purple-wisteria.btn[disabled]:active, .purple-wisteria.btn[disabled].active, fieldset[disabled] .purple-wisteria.btn, fieldset[disabled] .purple-wisteria.btn:hover, fieldset[disabled] .purple-wisteria.btn:focus, fieldset[disabled] .purple-wisteria.btn:active, fieldset[disabled] .purple-wisteria.btn.active {
    background-color: #9B59B6;
}

.purple-wisteria.btn .badge {
    color: #9B59B6;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-wisteria-stripe {
    border-left: 3px solid #9B59B6;
}

/* Portlet */
.portlet > .portlet-body.purple-wisteria,
.portlet.purple-wisteria {
    border-left: 5px solid #9B59B6 !important;
}



/* General Element */
.bg-purple-wisteria {
    border-color: #9B59B6 !important;
    background-image: none !important;
    background-color: #9B59B6 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-purple-wisteria {
    color: #9B59B6 !important;
}

/***
Purple Seance
***/
/* Button */
.purple-seance.btn {
    color: #FFFFFF;
    background-color: #9A12B3;
}

    .purple-seance.btn:hover, .purple-seance.btn:focus, .purple-seance.btn:active, .purple-seance.btn.active {
        color: #FFFFFF;
        background-color: #7e0f93;
    }

.open .purple-seance.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #7e0f93;
}

.purple-seance.btn:active, .purple-seance.btn.active {
    background-image: none;
    background-color: #6a0c7b;
}

    .purple-seance.btn:active:hover, .purple-seance.btn.active:hover {
        background-color: #720d85;
    }

.open .purple-seance.btn.dropdown-toggle {
    background-image: none;
}

.purple-seance.btn.disabled, .purple-seance.btn.disabled:hover, .purple-seance.btn.disabled:focus, .purple-seance.btn.disabled:active, .purple-seance.btn.disabled.active, .purple-seance.btn[disabled], .purple-seance.btn[disabled]:hover, .purple-seance.btn[disabled]:focus, .purple-seance.btn[disabled]:active, .purple-seance.btn[disabled].active, fieldset[disabled] .purple-seance.btn, fieldset[disabled] .purple-seance.btn:hover, fieldset[disabled] .purple-seance.btn:focus, fieldset[disabled] .purple-seance.btn:active, fieldset[disabled] .purple-seance.btn.active {
    background-color: #9A12B3;
}

.purple-seance.btn .badge {
    color: #9A12B3;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-seance-stripe {
    border-left: 3px solid #9A12B3;
}

/* Portlet */
.portlet > .portlet-body.purple-seance,
.portlet.purple-seance {
    border-left: 5px solid #9A12B3 !important;
}

/* General Element */
.bg-purple-seance {
    border-color: #9A12B3 !important;
    background-image: none !important;
    background-color: #9A12B3 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-purple-seance {
    color: #9A12B3 !important;
}


/***
Purple Intense
***/
/* Button */
.purple-intense.btn {
    color: #FFFFFF;
    background-color: #8775a7;
}

    .purple-intense.btn:hover, .purple-intense.btn:focus, .purple-intense.btn:active, .purple-intense.btn.active {
        color: #FFFFFF;
        background-color: #746198;
    }

.open .purple-intense.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #746198;
}

.purple-intense.btn:active, .purple-intense.btn.active {
    background-image: none;
    background-color: #685788;
}

    .purple-intense.btn:active:hover, .purple-intense.btn.active:hover {
        background-color: #6d5b8e;
    }

.open .purple-intense.btn.dropdown-toggle {
    background-image: none;
}

.purple-intense.btn.disabled, .purple-intense.btn.disabled:hover, .purple-intense.btn.disabled:focus, .purple-intense.btn.disabled:active, .purple-intense.btn.disabled.active, .purple-intense.btn[disabled], .purple-intense.btn[disabled]:hover, .purple-intense.btn[disabled]:focus, .purple-intense.btn[disabled]:active, .purple-intense.btn[disabled].active, fieldset[disabled] .purple-intense.btn, fieldset[disabled] .purple-intense.btn:hover, fieldset[disabled] .purple-intense.btn:focus, fieldset[disabled] .purple-intense.btn:active, fieldset[disabled] .purple-intense.btn.active {
    background-color: #8775a7;
}

.purple-intense.btn .badge {
    color: #8775a7;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-intense-stripe {
    border-left: 3px solid #8775a7;
}

/* Portlet */
.portlet > .portlet-body.purple-intense,
.portlet.purple-intense {
    border-left: 5px solid #8775a7 !important;
}

/* General Element */
.bg-purple-intense {
    border-color: #8775a7 !important;
    background-image: none !important;
    background-color: #8775a7 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-purple-intense {
    color: #8775a7 !important;
}


/***
Purple Soft
***/
/* Button */
.purple-soft.btn {
    color: #FFFFFF;
    background-color: #8877a9;
}

    .purple-soft.btn:hover, .purple-soft.btn:focus, .purple-soft.btn:active, .purple-soft.btn.active {
        color: #FFFFFF;
        background-color: #75629b;
    }

.open .purple-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #75629b;
}

.purple-soft.btn:active, .purple-soft.btn.active {
    background-image: none;
    background-color: #69588b;
}

    .purple-soft.btn:active:hover, .purple-soft.btn.active:hover {
        background-color: #6e5c91;
    }

.open .purple-soft.btn.dropdown-toggle {
    background-image: none;
}

.purple-soft.btn.disabled, .purple-soft.btn.disabled:hover, .purple-soft.btn.disabled:focus, .purple-soft.btn.disabled:active, .purple-soft.btn.disabled.active, .purple-soft.btn[disabled], .purple-soft.btn[disabled]:hover, .purple-soft.btn[disabled]:focus, .purple-soft.btn[disabled]:active, .purple-soft.btn[disabled].active, fieldset[disabled] .purple-soft.btn, fieldset[disabled] .purple-soft.btn:hover, fieldset[disabled] .purple-soft.btn:focus, fieldset[disabled] .purple-soft.btn:active, fieldset[disabled] .purple-soft.btn.active {
    background-color: #8877a9;
}

.purple-soft.btn .badge {
    color: #8877a9;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-soft-stripe {
    border-left: 3px solid #8877a9;
}

/* Portlet */
.portlet > .portlet-body.purple-soft,
.portlet.purple-soft {
    border-left: 5px solid #8877a9 !important;
}


/* General Element */
.bg-purple-soft {
    border-color: #8877a9 !important;
    background-image: none !important;
    background-color: #8877a9 !important;
    color: #FFFFFF !important;
}

/* General Text & Icon Font Colors */
.font-purple-soft {
    color: #8877a9 !important;
}