/* Specific use cases */
.overall-content-container {
    max-width: 1200px;
    }

.card-example-image {
    display: block;
    float: right;
    height: 4rem;
    font-size: 4rem;
    line-height: 4rem;
}

.transaction-history-container .table th:last-child, .transaction-history-container .table td:last-child {
    text-align: right;
    padding-right: 1.5em;
}

.transaction-history-container .table th:first-child, .transaction-history-container .table td:first-child {
    text-align: left;
    width: 18%;
}

.header-content-container a.nav-item, .header-content-container .nav-item a {
    border-bottom: 0.4rem solid #631131;
}

/* Core styles: Colors */
/* Note: There are some styles, such as the box-shadow for the content container and the bottom border for nav items, that may need to be overridden on a case-by-case basis */

a {
    color: #631131;
    text-decoration: none;
}
a:hover, a:active, a:visited {
    color: #631131;
}

.bg-black {
    background-color: #000 !important;
    color: #fff;
}
.bg-portal-dark-greengray {
    background-color: #6e8985 !important;
}
.bg-portal-dark-blue {
    background-color: #002e5e !important;
    color: #fff;
}
.bg-portal-medium-blue {
    background-color: #00418a !important;
    color: #fff;
}
.bg-portal-faint-blue {
    background-color: #cbdcf7 !important;
}
.bg-portal-dark-green {
    background-color: #005c23 !important;
    color: #fff;
}
.bg-portal-medium-green {
    background-color: #008a35 !important;
    color: #fff;
}
.bg-portal-dark-red {
    background-color: #500b0b !important;
    color: #fff;
}
.bg-portal-medium-red {
    background-color: #8f1414 !important;
    color: #fff;
}
.bg-portal-light-magenta {
    background-color: #d08fa8 !important;
}
.bg-portal-faint-magenta {
    background-color: #e1c5d0 !important;
}
.bg-portal-light-gray,
.bg-portal-light-secondary {
    background-color: #ededee !important;
}
.bg-portal-medium-magenta,
.bg-portal-medium-primary {
    background-color: #891843 !important;
    color: #fff;
}
.bg-portal-medium-greengray,
.bg-portal-medium-secondary {
    background-color: #b1b7b7 !important;
}
.bg-portal-dark-magenta,
.bg-portal-dark-primary {
    background-color: #631131 !important;
    color: #fff;
}

.border-black {
    border-color: #000 !important;
}
.border-portal-light-gray {
    border-color: #ededee !important;
}
.border-portal-dark-greengray {
    border-color: #6e8985 !important;
}
.border-portal-dark-blue {
    border-color: #002e5e !important;
}
.border-portal-medium-blue {
    border-color: #00418a !important;
}
.border-portal-faint-blue {
    border-color: #cbdcf7 !important;
}
.border-portal-dark-green {
    border-color: #005c23 !important;
}
.border-portal-medium-green {
    border-color: #008a35 !important;
}
.border-portal-dark-red {
    border-color: #500b0b !important;
}
.border-portal-medium-red {
    border-color: #8f1414 !important;
}
.border-portal-dark-magenta {
    border-color: #631131 !important;
}
.border-portal-light-magenta {
    border-color: #d08fa8 !important;
}
.border-portal-faint-magenta {
    border-color: #e1c5d0 !important;
}
.border-portal-medium-greengray,
.border-portal-medium-secondary {
    border-color: #b1b7b7 !important;
}
.border-portal-medium-magenta,
.border-portal-medium-primary {
    border-color: #891843 !important;
}

.btn-portal-light-gray {
    background-color: #ededee !important;
}
.btn-portal-dark-greengray {
    background-color: #6e8985 !important;
    color: #fff;
}
.btn-portal-dark-blue {
    background-color: #002e5e !important;
    color: #fff;
}
.btn-portal-medium-blue {
    background-color: #00418a !important;
    color: #fff;
}
.btn-portal-faint-blue {
    background-color: #cbdcf7 !important;
}
.btn-portal-dark-green {
    background-color: #005c23 !important;
    color: #fff;
}
.btn-portal-medium-green {
    background-color: #008a35 !important;
    color: #fff;
}
.btn-portal-dark-red {
    background-color: #500b0b !important;
    color: #fff;
}
.btn-portal-medium-red {
    background-color: #8f1414 !important;
    color: #fff;
}
.btn-portal-dark-magenta {
    background-color: #631131 !important;
    color: #fff;
}
.btn-portal-light-magenta {
    background-color: #d08fa8 !important;
}
.btn-portal-faint-magenta {
    background-color: #e1c5d0 !important;
}
.btn-portal-medium-greengray,
.btn-portal-medium-secondary {
    background-color: #b1b7b7 !important;
    color: #fff;
}
.btn-portal-medium-magenta,
.btn-portal-medium-primary {
    background-color: #891843 !important;
    color: #fff;
    box-shadow: 0.1rem 0.1rem 0 0 #631131;
    border-top-color: #631131;
    border-right-color: #631131;
    border-bottom-color: #631131;
    border-left-color: #631131;
}
.btn-portal-medium-magenta:hover, .btn-portal-medium-magenta:active,
.btn-portal-medium-primary:hover, .btn-portal-medium-primary:active {
    background-color: #a12152 !important;
    border-top-color: #631131;
    border-right-color: #631131;
    border-bottom-color: #631131;
    border-left-color: #631131;
    color: #fff !important;
}

.text-white::before, .text-white::after {
    color: #fff !important;
}
.text-white-hover:hover, .text-white-hover:active, a.text-white-hover:hover, a.text-white-hover:active, .text-white-hover > a:hover, .text-white-hover > a:active {
    color: #fff;
}
.text-black, .text-black > a,
.text-black-hover:hover, .text-black-hover:active, a.text-black-hover:hover, a.text-black-hover:active, .text-black-hover > a:hover, .text-black-hover > a:active {
    color: #000 !important;
}
.text-portal-light-gray, .text-portal-light-gray > a,
.text-portal-light-gray-hover:hover, .text-portal-light-gray-hover:active, a.text-portal-light-gray-hover:hover, a.text-portal-light-gray-hover:active, .text-portal-light-gray-hover > a:hover, .text-portal-light-gray-hover > a:active {
    color: #ededee !important;
}
.text-portal-dark-greengray, .text-portal-dark-greengray > a,
.text-portal-dark-greengray-hover:hover, .text-portal-dark-greengray-hover:active, a.text-portal-dark-greengray-hover:hover, a.text-portal-dark-greengray-hover:active, .text-portal-dark-greengray-hover > a:hover, .text-portal-dark-greengray-hover > a:active {
    color: #6e8985 !important;
}
.text-portal-dark-blue, .text-portal-dark-blue > a,
.text-portal-dark-blue-hover:hover, .text-portal-dark-blue-hover:active, a.text-portal-dark-blue-hover:hover, a.text-portal-dark-blue-hover:active, .text-portal-dark-blue-hover > a:hover, .text-portal-dark-blue-hover > a:active {
    color: #002e5e !important;
}
.text-portal-medium-blue, .text-portal-medium-blue > a,
.text-portal-medium-blue-hover:hover, .text-portal-medium-blue-hover:active, a.text-portal-medium-blue-hover:hover, a.text-portal-medium-blue-hover:active, .text-portal-medium-blue-hover > a:hover, .text-portal-medium-blue-hover > a:active {
    color: #00418a !important;
}
.text-portal-faint-blue, .text-portal-faint-blue > a,
.text-portal-faint-blue-hover:hover, .text-portal-faint-blue-hover:active, a.text-portal-faint-blue-hover:hover, a.text-portal-faint-blue-hover:active, .text-portal-faint-blue-hover > a:hover, .text-portal-faint-blue-hover > a:active {
    color: #cbdcf7 !important;
}
.text-portal-dark-green, .text-portal-dark-green > a,
.text-portal-dark-green-hover:hover, .text-portal-dark-green-hover:active, a.text-portal-dark-green-hover:hover, a.text-portal-dark-green-hover:active, .text-portal-dark-green-hover > a:hover, .text-portal-dark-green-hover > a:active {
    color: #005c23 !important;
}
.text-portal-dark-red, .text-portal-dark-red > a,
.text-portal-dark-red-hover:hover, .text-portal-dark-red-hover:active, a.text-portal-dark-red-hover:hover, a.text-portal-dark-red-hover:active, .text-portal-dark-red-hover > a:hover, .text-portal-dark-red-hover > a:active {
    color: #500b0b !important;
}
.text-portal-medium-red, .text-portal-medium-red > a,
.text-portal-medium-red-hover:hover, .text-portal-medium-red-hover:active, a.text-portal-medium-red-hover:hover, a.text-portal-medium-red-hover:active, .text-portal-medium-red-hover > a:hover, .text-portal-medium-red-hover > a:active {
    color: #8f1414 !important;
}
.text-portal-light-magenta, .text-portal-light-magenta > a,
.text-portal-light-magenta-hover:hover, .text-portal-light-magenta-hover:active, a.text-portal-light-magenta-hover:hover, a.text-portal-light-magenta-hover:active, .text-portal-light-magenta-hover > a:hover, .text-portal-light-magenta-hover > a:active {
    color: #d08fa8 !important;
}
.text-portal-faint-magenta, .text-portal-faint-magenta > a,
.text-portal-faint-magenta-hover:hover, .text-portal-faint-magenta-hover:active, a.text-portal-faint-magenta-hover:hover, a.text-portal-faint-magenta-hover:active, .text-portal-faint-magenta-hover > a:hover, .text-portal-faint-magenta-hover > a:active {
    color: #e1c5d0 !important;
}
.text-portal-green-gray, .text-portal-green-gray > a,
.text-portal-green-gray-hover:hover, .text-portal-green-gray-hover:active, a.text-portal-green-gray-hover:hover, a.text-portal-green-gray-hover:active, .text-portal-green-gray-hover > a:hover, .text-portal-green-gray-hover > a:active {
    color: #b1b7b7 !important;
}
.text-portal-medium-greengray, .text-portal-medium-greengray > a,
.text-portal-medium-greengray-hover:hover, .text-portal-medium-greengray-hover:active, a.text-portal-medium-greengray-hover:hover, a.text-portal-medium-greengray-hover:active, .text-portal-medium-greengray-hover > a:hover, .text-portal-medium-greengray-hover > a:active,
.text-portal-medium-secondary, .text-portal-medium-secondary > a,
.text-portal-medium-secondary-hover:hover, .text-portal-medium-secondary-hover:active, a.text-portal-medium-secondary-hover:hover, a.text-portal-medium-secondary-hover:active, .text-portal-medium-secondarysite-medium-secondary-hover > a:active {
    color: #b1b7b7 !important;
}
.text-portal-medium-magenta, .text-portal-medium-magenta > a,
.text-portal-medium-magenta-hover:hover, .text-portal-medium-magenta-hover:active, a.text-portal-medium-magenta-hover:hover, a.text-portal-medium-magenta-hover:active, .text-portal-medium-magenta-hover > a:hover, .text-portal-medium-magenta-hover > a:active,
.text-portal-medium-primary, .text-portal-medium-primary > a,
.text-portal-medium-primary-hover:hover, .text-portal-medium-primary-hover:active, a.text-portal-medium-primary-hover:hover, a.text-portal-medium-primary-hover:active, .text-portal-medium-primary-hover > a:hover, .text-portal-medium-primary-hover > a:active {
    color: #891843 !important;
}
.text-portal-dark-magenta, .text-portal-dark-magenta > a,
.text-portal-dark-magenta-hover:hover, .text-portal-dark-magenta-hover:active, a.text-portal-dark-magenta-hover:hover, a.text-portal-dark-magenta-hover:active, .text-portal-dark-magenta-hover > a:hover, .text-portal-dark-magenta-hover > a:active,
.text-portal-dark-primary, .text-portal-dark-primary > a,
.text-portal-dark-primary-hover:hover, .text-portal-dark-primary-hover:active, a.text-portal-dark-primary-hover:hover, a.text-portal-dark-primary-hover:active, .text-portal-dark-primary-hover > a:hover, .text-portal-dark-primary-hover > a:active {
    color: #631131 !important;
}

/* Core styles: Form styling */

form .form-results-container {
    border-top: 0.2rem solid #b1b7b7;
}

input, input.form-control, select, select.form-select, textarea {
    border: 1px solid #b1b7b7;
}
.input-group-text {
    border: 1px solid #b1b7b7;
}

/* Core styles: Input checkbox styling */

input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before {
    border: 1px solid #8f1414;
}
input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after {
    color: #b1b7b7;
}
input[type="checkbox"]:disabled:not(:checked) + label:before, input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #6e8985;
    background-color: #6e8985;
}
input[type="checkbox"]:disabled:checked + label:after {
    color: #8f1414;
}
input[type="checkbox"]:disabled + label {
    color: #8f1414;
}
input[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {
    border: 0.2rem dotted #8f1414;
}
label:hover:before {
    border: 0.2rem solid #8f1414 !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #b4cbed;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #6e8985;
  outline: 0 none;
}

/* Site layout */

.overall-content-container {
    box-shadow: 0rem 0rem 0.2rem 0.2rem #b1b7b7;
}

/* Site layout and styling: Header */

.header-content-container {
    border-bottom: 0.4rem solid #ededee;
}

a.nav-item, .nav-item a {
    border-bottom: 0.5rem solid #631131;
}
a.nav-item:hover, a.nav-item:active, a.nav-item.active,
.nav-item a:hover, .nav-item a:active, .nav-item.active a {
    border-bottom: 0.5rem solid #fff;
}

/* Site layout and styling: Body */

.bordered-column-content {
    height: 100%;
    border: 1px solid #b1b7b7;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bordered-column-body.two-tone {
    border-top: 3.5rem solid #007bff;
}
.bordered-column-body.two-tone-green {
    border-top: 3.5rem solid #008a35 !important;
}
.bordered-column-body.two-tone-red {
    border-top: 3.5rem solid #8f1414 !important;
}
.bordered-column-body.two-tone-magenta {
    border-top: 3.5rem solid #891843 !important;
}
.bordered-column-body.two-tone-faint-magenta {
    border-top: 3.5rem solid #e1c5d0 !important;
}
.bordered-column-body.two-tone-light-gray,
.bordered-column-body.two-tone-light-secondary {
    border-top: 3.5rem solid #ededee !important;
}
.body-intro-icon, .body-intro-icon a, .body-intro-icon a:hover, .body-intro-icon a:active, .body-intro-icon a:visited {
    font-size: 12rem;
    line-height: 12rem;
    text-decoration: none;
}
.bordered-column-body.two-tone .body-intro-icon {
    margin-top: -5rem;
    margin-bottom: 1rem;
}

/* Site layout and styling: Footer */

.footer-content-container {
    border-top: 0.2rem solid #631131;
}

/* Remove increment arrows on number input */

/* Works for Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Works for Firefox */
input[type="number"] {
-moz-appearance: textfield;
}


.loader-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px; /* Adjust based on your table row height */
    width: 100%;
}

.loader-dots .dot {
    width: 5px;
    height: 5px;
    margin: 0 5px;
    background-color: #3498db;
    border-radius: 50%;
    display: inline-block;
    animation: bounce 1.4s infinite ease-in-out both;
}

.loader-dots .dot:nth-child(1) {
    animation-delay: -0.32s;
}

.loader-dots .dot:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

#loaderRow.hidden {
    display: none;
}