/*------------------------------------
- Base COLOR
*** purple #8B008B
*** light #EEEEEE
*** orange #F04334
*** blue #629FC3
*** lightblue #D4EDF4
*** sky #28A3CA
*** yellow #FFE200
*** gold #9F9A54
*** fuji #9A81CC
*** pink #DA69A4
*** green #23AB9F
*** paleorange #fce6d9
------------------------------------*/

/*------------------------------------
- COLOR purple
------------------------------------*/
.alert-purple {
  color: #100010;
  background-color: #ff58ff;
  border-color: #ff43ff;
}

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

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

.badge-purple {
  color: #fff;
  background-color: #8b008b;
}

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

.bg-purple {
  background-color: #8b008b !important;
}

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

.border-purple {
  border-color: #8b008b !important;
}

.btn-purple {
  color: #fff;
  background-color: #8b008b;
  border-color: #8b008b;
}

.btn-purple:hover {
  color: #eee;
  background-color: #670067;
  border-color: #570057;
}

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

.btn-purple.disabled,
.btn-purple:disabled {
  color: #fff;
  background-color: #8b008b;
  border-color: #8b008b;
}

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

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

.btn-outline-purple {
  color: #8b008b;
  background-color: transparent;
  border-color: #8b008b;
}

.btn-outline-purple:hover {
  color: #fff;
  background-color: #8b008b;
  border-color: #8b008b;
}

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

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
  color: #8b008b;
  background-color: transparent;
}

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

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

.list-group-item-purple {
  color: #100010;
  background-color: #ff43ff;
}

.list-group-item-purple.list-group-item-action:hover,
.list-group-item-purple.list-group-item-action:focus {
  color: #100010;
  background-color: #ff2aff;
}

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

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

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

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

.text-purple {
  color: #8b008b !important;
}

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

/*------------------------------------
- COLOR light
------------------------------------*/
.alert-light {
  color: #b0b0b0;
  background-color: #154154154;
  border-color: #149149149;
}

.alert-light hr {
  border-top-color: #13d13d13d;
}

.alert-light .alert-link {
  color: #979797;
}

.badge-light {
  color: #212529;
  background-color: #eeeeee;
}

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

.bg-light {
  background-color: #eeeeee !important;
}

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

.border-light {
  border-color: #eeeeee !important;
}

.btn-light {
  color: #212529;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

.btn-light:hover {
  color: #212529;
  background-color: #dcdcdc;
  border-color: #d4d4d4;
}

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

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #d4d4d4;
  border-color: #cccccc;
}

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

.btn-outline-light {
  color: #eeeeee;
  background-color: transparent;
  border-color: #eeeeee;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

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

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #eeeeee;
  background-color: transparent;
}

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

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

.list-group-item-light {
  color: #b0b0b0;
  background-color: #149149149;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #b0b0b0;
  background-color: #13d13d13d;
}

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

.table-light,
.table-light > th,
.table-light > td {
  background-color: #149149149;
}

.table-hover .table-light:hover {
  background-color: #13d13d13d;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #13d13d13d;
}

.text-light {
  color: #eeeeee !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #d4d4d4 !important;
}

/*------------------------------------
- COLOR orange
------------------------------------*/
.alert-orange {
  color: #9d170b;
  background-color: #fef2f1;
  border-color: #fce1de;
}

.alert-orange hr {
  border-top-color: #facbc7;
}

.alert-orange .alert-link {
  color: #6e1008;
}

.badge-orange {
  color: #fff;
  background-color: #f04334;
}

.badge-orange[href]:hover,
.badge-orange[href]:focus {
  color: #fff;
  background-color: #e02110;
}

.bg-orange {
  background-color: #f04334 !important;
}

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

.border-orange {
  border-color: #f04334 !important;
}

.btn-orange {
  color: #fff;
  background-color: #f04334;
  border-color: #f04334;
}

.btn-orange:hover {
  color: #eee;
  background-color: #ed2412;
  border-color: #e02110;
}

.btn-orange:focus,
.btn-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 67, 52, 0.5);
}

.btn-orange.disabled,
.btn-orange:disabled {
  color: #fff;
  background-color: #f04334;
  border-color: #f04334;
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #e02110;
  border-color: #d21f0f;
}

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

.btn-outline-orange {
  color: #f04334;
  background-color: transparent;
  border-color: #f04334;
}

.btn-outline-orange:hover {
  color: #fff;
  background-color: #f04334;
  border-color: #f04334;
}

.btn-outline-orange:focus,
.btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 67, 52, 0.5);
}

.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
  color: #f04334;
  background-color: transparent;
}

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

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

.list-group-item-orange {
  color: #9d170b;
  background-color: #fce1de;
}

.list-group-item-orange.list-group-item-action:hover,
.list-group-item-orange.list-group-item-action:focus {
  color: #9d170b;
  background-color: #facbc7;
}

.list-group-item-orange.list-group-item-action.active {
  color: #fff;
  background-color: #9d170b;
  border-color: #9d170b;
}

.table-orange,
.table-orange > th,
.table-orange > td {
  background-color: #fce1de;
}

.table-hover .table-orange:hover {
  background-color: #facbc7;
}

.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
  background-color: #facbc7;
}

.text-orange {
  color: #f04334 !important;
}

a.text-orange:hover,
a.text-orange:focus {
  color: #e02110 !important;
}

/*------------------------------------
- COLOR blue
------------------------------------*/
.alert-blue {
  color: #2f5f7b;
  background-color: #f5f9fb;
  border-color: #e6f0f5;
}

.alert-blue hr {
  border-top-color: #d4e4ee;
}

.alert-blue .alert-link {
  color: #214256;
}

.badge-blue {
  color: #212529;
  background-color: #629fc3;
}

.badge-blue[href]:hover,
.badge-blue[href]:focus {
  color: #212529;
  background-color: #4286af;
}

.bg-blue {
  background-color: #629fc3 !important;
}

a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #4286af !important;
}

.border-blue {
  border-color: #629fc3 !important;
}

.btn-blue {
  color: #fff;
  background-color: #629fc3;
  border-color: #629fc3;
}

.btn-blue:hover {
  color: #eee;
  background-color: #488fb9;
  border-color: #4286af;
}

.btn-blue:focus,
.btn-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 159, 195, 0.5);
}

.btn-blue.disabled,
.btn-blue:disabled {
  color: #212529;
  background-color: #629fc3;
  border-color: #629fc3;
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #212529;
  background-color: #4286af;
  border-color: #3e7ea4;
}

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

.btn-outline-blue {
  color: #629fc3;
  background-color: transparent;
  border-color: #629fc3;
}

.btn-outline-blue:hover {
  color: #212529;
  background-color: #629fc3;
  border-color: #629fc3;
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 159, 195, 0.5);
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
  color: #629fc3;
  background-color: transparent;
}

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

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

.list-group-item-blue {
  color: #2f5f7b;
  background-color: #e6f0f5;
}

.list-group-item-blue.list-group-item-action:hover,
.list-group-item-blue.list-group-item-action:focus {
  color: #2f5f7b;
  background-color: #d4e4ee;
}

.list-group-item-blue.list-group-item-action.active {
  color: #212529;
  background-color: #2f5f7b;
  border-color: #2f5f7b;
}

.table-blue,
.table-blue > th,
.table-blue > td {
  background-color: #e6f0f5;
}

.table-hover .table-blue:hover {
  background-color: #d4e4ee;
}

.table-hover .table-blue:hover > td,
.table-hover .table-blue:hover > th {
  background-color: #d4e4ee;
}

.text-blue {
  color: #629fc3 !important;
}

a.text-blue:hover,
a.text-blue:focus {
  color: #4286af !important;
}

/*------------------------------------
- COLOR lightblue
------------------------------------*/
.alert-lightblue {
  color: #72c4db;
  background-color: #17613011d;
  border-color: #16612a119;
}

.alert-lightblue hr {
  border-top-color: #151121114;
}

.alert-lightblue .alert-link {
  color: #49b3d0;
}

.badge-lightblue {
  color: #212529;
  background-color: #d4edf4;
}

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

.bg-lightblue {
  background-color: #d4edf4 !important;
}

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

.border-lightblue {
  border-color: #d4edf4 !important;
}

.btn-lightblue {
  color: #212529;
  background-color: #d4edf4;
  border-color: #d4edf4;
}

.btn-lightblue:hover {
  color: #212529;
  background-color: #b7e1ec;
  border-color: #abdce9;
}

.btn-lightblue:focus,
.btn-lightblue.focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 237, 244, 0.5);
}

.btn-lightblue.disabled,
.btn-lightblue:disabled {
  color: #212529;
  background-color: #d4edf4;
  border-color: #d4edf4;
}

.btn-lightblue:not(:disabled):not(.disabled):active,
.btn-lightblue:not(:disabled):not(.disabled).active,
.show > .btn-lightblue.dropdown-toggle {
  color: #212529;
  background-color: #abdce9;
  border-color: #9fd6e6;
}

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

.btn-outline-lightblue {
  color: #d4edf4;
  background-color: transparent;
  border-color: #d4edf4;
}

.btn-outline-lightblue:hover {
  color: #212529;
  background-color: #d4edf4;
  border-color: #d4edf4;
}

.btn-outline-lightblue:focus,
.btn-outline-lightblue.focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 237, 244, 0.5);
}

.btn-outline-lightblue.disabled,
.btn-outline-lightblue:disabled {
  color: #d4edf4;
  background-color: transparent;
}

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

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

.list-group-item-lightblue {
  color: #72c4db;
  background-color: #16612a119;
}

.list-group-item-lightblue.list-group-item-action:hover,
.list-group-item-lightblue.list-group-item-action:focus {
  color: #72c4db;
  background-color: #151121114;
}

.list-group-item-lightblue.list-group-item-action.active {
  color: #212529;
  background-color: #72c4db;
  border-color: #72c4db;
}

.table-lightblue,
.table-lightblue > th,
.table-lightblue > td {
  background-color: #16612a119;
}

.table-hover .table-lightblue:hover {
  background-color: #151121114;
}

.table-hover .table-lightblue:hover > td,
.table-hover .table-lightblue:hover > th {
  background-color: #151121114;
}

.text-lightblue {
  color: #d4edf4 !important;
}

a.text-lightblue:hover,
a.text-lightblue:focus {
  color: #abdce9 !important;
}

/*------------------------------------
- COLOR sky
------------------------------------*/
.alert-sky {
  color: #135063;
  background-color: #c9eaf4;
  border-color: #b8e3f1;
}

.alert-sky hr {
  border-top-color: #a3dbec;
}

.alert-sky .alert-link {
  color: #0b2e39;
}

.badge-sky {
  color: #212529;
  background-color: #28a3ca;
}

.badge-sky[href]:hover,
.badge-sky[href]:focus {
  color: #212529;
  background-color: #1f809f;
}

.bg-sky {
  background-color: #28a3ca !important;
}

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

.border-sky {
  border-color: #28a3ca !important;
}

.btn-sky {
  color: #ffffff;
  background-color: #28a3ca;
  border-color: #28a3ca;
}

.btn-sky:hover {
  color: #eee;
  background-color: #228aac;
  border-color: #1f809f;
}

.btn-sky:focus,
.btn-sky.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 163, 202, 0.5);
}

.btn-sky.disabled,
.btn-sky:disabled {
  color: #212529;
  background-color: #28a3ca;
  border-color: #28a3ca;
}

.btn-sky:not(:disabled):not(.disabled):active,
.btn-sky:not(:disabled):not(.disabled).active,
.show > .btn-sky.dropdown-toggle {
  color: #212529;
  background-color: #1f809f;
  border-color: #1d7692;
}

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

.btn-outline-sky {
  color: #28a3ca;
  background-color: transparent;
  border-color: #28a3ca;
}

.btn-outline-sky:hover {
  color: #212529;
  background-color: #28a3ca;
  border-color: #28a3ca;
}

.btn-outline-sky:focus,
.btn-outline-sky.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 163, 202, 0.5);
}

.btn-outline-sky.disabled,
.btn-outline-sky:disabled {
  color: #28a3ca;
  background-color: transparent;
}

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

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

.list-group-item-sky {
  color: #135063;
  background-color: #b8e3f1;
}

.list-group-item-sky.list-group-item-action:hover,
.list-group-item-sky.list-group-item-action:focus {
  color: #135063;
  background-color: #a3dbec;
}

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

.table-sky,
.table-sky > th,
.table-sky > td {
  background-color: #b8e3f1;
}

.table-hover .table-sky:hover {
  background-color: #a3dbec;
}

.table-hover .table-sky:hover > td,
.table-hover .table-sky:hover > th {
  background-color: #a3dbec;
}

.text-sky {
  color: #28a3ca !important;
}

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

/*------------------------------------
- COLOR yellow
------------------------------------*/
.alert-yellow {
  color: #847500;
  background-color: #fff9cc;
  border-color: #fff6b7;
}

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

.alert-yellow .alert-link {
  color: #514800;
}

.badge-yellow {
  color: #212529;
  background-color: #ffe200;
}

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

.bg-yellow {
  background-color: #ffe200 !important;
}

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

.border-yellow {
  border-color: #ffe200 !important;
}

.btn-yellow {
  color: #212529;
  background-color: #ffe200;
  border-color: #ffe200;
}

.btn-yellow:hover {
  color: #212529;
  background-color: #dbc200;
  border-color: #ccb400;
}

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

.btn-yellow.disabled,
.btn-yellow:disabled {
  color: #212529;
  background-color: #ffe200;
  border-color: #ffe200;
}

.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #212529;
  background-color: #ccb400;
  border-color: #bca700;
}

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

.btn-outline-yellow {
  color: #ffe200;
  background-color: transparent;
  border-color: #ffe200;
}

.btn-outline-yellow:hover {
  color: #212529;
  background-color: #ffe200;
  border-color: #ffe200;
}

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

.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
  color: #ffe200;
  background-color: transparent;
}

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

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

.list-group-item-yellow {
  color: #847500;
  background-color: #fff6b7;
}

.list-group-item-yellow.list-group-item-action:hover,
.list-group-item-yellow.list-group-item-action:focus {
  color: #847500;
  background-color: #fff39e;
}

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

.table-yellow,
.table-yellow > th,
.table-yellow > td {
  background-color: #fff6b7;
}

.table-hover .table-yellow:hover {
  background-color: #fff39e;
}

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

.text-yellow {
  color: #ffe200 !important;
}

a.text-yellow:hover,
a.text-yellow:focus {
  color: #ccb400 !important;
}

/*------------------------------------
- COLOR gold
------------------------------------*/
.alert-gold {
  color: #4e4c29;
  background-color: #e9e7d5;
  border-color: #e2e0c8;
}

.alert-gold hr {
  border-top-color: #d9d7b7;
}

.alert-gold .alert-link {
  color: #2d2c18;
}

.badge-gold {
  color: #212529;
  background-color: #9f9a54;
}

.badge-gold[href]:hover,
.badge-gold[href]:focus {
  color: #212529;
  background-color: #7d7942;
}

.bg-gold {
  background-color: #b6af00 !important;
}

a.bg-gold:hover,
a.bg-gold:focus,
button.bg-gold:hover,
button.bg-gold:focus {
  background-color: #7d7942 !important;
}

.border-gold {
  border-color: #b6af00 !important;
}

.btn-gold {
  color: #fff;
  background-color: #b6af00;
  border-color: #b6af00;
}

.btn-gold:hover {
  color: #eee;
  background-color: #878347;
  border-color: #7d7942;
}

.btn-gold:focus,
.btn-gold.focus {
  box-shadow: 0 0 0 0.2rem rgba(159, 154, 84, 0.5);
}

.btn-gold.disabled,
.btn-gold:disabled {
  color: #212529;
  background-color: #9f9a54;
  border-color: #9f9a54;
}

.btn-gold:not(:disabled):not(.disabled):active,
.btn-gold:not(:disabled):not(.disabled).active,
.show > .btn-gold.dropdown-toggle {
  color: #212529;
  background-color: #7d7942;
  border-color: #736f3d;
}

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

.btn-outline-gold {
  color: #9f9a54;
  background-color: transparent;
  border-color: #9f9a54;
}

.btn-outline-gold:hover {
  color: #212529;
  background-color: #9f9a54;
  border-color: #9f9a54;
}

.btn-outline-gold:focus,
.btn-outline-gold.focus {
  box-shadow: 0 0 0 0.2rem rgba(159, 154, 84, 0.5);
}

.btn-outline-gold.disabled,
.btn-outline-gold:disabled {
  color: #9f9a54;
  background-color: transparent;
}

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

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

.list-group-item-gold {
  color: #4e4c29;
  background-color: #e2e0c8;
}

.list-group-item-gold.list-group-item-action:hover,
.list-group-item-gold.list-group-item-action:focus {
  color: #4e4c29;
  background-color: #d9d7b7;
}

.list-group-item-gold.list-group-item-action.active {
  color: #212529;
  background-color: #4e4c29;
  border-color: #4e4c29;
}

.table-gold,
.table-gold > th,
.table-gold > td {
  background-color: #e2e0c8;
}

.table-hover .table-gold:hover {
  background-color: #d9d7b7;
}

.table-hover .table-gold:hover > td,
.table-hover .table-gold:hover > th {
  background-color: #d9d7b7;
}

.text-gold {
  color: #b6af00 !important;
}

a.text-gold:hover,
a.text-gold:focus {
  color: #7d7942 !important;
}

/*------------------------------------
- COLOR fuji
------------------------------------*/
.alert-fuji {
  color: #5a3c95;
  background-color: #10e112106;
  border-color: #102103100;
}

.alert-fuji hr {
  border-top-color: #f4f1f9;
}

.alert-fuji .alert-link {
  color: #442d71;
}

.badge-fuji {
  color: #212529;
  background-color: #9a81cc;
}

.badge-fuji[href]:hover,
.badge-fuji[href]:focus {
  color: #212529;
  background-color: #7c5cbd;
}

.bg-fuji {
  background-color: #9a81cc !important;
}

a.bg-fuji:hover,
a.bg-fuji:focus,
button.bg-fuji:hover,
button.bg-fuji:focus {
  background-color: #7c5cbd !important;
}

.border-fuji {
  border-color: #9a81cc !important;
}

.btn-fuji {
  color: #fff;
  background-color: #9a81cc;
  border-color: #9a81cc;
}

.btn-fuji:hover {
  color: #eee;
  background-color: #8567c1;
  border-color: #7c5cbd;
}

.btn-fuji:focus,
.btn-fuji.focus {
  box-shadow: 0 0 0 0.2rem rgba(154, 129, 204, 0.5);
}

.btn-fuji.disabled,
.btn-fuji:disabled {
  color: #212529;
  background-color: #9a81cc;
  border-color: #9a81cc;
}

.btn-fuji:not(:disabled):not(.disabled):active,
.btn-fuji:not(:disabled):not(.disabled).active,
.show > .btn-fuji.dropdown-toggle {
  color: #212529;
  background-color: #7c5cbd;
  border-color: #7451b8;
}

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

.btn-outline-fuji {
  color: #9a81cc;
  background-color: transparent;
  border-color: #9a81cc;
}

.btn-outline-fuji:hover {
  color: #212529;
  background-color: #9a81cc;
  border-color: #9a81cc;
}

.btn-outline-fuji:focus,
.btn-outline-fuji.focus {
  box-shadow: 0 0 0 0.2rem rgba(154, 129, 204, 0.5);
}

.btn-outline-fuji.disabled,
.btn-outline-fuji:disabled {
  color: #9a81cc;
  background-color: transparent;
}

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

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

.list-group-item-fuji {
  color: #5a3c95;
  background-color: #102103100;
}

.list-group-item-fuji.list-group-item-action:hover,
.list-group-item-fuji.list-group-item-action:focus {
  color: #5a3c95;
  background-color: #f4f1f9;
}

.list-group-item-fuji.list-group-item-action.active {
  color: #212529;
  background-color: #5a3c95;
  border-color: #5a3c95;
}

.table-fuji,
.table-fuji > th,
.table-fuji > td {
  background-color: #102103100;
}

.table-hover .table-fuji:hover {
  background-color: #f4f1f9;
}

.table-hover .table-fuji:hover > td,
.table-hover .table-fuji:hover > th {
  background-color: #f4f1f9;
}

.text-fuji {
  color: #9a81cc !important;
}

a.text-fuji:hover,
a.text-fuji:focus {
  color: #7c5cbd !important;
}

/*------------------------------------
- COLOR pink
------------------------------------*/
.alert-pink {
  color: #a02766;
  background-color: #10210c107;
  border-color: #fefcfd;
}

.alert-pink hr {
  border-top-color: #f9e7f0;
}

.alert-pink .alert-link {
  color: #771d4c;
}

.badge-pink {
  color: #212529;
  background-color: #da69a4;
}

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

.bg-pink {
  background-color: #da69a4 !important;
}
.bg-lightpink {
  background-color: #f8e6f0 !important;
}

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

.border-pink {
  border-color: #da69a4 !important;
}

.btn-pink {
  color: #fff;
  background-color: #da69a4;
  border-color: #da69a4;
}

.btn-pink:hover {
  color: #eee;
  background-color: #d24c92;
  border-color: #cf408b;
}

.btn-pink:focus,
.btn-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(218, 105, 164, 0.5);
}

.btn-pink.disabled,
.btn-pink:disabled {
  color: #212529;
  background-color: #da69a4;
  border-color: #da69a4;
}

.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #212529;
  background-color: #cf408b;
  border-color: #cc3383;
}

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

.btn-outline-pink {
  color: #da69a4;
  background-color: transparent;
  border-color: #da69a4;
}

.btn-outline-pink:hover {
  color: #212529;
  background-color: #da69a4;
  border-color: #da69a4;
}

.btn-outline-pink:focus,
.btn-outline-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(218, 105, 164, 0.5);
}

.btn-outline-pink.disabled,
.btn-outline-pink:disabled {
  color: #da69a4;
  background-color: transparent;
}

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

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

.list-group-item-pink {
  color: #a02766;
  background-color: #fefcfd;
}

.list-group-item-pink.list-group-item-action:hover,
.list-group-item-pink.list-group-item-action:focus {
  color: #a02766;
  background-color: #f9e7f0;
}

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

.table-pink,
.table-pink > th,
.table-pink > td {
  background-color: #fefcfd;
}

.table-hover .table-pink:hover {
  background-color: #f9e7f0;
}

.table-hover .table-pink:hover > td,
.table-hover .table-pink:hover > th {
  background-color: #f9e7f0;
}

.text-pink {
  color: #da69a4 !important;
}

a.text-pink:hover,
a.text-pink:focus {
  color: #cf408b !important;
}

/*------------------------------------
- COLOR green
------------------------------------*/
.alert-green {
  color: #0e4540;
  background-color: #abeee8;
  border-color: #9beae3;
}

.alert-green hr {
  border-top-color: #85e6dd;
}

.alert-green .alert-link {
  color: #051b19;
}

.badge-green {
  color: #212529;
  background-color: #23ab9f;
}

.badge-green[href]:hover,
.badge-green[href]:focus {
  color: #212529;
  background-color: #1a8077;
}

.bg-green {
  background-color: #23ab9f !important;
}

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

.border-green {
  border-color: #23ab9f !important;
}

.btn-green {
  color: #fff;
  background-color: #23ab9f;
  border-color: #23ab9f;
}

.btn-green:hover {
  color: #eee;
  background-color: #1c8d83;
  border-color: #1a8077;
}

.btn-green:focus,
.btn-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 171, 159, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
  color: #212529;
  background-color: #23ab9f;
  border-color: #23ab9f;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #212529;
  background-color: #1a8077;
  border-color: #17736b;
}

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

.btn-outline-green {
  color: #23ab9f;
  background-color: transparent;
  border-color: #23ab9f;
}

.btn-outline-green:hover {
  color: #212529;
  background-color: #23ab9f;
  border-color: #23ab9f;
}

.btn-outline-green:focus,
.btn-outline-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 171, 159, 0.5);
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
  color: #23ab9f;
  background-color: transparent;
}

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

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

.list-group-item-green {
  color: #0e4540;
  background-color: #9beae3;
}

.list-group-item-green.list-group-item-action:hover,
.list-group-item-green.list-group-item-action:focus {
  color: #0e4540;
  background-color: #85e6dd;
}

.list-group-item-green.list-group-item-action.active {
  color: #212529;
  background-color: #0e4540;
  border-color: #0e4540;
}

.table-green,
.table-green > th,
.table-green > td {
  background-color: #9beae3;
}

.table-hover .table-green:hover {
  background-color: #85e6dd;
}

.table-hover .table-green:hover > td,
.table-hover .table-green:hover > th {
  background-color: #85e6dd;
}

.text-green {
  color: #23ab9f !important;
}

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

/*------------------------------------
- COLOR paleorange
------------------------------------*/
.bg-paleorange {
  background-color: #fce6d9;
}
.text-paleorange {
  color: #ed6d46;
}

/*------------------------------------
- COLOR beige
------------------------------------*/
.bg-beige {
  background-color: #f9f8ef;
}