/* this is the css file */
* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
table tr th {
    text-align: left;
}
table tr td.floatformat {
    text-align: right;
}
table tr td.BUY {
    background-color: green;
}
table tr td.SELL {
    background-color: red;
}
table tr td.HOLD {
    background-color: yellow;
}
table tr.gain td {
    background-color: lightgreen;
}
table tr.loss td {
    background-color: lightcoral; 
}
table tr.neutral td {
    background-color: white;
}
div#navbar {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
}
div#navbar ul {
    padding: 0;
}
.menubutton {
    margin: 0;
    margin-right: 0.3em;
    margin-bottom: 1em;
    padding: 0.3em;
    text-align: center;
    display: block;
    list-style-type: none;
    clear: none;
    float: left;
    width: 10em;
    height: 1.4em;
    border: 1px solid gainsboro;
}
.menubutton:hover {
    background-color: aliceblue;
}

select#id_analysis_requests {
    resize: both;
    min-width: 20em;
    min-height: 20em;
}

.floating-contents {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom:1em;
}
.floating-contents h3 {
    display: block;
    float: left;
    width: 98%;
    padding: 0.5em;
    margin: 0;
}
.floating-contents form div.fieldWrapper {
    display: block;
    float: left;
    width: 10em;
    padding: 0.5em;
    margin-right: 1em;
}

div#content div.contentFull,
div#content div.contentHalf,
div#content div.contentTwoThirds,
div#content div.contentThird {
    display: block;
    float: left;
    padding: 0.5%;
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-right: 1%;
    background-color: whitesmoke;
    overflow-x: auto;
}
div#content div.contentFull {
    width: 98%;
}
div#content div.contentTwoThirds {
    width: 63%;
}
div#content div.contentHalf {
    width: 48%;
}
div#content div.contentThird {
    width: 31%;
}
div.searchform input,
div.searchform span.emoji {
    font-size: 3em;
}
div#content div.contentHalf table,
div#content div.contentThird table {
    width: 100%;
}
@media screen and (max-width: 1000px) {
    div#content div.contentHalf,
    div#content div.contentThird {
        width: 100%;
    }
}

div.conversation div.message {
    display: block;
    float: left;
    width: 100%;
    padding: 0.5%;
    margin-bottom: 1em;
    background-color: lightgray;
    border: 1px solid #ccc;
}

div.conversation div.message div.message-header {
    display: block;
    float: left;
    width: 10%;
    padding: 0.5em;
    margin-bottom: 1em;
}
div.conversation div.message div.message-content {
    display: block;
    float: left;
    width: 85%;
    padding: 0.5em;
    margin-bottom: 1em;
}

ul li.BUY {
    list-style: "🟢";
}
ul li.SELL {
    list-style: "🔴";
}
ul li.HOLD {
    list-style: "🟡";
}

div#footer {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 1em;
    text-align: center;
    font-size: 0.8em;
    color: #e0e0e0;
}

ul.messages {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 1em;
}
ul.messages li {
    padding: 1em;
}

ul li.message_info {
    color: #0000ff;
    background-color: #bdbdfc;
}
ul li.message_warning {
    color: #ffa500;
    background-color: #ffe7bc;
}
ul li.message_error,
ul.errorlist li {
    color: red;
    background-color: #fcc9cb;
}
ul li.message_success {
    color: #00ff00;
    background-color: #c9ffc9;
}