@charset "CP850";

/*
* Fichier d'initialisation des styles du site
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* import de la librairie Compass */


/* LES VARIABLES Multixvers */


/* Fichier de configuration des variables */


/*
* Fichier de configuration des variables
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* couleur bootstrap */


/* les variables de couleur */


/* Les nom des couleurs */


/* nbColors contient le nombre total d'occurence de couleur */


/* LES FONCTIONS Multixvers */


/* Fichier de configuration des fonctions */


/*
* Fichier de configuration des fonctions
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la fonction ColorName sert à retourner le nom de la couleur */


/* la fonction Colors sert à retourner la couleur */


/* la fonction getColors sert à retourner la couleur */


/* la fonction getBgColors sert à retourner la couleur de fond */


/* PARTIE Multixvers SURCHAGE DU BOOTSTRAP */


/* fichier style du texte avec couleur */


/*
* Fichier de theme des textes
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin textColor sert à creer des textes de couleur */


/* générateur des textes de couleur */

.text-black {
    color: #0e0d0d;
}

a.text-black:hover {
    color: #443d3d;
}

.text-white {
    color: silver;
}

a.text-white:hover {
    color: #f3f3f3;
}

.text-yellow {
    color: #828206;
}

a.text-yellow:hover {
    color: #e4e40a;
}

.text-purple {
    color: #a823f3;
}

a.text-purple:hover {
    color: #ce84f8;
}

.text-rose {
    color: #f121e1;
}

a.text-rose:hover {
    color: #f781ee;
}

.text-apple {
    color: #587e06;
}

a.text-apple:hover {
    color: #9cdf0b;
}

.text-violet {
    color: #15011c;
}

a.text-violet:hover {
    color: #5d0380;
}


/* fichier style des arrières plan avec couleur */


/*
* Fichier de theme des background
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin bgColor sert à creer des fond de couleur */


/* générateur des fond de couleur */

.bg-black {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #514949), color-stop(100%, #443d3d));
    background-image: -webkit-linear-gradient(#514949, #443d3d);
    background-image: -moz-linear-gradient(#514949, #443d3d);
    background-image: -o-linear-gradient(#514949, #443d3d);
    background-image: linear-gradient(#514949, #443d3d);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-black:hover {
    background-color: #938787;
}

.bg-white {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
    background-image: -o-linear-gradient(#ffffff, #f3f3f3);
    background-image: linear-gradient(#ffffff, #f3f3f3);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-white:hover {
    background-color: white;
}

.bg-yellow {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f513), color-stop(100%, #e4e40a));
    background-image: -webkit-linear-gradient(#f5f513, #e4e40a);
    background-image: -moz-linear-gradient(#f5f513, #e4e40a);
    background-image: -o-linear-gradient(#f5f513, #e4e40a);
    background-image: linear-gradient(#f5f513, #e4e40a);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-yellow:hover {
    background-color: #fafa8d;
}

.bg-purple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d89cf9), color-stop(100%, #ce84f8));
    background-image: -webkit-linear-gradient(#d89cf9, #ce84f8);
    background-image: -moz-linear-gradient(#d89cf9, #ce84f8);
    background-image: -o-linear-gradient(#d89cf9, #ce84f8);
    background-image: linear-gradient(#d89cf9, #ce84f8);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-purple:hover {
    background-color: white;
}

.bg-rose {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f999f1), color-stop(100%, #f781ee));
    background-image: -webkit-linear-gradient(#f999f1, #f781ee);
    background-image: -moz-linear-gradient(#f999f1, #f781ee);
    background-image: -o-linear-gradient(#f999f1, #f781ee);
    background-image: linear-gradient(#f999f1, #f781ee);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-rose:hover {
    background-color: white;
}

.bg-apple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #acf310), color-stop(100%, #9cdf0b));
    background-image: -webkit-linear-gradient(#acf310, #9cdf0b);
    background-image: -moz-linear-gradient(#acf310, #9cdf0b);
    background-image: -o-linear-gradient(#acf310, #9cdf0b);
    background-image: linear-gradient(#acf310, #9cdf0b);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-apple:hover {
    background-color: #d6f98a;
}

.bg-violet {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6f0499), color-stop(100%, #5d0380));
    background-image: -webkit-linear-gradient(#6f0499, #5d0380);
    background-image: -moz-linear-gradient(#6f0499, #5d0380);
    background-image: -o-linear-gradient(#6f0499, #5d0380);
    background-image: linear-gradient(#6f0499, #5d0380);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

a.bg-violet:hover {
    background-color: #bd22fa;
}


/* fichier style des tableaux avec couleur */


/*
* Fichier de theme des tableaux
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin tableColor sert à creer des tableaux de couleur */


/* générateur des tableaux de couleur */

.table>thead>tr>td.black,
.table>tbody>tr>td.black,
.table>tfoot>tr>td.black,
.table>thead>tr>th.black,
.table>tbody>tr>th.black,
.table>tfoot>tr>th.black,
.table>thead>tr.black>td,
.table>tbody>tr.black>td,
.table>tfoot>tr.black>td,
.table>thead>tr.black>th,
.table>tbody>tr.black>th,
.table>tfoot>tr.black>th {
    background-color: #443d3d;
}

.table-hover>tbody>tr>td.black:hover,
.table-hover>tbody>tr>th.black:hover,
.table-hover>tbody>tr.black:hover>td,
.table-hover>tbody>tr.black:hover>th {
    background-color: #7a6d6d;
}

.table>thead>tr>td.white,
.table>tbody>tr>td.white,
.table>tfoot>tr>td.white,
.table>thead>tr>th.white,
.table>tbody>tr>th.white,
.table>tfoot>tr>th.white,
.table>thead>tr.white>td,
.table>tbody>tr.white>td,
.table>tfoot>tr.white>td,
.table>thead>tr.white>th,
.table>tbody>tr.white>th,
.table>tfoot>tr.white>th {
    background-color: #f3f3f3;
}

.table-hover>tbody>tr>td.white:hover,
.table-hover>tbody>tr>th.white:hover,
.table-hover>tbody>tr.white:hover>td,
.table-hover>tbody>tr.white:hover>th {
    background-color: white;
}

.table>thead>tr>td.yellow,
.table>tbody>tr>td.yellow,
.table>tfoot>tr>td.yellow,
.table>thead>tr>th.yellow,
.table>tbody>tr>th.yellow,
.table>tfoot>tr>th.yellow,
.table>thead>tr.yellow>td,
.table>tbody>tr.yellow>td,
.table>tfoot>tr.yellow>td,
.table>thead>tr.yellow>th,
.table>tbody>tr.yellow>th,
.table>tfoot>tr.yellow>th {
    background-color: #e4e40a;
}

.table-hover>tbody>tr>td.yellow:hover,
.table-hover>tbody>tr>th.yellow:hover,
.table-hover>tbody>tr.yellow:hover>td,
.table-hover>tbody>tr.yellow:hover>th {
    background-color: #f8f85c;
}

.table>thead>tr>td.purple,
.table>tbody>tr>td.purple,
.table>tfoot>tr>td.purple,
.table>thead>tr>th.purple,
.table>tbody>tr>th.purple,
.table>tfoot>tr>th.purple,
.table>thead>tr.purple>td,
.table>tbody>tr.purple>td,
.table>tfoot>tr.purple>td,
.table>thead>tr.purple>th,
.table>tbody>tr.purple>th,
.table>tfoot>tr.purple>th {
    background-color: #ce84f8;
}

.table-hover>tbody>tr>td.purple:hover,
.table-hover>tbody>tr>th.purple:hover,
.table-hover>tbody>tr.purple:hover>td,
.table-hover>tbody>tr.purple:hover>th {
    background-color: #f4e5fd;
}

.table>thead>tr>td.rose,
.table>tbody>tr>td.rose,
.table>tfoot>tr>td.rose,
.table>thead>tr>th.rose,
.table>tbody>tr>th.rose,
.table>tfoot>tr>th.rose,
.table>thead>tr.rose>td,
.table>tbody>tr.rose>td,
.table>tfoot>tr.rose>td,
.table>thead>tr.rose>th,
.table>tbody>tr.rose>th,
.table>tfoot>tr.rose>th {
    background-color: #f781ee;
}

.table-hover>tbody>tr>td.rose:hover,
.table-hover>tbody>tr>th.rose:hover,
.table-hover>tbody>tr.rose:hover>td,
.table-hover>tbody>tr.rose:hover>th {
    background-color: #fde1fb;
}

.table>thead>tr>td.apple,
.table>tbody>tr>td.apple,
.table>tfoot>tr>td.apple,
.table>thead>tr>th.apple,
.table>tbody>tr>th.apple,
.table>tfoot>tr>th.apple,
.table>thead>tr.apple>td,
.table>tbody>tr.apple>td,
.table>tfoot>tr.apple>td,
.table>thead>tr.apple>th,
.table>tbody>tr.apple>th,
.table>tfoot>tr.apple>th {
    background-color: #9cdf0b;
}

.table-hover>tbody>tr>td.apple:hover,
.table-hover>tbody>tr>th.apple:hover,
.table-hover>tbody>tr.apple:hover>td,
.table-hover>tbody>tr.apple:hover>th {
    background-color: #c5f759;
}

.table>thead>tr>td.violet,
.table>tbody>tr>td.violet,
.table>tfoot>tr>td.violet,
.table>thead>tr>th.violet,
.table>tbody>tr>th.violet,
.table>tfoot>tr>th.violet,
.table>thead>tr.violet>td,
.table>tbody>tr.violet>td,
.table>tfoot>tr.violet>td,
.table>thead>tr.violet>th,
.table>tbody>tr.violet>th,
.table>tfoot>tr.violet>th {
    background-color: #5d0380;
}

.table-hover>tbody>tr>td.violet:hover,
.table-hover>tbody>tr>th.violet:hover,
.table-hover>tbody>tr.violet:hover>td,
.table-hover>tbody>tr.violet:hover>th {
    background-color: #a505e4;
}


/* fichier style des bouttons avec couleur */


/*
* Fichier de theme des boutons
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin buttonColor sert à creer des bouttons de couleur */


/* générateur des bouttons de couleur */

.btn-black {
    color: #443d3d;
    background-color: #f3f3f3;
    border-color: #0e0d0d;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    color: #443d3d;
    background-color: #f3f3f3;
    border-color: #0e0d0d;
}

.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
    background-color: #f3f3f3;
    border-color: #0e0d0d;
}

.btn-black .badge {
    color: #443d3d;
    background-color: #f3f3f3;
}

.btn-white {
    color: #f3f3f3;
    background-color: #443d3d;
    border-color: silver;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: #f3f3f3;
    background-color: #443d3d;
    border-color: silver;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
    background-color: #443d3d;
    border-color: silver;
}

.btn-white .badge {
    color: #f3f3f3;
    background-color: #443d3d;
}

.btn-yellow {
    color: #e4e40a;
    background-color: #443d3d;
    border-color: #828206;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
    color: #e4e40a;
    background-color: #443d3d;
    border-color: #828206;
}

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

.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
    background-color: #443d3d;
    border-color: #828206;
}

.btn-yellow .badge {
    color: #e4e40a;
    background-color: #443d3d;
}

.btn-purple {
    color: #ce84f8;
    background-color: #f781ee;
    border-color: #a823f3;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    color: #ce84f8;
    background-color: #f781ee;
    border-color: #a823f3;
}

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

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
    background-color: #f781ee;
    border-color: #a823f3;
}

.btn-purple .badge {
    color: #ce84f8;
    background-color: #f781ee;
}

.btn-rose {
    color: #f781ee;
    background-color: #ce84f8;
    border-color: #f121e1;
}

.btn-rose:hover,
.btn-rose:focus,
.btn-rose:active,
.btn-rose.active,
.open .dropdown-toggle.btn-rose {
    color: #f781ee;
    background-color: #ce84f8;
    border-color: #f121e1;
}

.btn-rose:active,
.btn-rose.active,
.open .dropdown-toggle.btn-rose {
    background-image: none;
}

.btn-rose.disabled,
.btn-rose[disabled],
fieldset[disabled] .btn-rose,
.btn-rose.disabled:hover,
.btn-rose[disabled]:hover,
fieldset[disabled] .btn-rose:hover,
.btn-rose.disabled:focus,
.btn-rose[disabled]:focus,
fieldset[disabled] .btn-rose:focus,
.btn-rose.disabled:active,
.btn-rose[disabled]:active,
fieldset[disabled] .btn-rose:active,
.btn-rose.disabled.active,
.btn-rose[disabled].active,
fieldset[disabled] .btn-rose.active {
    background-color: #ce84f8;
    border-color: #f121e1;
}

.btn-rose .badge {
    color: #f781ee;
    background-color: #ce84f8;
}

.btn-apple {
    color: #9cdf0b;
    background-color: #5d0380;
    border-color: #587e06;
}

.btn-apple:hover,
.btn-apple:focus,
.btn-apple:active,
.btn-apple.active,
.open .dropdown-toggle.btn-apple {
    color: #9cdf0b;
    background-color: #5d0380;
    border-color: #587e06;
}

.btn-apple:active,
.btn-apple.active,
.open .dropdown-toggle.btn-apple {
    background-image: none;
}

.btn-apple.disabled,
.btn-apple[disabled],
fieldset[disabled] .btn-apple,
.btn-apple.disabled:hover,
.btn-apple[disabled]:hover,
fieldset[disabled] .btn-apple:hover,
.btn-apple.disabled:focus,
.btn-apple[disabled]:focus,
fieldset[disabled] .btn-apple:focus,
.btn-apple.disabled:active,
.btn-apple[disabled]:active,
fieldset[disabled] .btn-apple:active,
.btn-apple.disabled.active,
.btn-apple[disabled].active,
fieldset[disabled] .btn-apple.active {
    background-color: #5d0380;
    border-color: #587e06;
}

.btn-apple .badge {
    color: #9cdf0b;
    background-color: #5d0380;
}

.btn-violet {
    color: #5d0380;
    background-color: #9cdf0b;
    border-color: #15011c;
}

.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
    color: #5d0380;
    background-color: #9cdf0b;
    border-color: #15011c;
}

.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
    background-image: none;
}

.btn-violet.disabled,
.btn-violet[disabled],
fieldset[disabled] .btn-violet,
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
fieldset[disabled] .btn-violet:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
fieldset[disabled] .btn-violet:focus,
.btn-violet.disabled:active,
.btn-violet[disabled]:active,
fieldset[disabled] .btn-violet:active,
.btn-violet.disabled.active,
.btn-violet[disabled].active,
fieldset[disabled] .btn-violet.active {
    background-color: #9cdf0b;
    border-color: #15011c;
}

.btn-violet .badge {
    color: #5d0380;
    background-color: #9cdf0b;
}


/* fichier style des labels avec couleur */


/*
* Fichier de theme des labels
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin labelColor sert à creer des label de couleur */


/* générateur des label de couleur */

.label-black {
    background-color: #443d3d;
}

.label-black[href]:hover,
.label-black[href]:focus {
    background-color: #0e0d0d;
}

.label-white {
    background-color: #f3f3f3;
}

.label-white[href]:hover,
.label-white[href]:focus {
    background-color: silver;
}

.label-yellow {
    background-color: #e4e40a;
}

.label-yellow[href]:hover,
.label-yellow[href]:focus {
    background-color: #828206;
}

.label-purple {
    background-color: #ce84f8;
}

.label-purple[href]:hover,
.label-purple[href]:focus {
    background-color: #a823f3;
}

.label-rose {
    background-color: #f781ee;
}

.label-rose[href]:hover,
.label-rose[href]:focus {
    background-color: #f121e1;
}

.label-apple {
    background-color: #9cdf0b;
}

.label-apple[href]:hover,
.label-apple[href]:focus {
    background-color: #587e06;
}

.label-violet {
    background-color: #5d0380;
}

.label-violet[href]:hover,
.label-violet[href]:focus {
    background-color: #15011c;
}


/* fichier style des alertes avec couleur */


/*
* Fichier de theme des alerts
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin alertColor sert à creer des alertes de couleur */


/* générateur des alertes de couleur */

.alert-black {
    background-color: #443d3d;
    border-color: black;
    color: #f3f3f3;
}

.alert-black hr {
    border-top-color: black;
}

.alert-black .alert-link {
    color: #8d8d8d;
}

.alert-white {
    background-color: #f3f3f3;
    border-color: #9a9a9a;
    color: #443d3d;
}

.alert-white hr {
    border-top-color: #737373;
}

.alert-white .alert-link {
    color: black;
}

.alert-yellow {
    background-color: #e4e40a;
    border-color: #393903;
    color: #443d3d;
}

.alert-yellow hr {
    border-top-color: black;
}

.alert-yellow .alert-link {
    color: black;
}

.alert-purple {
    background-color: #ce84f8;
    border-color: #7e0bbf;
    color: #f3f3f3;
}

.alert-purple hr {
    border-top-color: #4e0776;
}

.alert-purple .alert-link {
    color: #8d8d8d;
}

.alert-rose {
    background-color: #f781ee;
    border-color: #ba0cac;
    color: #443d3d;
}

.alert-rose hr {
    border-top-color: #72076a;
}

.alert-rose .alert-link {
    color: black;
}

.alert-apple {
    background-color: #9cdf0b;
    border-color: #253503;
    color: #5d0380;
}

.alert-apple hr {
    border-top-color: black;
}

.alert-apple .alert-link {
    color: black;
}

.alert-violet {
    background-color: #5d0380;
    border-color: black;
    color: #9cdf0b;
}

.alert-violet hr {
    border-top-color: black;
}

.alert-violet .alert-link {
    color: #141d01;
}


/* fichier style des barres de progression avec couleur */


/*
* Fichier de theme des barres de progressions
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin progressColor sert à creer des barres de progression de couleur */


/* générateur des des barres de progression de couleur */

.progress-bar-black {
    background-color: #443d3d;
}

.progress-striped .progress-bar-black {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-white {
    background-color: #f3f3f3;
}

.progress-striped .progress-bar-white {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-yellow {
    background-color: #e4e40a;
}

.progress-striped .progress-bar-yellow {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-purple {
    background-color: #ce84f8;
}

.progress-striped .progress-bar-purple {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-rose {
    background-color: #f781ee;
}

.progress-striped .progress-bar-rose {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-apple {
    background-color: #9cdf0b;
}

.progress-striped .progress-bar-apple {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-violet {
    background-color: #5d0380;
}

.progress-striped .progress-bar-violet {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}


/* fichier style des listes groupes avec couleur */


/*
* Fichier de theme des media et list groupes
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin listGrpColor sert à creer des list-group de couleur */


/* générateur des list-group de couleur */

.list-group-item-black {
    color: #443d3d;
    background-color: #f3f3f3;
}

a.list-group-item-black {
    color: #443d3d;
}

a.list-group-item-black .list-group-item-heading {
    color: inherit;
}

a.list-group-item-black:hover,
a.list-group-item-black:focus {
    color: #443d3d;
    background-color: white;
}

a.list-group-item-black.active,
a.list-group-item-black.active:hover,
a.list-group-item-black.active:focus {
    color: #443d3d;
    background-color: white;
    border-color: silver;
}

.list-group-item-white {
    color: #f3f3f3;
    background-color: #443d3d;
}

a.list-group-item-white {
    color: #f3f3f3;
}

a.list-group-item-white .list-group-item-heading {
    color: inherit;
}

a.list-group-item-white:hover,
a.list-group-item-white:focus {
    color: #f3f3f3;
    background-color: #7a6d6d;
}

a.list-group-item-white.active,
a.list-group-item-white.active:hover,
a.list-group-item-white.active:focus {
    color: #f3f3f3;
    background-color: #7a6d6d;
    border-color: #0e0d0d;
}

.list-group-item-yellow {
    color: #e4e40a;
    background-color: #443d3d;
}

a.list-group-item-yellow {
    color: #e4e40a;
}

a.list-group-item-yellow .list-group-item-heading {
    color: inherit;
}

a.list-group-item-yellow:hover,
a.list-group-item-yellow:focus {
    color: #e4e40a;
    background-color: #7a6d6d;
}

a.list-group-item-yellow.active,
a.list-group-item-yellow.active:hover,
a.list-group-item-yellow.active:focus {
    color: #e4e40a;
    background-color: #7a6d6d;
    border-color: #0e0d0d;
}

.list-group-item-purple {
    color: #ce84f8;
    background-color: #f781ee;
}

a.list-group-item-purple {
    color: #ce84f8;
}

a.list-group-item-purple .list-group-item-heading {
    color: inherit;
}

a.list-group-item-purple:hover,
a.list-group-item-purple:focus {
    color: #ce84f8;
    background-color: #fde1fb;
}

a.list-group-item-purple.active,
a.list-group-item-purple.active:hover,
a.list-group-item-purple.active:focus {
    color: #ce84f8;
    background-color: #fde1fb;
    border-color: #f121e1;
}

.list-group-item-rose {
    color: #f781ee;
    background-color: #ce84f8;
}

a.list-group-item-rose {
    color: #f781ee;
}

a.list-group-item-rose .list-group-item-heading {
    color: inherit;
}

a.list-group-item-rose:hover,
a.list-group-item-rose:focus {
    color: #f781ee;
    background-color: #f4e5fd;
}

a.list-group-item-rose.active,
a.list-group-item-rose.active:hover,
a.list-group-item-rose.active:focus {
    color: #f781ee;
    background-color: #f4e5fd;
    border-color: #a823f3;
}

.list-group-item-apple {
    color: #9cdf0b;
    background-color: #5d0380;
}

a.list-group-item-apple {
    color: #9cdf0b;
}

a.list-group-item-apple .list-group-item-heading {
    color: inherit;
}

a.list-group-item-apple:hover,
a.list-group-item-apple:focus {
    color: #9cdf0b;
    background-color: #a505e4;
}

a.list-group-item-apple.active,
a.list-group-item-apple.active:hover,
a.list-group-item-apple.active:focus {
    color: #9cdf0b;
    background-color: #a505e4;
    border-color: #15011c;
}

.list-group-item-violet {
    color: #5d0380;
    background-color: #9cdf0b;
}

a.list-group-item-violet {
    color: #5d0380;
}

a.list-group-item-violet .list-group-item-heading {
    color: inherit;
}

a.list-group-item-violet:hover,
a.list-group-item-violet:focus {
    color: #5d0380;
    background-color: #c5f759;
}

a.list-group-item-violet.active,
a.list-group-item-violet.active:hover,
a.list-group-item-violet.active:focus {
    color: #5d0380;
    background-color: #c5f759;
    border-color: #587e06;
}


/* fichier style des panels avec couleur */


/*
* Fichier de theme des panels
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin panelsColor sert à creer des panel de couleur */


/* générateur des panel de couleur */

.panel-black {
    border-color: #0e0d0d;
}

.panel-black>.panel-heading {
    background-color: #443d3d;
    border-color: #0e0d0d;
}

.panel-black>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #0e0d0d;
}

.panel-black>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #0e0d0d;
}

.panel-white {
    border-color: silver;
}

.panel-white>.panel-heading {
    background-color: #f3f3f3;
    border-color: silver;
}

.panel-white>.panel-heading+.panel-collapse .panel-body {
    border-top-color: silver;
}

.panel-white>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: silver;
}

.panel-yellow {
    border-color: #828206;
}

.panel-yellow>.panel-heading {
    background-color: #e4e40a;
    border-color: #828206;
}

.panel-yellow>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #828206;
}

.panel-yellow>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #828206;
}

.panel-purple {
    border-color: #a823f3;
}

.panel-purple>.panel-heading {
    background-color: #ce84f8;
    border-color: #a823f3;
}

.panel-purple>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #a823f3;
}

.panel-purple>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #a823f3;
}

.panel-rose {
    border-color: #f121e1;
}

.panel-rose>.panel-heading {
    background-color: #f781ee;
    border-color: #f121e1;
}

.panel-rose>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #f121e1;
}

.panel-rose>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #f121e1;
}

.panel-apple {
    border-color: #587e06;
}

.panel-apple>.panel-heading {
    background-color: #9cdf0b;
    border-color: #587e06;
}

.panel-apple>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #587e06;
}

.panel-apple>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #587e06;
}

.panel-violet {
    border-color: #15011c;
}

.panel-violet>.panel-heading {
    background-color: #5d0380;
    border-color: #15011c;
}

.panel-violet>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #15011c;
}

.panel-violet>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #15011c;
}


/* fichier de theme avec style des bouttons avec couleur */


/*
* Fichier de theme des boutons
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/

.btn-black,
.btn-yellow,
.btn-purple,
.btn-rose,
.btn-apple,
.btn-violet,
.btn-white {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-black:active,
.btn-yellow:active,
.btn-purple:active,
.btn-rose:active,
.btn-apple:active,
.btn-violet:active,
.btn-white:active,
.btn-black.active,
.btn-yellow.active,
.btn-purple.active,
.btn-rose.active,
.btn-apple.active,
.btn-violet.active,
.btn-white.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* la mixin btnColor sert à creer des bouttons de couleur */


/* générateur des bouttons de couleur */

.btn-black {
    background-color: #443d3d;
    background-repeat: repeat-x;
    border-color: black;
    color: #f3f3f3;
}

.btn-black:hover,
.btn-black:focus {
    background-color: #3c3636;
    background-position: 0 -15px;
    color: #f3f3f3;
}

.btn-black:active,
.btn-black.active {
    background-color: #3c3636;
    border-color: black;
    color: #f3f3f3;
}

.btn-white {
    background-color: #f3f3f3;
    background-repeat: repeat-x;
    border-color: #9a9a9a;
    color: #443d3d;
}

.btn-white:hover,
.btn-white:focus {
    background-color: #ebebeb;
    background-position: 0 -15px;
    color: #443d3d;
}

.btn-white:active,
.btn-white.active {
    background-color: #ebebeb;
    border-color: #9a9a9a;
    color: #443d3d;
}

.btn-yellow {
    background-color: #e4e40a;
    background-repeat: repeat-x;
    border-color: #393903;
    color: #443d3d;
}

.btn-yellow:hover,
.btn-yellow:focus {
    background-color: #d5d509;
    background-position: 0 -15px;
    color: #443d3d;
}

.btn-yellow:active,
.btn-yellow.active {
    background-color: #d5d509;
    border-color: #393903;
    color: #443d3d;
}

.btn-purple {
    background-color: #ce84f8;
    background-repeat: repeat-x;
    border-color: #7e0bbf;
    color: #f3f3f3;
}

.btn-purple:hover,
.btn-purple:focus {
    background-color: #c876f7;
    background-position: 0 -15px;
    color: #f3f3f3;
}

.btn-purple:active,
.btn-purple.active {
    background-color: #c876f7;
    border-color: #7e0bbf;
    color: #f3f3f3;
}

.btn-rose {
    background-color: #f781ee;
    background-repeat: repeat-x;
    border-color: #ba0cac;
    color: #443d3d;
}

.btn-rose:hover,
.btn-rose:focus {
    background-color: #f673ec;
    background-position: 0 -15px;
    color: #443d3d;
}

.btn-rose:active,
.btn-rose.active {
    background-color: #f673ec;
    border-color: #ba0cac;
    color: #443d3d;
}

.btn-apple {
    background-color: #9cdf0b;
    background-repeat: repeat-x;
    border-color: #253503;
    color: #5d0380;
}

.btn-apple:hover,
.btn-apple:focus {
    background-color: #92d00a;
    background-position: 0 -15px;
    color: #5d0380;
}

.btn-apple:active,
.btn-apple.active {
    background-color: #92d00a;
    border-color: #253503;
    color: #5d0380;
}

.btn-violet {
    background-color: #5d0380;
    background-repeat: repeat-x;
    border-color: black;
    color: #9cdf0b;
}

.btn-violet:hover,
.btn-violet:focus {
    background-color: #520371;
    background-position: 0 -15px;
    color: #9cdf0b;
}

.btn-violet:active,
.btn-violet.active {
    background-color: #520371;
    border-color: black;
    color: #9cdf0b;
}


/* fichier de theme avec style des alertes avec couleur */


/*
* Fichier de theme des alertes
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin alerteColor sert à creer des alertes de couleur */


/* générateur des alertes de couleur */

.alert-black {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a6d6d), color-stop(100%, #443d3d));
    background-image: -webkit-linear-gradient(#7a6d6d, #443d3d);
    background-image: -moz-linear-gradient(#7a6d6d, #443d3d);
    background-image: -o-linear-gradient(#7a6d6d, #443d3d);
    background-image: linear-gradient(#7a6d6d, #443d3d);
    background-repeat: repeat-x;
    border-color: #0e0d0d;
    color: #f3f3f3;
}

.alert-white {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
    background-image: -o-linear-gradient(#ffffff, #f3f3f3);
    background-image: linear-gradient(#ffffff, #f3f3f3);
    background-repeat: repeat-x;
    border-color: silver;
    color: #443d3d;
}

.alert-yellow {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f85c), color-stop(100%, #e4e40a));
    background-image: -webkit-linear-gradient(#f8f85c, #e4e40a);
    background-image: -moz-linear-gradient(#f8f85c, #e4e40a);
    background-image: -o-linear-gradient(#f8f85c, #e4e40a);
    background-image: linear-gradient(#f8f85c, #e4e40a);
    background-repeat: repeat-x;
    border-color: #828206;
    color: #443d3d;
}

.alert-purple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4e5fd), color-stop(100%, #ce84f8));
    background-image: -webkit-linear-gradient(#f4e5fd, #ce84f8);
    background-image: -moz-linear-gradient(#f4e5fd, #ce84f8);
    background-image: -o-linear-gradient(#f4e5fd, #ce84f8);
    background-image: linear-gradient(#f4e5fd, #ce84f8);
    background-repeat: repeat-x;
    border-color: #a823f3;
    color: #f781ee;
}

.alert-rose {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fde1fb), color-stop(100%, #f781ee));
    background-image: -webkit-linear-gradient(#fde1fb, #f781ee);
    background-image: -moz-linear-gradient(#fde1fb, #f781ee);
    background-image: -o-linear-gradient(#fde1fb, #f781ee);
    background-image: linear-gradient(#fde1fb, #f781ee);
    background-repeat: repeat-x;
    border-color: #f121e1;
    color: #ce84f8;
}

.alert-apple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c5f759), color-stop(100%, #9cdf0b));
    background-image: -webkit-linear-gradient(#c5f759, #9cdf0b);
    background-image: -moz-linear-gradient(#c5f759, #9cdf0b);
    background-image: -o-linear-gradient(#c5f759, #9cdf0b);
    background-image: linear-gradient(#c5f759, #9cdf0b);
    background-repeat: repeat-x;
    border-color: #587e06;
    color: #5d0380;
}

.alert-violet {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a505e4), color-stop(100%, #5d0380));
    background-image: -webkit-linear-gradient(#a505e4, #5d0380);
    background-image: -moz-linear-gradient(#a505e4, #5d0380);
    background-image: -o-linear-gradient(#a505e4, #5d0380);
    background-image: linear-gradient(#a505e4, #5d0380);
    background-repeat: repeat-x;
    border-color: #15011c;
    color: #9cdf0b;
}


/* fichier de theme avec style des barres de progression avec couleur */


/*
* Fichier de theme des barres de progressions
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin progressBarColor sert à creer des barres de progression de couleur */


/* générateur des des barres de progression de couleur */

.progress-bar-black {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7a6d6d), color-stop(100%, #443d3d));
    background-image: -webkit-linear-gradient(#7a6d6d, #443d3d);
    background-image: -moz-linear-gradient(#7a6d6d, #443d3d);
    background-image: -o-linear-gradient(#7a6d6d, #443d3d);
    background-image: linear-gradient(#7a6d6d, #443d3d);
    background-repeat: repeat-x;
}

.progress-bar-white {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
    background-image: -o-linear-gradient(#ffffff, #f3f3f3);
    background-image: linear-gradient(#ffffff, #f3f3f3);
    background-repeat: repeat-x;
}

.progress-bar-yellow {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f85c), color-stop(100%, #e4e40a));
    background-image: -webkit-linear-gradient(#f8f85c, #e4e40a);
    background-image: -moz-linear-gradient(#f8f85c, #e4e40a);
    background-image: -o-linear-gradient(#f8f85c, #e4e40a);
    background-image: linear-gradient(#f8f85c, #e4e40a);
    background-repeat: repeat-x;
}

.progress-bar-purple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4e5fd), color-stop(100%, #ce84f8));
    background-image: -webkit-linear-gradient(#f4e5fd, #ce84f8);
    background-image: -moz-linear-gradient(#f4e5fd, #ce84f8);
    background-image: -o-linear-gradient(#f4e5fd, #ce84f8);
    background-image: linear-gradient(#f4e5fd, #ce84f8);
    background-repeat: repeat-x;
}

.progress-bar-rose {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fde1fb), color-stop(100%, #f781ee));
    background-image: -webkit-linear-gradient(#fde1fb, #f781ee);
    background-image: -moz-linear-gradient(#fde1fb, #f781ee);
    background-image: -o-linear-gradient(#fde1fb, #f781ee);
    background-image: linear-gradient(#fde1fb, #f781ee);
    background-repeat: repeat-x;
}

.progress-bar-apple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c5f759), color-stop(100%, #9cdf0b));
    background-image: -webkit-linear-gradient(#c5f759, #9cdf0b);
    background-image: -moz-linear-gradient(#c5f759, #9cdf0b);
    background-image: -o-linear-gradient(#c5f759, #9cdf0b);
    background-image: linear-gradient(#c5f759, #9cdf0b);
    background-repeat: repeat-x;
}

.progress-bar-violet {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a505e4), color-stop(100%, #5d0380));
    background-image: -webkit-linear-gradient(#a505e4, #5d0380);
    background-image: -moz-linear-gradient(#a505e4, #5d0380);
    background-image: -o-linear-gradient(#a505e4, #5d0380);
    background-image: linear-gradient(#a505e4, #5d0380);
    background-repeat: repeat-x;
}


/* fichier de theme avec style des panels avec couleur */


/*
* Fichier de theme des panels
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}


/* la mixin panelColor sert à creer des panel de couleur */


/* générateur des panel de couleur */

.panel-black>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f5555), color-stop(100%, #443d3d));
    background-image: -webkit-linear-gradient(#5f5555, #443d3d);
    background-image: -moz-linear-gradient(#5f5555, #443d3d);
    background-image: -o-linear-gradient(#5f5555, #443d3d);
    background-image: linear-gradient(#5f5555, #443d3d);
    background-repeat: repeat-x;
}

.panel-white>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
    background-image: -o-linear-gradient(#ffffff, #f3f3f3);
    background-image: linear-gradient(#ffffff, #f3f3f3);
    background-repeat: repeat-x;
}

.panel-yellow>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f62b), color-stop(100%, #e4e40a));
    background-image: -webkit-linear-gradient(#f6f62b, #e4e40a);
    background-image: -moz-linear-gradient(#f6f62b, #e4e40a);
    background-image: -o-linear-gradient(#f6f62b, #e4e40a);
    background-image: linear-gradient(#f6f62b, #e4e40a);
    background-repeat: repeat-x;
}

.panel-purple>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1b4fb), color-stop(100%, #ce84f8));
    background-image: -webkit-linear-gradient(#e1b4fb, #ce84f8);
    background-image: -moz-linear-gradient(#e1b4fb, #ce84f8);
    background-image: -o-linear-gradient(#e1b4fb, #ce84f8);
    background-image: linear-gradient(#e1b4fb, #ce84f8);
    background-repeat: repeat-x;
}

.panel-rose>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fab1f4), color-stop(100%, #f781ee));
    background-image: -webkit-linear-gradient(#fab1f4, #f781ee);
    background-image: -moz-linear-gradient(#fab1f4, #f781ee);
    background-image: -o-linear-gradient(#fab1f4, #f781ee);
    background-image: linear-gradient(#fab1f4, #f781ee);
    background-repeat: repeat-x;
}

.panel-apple>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b4f429), color-stop(100%, #9cdf0b));
    background-image: -webkit-linear-gradient(#b4f429, #9cdf0b);
    background-image: -moz-linear-gradient(#b4f429, #9cdf0b);
    background-image: -o-linear-gradient(#b4f429, #9cdf0b);
    background-image: linear-gradient(#b4f429, #9cdf0b);
    background-repeat: repeat-x;
}

.panel-violet>.panel-heading {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8104b2), color-stop(100%, #5d0380));
    background-image: -webkit-linear-gradient(#8104b2, #5d0380);
    background-image: -moz-linear-gradient(#8104b2, #5d0380);
    background-image: -o-linear-gradient(#8104b2, #5d0380);
    background-image: linear-gradient(#8104b2, #5d0380);
    background-repeat: repeat-x;
}


/* fichier de theme avec style des well avec couleur */


/*
* Fichier de theme des well
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin wellColor sert à creer des blocs de couleur */


/* générateur des blocs de couleur */

.well-black {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(122, 109, 109, 0.7)), color-stop(100%, rgba(171, 162, 162, 0.7)));
    background-image: -webkit-linear-gradient(rgba(122, 109, 109, 0.7), rgba(171, 162, 162, 0.7));
    background-image: -moz-linear-gradient(rgba(122, 109, 109, 0.7), rgba(171, 162, 162, 0.7));
    background-image: -o-linear-gradient(rgba(122, 109, 109, 0.7), rgba(171, 162, 162, 0.7));
    background-image: linear-gradient(rgba(122, 109, 109, 0.7), rgba(171, 162, 162, 0.7));
    background-repeat: repeat-x;
    border: #443d3d;
    -webkit-box-shadow: rgba(68, 61, 61, 0.5) 0 0 30px, rgba(122, 109, 109, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(68, 61, 61, 0.5) 0 0 30px, rgba(122, 109, 109, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(68, 61, 61, 0.5) 0 0 30px, rgba(122, 109, 109, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-white {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.7)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-repeat: repeat-x;
    border: #f3f3f3;
    -webkit-box-shadow: rgba(243, 243, 243, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(243, 243, 243, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(243, 243, 243, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-yellow {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(248, 248, 92, 0.7)), color-stop(100%, rgba(252, 252, 190, 0.7)));
    background-image: -webkit-linear-gradient(rgba(248, 248, 92, 0.7), rgba(252, 252, 190, 0.7));
    background-image: -moz-linear-gradient(rgba(248, 248, 92, 0.7), rgba(252, 252, 190, 0.7));
    background-image: -o-linear-gradient(rgba(248, 248, 92, 0.7), rgba(252, 252, 190, 0.7));
    background-image: linear-gradient(rgba(248, 248, 92, 0.7), rgba(252, 252, 190, 0.7));
    background-repeat: repeat-x;
    border: #e4e40a;
    -webkit-box-shadow: rgba(228, 228, 10, 0.5) 0 0 30px, rgba(248, 248, 92, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(228, 228, 10, 0.5) 0 0 30px, rgba(248, 248, 92, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(228, 228, 10, 0.5) 0 0 30px, rgba(248, 248, 92, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-purple {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(244, 229, 253, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.7)));
    background-image: -webkit-linear-gradient(rgba(244, 229, 253, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -moz-linear-gradient(rgba(244, 229, 253, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -o-linear-gradient(rgba(244, 229, 253, 0.7), rgba(255, 255, 255, 0.7));
    background-image: linear-gradient(rgba(244, 229, 253, 0.7), rgba(255, 255, 255, 0.7));
    background-repeat: repeat-x;
    border: #ce84f8;
    -webkit-box-shadow: rgba(206, 132, 248, 0.5) 0 0 30px, rgba(244, 229, 253, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(206, 132, 248, 0.5) 0 0 30px, rgba(244, 229, 253, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(206, 132, 248, 0.5) 0 0 30px, rgba(244, 229, 253, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-rose {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(253, 225, 251, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.7)));
    background-image: -webkit-linear-gradient(rgba(253, 225, 251, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -moz-linear-gradient(rgba(253, 225, 251, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -o-linear-gradient(rgba(253, 225, 251, 0.7), rgba(255, 255, 255, 0.7));
    background-image: linear-gradient(rgba(253, 225, 251, 0.7), rgba(255, 255, 255, 0.7));
    background-repeat: repeat-x;
    border: #f781ee;
    -webkit-box-shadow: rgba(247, 129, 238, 0.5) 0 0 30px, rgba(253, 225, 251, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(247, 129, 238, 0.5) 0 0 30px, rgba(253, 225, 251, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(247, 129, 238, 0.5) 0 0 30px, rgba(253, 225, 251, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-apple {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(197, 247, 89, 0.7)), color-stop(100%, rgba(231, 252, 186, 0.7)));
    background-image: -webkit-linear-gradient(rgba(197, 247, 89, 0.7), rgba(231, 252, 186, 0.7));
    background-image: -moz-linear-gradient(rgba(197, 247, 89, 0.7), rgba(231, 252, 186, 0.7));
    background-image: -o-linear-gradient(rgba(197, 247, 89, 0.7), rgba(231, 252, 186, 0.7));
    background-image: linear-gradient(rgba(197, 247, 89, 0.7), rgba(231, 252, 186, 0.7));
    background-repeat: repeat-x;
    border: #9cdf0b;
    -webkit-box-shadow: rgba(156, 223, 11, 0.5) 0 0 30px, rgba(197, 247, 89, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(156, 223, 11, 0.5) 0 0 30px, rgba(197, 247, 89, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(156, 223, 11, 0.5) 0 0 30px, rgba(197, 247, 89, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-violet {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(165, 5, 228, 0.7)), color-stop(100%, rgba(204, 84, 251, 0.7)));
    background-image: -webkit-linear-gradient(rgba(165, 5, 228, 0.7), rgba(204, 84, 251, 0.7));
    background-image: -moz-linear-gradient(rgba(165, 5, 228, 0.7), rgba(204, 84, 251, 0.7));
    background-image: -o-linear-gradient(rgba(165, 5, 228, 0.7), rgba(204, 84, 251, 0.7));
    background-image: linear-gradient(rgba(165, 5, 228, 0.7), rgba(204, 84, 251, 0.7));
    background-repeat: repeat-x;
    border: #5d0380;
    -webkit-box-shadow: rgba(93, 3, 128, 0.5) 0 0 30px, rgba(165, 5, 228, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(93, 3, 128, 0.5) 0 0 30px, rgba(165, 5, 228, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(93, 3, 128, 0.5) 0 0 30px, rgba(165, 5, 228, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.well-primary {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(118, 141, 232, 0.7)), color-stop(100%, rgba(205, 214, 247, 0.7)));
    background-image: -webkit-linear-gradient(rgba(118, 141, 232, 0.7), rgba(205, 214, 247, 0.7));
    background-image: -moz-linear-gradient(rgba(118, 141, 232, 0.7), rgba(205, 214, 247, 0.7));
    background-image: -o-linear-gradient(rgba(118, 141, 232, 0.7), rgba(205, 214, 247, 0.7));
    background-image: linear-gradient(rgba(118, 141, 232, 0.7), rgba(205, 214, 247, 0.7));
    background-repeat: repeat-x;
    border: #2447d4;
    -webkit-box-shadow: rgba(36, 71, 212, 0.5) 0 0 30px, rgba(118, 141, 232, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(36, 71, 212, 0.5) 0 0 30px, rgba(118, 141, 232, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(36, 71, 212, 0.5) 0 0 30px, rgba(118, 141, 232, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    -ms-border-radius: 20;
    -o-border-radius: 20;
    border-radius: 20;
}

.well-info {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(118, 227, 232, 0.7)), color-stop(100%, rgba(205, 245, 247, 0.7)));
    background-image: -webkit-linear-gradient(rgba(118, 227, 232, 0.7), rgba(205, 245, 247, 0.7));
    background-image: -moz-linear-gradient(rgba(118, 227, 232, 0.7), rgba(205, 245, 247, 0.7));
    background-image: -o-linear-gradient(rgba(118, 227, 232, 0.7), rgba(205, 245, 247, 0.7));
    background-image: linear-gradient(rgba(118, 227, 232, 0.7), rgba(205, 245, 247, 0.7));
    background-repeat: repeat-x;
    border: #24cdd4;
    -webkit-box-shadow: rgba(36, 205, 212, 0.5) 0 0 30px, rgba(118, 227, 232, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(36, 205, 212, 0.5) 0 0 30px, rgba(118, 227, 232, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(36, 205, 212, 0.5) 0 0 30px, rgba(118, 227, 232, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    -ms-border-radius: 20;
    -o-border-radius: 20;
    border-radius: 20;
}

.well-succes {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(57, 243, 72, 0.7)), color-stop(100%, rgba(153, 249, 161, 0.7)));
    background-image: -webkit-linear-gradient(rgba(57, 243, 72, 0.7), rgba(153, 249, 161, 0.7));
    background-image: -moz-linear-gradient(rgba(57, 243, 72, 0.7), rgba(153, 249, 161, 0.7));
    background-image: -o-linear-gradient(rgba(57, 243, 72, 0.7), rgba(153, 249, 161, 0.7));
    background-image: linear-gradient(rgba(57, 243, 72, 0.7), rgba(153, 249, 161, 0.7));
    background-repeat: repeat-x;
    border: #0bbb19;
    -webkit-box-shadow: rgba(11, 187, 25, 0.5) 0 0 30px, rgba(57, 243, 72, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(11, 187, 25, 0.5) 0 0 30px, rgba(57, 243, 72, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(11, 187, 25, 0.5) 0 0 30px, rgba(57, 243, 72, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    -ms-border-radius: 20;
    -o-border-radius: 20;
    border-radius: 20;
}

.well-warning {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(253, 201, 123, 0.7)), color-stop(100%, rgba(255, 242, 223, 0.7)));
    background-image: -webkit-linear-gradient(rgba(253, 201, 123, 0.7), rgba(255, 242, 223, 0.7));
    background-image: -moz-linear-gradient(rgba(253, 201, 123, 0.7), rgba(255, 242, 223, 0.7));
    background-image: -o-linear-gradient(rgba(253, 201, 123, 0.7), rgba(255, 242, 223, 0.7));
    background-image: linear-gradient(rgba(253, 201, 123, 0.7), rgba(255, 242, 223, 0.7));
    background-repeat: repeat-x;
    border: #fca016;
    -webkit-box-shadow: rgba(252, 160, 22, 0.5) 0 0 30px, rgba(253, 201, 123, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(252, 160, 22, 0.5) 0 0 30px, rgba(253, 201, 123, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(252, 160, 22, 0.5) 0 0 30px, rgba(253, 201, 123, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    -ms-border-radius: 20;
    -o-border-radius: 20;
    border-radius: 20;
}

.well-danger {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.7)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-repeat: repeat-x;
    border: #ebccd1;
    -webkit-box-shadow: rgba(235, 204, 209, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(235, 204, 209, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(235, 204, 209, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    -ms-border-radius: 20;
    -o-border-radius: 20;
    border-radius: 20;
}

.well-error {
    padding: 10px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.7)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-repeat: repeat-x;
    border: #ebccd1;
    -webkit-box-shadow: rgba(235, 204, 209, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    -moz-box-shadow: rgba(235, 204, 209, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    box-shadow: rgba(235, 204, 209, 0.5) 0 0 30px, rgba(255, 255, 255, 0.4) 0 0 10px 1px inset;
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    -ms-border-radius: 20;
    -o-border-radius: 20;
    border-radius: 20;
}


/* fichier de theme avec style des badges avec couleur */


/*
* Fichier de theme des label
* Fichier crée le 04/05/2014
* Auteur : Denis Sanson alias Multixvers
*/


/* la mixin badgeColor sert à creer des badges de couleur */


/* générateur des badges de couleur */

.bg-black {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f5555), color-stop(100%, #443d3d));
    background-image: -webkit-linear-gradient(#5f5555, #443d3d);
    background-image: -moz-linear-gradient(#5f5555, #443d3d);
    background-image: -o-linear-gradient(#5f5555, #443d3d);
    background-image: linear-gradient(#5f5555, #443d3d);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-black {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #f3f3f3;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #443d3d;
    border-radius: 20px;
}

.bg-white {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
    background-image: -o-linear-gradient(#ffffff, #f3f3f3);
    background-image: linear-gradient(#ffffff, #f3f3f3);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-white {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #443d3d;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 20px;
}

.bg-yellow {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f62b), color-stop(100%, #e4e40a));
    background-image: -webkit-linear-gradient(#f6f62b, #e4e40a);
    background-image: -moz-linear-gradient(#f6f62b, #e4e40a);
    background-image: -o-linear-gradient(#f6f62b, #e4e40a);
    background-image: linear-gradient(#f6f62b, #e4e40a);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-yellow {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #443d3d;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #e4e40a;
    border-radius: 20px;
}

.bg-purple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1b4fb), color-stop(100%, #ce84f8));
    background-image: -webkit-linear-gradient(#e1b4fb, #ce84f8);
    background-image: -moz-linear-gradient(#e1b4fb, #ce84f8);
    background-image: -o-linear-gradient(#e1b4fb, #ce84f8);
    background-image: linear-gradient(#e1b4fb, #ce84f8);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-purple {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #f3f3f3;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ce84f8;
    border-radius: 20px;
}

.bg-rose {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fab1f4), color-stop(100%, #f781ee));
    background-image: -webkit-linear-gradient(#fab1f4, #f781ee);
    background-image: -moz-linear-gradient(#fab1f4, #f781ee);
    background-image: -o-linear-gradient(#fab1f4, #f781ee);
    background-image: linear-gradient(#fab1f4, #f781ee);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-rose {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #443d3d;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #f781ee;
    border-radius: 20px;
}

.bg-apple {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b4f429), color-stop(100%, #9cdf0b));
    background-image: -webkit-linear-gradient(#b4f429, #9cdf0b);
    background-image: -moz-linear-gradient(#b4f429, #9cdf0b);
    background-image: -o-linear-gradient(#b4f429, #9cdf0b);
    background-image: linear-gradient(#b4f429, #9cdf0b);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-apple {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #5d0380;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #9cdf0b;
    border-radius: 20px;
}

.bg-violet {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8104b2), color-stop(100%, #5d0380));
    background-image: -webkit-linear-gradient(#8104b2, #5d0380);
    background-image: -moz-linear-gradient(#8104b2, #5d0380);
    background-image: -o-linear-gradient(#8104b2, #5d0380);
    background-image: linear-gradient(#8104b2, #5d0380);
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    -ms-border-radius: 3;
    -o-border-radius: 3;
    border-radius: 3;
}

.badge-violet {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #9cdf0b;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #5d0380;
    border-radius: 20px;
}

.badge-trans {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
}

.badge-primary {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #2447d4;
    border-radius: 20px;
}

.badge-info {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #24cdd4;
    border-radius: 20px;
}

.badge-warning {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #fca016;
    border-radius: 20px;
}

.badge-danger {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ebccd1;
    border-radius: 20px;
}

.badge-success {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #0bbb19;
    border-radius: 20px;
}

.badge-error {
    display: inline-block;
    min-width: 10px;
    padding: 2px 7px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ebccd1;
    border-radius: 20px;
}