btn-group-xs>.btn,
.btn.btn-xs {
    padding: .15rem .3rem;
    font-size: .775rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.badge {
    font-weight: normal !important;
}

/*
https://lingtalfi.com/bootstrap4-color-generator
*/
/*------------------------------------
- COLOR mediumslateblue
------------------------------------*/
.alert-mediumslateblue {
    color: #2f16c5;
    background-color: #11b11f10 2;
    border-color: #10b10d10 0;
}

.alert-mediumslateblue hr {
    border-top-color: #f7f6fd;
}

.alert-mediumslateblue .alert-link {
    color: #241197;
}

.badge-mediumslateblue {
    color: #fff;
    background-color: #7B68EE;
}

.badge-mediumslateblue[href]:hover,
.badge-mediumslateblue[href]:focus {
    color: #fff;
    background-color: #523ae8;
}

.bg-mediumslateblue {
    background-color: #7B68EE !important;
}

a.bg-mediumslateblue:hover,
a.bg-mediumslateblue:focus,
button.bg-mediumslateblue:hover,
button.bg-mediumslateblue:focus {
    background-color: #523ae8 !important;
}

.border-mediumslateblue {
    border-color: #7B68EE !important;
}

.btn-mediumslateblue {
    color: #fff;
    background-color: #7B68EE;
    border-color: #7B68EE;
}

.btn-mediumslateblue:hover {
    color: #fff;
    background-color: #5e47ea;
    border-color: #523ae8;
}

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

.btn-mediumslateblue.disabled,
.btn-mediumslateblue:disabled {
    color: #fff;
    background-color: #7B68EE;
    border-color: #7B68EE;
}

.btn-mediumslateblue:not(:disabled):not(.disabled):active,
.btn-mediumslateblue:not(:disabled):not(.disabled).active,
.show>.btn-mediumslateblue.dropdown-toggle {
    color: #fff;
    background-color: #523ae8;
    border-color: #462ce7;
}

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

.btn-outline-mediumslateblue {
    color: #7B68EE;
    background-color: transparent;
    border-color: #7B68EE;
}

.btn-outline-mediumslateblue:hover {
    color: #fff;
    background-color: #7B68EE;
    border-color: #7B68EE;
}

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

.btn-outline-mediumslateblue.disabled,
.btn-outline-mediumslateblue:disabled {
    color: #7B68EE;
    background-color: transparent;
}

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

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

.list-group-item-mediumslateblue {
    color: #2f16c5;
    background-color: #10b10d10 0;
}

.list-group-item-mediumslateblue.list-group-item-action:hover,
.list-group-item-mediumslateblue.list-group-item-action:focus {
    color: #2f16c5;
    background-color: #f7f6fd;
}

.list-group-item-mediumslateblue.list-group-item-action.active {
    color: #fff;
    background-color: #2f16c5;
    border-color: #2f16c5;
}

.table-mediumslateblue,
.table-mediumslateblue>th,
.table-mediumslateblue>td {
    background-color: #10b10d10 0;
}

.table-hover .table-mediumslateblue:hover {
    background-color: #f7f6fd;
}

.table-hover .table-mediumslateblue:hover>td,
.table-hover .table-mediumslateblue:hover>th {
    background-color: #f7f6fd;
}

.text-mediumslateblue {
    color: #7B68EE !important;
}

a.text-mediumslateblue:hover,
a.text-mediumslateblue:focus {
    color: #523ae8 !important;
}

/*------------------------------------
- COLOR lightskyblue
------------------------------------*/
.alert-lightskyblue {
    color: #119ef5;
    background-color: #14a11d10 2;
    border-color: #13711510 1;
}

.alert-lightskyblue hr {
    border-top-color: #11e10b10 0;
}

.alert-lightskyblue .alert-link {
    color: #0880cb;
}

.badge-lightskyblue {
    color: #212529;
    background-color: #87CEFA;
}

.badge-lightskyblue[href]:hover,
.badge-lightskyblue[href]:focus {
    color: #212529;
    background-color: #56baf7;
}

.bg-lightskyblue {
    background-color: #87CEFA !important;
}

a.bg-lightskyblue:hover,
a.bg-lightskyblue:focus,
button.bg-lightskyblue:hover,
button.bg-lightskyblue:focus {
    background-color: #56baf7 !important;
}

.border-lightskyblue {
    border-color: #87CEFA !important;
}

.btn-lightskyblue {
    color: #212529;
    background-color: #87CEFA;
    border-color: #87CEFA;
}

.btn-lightskyblue:hover {
    color: #212529;
    background-color: #64c0f8;
    border-color: #56baf7;
}

.btn-lightskyblue:focus,
.btn-lightskyblue.focus {
    box-shadow: 0 0 0 0.2rem rgba(135, 206, 250, 0.5);
}

.btn-lightskyblue.disabled,
.btn-lightskyblue:disabled {
    color: #212529;
    background-color: #87CEFA;
    border-color: #87CEFA;
}

.btn-lightskyblue:not(:disabled):not(.disabled):active,
.btn-lightskyblue:not(:disabled):not(.disabled).active,
.show>.btn-lightskyblue.dropdown-toggle {
    color: #212529;
    background-color: #56baf7;
    border-color: #47b4f7;
}

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

.btn-outline-lightskyblue {
    color: #87CEFA;
    background-color: transparent;
    border-color: #87CEFA;
}

.btn-outline-lightskyblue:hover {
    color: #212529;
    background-color: #87CEFA;
    border-color: #87CEFA;
}

.btn-outline-lightskyblue:focus,
.btn-outline-lightskyblue.focus {
    box-shadow: 0 0 0 0.2rem rgba(135, 206, 250, 0.5);
}

.btn-outline-lightskyblue.disabled,
.btn-outline-lightskyblue:disabled {
    color: #87CEFA;
    background-color: transparent;
}

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

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

.list-group-item-lightskyblue {
    color: #119ef5;
    background-color: #13711510 1;
}

.list-group-item-lightskyblue.list-group-item-action:hover,
.list-group-item-lightskyblue.list-group-item-action:focus {
    color: #119ef5;
    background-color: #11e10b10 0;
}

.list-group-item-lightskyblue.list-group-item-action.active {
    color: #212529;
    background-color: #119ef5;
    border-color: #119ef5;
}

.table-lightskyblue,
.table-lightskyblue>th,
.table-lightskyblue>td {
    background-color: #13711510 1;
}

.table-hover .table-lightskyblue:hover {
    background-color: #11e10b10 0;
}

.table-hover .table-lightskyblue:hover>td,
.table-hover .table-lightskyblue:hover>th {
    background-color: #11e10b10 0;
}

.text-lightskyblue {
    color: #87CEFA !important;
}

a.text-lightskyblue:hover,
a.text-lightskyblue:focus {
    color: #56baf7 !important;
}

/*------------------------------------
- COLOR dodgerblue
------------------------------------*/
.alert-dodgerblue {
    color: #0052a2;
    background-color: #eaf4ff;
    border-color: #d5eaff;
}

.alert-dodgerblue hr {
    border-top-color: #bcddff;
}

.alert-dodgerblue .alert-link {
    color: #00386f;
}

.badge-dodgerblue {
    color: #fff;
    background-color: #1E90FF;
}

.badge-dodgerblue[href]:hover,
.badge-dodgerblue[href]:focus {
    color: #fff;
    background-color: #0076ea;
}

.bg-dodgerblue {
    background-color: #1E90FF !important;
}

a.bg-dodgerblue:hover,
a.bg-dodgerblue:focus,
button.bg-dodgerblue:hover,
button.bg-dodgerblue:focus {
    background-color: #0076ea !important;
}

.border-dodgerblue {
    border-color: #1E90FF !important;
}

.btn-dodgerblue {
    color: #fff;
    background-color: #1E90FF;
    border-color: #1E90FF;
}

.btn-dodgerblue:hover {
    color: #fff;
    background-color: #007ef9;
    border-color: #0076ea;
}

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

.btn-dodgerblue.disabled,
.btn-dodgerblue:disabled {
    color: #fff;
    background-color: #1E90FF;
    border-color: #1E90FF;
}

.btn-dodgerblue:not(:disabled):not(.disabled):active,
.btn-dodgerblue:not(:disabled):not(.disabled).active,
.show>.btn-dodgerblue.dropdown-toggle {
    color: #fff;
    background-color: #0076ea;
    border-color: #006eda;
}

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

.btn-outline-dodgerblue {
    color: #1E90FF;
    background-color: transparent;
    border-color: #1E90FF;
}

.btn-outline-dodgerblue:hover {
    color: #fff;
    background-color: #1E90FF;
    border-color: #1E90FF;
}

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

.btn-outline-dodgerblue.disabled,
.btn-outline-dodgerblue:disabled {
    color: #1E90FF;
    background-color: transparent;
}

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

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

.list-group-item-dodgerblue {
    color: #0052a2;
    background-color: #d5eaff;
}

.list-group-item-dodgerblue.list-group-item-action:hover,
.list-group-item-dodgerblue.list-group-item-action:focus {
    color: #0052a2;
    background-color: #bcddff;
}

.list-group-item-dodgerblue.list-group-item-action.active {
    color: #fff;
    background-color: #0052a2;
    border-color: #0052a2;
}

.table-dodgerblue,
.table-dodgerblue>th,
.table-dodgerblue>td {
    background-color: #d5eaff;
}

.table-hover .table-dodgerblue:hover {
    background-color: #bcddff;
}

.table-hover .table-dodgerblue:hover>td,
.table-hover .table-dodgerblue:hover>th {
    background-color: #bcddff;
}

.text-dodgerblue {
    color: #1E90FF !important;
}

a.text-dodgerblue:hover,
a.text-dodgerblue:focus {
    color: #0076ea !important;
}

/*------------------------------------
- COLOR deepskyblue
------------------------------------*/
.alert-deepskyblue {
    color: #006384;
    background-color: #ccf2ff;
    border-color: #b7edff;
}

.alert-deepskyblue hr {
    border-top-color: #9ee6ff;
}

.alert-deepskyblue .alert-link {
    color: #003d51;
}

.badge-deepskyblue {
    color: #212529;
    background-color: #00BFFF;
}

.badge-deepskyblue[href]:hover,
.badge-deepskyblue[href]:focus {
    color: #212529;
    background-color: #0098cc;
}

.bg-deepskyblue {
    background-color: #00BFFF !important;
}

a.bg-deepskyblue:hover,
a.bg-deepskyblue:focus,
button.bg-deepskyblue:hover,
button.bg-deepskyblue:focus {
    background-color: #0098cc !important;
}

.border-deepskyblue {
    border-color: #00BFFF !important;
}

.btn-deepskyblue {
    color: #212529;
    background-color: #00BFFF;
    border-color: #00BFFF;
}

.btn-deepskyblue:hover {
    color: #212529;
    background-color: #00a4db;
    border-color: #0098cc;
}

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

.btn-deepskyblue.disabled,
.btn-deepskyblue:disabled {
    color: #212529;
    background-color: #00BFFF;
    border-color: #00BFFF;
}

.btn-deepskyblue:not(:disabled):not(.disabled):active,
.btn-deepskyblue:not(:disabled):not(.disabled).active,
.show>.btn-deepskyblue.dropdown-toggle {
    color: #212529;
    background-color: #0098cc;
    border-color: #008dbc;
}

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

.btn-outline-deepskyblue {
    color: #00BFFF;
    background-color: transparent;
    border-color: #00BFFF;
}

.btn-outline-deepskyblue:hover {
    color: #212529;
    background-color: #00BFFF;
    border-color: #00BFFF;
}

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

.btn-outline-deepskyblue.disabled,
.btn-outline-deepskyblue:disabled {
    color: #00BFFF;
    background-color: transparent;
}

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

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

.list-group-item-deepskyblue {
    color: #006384;
    background-color: #b7edff;
}

.list-group-item-deepskyblue.list-group-item-action:hover,
.list-group-item-deepskyblue.list-group-item-action:focus {
    color: #006384;
    background-color: #9ee6ff;
}

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

.table-deepskyblue,
.table-deepskyblue>th,
.table-deepskyblue>td {
    background-color: #b7edff;
}

.table-hover .table-deepskyblue:hover {
    background-color: #9ee6ff;
}

.table-hover .table-deepskyblue:hover>td,
.table-hover .table-deepskyblue:hover>th {
    background-color: #9ee6ff;
}

.text-deepskyblue {
    color: #00BFFF !important;
}

a.text-deepskyblue:hover,
a.text-deepskyblue:focus {
    color: #0098cc !important;
}

/*------------------------------------
- COLOR gold
------------------------------------*/
.alert-gold {
    color: #846f00;
    background-color: #fff7cc;
    border-color: #fff3b7;
}

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

.alert-gold .alert-link {
    color: #514400;
}

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

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

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

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

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

.btn-gold {
    color: #212529;
    background-color: #FFD700;
    border-color: #FFD700;
}

.btn-gold:hover {
    color: #212529;
    background-color: #dbb800;
    border-color: #ccac00;
}

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

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

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

.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(255, 215, 0, 0.5);
}

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

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

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

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

.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(255, 215, 0, 0.5);
}

.list-group-item-gold {
    color: #846f00;
    background-color: #fff3b7;
}

.list-group-item-gold.list-group-item-action:hover,
.list-group-item-gold.list-group-item-action:focus {
    color: #846f00;
    background-color: #ffef9e;
}

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

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

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

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

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

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

/*------------------------------------
- COLOR lavender
------------------------------------*/
.alert-lavender {
    color: #8080e5;
    background-color: #19019011 c;
    border-color: #17f17f11 8;
}

.alert-lavender hr {
    border-top-color: #16916911 4;
}

.alert-lavender .alert-link {
    color: #5555dd;
}

.badge-lavender {
    color: #212529;
    background-color: #E6E6FA;
}

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

.bg-lavender {
    background-color: #E6E6FA !important;
}

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

.border-lavender {
    border-color: #E6E6FA !important;
}

.btn-lavender {
    color: #212529;
    background-color: #E6E6FA;
    border-color: #E6E6FA;
}

.btn-lavender:hover {
    color: #212529;
    background-color: #c8c8f4;
    border-color: #bbbbf1;
}

.btn-lavender:focus,
.btn-lavender.focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 230, 250, 0.5);
}

.btn-lavender.disabled,
.btn-lavender:disabled {
    color: #212529;
    background-color: #E6E6FA;
    border-color: #E6E6FA;
}

.btn-lavender:not(:disabled):not(.disabled):active,
.btn-lavender:not(:disabled):not(.disabled).active,
.show>.btn-lavender.dropdown-toggle {
    color: #212529;
    background-color: #bbbbf1;
    border-color: #aeaeee;
}

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

.btn-outline-lavender {
    color: #E6E6FA;
    background-color: transparent;
    border-color: #E6E6FA;
}

.btn-outline-lavender:hover {
    color: #212529;
    background-color: #E6E6FA;
    border-color: #E6E6FA;
}

.btn-outline-lavender:focus,
.btn-outline-lavender.focus {
    box-shadow: 0 0 0 0.2rem rgba(230, 230, 250, 0.5);
}

.btn-outline-lavender.disabled,
.btn-outline-lavender:disabled {
    color: #E6E6FA;
    background-color: transparent;
}

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

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

.list-group-item-lavender {
    color: #8080e5;
    background-color: #17f17f11 8;
}

.list-group-item-lavender.list-group-item-action:hover,
.list-group-item-lavender.list-group-item-action:focus {
    color: #8080e5;
    background-color: #16916911 4;
}

.list-group-item-lavender.list-group-item-action.active {
    color: #212529;
    background-color: #8080e5;
    border-color: #8080e5;
}

.table-lavender,
.table-lavender>th,
.table-lavender>td {
    background-color: #17f17f11 8;
}

.table-hover .table-lavender:hover {
    background-color: #16916911 4;
}

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

.text-lavender {
    color: #E6E6FA !important;
}

a.text-lavender:hover,
a.text-lavender:focus {
    color: #bbbbf1 !important;
}

/*------------------------------------
- COLOR tan
------------------------------------*/
.alert-tan {
    color: #a37840;
    background-color: #10b11311 e;
    border-color: #10510a10 f;
}

.alert-tan hr {
    border-top-color: #fefefd;
}

.alert-tan .alert-link {
    color: #7e5d31;
}

.badge-tan {
    color: #212529;
    background-color: #D2B48C;
}

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

.bg-tan {
    background-color: #D2B48C !important;
}

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

.border-tan {
    border-color: #D2B48C !important;
}

.btn-tan {
    color: #212529;
    background-color: #D2B48C;
    border-color: #D2B48C;
}

.btn-tan:hover {
    color: #212529;
    background-color: #c7a372;
    border-color: #c39c67;
}

.btn-tan:focus,
.btn-tan.focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 180, 140, 0.5);
}

.btn-tan.disabled,
.btn-tan:disabled {
    color: #212529;
    background-color: #D2B48C;
    border-color: #D2B48C;
}

.btn-tan:not(:disabled):not(.disabled):active,
.btn-tan:not(:disabled):not(.disabled).active,
.show>.btn-tan.dropdown-toggle {
    color: #212529;
    background-color: #c39c67;
    border-color: #bf945c;
}

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

.btn-outline-tan {
    color: #D2B48C;
    background-color: transparent;
    border-color: #D2B48C;
}

.btn-outline-tan:hover {
    color: #212529;
    background-color: #D2B48C;
    border-color: #D2B48C;
}

.btn-outline-tan:focus,
.btn-outline-tan.focus {
    box-shadow: 0 0 0 0.2rem rgba(210, 180, 140, 0.5);
}

.btn-outline-tan.disabled,
.btn-outline-tan:disabled {
    color: #D2B48C;
    background-color: transparent;
}

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

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

.list-group-item-tan {
    color: #a37840;
    background-color: #10510a10 f;
}

.list-group-item-tan.list-group-item-action:hover,
.list-group-item-tan.list-group-item-action:focus {
    color: #a37840;
    background-color: #fefefd;
}

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

.table-tan,
.table-tan>th,
.table-tan>td {
    background-color: #10510a10 f;
}

.table-hover .table-tan:hover {
    background-color: #fefefd;
}

.table-hover .table-tan:hover>td,
.table-hover .table-tan:hover>th {
    background-color: #fefefd;
}

.text-tan {
    color: #D2B48C !important;
}

a.text-tan:hover,
a.text-tan:focus {
    color: #c39c67 !important;
}

/*------------------------------------
- COLOR darkgoldenrod
------------------------------------*/
.alert-darkgoldenrod {
    color: #443104;
    background-color: #f8dc96;
    border-color: #f7d583;
}

.alert-darkgoldenrod hr {
    border-top-color: #f6cd6a;
}

.alert-darkgoldenrod .alert-link {
    color: #140e01;
}

.badge-darkgoldenrod {
    color: #212529;
    background-color: #B8860B;
}

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

.bg-darkgoldenrod {
    background-color: #B8860B !important;
}

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

.border-darkgoldenrod {
    border-color: #B8860B !important;
}

.btn-darkgoldenrod {
    color: #212529;
    background-color: #B8860B;
    border-color: #B8860B;
}

.btn-darkgoldenrod:hover {
    color: #212529;
    background-color: #966d08;
    border-color: #876208;
}

.btn-darkgoldenrod:focus,
.btn-darkgoldenrod.focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 134, 11, 0.5);
}

.btn-darkgoldenrod.disabled,
.btn-darkgoldenrod:disabled {
    color: #212529;
    background-color: #B8860B;
    border-color: #B8860B;
}

.btn-darkgoldenrod:not(:disabled):not(.disabled):active,
.btn-darkgoldenrod:not(:disabled):not(.disabled).active,
.show>.btn-darkgoldenrod.dropdown-toggle {
    color: #212529;
    background-color: #876208;
    border-color: #795807;
}

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

.btn-outline-darkgoldenrod {
    color: #B8860B;
    background-color: transparent;
    border-color: #B8860B;
}

.btn-outline-darkgoldenrod:hover {
    color: #212529;
    background-color: #B8860B;
    border-color: #B8860B;
}

.btn-outline-darkgoldenrod:focus,
.btn-outline-darkgoldenrod.focus {
    box-shadow: 0 0 0 0.2rem rgba(184, 134, 11, 0.5);
}

.btn-outline-darkgoldenrod.disabled,
.btn-outline-darkgoldenrod:disabled {
    color: #B8860B;
    background-color: transparent;
}

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

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

.list-group-item-darkgoldenrod {
    color: #443104;
    background-color: #f7d583;
}

.list-group-item-darkgoldenrod.list-group-item-action:hover,
.list-group-item-darkgoldenrod.list-group-item-action:focus {
    color: #443104;
    background-color: #f6cd6a;
}

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

.table-darkgoldenrod,
.table-darkgoldenrod>th,
.table-darkgoldenrod>td {
    background-color: #f7d583;
}

.table-hover .table-darkgoldenrod:hover {
    background-color: #f6cd6a;
}

.table-hover .table-darkgoldenrod:hover>td,
.table-hover .table-darkgoldenrod:hover>th {
    background-color: #f6cd6a;
}

.text-darkgoldenrod {
    color: #B8860B !important;
}

a.text-darkgoldenrod:hover,
a.text-darkgoldenrod:focus {
    color: #876208 !important;
}

/*------------------------------------
- COLOR lightsteelblue
------------------------------------*/
.alert-lightsteelblue {
    color: #5983b9;
    background-color: #13f12f11 a;
    border-color: #13112411 4;
}

.alert-lightsteelblue hr {
    border-top-color: #11f11710 c;
}

.alert-lightsteelblue .alert-link {
    color: #426a9e;
}

.badge-lightsteelblue {
    color: #212529;
    background-color: #B0C4DE;
}

.badge-lightsteelblue[href]:hover,
.badge-lightsteelblue[href]:focus {
    color: #212529;
    background-color: #8ca9ce;
}

.bg-lightsteelblue {
    background-color: #B0C4DE !important;
}

a.bg-lightsteelblue:hover,
a.bg-lightsteelblue:focus,
button.bg-lightsteelblue:hover,
button.bg-lightsteelblue:focus {
    background-color: #8ca9ce !important;
}

.border-lightsteelblue {
    border-color: #B0C4DE !important;
}

.btn-lightsteelblue {
    color: #212529;
    background-color: #B0C4DE;
    border-color: #B0C4DE;
}

.btn-lightsteelblue:hover {
    color: #212529;
    background-color: #96b1d3;
    border-color: #8ca9ce;
}

.btn-lightsteelblue:focus,
.btn-lightsteelblue.focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 196, 222, 0.5);
}

.btn-lightsteelblue.disabled,
.btn-lightsteelblue:disabled {
    color: #212529;
    background-color: #B0C4DE;
    border-color: #B0C4DE;
}

.btn-lightsteelblue:not(:disabled):not(.disabled):active,
.btn-lightsteelblue:not(:disabled):not(.disabled).active,
.show>.btn-lightsteelblue.dropdown-toggle {
    color: #212529;
    background-color: #8ca9ce;
    border-color: #81a1ca;
}

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

.btn-outline-lightsteelblue {
    color: #B0C4DE;
    background-color: transparent;
    border-color: #B0C4DE;
}

.btn-outline-lightsteelblue:hover {
    color: #212529;
    background-color: #B0C4DE;
    border-color: #B0C4DE;
}

.btn-outline-lightsteelblue:focus,
.btn-outline-lightsteelblue.focus {
    box-shadow: 0 0 0 0.2rem rgba(176, 196, 222, 0.5);
}

.btn-outline-lightsteelblue.disabled,
.btn-outline-lightsteelblue:disabled {
    color: #B0C4DE;
    background-color: transparent;
}

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

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

.list-group-item-lightsteelblue {
    color: #5983b9;
    background-color: #13112411 4;
}

.list-group-item-lightsteelblue.list-group-item-action:hover,
.list-group-item-lightsteelblue.list-group-item-action:focus {
    color: #5983b9;
    background-color: #11f11710 c;
}

.list-group-item-lightsteelblue.list-group-item-action.active {
    color: #212529;
    background-color: #5983b9;
    border-color: #5983b9;
}

.table-lightsteelblue,
.table-lightsteelblue>th,
.table-lightsteelblue>td {
    background-color: #13112411 4;
}

.table-hover .table-lightsteelblue:hover {
    background-color: #11f11710 c;
}

.table-hover .table-lightsteelblue:hover>td,
.table-hover .table-lightsteelblue:hover>th {
    background-color: #11f11710 c;
}

.text-lightsteelblue {
    color: #B0C4DE !important;
}

a.text-lightsteelblue:hover,
a.text-lightsteelblue:focus {
    color: #8ca9ce !important;
}

/*------------------------------------
- COLOR purple
------------------------------------*/
.alert-purple {
    color: #050005;
    background-color: #ff4dff;
    border-color: #ff38ff;
}

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

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

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

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

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

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

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

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

.btn-purple:hover {
    color: #fff;
    background-color: #5c005c;
    border-color: #4dffffff ffffffffff4d;
}

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

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

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

.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(128, 0, 128, 0.5);
}

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

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

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

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

.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(128, 0, 128, 0.5);
}

.list-group-item-purple {
    color: #050005;
    background-color: #ff38ff;
}

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

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

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

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

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

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

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

/*------------------------------------
- COLOR darkolivegreen
------------------------------------*/
.alert-darkolivegreen {
    color: #111509;
    background-color: #bad095;
    border-color: #b1ca87;
}

.alert-darkolivegreen hr {
    border-top-color: #a6c275;
}

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

.badge-darkolivegreen {
    color: #fff;
    background-color: #556B2F;
}

.badge-darkolivegreen[href]:hover,
.badge-darkolivegreen[href]:focus {
    color: #fff;
    background-color: #38471f;
}

.bg-darkolivegreen {
    background-color: #556B2F !important;
}

a.bg-darkolivegreen:hover,
a.bg-darkolivegreen:focus,
button.bg-darkolivegreen:hover,
button.bg-darkolivegreen:focus {
    background-color: #38471f !important;
}

.border-darkolivegreen {
    border-color: #556B2F !important;
}

.btn-darkolivegreen {
    color: #fff;
    background-color: #556B2F;
    border-color: #556B2F;
}

.btn-darkolivegreen:hover {
    color: #fff;
    background-color: #415224;
    border-color: #38471f;
}

.btn-darkolivegreen:focus,
.btn-darkolivegreen.focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 107, 47, 0.5);
}

.btn-darkolivegreen.disabled,
.btn-darkolivegreen:disabled {
    color: #fff;
    background-color: #556B2F;
    border-color: #556B2F;
}

.btn-darkolivegreen:not(:disabled):not(.disabled):active,
.btn-darkolivegreen:not(:disabled):not(.disabled).active,
.show>.btn-darkolivegreen.dropdown-toggle {
    color: #fff;
    background-color: #38471f;
    border-color: #303c1a;
}

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

.btn-outline-darkolivegreen {
    color: #556B2F;
    background-color: transparent;
    border-color: #556B2F;
}

.btn-outline-darkolivegreen:hover {
    color: #fff;
    background-color: #556B2F;
    border-color: #556B2F;
}

.btn-outline-darkolivegreen:focus,
.btn-outline-darkolivegreen.focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 107, 47, 0.5);
}

.btn-outline-darkolivegreen.disabled,
.btn-outline-darkolivegreen:disabled {
    color: #556B2F;
    background-color: transparent;
}

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

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

.list-group-item-darkolivegreen {
    color: #111509;
    background-color: #b1ca87;
}

.list-group-item-darkolivegreen.list-group-item-action:hover,
.list-group-item-darkolivegreen.list-group-item-action:focus {
    color: #111509;
    background-color: #a6c275;
}

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

.table-darkolivegreen,
.table-darkolivegreen>th,
.table-darkolivegreen>td {
    background-color: #b1ca87;
}

.table-hover .table-darkolivegreen:hover {
    background-color: #a6c275;
}

.table-hover .table-darkolivegreen:hover>td,
.table-hover .table-darkolivegreen:hover>th {
    background-color: #a6c275;
}

.text-darkolivegreen {
    color: #556B2F !important;
}

a.text-darkolivegreen:hover,
a.text-darkolivegreen:focus {
    color: #38471f !important;
}

/*------------------------------------
- COLOR indigo
------------------------------------*/
.alert-indigo {
    color: #040007;
    background-color: #b44fff;
    border-color: #ab3aff;
}

.alert-indigo hr {
    border-top-color: #a121ff;
}

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

.badge-indigo {
    color: #fff;
    background-color: #4B0082;
}

.badge-indigo[href]:hover,
.badge-indigo[href]:focus {
    color: #fff;
    background-color: #2dffffff ffffffffff4f;
}

.bg-indigo {
    background-color: #4B0082 !important;
}

a.bg-indigo:hover,
a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus {
    background-color: #2dffffff ffffffffff4f !important;
}

.border-indigo {
    border-color: #4B0082 !important;
}

.btn-indigo {
    color: #fff;
    background-color: #4B0082;
    border-color: #4B0082;
}

.btn-indigo:hover {
    color: #fff;
    background-color: #36005e;
    border-color: #2dffffff ffffffffff4f;
}

.btn-indigo:focus,
.btn-indigo.focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}

.btn-indigo.disabled,
.btn-indigo:disabled {
    color: #fff;
    background-color: #4B0082;
    border-color: #4B0082;
}

.btn-indigo:not(:disabled):not(.disabled):active,
.btn-indigo:not(:disabled):not(.disabled).active,
.show>.btn-indigo.dropdown-toggle {
    color: #fff;
    background-color: #2dffffff ffffffffff4f;
    border-color: #24003f;
}

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

.btn-outline-indigo {
    color: #4B0082;
    background-color: transparent;
    border-color: #4B0082;
}

.btn-outline-indigo:hover {
    color: #fff;
    background-color: #4B0082;
    border-color: #4B0082;
}

.btn-outline-indigo:focus,
.btn-outline-indigo.focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 0, 130, 0.5);
}

.btn-outline-indigo.disabled,
.btn-outline-indigo:disabled {
    color: #4B0082;
    background-color: transparent;
}

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

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

.list-group-item-indigo {
    color: #040007;
    background-color: #ab3aff;
}

.list-group-item-indigo.list-group-item-action:hover,
.list-group-item-indigo.list-group-item-action:focus {
    color: #040007;
    background-color: #a121ff;
}

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

.table-indigo,
.table-indigo>th,
.table-indigo>td {
    background-color: #ab3aff;
}

.table-hover .table-indigo:hover {
    background-color: #a121ff;
}

.table-hover .table-indigo:hover>td,
.table-hover .table-indigo:hover>th {
    background-color: #a121ff;
}

.text-indigo {
    color: #4B0082 !important;
}

a.text-indigo:hover,
a.text-indigo:focus {
    color: #2dffffff ffffffffff4f !important;
}

/*------------------------------------
- COLOR darkslategrey
------------------------------------*/
.alert-darkslategrey {
    color: #010202;
    background-color: #8ebbbb;
    border-color: #81b4b4;
}

.alert-darkslategrey hr {
    border-top-color: #71aaaa;
}

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

.badge-darkslategrey {
    color: #fff;
    background-color: #2F4F4F;
}

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

.bg-darkslategrey {
    background-color: #2F4F4F !important;
}

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

.border-darkslategrey {
    border-color: #2F4F4F !important;
}

.btn-darkslategrey {
    color: #fff;
    background-color: #2F4F4F;
    border-color: #2F4F4F;
}

.btn-darkslategrey:hover {
    color: #fff;
    background-color: #213838;
    border-color: #1b2f2f;
}

.btn-darkslategrey:focus,
.btn-darkslategrey.focus {
    box-shadow: 0 0 0 0.2rem rgba(47, 79, 79, 0.5);
}

.btn-darkslategrey.disabled,
.btn-darkslategrey:disabled {
    color: #fff;
    background-color: #2F4F4F;
    border-color: #2F4F4F;
}

.btn-darkslategrey:not(:disabled):not(.disabled):active,
.btn-darkslategrey:not(:disabled):not(.disabled).active,
.show>.btn-darkslategrey.dropdown-toggle {
    color: #fff;
    background-color: #1b2f2f;
    border-color: #162525;
}

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

.btn-outline-darkslategrey {
    color: #2F4F4F;
    background-color: transparent;
    border-color: #2F4F4F;
}

.btn-outline-darkslategrey:hover {
    color: #fff;
    background-color: #2F4F4F;
    border-color: #2F4F4F;
}

.btn-outline-darkslategrey:focus,
.btn-outline-darkslategrey.focus {
    box-shadow: 0 0 0 0.2rem rgba(47, 79, 79, 0.5);
}

.btn-outline-darkslategrey.disabled,
.btn-outline-darkslategrey:disabled {
    color: #2F4F4F;
    background-color: transparent;
}

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

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

.list-group-item-darkslategrey {
    color: #010202;
    background-color: #81b4b4;
}

.list-group-item-darkslategrey.list-group-item-action:hover,
.list-group-item-darkslategrey.list-group-item-action:focus {
    color: #010202;
    background-color: #71aaaa;
}

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

.table-darkslategrey,
.table-darkslategrey>th,
.table-darkslategrey>td {
    background-color: #81b4b4;
}

.table-hover .table-darkslategrey:hover {
    background-color: #71aaaa;
}

.table-hover .table-darkslategrey:hover>td,
.table-hover .table-darkslategrey:hover>th {
    background-color: #71aaaa;
}

.text-darkslategrey {
    color: #2F4F4F !important;
}

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

/*------------------------------------
- COLOR darkgreen
------------------------------------*/
.alert-darkgreen {
    color: #000000;
    background-color: #30ff30;
    border-color: #1cff1c;
}

.alert-darkgreen hr {
    border-top-color: #03ff03;
}

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

.badge-darkgreen {
    color: #fff;
    background-color: #006400;
}

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

.bg-darkgreen {
    background-color: #006400 !important;
}

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

.border-darkgreen {
    border-color: #006400 !important;
}

.btn-darkgreen {
    color: #fff;
    background-color: #006400;
    border-color: #006400;
}

.btn-darkgreen:hover {
    color: #fff;
    background-color: #ffffffffffffffff40ffffffffffffffff;
    border-color: #003000;
}

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

.btn-darkgreen.disabled,
.btn-darkgreen:disabled {
    color: #fff;
    background-color: #006400;
    border-color: #006400;
}

.btn-darkgreen:not(:disabled):not(.disabled):active,
.btn-darkgreen:not(:disabled):not(.disabled).active,
.show>.btn-darkgreen.dropdown-toggle {
    color: #fff;
    background-color: #003000;
    border-color: #002100;
}

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

.btn-outline-darkgreen {
    color: #006400;
    background-color: transparent;
    border-color: #006400;
}

.btn-outline-darkgreen:hover {
    color: #fff;
    background-color: #006400;
    border-color: #006400;
}

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

.btn-outline-darkgreen.disabled,
.btn-outline-darkgreen:disabled {
    color: #006400;
    background-color: transparent;
}

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

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

.list-group-item-darkgreen {
    color: #000000;
    background-color: #1cff1c;
}

.list-group-item-darkgreen.list-group-item-action:hover,
.list-group-item-darkgreen.list-group-item-action:focus {
    color: #000000;
    background-color: #03ff03;
}

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

.table-darkgreen,
.table-darkgreen>th,
.table-darkgreen>td {
    background-color: #1cff1c;
}

.table-hover .table-darkgreen:hover {
    background-color: #03ff03;
}

.table-hover .table-darkgreen:hover>td,
.table-hover .table-darkgreen:hover>th {
    background-color: #03ff03;
}

.text-darkgreen {
    color: #006400 !important;
}

a.text-darkgreen:hover,
a.text-darkgreen:focus {
    color: #003000 !important;
}

/*------------------------------------
- COLOR darkblue
------------------------------------*/
.alert-darkblue {
    color: #000010;
    background-color: #5858ff;
    border-color: #4343ff;
}

.alert-darkblue hr {
    border-top-color: #2a2aff;
}

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

.badge-darkblue {
    color: #fff;
    background-color: #00008B;
}

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

.bg-darkblue {
    background-color: #00008B !important;
}

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

.border-darkblue {
    border-color: #00008B !important;
}

.btn-darkblue {
    color: #fff;
    background-color: #00008B;
    border-color: #00008B;
}

.btn-darkblue:hover {
    color: #fff;
    background-color: #000067;
    border-color: #000057;
}

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

.btn-darkblue.disabled,
.btn-darkblue:disabled {
    color: #fff;
    background-color: #00008B;
    border-color: #00008B;
}

.btn-darkblue:not(:disabled):not(.disabled):active,
.btn-darkblue:not(:disabled):not(.disabled).active,
.show>.btn-darkblue.dropdown-toggle {
    color: #fff;
    background-color: #000057;
    border-color: #000048;
}

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

.btn-outline-darkblue {
    color: #00008B;
    background-color: transparent;
    border-color: #00008B;
}

.btn-outline-darkblue:hover {
    color: #fff;
    background-color: #00008B;
    border-color: #00008B;
}

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

.btn-outline-darkblue.disabled,
.btn-outline-darkblue:disabled {
    color: #00008B;
    background-color: transparent;
}

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

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

.list-group-item-darkblue {
    color: #000010;
    background-color: #4343ff;
}

.list-group-item-darkblue.list-group-item-action:hover,
.list-group-item-darkblue.list-group-item-action:focus {
    color: #000010;
    background-color: #2a2aff;
}

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

.table-darkblue,
.table-darkblue>th,
.table-darkblue>td {
    background-color: #4343ff;
}

.table-hover .table-darkblue:hover {
    background-color: #2a2aff;
}

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

.text-darkblue {
    color: #00008B !important;
}

a.text-darkblue:hover,
a.text-darkblue:focus {
    color: #000057 !important;
}

/*------------------------------------
- COLOR deeppink
------------------------------------*/
.alert-deeppink {
    color: #980052;
    background-color: #ffe0f0;
    border-color: #ffcbe7;
}

.alert-deeppink hr {
    border-top-color: #ffb2db;
}

.alert-deeppink .alert-link {
    color: #650036;
}

.badge-deeppink {
    color: #fff;
    background-color: #FF1493;
}

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

.bg-deeppink {
    background-color: #FF1493 !important;
}

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

.border-deeppink {
    border-color: #FF1493 !important;
}

.btn-deeppink {
    color: #fff;
    background-color: #FF1493;
    border-color: #FF1493;
}

.btn-deeppink:hover {
    color: #fff;
    background-color: #ef0081;
    border-color: #e00079;
}

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

.btn-deeppink.disabled,
.btn-deeppink:disabled {
    color: #fff;
    background-color: #FF1493;
    border-color: #FF1493;
}

.btn-deeppink:not(:disabled):not(.disabled):active,
.btn-deeppink:not(:disabled):not(.disabled).active,
.show>.btn-deeppink.dropdown-toggle {
    color: #fff;
    background-color: #e00079;
    border-color: #d00070;
}

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

.btn-outline-deeppink {
    color: #FF1493;
    background-color: transparent;
    border-color: #FF1493;
}

.btn-outline-deeppink:hover {
    color: #fff;
    background-color: #FF1493;
    border-color: #FF1493;
}

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

.btn-outline-deeppink.disabled,
.btn-outline-deeppink:disabled {
    color: #FF1493;
    background-color: transparent;
}

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

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

.list-group-item-deeppink {
    color: #980052;
    background-color: #ffcbe7;
}

.list-group-item-deeppink.list-group-item-action:hover,
.list-group-item-deeppink.list-group-item-action:focus {
    color: #980052;
    background-color: #ffb2db;
}

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

.table-deeppink,
.table-deeppink>th,
.table-deeppink>td {
    background-color: #ffcbe7;
}

.table-hover .table-deeppink:hover {
    background-color: #ffb2db;
}

.table-hover .table-deeppink:hover>td,
.table-hover .table-deeppink:hover>th {
    background-color: #ffb2db;
}

.text-deeppink {
    color: #FF1493 !important;
}

a.text-deeppink:hover,
a.text-deeppink:focus {
    color: #e00079 !important;
}

/* --- */

.card-search .card-tertiary .card-header {
    background-color: #fafafa;
}
.card-search .card-tertiary:last-child, 
.card-search .card-tertiary .card-body .row:last-child {
  margin-bottom: 0;
}

.card-search form {
  margin-bottom: 0;
}

.nav-item {
  white-space: nowrap;
}

.nav-item.active a.nav-link {
    background-color: #007bff;
    color: #fff;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    line-height: inherit;
}

.table td.fit {
    white-space: nowrap;
    width: 1%;
    padding-right: 2rem;
}

.table th.fit {
  white-space: nowrap;
  width: 1%;
  padding-right: 1rem;
}

/*
.table td {
    vertical-align: middle;
}
*/

.text-disabled {
    color: #d8d8d8;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    box-shadow: inset 0 -1px 0 #dee2e6;
}

/* --- */

.select2-container .select2-selection--single {
    height: inherit;
    padding: 3px 3px;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 6px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: inherit;
    margin-top: 0;
    line-height: 32px;
}

.select2-container .select2-selection--single .select2-selection__rendered:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 0 0 transparent, none;
}

.normal-link-button {
    display: inline;
}


.table td.new-day {
    border-top: 2px solid black;
}

.nowrap {
    white-space: nowrap;
}

a.disabled {
    cursor: not-allowed !important;
    opacity: 65%;
}

.has-error .select2-selection {
    border-color: #dc3545;
}

.modal-dialog {
    max-width: 700px !important;
    min-width: 500px !important;
}

.modal-footer {
    padding: 0;
    padding-top: 1rem;
    text-align: right;
}

.modal-body form {
    margin-block-end: 0;
}

.modal-footer>* {
    margin: 0;
}

form.form-no-label-column .col-form-label {
    display: none;
}

form.form-no-label-column .field-column {}

.modal-footer .field-column {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.table .divider {
    height: 3px;
}

.pagination li.page-item.disabled+li.page-item.disabled {
    display: none;
}

.card-header.without-border-bottom {
    border-bottom: 0;
}

.table td,
.table th {
    border-top: none;
}

dd,
dt {
    margin-bottom: .5rem;
    vertical-align: middle;
    line-height: 1.5rem;
}

.sensible-data {
  display: none;
}

.interaction-done {
  background-color: #3aae5521;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:1px;
}


.nav-tabs .nav-link.nav-link-active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.card-primary:not(.card-outline)>.card-header a.nav-link-active {
  color: #1f2d3d;
}



.up-tooltip {
  font-size: small;
}



.fc-time {
  display: none;
}

/* #calendar { max-width:820px; } */
.tippy-content {
  padding: 2px;
  background: gray;
  border-radius: 3px;
}

.tippy-arrow {
  width: 20px;
  height: 20px;
  color: black;
}

.fc-daygrid-more-link {
  font-weight: bold;
}

.fc .fc-button-primary:disabled {
  opacity: 20%;
}

.floating-alert {
  position: fixed;
  top: 3px;
  z-index: 6000;
  left: 50%;
  margin-left: -300px;
  width: 600px;
}

.floating-alert .alert {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    margin: 0 auto;
}


.control-sidebar a {
    color: white;
}

.shop-icon { 
  border-radius: 50%;
  width: 64px;
  height: 64px;
  position: relative;
}


.autocenter { 
  margin: auto;
  width: 100%;
}

.middle-aligned {
  vertical-align: middle;
}

.shop-icon img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
}


.store-panel-layout .main-footer {
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}


.display-hidden-back-button {
width: 100px;
position: fixed;
height: 100px;
background: transparent;
}

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
   -ms-user-select: none;
       user-select: none;
}



.btn-group-xl > .btn, .btn-xl {
  padding: 1vw 9vw;
  font-size: 4vw;
  border-radius: 1vw;
}


/* Displays */

.display-panel h1 {
font-size: 9vw;
}


.display-panel h2 {
  font-size: 7vw;
  }


.display-panel h3 {
  font-size: 4vw;
  }


.display-panel h4 {
  font-size: 3vw;
  }


.display-panel h5 {
  font-size: 2.5vw;
  }


.display-panel h6 {
  font-size: 2.2vw;
  margin-top: -.8rem;
  }

  h1.turn-number {
  font-size: 50vw;
  font-weight: bold;
margin: 0;
padding: 0;
line-height: 80%;
  }


  .printing-ticket {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1000;
    -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  }

  .printing-ticket h5 {
padding: 20px 50px;
background-color: white;
border-radius: 15px;
  }

  .hidden {
    display: none;
  }



.totem-grid {
    display: grid;
    gap: 1vw;
  }



    .timer {
      color: white;
      font-size: large;
      display: inline-block;
      width: 55%;
    }

    .timer small {
      color: #a4a9af;
      margin-left: -3px;
    }

    .clock-dots {
      margin: 0 -4px;
    }

    .clock-dots-white.counting {
      animation: blinkingText 1.2s infinite;
    }

    @keyframes blinkingText {
      0% {
        color: white;
      }

      49% {
        color: white;
      }

      60% {
        color: transparent;
      }

      99% {
        color: transparent;
      }

      100% {
        color: white;
      }
    }

    .clock-dots-black.counting {
      animation: blinkingTextBlack 1.2s infinite;
    }

    @keyframes blinkingTextBlack {
      0% {
        color: black;
      }

      49% {
        color: black;
      }

      60% {
        color: transparent;
      }

      99% {
        color: transparent;
      }

      100% {
        color: black;
      }
    }