body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header {
    border-bottom: 4px solid rgb(211, 55, 74);
!important;
}

footer{
    background-color: rgb(35, 31, 32);
    border-top: 4px solid rgb(211, 55, 74);
!important;
}

footer ul {
    list-style-type: none;
}

main a {
    text-decoration: none;
    color: rgb(60, 44, 89);
}

main a:hover {
    text-decoration: underline;
    color: rgba(60, 44, 89, 60);
}

footer ul li a {
    text-decoration: none;
    color: #fff;
}

footer ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: rgb(211, 55, 74);
}

div#uat {
    color: #fff;
    background-color: #ffc107;
    text-align: center;
    vertical-align: center;
    font-size: larger;
    padding-top: 15px;
    padding-bottom: 5px;
}

div#dev {
    color: #fff;
    background-color: #dc3545;
    text-align: center;
    vertical-align: center;
    font-size: larger;
    padding-top: 15px;
    padding-bottom: 5px;
}

.sidebar :is(h1, h2, h3, h4, h5, h6) {
    color: rgb(60, 44, 89);
}

.icon-square {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
}

.btn-primary {
    background-color: rgb(60, 44, 89);
    border-color: rgb(60, 44, 89);
    color: #fff;
}

.btn-primary:hover {
    background-color: rgb(67, 60, 99);
    border-color: rgb(60, 44, 89);
    color: #fff;
}

.btn-primary:active {
    background-color: rgb(67, 60, 99);
    border-color: rgb(60, 44, 89);
    color: #fff;
}

.btn-primary:focus {
    background-color: rgb(67, 60, 99);
    border-color: rgb(60, 44, 89);
    color: #fff;
}

.list-group-item.active {
    background-color: rgb(60, 44, 89);
    border-color: rgb(60, 44, 89);
    color: #fff;
}

li .page-link {
    color: rgb(60, 44, 89);
}

li .page-link:hover {
    color: rgb(60, 44, 89);
}

.page-item.active .page-link {
    background-color: rgb(60, 44, 89);
    border-color: rgb(60, 44, 89);
    color: #fff;
}

.card .card-body h5.card-title {
    color: rgb(60, 44, 89);
}

.card-form {
    border-color: rgb(60, 44, 89);
}

.card-form-header {
    background-color: rgb(60, 44, 89);
    color: #fff;
}

input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(60, 44, 89);
}

input[type="range"]::-moz-range-thumb{
    background-color: rgb(60, 44, 89);
}

input.is-invalid.ignore {
    border-color: #333333;
    color: #333333;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23333333'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23333333' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

select.is-invalid.ignore  {
    border-color: #333333;
    color: #333333;
    --select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --select-error: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23333333'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23333333' stroke='none'/%3e%3c/svg%3e");
    background-image: var(--select-icon), var(--select-error, none);
    padding-right: 4.125rem;
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.is-invalid:focus.ignore  {
    border-color: #333333;
    box-shadow: 0 0 0 .25rem #CCCCCC;
}

input.is-invalid.ignore + .invalid-feedback {
    color: #333333;
}

.redacted {
    color: #fff;
    background-color: #333333;
    border: #333333 solid 2px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.nav-item .icon {
    width: 18px;
}

#features .icon {
    width: 50%;
    height: 50%;
}