/*------------------------------------
- COLOR purple-1
------------------------------------*/
.alert-purple-1 {
    color: #6d0084;
    background-color: #f5ccff;
    border-color: #f2b7ff;
}

.alert-purple-1 hr {
    border-top-color: #ed9eff;
}

.alert-purple-1 .alert-link {
    color: #430051;
}

.badge-purple-1 {
    color: #fff;
    background-color: #d200ff;
}

.badge-purple-1[href]:hover, .badge-purple-1[href]:focus {
    color: #fff;
    background-color: #a700cc;
}

.bg-purple-1 {
    background-color: #d200ff !important;
}

a.bg-purple-1:hover, a.bg-purple-1:focus,
button.bg-purple-1:hover,
button.bg-purple-1:focus {
    background-color: #a700cc !important;
}

.border-purple-1 {
    border-color: #d200ff !important;
}

.btn-purple-1 {
    color: #fff;
    background-color: #d200ff;
    border-color: #d200ff;
}

.btn-purple-1:hover {
    color: #fff;
    background-color: #b400db;
    border-color: #a700cc;
}

.btn-purple-1:focus, .btn-purple-1.focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 0, 255, 0.5);
}

.btn-purple-1.disabled, .btn-purple-1:disabled {
    color: #fff;
    background-color: #d200ff;
    border-color: #d200ff;
}

.btn-purple-1:not(:disabled):not(.disabled):active, .btn-purple-1:not(:disabled):not(.disabled).active, .show > .btn-purple-1.dropdown-toggle {
    color: #fff;
    background-color: #a700cc;
    border-color: #9b00bc;
}

.btn-purple-1:not(:disabled):not(.disabled):active:focus, .btn-purple-1:not(:disabled):not(.disabled).active:focus, .show > .btn-purple-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 0, 255, 0.5);
}

.btn-outline-purple-1 {
    color: #d200ff;
    background-color: transparent;
    border-color: #d200ff;
}

.btn-outline-purple-1:hover {
    color: #fff;
    background-color: #d200ff;
    border-color: #d200ff;
}

.btn-outline-purple-1:focus, .btn-outline-purple-1.focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 0, 255, 0.5);
}

.btn-outline-purple-1.disabled, .btn-outline-purple-1:disabled {
    color: #d200ff;
    background-color: transparent;
}

.btn-outline-purple-1:not(:disabled):not(.disabled):active, .btn-outline-purple-1:not(:disabled):not(.disabled).active, .show > .btn-outline-purple-1.dropdown-toggle {
    color: #fff;
    background-color: #d200ff;
    border-color: #d200ff;
}

.btn-outline-purple-1:not(:disabled):not(.disabled):active:focus, .btn-outline-purple-1:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 0, 255, 0.5);
}

.list-group-item-purple-1 {
    color: #6d0084;
    background-color: #f2b7ff;
}

.list-group-item-purple-1.list-group-item-action:hover, .list-group-item-purple-1.list-group-item-action:focus {
    color: #6d0084;
    background-color: #ed9eff;
}

.list-group-item-purple-1.list-group-item-action.active {
    color: #fff;
    background-color: #6d0084;
    border-color: #6d0084;
}

.table-purple-1,
.table-purple-1 > th,
.table-purple-1 > td {
    background-color: #f2b7ff;
}

.table-hover .table-purple-1:hover {
    background-color: #ed9eff;
}

.table-hover .table-purple-1:hover > td,
.table-hover .table-purple-1:hover > th {
    background-color: #ed9eff;
}

.text-purple-1 {
    color: #d200ff !important;
}

a.text-purple-1:hover, a.text-purple-1:focus {
    color: #a700cc !important;
}


/*------------------------------------
- COLOR purple-2
------------------------------------*/
.alert-purple-2 {
    color: #7024c8;
    background-color: #11a12b107;
    border-color: #11011a103;
}

.alert-purple-2 hr {
    border-top-color: #102105100;
}

.alert-purple-2 .alert-link {
    color: #581c9d;
}

.badge-purple-2 {
    color: #212529;
    background-color: #b07fe8;
}

.badge-purple-2[href]:hover, .badge-purple-2[href]:focus {
    color: #212529;
    background-color: #9553e0;
}

.bg-purple-2 {
    background-color: #b07fe8 !important;
}

a.bg-purple-2:hover, a.bg-purple-2:focus,
button.bg-purple-2:hover,
button.bg-purple-2:focus {
    background-color: #9553e0 !important;
}

.border-purple-2 {
    border-color: #b07fe8 !important;
}

.btn-purple-2 {
    color: #212529;
    background-color: #b07fe8;
    border-color: #b07fe8;
}

.btn-purple-2:hover {
    color: #212529;
    background-color: #9d60e2;
    border-color: #9553e0;
}

.btn-purple-2:focus, .btn-purple-2.focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 127, 232, 0.5);
}

.btn-purple-2.disabled, .btn-purple-2:disabled {
    color: #212529;
    background-color: #b07fe8;
    border-color: #b07fe8;
}

.btn-purple-2:not(:disabled):not(.disabled):active, .btn-purple-2:not(:disabled):not(.disabled).active, .show > .btn-purple-2.dropdown-toggle {
    color: #212529;
    background-color: #9553e0;
    border-color: #8d46dd;
}

.btn-purple-2:not(:disabled):not(.disabled):active:focus, .btn-purple-2:not(:disabled):not(.disabled).active:focus, .show > .btn-purple-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 127, 232, 0.5);
}

.btn-outline-purple-2 {
    color: #b07fe8;
    background-color: transparent;
    border-color: #b07fe8;
}

.btn-outline-purple-2:hover {
    color: #212529;
    background-color: #b07fe8;
    border-color: #b07fe8;
}

.btn-outline-purple-2:focus, .btn-outline-purple-2.focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 127, 232, 0.5);
}

.btn-outline-purple-2.disabled, .btn-outline-purple-2:disabled {
    color: #b07fe8;
    background-color: transparent;
}

.btn-outline-purple-2:not(:disabled):not(.disabled):active, .btn-outline-purple-2:not(:disabled):not(.disabled).active, .show > .btn-outline-purple-2.dropdown-toggle {
    color: #212529;
    background-color: #b07fe8;
    border-color: #b07fe8;
}

.btn-outline-purple-2:not(:disabled):not(.disabled):active:focus, .btn-outline-purple-2:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 127, 232, 0.5);
}

.list-group-item-purple-2 {
    color: #7024c8;
    background-color: #11011a103;
}

.list-group-item-purple-2.list-group-item-action:hover, .list-group-item-purple-2.list-group-item-action:focus {
    color: #7024c8;
    background-color: #102105100;
}

.list-group-item-purple-2.list-group-item-action.active {
    color: #212529;
    background-color: #7024c8;
    border-color: #7024c8;
}

.table-purple-2,
.table-purple-2 > th,
.table-purple-2 > td {
    background-color: #11011a103;
}

.table-hover .table-purple-2:hover {
    background-color: #102105100;
}

.table-hover .table-purple-2:hover > td,
.table-hover .table-purple-2:hover > th {
    background-color: #102105100;
}

.text-purple-2 {
    color: #b07fe8 !important;
}

a.text-purple-2:hover, a.text-purple-2:focus {
    color: #9553e0 !important;
}


/*------------------------------------
- COLOR purple-3
------------------------------------*/
.alert-purple-3 {
    color: #00ffffffffffffffff00;
    background-color: #b648ff;
    border-color: #ad33ff;
}

.alert-purple-3 hr {
    border-top-color: #a31aff;
}

.alert-purple-3 .alert-link {
    color: #000000;
}

.badge-purple-3 {
    color: #fff;
    background-color: #4A007B;
}

.badge-purple-3[href]:hover, .badge-purple-3[href]:focus {
    color: #fff;
    background-color: #2b0048;
}

.bg-purple-3 {
    background-color: #4A007B !important;
}

a.bg-purple-3:hover, a.bg-purple-3:focus,
button.bg-purple-3:hover,
button.bg-purple-3:focus {
    background-color: #2b0048 !important;
}

.border-purple-3 {
    border-color: #4A007B !important;
}

.btn-purple-3 {
    color: #fff;
    background-color: #4A007B;
    border-color: #4A007B;
}

.btn-purple-3:hover {
    color: #fff;
    background-color: #340057;
    border-color: #2b0048;
}

.btn-purple-3:focus, .btn-purple-3.focus {
    box-shadow: 0 0 0 0.2rem rgba(74, 0, 123, 0.5);
}

.btn-purple-3.disabled, .btn-purple-3:disabled {
    color: #fff;
    background-color: #4A007B;
    border-color: #4A007B;
}

.btn-purple-3:not(:disabled):not(.disabled):active, .btn-purple-3:not(:disabled):not(.disabled).active, .show > .btn-purple-3.dropdown-toggle {
    color: #fff;
    background-color: #2b0048;
    border-color: #22ffffffffffffffff38;
}

.btn-purple-3:not(:disabled):not(.disabled):active:focus, .btn-purple-3:not(:disabled):not(.disabled).active:focus, .show > .btn-purple-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(74, 0, 123, 0.5);
}

.btn-outline-purple-3 {
    color: #4A007B;
    background-color: transparent;
    border-color: #4A007B;
}

.btn-outline-purple-3:hover {
    color: #fff;
    background-color: #4A007B;
    border-color: #4A007B;
}

.btn-outline-purple-3:focus, .btn-outline-purple-3.focus {
    box-shadow: 0 0 0 0.2rem rgba(74, 0, 123, 0.5);
}

.btn-outline-purple-3.disabled, .btn-outline-purple-3:disabled {
    color: #4A007B;
    background-color: transparent;
}

.btn-outline-purple-3:not(:disabled):not(.disabled):active, .btn-outline-purple-3:not(:disabled):not(.disabled).active, .show > .btn-outline-purple-3.dropdown-toggle {
    color: #fff;
    background-color: #4A007B;
    border-color: #4A007B;
}

.btn-outline-purple-3:not(:disabled):not(.disabled):active:focus, .btn-outline-purple-3:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(74, 0, 123, 0.5);
}

.list-group-item-purple-3 {
    color: #00ffffffffffffffff00;
    background-color: #ad33ff;
}

.list-group-item-purple-3.list-group-item-action:hover, .list-group-item-purple-3.list-group-item-action:focus {
    color: #00ffffffffffffffff00;
    background-color: #a31aff;
}

.list-group-item-purple-3.list-group-item-action.active {
    color: #fff;
    background-color: #00ffffffffffffffff00;
    border-color: #00ffffffffffffffff00;
}

.table-purple-3,
.table-purple-3 > th,
.table-purple-3 > td {
    background-color: #ad33ff;
}

.table-hover .table-purple-3:hover {
    background-color: #a31aff;
}

.table-hover .table-purple-3:hover > td,
.table-hover .table-purple-3:hover > th {
    background-color: #a31aff;
}

.text-purple-3 {
    color: #4A007B !important;
}

a.text-purple-3:hover, a.text-purple-3:focus {
    color: #2b0048 !important;
}


/*------------------------------------
- COLOR purple-4
------------------------------------*/
.alert-purple-4 {
    color: #5d2476;
    background-color: #f3e9f8;
    border-color: #ebdaf3;
}

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

.alert-purple-4 .alert-link {
    color: #3e184f;
}

.badge-purple-4 {
    color: #fff;
    background-color: #a24ec8;
}

.badge-purple-4[href]:hover, .badge-purple-4[href]:focus {
    color: #fff;
    background-color: #8835ad;
}

.bg-purple-4 {
    background-color: #a24ec8 !important;
}

a.bg-purple-4:hover, a.bg-purple-4:focus,
button.bg-purple-4:hover,
button.bg-purple-4:focus {
    background-color: #8835ad !important;
}

.border-purple-4 {
    border-color: #a24ec8 !important;
}

.btn-purple-4 {
    color: #fff;
    background-color: #a24ec8;
    border-color: #a24ec8;
}

.btn-purple-4:hover {
    color: #fff;
    background-color: #9139b8;
    border-color: #8835ad;
}

.btn-purple-4:focus, .btn-purple-4.focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 78, 200, 0.5);
}

.btn-purple-4.disabled, .btn-purple-4:disabled {
    color: #fff;
    background-color: #a24ec8;
    border-color: #a24ec8;
}

.btn-purple-4:not(:disabled):not(.disabled):active, .btn-purple-4:not(:disabled):not(.disabled).active, .show > .btn-purple-4.dropdown-toggle {
    color: #fff;
    background-color: #8835ad;
    border-color: #7e32a1;
}

.btn-purple-4:not(:disabled):not(.disabled):active:focus, .btn-purple-4:not(:disabled):not(.disabled).active:focus, .show > .btn-purple-4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 78, 200, 0.5);
}

.btn-outline-purple-4 {
    color: #a24ec8;
    background-color: transparent;
    border-color: #a24ec8;
}

.btn-outline-purple-4:hover {
    color: #fff;
    background-color: #a24ec8;
    border-color: #a24ec8;
}

.btn-outline-purple-4:focus, .btn-outline-purple-4.focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 78, 200, 0.5);
}

.btn-outline-purple-4.disabled, .btn-outline-purple-4:disabled {
    color: #a24ec8;
    background-color: transparent;
}

.btn-outline-purple-4:not(:disabled):not(.disabled):active, .btn-outline-purple-4:not(:disabled):not(.disabled).active, .show > .btn-outline-purple-4.dropdown-toggle {
    color: #fff;
    background-color: #a24ec8;
    border-color: #a24ec8;
}

.btn-outline-purple-4:not(:disabled):not(.disabled):active:focus, .btn-outline-purple-4:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple-4.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 78, 200, 0.5);
}

.list-group-item-purple-4 {
    color: #5d2476;
    background-color: #ebdaf3;
}

.list-group-item-purple-4.list-group-item-action:hover, .list-group-item-purple-4.list-group-item-action:focus {
    color: #5d2476;
    background-color: #e1c6ed;
}

.list-group-item-purple-4.list-group-item-action.active {
    color: #fff;
    background-color: #5d2476;
    border-color: #5d2476;
}

.table-purple-4,
.table-purple-4 > th,
.table-purple-4 > td {
    background-color: #ebdaf3;
}

.table-hover .table-purple-4:hover {
    background-color: #e1c6ed;
}

.table-hover .table-purple-4:hover > td,
.table-hover .table-purple-4:hover > th {
    background-color: #e1c6ed;
}

.text-purple-4 {
    color: #a24ec8 !important;
}

a.text-purple-4:hover, a.text-purple-4:focus {
    color: #8835ad !important;
}


/*------------------------------------
- COLOR white
------------------------------------*/
.alert-white {
    color: #c1c1c1;
    background-color: #165165165;
    border-color: #15a15a15a;
}

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

.alert-white .alert-link {
    color: #a8a8a8;
}

.badge-white {
    color: #212529;
    background-color: #ffffff;
}

.badge-white[href]:hover, .badge-white[href]:focus {
    color: #212529;
    background-color: #e5e5e5;
}

.bg-white {
    background-color: #ffffff !important;
}

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
    background-color: #e5e5e5 !important;
}

.border-white {
    border-color: #ffffff !important;
}

.btn-white {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:hover {
    color: #212529;
    background-color: #ededed;
    border-color: #e5e5e5;
}

.btn-white:focus, .btn-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-white.disabled, .btn-white:disabled {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e5e5e5;
    border-color: #dddddd;
}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-white {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}

.btn-outline-white:hover {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-white:focus, .btn-outline-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
    color: #ffffff;
    background-color: transparent;
}

.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.list-group-item-white {
    color: #c1c1c1;
    background-color: #15a15a15a;
}

.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
    color: #c1c1c1;
    background-color: #14e14e14e;
}

.list-group-item-white.list-group-item-action.active {
    color: #212529;
    background-color: #c1c1c1;
    border-color: #c1c1c1;
}

.table-white,
.table-white > th,
.table-white > td {
    background-color: #15a15a15a;
}

.table-hover .table-white:hover {
    background-color: #14e14e14e;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
    background-color: #14e14e14e;
}

.text-white {
    color: #ffffff !important;
}

a.text-white:hover, a.text-white:focus {
    color: #e5e5e5 !important;
}