/*************************************************************
    HTML
*/

html {
    filter: brightness(100%);
}

/*************************************************************
    General
*/

.required:after {
    content: "*";
    color: red;
}

.fs-revapp {
    font-size: 40px !important;
}

/*.fs-revapp .btn {
    --bs-btn-font-size: 50px !important;
}*/

/*************************************************************
    Spinner
*/

.spinner-overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 102%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
    margin-left: -2%;
}

.spinner-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-container > div[class^=spinner] {
    width: 10rem;
    height: 10rem;
}

/*************************************************************
    Main Content
*/

.app-content-container {
    top: 100px;
}

/*************************************************************
    Flex
*/

.flex-even {
    flex: 1;
    min-width: 0;
}

/*************************************************************
    Modal
*/

.modal-revapp {
    --bs-modal-header-padding: 2rem;
    --bs-modal-padding: 2rem;
}

.modal-revapp .modal-dialog {
    width: 90vw;
    max-width: none;
}

.modal-backdrop {
    --bs-backdrop-opacity: .7;
}

/*************************************************************
    Input with Prefix/Text

    - assume default layout MUST has one icon
*/

.input-prefix-text input {
    padding: 25px 30px 25px 200px;
    background-color: #F7F7F7 !important;
}

.input-prefix-text input::placeholder {
    color: darkgray;
    font-weight: normal;
}

/* if do not has text > apply '.no-text' */
.input-prefix-text.no-text input {
    padding-left: 120px;
}

.input-prefix-text .prefix-addon {
    left: 30px;
    top: 50%;
    transform: translateY(-52%);
}

/*.input-prefix-text .camera-scan {
    width: 180px;
}*/

.input-prefix-text .prefix-addon .prefix-icon {
    font-size: 55px;
    color: dimgray;
}

.input-prefix-text input,
.input-prefix-text .prefix-addon .prefix-text {
    font-size: 40px;
    font-weight: 600;
}