/*
 * Copyright (c) 2021 GenomOncology
 * All rights reserved.
 */


/*Indicator color when clicking a Textbox */

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #9ccc65;
    box-shadow: 0 1px 0 0 #9ccc65;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #9ccc65
}

/*font size within a Textbox*/
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 5px;
}

/*Date Picker*/
.picker__date-display{
    background-color: #11203a;
}
.picker__weekday-display{
    background-color: #11203a;
}
.picker__day.picker__day--today{
    color: #11203a;
}
.picker__close, .picker__today{
    color: #11203a;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{
    background-color: #11203a;
}

/* border color when clicking a outlined textbox/textarea (e.g., Alteration Synonyms)*/
.input-field.outlined input:focus, .input-field.outlined textarea:focus, .input-field.outlined input.picker__input--active {
    border: 1px solid #9ccc65;
    box-shadow: none;
}

/* text color in Listbox */
.dropdown-content li>a, .dropdown-content li>span {
    color: #11203a
}

/* icon color when the textbox it is connected to is clicked */
.input-field .prefix.active {
    color: #11203a
}

/*checkbox checked color*/
[type="checkbox"]:checked+label:before {
    border-right: 2px solid #11203a;
    border-bottom: 2px solid #11203a;
}

/*checkbox filled-in color*/
[type="checkbox"].filled-in:checked+label:after {
    border: 2px solid #9ccc65;
    background-color: #9ccc65;
}

/* combobox checkbox filled-in color */
ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:after  {
    border: 2px solid #9ccc65;
    background-color: #9ccc65;
}

/*radio button filled-in color */
[type="radio"].with-gap:checked+label:before {
    border: 2px solid #9ccc65;
}
[type="radio"].with-gap:checked+label:after {
    border: 2px solid #9ccc65;
    background-color: #9ccc65;
}

/*radio button font and size for listpage */
div #gene-row span label{
    font-size: 12px;
    font-family: Roboto,sans-serif;
}

/*radio button text color*/
.gwt-RadioButton label{
    color:black;
}

/*MainHeader burger*/
a:hover[data-activates="sideNav"] {
    color: #9ccc65;
}

/*override material table*/
#go-material-table thead tr th{
    background-color: #11203a;
    color: #ffff;
}

/* Filter chips */
#filter-chip {
    background-color:#11203A;
}

/*Claim button in clinical trials listing page*/
#go-celltable tbody tr td button{
    background: #9ccc65;
    color: white;
    width: 4rem;
    border-color:#9ccc65;
    border-radius: 5px;
}

/* link after being visited will be the same color as those before being visited in tables*/
#go-celltable tbody tr td a:visited {
    color: #0d64a2;
}

/* link when hovered in tables */
#go-celltable tbody tr td a:hover {
    color: #0000AA;
}

/* links in other places will only change color on hover, not after visited */
#material-link {
    color: #0d64a2;
}

a {
    color: #0d64a2;
}

#material-link :hover {
    color: #0000AA;
}

/*Override cell tables on all pages*/
#go-celltable thead tr th {
    text-shadow: 0 0 0;
    border-bottom: 1px solid #11203A;
}

#go-celltable tbody tr td{
    border: 0.5px solid #eee;
    padding: 10px 10px;
}

#go-celltable tbody tr:hover{
    background: #f2f2f2f2;
}
#go-celltable tbody tr{
    background: #ffff;
}

/*bullet point in cell table*/
#bullet li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}


#history-change ul li ul{
    padding-left: 20px;
}

/*Trial documents*/

#go-trial-doc {
    font-size:1rem;
}

#go-trial-doc h2{
    font-size:1.6rem;
    margin-left: -20px;
}

#go-trial-doc li{
    list-style-type: disc;
}

#go-trial-doc table{
    line-height: 175%;
    margin-bottom:14px;
}

#go-trial-doc th {
    border: 1px solid #eceeef;
}

#go-trial-doc td {
    padding-left: 10px;
    border: 1px solid #eceeef;
}

#go-trial-doc .heading {
    margin-top: 10px;
    margin-bottom: 10px;
}

#go-trial-doc .go-doc-title {
    line-height: 175%;
}

.go-doc-ids {
    line-height: 175%;
}

.go-doc-conditions {
    line-height: 175%;
}

.go-doc-interventions {
    line-height: 175%;
}

.go-doc-purpose {
    line-height: 175%;
}

.go-doc-description {
    line-height: 175%;
}

.go-doc-description pre {
    font-family: inherit !important;
    font-size: 100% !important;
}

.go-doc-trial-arms {
    line-height: 175%;
}

.go-doc-criteria {
    line-height: 175%;
}

.go-doc-criteria pre {
    font-family: inherit !important;
    font-size: 100% !important;
}

.go-doc-primary-outcome-measures {
    line-height: 175%;
}


.go-doc-keywords {
    line-height: 175%;
}

span.go-doc-concept {
    font-weight: bold;
    text-decoration: none;
}

span.go-doc-alteration {
    color:green;
}

span.go-doc-alteration .go-doc-disease {
    color:green;
}

span.go-doc-karyotype {
    color:green;
}

span.go-doc-biomarker {
    color:orange;
}

span.go-doc-gene {
    color:orange;
}

span.go-doc-keyword {
    color:blue;
}

span.go-doc-disease {
    color:red;
}

span.go-doc-intervention {
    color:darkorchid;
}

span.go-doc-drug {
    color:darkorchid;
}

/* document highlights */
.go-annotator-highlight {
    background-color: #EEEEEE;
}

.go-annotator-highlight.on {
    background-color: yellow;
}

.go-annotator-highlight.off {
    background-color: #EEEEEE;
}

.go-annotator-highlight.on .go-annotator-highlight.off {
    background-color: yellow;
}

.go-annotator-highlight.inactive {
    background-color: initial !important;
}

#go-annotator-link {
    padding-left:10px;
}


#go-delete-annotation {
    position: absolute;
    background-color: red;
    top: 200px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}

#go-delete-annotation span {
    color: white;
    cursor: pointer;
    font-variant: small-caps;
}

/* css to reduce whitespace */

.go-ws-button{
    height: 35px;
    width: 70px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #9ccc65;
    color: #ffffff;
}

.go-ws-textbox, .go-ws-listbox{
    height: 40px;
    min-height: 40px !important;
    margin: 0px 1px 0px 0px;
    padding: 0px !important;
}

.resizable-textbox {
    resize: both;
    overflow: auto;
    min-height: 2em;
    min-width: 50px;
}


.go-ws-panel td, .go-ws-panel div.input-field{
    padding: 0px 5px 0px 5px !important;
    margin-top: 0px !important;
}

.go-ws-textarea {
    margin-top: 0px !important;

}
.go-ws-textarea textarea {
    overflow: scroll;
}

.go-ws-table-headers th{
    height: 20% !important;
}

.go-ws-listbox{
    height: 40px;
    min-height: 40px;
    margin: 1px;
    padding: 0px;
}

.go-ws-filter-rows div.row{
    margin-bottom: 0px;
}

div.gwt-SuggestBoxPopup td.item{
    /* css for suggestBox */
    padding: 6px 10px !important;
}

ul.select2-results__options{
    max-height: 300px !important;
}

ul.select2-results__options li{
    padding: .70rem;
    font-size: .80rem;
}

input.gwt-TextBox, select.gwt-ListBox{
    padding: 5px;
    margin: 5px;
    height: 30px;
}

li.multiValueSuggestBox-token{
    margin: 4px 0px 0px 4px;
}

div.chip{
    font-size: 12px;
}

input.gwt-SuggestBox{
    margin-bottom: 0px;
}

li.select2-selection__choice{
    font-size: 12px !important;
    margin: 4px 0px 0px 4px !important;
}

/* overrides css for homepage Material Links' span */
.go-va-unset span{
    vertical-align: unset;
}
a.go-va-middle{
    vertical-align: middle;
}
span.go-va-middle{
    vertical-align: middle;
}

.go-document-checkbox.gwt-CheckBox {
    padding-top: 0.5em;
}

/* image size of the check in checkbox */
.go-checkbox-small [type="checkbox"].filled-in:checked+label:before {
    width: 6px;
    height: 11px;
}

/* checkbox size when checked */
.go-checkbox-small [type="checkbox"].filled-in:checked+label:after {
    width: 15px;
    height: 15px;
}

/* checkbox size when not checked */
.go-checkbox-small [type="checkbox"].filled-in:not(:checked)+label:after {
    width: 15px;
    height: 15px;
}

.go-checkbox-small label {
    font-size: 1em;
    display: inline;
    padding-left: 2em;
}

.go-tooltip {
    max-width: 300px;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #dedede;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    display: none;
    z-index: 100;
}

.go-hoverable:hover+.go-tooltip {
    display: inline-block;
}

.go-tooltip:hover {
    display: inline-block;
}

/* custom css for detail page title bar buttons */
.go-detail-btns {
    display: flex;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 1em;
    width: 24%;
    overflow: visible !important;
}

.go-detail-btns i {
    margin-right: .5em;
}

div.suggestPopupContent {
    overflow-y: auto;
    max-height: 15rem;
}

/*trial label*/
span.badge {
    position: inherit;
    background: #11203a;
    color: white;
    border-radius: .25rem;
    font-size: 90%;
}

/* trial curate page detail buttons */
.trial-curate-btns {
    display: flex;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 1em;
}

.trial-curate-btns i {
    margin-right: .5em;
}

/* allow user to be able to highlight text */
.go-user-select-text {
    user-select: text;
}

/* add overflow setting to dropdown options */
li.select2-results__option {
    overflow: scroll !important;
}

/* add pre-wrap so long cohort names start on new line */
.pi-link-table div.cell{
    white-space: pre-wrap;
}

/* set element to stick to top once user scrolls past */
.go-sticky-top {
    position: sticky;
    top: 0;
}

span.go-doc-state {
    color:dodgerblue;
}

span.go-doc-therapeutic {
    color:brown;
}

span.go-doc-virus {
    color:darkturquoise;
}

/* go-to elements */

input.goto-textbox {
    background-color: white;
    color: black;
    border-radius: 5px;
    border: 2px solid #ccc;
    box-sizing: border-box;
    padding-left: 3px !important;
    height: 35px;
}

select.goto-listbox {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px !important;
    height: 35px;
}

button.goto-submit-button {
    height: 34px;
    line-height: 34px;
}