#cover-img img {
    width:                          250px;
}
#cover-words {
    margin:                         10px 8px 20px 8px;
    color:                          #666;
}
#cover-words em {
    font-weight:                    bold;
    font-style:                     italic;
    color:                          black;
}

#content {
    max-width:                      700px;
}
#article-link {
    color:                          #666;
}

#online-calculator-form {
    border:                         2px solid #BBB;
    padding:                        0.5em 1.0em 0.5em 1.0em;
}

#target label {
    display:                        inline-block;
    font-weight:                    bold;
    margin-right:                   1.5em;
}

#target-note {
    margin-left:                    5.0em;
    color:                          rgb(0, 143, 187);
}

#preds-head {
    font-weight:                    bold;
}

#preds .pred {
    margin-left:                    2.0em;
}
#preds .pred-add {
    margin-left:                    2.0em;
}

#preds .type {
    margin-left:                    0.5em;
}

#preds .note {
    margin-left:                    3.0em;
    color:                          rgb(0, 143, 187);
}

#preds .val {
    margin:                         0 0 0 1.5em;
    height:                         1.0em;
}

#submit-div {
    text-align:                     center;
}

#submit {
    font-weight:                    bold;
}

#output {
    border:                         2px solid #BBB;
    padding:                        0.5em 1.0em 0.5em 1.0em;
    margin-top:                     1.0em;
}

#output em {
    font-weight:                    bold;
    font-style:                     normal;
}

#preds .pred-add {
    display:                        inline-block;
    height:                         1.4em;
    width:                          1.4em;

    background-image:               url("/static/home/image_site/icon/add.svg");
    background-repeat:              no-repeat;   
    background-size:                1.4em;
    margin-right:                   0.3em;
}

#preds .pred-add:hover {
    background-image:               url("/static/home/image_site/icon/add-gray.svg");
}

#preds .remove {
    display:                        inline-block;
    height:                         1.2em;
    width:                          1.2em;

    background-image:               url("/static/home/image_site/icon/delete.svg");
    background-repeat:              no-repeat;   
    background-size:                1.2em;
    margin-right:                   0.3em;
    margin-left:                    0.15em;
}

#preds .remove:hover {
    background-image:               url("/static/home/image_site/icon/delete-gray.svg");
}

#preds-note {
    color:                          red;
}


/* catalog description table */
#catalog-table table {
    width:                          100%;
    font-size:                      0.9em;
}
#catalog-table thead tr {
    background-color:             rgba(60, 171, 236, 0.151);
    font-size:                      1.1em;
}
#catalog-table tbody tr:nth-child(2n+2) {
    background-color:             rgba(207, 205, 205, 0.288);
}
#catalog-table td:first-child {
    width:                          15%;
    text-align: center;
}
#catalog-table td:nth-child(2) {
    width:                          12%;
    text-align:                     center;
}
#catalog-table td:nth-child(3) {
    width:                          12%;
    text-align:                     center;
}
#catalog-table td:nth-child(4) {
    padding:                        5px 8px;
}


/* query */
#catalog-access form fieldset {
    border:                         2px solid #BBB;
}
#catalog-access form legend {
    font-weight:                    bold;
    color:                          #444;
}
#catalog-access form .cell-label {
    display:                        inline-block;
    padding-right:                  15px;
    margin:                         8px 0;
}
#catalog-access form .cell-text {
    padding:                        0 8px;
}
#catalog-access form input[type="text"] {
    width:                          85px;
    padding-left:                   5px;
}

#catalog-access .cell label {
    padding-left:                   8px;
}

#catalog-required {
    display:                        flex;
    flex-wrap:                      wrap;
}

#catalog-required .cell {
    position: relative;
    min-width:                      150px;
    padding:                        1px 8px;
}
#catalog-required .descr {
    display:                        none;
    position:                       absolute;
    left:                           0px;
    width:                          250px;
    top:                            30px;

    box-shadow: 2px 2px 5px rgba(209, 205, 205, 0.7);
    background-color:               rgb(240, 240, 240);
    z-index:                        99;
    padding:                         8px;
}
#catalog-required .cell:hover > .descr {
    display:                        block;
}
#catalog-required .cell:hover > label {
    color:                          rgb(0, 143, 187);
}

#catalog-access .row-hint {
    color:                          red;
    text-align:                     center;
}
#catalog-access .row-c {
    text-align:                     center;
}
#catalog-access button {
    font-weight:                    bold;
    margin:                         5px 0;
}

/* query output */
#catalog-output .head {
    font-weight:  bold;
    margin:                         10px 0;
}

#catalog-output .url {
    overflow:                       auto;
    background-color:               rgba(202, 174, 97, 0.13);
    border-radius:                  5px;
    margin:                         5px 0;
    padding:                        2px 10px;
}

#catalog-output .tab {
    font-size:                      0.9em;
    overflow-x:                       auto;
    width:                          100%;
}
#catalog-output tr:nth-child(2n+3) {
    background-color:             rgba(207, 205, 205, 0.288);
}
#catalog-output tr:first-child {
    background-color:             rgba(60, 171, 236, 0.151);
    font-size:                      1.1em;
}
#catalog-output th {
    padding:                        3px 8px;
    text-align:                     center;
    font-weight:                    bold;
}
#catalog-output td {
    padding:                        2px 3px;
    text-align:                     center;
}
#catalog-output td:first-child {
    width:                          15%;
    font-weight:                    bold;
}