body {
    padding: 0 2px;
    margin: 0 0;
    font-size: smaller;
    --main-font: 16px;
    --larger-font: 16px;
    --smaller-font: 14px;
}
.page-header {
    padding: 0 0;
    margin: 0 0;
}
.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
    /* This is how specific main.css is */
    /*font-size: 14pt;*/
    font-size: var(--smaller-font);
/*    padding: 0 0;
    margin: 0 0;*/
}
.page-header p {
    padding: 0 0;
    margin: 0 0;
}
.top-menu, .bottom-menu, .top-menu p, .bottom-menu p {
    padding: 0 0;
    margin: 0 0;
    font-size: 90%;
}
.page-content  {
    margin: 0 0;
    padding: 0 0;
}

tr:hover {background-color: inherit;}

/*div.note-view {
    grid-template-columns: repeat(1, minmax(100px, auto) 1fr);
    grid-gap: 0;
}*/

.note-view div {
    padding: 0;
    margin: 0;
}

.note-view .label {
    /* override the more specific extra padding from main.css */
    margin: 0;
    padding: 0;
}

.note-tags {
    font-size: smallest;
}

/* Mobile edit view emergency fixes
 * TODO rationalise these */

#note_edit_form p, .messages p {
    margin: 0;
    padding: 0;
}

input[type="submit"] {
    border-width: 1px;
    /*margin: 1px;
    padding: 1px;*/
}

.note-view label {
    margin: 1px;
    padding: 1px;
    font-size: var(--larger-font);
}
.note-view .note-not-before label, .note-view .note-not-before input {
    font-size: var(--main-font); /* override the override */
}
.note-view input {
    margin: 1px;
    padding: 1px;
    font-size: var(--larger-font);
    min-width: 50px;
}
.note-view select {
    margin: 1px;
    padding: 1px;
    font-size: var(--main-font);
    min-width: 50px; /* not ideal but probably getting rid of status */
}
.note-view .labelbox {
    margin: 0px;
    padding: 1px;
}
.note-view textarea {
    margin: 1px;
    padding: 1px;
    font-size: var(--main-font);
    min-width: 80px;
}

.omittable {
    display: none;
}

.note-list h3, .note-list p {
    margin: 0;
    padding: 0;
}

.clickable {
    border-width: 2px;
    padding: 0px 4px;
    border-radius: 4px;
}

.note-summary {
    padding: 2px; /*hack to show clickable border*/
}

.note-summary {
    display: inline-block;
}

div.label-extra, div.edit-db-msg, .note-text label {
    display: inline-block;
}

div.note-view div.note-text.label {
    /* as specific as in main.css */
    height: 100%;
}


/* === button menu === */
.button-row {
    /*display: grid;*/
    grid-template-columns: 1fr 3fr;
    /*align-items: end;*/
}
.tab-button {
    display: block;
    padding: 2px;
    font-size: 1rem;
}

#button_tabmenu.v_default { display: block; }

#menu_tabmenu.v_default { display: none; }
#menu_tabmenu.v_shown { display: flex; }
#menu_tabmenu {
    /*display: none;*/
    flex-direction: column;
    gap: 12px;
    margin: 6px;
    padding: 12px;
    position: absolute;
    z-index: 15;
    background: #f0e8e0;
    border-color: #dba; /* align with button colour */
    border-width: 3px;
    border-style: solid;
    border-radius: 3px;
}

#welcome {
    display: none;
}

#button_topmenu.v_default { display: block; }

#menu_topmenu_dropdown.v_shown { display: flex; }
#menu_topmenu_dropdown {
    /*display: none;*/ 
    flex-direction: column;
    gap: 6px;
    margin: 6px;
    padding: 12px;
    position: fixed;
    min-width: 15em;
    right: 5px;
    z-index: 15;    
    font-size: 0.85rem;
    text-decoration: none;
    text-align: center;
    background-color: #e7f6ff;
    margin: 5px 5px;
    padding: 5px 5px;
    /*border: var(--BORDERS);*/
    outline: var(--OUTLINES);
    border-color: #88a; 
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
}
#menu_topmenu_dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
 }
#menu_topmenu_dropdown li {
    margin-bottom: 0.5em;
}
/*#menu_topmenu_dropdown > button, #menu_topmenu_dropdown > div, #menu_topmenu_dropdown > li {*/
#menu_topmenu_dropdown > button {
    /*font-weight: bolder;*/
    font-size: 1rem;
    background-color: #cae3f3;
    border-color: #bbe;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}
#menu_topmenu_dropdown > .extra-space {
    margin: 12px 0px 0px 0px;
}

#menu_topmenu_row {
    display: none; 
}