/*
*   Custom css for JQuery Mobile (v. 1.4.5)
*
*   * use for adding some CSS to make up JQuery Mobile them
*
*/

/*============ Remove field-container underline   ===============*/
.ui-field-contain{
    border-bottom-width: 0;
}

/*============ Collapsible list items  ===============*/
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}


/*============ Custom grouping and divide content (Combined Mode)  ===============*/

/*.custom-corners .ui-bar {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.custom-corners .ui-body {
    border-top-width: 0;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}*/

/*============ Custom filter for long select list  ===============*/
/*not use now 1.4.5, error when use with long select*/

.ui-selectmenu.ui-popup .ui-input-search {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
.ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-radius: 0;
    border-top-width: 1px;
}
.ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
}

/*============ Footer ติดล่าง viewport เสมอ (ไม่เด้งขึ้นเมื่อคลิก) ===============*/
[data-role="footer"][data-position="fixed"],
[data-role="footer"].bg-dark,
.qhis-footer-fixed {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000;
}
/* ให้พื้นที่ด้านล่าง content ไม่ทับ footer */
[data-role="content"] {
    padding-bottom: 5rem;
}

/*============ Footer buttons: dark blue background, white text ===============*/
[data-role="footer"] .btn,
[data-role="footer"] a[data-role="button"],
.qhis-footer-fixed .btn,
.qhis-footer-fixed a[data-role="button"] {
    background-color: #0d47a1 !important;   /* น้ำเงินเข้ม */
    color: #ffffff !important;              /* ตัวอักษรสีขาว */
    border-color: #0b3c91 !important;
}
.qhis-footer-fixed .btn:hover,
.qhis-footer-fixed a[data-role="button"]:hover {
    background-color: #0b3c91 !important;
    color: #ffffff !important;
}