.ui-select .ui-li-has-count.ui-btn-icon-right {
    border-color: #B6BABE !important;
    border-radius: 0.25rem !important;
    margin: 0;
}

option {
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: 100vw;
}

select {
    white-space: normal !important;
    text-overflow: unset !important;
}

/* DEEP ANALYSIS FIX for JQM 1.4.5 Custom Menu Text Truncation */
/* Target the popup container specifically */
.ui-popup-container .ui-content,
.ui-popup-container .ui-listview,
.ui-popup-container .ui-btn {
    max-width: 95vw !important; /* Allow almost full screen width */
}

/* Force text wrapping on valid elements */
.ui-popup .ui-listview li > .ui-btn,
.ui-popup .ui-listview li > .ui-btn > span, /* JQM 1.4.5 uses spans heavily */
.ui-popup .ui-listview li,
.ui-popup .ui-listview li a {
    white-space: normal !important;        /* Allow wrapping */
     white-space: pre-wrap !important;      /* Preserve spacing but wrap */
    height: auto !important;               /* Grow height */
    min-height: 1.5em !important;          /* Minimum touch target */
    overflow: visible !important;          /* No clipping */
    text-overflow: clip !important;        /* No ellipsis */
    word-wrap: break-word !important;      /* Break long words */
    word-break: break-word !important;
}

/* Specific fix for inner text element in JQM buttons */
.ui-page .ui-popup .ui-listview .ui-btn-inner,
.ui-page .ui-popup .ui-listview .ui-btn-text {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding-right: 5px !important; /* Reduce padding to give more text space */
}

/* Ensure selected option text in the main page TRUNCATES (User preference) */
.ui-select .ui-btn > span:not(.ui-li-count) {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 90%;
    display: block;
}

.ui-select.ui-mini {
    margin: 0 !important;
}

.pending {
    font-size: 12.5px;
    color: #EF7C24;
    /*color: #EC6D10;*/
    /*color: #ff4545;*/
    border: 1px solid #EF7C24 !important;
    border-radius: 0.25rem !important;
    padding: 0.15rem !important;
}

.valid {
    /*color: #198754;*/
    color: #33ae10;
    font-size: 12.5px;
    border: 1px solid #33ae10 !important;
    border-radius: 0.25rem !important;
    padding: 0.15rem !important;
}

.draft {
    color: #4f4440;
    font-size: 12.5px;
    border: 1px solid #4f4440 !important;
    border-radius: 0.25rem !important;
    padding: 0.15rem !important;
}

.refused {
    color: #9D2235;
    font-size: 12.5px;
    border: 1px solid #9D2235 !important;
    border-radius: 0.25rem !important;
    padding: 0.15rem !important;
}

.approved {
    color: #000;
    font-size: 12.5px;
    border: 1px solid #000 !important;
    border-radius: 0.25rem !important;
    padding: 0.15rem !important;
}

.ui-collapsible-content {
    background-color: #EAEAEA !important;
}
.ui-checkbox .ui-btn {
    border-color: #B6BABE !important
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn,
.ui-select .ui-btn > span:not(.ui-li-count) {
    white-space: normal !important;
}


.border-secondary {
    border-color: #B6BABE !important
}

.ui-page {
    background-color: #EAEAEA !important;
}

textarea {
    height: auto !important;
}

.pointer {
    cursor: pointer;
}

.ui-content {
    padding: .50rem !important
}

.boxx {
    border: 1px solid #dee2e6 !important;
    margin-bottom: 0.5rem !important;
    padding: 0.25rem !important;
    border-radius: 0.6em
}

html {
    scroll-behavior: smooth;
}

.text-danger {
    color: red
}

.b {
    color: #08519e;
    display: inline-block
}

.bm {
    font-size: 14px;
    color: #08519e;
    display: inline-block;
    display: inline-block
}

.bs {
    font-size: 12.5px;
    color: #08519e;
}

.user-icon {
    color: azure;
    font-size: 17px;
    margin-left: 0.3em;
}

.user-name {
    font-weight: normal !important;
    font-size: 15px !important;
    color: azure;
    cursor: pointer;
    text-decoration: none;
}

.bars-icon {
    color: azure;
    font-size: 25px;
    margin-left: 5px;
    margin-top: 5px;
}


.menu-link {
    background-color: #f2f2f2 !important;
    border: none !important;
    border-bottom: 1px solid #99999999 !important;
    text-align: left;
    color: #555555 !important;
}

    .menu-link:hover {
        color: #1f94e1 !important;
    }
        .menu-link:hover svg path {
            fill: #1f94e1;
        }

.ui-input-search {
    border: 1px solid #dee2e6 !important;
    border-color: #B6BABE !important;
    border-radius: 0.25rem !important;
    box-shadow: none;
}

.ui-input-text {
    margin: 0 !important;
    border-radius: 3px !important;
    box-shadow: none;
}

.ui-listview > .ui-li-static {
    padding: 0.4em 0.5em;
    white-space: normal;
}