#table_value {
    padding-left: 20px;
}
#submitDetailsChange {
    float: right;
}
#submitNewSub {
    float: right;
}

#submitLogin {
    float: right;
}
#submitForgot {
    float: right;
}
#forgotDiv {
    margin-top: 90px;
    display: none;
}
#loginDiv {
    margin-top: 70px;
}
#submitReset {
    float: right;
}
.openForm {
    font-size: 13px;
    padding-left: 3px;
}
.tab#tab-account .tabs {
    font-size: 17px !important;
}
.tab#tab-account .account-tab {
    display: none;
}
.tab#tab-account .account-tab.active {
    display: block;
}

/* CAMPAIGN-ufinal2-customer: the account sub-navigation (My uploads /
   Activity / Security / Upload requests / My backgrounds / My account) is
   a single-row flex list that does not wrap. Below ~750px the panel
   that holds it (.tab-window .tab) is narrower than the full row, and
   that panel's only overflow handling is an implicit overflow-x:auto
   (inherited from its own overflow-y:auto) with no visible scrollbar or
   hint -- on a real phone this made the later tabs (Upload requests, My
   backgrounds, My account) and, inside "My uploads"/"Upload requests",
   the rightmost table columns (the delete/open/copy-link and
   status/revoke actions) completely invisible and undiscoverable.
   Wrapping the nav onto multiple lines keeps every tab reachable by a
   tap instead of a hidden scroll gesture. */
.tab#tab-account .tabs.core {
    width: 100%;
}
.tab#tab-account .tabs.core ul {
    flex-wrap: wrap;
    width: 100%;
}
.tab#tab-account .tabs.core li {
    white-space: normal;
}

/* Data tables (My uploads, Upload requests) are wider than the panel on
   narrow screens. Scope a dedicated scrollable wrapper around them (same
   overflow-x:auto pattern already used for the admin-panel tables) and
   give it a visible scrollbar + edge shadow so the extra columns read as
   "scroll for more" instead of looking like missing/cut-off content. */
.tab#tab-account .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    box-shadow: inset -12px 0 8px -10px rgba(0, 0, 0, 0.18);
}
.tab#tab-account .table-responsive::-webkit-scrollbar {
    height: 7px;
}
.tab#tab-account .table-responsive::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}