/**
 * 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: 100%;
    width: 100%
}

/**
 * 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 show/hide information on the 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;
}