/* Contains extra colors to use */
/* https://lingtalfi.com/bootstrap4-color-generator# */


/*------------------------------------
- COLOR purple
------------------------------------*/

.alert-purple {
   color: #1b2955;
   background-color: #c9d1ed;
   border-color: #b9c5e8;
}

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

.alert-purple .alert-link {
   color: #0e162e;
}

.badge-purple {
   color: #fff;
   background-color: #3956b2;
}

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

.bg-purple {
   background-color: #3956b2 !important;
}

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

.border-purple {
   border-color: #3956b2 !important;
}

.btn-purple {
   color: #fff;
   background-color: #3956b2;
   border-color: #3956b2;
}

.btn-purple:hover {
   color: #fff;
   background-color: #304896;
   border-color: #2c438b;
}

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

.btn-purple.disabled, .btn-purple:disabled {
   color: #fff;
   background-color: #3956b2;
   border-color: #3956b2;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
   color: #fff;
   background-color: #2c438b;
   border-color: #283d7f;
}

.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(57, 86, 178, 0.5);
}

.btn-outline-purple {
   color: #3956b2;
   background-color: transparent;
   border-color: #3956b2;
}

.btn-outline-purple:hover {
   color: #fff;
   background-color: #3956b2;
   border-color: #3956b2;
}

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

.btn-outline-purple.disabled, .btn-outline-purple:disabled {
   color: #3956b2;
   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: #3956b2;
   border-color: #3956b2;
}

.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(57, 86, 178, 0.5);
}

.list-group-item-purple {
   color: #1b2955;
   background-color: #b9c5e8;
}

.list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus {
   color: #1b2955;
   background-color: #a6b4e2;
}

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

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

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

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

.text-purple,
.link-purple {
   color: #3956b2 !important;
}

.link-purple:hover, .link-purple:focus {
   color: #2c438b !important;
}

.dropdown-item.active, .dropdown-item:active {
   background-color: #a6b4e2;
}