.mattiest-logo {
    height: 3.5rem;
}

/*TODO: check if these colors are still used*/
.color-red {
    color: #ff2e2e
}

.color-green {
    color: green
}

.color-orange {
    color: orange
}

.cursor-pointer {
    cursor: pointer
}

.hidden {
    display: none !important;
}
.text-simple {
    font-family: 'Courier New',sans-serif
}

.overview-row{
    padding: 0;
    line-height: 20px;
}

.card {
    box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.13); /* rgba(0, 0, 0, 0.15); */
    transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
    border: 2px solid rgba(0, 0, 0, 0.22); /* ensures border is always present */
}

.card:hover {
    box-shadow: 0 1rem 3rem rgba(13, 110, 253, 0.25); /* rgba(0, 0, 0, 0.175); */
    border: 2px solid #0d6efd;
}

.card i {
    transition:
        color 0.3s ease-in-out;
        /*transform 0.2s ease-in-out; !* smooth scaling effect *!*/
}

.card:hover i {
    color: rgba(13, 110, 253, 0.75);
    /*transform: scale(1.05); !* "pop out" the icon slightly *!*/
}

/*htmx styling*/

/*.submit-spinner {*/
/*  display: none;*/
/*}*/

/*.htmx-request .submit-text {*/
/*  display: none;*/
/*}*/

/*.htmx-indicator {*/
/*    display: none;*/
/*}*/

/*.mattiest-indicator-spinner {*/
/*    */
/*}*/

.mattiest-indicator-spinner{
    display:none;
}
.htmx-request.mattiest-indicator-spinner{
    display:inline-block;
}

/*.htmx-request .submit-spinner {*/
/*  display: inline-block;*/
/*  margin-right: 0.5rem;*/
/*}*/