/**
 * SeekQuarry/Yioop --
 * Open Source Pure PHP Search Engine, Crawler, and Indexer
 *
 * Copyright (C) 2009 - 2026  Chris Pollett chris@pollett.org
 *
 * LICENSE:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * END LICENSE
 *
 * @author Chris Pollett chris@pollett.org
 * @license https://www.gnu.org/licenses/ GPL3
 * @link https://www.seekquarry.com/
 * @copyright 2009 - 2026
 * @filesource
 */
/*
    search.css
    Main stylesheet for Yioop search engine
 */
html, body, .subsearch ul
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/*
   We begin with some generic global styles
   and classes
 */
h1.slim,
h2,
h3,
h4
{
    margin-bottom: 0;
    margin-top: 0;
}
h1.slim
{
    font-size: 24pt;
}
p
{
    margin: 0;
    padding: 0;
    width: auto;
}
input:disabled
{
    color:#555;
}
ol li li
{
    list-style-type: lower-alpha;
}
ol li li li
{
    list-style-type: lower-roman;
}
.mobile p
{
    min-width:300px;
    width:auto;
}
.mobile pre
{
   white-space:pre-wrap;
}
.echo-link
{
    color: gray;
    font-size:11pt;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.hidden
{
    visibility: hidden;
}
.no-bullet
{
    list-style-type: none;
}
.disabled {
    pointer-events: none;
    text-decoration: none;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.clear
{
    clear:both;
}
.none
{
    display:none;
}
.no-bold
{
    font-weight:normal;
}
.no-margin
{
    margin: 0;
}
.no-min-height
{
    min-height: unset !important;
}
.inline div,
.inline form,
.inline p
{
    display: inline-block;
}
.inline ul,
.inline li
{
    display: inline;
    list-style-type: none;
}
.inline li
{
    border-right: 2px solid black;
    padding:.05in;
}
.inline li:first-child
{
    border-left: 2px solid black;
    padding:.03in;
}
.indent
{
    text-indent: 0.25in;
}
span.indent1
{
    margin-left: 0.25in;
}
span.indent2
{
    margin-left: 0.5in;
}
span.indent3
{
    margin-left: 0.75in;
}
span.indent4
{
    margin-left: 1in;
}
span.indent5
{
    margin-left: 1.25in;
}
.mobile .indent
{
    text-indent: 10px;
}
.mobile span.indent1
{
    margin-left: 10px;
}
.mobile span.indent2
{
    margin-left: 20px;
}
.mobile span.indent3
{
    margin-left: 30px;
}
.mobile span.indent4
{
    margin-left: 40px;
}
.mobile span.indent5
{
    margin-left: 50px;
}
.html-ltr .float-opposite
{
    float: right;
}
.html-rtl .float-opposite
{
    float: left;
}
.html-ltr .float-same
{
    float: left;
}
.html-rtl .float-same
{
    float: right;
}
.align-right
{
    text-align: right;
}
.align-left
{
    text-align: left;
}
.align-center
{
    text-align: center;
}
.html-ltr .align-opposite
{
    text-align: right !important;
}
.html-rtl .align-opposite
{
    text-align: left !important;
}
.html-ltr .align-same
{
    text-align: left !important;
}
.html-rtl .align-same
{
    text-align: right !important;
}
.top-space
{
    position:relative;
    top: 8px;
}
.no-padding
{
    padding: 0px !important;
}
.small-padding
{
    padding: 2px;
}
.medium-padding
{
    padding: 4px;
}
.large-padding
{
    padding: 8px;
}
.top-space-medium
{
    position:relative;
    top: 4px;
}
.top-space-px
{
    position:relative;
    top: 1px;
}
.blockquote
{
    margin-left: 0.3in;
    margin-right: 0.3in;
}
.mobile .blockquote
{
    margin-left: 25px;
    margin-right: 25px;
}
.no-decoration
{
    text-decoration: none;
}
.underline-hover
{
    text-decoration: none;
}
.underline-hover:hover
{
    text-decoration: underline;
}
.tiny-font
{
    font-size:9.5pt !important;
}
.medium-large
{
    font-size:20pt !important;
}
.small-font
{
    font-size:12pt !important;
}
.smaller-font
{
    font-size:smaller !important;
}
.medium-font
{
    font-size:16pt !important;
}
.big-font
{
    font-size:20pt !important;
}
.bigger-font
{
    font-size: larger !important;
}
.huge-font
{
    font-size:26pt !important;
}
.mobile .small-font
{
    font-size:10pt !important;
}
.mobile .medium-font
{
    font-size:12pt !important;
}
.mobile .big-font
{
    font-size:14pt !important;
}
.mobile .huge-font
{
    font-size:20pt !important;
}
.underline
{
    text-decoration: underline;
}
.dotted-underline
{
    border-bottom: 2px dotted;
}
.black,
.black-inside *
{
    color: black;
}
.red,
.red-inside *
{
    color: #D00;
}
.field-error
{
    border: 1px solid #D00;
    box-shadow: 0px 0px 3px 2px #D00;
}
.field-ok
{
    border: 1px solid green;
    box-shadow: 0px 0px 3px 2px green;
}
.required-star
{
    color: #D00;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 0.25em;
}
.password-requirements-text
{
    display: block;
    max-width: 1.9in;
}
.purple,
.purple-inside *
{
    color: purple;
}
.green,
.green-inside *
{
    color: green;
}
.podcast-spin
{
    display: inline-block;
    vertical-align: middle;
    transform-origin: center center;
    animation: podcast-spin-rotate 1.2s linear infinite;
}
.podcast-controls-row
{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.podcast-controls-row .media-controls
{
    flex: 1 1 auto;
    margin-bottom: 0;
}
.podcast-controls-row #podcast-status-body
{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    position: relative;
    top: 3px;
}
@keyframes podcast-spin-rotate
{
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.white,
.white-inside *
{
    color: white;
}
.highlight,
.back-red
{
    background-color: red;
}
.back-aliceblue
{
    background-color: aliceblue;
}
.back-gold
{
    background-color: #fafad2;
}
.back-ghostwhite
{
    background-color: ghostwhite;
}
.back-ivory
{
    background-color: ivory;
}
.back-honeydew
{
    background-color: honeydew;
}
.back-floralwhite
{
    background-color: floralwhite;
}
.back-lavender
{
    background-color: lavender;
}
.back-green
{
    background-color: green;
}
.back-light-coral
{
    background-color: lightcoral;
}
.back-light-blue
{
    background-color: lightblue;
}
.back-blue
{
    background-color: blue;
}
.back-light-green
{
    background-color: lightgreen;
}
.back-green
{
    background-color: green;
}
.back-light-gray
{
    background-color: #EEE;
}
.back-gray
{
    background-color: lightgray;
}
.back-ghost
{
    background-color: ghostwhite;
}
.gray
{
    color: #555;
}
.light-gray
{
    color: #BBB;
}
.back-dark-gray
{
    background-color: #CCC;
}
.gray-link,
.gray-link a
{
    color: #555;
    text-decoration: none;
}
.gray-link:hover,
.gray-link a:hover
{
    text-decoration: underline;
}
.gray-text
{
    color: #555;
}
.white
{
    color: white;
}
a.echo-link,
a.hover-link,
.echo-link a,
.hover-link a
{
    text-decoration: none;
}
a.echo-link:hover,
a.hover-link:hover,
.echo-link a:hover,
.hover-link a:hover
{
    text-decoration: underline;
}
.hover-lightgray:hover
{
    background-color: lightgray;
    border-radius:5px;
}
.back-yellow
{
    background-color: yellow;
}
.center-page
{
    left: 0;
    margin: auto;
    max-width: 90%;
    overflow-wrap: break-word;
    position: fixed;
    right: 0;
    text-align: center;
    top: 30%;
}
.warning
{
    color:red;
}
.clear
{
    clear: both;
}
.rounded *
{
    border-radius: 8px;
}
.width-half
{
    width:50%;
}
.width-three-quarter
{
    width:75%;
}
.width-half img,
.width-three-quarter img
{
    width:100%;
}
.frame
{
    border: 1px solid #ccc;
    position: relative;
}
.solid-border {
    border: 1px solid #ccc;
    border-radius: 8px;
}
.dashed-border {
    border: 1px dashed #ccc;
    border-radius: 8px;
}

.very-narrow-field
{
    width: 1in;
    font-size:10pt;
    height:25px;
}
.mobile .very-narrow-field
{
    width: 80px;
}
.narrow-field
{
    width: 1.9in;
}
.mobile .narrow-field
{
    width: 100px;
}
.wide-field
{
    width: 3in;
}
.mobile .wide-field
{
    width: 150px;
}
.extra-wide-field
{
    width: 5in;
}
.mobile .extra-wide-field
{
    width: 200px;
}
.range-field
{
    border: 1px solid gray;
    display:inline-block;
    margin: 3px;
    padding: 3px;
}
.range-field hr
{
    width: 7%;
}
.tall-text-area
{
    height: 4in;
    width: 100%;
}
.mobile .tall-text-area
{
    width: 90%;
}
.no-resize
{
    resize: none;
}
.formatted-share-wall
{
    border: 1px darkgray solid;
    border-radius: 3px;
    margin: 3px;
    max-height: 4in;
    overflow-y: scroll;
    padding: 0;
    resize: none;
}
.formatted-share-wall > div
{
    counter-reset: line;
    display: table;
    font: 13px monospace;
    line-height: 1.2rem;
    white-space: pre;
    width: 100%;
}
.formatted-share-wall > div > div
{
    display: table-row;
}
.formatted-share-wall > div > div:before
{
    background-color: #F0F0F0;
    counter-increment: line;
    content: counter(line) ".";
    display: table-cell;
    overflow-x: scroll;
    text-align: right;
    width:3em;
}
.share-wall
{
    border: 1px darkgray solid;
    border-radius: 3px;
    height: 4in;
    margin: 3px;
    padding: 0;
    resize: none;
    width: 99%;
}
.small-text-area
{
    height: 2.5in;
    width: 100%;
}

.grid-container
{
    display: grid;
    grid-template-columns: auto auto auto;
}
.mobile .grid-container
{
    display: grid;
    grid-template-columns: auto auto;
}
.grid-resource
{
    border: 1px solid black;
    border-radius: 5px;
    display: inline-block;
    margin: .05in;
    overflow-x: scroll;
    padding: .05in;
    text-align: center;
    width: 2.75in;
}
tr.parent-folder-row
{
    background-color: #eef2fb;
    border-bottom: 1px solid #b9c4dd;
}
tr.parent-folder-row td
{
    border-bottom: 1px solid #b9c4dd;
}
.parent-folder-link
{
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}
.grid-resource.parent-folder-row
{
    border: 2px solid blue;
    background-color: #eef2fb;
}
.parent-folder-detail
{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    margin-bottom: 6px;
    border: 2px solid blue;
    border-radius: 5px;
    background-color: #eef2fb;
}
.mobile .grid-resource
{
    max-width:155px;
}
.grid-resource input
{
    text-align:center;
    max-width:2.25in;
}
.seen-resource input
{
    background-color: inherit;
}
.seen-resource input:focus-within
{
    background-color: white;
}
.mobile .grid-resource input
{
    max-width:145px;
}
.list-resource button,
.list-resource .media-anchor-button,
.grid-resource .media-anchor-button,
.grid-resource button,
h2.resource-field .media-anchor-button,
h2.resource-field button,
.media-detail-description button
{
    display: none;
}
#info-item
{
    background-color: white;
    border: 2px solid gray;
    border-radius: 15px;
    display: none;
    height: calc(100% - 2in);
    left:0.5in;
    opacity: 1.0;
    padding: 5px;
    position: fixed;
    top: 1.25in;
    width: calc(100% - 2in);
    z-index: 100;
}
.mobile #info-item
{
    height: calc(100% - 30px);
    left: 10px;
    width: calc(100% - 30px);
}
#detail-item
{
    border: 1px solid black;
    display: block;
    height: 4.4in;
}
.mobile #detail-item
{
    border: 1px solid black;
    display: block;
    height: 3.8in;
}
#info-item iframe
{
    border-radius: 15px;
    height: calc(100% - 0.5in);
    margin-left:0.2in;
    width: calc(100% - 0.4in);
}
#detail-item iframe
{
    height: 100%;
    width: 100%;
}
.detail-container
{
    display: flex;
    flex-direction: row;
    height: 1.6in;
    overflow-x: auto;
    vertical-align: bottom;
}
.detail-resource
{
    border: 1px solid black;
    border-radius: 5px;
    display: inline-block;
    margin: .05in;
    overflow-x: hidden;
    padding: .05in;
    text-align: center;
    min-width: 2in;
    max-width: 2in;
}
.detail-resource img
{
    height: 1in;
}
.mobile .detail-resource
{
    max-width: 155px;
}
.resource-thumb
{
    position: relative;
}
.grid-resource img
{
    height:1.3in;
}
.mobile .grid-resource img
{
    margin-left: 18px;
}
.mobile .detail-resource img
{
    height:1.1in;
    margin-left: 35px;
}
.resource-description
{
    overflow-wrap: break-word;
    white-space: pre;
}

div[data-badge]::after,
.badge
{
    border: 1px solid black;
    border-radius: 10px;
    display: inline-block;
    font-size:10pt;
    left: 20px;
    padding: 2px;
    position: absolute;
    top: 0;
}

div[data-badge]::after
{
    background-color: green;
    color: white;
    content: attr(data-badge);
    top: -15px;
    left: -10px;
}

.detail-container div[data-badge]::after,
grid-container div[data-badge]::after,
.detail-container .badge,
.grid-container .badge
{
    font-size: 16pt;
    left:0px;
}
.mobile div[data-badge]::after
{
    left:-7px;
}
.mobile .badge
{
    left: 0;
}
.resizable
{
    resize: horizontal;
    overflow: auto;
}
h2.resource-field input
{
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
}
.resource-field input
{
    border:0;
    color:black;
    padding:2px;
    width:calc(max(100% - 50px, 1.8in));
}
.resource-field .user-accounts-edit-toolbar
{
    vertical-align: middle;
    display: none;
}
.list-resource:focus-within .resource-field .user-accounts-edit-toolbar,
.grid-resource:focus-within .resource-field .user-accounts-edit-toolbar,
.resource-field:focus-within .user-accounts-edit-toolbar,
.media-detail-description:focus-within .user-accounts-edit-toolbar
{
    display: inline-flex;
}
.user-accounts-edit-btn
{
    vertical-align: middle;
}
.resource-field input:hover
{
    border:1px gray solid;
    border-radius:5px;
    text-decoration:underline;
}
.info-link
{
    padding: 5px;
    text-decoration:none;
}
.info-link:hover
{
    border: 1px solid blue;
    background-color:#ECECEC;
    border-radius: 5px;
    color:blue;
}
.resource-field:focus-within input
{
    border:1px gray solid;
    border-radius:5px;
    color:black;
    text-decoration:none;
}
.list-resource .resource-field:focus-within input,
.grid-resource .resource-field:focus-within input
{
    width: calc(100% - 165px);
}
.user-accounts-edit-btn
{
    line-height: 1;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
}
.resource-field .user-accounts-edit-btn
{
    min-height: 1.6em;
}
.resource-more-glyph
{
    display: block;
    line-height: 1;
    margin-top: -0.5em;
}
.grid-resource:focus-within button:not(.user-accounts-edit-btn),
h2.resource-field:focus-within button:not(.user-accounts-edit-btn),
.list-resource:focus-within button:not(.user-accounts-edit-btn),
.media-detail-description:focus-within button:not(.user-accounts-edit-btn)
{
    background-color: #F0F0F6;
    border: 1px solid gray;
    border-radius: 5px;
    color: black;
    display: inline;
    font-size: 11pt;
    font-weight: bold;
}
.grid-resource:focus-within .user-accounts-edit-btn,
h2.resource-field:focus-within .user-accounts-edit-btn,
.list-resource:focus-within .user-accounts-edit-btn,
.media-detail-description:focus-within .user-accounts-edit-btn
{
    display: inline-flex;
}
.grid-resource:focus-within .resource-more-menu,
h2.resource-field:focus-within .resource-more-menu,
.list-resource:focus-within .resource-more-menu,
.media-detail-description:focus-within .resource-more-menu
{
    display: inline-block;
}
.media-detail-description:focus-within div
{
    margin: 5px;
    text-align:center;
}
.grid-resource:focus-within .media-anchor-button,
h2.resource-field:focus-within .media-anchor-button,
.list-resource:focus-within .media-anchor-button
{
    background-color: #F0F0F6;
    border:1px solid gray;
    border-radius:5px;
    color:black;
    display:inline-block;
    font-size:11pt;
    font-weight:bold;
}
.list-resource:focus-within button svg,
.grid-resource:focus-within button svg,
.resource-field:focus-within button svg
{
    width: 22px;
    height: 22px;
}
.seen-resource:focus-within button,
.seen-resource:focus-within button,
.seen-resource:focus-within .media-anchor-button,
.seen-resource:focus-within .media-anchor-button
{
    background-color: white;
}
.grid-resource:focus-within button:hover,
.list-resource:focus-within button:hover
{
    background-color: lightgray;
}
.media-detail-description
{
    margin:auto;
    width:60%;
}
.mobile .media-detail-description
{
    margin:auto;
    width:90%;
}
.media-detail-description textarea
{
    border:0;
    color:black;
    padding:2px;
    width:100%;
    height: 1.5in;
}
.media-detail-description textarea:hover
{
    border:1px gray solid;
    border-radius:5px;
    text-decoration:underline;
}
.media-detail-description:focus-within textarea
{
    border:1px gray solid;
    border-radius:5px;
    color:black;
    text-decoration:none;
}
.medium-text-area
{
    height: 2.5in;
    width: 100%;
}
.mobile .medium-text-area
{
    width: 90%;
}
.short-text-area
{
    width: 98%;
    height: 1in;
}
.mobile .short-text-area
{
    width: 90%;
}
.short-text-area-two
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    height: 1in;
}
.short-text-area-three
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    height: .7in;
}
.center,
.center-inside *
{
    margin: 0 auto 0 auto;
    text-align: center;
}
.bold
{
    font-weight: bold;
}
.sides-margin
{
    margin-left:0.6in;
    margin-right:0.6in;
}
.reduce-top
{
    position: relative;
    top: -.1in;
}
.top-margin
{
    margin-top: .2in;
}
.top-bottom-margin
{
    margin: .2in 0 .2in 0;
}
.small-top-bottom-margin
{
    margin: .1in 0 .1in 0;
}
.mobile .top-margin
{
    margin-top: 6px;
}
.mobile .top-bottom-margin
{
    margin: 6px 0 6px 0;
}
.mobile .small-top-bottom-margin
{
    margin: 3px 0 3px 0;
}
.bottom-margin
{
    margin-bottom: .2in;
}
.no-margin
{
    margin: 0 !important;
}
.tiny-margin
{
    margin: 1px !important;
}
.small-margin
{
    margin: 2px !important;
}
.medium-margin
{
    margin: 4px !important;
}
.large-margin
{
    margin: 8px !important;
}
.box
{
    border: 1px ridge #ccc;
    padding: 3px;
}
.black-box
{
    border:2px ridge black;
    padding:5px;
}
.light-gray-box
{
    border:2px ridge #BBB;
    padding:5px;
}
.slight-pad
{
    padding: 0.1in;
}
.mobile .slight-pad
{
    padding: 3px;
}
.border-top
{
    border-top:2px solid black;
    padding-top:5px;
}
.align-top
{
    vertical-align: top;
}
fieldset
{
    border-color:black;
}
/* set up prefixes for left-to-right, right-to-left and vertical text support*/
.html-tb
{
    -ms-block-progression: tb;
}
.html-rl
{
    -ms-block-progression: rl;
}
.html-lr
{
    -ms-block-progression: lr;
}
.html-rtl
{
    direction: rtl;
    text-align: right;
}
.html-ltr
{
    direction: ltr;
    text-align: left;
}
body.html-rl-tb
{
}
body.html-lr-tb
{
    writing-mode: horizontal-tb;
}
body.html-tb-rl
{
    writing-mode: vertical-rl;
}
body.html-tb-lr
{
    writing-mode: vertical-lr;
}
/* set up global font preferences */
body
{
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    margin:  0;
    padding: 0;
    width: auto;
}
/* .mobile is used for phone devices -- an attempt has been made to
   make the default non-mobile version of the page work with tablets
*/
body.mobile
{
    left: 0;
    margin: 0;
    min-height: 0;
    width: auto;
}
.body-container
{
    border: 0;
    margin: auto;
    width:9.5in;
    min-width:11in; /* making width values larger will
                affect help visibility */
    padding: 0;
}
.search-body
{
    width:12.5in;
    min-width:12.5in;
}
.mobile .search-body,
.mobile .body-container
{
    width: unset;
    min-width: auto;
}
.html-ltr .body-container,
.html-ltr .top-container
{
    transition: margin-left .25s ease-in;
}
.html-rtl .body-container,
.html-rtl .top-container
{
    transition: margin-right .25s ease-in;
}
/* bar on which web, images, video subsearches and sign-in stuff live
   for many of the below things we need to handle them different on the landing
   page from pages where search results appear
 */
.top-container
{
    height: 65px;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 10;
}
.top-container.landing
{
    background-color: white;
}
.top-container .inner-bar
{
    height: 60px;
    margin: 0;
}
.top-container.landing .inner-bar
{
    background-color: white;
}
.acting-as .top-container
{
    top: 40px;
}
.acting-as .body-container
{
    padding-top: 40px;
}
.acting-as #nav-container
{
    top: 40px;
    height: calc(100% - 40px);
}
.mobile .top-container
{
    top: -5px;
    min-width: 0;
}
.top-landing-spacer
{
    clear:both;
    height:2in;
}
.mobile .top-landing-spacer
{
    clear:both;
    height:70px;
}

/* this is for informational messages when settings are changed or admin stuff
   done
 */
#message
{
    left: 2in;
    position: fixed;
    right: 2in;
    text-align: center;
    top: .1in;
    width:auto;
    z-index: 13;
}
.mobile #message
{
    left: 20px;
    right: 20px;
    width: 100%;
}

.display-message
{
    color:#D00;
}
/*
   top nav bar and settings toggle
 */
.nav-bar
{
    min-width: 9.5in;
    padding: 5px;
}
.landing .nav-bar
{
    min-width: unset;
    width: 65px;
}
.nav-bar .title-block
{
    margin:0;
    min-width:9in;
    max-width:10in;
    padding:0;
    text-align: center;
}
.nav-bar h1
{
    display: inline;
}
.nav-bar h1 img
{
    position:relative;
    top: 2px;
}
.nav-bar .nav-span
{
    display: inline-block;
    font-family: Arial;
    font-size: 32px;
    font-weight: 700;
    height: 32pt;
    margin: 2px;
    max-width: 7in;
    padding: 0;
    position: relative;
    top:-20px;
    white-space: nowrap;
}
.html-ltr .nav-bar .nav-span
{
    text-align:left;
}
.html-rtl .nav-bar .nav-span
{
    text-align: right;
}
.wide-bar-item,
.group-title-item,
.bar-item
{
    display: inline-block;
    margin: 0;
    max-width: 2in;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-overflow: ellipsis "[..]";
    top: 10px;
}
.wide-bar-item
{
    max-width: 4in;
}
.mobile .bar-item
{
    font-size: 11pt;
    max-height: 14pt;
    max-width: 63px;
    top: 3px;
}
.mobile .wide-bar-item
{
    font-size: 11pt;
    max-height: 14pt;
    max-width: 150px;
    top: 3px;
}
.mobile .group-title-item
{
    max-width: 180px;
    vertical-align: top;
}
.mobile .nav-bar
{
    min-width: unset;
    width: 100%;
}
.mobile .nav-bar .title-block
{
    min-width: unset;
    width: 100%;
}
.mobile .nav-bar h1
{
    font-size: 14pt;
    min-width: unset;
    max-width: unset;
}
.mobile .nav-bar .nav-span
{
    font-size: 14pt;
    max-width:250px;
}
.mobile .nav-bar img
{
    max-width:60px;
}
.html-ltr #nav-container
{
    height: 100%;
    left: -300px;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transition: left .25s ease-in;
    width: 300px;
    z-index:100;
}
.html-rtl #nav-container
{
    height: 100%;
    right: -300px;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transition: right .25s ease-in;
    width: 300px;
    z-index:100;
}
.html-ltr .menu-options
{
    position: relative;
    z-index: 100;
}
.html-rtl .menu-options
{
    position: relative;
    z-index: 100;
}
#admin-menu-options
{
    display: none;
}
.menu-options h2
{
    font-size:13pt;
    padding: 0;
    margin: 0 3px 0 3px;
}
.menu-option-heading,
.option-heading
{
    margin: 0 2px 0 2px;
    padding: 0;
}
.html-ltr .menu-option-heading
{
    position:relative;
    left:-.37in;
}
.html-rtl .menu-option-heading
{
    position:relative;
    right:-.37in;
}
.menu-toggle
{
    font-size:13pt;
    margin: 0;
    padding: 0 0.1in 0 0.1in;
}
.menu-options ul
{
    font-size: 12pt;
    margin-bottom: 5px;
    margin-top: 1px;
}
.menu-options li
{
    padding: 1px;
}
.mobile .menu-options li
{
    padding: 1px;
}
.menu-options select
{
    font-size: 13pt;
}
.mobile .menu-options h2 img
{
    max-height: 75px;
    max-width: 150px;
}

#menu-options-background {
    background-color: black;
    display: none;
    min-height: 100%;
    left: 0px;
    opacity: 0.15;
    position: fixed;
    top: 0px;
    transition: all 2s ease-in;
    width: 100%;
    z-index:50;
}
/* controls */
.anchor-button,
.anchor-button-consent,
.vote-button
{
    background-color: #F0F0F0;
    border: ridge 1px #DDD;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 2px;
    padding: 4px;
    text-align: center;
    text-decoration: none;
}
.source-anchor-button
{
    background-color: #E9E9ED;
    border: ridge 1px #000;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16pt;
    margin: 3px;
    padding: 6px 5px 5px 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
}
.mobile .source-anchor-button
{
    font-size: 14pt;
}
.vote-button
{
    background-color: #DDD;
    border-radius: 5px;
    color: #555;
    margin: 1px;
    min-width:.15in;
    padding: 1px;
}
.anchor-button-consent
{
    background-color: #666;
    border-radius: 5px;
    color: #FFF;
}
.anchor-button:hover
{
    text-decoration: underline;
}
.anchor-button-consent:hover,
.vote-button:hover
{
    background-color: #333;
    color: #FFF;
}
.button-anchor
{
    background:inherit;
    border: 0;
    color: blue;
    font-size: 16px;
    padding: 0;
    text-decoration:underline;
}
.user-accounts-edit-toolbar
{
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 4px;
    vertical-align: middle;
}
.user-accounts-edit-btn
{
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    color: #555;
    font-size: 11pt;
    line-height: 1.4;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.user-accounts-edit-btn:hover
{
    background-color: #f0f0f0;
    color: #333;
}
.user-accounts-rename-input
{
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: inherit;
    font-family: inherit;
    box-sizing: border-box;
    vertical-align: middle;
}
.resource-more-menu
{
    display: inline-block;
}
.resource-more-options
{
    position: absolute;
    z-index: 10;
    margin-top: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}
.resource-more-options a
{
    display: block;
    padding: 4px 10px;
    color: #555;
    text-decoration: none;
    font-size: 11pt;
}
.resource-more-options a:hover
{
    background-color: #f0f0f0;
    color: #333;
}
:not(.mobile) .resource-more-btn
{
    margin-top: -4px;
}
.media-anchor-button
{
    background:inherit;
    font-size: 14pt;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    position:relative;
    text-decoration:none;
}
.media-anchor-button:hover
{
    background-color:lightgray !important;
    border-radius:5px;
}
.mobile #clipboard-toggle {
    height: 25px;
    position:relative;
    top:2px;
}
.button-container
{
    display:inline-block;
    position:relative;
}
div[aria-label]:focus:after,
div[aria-label]:hover:after,
span[aria-label]:focus:after,
span[aria-label]:hover:after
{
    background: #000;
    border-radius: 3px;
    content: attr(aria-label);
    color: #fff;
    display: block;
    font-size: 10pt;
    padding: 3px;
    position: absolute;
    word-break: normal;
    z-index: 1000;
}
#discuss-button
{
    display:inline-block;
}
.html-ltr #discuss-button span[aria-label]:focus:after,
.html-ltr #discuss-button span[aria-label]:hover:after
{
    right:0px;
}
.html-rtl #discuss-button span[aria-label]:focus:after,
.html-rtl #discuss-button span[aria-label]:hover:after
{
    left:0px;
}
/*
  ComponentView styles
 */
.same-container,
.opposite-container
{
    margin-left: 1%;
    margin-right: 1%;
    max-width: 20%;
    min-width: 14%;
}
.html-ltr .same-container
{
    float: left;
}
.html-rtl .same-container
{
    float: right;
}
.html-ltr .opposite-container
{
    float: right;
}
.html-rtl .opposite-container
{
    float: left;
}
.sub-top-container
{
    margin: 0;
    margin-top: 65px;
}
.center-container
{
    margin-left: 0.5in;
    margin-right: 0.5in;
    margin-top: 0px;
}
.search-body .center-container
{
    min-width: 11.5in;
}
.mobile .center-container
{
    margin-left: 0px;
    margin-right: 0px;
    min-width: unset;
    max-width: unset;
}
.center-container .landing
{
    margin: auto;
}
.footer
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}
.cookie-consent
{
    bottom: 0;
    left: 0;
    padding: 7px;
    position: fixed;
    text-align: center;
    width: 100%;

}
/*
   Landing page (www.yioop.com) specific css
 */
.small-top
{
    position: relative;
    top:-.8in;
}
.medium-top
{
    margin-left:0.3in;
    margin-right:0.3in;
    position: relative;
    top:-.8in;
}
.square-list
{
    list-style-type: square;
}
.mobile .small-top
{
    position: relative;
    top:0in;
}
/*
   Style tweaks for blog, privacy, bot, settings, and admin pages
 */
.mobile .non-search
{
    left: 10px;
    position: relative;
    right: 10px;
    top: 10px;
}

/*
   Styles to control logo (image + adjacent text) on various pages
 */
.logo
{
    margin: 0 auto 0 auto;
    left: 0.1in;
    position: relative;
    right: 0.1in;
    top: -0.05in;
}
.mobile .non-search .logo
{
    margin: 0 auto 0 auto;
    position: relative;
    text-align: inherit;
    top: 20px;
}
.mobile .test {
    position: relative;
    top: -0.18in;
}
.request-add
{
    font-size:12pt;
    height:0;
    position:relative;
    top:-25px;
}
.group-request-add
{
    font-size:12pt;
    height:0;
}
.mobile .request-add,
.mobile .group-request-add
{
    position:relative;
    top:-10px;
}
.feed-back-link
{
    font-size:12pt;
}
.group-feed-back-link
{
    font-size:12pt;
    margin-left:1.75in;
    margin-right:1.75in;
}

.group-wiki-title select,
.group-feed-title select
{
    border-radius:6px;
    font-size:16pt;
    font-weight:bold;
    padding:4px;
}
.admin-heading
{
    margin-left: .06in;
    margin-right: .06in;
}
.group-heading
{
    margin: .1in auto .4in auto;
    text-align:center;
}
.group-heading span
{
    position: relative;
    top: -30px;
}
.group-heading span select
{
    border-radius:6px;
    font-size:12pt;
    font-weight:bold;
    padding:4px;
    position: relative;
    top:-2px;
}
.mobile .admin-heading
{
    position: absolute;
    top: 5px;
    width:360px;
}
.mobile .group-heading
{
    position: absolute;
    top: 5px;
}
.mobile .group-heading span
{
    position: relative;
    top: 0px;
}
.landing .logo
{
    min-width: 6in;
    position: relative;
    text-align: center;
    top: 0;
}
.mobile .landing .logo
{
    min-width: 0px;
}
.landing.non-search
{
    clear: both;
    margin-top: 1.5in;
}
.logo img
{
    border: 0;
    width:2in;
}
.group-heading img.logo
{
    width: 1.5in;
}
.group-comment
{
    margin: 10px 8px 10px 8px !important;
}
.mobile .group-comment
{
    margin: 10px 14px 10px 14px !important;
}
.mobile .logo img
{
    left: -8px;
    position: relative;
    top: 14px;
    width: 50px;
    z-index: 5;
}
.mobile .admin-heading img
{
    position: relative;
    top: 0px;
}
.mobile .group-heading img.logo
{
    left: 4px;
    position: relative;
    top: 17px;
    width: 50px;
}
.landing .logo img
{
    border: 0;
    width: 3in;
}
.mobile .landing .logo img
{
    position: relative;
    left: 0px;
    top: 14px;
    width: 200px;
}

.mobile .admin-heading img
{
    left: 80px;
    position: relative;
    right: 80px;
    top: 30px;
    width: 50px;
}
.logo span
{
    position: relative;
    top: -.3in;
}

.mobile .logo span
{
    position: relative;
    top: 0;
}
.html-ltr b.logo-subsearch
{
    font-size: 12pt;
    left: 70px;
    position: fixed;
    top: 45px;
    transition: left .25s ease-in;
}
.html-rtl b.logo-subsearch
{
    font-size: 12pt;
    right: 70px;
    position: fixed;
    top: 45px;
    right: left .25s ease-in;
}
.html-ltr.mobile b.logo-subsearch
{
    left: 50px;
    position: fixed;
    top: 40px;
}
.html-rtl.mobile b.logo-subsearch
{
    right: 50px;
    position: fixed;
    top: 40px;
}
.logo-subsearch
{
    font-size: 30pt;
    position: relative;
    text-align: center;
    top: -50px;
}
.mobile .logo-subsearch
{
    font-size: 20pt;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: -25px;
    z-index: 15;

}
.mobile .admin-heading
{
    left: 70px;
    position: relative;
    right: 70px;
    top: 20px;
}
.mobile .non-search .logo span
{
    left: 20px;
    position: relative;
    right: 20px;
    top: -.3in;
    width: 200px;
}
.mobile .non-search .logo img
{
    left: 20px;
    position: relative;
    right: 20px;
    top: -20px;
    width: 50px;
}
/*
   Styles for footers on various pages
 */
.footer-element
{
    clear:both;
    margin:auto;
    margin-top: 25px;
    text-align:center;
}
.mobile .footer-element
{
    margin-top: 60px;
}
.signin-exit
{
    clear: both;
    margin: 0.25in auto 0.25in auto;
    width: 7in;
    text-align: center;
}
.mobile .signin-exit
{
    min-width:0;
}
.mobile .signin-exit
{
    margin-top: 0.4in;
    position: relative;
    text-align: inherit;
    min-width:0;
    top: -20px;
    width: 90%;
}
.html-ltr .signin-exit li
{
    text-align:left;
    list-style-type: square;
    margin-left:2.3in;
}
.html-rtl .signin-exit li
{
    text-align: right;
    list-style-type: square;
    margin-right:2.3in;
}
.mobile .signin-exit li
{
    margin-left: 20%;
    margin-right: 20%;
}
/*
   If query information is available then web_layout will
   render statistics about all the SQL and search engine
   queries that were executed for a page. These styles
   control how this diagnostic info renders
 */
.query-statistics
{
    border-top: 2px solid gray;
    color: #606060;
    margin-top: 0.4in;
}
.mobile .query-statistics
{
    position: relative;
    overflow-wrap: break-word;
    top: 200px;
    word-wrap: break-word;
}
.query
{
    border: 1px solid gray;
    margin: 0.1in;
    padding: 0.05in;
}
/*
   Styles for the login, settings, and register pages
 */
.html-ltr .cancel
{
    text-align: right;
}
.html-rtl .cancel
{
    text-align: left;
}
.login
{
    font-size: 16pt;
    width: 5in;
    margin: 0 auto 0 auto;
}
#settings-toggle-icon,
#settings-toggle-icon-b
{
    position:relative;
    top:5px;
}
#settings-toggle-icon-b:hover,
#settings-toggle-icon:hover
{
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    height:.6in;
    width:.42in;
    z-index:1001;
}
.settings .top
{
    font-size:14px;
    margin:0;
    padding:0;
    position:relative;
    top:5px;
}
.settings .bottom
{
    margin:0;
    padding:0;
    position:relative;
    top:-10px;
}
.html-ltr .top-container .settings
{
    color: #555;
    float: left;
    font-size: 50px;
    height: .8in;
    position: relative;
    text-align: center;
    top: -5px;
    width: 40px;
    z-index: 10;
}
.html-rtl .top-container .settings
{
    color: #555;
    float: right;
    font-size: 50px;
    height: .8in;
    position: relative;
    text-align: center;
    top: -5px;
    width: 40px;
    z-index:10;
}
.register
{
    font-size: 14pt;
    width: 6in;
    margin: auto;
}
.login input
{
    font-size: 16pt;
    margin: 5px;
}
.register input
{
    font-size: 16pt;
    margin: 5px;
    width: 80%;
}

.mobile .login,
.mobile .register
{
    font-size: 14pt;
    left: 5px;
    position: relative;
    right: 5px;
    width: 100%;
}
.mobile .register .table-label
{
    max-width: 1.5in;
    overflow-wrap: break-word;
    white-space: normal;
}
.login button,
.register button
{
    font-size:16pt;
}
.register select
{
    font-size: 10pt;
    width:90%;
}
.mobile .login button,
.mobile .register button
{
    font-size: 14pt;
}
.mobile .register select
{
    font-size: 12pt;
}
.user-icon-td
{
    vertical-align: top;
    width: 1.4in;
}
.user-icon
{
    margin: auto;
    width: 1.3in;
}
.mobile .user-icon-td
{
    width:90px;
}
.mobile .user-icon
{
    width:80px;
}
.upload-file
{
    background-color: #CCC;
    border: 3pt #999 solid;
    border-radius:13px;
    height: .5in;
    margin: .2in;
    overflow-wrap: break-word;
    padding: 2px;
    width: 2in;
    word-wrap: break-word;
}
.mobile .upload-file
{
    width: 150px;
    height: 30px;
}
.full-width
{
    width: 100%;
}
.small-icon
{
    height: 0.5in;
    position:relative;
    top:10px;
    width: 0.5in;
}
.mobile .small-icon
{
    height: 30px;
    width: 30px;
}
.icon-upload
{
    left:16px;
    padding-right:2px;
    position:relative;
    width: 1.6in;
}
.mobile .icon-upload
{
    left:-5px;
    position:relative;
    font-size:11pt;
    width:86px;
}
/*
   Styles for the statistics for a crawl page
 */
.stats  {
    position: relative;
    top: 0.1in;
}
.statistics
{
    left: .1in;
    position: relative;
    right: .1in;
}
.mobile .statistics
{
    font-size: 14pt;
    left: 5px;
    position: relative;
    right: 5px;
    width: 100%;
}
.mobile .stats span
{
    left: -10px;
    position: relative;
    top: -10px;
    width: 200px;
}
.mobile .stats img
{
    left: 0px;
    position: relative;
    top: 0px;
    width: 50px;
}
/*
  Styles for search and search result pages
 */
.search-results
{
    width:inherit;
}
.edit-search-result
{
    position: relative;
    top: 7px;
}
.edit-search-result ul > li:first-child
{
    border-color: lightgray !important;
    color: gray !important;
    height: 20px;
    padding: 0 5px 4px 5px;
}
.html-ltr .search-stats
{
    color: #666;
    font-size: 14pt;
    float: right;
    padding: 5px;
    z-index:-1;
}
.html-rtl .search-stats
{
    color: #666;
    font-size: 14pt;
    float: left;
    padding: 5px;
    z-index:-1;
}
.search-callout
{
    border-radius: 10px;
    border: 3px solid #DDD;
    padding: 5px;
    margin-top: 65px;
    min-height: 45px;
    width:2.5in;
}
.mobile .search-callout
{
    border: 3px solid #DDD;
    padding: 5px;
    margin: 8px 3px 3px 3px;
    width: 320px;
}
.news-result
{
    min-height:1.2in;
}
.news-result img
{
    border-radius: 10px;
    clear: inline-start;
    height:130px;
    margin-right: 5px;
    width:240px;
}
.mobile .news-result img
{
    margin-top:5px;
    max-height:70px;
    top:7px;
    width:120px;
}
.news-result,
.result
{
    border: 1px solid transparent;
    clear: inline-start;
    line-height: 1.4;
    margin-bottom:12px;
    margin-top:12px;
    padding: 2px;
    width:9in;
}
.news-result h2 a,
.result h2 a
{
    text-decoration: none;
}
.result h2 a:hover,
.news-result h2 a:hover
{
    text-decoration: underline;
}
.result table tr td
{
    padding: 0 5px 0 5px;
}
.result-extras
{
    padding: 10px;
    display: none;
}
.mobile .news-result,
.mobile .result
{
    width:inherit;
}
.word-cloud-spacer
{
    font-weight: bold;
    color : gray;
}
.word-cloud-1
{
    font-size: 16pt;
    color: #080;
    text-decoration: none;
}
.word-cloud-2
{
    font-size: 15pt;
    color: #090;
    text-decoration: none;
}
.word-cloud-3
{
    font-size: 14pt;
    color: #0A0;
    text-decoration: none;
}
.word-cloud-4
{
    font-size: 13pt;
    color: #0B0;
    text-decoration: none;
}
.word-cloud-5
{
    font-size: 12pt;
    color: #0C0;
    text-decoration: none;
}
.word-cloud:hover
{
    text-decoration: underline;
}
.no-search-results
{
    color: #999;
    font-size: 18pt;
    padding-bottom:3%;
    padding-top:5%;
}
.continuous-result-separator
{
    line-height: 1;
    position:relative;
    top:-10px;
    padding-right: 4px;
}
.html-ltr .continuous-result-separator
{
    float: left;
}
.html-rtl .continuous-result-separator
{
    float: right;
}
.access-result
{
    box-shadow: 0px 0px 3px 3px #ccc;
    font-size: 12pt;
    padding: 5px;
    margin:10px;
    word-break: break-all;
}
.more-groups
{
    margin:12px;
}
#results-container
{
    padding-top: 5px;
    max-height: 6in;
    overflow-y: scroll;
}
#feed-clipboard
{
    border: 2px solid gray;
    border-radius: 5px;
    background-color:white;
    padding: 2px;
    margin: 2px;
}
#clips-container
{
    padding-top: 5px;
    max-height: 3in;
    overflow-y: scroll;
}
.feed-heading
{
    margin:0 auto 0 auto;
    padding: 0;
    width: 7in;
}
.page-list-header-footer
{
    padding: 0;
    margin: 0 auto 0 auto;
    width: 7in;
}
.mobile .page-list-header-footer
{
    padding: 0;
    margin: 0 auto 0 auto;
    width: 340px;
}
.wiki-page-list-result
{
    border-radius:5px;
    box-shadow: 0px 0px 3px 3px #ccc;
    font-size: 12pt;
    padding: 0.05in .1in .25in .1in;
    margin: 14px auto 14px auto;
    width:7in;
}
.mobile .wiki-page-list-result
{
    width:340px;
}
.group-result
{
    border-radius:5px;
    box-shadow: 0px 0px 3px 3px #ccc;
    padding: 0.05in .1in .25in .1in;
    margin: 8px auto 8px auto;
}
.small-group-result
{
    border-radius:5px;
    box-shadow: 0px 0px 2px 2px #ccc;
    padding: 0.02in .1in .02in .1in;
    margin: 7px auto 7px auto;
    min-height:.52in;
}
.button-group-result
{
    padding: .1in .1in .05in .1in;
    margin:auto;
}
.button-group-result h2,
.news-result h2,
.result h2,
.small-group-result h2,
.group-result h2
{
    font-size: 16pt;
    font-weight: normal;
}
.result-more
{
    border-radius: 5px;
    border: 1px solid lightgray;
    color: gray;
    font-size: 14pt;
    padding: 1px;
    margin: 3px;
}
.result-more:hover
{
    background-color: lightgray;
    color: white;
}
.result-fav
{
    width: 16px;
    height: 16px;
}
div.button-group-result,
div.small-group-result,
div.group-result
{
    font-size: 12pt;
    width:7in;
}
.mobile div.small-group-result,
.mobile div.group-result
{
    margin: 8px 1px 8px 1px;
    width: auto;
}
.mobile div.button-group-result
{
    margin: 8px 1px 1px 1px;
    padding: 2px 2px 1px 2px;
    width: auto;
}
.spell
{
    color: #666;
    display:none;
    font-size: 14pt;
    padding-bottom:10px;
    padding-top:10px;
    z-index: 20;
}
/*
   The next styles are for the built-in search box that comes with
   Yioop rather than the search boxes which can be inserted on wiki pages.
 */
*:focus
{
    outline: none;
}
::-webkit-search-cancel-button
{
    -webkit-appearance: none;
}
.subsearch.footer-element,
.subsearch.copyright
{
    position:relative;
    top: -10px;
}
.copyright
{
    margin-top: 25px;
}
.search-box
{
    border-color: #AAA;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    padding: 4px;
    margin:auto;
    width:8in;
}
.search-box-inner
{
    background-color: white;
    border-radius: 5px;
    padding: 2px;
}
.search-box-inner input
{
    appearance: none;
    background-color: white;
    border: 0;
    font-size: 18pt;
    margin: 0;
    padding: 5px;
    appearance: none;
    width: 7.15in;
}
.inner-bar .search-box
{
    width: 7.5in;
}
.inner-bar .search-box-inner
{
    border: 1px solid #AAA;
    display: inline-block;
    position: relative;
    top: -22px;
    z-index:20;
}
.inner-bar .search-box-inner input
{
    width: 6.5in;
}
.search-box-inner:focus-within .search-reset-button:hover
{
    color: blue;
}
.search-reset-button,
.search-button
{
    background-color: white;
    border: 0 white;
    padding: 3px 5px 3px 5px;
    font-size: 18pt;
}
.search-reset-button
{
    font-size: 14pt;
    visibility: hidden;
}
.search-box-inner:focus-within .search-reset-button
{
    border-radius: 15px;
    background-color: #EFEFEF;
    color: black;
    visibility: visible;
}
.search-button:hover
{
    border-radius: 3px;
    border:1px solid black;
}
.mobile .search-box
{
    width: calc(100% - 50px);
    margin-top: 8px;
}
.mobile .search-box-inner input
{
    font-size: 14pt;
    width: calc(100% - 80px);
}
.mobile .inner-bar .search-box
{
    width: calc(100% - 140px);
}
.mobile .inner-bar .search-box-inner
{
    width: calc(100% - 120px);
}

.mobile .inner-bar .search-box-inner input
{
    width: calc(100% - 80px);
}
.mobile .search-button
{
    font-size: 14pt;
}
.mobile .search-reset-button
{
    font-size: 12pt;
}
.button-box img
{
    left:-1px;
    position:relative;
    top:3px;
}
.mobile .button-box img
{
    left:-2px;
    position:relative;
    top:1px;
}
.search-field
{
    position: relative;
    min-width:2.5in;
    top: -25px;
}
.mobile .search-field
{
    position: relative;
    width:85%;
    top: -25px;
}
.search-field input[type="search"]
{
    appearance: none;
    border: 0;
    font-size: 16pt;
    height: 37px;
    margin: 0;
    padding: 3px;
    appearance: none;
    width:53%;
}
.mobile .search-field input[type="search"]
{
    border-radius:1px;
    width:58%;
}
.mobile .search-field .button-box
{
    background-color:#EEE;
    border-radius:1px;
    height:37px;
    left:0;
    position: relative;
    top: 3px;
    width:40px;
}
.mobile .search-field .button-box img
{
    left:-10px;
    position:relative;
    top:1px;
}
.serp-links-score
{
    color: #666;
}
/*
    The next styles are for the search boxes which can be inserted
    into wiki pages
 */
.mobile .small-search-box
{
    position:static;
    width: 180px;
}
.mobile .medium-search-box
{
    position: static;
    width: 220px;
}
.mobile .large-search-box
{
    position: static;
    width: 260px;
}
.mobile .small-search-box .search-input
{
    position: static;
    width: 108px;
}
.mobile .medium-search-box .search-input
{
    position: static;
    width: 148px;
}
.mobile .large-search-box .search-input
{
    position: static;
    width: 188px;
}
.small-search-box
{
    margin: 4px;
    position: static;
    width: 2.6in;
}
.small-search-box .search-input
{
    position: static;
    width: 1.80in;
}
.medium-search-box
{
    margin: 4px;
    position: static;
    width: 4.1in;
}
.medium-search-box .search-input
{
    position: static;
    width: 3.3in;
}
.large-search-box
{
    margin: 4px;
    position: static;
    width: 5.6in;
}
.large-search-box .search-input
{
    position: static;
    width: 4.8in;
}
.search-input
{
    font-size: 0.22in!important;
    padding: 2px!important;
    position: relative!important;
    margin: 0!important;
    top: -3px!important;
}
/*
   Styles for the word suggest drop down on search pages
 */
.dropdown
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-color: #AAA;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: none;
    border-width: 1px;
    left: 180px;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
    position: fixed;
    top: 50px;
    width: 5.62in;
    z-index:13;
}
.landing .dropdown
{
    border-width: 2px;
    left: -0.3in;
    position: relative;
    top:0;
    width: 7.38in;
}
.mobile .dropdown
{
    display: none;
}
.suggest-list
{
    background-color: white;
    border: 0;
    font-size: 16pt;
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 5.15in;
}
.landing .suggest-list
{
    width: 7.4in;
}
.suggest-list li
{
    cursor: pointer;
    font-size: 16pt;
    list-style:none;
    margin-left: 0;
    margin-right: 0;
    padding:0px;
    padding-left:2px;
    padding-right:2px;
    width: 6.08in;
}
.landing .suggest-list li
{
    width: 7.8in;
}
.suggest-list li span
{
    color: black;
    display: block;
    height: 18pt;
    margin: 0;
    padding: 0;
    text-decoration: none;
    z-index: 15;
}
.mobile .suggest-list
{
    display: none;
}
/*
   Styles for the bottom of search results links to additional
   pages of search results
 */
.pagination
{
    margin-bottom: 8px;
    margin-top: 8px;
}
.html-ltr .pagination ul,
.html-ltr .pagination ul li
{
    display: inline;
    font-size: 14pt;
    padding-left: 0;
    padding-right: 8px;
}
.html-rtl .pagination ul,
.html-rtl .pagination ul li
{
    display:inline;
    font-size: 14pt;
    padding-left: 8px;
    padding-right: 0;
}
.html-ltr .pagination ul li a.item
{
    border-color: blue;
    border-style: solid;
    border-width: 2px;
    display: block;
    float: left;
    height: 25px;
    margin-right: 8px;
    padding-bottom: 0px;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    width: 25px;
}
.html-rtl .pagination ul li a.item
{
    border-color: blue;
    border-style: solid;
    border-width: 2px;
    display: block;
    float: right;
    height: 25px;
    margin-left: 8px;
    padding-bottom: 0px;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    width: 25px;
}
.micro-pagination ul li a.item:hover,
.pagination ul li a.item:hover
{
    background-color: #88F;
    color: white;
}
.html-ltr .pagination ul li span.item
{
    border-color: black;
    border-style: solid;
    border-width: 3px;
    display: block;
    float: left;
    height: 25px;
    margin-right: 8px;
    padding-top: 1px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 25px;
}
.html-rtl .pagination ul li span.item
{
    border-color: black;
    border-style: solid;
    border-width: 5px;
    display: block;
    float: right;
    height: 25px;
    margin-left: 8px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 25px;
}
.html-ltr .pagination ul li span.end
{
    display:block;
    float:left;
    margin-right: 8px;
    padding-top: 1px;
}
.html-rtl .pagination ul li span.end
{
    display: block;
    float: right;
    margin-left: 8px;
}
.micro-pagination
{
    display:inline;
    margin-bottom: 8px;
    margin-top: 8px;
}
.micro-pagination ul,
.micro-pagination ul li
{
    display: inline;
    font-size: 8pt;
    margin:0;
    padding:0;
    position:relative;
    top:-1px;
}
.micro-pagination ul li a.item
{
    border-color: gray;
    border-style: solid;
    border-width: 2px;
    padding: 2px;
    margin: 2px;
    height: 12px;
    text-align: center;
    text-decoration: none;
    width: 12px;
}
/*
   Styles for video subsearch page
 */
.html-ltr .video-link
{
    float: left;
    margin: 0;
    height: 90px;
    padding-top: 0.05in;
    width: 128px;
}
.video-link .thumb
{
    height: 80px;
    width: 120px;
}
.html-ltr .video-play
{
    height: 30px;
    left: 40px;
    position: relative;
    top: -60px;
    width: 40px;
}
.html-rtl .video-link
{
    float: right;
    height: 90px;
    margin:0;
    padding-top: 0.05in;
    width: 128px;
}
.html-rtl .video-play
{
    height: 30px;
    position: relative;
    right: 40px;
    top: -60px;
    width: 40px;
}
/*
   Styles for image subsearch page
 */
.video-list,
.image-list
{
    margin-top: 10px;
    width: 9in;
}
.mobile .video-list,
.mobile .image-list
{
    margin-left: 2px;
    margin-right: 2px;
    padding: 2px;
    position: relative;
    top: 5px;
    width: 100%;
}
.sub-video-list,
.sub-image-list
{
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.image-list .image-detail
{
    display: inline-block;
    margin: 5px;
    padding: 5px;
    position:relative;
    max-width: 2.5in;
}
.image-list .image-detail figcaption div
{
    font-size: 10pt;
    height: 12pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.image-list .image-detail figcaption a
{
    color: black;
    text-decoration: none;
}
.image-list .image-detail figcaption:hover
{
    text-decoration: underline;
}
.image-dim
{
    background-color: black;
    bottom: 42px;
    color: white;
    opacity: 0.7;
    padding: 2px;
    position:absolute;
}
.html-ltr .image-dim
{
    right: 6px;
}
.html-rtl .image-dim
{
    left: 6px;
}
.image-list img
{
    border: 1px solid gray;
    height:1.5in;
}
.mobile .image-detail
{
    max-width: 119px;
}
.mobile .image-list img
{
    height: 70px;
    padding: 2px;
}
.video-list .video-detail
{
    border: 1px solid black;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
    position:relative;
    width: 2.5in;
}
.video-list .video-detail figcaption
{
    height: .75in;
    line-height: 1.5;
    padding:3px;
}
.video-list .video-detail figcaption div
{
    font-size: 10pt;
    margin: 3px;
}
.video-list .video-detail figcaption a
{
    color: black;
    text-decoration: none;
}
.video-list .video-detail figcaption a:hover
{
    text-decoration: underline;
}
.video-detail .result-fav
{
    margin-left: 2px;
    margin-right: 2px;
}
.video-quality
{
    background-color: #fcc200;
    border-radius: 3px;
    top: 0px;
    color: white;
    margin: 2px;
    padding: 4px;
    position:absolute;
}
.html-ltr .video-quality
{
    right: 3px;
}
.html-rtl .video-quality
{
    left: 3px;
}
.video-duration
{
    background-color: black;
    bottom: 85px;
    color: white;
    opacity: 0.8;
    padding: 2px;
    position:absolute;
}
.html-ltr .video-duration
{
    right: 3px;
}
.html-rtl .video-duration
{
    left: 3px;
}
.video-list .video-thumb
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    max-height: 1.75in;
    width: 100%;
}
.video-play-button
{
    position:absolute;
    font-size: .7in;
    top:.45in;
    left:.9in;
}
.video-play-button a
{
    text-decoration: none;
}
.mobile .video-detail
{
    width: 1.8in;
}
.mobile .video-list .video-thumb
{
    max-height: 1.25in;
}
.mobile .video-play-button
{
    font-size: .7in;
    top:.2in;
    left:.55in;
}
/*
   Styles for tables on login and admin pages
 */
.mobile .table-input select
{
    width: 190px;
}
.mobile .table-input input
{
    width: 150px;
}
.html-ltr .table-label
{
    text-align: right;
}
.html-ltr .table-input
{
    text-align: left;
}
.html-rtl .table-label
{
    text-align: left;
}
.html-rtl .table-input
{
    text-align: right;
}
/*
    Styles for different admin page elements
 */
.content
{
    background-color: white;
    font-size: 12pt;
    margin-left: 0.5in;
    margin-right: 0.5in;
    min-height: 3in;
    padding: 8px;
    position: relative;
    width: 8in;
}
.mobile .content
{
    clear: both;
    position: relative;
    left: 0;
    margin: 3px;
    right: 0;
    top: 0;
    width: 100%;
}
.content p,
.content div
{
    padding-bottom: 8px;
}
.round-padded-button-box,
.round-button-box
{
    border-radius: 5px;
    font-size: 14pt;
    text-align: center;
    text-decoration: none;
}
.round-padded-button-box
{
    padding: 6px;
}
.html-ltr .button-box
{
    background-color: #E9E9ED;
    border-radius: 5px;
    border: 1px ridge black;
    color: black;
    font-size: 16pt;
    height:.39in;
    margin-left: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 0.015in;
}

.html-rtl .button-box
{
    background-color: #E9E9ED;
    border-radius: 5px;
    border: 1px ridge black;
    color: black;
    font-size: 16pt;
    height:.39in;
    margin-right: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 0.015in;
}
.mobile .button-box
{
    background-color: #E9E9ED;
    border-radius: 5px;
    border: 1px ridge black;
    font-size: 14pt;
    height: 34px;
    margin: 0 4px 1px 4px;
    top: unset;
}
.tiny-button-box
{
    font-size: 12pt;
    margin:1px;
    padding:1px;
}
.presentation-activity
{
    clear:both;
}
.current-activity
{
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16pt;
    margin-bottom: 65px;
    margin-left:10%;
    margin-right:10%;
    min-height: 6.5in;
    min-width: 8in;
    width:8in;
    max-width: 8in;
    padding-bottom: 0.1in;
    padding-left: 0.1in;
    padding-right: 0.1in;
    position:relative;
    top: 15px;
}
.current-activity-header
{
    margin: auto;
    min-width: 9in;
    position:relative;
    top: 0.15in;
}
.mobile .current-activity-header
{
    min-width: 320px;
    width:100%;
}
.mobile .wiki
{
    position:relative;
    top: -35px;
}
.current-activity-footer
{
    min-width: 9in;
    position: relative;
    top:0.3in;
}
.mobile .current-activity-footer
{
    min-width: 320px;
    width:100%;
}
.small-margin-current-activity
{
    font-size: 16pt;
    margin: auto;
    max-width: 9in;
    min-height: 6.5in;
    min-width: 9in;
    padding-left: 0.1in;
    padding-right: 0.1in;
    padding-bottom: 0.1in;
    position: relative;
    top: 15px;
}
.mobile #feedstatus
{
    position: relative;
    top: 55px;
}
.static
{
    position:relative;
    top: 0px;
}
.mobile .current-activity,
.mobile .small-margin-current-activity
{
    clear:both;
    font-size:12pt;
    margin:auto;
    min-height: 200px;
    min-width: 0;
    padding: 0 3px 3px 3px;
    position: relative;
    top: 5px;
    width: 96%;
}

.mobile textarea
{
    font-size:14pt;
}

.current-activity h2,
.small-margin-current-activity h2
{
    margin-top: 0.05in;
    padding-top: 0.05in;
}
.current-activity input,
.small-margin-current-activity input
{
    font-size: 16pt;
    position: relative;
    top: 2px;
}
.adjacent-button-field
{
    border: 1px solid gray;
    border-radius: 3px;
    height: 0.32in;
    margin: 0.01in;
}
.mobile .adjacent-button-field
{
    height: 28px;
    margin: 2px;
}
.current-activity object,
.small-margin-current-activity object
{
    height: 2in;
    min-width: 6in;
    width: 8in;
}
.current-activity select,
.small-margin-current-activity select
{
    font-size: 16pt;
}
.mobile .current-activity select,
.mobile .small-margin-current-activity select
{
    font-size: 12pt;
}

.current-activity pre,
.small-margin-current-activity pre
{
    font-size: 10pt;
}
.mobile .current-activity img,
.mobile .small-margin-current-activity img
{
    max-width:95%;
}
.small-photo img
{
    image-orientation: from-image;
    min-width:270px;
    margin: 8px;
    max-height: 85%;
    max-width: 85%;
    width:270px;
}
.medium-photo img
{
    image-orientation: from-image;
    min-width:540px;
    margin: 8px;
    max-height: 85%;
    max-width: 85%;
    width:540px;
}
.large-photo img
{
    image-orientation: from-image;
    min-width:1080px;
    margin: 8px;
    max-height: 85%;
    max-width: 85%;
    width:1080px;
}
.media-detail-body
{
    min-width: 100%;
    width: 100%;
}
.media-container .photo,
.media-container .video
{
    border: solid black 0.02in;
    height:70%;
    image-orientation: from-image;
    margin: 0.09in;
    max-height: 90%;
    max-width: 90%;
    min-width:40%;
    padding: 0.09in;
}
.media-detail-body .media-container .photo,
.media-detail-body .media-container .video
{
    min-width:280px;
    width:280px;
    max-height: 85%;
    max-width: 85%;
}
.mobile .media-container .photo
{
    max-width: 300px;
}
.photo-container,
.video-container
{
    border: solid black 0.02in;
    height: 7in;
    margin: 0.09in;
    max-height: 90%;
    max-width: 90%;
    padding: 0.09in;
    position: relative;
}
.mobile .media-container .photo-container
{
    height: 460px;
    max-width: 300px;
}
.photo-container .photo-360
{
    height: 25%;
    image-orientation: from-image;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 12;
}
.photo-container .canvas-360
{
    background-color: gray;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.media-container .audio
{
    padding:0.2in;
    width:70%;
}
.table-margin
{
    font-size:14pt;
}
.table-center
{
    margin:auto;
}
.tiny-field
{
    font-size:12pt;
    height: 13pt;
    width: .6in;
}
.stat-table,
.stat-table th,
.stat-table td
{
    border: 1px solid black;
    font-size:13pt;
    padding: 1px;
}
.table-margin
{
    position: relative;
    top: 0.18in;
}
.table-margin img
{
    position: relative;
    top: 0.05in;
}
.admin-table
{
    border:0;
    border-collapse: collapse;
    font-size: 12pt;
    min-width: 80%;
    max-width: 100%;
}
.classifiers-table
{
    border:0;
    border-collapse: collapse;
}
.classifiers-table td,
.classifiers-table th,
.admin-table td,
.admin-table th
{
    border: 1px ridge black;
    padding: 3px;
    overflow-wrap: anywhere;
}
.admin-table select,
.admin-table option
{
    font-size:13pt;
    padding:0;
    margin:0;
}
.admin-form-row
{
    border: 1px ridge black;
    padding: 3px;
}
.mobile .admin-form-row
{
    min-width: 340px;
}
#browse-state,
#browse-state option
{
    font-size: 18pt;
    font-weight: bold;
    margin: 3px;
    appearance: menulist-button;
}
.mobile #browse-state,
.mobile #browse-state option
{
    font-size: 14pt;
}
.name-table,
.name-table th,
.name-table td
{
    border:0;
    border-collapse: collapse;
    padding: 5px;
}
.role-list
{
    max-width: 1.9in;
    overflow-wrap: break-word;
}
.role-activity-table
{
    border:0;
    border-collapse: collapse;
    margin:3px;
}
.role-activity-table td,
.role-activity-table th
{
    border: 1px ridge black;
    padding: 3px;
    word-wrap: break-word;
}
.delete-modifier
{
    background-color: #DFDFFF;
    border-radius: 6px;
    display: inline-block;
    margin: 3px;
    padding: 4px;
}
.delete-modifier a
{
    color: black;
    text-decoration: none;
}
.delete-modifier:after
{
    border-left:1px solid gray;
    content: 'X';
    font-size: 14pt;
    padding: 2px;
    margin: 2px;
}
.delete-modifier:hover:after,
.delete-modifier:hover a
{
    text-decoration: underline;
}
th.no-border,
td.no-border
{
    border:0;
    border-collapse: collapse;
    font-size: 13pt;
    padding:0;
}
.tab-menu-list
{
    border-bottom: 2px solid black;
    margin-bottom: 0px;
    padding: 0px;
    z-index: 10;
}
.tab-menu-list li
{
    display: inline;
    list-style-type: none;
}
.tab-menu-list a
{
    background-color:#EEE;
    border: 1px solid black;
    border-bottom: 0px;
    margin: 0;
    overflow: hidden;
    padding: 5px 5px 0px 5px;
    text-decoration: none;
}
.tab-menu-list a.active
{
    background-color: white;
    border-bottom: 3px solid white;
}
.tab-menu-content
{
    border: 1px solid black;
    border-top: none;
    padding: 10px;
    z-index: 12;
}

.file-types-table,
.file-types-table td,
.search-page-table,
.search-page-table td
{
    border: 1px ridge black;
    border-collapse: collapse;
    padding: 2px;
}
.search-sources-table td,
.search-sources-table th
{
    padding: 1px;
}
.search-sources-table pre
{
    margin: 2px;
    max-width: 5in;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}
.mobile .search-sources-table pre
{
    max-width: 230px;
}
td.instruct
{
    max-width: 5in;
}
.source-test
{
    overflow-wrap: break-word;
    white-space: pre-wrap;
}
.source-test textarea
{
    width:95%;
    height:5in;
    color:black;
}
.scrapers-table
{
    max-width: 6.5in;
}
.scrapers-table td,
.scrapers-table th
{
    max-width:5in;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mobile .scrapers-table
{
    max-width: 340px;
}
.mobile .scrapers-table td,
.mobile .scrapers-table th
{
    font-size: 11px;
    max-width:250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.html-ltr .file-types-table,
.html-ltr .file-types-all td,
.html-ltr .search-page-table,
.html-ltr .search-page-all td
{
   margin-left: 0.3in;
   vertical-align: top;
}
.html-rtl .file-types-table,
.html-rtl .file-types-all td,
.html-rtl .search-page-table,
.html-rtl .search-page-all td
{
   margin-right: 0.3in;
   vertical-align: top;
}
.mobile .file-types-table,
.mobile .file-types-all td,
.mobile .search-page-table,
.mobile .search-page-all td
{
   margin-left: 2px;
   margin-right: 2px;
   vertical-align: top;
}
.html-ltr .bonus-table th
{
    text-align: right;
}
.html-rtl .bonus-table th
{
    text-align: left;
}
.machine-table,
.machine-table td,
.machine-table th
{
    border: 1px ridge black;
    margin: 1px;
    padding: 3px;
}
.machine-table-hr,
.machine-table-hr td
{
    border: none;
    margin: 0;
    padding: 0;
}
.toggle-table,
.toggle-table td
{
    border: 1px ridge black;
}
.file-types-table td,
.translate-table,
.translate-table td,
.translate-table th
{
    border: 1px ridge black;
}
.classifiers-table td.check
{
    padding: 0;
    text-align: center;
}
.classifiers-table,
.indexing-plugin-table
{
    border-collapse: collapse;
    margin-top:3px;
    margin-left: 0.3in;
    margin-right: 0.3in;
    padding: 3px;
}
.indexing-plugin-table,
.indexing-plugin-table td,
.indexing-plugin-table th
{
    border: 1px ridge black;
    text-align: center;
}
.indexing-plugin-table th
{
    padding: 0.04in;
}
.html-ltr .indexing-plugin-table td.check
{
    padding: 0.1in;
    text-align: left;
}
.html-rtl .indexing-plugin-table td.check
{
    padding: 0.1in;
    text-align: left;
}
.indexing-plugin-lightbox
{
    background-color:gray;
    display: none;
    height:100%;
    left: 0;
    right:0;
    opacity:0.95;
    position:fixed;
    top: 0;
    width:100%;
    z-index:100;
}
.mobile .indexing-plugin-lightbox
{
    left: 0px;
    right: 0px;
}
.mobile .light-content h2
{
    font-size:12pt;
    padding:20px;
}
.light-content
{
    border-radius: 10px;
    height: 65%;
    left:15%;
    margin:auto;
    overflow: auto;
    padding: 16px;
    position: fixed;
    right:15%;
    top:15%;
    width: 60%;
    z-index:101;
}
.mobile .light-content
{
    left:10px;
    padding: 15px;
    right:10px;
    width:260px;
}
.restrict-sites-by-url
{
    height:0.25in;
    width: 0.25in;
}
.overlay
{
    margin:100px auto;
}
/** Feed styles*/
.feed-user-link
{
    position:relative;
    top:-6px;
}
.feed-icon-container
{
    height: 20px;
    position: relative;
    top:-10px;
}
.feed-icon-container .user-spacer
{
    padding: 0 20px 0 20px;
}
.feed-user-icon
{
    padding-top: 0.15in;
    width: 70px;
}
.small-feed-user-icon
{
    padding-top: 0.1in;
    width: 25px;
}
.html-ltr .feed-item-body
{
    margin-left:.8in;
    overflow: scroll;
    padding-top: .1in;
}
.html-ltr .small-feed-item-body
{
    margin: 0 0.3in 0 0;
    overflow: scroll;
    padding: 0.1in;

}
.html-rtl .feed-item-body,
.html-rtl .small-feed-item-body
{
    margin-right:.8in;
    overflow: scroll;
    padding-top: .1in;
}
.feed-item-body
{
    min-height:.7in;
}
.small-feed-item-body img,
.small-feed-item-body video,
.feed-item-body img,
.feed-item-body video
{
    max-width:100%;
}
.feed-item-body pre
{
    white-space: pre-wrap;
}
.wiki-resources
{
    border: 1px solid gray;
    height: 6in;
    overflow: scroll;
}
.wiki-resources table
{
    border-collapse: collapse;
    table-layout: fixed;
}
.wiki-resources thead
{
    background-color: white;
    position: sticky;
    top: 0;
    z-index:2;
}
.wiki-resources th
{
    border-bottom: 1px solid gray;
}
.wiki-resources th:first-child
{
   width: 0.9in;
}
 .wiki-resources th:last-child
{
    width: 5in;
}
.mobile .wiki-resources table
{
    width: 100%;
}
.mobile .wiki-resources th:first-child
{
   width: 56px;
}
.mobile .wiki-resources th:last-child
{
    width:280px;
}
.wiki-resource-noresource
{
    color: green;
    margin: auto;
    left: 0.3in;
    position: relative;
    top: -4in;
    width: 90%;
}
.wiki-resource-image
{
    max-width:100%;
}
.html-ltr .wiki-resource-download
{
    height: 0;
    float: right;
    position:relative;
    right: 30px;
    top: -50px;
}
.html-rtl .wiki-resource-download
{
    height: 0;
    float: left;
    position:relative;
    left: 30px;
    top: -50px;
}
.ebook,
.wiki-resource-object
{
    border: 1px solid black;
    height:100%;
    margin:1%;
    min-height:6in;
    padding:0.5%;
    width:99%;
}
.ebook-range
{
    width:70%;
}
.mobile .ebook-range
{
    width:165px;
}
.mobile .ebook,
.mobile .wiki-resource-object
{
    min-height:300px;
    width:360px;
}
.wiki-history-discuss
{
    position:relative;
    top:25px;
}
.theme-dropdown
{
    background-color: #F0F0F0;
    border: solid 1px gray;
    border-radius: 5px;
    box-sizing: border-box;
    height: auto;
    padding: 3px;
    position: relative;
    top:1px;
    vertical-align: middle;
    appearance: none;
}
/* The theme dropdown and the buttons beside it are boxes of unrelated
   sizes: the buttons take their height from the glyph they show, which
   differs from platform to platform, while the dropdown took its height
   from a figure written here that could only match them by luck. Laying
   the row out as a row lets the dropdown take whatever height the
   buttons come out as, so they line up wherever the page is read. The
   label is centered against them rather than stretched. */
.theme-row
{
    align-items: stretch;
    display: flex;
}
.theme-row label
{
    align-self: center;
}
.media-controls
{
    margin-bottom: 8px;
}
.media-controls .dropdown-container
{
    position: relative;
    top: 14px;
}
.media-controls ul.link-dropdown li,
.media-controls ul.popup-dropdown li
{
    min-height:.32in;
}
.mobile .media-controls ul.link-dropdown li,
.media-controls ul.popup-dropdown li
{
    min-height:.24in;
}

.icon-button-container,
.media-buttons-container
{
    align-items: center;
    border: 1px solid gray;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    margin: 1.5px;
    padding: 0;
    width: 32px;
}
.icon-button-container.small-icon,
.media-buttons-container.small-icon,
.git-icon-control.small-icon
{
    height: 28px;
    width: 28px;
}
.wiki-buttons .icon-button-container
{
    box-sizing: content-box;
    display: inline-block;
    font-size: 18pt;
    height: 0.3in;
    margin: 1px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 0.25in;
}
.icon-button-group
{
    align-items: center;
    border: 1px solid gray;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-flex;
    height: 32px;
    margin: 1.5px;
    padding: 0 2px;
    vertical-align: middle;
}
.icon-button-container .icon-anchor-button,
.media-buttons-container .icon-anchor-button,
.icon-button-container .media-anchor-button,
.media-buttons-container .media-anchor-button
{
    margin: 0;
    padding: 0;
}
.icon-glyph
{
    font-size: 20px;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
}
.social-icon-row
{
    /* inline-flex keeps the row inline with the floated filter
       group on the Join Groups / My Groups pages. In the Mail
       and Messages side columns the column has a min-width wide
       enough to hold every icon on one row, so this does not
       normally wrap; if a viewport is narrow enough to force a
       wrap it stays a tidy centered block rather than clipping
       or scrolling. overflow is left visible so the data-badge
       overhang and hover tooltips are not clipped. */
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 4px;
    align-items: center;
    vertical-align: top;
}
.icon-button-container
{
    text-align: center;
    vertical-align: middle;
}
.position-context
{
    display: inline-block;
    position: relative;
}
.mobile .icon-button-container
{
    /* shrunk so the full 4-6 icon socialcontrols row fits one
       line on a narrow phone viewport without wrapping */
    font-size:12pt;
    padding: 2px;
    width: 0.2in;
    margin: 1px;
}
.mobile .media-buttons-container
{
    font-size:11pt;
    height: min-content;
    margin:0px;
    padding: 2px;
    position:relative;
    top:1px;
}
.mobile .access-result .media-buttons-container
{
    top: 2px;
}
.icon-button-container a,
.media-buttons-container a
{
    color: black;
    text-decoration: none;
}
.mobile .media-buttons-container a
{
    height: min-content;
    margin: 0;
    padding: 1px;
}
.icon-button-container a:hover,
.media-buttons-container a:hover
{
    text-decoration: underline solid black;
}
.media-buttons-container.white
{
    border:1px solid white;
}
.media-buttons-container.white a
{
    color: white;
}
.media-buttons-container.white a:hover
{
    text-decoration: underline solid white;
}
.media-buttons-container .selected
{
    background-color: darkgray;
    border-radius: 5px;
    padding:3px;
}
.mobile .media-buttons-container .selected
{
    padding: 1px;
}
#syntax-link
{
    margin: 0;
}
.search-filter-container,
.filter-container
{
    border: 1px solid gray;
    border-radius: 5px;
    display: inline-block;
    margin:0;
    min-height: .37in;
    padding:0;
    vertical-align: middle;
}
.mobile .search-filter-container,
.mobile .filter-container
{
    min-height: 30px;
    margin: 0px;
    position:relative;
    top:-1px;
}
.mobile .search-filter-container input
{
    font-size:13pt;
}
.mobile .filter-container
{
    max-width: .75in;
}
.search-filter-container input,
.filter-container input
{
    border: 0 none;
    border-radius: 3px;
}
.mobile .search-filter-container input,
.mobile .filter-container input
{
    min-height: 28px;
}
.mobile .filter-container input:focus-within
{
    min-height: 32px;
    position:relative;
    top:-1px;
    width: 200px;
    z-index:100;
}
.html-ltr.mobile .filter-container input:focus-within
{
    right:125px;
}
.html-rtl.mobile .filter-container input:focus-within
{
    left:125px;
}
.unread-messages
{
    background-color: darkgray;
    border-radius: 6px;
    border: solid 1px black;
    color: white;
    display:inline-block;
    padding:3px;
    margin:18px 15px 18px 15px;
}
.html-ltr .unread-messages
{
    float: right;
}
.html-rtl .unread-messages
{
    float: left;
}
.message-filter
{
    position: relative;
    margin: 0 2px 0 2px;
    top: -2px;
}
.message-filter input
{
    font-size:14pt;
    padding-top:5px;
}
.mobile .media-filter-button
{
    font-size: 10pt;
    height: 30px;
    padding: 1px;
    position:relative;
    margin-left: 2px;
    margin-right: 2px;
    top: 0px;
}
.mobile .filter-container input
{
    height: 25px;
    width: 100%;
}
#clipboard
{
    border: .05in solid #F0F0F0;
    border-radius: 5px;
    background-color:white;
    height: 1.5in;
    padding: 2px;
    margin: 2px;
    width:98%;
}
.dropdown-container
{
    display: inline-block;
    padding: 0;
    margin: 0;
}
#page-sort-fields,
#group-sort
{
    position: relative;
    top: 13px;
}
ul.link-dropdown,
ul.popup-dropdown
{
    display: inline-block;
    font-family: Arial, Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.mobile ul.link-dropdown,
.mobile ul.popup-dropdown
{
    margin: 0 0 2px 0;
}
ul.link-dropdown li,
ul.popup-dropdown li
{
    background: #FCFCFC;
    display: block;
    margin: 0;
    padding: 2px 5px 2px 5px;
    white-space: nowrap;
}
.html-ltr ul.link-dropdown li
{
    float: left;
    text-align: left;
    position: relative;
}
.html-rtl ul.link-dropdown li
{
    float: right;
    text-align: right;
}
ul.link-dropdown li ul
{
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.link-dropdown > li,
ul.link-dropdown ul li,
ul.popup-dropdown ul li
{
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
ul.link-dropdown > li,
ul.link-dropdown ul li:first-child,
ul.popup-dropdown ul li:first-child
{
    border-top: 1px solid #999;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
ul.link-dropdown > li,
ul.link-dropdown ul li:last-child,
ul.popup-dropdown ul li:last-child
{
    border-bottom: 1px solid #999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dropdown-selector
{
    background: #FCFCFC;
    border: 0;
    font-size: unset;
    font-weight: bold;
    position: unset;
    top: unset;
    vertical-align: middle;
    width: unset;
}
.dropdown-selector:hover
{
    border: 0;
    text-decoration: underline;
}
.hover-selector .dropdown-selector:hover
{
    background: lightgray;
    border-radius: 5px;
    padding: 2px;
}
ul.link-dropdown li a,
ul.popup-dropdown li a
{
    text-decoration: none;
    color: #000;
}
ul.link-dropdown > li:focus,
ul.popup-dropdown > li
{
    padding: 0;
}
ul.link-dropdown li:focus a.opt-group
{
    padding-left: 10px;
    padding-right: 10px;
}
ul.link-dropdown:focus-within li li,
ul.popup-dropdown:focus-within li li
{
    float: none;
    z-index: 5;
}
ul.link-dropdown:focus-within li:hover,
ul.link-dropdown:focus-within li a:hover,
ul.popup-dropdown li a:hover
{
    background: #EEE;
}
ul.link-dropdown:focus-within li a:hover,
ul.popup-dropdown li a:hover
{
    text-decoration: underline;
    z-index: 4;
}
ul.link-dropdown:focus-within li ul,
ul.popup-dropdown li ul
{
    position: absolute;
    display: block;
}
.html-ltr .inward-align ul.link-dropdown:focus-within li ul,
.html-ltr .inward-align ul.popup-dropdown li ul
{
    right: 0;
}
.html-rtl .inward-align ul.link-dropdown:focus-within li ul,
.html-rtl .inward-align ul.popup-dropdown li ul
{
    left: 0;
}
.mobile .link-dropdown,
.mobile .popup-dropdown
{
    max-width: 240px;
}
.account-info > h2
{
    display: inline-block;
}
.account-info > h2 > span
{
    display: inline-block;
}
.account-info > div
{
    position: relative;
    top: -3px;
}
.inline-block
{
    display: inline-block;
}
.home-icon
{
    border: 2px solid lightblue;
    border-radius: 17px;
    position: relative;
    top: 9px;
    width:35px;
}
.feed-icon-container ul.link-dropdown li
{
    padding-top: 0;
    padding-bottom: 0;
}
.mobile .wiki-history-discuss
{
    position:relative;
    top:20px;
}
.upload-box
{
    background-color: lightgray;
    color: black;
    font-size:10pt;
    padding: 2px;
    margin: 4px 0;
    text-align: center;
    width: 100%;
}
.mobile .upload-box
{
    margin: 0 5px 0 5px;
    text-align: center;
    width:88%;
}
.media-upload-box
{
    background-color: #CCC;
    border:1px solid black;
    border-radius: 5px;
    font-size:10pt;
    margin-bottom: 4px;
    min-height: 0.35in;
    width: 100%;
}
.mobile .media-upload-box
{
    width: 88%;
}
/* Captcha settings styles */
.captcha {
    padding: 5px;
    width: 2.1in;
}
/**
 * Styles for wiki pages
 */
table.wikitable
{
    background:white;
    border:1px #AAA solid;
    border-collapse: collapse;
    margin:1em 0;
}
table.histotable
{
    background:white;
    border:1px #AAA solid;
    border-collapse: collapse;
    margin:20px auto 20px auto;
    width:80%;
}
table.histotable tr th:first-child
{
    text-align:right;
}
table.histotable tr td:last-child
{
    width: 85%;
}
table.histotable tr td:last-child div
{
    border: 1px solid black;
    background-color: blue;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td
{
    border:1px #AAA solid;
    padding:0.2em;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th
{
    text-align:center;
    background:white;
    font-weight:bold
}
table.wikitable > caption,
table.histotable > caption
{
    font-weight:bold;
}
table.histotable > caption
{
    margin:7px;
}

ul.wiki-sorter
{
    display:flex;
    flex-direction:column;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
}
ul.wiki-sorter li[data-cutoff]
{
    align-items:center;
    display:flex;
    gap:8px;
    margin:2px 0;
    pointer-events:none;
}
ul.wiki-sorter li[data-cutoff] span
{
    border-top:1.5px dashed #4f8ef7;
    flex:1;
}
ul.wiki-sorter li:not([data-cutoff]),
li.wiki-sorter-dragging
{
    align-items: center;
    background:#fff;
    border:1px solid #bbb;
    border-radius:6px;
    cursor:grab;
    display:flex;
    gap:10px;
    min-height: 44px;
    padding:10px 12px;
    touch-action: none;
    user-select:none;
}
ul.wiki-sorter li:not([data-cutoff]) *.rank,
li.wiki-sorter-dragging *.rank
{
    color:#999;
    font-size:11pt;
    min-width:16px;
    text-align:center;
}
ul.wiki-sorter li:not([data-cutoff]) *.rank-label,
li.wiki-sorter-dragging *.rank-label
{
    flex:1;
    font-size:15pt;
}
.wiki-sorter-dragging
{
    opacity: 0.4;
}
.wiki-sorter-over
{
    background: #eef4ff;
    border-color: #1a5fcc;
}
.wiki-sorter-grabbed
{
    background: #e8f0fe;
    border-color: #1a5fcc;
    outline: 3px solid #1a5fcc;
    outline-offset: 2px;
}
.csv-form-field
{
    margin-bottom: 10px;
    margin-top: 10px;
}
.csv-form-field input[type=checkbox]
{
    margin: 5px;
    position: relative;
    top: -2px;
}
.html-ltr .csv-form-field label
{
    padding-right: 5px;
}
.html-rtl .csv-form-field label
{
    padding-left: 5px;
}
.csv-star
{
    color: gray;
    font-size: 20pt;
    padding: 3px;
    position: relative;
    top: 5px;
}
.rel-type-current
{
    border:2px solid black;
    border-radius:8px;
    text-align:center;
    background:white;
    padding:4px;
}
.rel-type-bottom
{
    border-bottom:thick double black;
}
.rel-type-top
{
    border-top:thick double black;
}
.rel-type-td
{
    width:10px;
}
.rel-type-hr
{
    border:1px solid black;
}
.resource-actions
{
    min-width:2in;
}
.mobile .resource-actions
{
    min-width:100px;
}
.mobile .list-resource
{
    width:100%;
}
.list-resource th
{
    vertical-align: middle;
    text-align: center;
    width: 2in;
}
.mobile .list-resource th
{
    width: unset;
}
.mobile .resource-thumb
{
    width: 35px;
}
.view-indicator
{
    color:green;
}
.mobile .view-indicator
{
    width: 25px;
}
.list-resource img
{
    border-radius: 5px;
    margin-right: 5px;
    height: 60px;
    width: 96px;
}
.mobile .list-resource img
{
    margin: 0;
    height: 30px;
    width: 48px;
}
.list-resource img.default-thumb
{
    margin-left:20px;
    margin-right:20px;
    width: auto;
}
.mobile .list-resource img.default-thumb
{
    margin: 0;
}
.mobile .list-resource input
{
    width: calc(min(100% - 50px, 300px));
}
/*
Styles for the classifiers settings pages
*/
#update-accuracy.disabled
{
    color: #555;
}
#label-docs-form th,
#label-docs-queue .actions
{
    font-weight:normal;
    padding:0.1in 0.2in 0.1in 0in;
    width:1.0in;
}
#label-docs-queue .actions
{
    padding: 0.1in;
}
#label-docs-queue
{
    font-size: 11pt;
}
#label-docs-queue td
{
    vertical-align: top;
    padding-top: 10px;
}
#label-docs-queue .labelled td
{
    background-color: #f0f0f0;
}
#label-docs-queue .notinclass td
{
    background-color: #FFE0E0;
}
#label-docs-queue .inclass td
{
    background-color: #F0FFF0;
}
#label-docs-queue tr.inclass a.inclass,
#label-docs-queue tr.notinclass a.notinclass,
#label-docs-queue tr.skip a.skip
{
    color: black;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}
#label-docs-queue p
{
    width: auto;
    margin: 3px 0px;
}
#label-docs-queue .info
{
    padding-left: 7px;
}
#label-docs-queue .description
{
    color: #666;
}
#label-docs-queue .description b
{
    color: black;
}
#transfer
{
    background-color: black;
    color: white;
    height: 100%;
    left: 0px;
    opacity: 0.7;
    position: fixed;
    text-align:center;
    top: 0px;
    vertical-align: middle;
    visibility: hidden;
    width: 100%;
    z-index: 200;
}
#help
{
    margin-top:15px;
}
.html-ltr #small-margin-help
{
    position: absolute;
    right:2%;
    width: 4.0in;
    z-index:20;
}
.html-rtl #small-margin-help
{
    left:2%;
    position: absolute;
    width: 4.0in;
    z-index:20;
}
#mobile-help
{
    clear:both;
    float:none;
    margin: 1.5%;
    position: absolute;
    top: 58px;
    width: 360px;
}
.help-pane
{
    display : none;
    width: 100%;
    border: 2px solid #06f;
}
.small-margin-help-pane
{
    border: 2px solid #06f;
    border-radius:8px;
    display: none;
    top: 16px;
    width: 380px;

}
.help-title
{
    background: #06f;
    color:white;
    font-size: 16pt;
    margin: 0;
    padding: .05in;
}
#help-frame
{
    resize: both;
    overflow: auto;
    min-width: 240px;
    min-height: 120px;
    max-width: 96vw;
    max-height: 90vh;
}
#help-frame-head
{
    cursor: move;
    position: sticky;
    top: 0;
    z-index: 1;
}
#help-frame-body
{
    padding:4px;
}
.help-pane p
{
    color:#333;
    padding:10px;
}
.help-pane pre
{
    overflow:scroll;
}
.help-button
{
    bottom: 50px;
    cursor: pointer;
    border: 1px solid #2d2bdb;
    font-size: 20px;
    line-height: 0.5px;
    padding: 10px 3px;
}
button.default
{
    background: #d3d3d3;
    color: black;
}
.close
{
    cursor: pointer;
    font-weight: bold;
    line-height: 0.5px;
    padding: 5px 0px 4px 4px;
}
#help-close {
    color: white;
    position: relative;
    z-index: 2;
}
.sidebar
{
    top : 180px;
}
.new-thread-icon
{
    margin-bottom : -5px;
}

.top-adscript
{
    padding: 0.05in;
    max-width:8in;
}
.top-ad-static,
.group-ad-static
{
    position: relative;
    top:15px;
}
.mobile .top-adscript
{
    padding: 1px;
    width:90%;
}
.mobile .top-ad-static
{
    position: relative;
    top: 0px;
}
.mobile .group-ad-static
{
    position: relative;
    top: 100px;
}
.mobile .top-adscript iframe
{
    transform: scale(0.63);
    transform-origin: 0 0;
}

.html-ltr .side-adscript
{
    float: right;
    height:0;
    position:relative;
    top: 28px;
}

.html-rtl .side-adscript
{
    float: left;
    height: 0;
    position:relative;
    top: 0px;
}

.display-ad
{
    margin-left:3px;
    margin-right:3px;
    margin-top:80px;
}
.display-ad p
{
    border-radius: 10px;
    width : 8.9in;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ad-preview img,
.display-ad img
{
    height:41px;
    width:50px;
    float:left;
}
.display-ad img
{
    margin-left: 20px;
}
.ad-preview span,
.display-ad span
{
    display: block;
}
.mobile .display-ad p
{
    max-width: 92%;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: inherit;
    width : auto;
}
.html-ltr .ad-preview
{
    left: 4.5in;
    min-width: 3.5in;
    position: relative;
    top: -4.1in;
}
.html-rtl .ad-preview
{
    right: 4.5in;
    min-width: 3.5in;
    position: relative;
    top: -4.1in;
}

p.start-ad
{
    font-family: Arial, Helvetica, sans-serif;
    min-height: 0.5in;
    width: 3in;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.trending-container
{
    display:flex;
    overflow-x: scroll;
    max-width:9.5in;
}
.mobile .trending-container
{
    display:block;
    overflow-x: scroll;
    max-width:320px;
}
.serp .trending
{
    text-align:center;
}
.mobile .trending
{
    position:static;
    margin-top:25px;
}
h2.trending
{
    margin-top: 5px;
}
h2.trending select,
h2.trending option
{
    font-size:16pt;
    font-weight:bold;
}
.trending-float
{
    float: left;
    padding:6px;
}

.mobile .trending-float
{
    float: none;
    position:static;
}
.trending-table
{
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
    width: 2.5in;
}
.mobile .trending-table
{
    border: 1px solid black;
    border-collapse: collapse;
    table-layout: fixed;
    width: 280px;
}
.trending-tr
{
    border: 1px solid black;
}
.trending-th,
.trending-td
{
    margin: 0;
    padding: 5px;
    overflow: hidden;
    width: 70%;
    word-wrap: break-word;
}
.trend-score
{
    width: 30%;
}
.trending-td a
{
    text-decoration: none;
}
.trending-td a:hover
{
    text-decoration: underline;
}
.trending-footer
{
    padding: 0.1in;
    text-align:center;
}
.mobile .trending-footer
{
    margin-bottom: 80px;
}
.trending-highlight
{
    margin:auto;
    margin-top: 10px;
    left:30px;
    position: relative;
    right:30px;
    width:5.75in;
}
.mobile .trending-highlight
{
    left:10px;
    right:10px;
    width:330px;
}
.trending-highlight li
{
    display:inline;
}
.trending-highlight li a
{
    white-space:nowrap;
}
.feed-highlight li:before,
.trending-highlight li:before {
    content: '-';
    padding-left: 6px;
    padding-right: 6px;
}
.trending-highlight li:last-child:after
{
    content: '-';
    padding-left: 6px;
    padding-right: 6px;
}
.feed-highlight
{
    margin:auto;
    margin-top: 10px;
    left:30px;
    overflow:hidden;
    position: relative;
    right:30px;
    width:5.75in;
}
.mobile .feed-highlight
{
    left:10px;
    right:10px;
    width:330px;
}
.feed-highlight li
{
    list-style-type: none;
    margin-top:10px;
}
#contact-actions
{
    font-size: 16pt;
    left: -6px;
    position: relative;
    top: 13px;
}
#contact-actions .link-dropdown li,
#contact-actions .link-dropdown li a
{
    background-color: #EEE;
}
#test-results
{
    width:min-content;
}

/* === Mail activity (item 52) === */
.user-accounts-group
{
    margin-top: 12px;
    padding: 4px;
    border-top: 1px solid #CDE;
}
.user-accounts-group:first-of-type
{
    border-top: 0;
}
.user-accounts-group:last-of-type
{
    border-bottom: 1px solid #CDE;
}
.user-accounts-active .user-accounts-name
{
    color: #0050a0;
}
.user-accounts-cloning
{
    background-color: #e6f4ea;
}
.user-accounts-cloning .user-accounts-name
{
    /* The badge sits as a flex sibling of .user-accounts-toggle;
       space-between would push them to opposite edges of the
       row. Switch this row's flex to start-aligned and let a
       small gap separate them. */
    justify-content: flex-start;
    gap: 0.4em;
}
.user-accounts-cloning-badge
{
    /* Single inline whole for the parens + link so the flex
       container treats it as one item. */
    white-space: nowrap;
    font-size: 10pt;
}
.user-accounts-cloning-link
{
    margin: 0;
}
/* Defense-in-depth: even if a stale cached mailmessages.js
   manages to inject the rename input or the toolbar onto a
   cloning row, hide them via CSS so the user can't actually
   complete a rename / add-folder action against an account
   whose IMAP credentials are mid-use. The JS gates in
   enterAccountEditMode / enterFolderEditMode block this at
   the source; the rules below are the safety net. */
[data-cloning="1"] .user-accounts-rename-input,
[data-cloning="1"] .user-accounts-edit-toolbar,
[data-cloning="1"] .user-accounts-new-folder-box
{
    display: none;
}
.mail-clone-failed-link
{
    /* The Failed count itself is the toggle: render it as a
       clickable link when there are errors to show. */
    cursor: pointer;
    text-decoration: underline;
}
.mail-clone-errors-row
{
    /* Full panel width (outside the narrow status table) so a
       long error message is readable rather than wrapping inside
       a tight column. */
    margin-top: 0.5em;
}
.mail-clone-errors
{
    /* Scrollable so a long run of transient failures does not
       push the rest of the status panel off-screen. */
    max-height: 12em;
    overflow-y: auto;
    font-size: 9pt;
}
.mail-clone-error
{
    color: #a00;
    padding: 2px 0;
    border-bottom: 1px solid #eee;
}
.mail-clone-error.resolved
{
    /* A failure that later succeeded a different way is kept
       visible but de-emphasized so the user can see it was
       recovered rather than silently dropped. */
    color: #777;
    text-decoration: line-through;
}
.mail-clone-error-resolved
{
    text-decoration: none;
    font-style: italic;
}
.user-accounts-name
{
    font-size: 11pt;
    margin: 0 0 4px 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.user-accounts-controls a
{
    margin-left: 4px;
    font-size: 9pt;
    text-decoration: none;
}
.user-accounts-folders
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.user-accounts-toggle
{
    cursor: pointer;
    user-select: none;
}
.user-accounts-triangle
{
    font-size: 8pt;
    color: #666;
}
.user-accounts-folders-collapsed
{
    display: none;
}
.user-accounts-folders li
{
    margin: 2px 0;
}
.user-accounts-folders a
{
    display: block;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
}
.user-accounts-folders a:hover
{
    background-color: #e8e8ee;
}
.user-accounts-folder-active
{
    background-color: #d8d8e8;
    font-weight: bold;
}
.user-accounts-folder-noselect
{
    padding: 4px 6px;
    color: #999;
}
.mail-domain-list
{
    list-style: none;
    margin: 4px 0 8px 0;
    padding: 0;
}
.mail-domain-item
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 4px;
    max-width: 30em;
}
.mail-domain-text
{
    flex: 1 1 auto;
    font-family: monospace;
    font-weight: normal;
}
.mail-domain-remove,
.secure-domain-edit,
.domain-route-apply
{
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: normal;
    height: 1.9em;
    line-height: 1;
    min-width: 1.9em;
    padding: 2px 8px;
    vertical-align: middle;
}
.mail-domain-remove:hover,
.secure-domain-edit:hover,
.domain-route-apply:hover
{
    background-color: #eee;
}
.domain-route-panel
{
    display: flex;
    align-items: center;
    flex-basis: 100%;
    flex-wrap: wrap;
    gap: 8px;
    font-weight: normal;
    padding: 4px 0 2px 0;
}
.domain-route-panel .domain-route-group
{
    font-weight: normal;
}
.domain-route-panel .robots-config-link
{
    flex-basis: 100%;
}
.mail-domain-add-row
{
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 30em;
}
.mail-domain-add-row input
{
    border-radius: 5px;
    font-weight: normal;
    height: .39in;
    box-sizing: border-box;
}
.mail-port-links
{
    list-style-type: none;
    margin: 8px 0;
    padding: 0;
}
.mail-port-links li
{
    display: inline;
    margin-right: 16px;
}
.mail-dns-records
{
    display: none;
    font-family: monospace;
    font-weight: normal;
    white-space: pre;
    overflow: auto;
    max-height: 16em;
    max-width: 40em;
    margin: 4px 0 8px 0;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f7f7f7;
}
.machine-services-table
{
    border-collapse: collapse;
    margin: 4px 0 8px 0;
    max-width: 100%;
    width: auto;
}
.machine-services-table th,
.machine-services-table td
{
    border: 1px ridge black;
    padding: 4px 8px;
    vertical-align: middle;
}
.machine-services-table td.machine-services-name
{
    text-align: start;
    font-weight: normal;
}
.machine-services-log
{
    text-align: center;
    white-space: nowrap;
}
.machine-services-toggle
{
    width: 1%;
    white-space: nowrap;
}
.icon-inline
{
    margin-inline-start: 6px;
    text-decoration: none;
}
.machine-box
{
    clear: both;
    margin-bottom: 8px;
}
.paging-clearfix
{
    margin-bottom: 4px;
    overflow: hidden;
}
.machine-details > .machine-summary
{
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: bold;
    gap: 8px;
    list-style: none;
    padding: 4px 0;
}
.machine-details > .machine-summary > .icon-inline
{
    margin-inline-start: auto;
}
.machine-details > .machine-summary::-webkit-details-marker
{
    display: none;
}
.machine-details > .machine-summary::before
{
    content: "\25B6";
    display: inline-block;
    font-size: 0.7em;
    margin-inline-end: 6px;
    transition: transform 0.15s;
}
.machine-details[open] > .machine-summary::before
{
    transform: rotate(90deg);
}
.html-rtl .machine-details > .machine-summary::before
{
    content: "\25C0";
}
.html-rtl .machine-details[open] > .machine-summary::before
{
    transform: rotate(-90deg);
}
.machine-details-body
{
    padding: 4px 0 4px 18px;
}
.machine-detail-tag
{
    background-color: #eee;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-family: monospace;
    font-size: 0.85em;
    margin-inline-end: 6px;
    padding: 2px 6px;
}
.dim
{
    color: #888;
}
.impersonation-banner
{
    background-color: #FDE68A;
    color: #663C00;
    text-align: center;
    padding: 6px 10px;
    font-weight: bold;
    border-bottom: 1px solid #C9A227;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 40px;
    box-sizing: border-box;
    z-index: 2000;
    white-space: nowrap;
    opacity: 0.8;
}
.impersonation-banner a
{
    color: #663C00;
    text-decoration: underline;
    margin-left: 8px;
}
.impersonation-stop:not(.none)
{
    display: inline-block;
    margin-left: 8px;
}
.impersonation-banner input[type="password"]
{
    height: 28px;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0 6px;
    font-size: 12pt;
}
.html-ltr .impersonation-banner .button-box.impersonation-go,
.html-rtl .impersonation-banner .button-box.impersonation-go,
.mobile .impersonation-banner .button-box.impersonation-go
{
    height: 28px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 2px;
    font-size: 13pt;
    line-height: 24px;
    top: 0;
    vertical-align: middle;
}
/*
    Styles for a Git repository wiki page shown in read mode as a file
    browser: the clone address, the branch and path bar, the file and
    folder listing, a single file's contents, and a rendered README.
*/
.git-repository
{
    margin: 3px;
}
.git-panel
{
    display: none;
}
.git-panel.git-open
{
    display: block;
}
.git-clone-line
{
    align-items: center;
    display: flex;
    gap: 5px;
    margin-bottom: 8px;
}
.git-clone-cmd
{
    align-items: center;
    background-color: #F0F0F0;
    border: 1px darkgray solid;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-flex;
    flex: 1;
    font: 16px monospace;
    min-height: 28px;
    min-width: 0;
    overflow-x: auto;
    padding: 4px 6px;
    white-space: nowrap;
}
.git-icon-control
{
    align-items: center;
    background: transparent;
    border: 1px solid gray;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}
.git-app-message
{
    margin-bottom: 8px;
}
.git-app-row
{
    align-items: center;
    display: flex;
    gap: 4px;
}
.git-app-row input,
.git-app-row select
{
    box-sizing: border-box;
    font-size: 16px;
    height: 28px;
    margin: 0;
    padding: 0 6px;
}
.git-stats
{
    margin-top: 16px;
}
.git-stats-rows
{
    overflow-y: auto;
}
.git-stats-authors
{
    max-height: 15rem;
}
.git-stats-months
{
    max-height: 30rem;
}
.git-stats-types
{
    max-height: 15rem;
}
.git-stats-group
{
    margin-bottom: 12px;
}
.git-stat-row
{
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 2px;
}
.git-stat-label
{
    flex: 0 0 auto;
    overflow: hidden;
    text-align: end;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 30%;
}
.git-stat-track
{
    background-color: #F0F0F0;
    border-radius: 3px;
    flex: 1 1 auto;
    height: 14px;
    overflow: hidden;
}
.git-stat-bar
{
    background-color: #6699CC;
    display: block;
    height: 100%;
}
.git-stat-count
{
    flex: 0 0 auto;
    width: 3em;
}
.git-search-line
{
    margin-bottom: 8px;
    text-align: end;
}
.git-search-field
{
    border: 1px darkgray solid;
    border-radius: 3px;
    font: 13px sans-serif;
    padding: 4px 6px;
    width: 3in;
}
.mobile .git-search-field
{
    width: 55vw;
}
.git-action
{
    margin-inline-end: 6px;
    text-decoration: none;
}
.git-path-download
{
    float: inline-end;
    font-size: inherit;
    text-decoration: none;
}
.git-sort
{
    text-decoration: none;
}
.git-diff-file
{
    margin-bottom: 12px;
}
.git-diff-body
{
    border: 1px darkgray solid;
    border-radius: 3px;
    font: 12px monospace;
    overflow-x: auto;
    padding: 6px 8px;
    white-space: pre-wrap;
}
.git-diff-head
{
    font-weight: bold;
}
.git-diff-author
{
    color: gray;
    font-weight: normal;
}
.git-diff-added
{
    color: green;
}
.git-diff-removed
{
    color: darkred;
}
.git-diff-modified
{
    color: darkslateblue;
}
.git-bar
{
    align-items: center;
    background-color: #F0F0F0;
    border: 1px darkgray solid;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 8px;
    padding: 6px 10px;
}
.git-branch
{
    align-items: center;
    display: inline-flex;
}
.git-branch-select,
.git-ref-button
{
    border: 1px solid gray;
    border-radius: 3px;
    box-sizing: border-box;
    font: 13px monospace;
    height: 28px;
    padding: 0 6px;
}
.current-activity .git-branch-select
{
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: right 12px center, right 7px center;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    font-size: 13px;
    padding-right: 22px;
}
.git-ref,
.git-download
{
    display: inline-flex;
    position: relative;
}
.git-ref-button
{
    align-items: center;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
}
.git-bar-actions
{
    align-items: center;
    display: inline-flex;
    gap: 4px;
    margin-left: auto;
}
.git-caret
{
    font-size: 10px;
}
.git-ref-menu,
.git-download-menu
{
    background-color: white;
    border: 1px darkgray solid;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    max-height: 4in;
    min-width: 2in;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    z-index: 5;
}
.git-download-menu
{
    right: 0;
}
.git-ref-menu a,
.git-download-menu a
{
    display: block;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
}
.git-ref-menu a:hover,
.git-download-menu a:hover
{
    background-color: aliceblue;
}
.git-ref-head
{
    border-top: 1px solid #E0E0E0;
    font-weight: bold;
}
.git-ref-menu a:first-child
{
    border-top: 0;
}
.git-icon-button
{
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 2px;
}
.git-icon
{
    font-size: 16px;
}
.git-path
{
    font-family: monospace;
    margin-bottom: 8px;
    padding: 0 2px;
}
.git-path a,
.git-listing a
{
    text-decoration: none;
}
.git-path a:hover,
.git-listing a:hover
{
    text-decoration: underline;
}
.git-listing-box
{
    border: 1px darkgray solid;
    border-radius: 3px;
    max-height: 5in;
    overflow-y: auto;
}
.mobile .git-listing-box
{
    max-height: 60vh;
}
.resource-path-warning
{
    background-color: #FDECEA;
    border: 1px solid #E0B4B0;
    border-radius: 4px;
    color: #922;
    margin: 0.6rem 0;
    padding: 0.6rem 0.9rem;
}
.git-listing
{
    border-collapse: collapse;
    width: 100%;
}
.git-listing td
{
    border-top: 1px solid #E0E0E0;
    padding: 6px 10px;
}
.git-listing tr:first-child td
{
    border-top: 0;
}
.git-listing th .resizable,
.git-issue-list th .resizable
{
    box-sizing: border-box;
    display: block;
    min-width: 100%;
    width: 100%;
}
.git-listing th
{
    background-color: white;
    border-bottom: 1px solid #D0D0D0;
    border-right: 1px solid #E0E0E0;
    cursor: pointer;
    padding: 6px 10px;
    position: sticky;
    text-align: left;
    top: 0;
    user-select: none;
    z-index: 1;
}
.git-listing th:last-child
{
    border-right: 0;
    text-align: right;
}
.git-listing th:hover
{
    text-decoration: underline;
}
.git-listing tr:hover td
{
    background-color: aliceblue;
}
.git-name-col
{
    white-space: nowrap;
}
.git-commit-col
{
    color: gray;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.git-author-col
{
    color: gray;
    white-space: nowrap;
}
.git-age-col
{
    color: gray;
    text-align: right;
    white-space: nowrap;
}
.git-history thead th
{
    border-bottom: 1px solid #E0E0E0;
    color: gray;
    font-weight: bold;
    padding: 6px 10px;
    text-align: left;
}
.git-date-col,
.git-author-col,
.git-actions-col
{
    white-space: nowrap;
}
.git-date-col,
.git-author-col
{
    color: gray;
}
.git-msg-col
{
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.git-actions-col a
{
    margin-right: 8px;
}
.mobile .git-author-col
{
    display: none;
}
.wiki-read h1,
.wiki-read h2,
.wiki-read h3,
.wiki-read h4,
.wiki-read h5,
.wiki-read h6
{
    scroll-margin-top: 72px;
}
.mobile .wiki-read h1,
.mobile .wiki-read h2,
.mobile .wiki-read h3,
.mobile .wiki-read h4,
.mobile .wiki-read h5,
.mobile .wiki-read h6
{
    scroll-margin-top: 2.2in;
}
.git-readme-icon
{
    font-size: 15px;
}
.git-file h3
{
    font: 13px monospace;
    margin: 0 0 6px 0;
}
.git-blob
{
    border: 1px darkgray solid;
    border-radius: 3px;
    font: 13px monospace;
    max-height: 6in;
    overflow: auto;
    padding: 10px;
    white-space: pre;
}
.git-readme-box
{
    border: 1px darkgray solid;
    border-radius: 3px;
    margin-top: 12px;
    overflow: hidden;
}
.git-readme-bar
{
    align-items: center;
    background-color: #F0F0F0;
    border-bottom: 1px darkgray solid;
    display: flex;
    justify-content: space-between;
    padding: 6px 10px;
}
.git-readme-title
{
    align-items: center;
    display: flex;
    font-weight: bold;
    gap: 6px;
}
.git-readme-toc-toggle
{
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 2px;
}
.git-readme-toc
{
    border-bottom: 1px darkgray solid;
    list-style: none;
    margin: 0;
    max-height: 3in;
    overflow-y: auto;
    padding: 6px 0;
}
.git-readme-toc a
{
    color: #555;
    display: block;
    padding: 3px 12px;
    text-decoration: none;
}
.git-readme-toc a:hover
{
    background-color: #f0f0f0;
    color: #333;
}
.git-toc-level2 a
{
    padding-left: 28px;
}
.git-toc-level3 a
{
    padding-left: 44px;
}
.git-toc-level4 a
{
    padding-left: 60px;
}
.git-readme
{
    overflow-wrap: break-word;
    overflow-x: auto;
    padding: 12px 16px;
}
.git-readme pre
{
    overflow-x: auto;
}
.git-readme img
{
    max-width: 100%;
}
.git-note,
.git-empty
{
    color: gray;
    font-style: italic;
}
.git-issue-bar
{
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}
.git-issue-search-box
{
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
}
.git-issue-search
{
    box-sizing: border-box;
    flex: 1;
    height: 32px;
    padding: 5px 8px;
}
.current-activity .git-issue-search
{
    top: 0;
}
.git-issue-filter-wrap
{
    position: relative;
}
.git-issue-filter-menu
{
    background-color: white;
    border: 1px solid gray;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 5;
}
.git-issue-filter-menu a
{
    color: #555;
    display: block;
    font-size: 11pt;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
}
.git-issue-filter-menu a:hover
{
    background-color: #f0f0f0;
    color: #333;
}
.git-issue-filter-button.git-issue-filter-active
{
    background-color: #e6f0ff;
    border-color: #4a80c0;
}
.git-issue-filter-check
{
    color: #2a7a2a;
    font-weight: bold;
}
.git-issue-search-hint
{
    color: #888;
    font-size: 10pt;
    margin: 2px 0 6px;
}
.git-issue-new-button
{
    margin-left: auto;
}
.git-issue-form
{
    background-color: #FAFAFA;
    border: 1px solid #D0D0D0;
    border-radius: 6px;
    margin-bottom: 14px;
    padding: 14px;
}
.git-issue-title,
.git-issue-body
{
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 7px 9px;
    width: 100%;
}
.git-issue-body
{
    min-height: 120px;
    resize: vertical;
}
.git-issue-form-foot
{
    align-items: center;
    display: flex;
    gap: 8px;
}
.git-issue-select
{
    height: 32px;
    padding: 0 6px;
}
.current-activity .git-issue-select
{
    font-family: monospace;
    font-size: 13px;
}
.git-issue-submit
{
    margin-left: auto;
    padding: 7px 16px;
}
.current-activity .git-issue-submit
{
    font-size: 13px;
}
.git-issue-list-box
{
    max-height: 24em;
    overflow-y: auto;
}
.git-issue-list
{
    border-collapse: collapse;
    width: 100%;
}
.git-issue-list th,
.git-issue-list td
{
    border: 1px solid #D0D0D0;
    padding: 8px 10px;
    text-align: left;
}
.git-issue-list th
{
    background-color: white;
    box-shadow: inset 0 -1px 0 #D0D0D0;
    cursor: pointer;
    position: sticky;
    top: 0;
    user-select: none;
    z-index: 1;
}
.git-issue-list th:hover
{
    text-decoration: underline;
}
.git-issue-list td a
{
    color: inherit;
    display: block;
    text-decoration: none;
}
.git-issue-back
{
    color: #555;
    text-decoration: none;
}
.git-issue-back:hover
{
    text-decoration: underline;
}
.git-issue-detail-head
{
    align-items: baseline;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}
.git-issue-detail-number
{
    font-weight: bold;
}
.git-issue-detail-info
{
    border: 1px solid #D0D0D0;
    border-radius: 6px;
    padding: 12px 14px;
}
.git-issue-history
{
    border: 1px solid #E0E0E0;
    list-style: none;
    margin: 0 0 12px 0;
    max-height: 10em;
    overflow-y: auto;
    padding: 6px 10px;
}
.git-issue-history li
{
    padding: 2px 0;
}
.git-issue-history-when
{
    color: #777;
    font-family: monospace;
    margin-right: 8px;
}
.git-issue-change,
.git-issue-priority-form
{
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}
.git-issue-change-field
{
    align-items: center;
    display: none;
    gap: 6px;
}
.git-issue-change-field input
{
    box-sizing: border-box;
    height: 32px;
}
.git-issue-arrow
{
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    padding: 0 10px;
}
.git-issue-detail-label
{
    color: #555;
}
.git-issue-detail-line
{
    color: #555;
    margin-bottom: 8px;
}
.git-issue-detail-title-row
{
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin: 10px 0 6px 0;
}
.git-issue-detail-title
{
    margin: 0;
}
.git-issue-comment-controls
{
    align-items: center;
    display: flex;
    gap: 6px;
}
.git-issue-comment-add,
.git-issue-comment-latest
{
    background: none;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    cursor: pointer;
    padding: 2px 8px;
}
.git-issue-comments
{
    border: 1px solid #E0E0E0;
    max-height: 16em;
    overflow-y: auto;
    padding: 6px 10px;
}
.git-issue-comment
{
    border-bottom: 1px solid #F0F0F0;
    padding: 6px 0;
}
.git-issue-comment-head
{
    color: #777;
    font-size: 12px;
    margin-bottom: 2px;
}
.git-issue-comment-who
{
    color: #555;
    font-weight: bold;
}
.git-issue-comment-body img
{
    height: auto;
    max-width: 100%;
}
.git-issue-comment-form
{
    margin-top: 8px;
}
.git-issue-list tr:hover td
{
    background-color: aliceblue;
}
.git-issue-num-col
{
    white-space: nowrap;
    width: 1%;
}
.git-issue-summary-col
{
    width: 60%;
}
.git-issue-priority-col
{
    text-align: center;
    white-space: nowrap;
    width: 1%;
}
.git-priority
{
    align-items: center;
    color: white;
    display: inline-flex;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    justify-content: center;
    line-height: 1;
    width: 22px;
}
.git-priority-low
{
    background-color: #3AA655;
    border-radius: 50%;
}
.git-priority-medium
{
    align-items: flex-end;
    background-color: #D08A1E;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    padding-bottom: 3px;
}
.git-priority-high
{
    background-color: #CC3333;
    clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%,
        30% 100%, 0 70%, 0 30%);
}
@media (max-width: 600px)
{
    .git-hide-narrow
    {
        display: none;
    }
}
.git-file-audio
{
    width: 100%;
}
.git-file-video
{
    max-height: 40rem;
    max-width: 100%;
}
.git-file-image
{
    max-height: 40rem;
    max-width: 100%;
}
.git-file-pdf
{
    height: 40rem;
    width: 100%;
}
.toc
{
    border: 1px ridge #000;
    width: 70%;
    padding: 3px;
    margin: 6px;
}
