:root {
    --media-x-sm: 575.98px
}

.pointer {
    cursor: pointer;
}

.hide {
    display: none;
}

.hide-fade {
    opacity: 0
}

textarea.form-control {
    border: 1px solid rgba(29, 37, 59, 0.5) !important;
    border-radius: 0.4285rem !important;
}

/*!* removing *!*/
/*#alertMessageContent.htmx-swapping :first-child {*/
/*    !*display: none;*!*/
/*    opacity: 0;*/
/*    transition: opacity 0.5s ease-out;*/
/*}*/

/*!* adding *!*/
/*#alertMessageContent.htmx-added :first-child {*/
/*    !*display: none;*!*/
/*    opacity: 0;*/
/*    !*transition: opacity 1s ease-out;*!*/
/*}*/

/*!* default *!*/
/*#alertMessageContent :first-child {*/
/*    !*display: none;*!*/
/*    opacity: 1;*/
/*    transition: opacity 1s ease-out;*/
/*}*/


/* make dropdown toggle button a bit smaller */
.btn.dropdown-toggle:after, .navbar .navbar-nav>a.btn.dropdown-toggle:after {
    margin-left: 10px !important;
}

.navbar .navbar-brand {
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 0;
/* reduce space between checkbox and label */
.custom-control-label::after {
    left: -2rem !important;
}
.custom-control-label::before {
    left: -2rem !important;
}

/* make checkbox labels bigger */
.custom-control-label {
    font-size: 1em !important;
    margin-bottom: 0 !important;
}