/*!

    This XWord Info CSS file (c) 2010-2024 by Jim Horne.
    All rights reserved.

*/

/*
    Finder.css
    
    Styles for Finder.aspx
*/

.xlinks {
    overflow: hidden;
}

h1 {
    font-size: 19pt;
    margin-bottom: 30px;
}

h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    margin-bottom: 20px;
}

#top a {
    white-space: nowrap;
}

.smaller {
    padding-left: 12px;
    font-size: smaller;
}

.finderWarn {
    border: 3px dashed darkred;
    font-size: 11pt;
    padding: 2px 18px 0 18px;
    border-radius: 12px;
    line-height: 1.5;
    max-width: 680px;
    margin-bottom: 12px;
    text-align: center;
    background-color: #fee;
}

.finderWarn h2 {
    margin-top: 6px;
    font-weight: bold;
    text-align: center;
}

.finderWarn a {
    white-space: nowrap;
}

.ui-tooltip {
    max-width: initial;
}

.tips {
    font-size: 10pt;
    margin: 6px 0 40px 0;
}

.tips a {
    margin-left: 3px;
}

.new {
    font-weight: bold;
    background-color: #ffffa0;
    padding: 0 3px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    border-radius: 6px;
    margin-right: 3px;
}

#WordnikResults {
    border: 3px solid green;
    margin: 20px 5px;
    padding-top: 15px;
}

.defTable {
    border-top: 2px solid black;    /* no table header*/
    margin-bottom: 0 !important;
    margin-top: 40px !important;
}

.attrib {
    font-size: 10pt;
    font-style: italic;
    color: gray;
    margin-bottom: 20px;
}

.defTable td {
    font-size: 13px;
    padding: 6px;
}

    .defTable td:first-child {
        font-weight: bold;
        text-align: right;
    }

    .defTable td:nth-child(2) {
        font-style: italic;
    }

.warn {
    background-color: red;
    padding: 0 8px;
    color: #fff;
}

.bogusNote {
    color: red;
    font-weight: bold;
}

.infotext {
    font-size: 14px;
    margin-top: 40px;
}

.rxequiv {
    font-size: 13px;
    margin-top: 16px;
}

.subhead {
    font-size: 14px;
    margin-top: 4px;
}

.time {
    color: var(--xRed);
    margin-top: 5px;
    font-size: 12px;
}

.jeffBlurb {
    color: var(--xRed);
    margin-top: 5px;
    font-size: 13px;
}

.repeats {
    color: #9400d3;
}

.adminbut {
    color: var(--xRed);
}

.infer {
    color: var(--xRed);
    padding-left: 4px;
}

.odometer {
    font-size: 10.5pt;
    border: 2px solid gray;
    padding: 2px 7px;
    border-radius: 8px;
    float: right;
    margin: 0 4px; /* space for shadow on right */
    letter-spacing: 2px;
    color: black;
    box-shadow: var(--xBoxShadow);
}

/* Instructions */

.inst {
    font-size: 14px;
    margin: 40px 0;
    display: none;
}

.inst th {
    font-size: 16px;
    text-align: left;
    color: firebrick;
}

.inst td {
    padding-left: 10px;
}

.inst a {
    font-weight: bold;
    padding-left: 12px;
}

#egtable {
    padding: 8px;
    border: 1px solid lightgray;
    margin: 40px 0;
}

#egtable td {
    border-bottom: 8px solid transparent;
}

.flink {
    font-weight: bold;
}

.regex {
    padding-left: 8px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

.form1 {
    margin-left: 3px;
}


/* Options table (form) */

#OpTable {
    margin-top: 8px;
    font-size: 13px;
    border: 1px solid gray;
    padding: 3px 6px;
    border-radius: 8px;
    background-color: cornsilk;
    display: inline-block;
    box-shadow: var(--xBoxShadow);
}

    #OpTable td {
        padding: 2px 4px;
        vertical-align: top;
    }

input[type=text] {
    padding: 3px;
    background-color: #fffdf0;
}

input[type=text].lenbox {
    margin-left: 8px;
}

.wordbox {
    display: flex;
    flex: 1;
    max-width: 400px;
    margin-top: 10px;
}

#searchButtons, #moreButtons {
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 15px;
}

#searchButtons {
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
    align-items: flex-end;
}

#moreButtons {
    display: none;
    margin-top: 20px;
    padding-top: 15px;
    align-items: flex-start;
    max-width: 500px;
}

.updating {
    margin-top: 10px;
    font-style: italic;
    color: maroon;
}

/* Results in tables */

.XTab2 {
    width: 100%;
    max-width: 760px;
    margin: 12px auto 40px 0;
    box-shadow: var(--xBoxShadow);
}

    .XTab2 th {
        background-color: #fffacd;
    }

td.date {
    width: 80px;
}

td.grid {                         /* Grid location */
    vertical-align: top;
    white-space: nowrap;
    padding-right: 16px;
    text-align: right;
    width: 40px;
}

.cen {
    text-align: center;
}

.auth {
    font-style: italic;
}

.highlight {                    /* highlights counts of words found */
    color: blue;
    font-weight: bold;
}

.statsum {
    font-size: 14px;
    margin-top: 6px;
    margin-left: 6px;
}

/* Pattern tables */

.PTable th {
    padding: 5px;
    border: none;
}

.PTable td {
    padding: 12px;
    line-height: 16px;
}

    .PTable td a, .PTable td span {
        padding: 0 5px;
    }

.NumTable td {
    padding: 4px 0; /* 3px 12px; */
}

.NumTable td.number, .NumTable td.count {
    font-weight: bold;
    padding-right: 0;
    padding-left: 0;
    width: 70px;
    text-align: center;
}

    .NumTable td.count span {
        width: 22px;
        text-align: right;
        display: inline-block
    }

.RegExTable th {
    color: #fefefe;
    background-color: #483d8b;
}

.RegExMode {
    font-weight: bold;
    color: #483d8b;
    padding-right: 12px;
}

.count {                            /* Frequency count */
    font-weight: bold;
    text-align: right;
    width: 20px;
}

.error {                            /* RegEx parsing errors */
    color: red;
    font-weight: bold;
    font-size: 16px;
    font-style: italic;
    margin: 12px 0;
}

.rbad {                             /* Right block ad */
    margin-left: 25px;
}

/* Different data sources */

td.jeffprem a, a.jeffprem {
    color: firebrick;
}

a.excluded, span.excluded {
    text-decoration: line-through;
}

td.bogus a {
    color: #505050;
}


.VarTable th {
    background-color: #fbe88d;
}


.PSTable th {
    color: #fff;
    background-color: #660000;
}

.PSTable a {
    color: #a0522d;
}

.PSTable a.jeffprem {
        color: firebrick;
    }


.JeffTable th {
    color: #ffffc0;
    background-color: saddlebrown;
}

.JeffTable td {
    font-size: 12px;
    margin-right: 2px;
}

.JeffTable .jeffmsg {
    word-spacing: initial;
    font-size: 14px;
}

.jeffprem {
    color: firebrick;
    background-color: #ffffe0;
    border: 1px solid lightgray;
}

.JeffTable a {
    color: darkgreen;
}

.JeffTable a.jeffprem {
    color: firebrick;
}

.AnagramTable {
    margin-bottom: 12px;
    max-width: 700px;
}

.AnagramTable td {
    vertical-align: top;
    font-size: 13px;
}


.DictTable th {
    color: #fff;
    background-color: darkgreen;
}

.DictTable a {
    color: rebeccapurple;
}

    .DictTable a.wordnet {
        color: saddlebrown;
    }

a.DictWord {
    color: darkgreen;
}

.UnabridgedTable th {
    background-color: orange;
}

.UnabridgedTable a, a.Unabridged {
    color: darkorange;
}

.WordListInfo {
    max-width: 687px;
    text-align: center;
    background-color: #ffffe0;
    font-size: 14px;
    color: #000;
    padding: 10px 6px;
    border-radius: 7px;
    box-shadow: var(--xBoxShadow);
    margin-top: 40px;
    border: 1px solid gray
}

.finderscore {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 20px;
}

.finderinfo {
    margin-top: 30px;
    font-size: 10.5pt;
    max-width: 700px;
    border: 2px solid darkorange;
    padding: 0 12px;
    border-radius: 7px;
    box-shadow: var(--xBoxShadow);
}

    .finderinfo a {
        font-weight: bold;
    }


table.Bee {
    margin-bottom: 0;
}

.Bee th {
    color: black;
    background-color: #ffc14d;
}

.beeImg {
    height: 30px;
    border: 1px solid gray;

    vertical-align: middle;
}

.beeImg:hover {
    border: 1px solid yellow;
}

.beeNote {
    margin-top: 15px;
    margin-bottom: 40px;
    font-style: italic;
}

.moreBut {
    font-style: italic;
}

.beeInfo {
    font-weight: bold;
    font-size: 14px;
    margin: 15px 0 15px 15px;
}

    .beeInfo td:nth-child(2) {
        color: var(--xRed);
        padding: 0 10px;
    }

    td.syllables {
        font-weight: bold;
        text-align: center;
    }

.mod {
    color: darkgreen !important;
}

.jeff {
    color: purple !important;
    font-weight: bold;
}

.unused {
    color: var(--xRed) !important;
    font-weight: bold;
}

a.rare {
    color: gray;
    font-style: italic;
}

td.defWord {
    font-size: 13px;
    font-weight: bold;
}

.defGrid {
    display: grid;
    grid-template-columns: 35px 1fr;
}

    .defGrid :nth-child(odd) {
        font-weight: bold;
    }

a.iffy {
    color: gray;
    font-style: italic;
    text-decoration: line-through;
}

.spacer {
    height: 12px;
}

a.pangram {
    color: green;
    font-weight: bold;
}

a.perfect {
    color: red;
    font-weight: bold;
}

.right {
    float: right;
}

.colorKey {
    font-size: 13px;
    padding: 4px 8px;
    background-color: white;
    font-weight: bold;
}

.colorKey span {
    padding-left: 13px;
}

#Tables img {
    max-height: 45px;
}

@media (max-width: 730px) {

    h1 {
        font-size: 14pt;
    }

    .inst {
        font-size: 12px;
    }

    .tips {
        font-size: 8pt;
    }

    #inst {
        font-size: 12px;
    }

    #inst a {
        padding-left: 5px;
    }

    .rbad {
        overflow: hidden;
        display: none !important;   /* Publift tries to override this */
        visibility: hidden;
        width: 0 !important;
        height: 0 !important;
    }

    #searchButtons, #moreButtons {
        column-gap: 8px;
    }
    
    #egtable {
        margin-left: 0;
    }

    td.date {
        width: inherit;
    }

    td.grid {
        padding-right: 6px;
        text-align: right;
        width: inherit;
        max-width: 40px;
    }

    #OpTable {
        padding: 1px 2px;
        font-size: 12px;
    }
}