.app-hidden { visibility: hidden; height: 0; overflow: hidden; }

.mq-meta.show-border {
    border-top: 1px solid rgba(97, 99, 101, .2);
}

.flex-row-space-around {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.mq-actions .mq-btn-text {
    color: #BF3B00;
    font-size: 1rem;
    text-decoration: underline;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: all ease-in-out .1s;
}

.luxon-main h2.hide-header {
    display: none;
}

/* Page 11 loader */

#lx-page-loader {
    flex: 1 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lx-page-loader div {
    display: flex;
    flex-direction: row;
}

#lx-page-loader p {
    margin: 0 10px 0 0;  
    color: #424242;
}
  
.loader-dots {
    margin-top: 11px;
    display: block;
    width: 4px;
    height: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 6px 0 rgba(66,66,66,1), -6px 0 rgba(66,66,66,.5);background: rgba(66,66,66,1);  }
    33% {box-shadow: 6px 0 rgba(66,66,66,1), -6px 0 rgba(66,66,66,.5);background: rgba(66,66,66,.5)}
    66% {box-shadow: 6px 0 rgba(66,66,66,.5),-6px 0 rgba(66,66,66,1); background: rgba(66,66,66,.5)}
    100%{box-shadow: 6px 0 rgba(66,66,66,.5),-6px 0 rgba(66,66,66,1) ; background: rgba(66,66,66,1) }
} 

/* Select options popup */
.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected="true"].Mui-focused,
.MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-focused,
.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected="true"] {
    background-color: #FFDDCF!important;
}

.MuiAutocomplete-popper .MuiAutocompleteOption:hover {
    background-color: #FFDDCF!important;
}

.MuiAutocomplete-popper .MuiPaper-root.MuiAutocomplete-paper {
    border-radius: 0;
}

/* Calendar popup */
.MuiButtonBase-root.MuiRadio-root:hover {
    background-color: rgba(0, 0, 0, .04);
}

.lx-cat-Disclosures .luxon-json-forms div div:nth-last-of-type(3) .luxon-radio-group .luxon-custom-input.custom-radio-group .MuiFormLabel-root {
    font-size: 1rem;
}

@media screen and (min-width: 640px) {
    .MuiTypography-body2 {
        font-size: 1rem;
    }
}