/**
 * Override standard "display: inline-block" on <label> elements,
 * because it causes unnecessary vertical padding
 */
label[for^=field] {
    display: inline;
}

/**
 * Restrict standard "width: auto" on <select> elements,
 * because it can cause element to extend off small screens
 * when <options> tags have wide content.
 */
.custom-select {
    max-width: 100%;
}

/**
 * Simulate multilang filter, by hiding content
 * that is not in the current language.
 */
.lang-en .multilang:not([lang=en]),
.lang-ja .multilang:not([lang=ja]) {
    display:none;
}

/*
 * Limit the width of add/edit and view pages
 */
#page-mod-data-edit form,
#page-mod-data-view form {
    max-width: 1200px;
}

/**
 * Append label separators that are appropriate
 * for the current language.
 */
.lang-en .label-separators dl:not(.section-heading) dt:not(:empty):after {
    content: ":";
}
.lang-ja .label-separators dl:not(.section-heading) dt:not(:empty):after {
    content: "：";
}

.defaulttemplate .row:not(.section-heading):hover {
    /* must be "important" in order to override :nth-of-type() */
    background-color: #ffe6ea !important;
}

.defaulttemplate.stripes .row:nth-of-type(odd) {
    background-color: #f0f0f0;
}

.defaulttemplate.stripes .row:nth-of-type(even) {
    background-color: #f4f4f4;
}

.defaulttemplate.stripes .row {
    border-top: 1px solid #999;
}

.defaulttemplate.stripes .row:last-of-type {
    border-bottom: 1px solid #999;
}

/**
 * prevent text input elements from extending outside their flex box
 */
#page-mod-data-edit .basefieldinput {
    max-width: 360px;
    width: 100%;
}

/**
 * Override default left margin (of 10px) on input elements
*/
#page-mod-data-edit .mod-data-input {
    margin-left: 0px;
}

/**
 * styles to adjust standard nav and alerts
 */
.path-mod-data form {margin-top: 0px;}
.alert {display: none;}
.paging {margin-bottom: 6px;}
.nav {margin-bottom: 6px;}
.nav + br {display: none;}

/**
 * styles to adjust the display of "howto" text on the intro page
 */
.path-mod-data .howto {
    max-width: 648px;
    text-align: justify;
}
.path-mod-data .howto.switchrole {
    display: none;
}
.path-mod-data.userswitchedrole .howto.switchrole {
    background-color: #ffffee;
    border-radius: 4px;
    border: 1px solid orange;
    display: block;
    margin-bottom: 12px;
    max-width: 624px;
    padding: 6px 12px 0px 12px;
}