/** Add css rules here for your application. */
body {
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

h1 {
    /** Example rules used by the template application (remove for your app) */
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
}

.sendButton {
    display: block;
    font-size: 16pt;
}

.highlighted {
    background-color: #d9e8fb;
}

.logdHighlighted {
    background-color: #d9e8fb;
}

.leftBorder {
    border-left: 1px solid #ededed;
}

.topBorder {
    border-top: 1px solid #ededed;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    width: 400px;
}

.dialogVPanel {
    margin: 5px;
}

.serverResponseLabelError {
    color: red;
}

.widgetShowBlanks label {
    font-size: 14px;
    font-family: Helvetica,Arial,sans-serif;
}

.widgetShowBlanks input[type=checkbox] {
    vertical-align: bottom;
    height: 16px;
    width: 16px;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
    margin: 15px 6px 6px;
}

.perceptaGridRow td {
    vertical-align: middle;
    text-align: center;
}

.intervalManagerColumn {
    background-color: white;
}

.colorSelectorTable .gwt-Button {
    height: 16px;
    width: 16px;
    border: 1px solid grey;
    padding: 0px;
}

.colorSelectorTable {
    border-collapse: collapse;
    border: 0px;
}

.intervalColorLabel {
    border: 1px solid grey;
    padding: 0;
    margin: 0;
    background-color: yellow;
    height: 14px;
    width: 40px;
}

.splitBar {
    background-color: #ededed;
    margin-left: auto;
    margin-right: auto;
}

.intervalValue input {
    height: 15px;
    line-height: 15px;
    padding: 1px 3px 0 3px;
}

.widgetButton {
    background-color: white !important;
}

.categoryRadioButton {
    padding-left: 15px;
    padding-top: 1px;
}

.intervalManagerDelete {
    margin: 2px auto 0;
}

.backgroundWhite {
    background-color: white;
}

.wrapText label, .wrapText div {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: normal;
}

.colorLabel {
    border: 1px solid #666666;
    border-radius: 7px;
    height: 12px;
    margin-right: 10px;
    width: 32px;
    float: right;
}

.gwt-CheckBox label {
    margin-left: 5px;
}

.inputTextAlignCenter input {
    text-align: center;
}

.navLabels .gwt-Label {
    font-size: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    text-align: center;
}

.drugProfilerWidget {
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    min-height: 35px;
}

.drugProfilerWidget .gwt-Label {
    text-align: center;
}

.textWidgetValueContainer {
    position: relative !important;
    word-break: break-all;
}

.drugLabelWidget {
    font-weight: bold;
    padding: 3px;
}

.progressBarWidget {
    background-color: red;
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

.hover {
    background-color: #cddff8;
}

.EditableMin {
    border: 1px solid transparent;
    font-size: small;
    background: transparent;
    font-family: Arial;
    font-family: sans-serif;
    position: absolute;
    -moz-user-select: text !important;
}

.EditableMax {
    border: 1px solid transparent;
    font-size: small;
    background: transparent;
    font-family: Arial;
    font-family: sans-serif;
    position: absolute;
    text-align: right;
    -moz-user-select: text !important;
}

.cellOver {
    background-color: #EBF1F8;
}

.molListViewContainer {
    position: absolute;
    height: 80px;
    left: 0px;
    overflow: hidden;
}

.molListViewContainerWithModifiedCompound {
    left: -60px !important;
}

.textFont24px {
    font: 24px tahoma, arial, verdana, sans-serif;
    font-family: tahoma, arial, verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 24px;
    color: grey;
}

.ProtocolTopLevelHeader {
    display: inline-block;
    font-size: 14px;
}

.ProtocolStrongWarning .IncrLowQual {
    color: red;
}

.ProtocolEntryNo {
    display: inline-block;
    text-indent: 20px;
}

/** Trend lines **/
.trend-line-content {
    padding: 2px 2px 0px 2px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: 0px;
}

.trend-line-content input {
    margin-top: 2px;
}

.categoryRow {
    background-color: #dceefa;
}

.categoryCell {
    padding: 3px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.categoryFirstCell {
    width: 55px;
    max-width: 55px;
}

.categorySecondCell {
    width: 70px;
    max-width: 70px;
}

.categoryThirdCell {
    width: 95px;
    max-width: 95px;
}

.categoryFourthCell {
    width: 50px;
    max-width: 50px;
}

/** Advanced Filters**/
.advanced-filters-link {
    font-size: 9px;
    color: #2CB9FF;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 6px;
}

.advanced-filters-link-left-side {
    margin-left: 29em;
}

.advanced-filters-combo-box {
    margin: 10px 0px 10px 0px;
}

/** Toogle filter button **/
.toogleFilterButton img {
    margin-bottom: 3px;
}

/** N Results table **/
.nResultsTable {
    border-collapse: collapse;
}

.nResultsTable td {
    padding: 15px;
    text-align: center;
}

.nResultsTable tr, .nResultsTable td {
    border: 2px solid #99bbe8;
}

.nResultsTable .headerRow {
    font-weight: bold;
}

.nResultsTable .valueRow td:nth-child(1) {
    text-align: left;
}

.circle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}

.blankLabel {
    font-style: italic;
    color: grey;
}

/** LogP protocols **/
.IncrNumericalValue, .IncrNormQual {
    padding-left: 3px;
}

/** Oecd Categories **/

.oecd-category {
    border: 1px solid #dfe8f6;
    border-radius: 5px;
    margin-left: 5px;
}

.oecd-category-label {
    font-weight: bold;
}

.oecd-category-hint {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 5px 5px 5px;
}

.oecd-category-hint > div {
    margin: 3px;
}

.oecd-category-hint > h3 {
    margin-top: 0px;
}

.oecd-category-no-img {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.non-toxic {
    font-weight: bold;
    padding: 70px 30px;
}

sub, sup {
    line-height: 0;
}