/* first, turn off some overly clever (and not helpful) rendering hacks on mobile browsers */

* {
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
    margin: 0;
    font-family: 'Roboto',sans-serif;
    color: #333;
    background: #F7F6F2;
    font-weight: 400;
}

p {
    padding: 0;
    margin: 0;
    padding-bottom: 15px;
}

b {
    font-weight: 600;
}

img {
    border: none;
}

.notselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

html {
    overflow-y: scroll;      /* to prevent flickering by the vertical scrollbar, during page-load */
}

:focus {
    outline: none;
}

.hide {
    display: none;
}

ul,li {
    margin: 0;
    padding: 0;
    list-style: none;
}

input {
    margin: 0;
    padding: 0;
    border: none;
}

hr {
    border: none;
    border-bottom: 1px solid #ccc;
    height: 1px;
    float: left;
    width: 100%;
}

.categories_hr {
    border: none;
    border-bottom: 1px solid #ccc;
    height: 1px;
    position: relative;
    top: 50%;
    left: 18%;
    width: 130px;
}

.divider {
  flex-grow: 1;
  border-bottom: 1px dashed grey;
  margin: 10px;
  width: 140px;
  position: relative;
  left: 20px;
}


#stitch_logo {
  background:url("data:image/svg+xml;utf8,<svg width='60' height='60' xmlns='https://www.w3.org/2000/svg' xmlns:svg='https://www.w3.org/2000/svg'><g><polygon strokeWidth='5' strokecolor='none' fill='#FF0000' edge='0' orient='x' sides='6' shape='regularPoly' cy='137' cx='276'/><g stroke='null' id='svg_18'><polygon stroke='#000000' points='30,53 9,41 9,18 30,6 50,18 50,41 30,53 ' strokeWidth='5' strokecolor='#000000' fill='#ffffff' edge='24' orient='x' sides='6' shape='regularPoly' cy='32' cx='58'/><circle stroke='#000000' r='5' cy='41' cx='9' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ffffff'/><circle stroke='#000000' r='5' cy='18' cx='9' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ff7f7f'/><circle stroke='#000000' r='5' cy='41' cx='50' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ff7f7f'/><circle stroke='#000000' r='5' cy='18' cx='50' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ffffff'/><circle stroke='#000000' r='5' cy='53' cx='30' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ffffff'/><circle stroke='#000000' r='5' cy='6' cx='30' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ff7f7f'/><circle stroke='#000000' r='14' cy='30' cx='30' stroke-linecap='null' stroke-linejoin='null' stroke-dasharray='null' fill='#ffffff'/></g></g></svg>") no-repeat;
  padding: 5px 0px 5px 65px;
}

/*******************************************************************************************/
/************************************** Basic Fonts ****************************************/
/*******************************************************************************************/

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
    font-weight: 400;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 13px;
    color: #333;
}

a {
    /*color: #000000;*/
    color: #333;
    text-decoration: none;
}

a.blacknondecorated:link { color: black; text-decoration: none; }
a.blacknondecorated:active { color: black; text-decoration: none; }
a.blacknondecorated:visited { color: black; text-decoration: none; }

a.whitenondecorated:link { color: white;    }
a.whitenondecorated:active { color: white;  }
a.whitenondecorated:visited { color: white; }
a.whitenondecorated:hover { background-color: white; color: #DECACD;; }

a.nondecorated:link { color: black; text-decoration: none; }
a.nondecorated:active { color: black; text-decoration: none; }
a.nondecorated:visited { color: black; text-decoration: none; }
a.nondecorated:hover { color: blue; text-decoration: none; }


/*******************************************************************************************/
/****************************************** Top Bar ****************************************/
/*******************************************************************************************/

.top_bar {
    background: #2c2e34;
    min-width: 980px;
    width: 100%;
}

.top_bar .container {
    width: 980px;
    height: 36px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 1000;
    color: #fff;
}

.top_bar .container .left {
    position: absolute;
    left: 0;
    top: 0;
}

.top_bar .container .center {
    text-align: center;
}

.top_bar .container .center .static_error_warning {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    font-size: 13px;
    color: #F99;
    overflow: hidden;
    max-width: 600px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top_bar .container .center .static_error_warning a {
    color: #F99;
    text-decoration: underline;
}

.top_bar .container .right {
    position: absolute;
    right: 0;
    top: 0;
}

.top_bar .special_message_container {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 5px 0px 5px;
}

.top_bar .special_message {
    color: white;
    padding: 5px;
    border: 1px solid white;
}

.top_bar .special_message .headline span {
    padding-bottom: 2px;
    display: inline-block;
}

.top_bar .special_message .small_print {
    font-size: 11px;
}

.top_bar .special_message .small_print span {
    padding-top: 3px;
    display: inline-block;
}

.top_bar .special_message .small_print span a {
    color: white;
    border-bottom: 1px dotted white;
    text-decoration: none;
}


.top_bar .special_message a.special_message_button {
    font-size: 11px;
    color: #2c2e34;
    background-color: white;
    float: right;
    padding: 1px 10px 1px 10px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 2px;
}

.top_bar .special_message a.special_message_button:hover {
    opacity: 0.8;
}

#special_message_close {
    float: right;
    width: 15px;
    height: 14px;
    border: none;
    cursor: pointer;
}

#special_message_close:hover {
    opacity: 0.8;
}

#special_message_sib_survey table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

#special_message_sib_survey td.first_cell {
    background: rgb(255,255,255);
    color: black;
    font-size: 11px;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#special_message_sib_survey td.middle_cell {
    background: rgb(40,50,120);
    white-space: nowrap;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

#special_message_sib_survey td.middle_cell a {
    color: white;
    text-decoration: none;
    padding-top: 8px;
    padding-bottom: 8px;
}

#special_message_sib_survey td.last_cell a {
    cursor: pointer;
}

#special_message_sib_survey td.last_cell a:hover {
    opacity: 0.7;
}

#special_message_sib_survey td.middle_cell:hover {
    background: rgb(60,70,140);
}

#special_message_sib_survey td.last_cell {
    background: rgb(255,255,255);
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    width: 15px;
    padding-top: 2px;
    vertical-align: top;
}


#special_message_sib_survey td:first-of-type span {
    color: red;
}

/*******************************************************************************************/
/*************************************** Top Bar List **************************************/
/*******************************************************************************************/

ul.top_bar_list li {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    display: inline;
    font-size: 13px;
    color: #999;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-position: right -108px;
    background-repeat: no-repeat;
    margin-left: -1px;
    font-weight: 600;
}

ul.top_bar_list li:last-child {
    background: none;
}

ul.top_bar_list li.last {
    background: none;
}

ul.top_bar_list li.header {
    background: none;
    color: #999;
    font-weight: 400;
    padding-right: 0;
    font-size: 13px;
}

ul.top_bar_list li.remark {
    color: #999;
    font-weight: 400;
    font-size: 13px;
}

ul.top_bar_list li a {
    color: #999;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 5px;
}

ul.top_bar_list li a:hover,ul.top_bar_list li a.active {
    color: #A1ADEC;
}

/*******************************************************************************************/
/************************************** Set Evidence ***************************************/
/*******************************************************************************************/

.set_evidence_page h1 {
    text-align: center;
    margin-bottom: 10px;
}

.set_evidence_page h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #A1ADEC;
}

.set_interaction_table {
    display: table;
    border-collapse: collapse;
    width:100%;
}

.set_interaction_table_row {
    display: table-row;
    font-size: 14px;
    background-color: white;
}

.set_interaction_table_row div {
    display: table-cell;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.set_interaction_table_row .minibutton_edge {
    display: table-cell;
    border: 3px #F7F6F2;
    border-radius: 4px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.set_interaction_table_row .empty_cell {
    background-color: white;
    color: #808080;
}

.set_evidence_table {
    display: table;
    border-collapse: collapse;
    width:100%;
}

.set_evidence_table_row {
    display: table-row;
    font-size: 13px;
    cursor: pointer;
    background-color: white;
}

.set_evidence_table_row:hover {
    background-color: #E6E6E6;
}

.set_evidence_table_row div {
    display: table-cell;
    border: 1px solid #C6C6C6;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.set_evidence_table_row div:first-of-type {
    font-style: italic;
}

.set_evidence_table_row div span {
    font-style: normal;
}

.set_evidence_truncation_message {
    font-size: 13px;
    padding-left: 15px;
    color: #AAAAAA;
}

.set_evidence_nothing_found {
    font-size: 15px;
    padding-left: 15px;
    padding-top: 10px;
}

.set_evidence_single_record_table {
    font-size: 13px;
    margin-bottom: 20px;
}

.set_evidence_single_record_table_wrap {
    background-color: white;
    border: 1px solid #C6C6C6;
    padding: 10px;
}

div.oversized_input_wait {
    margin-top: 150px;
    margin-left: auto;
    margin-bottom: 100px;
    margin-right: auto;
    font-size: 30px;
    color: #b3b3b3;
    display: table;
}

div.oversized_input_wait div {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 5px;
}

div.oversized_smallprint_message {
    margin-left: auto;
    margin-bottom: 50px;
    margin-right: auto;
    text-align: center;
    font-size: 15px;
    color: #b3b3b3;
}

/*********************************************************************************************/
/************************************** "My Data" pages **************************************/
/*********************************************************************************************/

.mydata_page {
    font-size: 13px;
}

.mydata_page a {
    text-decoration: underline;
}

.mydata_page h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    color: #A1ADEC;
}

.mydata_page h3 {
    font-size: 15px;
    text-align: center;
    color: black;
}

.mydata_page td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #d6d6d6;
}

.mydata_page td:not(:first-child) {
    white-space: nowrap;
}

.mydata_page table tr {
    background-color: white;
}

.mydata_page table tr:hover {
    background-color: #F0F0F0;
}

.mydata_page table.has_header tr:first-of-type td {
    font-weight: bold;
    background-color: white;
}

.my_page_selector {
    height: 36px;
    line-height: 36px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
    display: block;
    color: #4D4D4D;
    border-bottom: medium none;
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 1px;
    border-radius: 3px;
    transition: all 0.05s ease-out 0.05s;
    background-color: rgba(230,230,230,1);
}

.my_page_selector:not(.MP_static) {
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
}

.my_page_selector:hover:not(.MP_static) {
    background-color: rgba(200,200,200,1);
}

.MP_expanded span.bottom_page_content_arrows {
    background-position: -1px -29px;
}

.mydata_page .invisible_table {
    background-color: unset;
    border: unset;
}

.mydata_page .invisible_table tr {
    background-color: unset;
    border: unset;
}

.mydata_page .invisible_table tr:hover {
    background-color: unset;
    border: unset;
}

.mydata_page .invisible_table td {
    background-color: unset;
    border: unset;
}

.privacy_controls {
    display: table;
    width: 100%;
}

.privacy_controls div {
    display: table-row;
}

.privacy_controls div div {
    display: table-cell;
    width: 50%;
}

.privacy_controls div div a {
    text-decoration: none;
    margin-bottom: 12px;
}

/*******************************************************************************************/
/************************************** Download Page **************************************/
/*******************************************************************************************/

.download_page h1 {
    text-align: center;
}

.download_page h2 {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #A1ADEC;
}

.download_table {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.download_table_headline {
    display: table-row;
}

.download_table_headline div {
    display: table-cell;
}

.download_table_headline div h2 {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #A1ADEC;
}

.download_table_header_row {
    display: table-row;
    font-size: 13px;
    font-weight: 600;
}

.download_table_header_row div {
    display: table-cell;
    border: 1px solid #d6d6d6;
    padding: 10px;
    text-align: left;
    background-color: white;
}

.download_table_data_row {
    display: table-row;
    font-size: 13px;
    background-color: white;
}

.download_table_data_row:hover {
    background-color: #F0F0F0;
}

.download_table_data_row div {
    display: table-cell;
    border: 1px solid #d6d6d6;
    padding: 10px;
    text-align: left;
}

.download_table_data_row div span {
    font-weight: bold;
    color: black;
}

.download_table_data_row div a {
    text-decoration: underline;
}

.download_page_organism_select_table {
    background-color: white;
    border: 1px solid #d6d6d6;
    display: table;
    width: 100%;
    font-size: 13px;
}

.download_page_organism_select_table_row {
    display: table-row;
}

.download_page_organism_select_table_cell {
    vertical-align: middle;
    display: table-cell;
    padding: 10px;
    line-height: 21px;
}

/*******************************************************************************************/
/************************************** Bottom Page Content Selectors **********************/
/*******************************************************************************************/

.bottom_page_content_nav {
    line-height: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    overflow: visible;
}

.bottom_page_content_nav ul {
    text-align: left;
    float: right;
    white-space: nowrap;
}

.bottom_page_content_nav ul li {
    display: inline-block;
}

.bottom_page_content_nav ul li a {
    height: 38px;
    line-height: 41px;
    padding-left: 6px;
    padding-right: 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    display: block;
    color: #4d4d4d;
    border-bottom: none;
    background-color: rgba(230,230,230,1);
    margin-left: 6px;
    margin-right: 6px;
    padding-bottom: 1px;
    border-radius: 3px;
    transition: all .05s ease-out .05s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

#bottom_page_selector_network {
    padding-left: 7px;
    padding-right: 4px;
}

.bottom_page_content_nav ul li div {
    font-size: 14px;
    float: left;
}

.bottom_page_content_nav ul li div.active {
}

.bottom_page_content_nav ul li div:hover {
}

.bottom_page_content_nav ul li a:hover,.bottom_page_content_nav ul li a.hover {
    background-color:rgba(200,200,200,1);
}

.bottom_page_content_nav ul li a.active,.bottom_page_content_nav ul li a.active:hover {
    background-color:rgba(160,160,160,1);
}

span.bottom_page_content_arrows {
    margin-left: 10px;
    height: 15px;
    width: 15px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: 0px -2.9px;
    margin-top: 11px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.bottom_page_content_nav ul li a.active span.bottom_page_content_arrows {
    background-position: -1.9px -23px;
}

.bottom_page_content_nav ul li a span.view_icon {
    margin-right: 4px;
    height: 16px;
    width: 22px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -18px -3px;
    float: left;
    margin-top: 14px;
}


.bottom_page_content_nav ul li a span.info_icon {
    margin-right: 6px;
    height: 20px;
    width: 20px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -17px -20px;
    float: left;
    margin-top: 9px;
}

.bottom_page_content_nav ul li a span.settings_icon {
    margin-right: 6px;
    height: 20px;
    width: 20px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -40px -1px;
    float: left;
    margin-top: 11px;
}

.bottom_page_content_nav ul li a span.analysis_icon {
    margin-right: 6px;
    height: 20px;
    width: 19px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -82px -20px;
    float: left;
    margin-top: 9px;
}


.bottom_page_content_nav ul li a span.table_icon {
    margin-right: 6px;
    height: 20px;
    width: 20px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -39px -20px;
    float: left;
    margin-top: 9px;
}

.bottom_page_content_nav ul li a span.cluster_icon {
    margin-right: 4px;
    height: 20px;
    width: 20px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -82px -1px;
    float: left;
    margin-top: 11px;
}

.bottom_page_content_nav ul li a span.more_icon {
    margin-right: 6px;
    height: 20px;
    width: 20px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -61px -1px;
    float: left;
    margin-top: 11px;
}

.bottom_page_content_nav ul li a span.less_icon {
    margin-right: 6px;
    height: 20px;
    width: 20px;
    background-image: url(/images/tabs_icons_v3.svg);
    background-repeat: no-repeat;
    background-position: -60px -21px;
    float: left;
    margin-top: 10px;
}

/*******************************************************************************************/
/*********************************** Evidence View Choices *********************************/
/*******************************************************************************************/

#bottom_page_selector_viewers_container {
    text-align: center;
    font-size: 13px;
}

.evidence_view_choices_wrap {
    text-align: center;
    display: inline-block;
    margin: 20px auto;
    max-width: 900px;
}

.evidence_explainer {
    margin-top: 15px;
    margin-bottom: 25px;
    color: #808080;
}

.evidence_explainer_wrap {
    display: inline-block;
    text-align: left;
}

.evidence_view_choices_item {
    color: #808080;
    min-height: 55px;
    text-align: left;
    padding: 5px;
    border: 1px solid #d6d6d6;
    margin-top: 3px;
    margin-bottom: 8px;
    border-radius: 3px;
    display: block;
    line-height: 132%;
}

.evidence_view_choices_item.active {
    background-color: white;
    color: #404040;
}

.evidence_view_choices_item.active:hover {
    background-color: white;
    border: 1px solid #5a80b4;
}

.evidence_view_choices_item.selected {
    background-color: white;
    border: 1px solid #5a80b4;
}

.evidence_view_choices_item .icon_wrapper {
    width: 100px;
    height: 55px;
    background-color: #E6E6E6;
    border-radius: 4px;
    float: left;
    position: relative;
    margin-right: 9px;
}

.evidence_view_choices_item .icon {
    width: 90px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22.5px -45px;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-repeat: no-repeat;
    background-size: 111.1111111111111%;
}

.evidence_view_choices_item .Network      { background-position: -0.5px -269.5px; }
.evidence_view_choices_item .Neighborhood { background-position: -0.5px -316.0px; }
.evidence_view_choices_item .Coexpression { background-position: -0.5px -362.5px; }
.evidence_view_choices_item .Textmining   { background-position: -0.5px -409.0px; }
.evidence_view_choices_item .Cooccurrence { background-position: -0.5px -455.5px; }
.evidence_view_choices_item .Databases    { background-position: -0.5px -502.0px; }
.evidence_view_choices_item .Fusion       { background-position: -0.5px -547.2px; }
.evidence_view_choices_item .Experiments  { background-position: -0.5px -594.0px; }

.evidence_view_choices_item h2 {
    color: #808080;
    font-weight: 700;
    margin-bottom: 2px;
}

.evidence_view_choices_item.active h2 {
    color: #404040;
}

.evidence_view_choices_item.active:hover div, .evidence_view_choices_item.selected div {
    background-color:rgba(200,200,200,1);
}

.evidence_view_choices_item:not(.active) {
    cursor: default;
}

.evidence_view_choices_item:not(.active) img {
    filter: grayscale(100%);
    opacity: 0.5;
}

.evidence_view_choices_item:not(.active) div {
    background-color: transparent;
}

.evidence_view_choices_item div img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.evidence_view_choices_item div.evidence_view_choices_status {
    float: right;
    height: unset;
    width: unset;
    color: #5a80b4;
    background-color: transparent;
    display: none;
    padding: 0px;
    margin-right: 1px;
}

.evidence_view_choices_item.selected div.status_showing {
    display: block;
    background-color: transparent;
}

.evidence_view_choices_item.loading div.status_loading {
    display: block;
    background-color: transparent;
}


/*******************************************************************************************/
/*********************************** Error / Info Boxes  ***********************************/
/*******************************************************************************************/

.error_info_wrap {
    margin: 0 auto;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
}

.error_info_box > .box_title {
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10%;
    padding-right: 10%;
    color: #A1ADEC;
    font-weight: 700;
    font-size: 26px;
}

.error_info_box > .box_body {
    padding-bottom: 40px;
    font-size: 13px;
    padding-top: 30px;
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
    color: #4D4D4D;
}

div.error_info_message {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    color: gray;
}

div.error_info_separator {
    height: 20px;
}

.error_info_button {
    width: 60%;
    min-width: 100px;
}

a.error_linkout {
    /* color: #A1ADEC; */
    color: #A1ADEC;
    font-weight: bold;
}

/*******************************************************************************************/
/***********************************  Sequence Info Box  ***********************************/
/*******************************************************************************************/

.sequence_info_wrap {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
}

.sequence_info_box {
}

.sequence_info_box .sequence_info_data {
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
}

.sequence_info_box .sequence_info_data .sequence_formatted {
    text-align: left;
    display: inline-block;
    font-size: 13px;
    color: #4D4D4D;
    font-family: Andale Mono, monospace;
}

.sequence_info_box .sequence_info_footer {
    border-top: 1px solid #d6d6d6;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 60px;
    padding-right: 60px;
    overflow: auto;
}

.sequence_info_box .sequence_info_footer .footer_formatted {
    text-align: left;
    max-width: 626px;
    font-size: 13px;
    display: inline-block;
}

.sequence_info_button {
    width: 60%;
    min-width: 100px;
}

td.alignment { font-family: monospace; font-size: 12px; }
td.alignment_fasta_header { font-size: 12px; font-weight: bold; }

/*******************************************************************************************/
/**********************************  Chemcial structures ***********************************/
/*******************************************************************************************/

#gallery {text-align:center;}
#gallery p {display:inline;}
#gallery span {margin:1em; vertical-align:top; display:table-cell; display:inline-table; display:inline-block;}
#gallery p img {margin-bottom:5px;}


.chemstruct_wrapper {
    padding-top: 10px;
    padding-bottom: 25px;
}

.chemstruct_wrapper p {
    font-size: 11.5px;
}

.chemstruct_wrapper h2 {
    font-size: 13px;
    color: #A1ADEC;
    font-weight: bold;
}



/*******************************************************************************************/
/**************************************** TSNE network *************************************/
/*******************************************************************************************/

.tsne_outer_network_container {
    display: table-cell;
    min-width: 240px;
    width: 100%;
    vertical-align: top;
    padding: 20px;
}

.tsne_network_container {
    overflow: hidden;
}

.tsne_network_container.waiting {
    cursor: wait;
}

.proteindot text {
    font-size: 0.7px;
    fill: black;
}

.proteinhalo {
    opacity: 0.0;
    fill: rgb(160,0,0);
}

.sdhalo {
    opacity: 0.0;
    fill: rgb(160,0,0);
}



#global_enrichment_result_column_1 {
    vertical-align: top;
}

#global_enrichment_result_column_1 .legend_headline {
    margin-top: 20px;
    margin-bottom: 20px;
}

#ge_geneset_info {
    margin-right: 20px;
    font-weight: bold;
    float: right;
    color: #D29090;
    font-size: 11px;
    display: none;
}

#ge_geneset_info_left {
    font-weight: bold;
    float: left;
    color: #D29090;
    font-size: 11px;
    display: none;
}

a.ge_permalink {
    color: #999;
    text-decoration: none;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -378px;
    padding-left: 20px;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    float: right;
    margin-right: 20px;
}

a.ge_permalink:hover {
    color: #333;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -398px;
}



/*******************************************************************************************/
/************************************** Protein Homology ***********************************/
/*******************************************************************************************/

.homology_wrapper {
    padding-top: 10px;
    padding-bottom: 25px;
}

.homology_wrapper h2 {
    font-size: 13px;
    color: #A1ADEC;
    font-weight: bold;
}

.homology_box {
    width: 100%;
    text-align: center;
    font-size: 13px;
    background-color: white;
    padding: 20px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 15px;
}

.homology_box .clickable {
    cursor: pointer;
}

.homology_box .clickable:hover {
    text-decoration: underline;
}

.homology_box .divclickable {
    background-color: #b3b3b3;
    cursor: pointer;
}

.homology_box .divclickable:hover {
    background-color: grey;
}

.homology_box .sequence_info_footer .footer_formatted {
    text-align: left;
    max-width: 626px;
    font-size: 13px;
    display: inline-block;
}

.homology_query_space_selector {
    text-align: center;
    border-radius: 3px;
}

.homology_query_space_selector div {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*******************************************************************************************/
/*************************************** Organism Overview *********************************/
/*******************************************************************************************/

div.organism_overview_table {
    display: table;
    font-style: normal;
    font-size: 13px;
    color: #4D4D4D;
    border-spacing: 0px 10px;
    width: 100%;
}

div.organism_overview_table .row {
    display: table-row;
}

div.organism_overview_table .cell {
    display: table-cell;
    border:1px solid #d6d6d6;
    border-radius:3px;
    max-width: 850px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 2px;
    padding-right: 2px;
}

div.organism_overview_table .row:hover .cell {
    background-color: white;
}

div.organism_overview_table .anchor_cell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    width: 1%;
}

div.organism_overview_table a :not(.anchor_cell) {
    text-decoration: underline;
    color: #4D4D4D;
}

div.organism_overview_table .small {
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
    font-size: 11.5px;
    color: gray;
}

div.organism_overview_table .organism_name {
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    color: #4D4D4D;
}

div.single_organism_table {
    display: table;
    font-size: 13px;
    border-collapse: collapse;
}

div.single_organism_table .single_row {
    display: table-row;
}

div.single_organism_table .single_row:hover .single_label {
    background-color: white;
}

div.single_organism_table .single_row:hover .single_data {
    background-color: white;
}

div.single_organism_table .single_label {
    display: table-cell;
    text-align: right;
    white-space: nowrap;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #C6C6C6;
}

div.single_organism_table .single_data {
    display: table-cell;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #C6C6C6;
}

/*******************************************************************************************/
/*************************************** Proceed-Forms *************************************/
/*******************************************************************************************/

div.proceed_form_table {
    display: table;
    width: 100%;
    font-size: 13px;
}

    
div.display_term_table_row{
    display: table-row;
}

div.display_term_table_row:hover{
    display: table-row;
    background-color: white;
}

div.proceed_form_header_column {
    display: table-cell;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: #4D4D4D;
    padding: 5px;
    border:1px solid #d6d6d6;
    border-radius:3px;
}

div.proceed_form_header_column_left {
    display: table-cell;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: #4D4D4D;
    padding: 5px;
    border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

div.proceed_form_header_column_middle {
    display: table-cell;
    /*white-space: nowrap;*/
    background-color: #FFFFFF;
    color: #4D4D4D;
    padding: 1%;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

div.proceed_form_header_column_count_middle {
    display: table-cell;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: #4D4D4D;
    padding: 1%;
    text-align: center;
    /*width: 20px;
    max-width: 20px;*/
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

div.proceed_form_header_column_right {
    display: table-cell;
    white-space: nowrap;
    background-color: #FFFFFF;
    color: #4D4D4D;
    padding: 1%;
    border-right:1px solid #d6d6d6;
    border-top:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

div.proceed_form_item_column {
    display: table-cell;
    padding: 3px;
    color: #808080;
    text-align: justify;
    padding-right: 20px;
}

div.proceed_form_organism_column {
    padding: 3px;
    color: #808080;
    /* white-space: nowrap; */
    display: table-cell;
    min-width: 220px;
}

div.proceed_form_term_column {
    color: grey;
    /* white-space: nowrap; */
    display: table-cell;
    width: 15%;
    max-width: 15%;
    font-size: 100%;
    border-bottom: 0.1px darkgrey solid;
    vertical-align: top;
    padding: 1%;
    overflow: hidden;
    white-space: nowrap;
}

div.proceed_form_count_column {
    padding: 1%;
    color: grey;
    /* white-space: nowrap; */
    display: table-cell;
    width: 10%;
    max-width: 10%;
    font-size: 13px;
    border-bottom: 0.1px darkgrey solid;
    vertical-align: top;
    padding: 7px;
    text-align: center;
}

div.proceed_form_term_description_column {
    padding: 1%;
    color: grey;
    /* white-space: nowrap; */
    display: table-cell;
    /*width: 150px;
    max-width: 150px;*/
    font-size: 13px;
    border-bottom: 0.1px darkgrey solid;
    vertical-align: middle;
}

div.proceed_form_category_column {
    padding: 6px;
    color: #808080;
    /* white-space: nowrap; */
    display: table-cell;
    min-width: 120px;
    font-size: 13px;
}

div.proceed_form_compact_column {
    padding: 3px 0px 3px 0px;
    color: #808080;
    white-space: nowrap;
    display: table-cell;
}

div.proceed_form_compact_term_column {
    padding: 0.5% 0% 0.5% 0%;
    color: #808080;
    white-space: nowrap;
    display: table-cell;
    width: 3%;
    max-width: 3%;
    border-bottom: 0.1px darkgrey solid;

}

div.proceed_form_explanation {
    margin-top: 8px;
    color: #4D4D4D;
    margin-bottom: 20px;
    font-size: 13px;
    display: table;
    width: 100%;
}

div.proceed_form_explanation .row {
    display: table-row;
}

div.proceed_form_explanation .cell {
    display: table-cell;
    vertical-align: middle;
    max-width: 400px;
}

div.proceed_form_explanation .cell:last-child {
    text-align: right;
}

/*******************************************************************************************/
/********************************** Data Settings Box **************************************/
/*******************************************************************************************/

div.data_settings_wrap {
    border: 1px solid #A0A0A0;
}

div.data_settings_separator {
    border-bottom: 1px solid #A0A0A0;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.data_settings_separator_vertical {
    display: table-cell;
    border-left: 1px solid #A0A0A0;
    margin-left: 10px;
    margin-right: 10px;
}

div.data_settings_wrap * div.data_settings_body {
    padding: 2px;
    color: gray;
}

div.data_settings_section_headline {
    color: gray;
    margin-bottom: 7px;
}

div.data_settings_label {
    font-size: 10px;
}

div.data_settings_label_active {
    color: #A00000 !important;
}

div.data_settings_basic_advanced_label {
    font-weight: bold;
    vertical-align: top;
}

div.data_settings_checkbox_wrap {
    display: table-cell;
    font-size: 10px;
    padding: 4px;
}

div.data_settings_select_wrap {
    display: table-cell;
    padding-right: 10px;
}

.data_settings_select {
    height: 27px;
    padding-left: 5px;
    padding-right: 17px;
    /*width: 100%;
    float: left;*/
    text-align: left;
    color: #999;
    border: 1px solid #d4d4d4;
    background: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-position: right -467px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: .1s linear all;
}

.download_data_settings_select {
    height: 40px;
    padding: 12px 20px 12px 10px;
    padding-right: 2px;
    width: 200px;
    text-align: left;
    color: #999;
    border: 1px solid #d4d4d4;
    background: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-position: right -480px;
    background-size: 105%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: .1s linear all;
}

.data_settings_select_active {
    border: 1px solid #A00000 !important;
    color: #A00000 !important;
    transition: .1s linear all;
}

.data_settings_select:focus {
    color: #333;
    border-color: #A1ADEC;
    border-width: 1px;
}

.data_settings_input {
    height: 27px;
    padding-left: 5px;
    text-align: left;
    background-repeat: no-repeat;
    margin-left: 20px;
    color: #999;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #d4d4d4;
    background: #fff;
    box-sizing: border-box;
    transition: .2s linear all;
}

.data_settings_input_active {
    border: 1px solid #A00000 !important;
    color: #A00000 !important;
    transition: .2s linear all;
}

.data_settings_input:focus {
    color: #333;
    border-color: #A1ADEC;
    border-width: 1px;
    background: #fff;
}

div.checkbox_wrap {
    position: relative;
    height: auto;
}

input[type=checkbox]:not(old),
input[type=radio ]:not(old) {
    width: 20px;
    opacity: 0;
    padding: 0;
    opacity: 0;
    float: left;
}

input[type=checkbox]:not(old) + label,
input[type=radio ]:not(old) + label {
    padding-left: 21px;
    line-height: 20px;
    display: block;
    min-height: 20px;
    position: relative;
}

input[type=checkbox]:not(old) + label::before,
input[type=radio ]:not(old) + label::before {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -180px;
    content: '';
    left: 0px;
}

input[type=checkbox]:not(old):hover + label::before,
input[type=radio]:not(old):hover + label::before {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -138px;
}

input[type=checkbox]:not(old):checked + label::before {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -265px;
}

input[type=checkbox]:not(old):hover:checked + label::before {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -224px;
}

input[type=radio]:not(old):checked + label::before {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -94px;
}

input[type=radio]:not(old):hover:checked + label::before {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -52px;
}

/*******************************************************************************************/
/********************************** View Settings Box **************************************/
/*******************************************************************************************/

div#view_settings_wrap {
    border: 1px solid #A0A0A0;
}

div.view_settings_section_headline {
    color: gray;
    margin-bottom: 7px;
}

div.view_settings_separator {
    border-bottom: 1px solid #A0A0A0;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#view_settings_body {
    padding: 15px;
    color: gray;
}

div.view_settings_label {
    font-size: 10px;
}

div.view_settings_checkbox_wrap {
    display: table-cell;
    font-size: 10px;
    padding: 4px;
}

div.view_settings_select_wrap {
    display: table-cell;
    padding-right: 10px;
}

.network_size_change_button {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: gray;
    font-size: 12px;
    text-align: center;
    cursor: default;
    font-weight: 500;
    margin: 6px;
    box-sizing: border-box;
    padding-right: 5px;
    background-color: rgba(230,230,230,1);
    border-radius: 3px;
}

.network_size_change_button:hover {
    background-color: rgba(200,200,200,1);
}

div.network_size_change_label {
    min-height: 28px;
    line-height: 28px;
    font-size: 10px;
    transition: .1s linear all;
}

div.network_size_change_label_active {
    min-height: 28px;
    line-height: 28px;
    font-size: 10px;
    color: #A00000;
    transition: .1s linear all;
}

span.network_size_change_label {
    margin-left: 18px;
    font-weight: 700;
    transition: .1s linear all;
}

span.network_size_change_label_active {
    margin-left: 18px;
    font-weight: 700;
    color: #A00000;
    transition: .1s linear all;
}

/********************************************************************************************/
/************************************ Edge Details ******************************************/
/********************************************************************************************/

div.edge_details_wrapper {
    text-align: center;
    max-width: 750px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

div.edge_details_wrapper h2 {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 3px;
}

table.edge_details_interactors_table {
    display: inline;
}

table.edge_details_interactors_table td.interactor {
    vertical-align: top;
    text-align: left;
    background-color: #e6e6e6;
    padding: 5px;
    border-radius: 4px;
}

table.edge_details_interactors_table td.double_arrow {
    width: 50px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background-color: white;
    font-size: 200%;
}

table.edge_details_standard_evidence_table {
    display: inline;
}

table.edge_details_standard_evidence_table td {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: #e6e6e6;
}

table.edge_details_standard_evidence_table td.empty_cell {
    background-color: white;
    color: #808080;
}

table.edge_details_standard_evidence_table td:first-child {
    white-space: nowrap;
    text-align: right;
}

/********************************************************************************************/
/********************************** Explanatory Legends *************************************/
/********************************************************************************************/

div.legend_wrap {
    color: #404040;
    max-width: 910px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.legend_headline {
    text-align: left;
    font-weight: 700;
    font-size: 14px;
}

span.legend_small_print {
    font-style: italic;
    font-size: 11.5px;
    color: gray;
    display: block;
    padding-top: 3px;
    line-height: 18px;
}

div.legend_info_box {
    text-align: left;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    font-size: 13px;
    padding: 5px;
}

div.legend_info_box a {
    text-decoration: underline;
    color: inherit;
}

div.legend_info_box a:hover {
    color: #4d4d4d;
}

div.legend_info_text_line {
    font-style: italic;
    font-size: 12px;
    color: gray;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    padding-left: 3px;
}

div.legend_info_inline_img {
    display: table-cell;
    vertical-align: middle;
}

.legend_info_inline_img .fusion_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -35px -72px;
}
.legend_info_inline_img .cooccurrence_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -35px -94px;
}
.legend_info_inline_img .textmining_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -50px;
}
.legend_info_inline_img .homology_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -35px -50px;
}
.legend_info_inline_img .database_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -141px -72px;
}
.legend_info_inline_img .experiment_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -72px;
}
.legend_info_inline_img .neighborhood_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -141px -50px;
}
.legend_info_inline_img .coexpression_edge {
    width: 50px;
    height: 19px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -94px;
}

.legend_info_inline_img .confidence_low {
    width: 53px;
    height: 16px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -32px -187px;
}
.legend_info_inline_img .confidence_medium {
    width: 53px;
    height: 16px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -187px;
}
.legend_info_inline_img .confidence_high {
    width: 53px;
    height: 16px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -206px;
}
.legend_info_inline_img .confidence_highest {
    width: 53px;
    height: 16px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -32px -206px;
}

.legend_info_inline_img .unspecified_arrow_edge {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -31px -225px;
}
.legend_info_inline_img .inhibition_arrow_edge {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -225px;
}
.legend_info_inline_img .activation_arrow_edge {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -145px -225px;
}

.legend_info_inline_img .action_expression {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -141px;
}
.legend_info_inline_img .action_reaction {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -31px -118px;
}
.legend_info_inline_img .action_ptmod {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -118px;
}
.legend_info_inline_img .action_phenotype {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -145px -111px;
}
.legend_info_inline_img .action_catalysis {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -145px -141px;
}
.legend_info_inline_img .action_binding {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -31px -164px;
}
.legend_info_inline_img .action_inhibition {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -31px -141px;
}
.legend_info_inline_img .action_activation {
    width: 54px;
    height: 20px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -88px -164px;
}

.legend_info_inline_img .red_protein_node {
    width: 36px;
    height: 36px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -109px -248px;
}
.legend_info_inline_img .white_protein_node {
    width: 36px;
    height: 36px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -70px -248px;
}
.legend_info_inline_img .empty_protein_node {
    width: 36px;
    height: 36px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -148px -248px;
}
.legend_info_inline_img .filled_protein_node {
    width: 36px;
    height: 36px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -31px -248px;
}

.legend_info_inline_img .protein_halo_and_gradient {
    width: 162px;
    height: 32px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -8px -1278px;
}

.legend_info_inline_img .protein_halo_and_gradient_r {
    width: 162px;
    height: 32px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -8px -1311px;
}

.legend_info_inline_img .protein_halo_and_gradient_b {
    width: 162px;
    height: 33px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -8px -1343px;
}

.legend_info_inline_img .protein_halo_and_gradient_rb {
    width: 162px;
    height: 33px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -8px -1378px;
}

.view_settings_checkbox_wrap .image_icon {
    width: 14px;
    height: 12px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -168px -166px;
}

.round_black_dot {
    width: 8px;
    height: 7px;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -155px -166px;
}

.evidence_links_icon {
    width: 39px;
    height: 12px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -115px -287px;
}
.confidence_links_icon {
    width: 39px;
    height: 12px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -31px -287px;
}
.action_links_icon {
    width: 39px;
    height: 12px;
    margin-bottom: -2px;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -73px -287px;
}

div.item_symbol_wrapper_P {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    padding: 0px;
    border: none;
}
div.item_symbol_back_P {
    content: '';
    width: 10px;
    height: 11px;
    position: absolute;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -168px -186px;
    padding: 0px;
    border: none;
}
div.item_symbol_front_P {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    opacity: 0.4;
    padding: 0px;
    border: none;
}

div.legend_column_rotated {
    transform: translate(0,10px) rotate(-90deg);
    transform-origin: left 15%;
    font-style: italic;
    font-size: 12px;
    color: gray;
    text-align: left;
    white-space: nowrap;
    width: 17px;
}

table.legend_score_table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 650px;
    margin-bottom: 10px;
}

table.legend_score_table td.td_name {
    white-space: nowrap;
}


table.legend_score_table tr.input_item_row td:first-child {
    padding-left: 8px;
}

table.legend_score_table tr.linked_item_row td:first-child {
    padding-left: 8px;
}

table.legend_score_table tr.linked_item_row td:last-child {
    padding-left: 8px;
}

table.legend_score_table tr.linked_item_row:hover .td_symbol,
table.legend_score_table tr.linked_item_row:hover .td_name,
table.legend_score_table tr.linked_item_row:hover .td_annotation,
table.legend_score_table tr.linked_item_row:hover .td_score_dot,
table.legend_score_table tr.linked_item_row:hover .td_score {
    background-color: white;
}

table.legend_score_table .td_symbol {
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

table.legend_score_table .td_symbol.first_row {
    border-top: 1px solid #d6d6d6;
    border-top-left-radius: 3px;
}

table.legend_score_table .td_symbol.last_row {
    border-bottom-left-radius: 3px;
}

table.legend_score_table .td_name {
    font-size: 11.5px;
    color: #404040;
    border-bottom: 1px solid #d6d6d6;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

table.legend_score_table .td_name.first_row {
    border-top: 1px solid #d6d6d6;
}

table.legend_score_table .td_annotation {
    border-bottom: 1px solid #d6d6d6;
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
    font-style: italic;
    font-size: 11.5px;
    color: #808080;
    line-height: 19px;
}

table.legend_score_table .td_annotation.first_row {
    border-top: 1px solid #d6d6d6;
}

table.legend_score_table .td_annotation_input_item {
    border-right: 1px solid #d6d6d6;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.legend_score_table .td_annotation_input_item.first_row {
    border-top-right-radius: 3px;
}

table.legend_score_table .td_annotation_input_item.last_row {
    border-bottom-right-radius: 3px;
}

table.legend_score_table .td_annotation_linked_item div {
    width: 0;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.legend_score_table .td_score_dot {
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    line-height: 0;
}

table.legend_score_table .td_score_dot.first_row {
    border-top: 1px solid #d6d6d6;
}

table.legend_score_table .td_score {
    padding-left: 3px;
    padding-right: 3px;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    font-size: 11.5px;
    color:#404040;
}

table.legend_score_table .td_score.first_row {
    border-top: 1px solid #d6d6d6;
    border-top-right-radius: 3px;
}

table.legend_score_table .td_score.last_row {
    border-bottom-right-radius: 3px;
}

/********************************************************************************************/
/***************************************** Settings *****************************************/
/********************************************************************************************/

div.settings_wrap {
    color: #404040;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.settings_box_wrap {
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 15px;
}

/********************************************************************************************/
/********************************** ExportsAndTables ****************************************/
/********************************************************************************************/

.exporttable {
    display: table;
}

.exporttable .row {
    display: table-row;
}

.exporttable .row .cell {
    display: table-cell;
}

.exporttable .row:hover .cell {
    background-color: white;
}

div.exporttablecolumn1 {
    padding-top: 2px;
    padding-bottom: 2px;
    display: table-cell;
    text-align: right;
}

div.exporttablecolumn2 {
    display: table-cell;
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
}

div.exporttablecolumn2 a {
    text-decoration: underline;
    color: #404040;
}

div.exporttablecolumn3 {
    display: table-cell;
    text-align: left;
    font-style: italic;
    font-size: 12px;
    color: gray;
}

.interaction_page_network_type_switch {
    /*width: 500px;*/
    line-height: 30px;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-left: 9px;
    padding-right: 9px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    display: block;
    color: black; /*#4d4d4d;*/
    border-bottom: none;
    background-color: #e6e6e6;
    /*margin-left: 3px;*/
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    transition: all .05s ease-out .05s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.interaction_page_network_type_switch:hover {
    background-color: #dbdbdb;
}

#interaction_table_compact_container {
    margin: 8px;
    min-width: 800px;
}

.interaction_table_compact {
    border-spacing: 0px;
    width: 100%;
}

.interaction_table_compact .row .cell {
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 2px;
}

.interaction_table_compact .row:hover .cell {
    background-color: white;
}

.interaction_table_compact .first_row {
    text-decoration: underline;
    white-space: nowrap;
}

.interaction_table_compact .annotation {
    white-space: nowrap;
    overflow: hidden;
    width: 0px;
    min-width: 100%;
    text-overflow: ellipsis;
    font-style: italic;
    color: #808080;
    font-size: 12px;
}

.interaction_table_compact .link {
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 4px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -310px;
}

.interaction_table_compact .clickable {
    cursor: pointer;
}

.interaction_table_compact .clickable:hover {
    text-decoration: underline;
}

.interaction_title {
    text-align: left;
    font-size: 16px;
    color: gray;
    font-weight: 400;
    text-transform: uppercase;
}

.legend_score_table .clickable {
    cursor: pointer;
}

.legend_score_table .clickable:hover {
    text-decoration: underline;
}

.interaction_table_compact .link:hover {
    cursor: pointer;
    background-color: white;
}

.interaction_table_compact .asc {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat left -356px;
}

.interaction_table_compact .desc {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat left -333px;
}

.interaction_table_compact_fetching {
    opacity: 0.4;
}

.interaction_table_page_dial {
    margin-top: 7px;
}

.interaction_table_page_dial span {
    display: inline-block;
    width: 22px;
    height: 14px;
    margin: 0;
    opacity: 0.7;
}

.interaction_table_page_dial .first {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -93px -1px;
}

.interaction_table_page_dial .previous {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -118px -1px;
}

.interaction_table_page_dial .next {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -143px -1px;
}

.interaction_table_page_dial .last {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -168px -1px;
}

.interaction_table_page_dial span:hover {
    cursor: pointer;
    background-color: white;
    opacity: 1;
}

/********************************************************************************************/
/********************************** Enrichment Analysis *************************************/
/********************************************************************************************/

#bottom_page_selector_analysis_container {
    text-align: center;
}

div.disambiguation_pageing_bar {
    background-color: #E6E6E6;
    color: #4D4D4D;
    padding: 5px;
    font-size: 13px;
    text-align: right;
    border: 1px solid #C6C6C6;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.disambiguation_pageing_bar a {
    color: #4D4D4D;
}

div.disambiguation_pageing_bar div {
    float: left;
}


div.analysis_inner_wrapper {
    color: #404040;
    display: inline-block;
    min-width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    font-size: 13px;
}

div.analysis_inner_wrapper_collapsed {
    display: none;
}

div.analysis_waiting {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/string_spinner_for_main_body.gif);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

div.analysis_failure {
    width: 630px;
    text-align: justify;
    padding-top: 30px;
    padding-left: 90px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    color: #c40808;
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left center;
    /*display: inline-block;*/
}

div.analysis_failure a {
    color: #c40808;
    text-decoration: underline;
}

select.background_selector {
    max-width: 250px;
    min-width: 250px;
    color: #4D4D4D;
    border: 1px solid #CCCCCC;
    font-family: 'Roboto', sans-serif;
}

div.global_enrichment_outer_wrapper {
    color: #404040;
    display: inline-block;
    min-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    font-size: 13px;
    width: 100%;
}

div.global_enrichment_info_text {
    margin-left:35%;
    margin-top:10px;
    /*margin-bottom:-10px;*/
    color:#be7e7e;
    font-size:12px;
    font-style:italic;
}



div.global_enrichment_wrapper {
    height: 600px;
    overflow-y: auto;
}

div.global_enrichment_table {
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
}

div.enrichment_table {
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
    margin-top: 20px;
    width: 900px;
}

div.enrichment_table_headline {
    display: table-cell;
    white-space: nowrap;
    color: #6D6D6D;
    background-color: #E6E6E6;
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

div.enrichment_table_headline:first-of-type {
    border-left: 1px solid #c6c6c6;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*
div.enrichment_table_headline:nth-child(2) {
    width: 100%;
}
*/

div.enrichment_table_headline:last-of-type {
    border-right: 1px solid #c6c6c6;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

div.enrichment_table_header {
    display: table-cell;
    white-space: nowrap;
    color: #4D4D4D;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
    background-color: white;
}

.description_cell {
    min-width: 350px;
}

div.global_enrichment_table_headline {
    display: table-cell;
    white-space: nowrap;
    color: #6D6D6D;
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    text-align: left;
}

div.global_enrichment_table_headline:first-of-type {
    border-left: 1px solid #c6c6c6;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

div.global_enrichment_table_headline:nth-child(2) {
    width: 100%;
}

div.bias_table_headline:last-of-type {
    border-right: 1px solid #c6c6c6;
    t-radius: 3px;
    border-bottom-right-radius: 3px;
}

div.bias_table_headline {
    display: table-cell;
    white-space: nowrap;
    color: #6D6D6D;
    font-weight: bold;
    padding: 5px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    text-align: left;
}

div.bias_table_headline:first-of-type {
    border-left: 1px solid #c6c6c6;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

div.bias_table_headline:nth-child(2) {
    width: 100%;
}

div.bias_text_box {
    vertical-align: top;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

div.bias_description_box {
    width: 290px;
    float: left;
    word-break: normal;
}

div.bias_pvalue_box {
    margin-left: 300px;
}

div.bias_info_box {
    margin-top: 15px;
}


a.bias_supsafe {

    border-bottom: 1px solid #909090;
    color: #000;
    display: inline-block;
    line-height: 11px;
    text-decoration: none;

}

div.global_enrichment_table_headline:last-of-type {
    border-right: 1px solid #c6c6c6;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


div.global_enrichment_table_header {
    display: table-cell;
    white-space: nowrap;
    color: #4D4D4D;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
    background-color: white;
}


div.th_sortable {
    text-align: center;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    cursor: pointer;
}

div.th_sortable span {
    color: #4D4D4D;
    text-decoration: underline;
    text-decoration-color: #C0C0C0;
    padding-left: 10px;
    padding-right: 5px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -310px;
}

div.th_sortable .asc {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat left -356px;
}

div.th_sortable .desc {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat left -333px;
}


div.enrichment_table_header:first-of-type {
    border-left: 1px solid #d6d6d6;
    border-top-left-radius: 3px;
}

div.enrichment_table_header:last-of-type {
    border-right: 1px solid #d6d6d6;
    border-top-right-radius: 3px;
}

div.enrichment_table_content {
    position: relative;
    display: table-cell;
    color: #4D4D4D;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
    white-space: nowrap;
}

div.enrichment_table_overflow {
    width: 0;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


div.enrichment_table_content:first-of-type {
    border-left: 1px solid #d6d6d6;
}

div.enrichment_table_content:last-of-type {
    border-right: 1px solid #d6d6d6;
}

div.tc_left_padded {
    padding-left: 30px;
}

div.tc_centered {
    text-align: center;
}


div.enrichment_table_content_container {
    display: table-row;
    background-color: white;
}

div.inactive_wait {
    opacity: 0.4;
}

div.enrichment_table_content_container:hover {
    /*background-color: #f5e6e6;
    background-color: #ff0000;*/
    background-color: #ffebeb;
}

div.enrichment_bubble_container {
    float: right;
    display: inline;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 17px;
    height: 16px;
    position: absolute;
    right: 7px;
}
 
div.enrichment_color_container {
    float: right;
    width: 16px;
    height: 16px;
}


div.enrichment_table:not(.ET_static) div.enrichment_table_content_container:hover {
    cursor: pointer;
}

div.enrichment_table_node_highlight {
    background: #E5ECF4;
}

div.enrichment_table_selected div {
    /*background: #E6CACA;
    background: #0000FF;
    background: #ffd1d1;*/
    background: #f3e0e0;
}

div.enrichment_table_selected .enrichment_color_container {
    opacity:0.4;
    border-radius: 8px;
}

div.enrichment_table_selected .enrichment_color_container.flat_bubble {
    height: 14px;
    width: 14px;
    margin-top: 1px;
}



div.enrichment_table_selected .enrichment_bubble_container {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat right -505px;
}

div.enrichment_table_selected .enrichment_bubble_container.flat_bubble {
    background: none; 
}

div.enrichment_table_more_row {
    display: table-row;
}

div.enrichment_table_more {
    display: table-cell;
    font-style: italic;
    color: #4D4D4D;
    cursor: pointer;
}

div.enrichment_table_less_row {
    display: table-row;
}

div.enrichment_table_less_row div {
    padding-left: 5px;
    font-style: italic;
    color: #4D4D4D;
}

div.enrichment_table_less {
    display: table-cell;
    font-style: italic;
    color: #4D4D4D;
    cursor: pointer;
}

div.enrichments_closing_remarks {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    font-style: italic;
    color: #A0A0A0;
    max-width: 700px;
}

div.global_enrichment_table_headline_container {
    display: table-row;
    background-color: #E6E6E6;
}

div.global_enrichment_table_headline_container.expandable:hover {
    background-color: #D3D3D3;
    cursor: pointer;
}

.global_enrichment_table_headline_container div span {
    margin-left: 3px;
    height: 13px;
    width: 13px;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-repeat: no-repeat;
    background-position: -1px -15px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.global_enrichment_table_headline_container.fully_expanded div span {
    background-position: -1px -29px;
}

.global_enrichment_table_headline_container.fully_collapsed div span {
}

div.bias_table_headline_container {
    background-color: #E6E6E6;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    padding: 5px;
    font-weight: bold;
    color: #6d6d6d;
    margin-top: 16px;
}

div.bias_table_headline_container.expandable:hover {
    background-color: #D3D3D3;
    cursor: pointer;
}

.bias_table_headline_container span {
    margin-left: 3px;
    height: 13px;
    width: 13px;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-repeat: no-repeat;
    background-position: -1px -15px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.bias_table_headline_container.fully_expanded span {
    background-position: -1px -29px;
}

.bias_table_headline_container.fully_collapsed span {
}

div.global_enrichments_closing_remarks {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    font-style: italic;
    color: #A0A0A0;
}


div.enrichments_closing_remarks span {
    font-weight: bold;
}

div.enrichment_nothing_found {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.analysis_table_display_settings_checkbox_wrap {
    display: table-cell;
    font-size: 12px;
    padding-left: 95px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    vertical-align: middle;
}

div.graph_table_display_settings_checkbox_wrap {
    display: table-cell;
    font-size: 12px;
    padding-left: 35px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    vertical-align: middle;
}

div.analysis_table_settings_first_cell {
    display:table-cell;
    width: 190px;
    vertical-align: middle;
    text-align: right;
}

.analysis_data_select {
    width: 125px;
    padding-right: 2px;
    margin-top: 4px;
    margin-left: 4px;
}

span.analysis_statistics_warning {
    color: Brown;
    float: right;
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
}

span.analysis_statistics_explain {
    color: #A0A0A0;
    float: right;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 1px;
}

span.analysis_statistics_explain_text {
    text-decoration:underline;
    cursor:pointer;
    /* margin-left: -90px;  centers waiting spinner text  */
}


div.enrichment_statistics_warning {
    width: 400px;
    padding: 5px;
}

div.global_enrichment_table_content_container {
    display: table-row;
    background-color: white;
}

div.global_enrichment_table_content_container:hover {
    background-color: #E6DADA;
    cursor: pointer; 
}

div.global_enrichment_table_content_container_selected {
    background-color: #D7B5B5;
}

div.global_enrichment_table_content_container_selected:hover {
    background-color: #D7B5B5;
}

div.global_enrichment_table_content_container>div {
    position: relative;
    display: table-cell;
    color: #4D4D4D;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #d6d6d6;
    white-space: nowrap;
}

div.global_enrichment_table_content_container>div:nth-child(n+3) {
    text-align: center;
}

div.global_enrichment_table_content_container>div>a {
    text-decoration: underline;
    text-decoration-color: #C0C0C0;
}

div.global_enrichment_table_content_container>div:first-of-type {
    border-left: 1px solid #d6d6d6;
}

div.global_enrichment_table_content_container>div:last-of-type {
    border-right: 1px solid #d6d6d6;
}

div.global_enrichment_table_content_container>div>div {
    width: 0;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


div.bias_table_content_container {
    display: table-row;
    background-color: white;
}

div.bias_table_content_container>div {
    position: relative;
    display: table-cell;
    color: #4D4D4D;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #d6d6d6;
}

div.bias_table_content_container>div>div>a {
    /*text-decoration: underline;*/
    text-decoration-color: #C0C0C0;
    color: #4d4d4d;
    cursor: pointer;
}

div.bias_table_content_container>div:first-of-type {
    border-left: 1px solid #d6d6d6;
}

div.bias_table_content_container>div:last-of-type {
    border-right: 1px solid #d6d6d6;
}


/********************************************************************************************/
/********************************** Netstat Analysis *************************************/
/********************************************************************************************/

.netstat_wrapper {
    margin-top: 15px;
    margin-bottom: 25px;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: white;
}

.netstat_table {
    width: 100%;
    display: table;
}

.ppi_enrichment_hint {
    color: #A0A0A0;
    font-style: italic;
    text-align: center;
    display: inline-block;
}

.ppi_enrichment_hint a {
    color: inherit;
    text-decoration: underline;
}

.ppi_enrichment_hint span.emphasis {
    font-weight: bold;
}



/********************************************************************************************/
/********************************** Clustering Box ******************************************/
/********************************************************************************************/

.clustering_table
{
    display:  table;
    width:auto;
    background-color:#fff;
    border-radius: 4px;
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
    border-collapse: collapse;
   /* border-collapse:separate;*/
}

.clustering_table_row
{
   display:table-row;
   border-top:1px solid  #B0B0B0;
   width:auto;
   cursor: pointer;
}

.clustering_table_row:hover {
    background-color:#ffebeb;
}

.clustering_table_cell
{
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:150px;
    background-color:#fff;
    text-align:center;
    margin-top: 5px;
    margin-bottom:5px;
    background-color:inherit;

}

/*.clustering_table_row:last-child { border-bottom: none; }*/

.ct_cluster_id
{
    width:60px;
}

.ct_cluster_count
{
    width:90px;
}

.ct_cluster_color
{
    width:50px;
}


.ct_bubble_container {
    margin: 0 0 0 0;
    padding: 0 0 0 16px;
    width: 17px;
    height: 16px;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat right -505px;
}



.ct_bubble_container.flat_bubble {
    background: none;
}

.ct_color_container {
    margin-left:1px;
    width: 16px;
    height: 16px;
    opacity: 0.4;
    border-radius: 8px;
}


.ct_cluster_protnames
{
    width:490px;
    overflow:hidden;
    text-align:justify;
    margin-left:10px;
}

.ct_span_short {
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:490px;
    overflow:hidden;
    display:inline-block;
    margin-bottom: -4px; /* css is awesome */
}

.ct_span_long {
    display:none;
}





/*******************************************************************************************/
/******************************************** Fusion ***************************************/
/*******************************************************************************************/

.fusion_page {
    text-align: center;
}

.fusion_page h1 {
    text-align: center;
    margin-bottom: 10px;
}

/*******************************************************************************************/
/************************************** Cooccurrence ***************************************/
/*******************************************************************************************/

.cooccurrence_page {
    text-align: center;
}

.cooccurrence_page h1 {
    text-align: center;
    margin-bottom: 10px;
}

/*******************************************************************************************/
/***************************************** Neighborhood ************************************/
/*******************************************************************************************/

.neighborhood_page {
    text-align: center;
}

.neighborhood_page h1 {
    text-align: center;
    margin-bottom: 10px;
}

/*******************************************************************************************/
/***************************************** Coexpression ************************************/
/*******************************************************************************************/

.coexpression_page {
    text-align: center;
}

.coexpression_page h1 {
    text-align: center;
    margin-bottom: 10px;
}

.coexpression_image_container {
    padding-top: 10px;
    padding-bottom: 15px;
}

.coexpression_simplified_table {
    text-align: left;
    font-size: 13px;
}

.coexpression_simplified_table td {
    vertical-align: middle;
    padding: 4px;
}

.coexpression_simplified_table .headline {
    white-space: nowrap;
    background-color: #FFFFFF;
    font-weight: bold;
    color: #4D4D4D;
    padding: 5px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
}

.coexpression_simplified_table .content {
    border: 1px solid #D0D0D0;
    border-radius: 3px;
}

.coexpression_info_text {
    font-size: 13px;
}


/*******************************************************************************************/
/****************************************** Textmining *************************************/
/*******************************************************************************************/

.textmining_page h1 {
    text-align: center;
    margin-bottom: 10px;
}

.textmining_page h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #A1ADEC;
}

.textmining_nothing_found {
    font-size: 15px;
    padding-left: 15px;
    padding-top: 10px;
}

.textmining_truncation_message {
    font-size: 13px;
    padding-left: 25px;
    padding-top: 10px;
    color: #AAAAAA;
}

.textmining_truncation_message a {
    font-size: 13px;
    color: #AAAAAA;
    text-decoration: underline;
}

li.TV_table_wrap {
    background-color: #FFFFFF;
    border: 1px solid #C6C6C6;
    margin-bottom: 1px;
    margin-top: 15px;
    margin-right: 5px;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    list-style: none;
    padding-top: 1px;
    padding-bottom: 1px;
    display: table;
    width: 100%;
}

div.TV_row_wrap {
    display: table-row;
}

div.publication_arrow {
    display: table-cell;
    vertical-align: middle;
}

div.publication_arrow span {
    display: inline-block;
    width: 17px;
    height: 17px;
}

li.TV_expanded div.publication_arrow span {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -113px -18px;
}

li.TV_collapsed div.publication_arrow span {
    background: url(/images/navigation_sprite2.py8527.png) no-repeat -93px -18px;
}

div.publication_title {
    display: table-cell;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: top;
    width: 100%;
}

div.publication_linkout {
    display: table-cell;
    vertical-align: top;
}

a.text_summary_button {
    float: right;
    height: 38px;
    line-height: 30px !important;
    padding-left: 20px;
    padding-right: 20px;
}

div.ai_summary_text {
    margin-top: 60px;
    text-align: left;
    font-size: 13px;
    color: #4b82bf;
    line-height: 16px;
    font-weight: 400;
}

div.ai_publication_row {
    cursor: pointer;
}

a.ai_publication_linkout {
    color: #4b82bf;
    text-decoration: underline;
}

div.ai_publication_row:hover {
    background-color:white;
    cursor: pointer;
}


div.textcircle {
  width: 12px; /* Size of the circles */
  height: 12px; /* Size of the circles */
  background-color: #A1ADEC; /* Color of the circles */
  border-radius: 50%; /* Makes the divs circular */
  display: inline-block; /* Puts the circles side by side */
  margin: 2px; /* Adds some space between the circles */
  animation: textpulse 1.2s infinite; /* Applies the pulsating animation */
}


/* Individual animation delays */
.textcircle:nth-child(1) {
  animation-delay: 0s; /* No delay for the first circle */
}

.textcircle:nth-child(2) {
  animation-delay: 0.2s; /* 0.5 seconds delay for the second circle */
}

.textcircle:nth-child(3) {
  animation-delay: 0.4s; /* 1 second delay for the third circle */
}

div.textsmallcircle {
  width: 5px; /* Size of the circles */
  height: 5px; /* Size of the circles */
  background-color: #aac4e1; /* Color of the circles */
  border-radius: 50%; /* Makes the divs circular */
  display: inline-block; /* Puts the circles side by side */
  margin: 10px 2px 0 0; /* Adds some space between the circles */
  animation: textpulse 1.2s infinite; /* Applies the pulsating animation */
}

/* Individual animation delays */
.textsmallcircle:nth-child(1) {
  animation-delay: 0s; /* No delay for the first circle */
}

.textsmallcircle:nth-child(2) {
  animation-delay: 0.2s; /* 0.5 seconds delay for the second circle */
}

.textsmallcircle:nth-child(3) {
  animation-delay: 0.4s; /* 1 second delay for the third circle */
}

@keyframes textpulse {
  0% {
    transform: scale(1.0);
  }
  50% {
    transform: scale(0.6); /* Slightly increases the size */
  }
  100% {
    transform: scale(1.0);
  }
}



span.beta_super {
    color: #df0000;
    font-size: 80%;
    vertical-align: 6px;
}

li.publication_match_summary {
    list-style: none;
    text-align: left;
    margin-right: 5px;
    padding-left: 20px;
    font-size: 13px;
}

li.publication_abstract {
    list-style: none;
    text-align: justify;
    margin-right: 5px;
    padding-left: 20px;
    font-size: 13px;
}

span.abbreviation_dots {
    cursor: pointer;
}

span.emphasis_keyword {
    background-color: #D0D5F3;
}

span.fulltext_snippet_fetching_wait {
    padding-left: 20px;
}

div.fulltext_snippet_retrieval_failure {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

div.fulltext_snippet_retrieval_failure span {
    padding-left: 20px;
    color: red;
}

div.fulltext_snippet_retrieval_failure a {
    color: red;
    text-decoration: underline;
}


span.blinking-cursor {
  font-weight: 1000;
  animation: 1s blink-cursor step-end infinite;
}

@keyframes blink-cursor {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

span.txt-reload {
    font-size: 35px;
    color: #777777;
    cursor: pointer;
    margin-left: 97%;
}

span.txt-reload:hover {
    color: #222222;
}


.ai_loader {
  width: 20px; 
  aspect-ratio: 1;
  border-radius: 50%;
  display: inline-block;
  margin-left: -10px;
  margin-right: 6px;
  vertical-align: -6px;
  background: 
    radial-gradient(farthest-side,#ffffff 94%,#0000) top/5px 5px no-repeat,
    conic-gradient(#0000 30%,#ffffff);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 0);
  animation: l13 1s infinite linear;
  visibility: hidden;
}

@keyframes l13{ 
  100%{transform: rotate(1turn)}
}




/*******************************************************************************************/
/************************************** interpret_input  **********************************/
/*******************************************************************************************/


table.itp_table {
    table-layout:fixed;
    /*min-width:500px;*/
    border-spacing: 0px;
    font-size: 13px;
    color: rgba(0,0,0,0.7);
}

table.itp_table tbody {
  display:block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 262px;
}

table.itp_table thead tr {
   display: block;
}


tr.itp_header_row {
    background-color: rgba(255,0,0,0.3);
    color: rgba(0,0,0,0.5);
    width: 100%;
    border: black 1px dashed;
}


td.itp_table_cell {
    max-width: 170px;
    min-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right: 1px solid rgba(0,0,0,0.2);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 1px;

}

td.itp_table_cell:last-of-type {
    border: none;
}



/*
.itp_table_box {
    height: 300px;
    overflow: scroll;
}
*/

td.itp_button_cell {
    max-width: 180px;
    min-width: 180px;
    vertical-align: middle;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

td.itp_table_identifiers {
    background-color: rgba(0,0,255,0.1);
}

td.itp_table_values {
    background-color: rgba(0,255,0,0.1);
}

td.itp_table_problem {
    background-color: rgba(255,0,0,0.3);
}




table.scroll tbody {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}



.itp_info {
    max-width: 645px;
    color: rgba(0,0,0,0.7);
    font: 12px;
    text-align: left;
    line-height: 1.5;
}


.itp_minibutton {

    background-color: Transparent;
    background-repeat:no-repeat;
    border: dashed;
    border-width: 1px;
    width: 80px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;

}

.itp_span_identifier {
    color: rgba(0,0,230,0.7);
}

.itp_span_value {
    color: rgba(20,190,20,0.9);
}

.itp_span_problem {
    color: rgba(255,0,0,0.6);
}



.itp_minibutton_value {

    border-color: rgba(0,190,0,1);
    color: rgba(20,190,20,0.9);

}

.itp_minibutton_identifier {

   border-color: rgba(0,0,230,0.7);
   color: rgba(0,0,230,0.7);

}



.itp_value_active, .itp_minibutton_value:hover {
    background-color: rgba(0,190,0,0.2);
}


.itp_identifier_active, .itp_minibutton_identifier:hover {
    background-color: rgba(0,0,230,0.2);
}



/*******************************************************************************************/
/************************************** node_info_popup ************************************/
/*******************************************************************************************/

td.node_info_popup {
    padding: 10px;
    text-align: left;
    width: 300px;
}

td.node_info_popup img {
    padding: 4px;
}

/*******************************************************************************************/
/****************************************** Main Header ************************************/
/*******************************************************************************************/

.main_header {
    z-index: 10;
    position: relative;
    overflow-x: visible;
}

.main_header .container {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    z-index: 10;
    position: relative;
    height: 86px;
}

.main_header .shadow {
    width: 100%;
    min-width: 980px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: repeat-x;
    background-position: -1px -148px;
    height: 2px;
}

.main_header h1 {
    font-size: 45px;
    width: 162px;
    height: 86px;
    display: block;
    float: left;
    outline: none;
}

#string_logo_left {
    width: 44px;
    height: 45px;
    display: block;
    float: left;
    text-indent: -9999px;
    outline: none;
    border: none;
    background: url(/images/string_logo_2015_compact_left.png) no-repeat center center;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 20.5px;
}

@supports (background-size: 570.4545454545%) {
    #string_logo_left {
        background-image: url(/images/navigation_sprite1.py8527.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 570.4545454545%;
    }
}

#string_logo_right {
    width: 118px;
    height: 45px;
    display: block;
    float: left;
    text-indent: -9999px;
    outline: none;
    background: url(/images/string_logo_2015_compact_right.png) no-repeat center center;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 20.5px;
}


@supports (background-size: 212.7118644%) {
    #string_logo_right {
        background-image: url(/images/navigation_sprite1.py8527.png);
        background-repeat: no-repeat;
        background-position: -46px 0px;
        background-size: 212.7118644%;
    }
}

.main_nav ul {
    text-align: left;
    float: right;
}

.main_nav ul li {
    display: inline;
}

.main_nav ul li a {
    height: 40px;
    line-height: 40px;
    padding-top: 23px;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 15px;
    display: block;
    color: #4d4d4d;
    border-bottom: none;
    background-color: rgba(247,246,242,1);
    transition: all .15s ease-in-out .1s;
}

.main_nav ul li div {
    float: left;
}

.main_nav ul li div.active {
    background-image: url(/images/navigation_sprite1.py8527.png),url(/images/navigation_sprite1.py8527.png),url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position: left -150px, right -150px, -177px -150px;
}

.main_nav ul li div:hover {
    background-image: url(/images/navigation_sprite1.py8527.png),url(/images/navigation_sprite1.py8527.png),url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position: left -227px, right -227px, -177px -227px;
}

.main_nav ul li div:hover a {
    background-color: rgba(247,246,242,0);
    transition: all .15s ease-in-out .1s;
}

.main_nav ul li div.active a, .main_nav ul li div.active:hover a {
    background-color: rgba(247,246,242,0);
    transition: all .15s ease-in-out .1s;
}

/*******************************************************************************************/
/***************************************** Status Bar *************************************/
/*******************************************************************************************/

.status_bar {
    z-index: 20;
    position: relative;
}

.status_bar .container {
    width: 960px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    position: relative;
    z-index: 10;
}

.status_bar .container div.tabbed {
    color: #999;
    background-color: #E6E6E6;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px 5px 0 0;
}

.status_bar_left {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border: none;
    float: left;
}

.status_bar_left a img {
    vertical-align: middle;
}

.status_bar_right {
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border: none;
    float: right;
}

.status_bar_right a.permalink {
    color: #999;
    text-decoration: none;
    display: inline-block;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -376px;
    padding-left: 17px;
}

.status_bar_right a.permalink:hover {
    color: #333;
    background: url(/images/navigation_sprite2.py8527.png) no-repeat 0 -396px;
}


/*******************************************************************************************/
/***************************************** Main Footer *************************************/
/*******************************************************************************************/

.main_footer {
    position: relative;
    text-align: left;
}

.main_footer .container {
    width: 960px;
    min-height: 160px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-bottom: 20px;
    padding-top: 50px;
}

.main_footer .elixir_container {
    min-height: 30px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.elixir_container .elixir_cdr_message {
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat;
    background-size: 29%;
    background-position: left bottom;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    height: 46px;
    padding-left: 140px;
    color: #999;
    font-size: 13px;
    line-height: 53px;
}

.main_footer .elixir_cdr_message a {
    color: #999;
    border-bottom: 1px dotted #999;
    text-decoration: none;
}

.main_footer .long_tail {
    padding-bottom: 500px;
}

.main_footer .shadow {
    width: 100%;
    min-width: 980px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: repeat-x;
    background-position: -1px -138px;
    height: 2px;
}

.main_footer .column {
    float: right;
}

.main_footer .column.first {
    float: left;
}

.main_footer .column h2 {
    font-size: 16px;
    color: #b3b3b3;
    margin-bottom: 13px;
    text-transform: uppercase;
    padding-right: 50px;
    font-weight: 700;
}

.main_footer .column.last h2 {
    padding-right: 10px;
}

.main_footer .column h2 a {
    color: #b3b3b3;
    text-decoration: none;
}

.main_footer .column h2 a:hover {
    color: #777;
}

.main_footer .column ul li a.active {
    color: #8EC919;
    font-weight: 600;
}

.main_footer .column ul {
    float: left;
    width: 100%;
    margin-bottom: 28px;
}

.main_footer .column ul li {
    width: 100%;
    font-size: 13px;
    color: #b3b3b3;
    display: block;
}

.main_footer .column ul li a {
    display: block;
    color: #999;
    text-decoration: none;
    padding-right: 50px;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 13px;
    height: 15px;
}

/*
.main_footer .column ul li a.environment {
    color: #8ab880;
}
*/


.main_footer .column ul li:first-of-type a {
    padding-top: 14px;
}

.main_footer .column.first ul li a {
    padding-top: 5px;
}

.main_footer .column.last ul li a {
    padding-right: 10px;
}

.main_footer .column ul li:hover a {
    color: #333;
}

.main_footer .column ul li:hover a.environment {
    color: #25822f;
}



.main_footer .column ul li a.active {
    color: #8EC919;
    font-weight: 600;
}

.main_footer .column.first ul li {
    height: 34px;
    margin-top: 6px;
}

.main_footer .column.first ul li span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.main_footer .column.first ul li a {
    vertical-align: middle;
    display: inline-block;
}

#SIB_logo span {
    width: 34px;
    height: 26px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-position: -331px -1px;
}

#SIB_logo:hover span {
    background-position: -368px -1px;
}

#CPR_logo span {
    width: 61px;
    height: 26px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-position: -331px -59px;
}

#CPR_logo:hover span {
    background-position: -331px -30px;
}

#EMBL_logo span {
    width: 26px;
    height: 29px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-position: -395px -30px;
}

#EMBL_logo:hover span {
    background-position: -395px -62px;
}


/*******************************************************************************************/
/*************************************** simple content without menu  **********************/
/*******************************************************************************************/

div.wrapper_simple_content_without_menu h1 {
    margin: 20px !important;
}

div.wrapper_simple_content_without_menu div.footer_text_page_boring {
    margin-bottom: 25px;
}

/*******************************************************************************************/
/*************************************** Footer Sub-pages  *********************************/
/*******************************************************************************************/

div.footer_access_archive_table {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

div.footer_access_archive_table .row {
    display: table-row;
}

div.footer_access_archive_table .row:first-of-type .cell {
    font-weight: bold;
    background-color: #E6E6E6;
}

div.footer_access_archive_table .row:hover:not(:first-child) .cell {
    background-color: #F2F2F2;
}

div.footer_access_archive_table .row .cell {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #ccc;
    color: #404040;
}

div.footer_access_archive_table .row .cell a {
    color: #404040;
}

div.footer_access_archive_table .row .cell:hover a {
    text-decoration: underline;
}

.footer_display_wrap {
    display: block;
    width: 100%;
    margin-top: 6px;
    margin-right: 5px;
}

.footer_display_box {
    font-size: 12px;
}

.footer_display_box > .box_title {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #A1ADEC;

}

.footer_display_box > .box {
    padding-bottom: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 0px;
}

.footer_text_page_boring {
    max-width: 850px;
    border: 1px solid #d6d6d6;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    font-size: 13px;
    color: #404040;
    line-height: 160%;
    text-align: left;
}

.footer_text_page_boring h2:not(:first-child) {
    padding-top: 15px;
}

.footer_text_page_boring p {
    padding-bottom: 7px;
}

.footer_text_page_boring h2 {
    padding-bottom: 7px;
    font-weight: bold;
}

.footer_text_page_boring h2 .floating_explainer {
    float: right;
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    color: #A0A0A0;
    margin-bottom: 2px;
}

.footer_text_page_boring a:not(.button) {
    color: #404040;
    border-bottom: 1px dotted #404040;
}

.footer_text_page_boring a:hover:not(.button) {
    color: black;
    border-bottom: 1px solid black;
}

.footer_text_page_boring div.table {
    display: table;
    width: 100%;
}

.footer_text_page_boring div.table div.row {
    display: table-row;
}

.footer_text_page_boring div.table div.row div.cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

.footer_text_page_boring div.separator {
    border-bottom: 1px solid #d6d6d6;
}

.footer_text_page_boring .footer_text_page_funding_table .cell {
    vertical-align: bottom;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.footer_text_page_boring a.image_link {
    border-bottom: none;
    opacity: 0.7;
}

.footer_text_page_boring div.cell:hover a.image_link {
    opacity: 1.0;
    border-bottom: none;
}

.footer_text_page_boring div.cell:hover a:not(.image_link) {
    color: black;
    border-bottom: 1px solid black;
}

.footer_text_page_boring .button_wrap {
    padding: 20px;
    text-align: center;
}

.footer_text_page_boring .button_wrap a {
    margin-left: 10px;
    margin-right: 10px;
}

table.footer_stats_table {
    border: none;
    padding: 0px;
}

table.footer_stats_table tr td:first-child {
    text-align: right;
}

table.footer_stats_table tr.sum_total td span {
    border-top: 1px solid #d6d6d6;
    font-style: italic;
    padding-top: 4px;
}

table.footer_stats_table tr.sum_total td {
    padding-top: 4px;
}

table.footer_content_table td {
    text-align: center;
    vertical-align: bottom;
}

a.linkout_external_page {
    padding-left: 16px;
    margin-left: 5px;
    background: #ffffff url(/images/navigation_sprite2.py8527.png) no-repeat 0 -416px;
}

a.linkout_external_page:hover {
    background: #ffffff url(/images/navigation_sprite2.py8527.png) no-repeat 0 -436px;
}

table.footer_contribution_table {
    width: 100%;
}

table.footer_contribution_table tr:not(:last-child) td {
    padding-bottom: 20px;
    vertical-align: top;
}

.footer_faq_question {
    cursor: pointer;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.footer_faq_question div {
    cursor: default;
    font-weight: normal;
    display: none;
    padding-bottom: 10px;
}

div:not(:first-child).active_faq {
    margin-top: 10px;
}

.active_faq div {
    cursor: default;
    font-weight: normal;
    display: block;
}

span.code_example {
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    font-weight: bold;
}

/*******************************************************************************************/
/***************************************** Start Page  *************************************/
/*******************************************************************************************/

.site_cover {
    position: relative;
    width: 100%;
    min-width: 980px;
    background-color: #2f78a2;
    margin-top: -2px;
    margin-bottom: -2px;
    background-image: url(/images/landing_2016.compressed.jpg);
    background-size: cover;
    background-position: center;
}

.site_cover .container {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-top: 6vw;
    padding-bottom: 8vw;
    position: relative;
}

@media (max-width: 768px) {
.site_cover .container {
    padding-top: 50px;
    padding-bottom: 80px;
}
}

.site_cover .header_div {
    color: #fff;
    text-align: center;
}

.site_cover .header_div h1 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 15px;
}

.site_cover .header_div h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 15px;
    color: #fff;
    line-height: 1.7em;
}

.site_cover .header_div a {
    color: #fff;
    display: inline-block;
}

.site_cover .header_div a {
    margin: 0;
    width: 170px;
    height: 50px;
    line-height: 50px;
    border: 2px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0);
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    transition: all .2s ease;
    border-radius: 10px;
}

.site_cover .header_div a:hover {
    border: 2px solid rgba(255,255,255,.6);
}

.site_cover .header_div a:active {
    border: 2px solid rgba(255,255,255,1);
    background: rgba(255,255,255,0.1);
}

/*******************************************************************************************/
/****************************************** Frontpage Headline *****************************/
/*******************************************************************************************/

ul.frontpage-headline {
    display: table;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

ul.frontpage-headline li {
    display: table-cell;
    text-align: left;
    padding: 0 40px;
    box-sizing: border-box;
}

@media (max-width: 756px) {
ul.frontpage-headline li {
    padding: 0 20px;
}
}

ul.frontpage-headline li.lefty {
    text-align: center;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat;
    background-position: right -297px;
}

ul.frontpage-headline li.centery {
    text-align: center;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat;
    background-position: right -297px;
}

ul.frontpage-headline li.righty {
    text-align: center;
}

ul.frontpage-headline li .title {
    display: inline;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

ul.frontpage-headline li .value {
    display: inline;
    font-size: 30px;
    margin-top: 10px;
    color: #fff;
}

/*******************************************************************************************/
/********************************** main page content **************************************/
/*******************************************************************************************/

div.main_page_content_wrap {
    width: 100%;
    line-height: 0;
    text-align: center;
}

div.main_page_content_container {
    display: inline-block;
    line-height: 100%;
}

div.main_page_content_container h1 {
    color: #A1ADEC;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}



/*******************************************************************************************/
/*************************************** Main Content **************************************/
/*******************************************************************************************/

.cell {
}

.cell .container {
    width: 990px;
    overflow: visible;
    padding-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    min-height: 300px;
}

.main_content {
    width: 100%;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.main_content .menu_wrapper_1 {
    display: table;
}

.main_content .menu_wrapper_2 {
    display: table-row;
}

.main_content .menu_menu {
    width: 280px;
    display: table-cell;
}

.main_content .category_menu {
    width: 220px;
}

.main_content .menu_narrower {
    width: 200px !important;
}

.main_content .menu_content {
    display: table-cell;
    padding-left: 20px;
    padding-right: 15px;
    width: 665px;
}

.main_content .term_menu_content {
    display: table-cell;
    padding-left: 0px;
    padding-right: 0px;
    width: 900px;
}

.main_content .content_wider {
    width: 745px !important;
}

.main_content .menu_content.full_width {
    padding-left: 0;
}

.main_content .menu_content p a:hover {
    text-decoration: underline;
}

.main_content .header_div {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 2px solid #fff;
    position: relative;
}

.main_content .menu_content header.no_border {
    border: none;
}

.main_content h1 {
    color: #A1ADEC;
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
}

.main_content h2 {
    width: 100%;
    text-align: left;
    display: block;
    font-size: 18px;
    color: gray;
}


.main_content h1 .icon {
    height: 34px;
    width: 34px;
    display: inline-block;
    vertical-align: middle;
    background-size: 34px auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.main_content .admin-content {
    min-height: 850px;
}

.row_100 {
    width: 100%;
    overflow: auto;   /* to make sure the element fully encapsulates its content, even when the latter is floating */
}

.row_50 {
    width: 49%;
    float: left;
}

.row_50.right {
    width: 49%;
    float: left;
    margin-left: 2%;
}

.row_25 {
    width: 49%;
    float: left;
}

.row_25.right {
    width: 49%;
    float: left;
    margin-left: 2%;
}

.row_40 {
    width: 40%;
    float: left;
}

.row_40.margin {
    margin-left: 2%;
}

.row_60 {
    width: 58%;
    float: left;
    margin-left: 2%;
}

.row_60.right-margin {
    margin-left: 0;
    margin-right: 2%;
}

.main_content .menu_content > ul,.main_content .menu_content ul.default_list {
    margin-bottom: 20px;
    margin-top: 0;
    float: left;
    width: 100%;
}

.main_content .menu_content > ul > li,.main_content .menu_content ul.default_list li {
    list-style: disc;
    margin-left: 20px;
    padding-left: 10px;
    line-height: 20px;
    margin-bottom: 5px;
}

div.advanced_settings_wrapper {
    min-height: 44px;
    padding: 0;
    width: 100%;
    float: left;
    text-align: left;
    background-repeat: no-repeat;
    color: #999;
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    background: #fff;
    box-sizing: border-box;
    transition: .2s linear all;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

span.advanced_settings_open_icon {
    margin-top: -2px;
    height: 16px;
    width: 16px;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-repeat: no-repeat;
    background-position: -55px -1px;
    float: left;
    opacity: 0.5;
    display: block;
    cursor: pointer;
}

span.advanced_settings_close_icon {
    margin-top: -2px;
    height: 16px;
    width: 16px;
    background-image: url(/images/navigation_sprite2.py8527.png);
    background-repeat: no-repeat;
    background-position: -55px -20px;
    float: left;
    opacity: 0.5;
    display: none;
    cursor: pointer;
}

div.advanced_settings_summary {
    text-align: right;
    padding: 15px 20px 12px 10px;
    cursor: pointer;
    user-select: none;
}

div.advanced_settings_empty {
    text-align: right;
    padding: 15px 20px 12px 10px;
    cursor: pointer;
    display: none;
    user-select: none;
}


div.advanced_settings_options {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;

}



/*******************************************************************************************/
/************************************ Help / Support Request *******************************/
/*******************************************************************************************/

div.support_ticket_received {
    padding-top: 15px;
    text-align: left;
    max-width: 978px;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 1.5em;
}


/*******************************************************************************************/
/********************************************** Default Menu *******************************/
/*******************************************************************************************/

div.default_menu {
    margin-left: 0;
    margin-top: 25px;
}

div.default_menu div a {
    display: block;
    width: 240px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 5px;
    color: #666;
    position: relative;
    border-bottom: 1px solid #fff;
    font-size: 13px;
    box-sizing: border-box;
}

div.default_menu div a.new_span {
    padding-top: 9px;
}

.menu_narrower div a {
    width: 160px !important;
}

div.default_menu div.last a {
    border-bottom: none;
}

div.default_menu div a span:last-child {
    height: 13px;
    width: 13px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat;
    background-position: -424px -14px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
}

div.default_menu div a span.new_span {
    color: red;
    font-size: 11px;
    padding-left: 4px;
    vertical-align: super;
}

div.default_menu div a:hover {
    color: #333;
}

div.default_menu div a:hover span:last-child {
    background-position: -424px -27px;
}

div.default_menu div.active a span:last-child {
    background-position: -424px -1px !important;
}

div.default_menu div a:active {
}

div.default_menu div.active a {
    color: #A1ADEC;
}

div.default_menu div.active a span.new_span {
    color: #A1ADEC;
}


div.default_menu div.active.second_level a {
    background: #fff;
}

div.default_menu div.active.second_level a#protein_families span:last-child {
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-position: -466px -1px !important;
}

/*******************************************************************************************/
/************************************* Second Level menu ***********************************/
/*******************************************************************************************/

div.second_level_wrapper  {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.default_menu div div {
    border-bottom: none;
    width: 100%;
    display: none;
}

div.default_menu div.active div {
    display: block;
}

div.default_menu div.active.second_level div div a {
    border-bottom: none;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #666;
    position: relative;
    background: none;
}

div.default_menu div.active.second_level div div a span {
    right: auto;
    left: 28px;
    height: 100%;
    width: 10px;
    background: none;
    position: absolute;
    display: block;
    border-left: 1px solid #ccc;
    top: 0;
    margin: 0;
}

div.default_menu div.active div div.active a {
    border-left: none;
    color: #A1ADEC;
}

div.default_menu div.active div div a:hover span {
    right: auto;
    left: 25px;
    height: 10px;
    width: 10px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat;
    background-position: -424px -43px !important;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    display: block;
    border: none;
}

div.default_menu div.active div div.active a span {
    right: auto;
    left: 25px;
    height: 10px;
    width: 10px;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-repeat: no-repeat;
    background-position: -424px -43px !important;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    display: block;
    border: none;
}


/*******************************************************************************************/
/********************** Evidence Viewer: Gene Cooccurrence  ********************************/
/*******************************************************************************************/

div.cooccurrence_table_container {
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}

/*******************************************************************************************/
/************************************* Search Forms ****************************************/
/*******************************************************************************************/

.search_input_wrap {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 6px;
    margin-right: 5px;
}

.search_input_box .example_explainer {
    font-size: 12px;
}

.search_input_box h2 {
    font-weight: bold;
}

.category_menu > .box_title {
    width: 100%;
    text-align: left;
    display: block;
    font-size: 18px;
    padding-top: 3%;
    padding-bottom: 2%;
    color: grey;
}

.search_input_box > .box_title {
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: gray;
}

.search_input_box > .box {
    padding-bottom: 40px;
    padding-top: 30px;
    padding-left: 158px;
    padding-right: 158px;
}

.wrap_search_item {
    position: relative;
    float: left;
    width: 100%;
}

.wrap_search_item span.organism_drop {
    width: 14px;
    height: 14px;
    opacity: 0.45;
    background-image: url(/images/navigation_sprite1.py8527.png);
    background-position: -405px -1px;
    display: inline-block;
}


.organism_drop_spinner {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-left: -5px;
}

.organism_choice_box_dropdown_container {
    z-index: 200;
    position: absolute;
    top: 13px;
    right: 2px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 0px;
}

.organism_choice_box_popup_div {
    z-index: 10000;
    box-sizing: border-box;
    display: none;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #d6d6d6;
    background: white;
}

.organism_choice_box_select {
    min-width: 300px;
    min-height: 250px;
    color: #555;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    border-color: #CCC;
    border-width: 1px;
    border-style: solid;
    margin-top: -20px

}

.wrap_species_choice_box {
    position: relative;
    float: left;
    width:100%;
}

.wrap_search_item .input {
    z-index: 10;
    position: relative;
    background: none;
    font-size: 12px;
}

.wrap_search_item .inputsmall {
    z-index: 10;
    position: relative;
    background: white;
    font-size: 10px;
}

.wrap_search_item .input:focus {
    background: none;
}

.overlay_search_item {
    position: absolute;
    bottom: 50%;
    margin-bottom: -7px;
    right: 10px;
    height: 20px;
    line-height: 20px;
    color: gray;
    z-index: 0;
}

.main_content ul.instant_list {
    width: 100%;
    float: left;
    margin-top: 0;
}

.main_content ul.instant_list > li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #666;
}

.main_content ul.instant_list li .red {
    color: #F34755;
}

.main_content ul.instant_list li .green {
    color: #8EC919;
}

.main_content ul.instant_list li > span {
    display: inline-block;
    float: left;
}

.main_content ul.instant_list li span.name {
    font-weight: 400;
    font-size: 13px;
    position: relative;
    width: 60%;
}

.main_content ul.instant_list li span.value {
    font-weight: 600;
    font-size: 13px;
    position:relative;
    width: 40%;
}

.main_content ul.instant_list li.total {
    padding-top: 5px;
    padding-bottom: 5px;
}

.main_content ul.instant_list li.total span.name {
    font-size: 16px;
}

.main_content ul.instant_list li.total span.value {
    font-size: 16px;
}


/*******************************************************************************************/
/********************************** Organism-choice autocomplete div ***********************/
/*******************************************************************************************/

div.autocomplete {
    position: absolute;
    width: 350px;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #d6d6d6;
    margin: 0px;
    padding: 0px;
    z-index: 10000;
}

div.autocomplete ul {
    position: relative;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    background-color: white;
    z-index: 10001;
}

div.autocomplete ul li {
    position: relative;
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    cursor: pointer;
    z-index: 10002;
}

div.autocomplete ul li.selected { background-color: #BFCAFF;}

span.informal {
    color: gray;
}

span.tissue_name {
    color: black;
}


/*******************************************************************************************/
/****************************************** Main Form Styles *******************************/
/*******************************************************************************************/

.row_50 .button,.button.full_width {
    width: 100%;
}

.button_with_spinner div {
    display: inline-block;
    width: 16px;
}

.button_with_spinner img {
    vertical-align: middle;
    margin-top: -3px;
}

.spinner_hidden img {
    display: none;
}

.wrap_input {
    margin-bottom: 10px;
    float: left;
    display: block;
    width: 100%;
}

.search_form_explain {
    padding: 10px 42px 10px 42px;
    border-bottom: 1px solid #d6d6d6;
    color: gray;
    margin-bottom: 7px;
    font-size: 13px;
    text-align: justify;
    line-height: 1.7;
}

.wrap_input_with_examples {
    margin-bottom: 10px;
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.input {
    height: 44px;
    padding: 12px 20px 12px 10px;
    width: 100%;
    float: left;
    text-align: left;
    background-repeat: no-repeat;
    color: #999;
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    background: #fff;
    box-sizing: border-box;
    transition: .2s linear all;
}

.inputsmall {
    height: 28px;
    padding: 5px 7px 5px 3px;
    width: 60%;
    text-align: left;
    background-repeat: no-repeat;
    color: #999;
    border: 1px solid #d4d4d4;
    background: #fff;
    box-sizing: border-box;
    border-width: 1px;
    transition: border .2s linear all;
    transition: color .2s linear all;
    font-size: 11px;
}

.inputsmall:hover {
    border: 1px solid rgba(0,0,0,.3);
}

.inputsmall:focus {
    color: #333;
    border-color: #A1ADEC;
    background: #fff;
}


.tree_search_button {
    height: 22px;
    line-height: 23px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    display: inline-block;
    color: #4d4d4d;
    border-bottom: none;
    background-color: rgba(230,230,230,1);
    margin-left: 6px;
    margin-right: 6px;
    padding-bottom: 1px;
    border-radius: 3px;
    transition: all .05s ease-out .05s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.textarea {
    padding: 12px 10px;
    width: 100%;
    float: left;
    text-align: left;
    background-repeat: no-repeat;
    color: #999;
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    background: #fff;
    min-height: 90px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    transition: .2s linear all;
}

.input_display_file_upload {
    height: 44px;
    padding: 14px 10px 10px 10px;
    width: 70%;
    float: left;
    text-align: left;
    background-repeat: no-repeat;
    color: #999;
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    background: #fff;
    font-size: 12px;
    box-sizing: border-box;
    transition: .2s linear all;
    overflow: auto;
}

.input_display_file_upload:hover {
    border: 1px solid rgba(0,0,0,.3);
}

.input_display_file_upload:focus {
    color: #333;
    border-color: #A1ADEC;
    border-width: 1px;
    background: #fff;
}

div.upload_wrapper {
    width: 28%;
    height: 44px;
    float: right;
    position: relative;
    overflow: hidden;
    background: #A1ADEC;
    text-align: center;
    border: 1px solid #A1ADEC;
    box-sizing: border-box;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
}

div.upload_wrapper:hover {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
}

div.upload_wrapper:active {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1);
}




div.upload_wrapper input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 157px;
    height: 57px;
    opacity: 0;
    overflow: hidden;
}

div.upload_wrapper span {
    color: #fff;
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
}


div.upload_cancel_wrapper {
    width: 28%;
    height: 44px;
    position: relative;
    margin-left: 680px;
    overflow: hidden;
    background: #FFFFFF;
    text-align: center;
    border: 1px solid grey;
    box-sizing: border-box;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
}

div.upload_cancel_wrapper:hover {
    background-color: #ffb24a;
    border-color: grey;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
}

div.upload_cancel_wrapper:active {
    background-color: #ffb24a;
    border-color: grey;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1);
}

div.upload_cancel_wrapper input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 157px;
    height: 57px;
    opacity: 0;
    overflow: hidden;
}

div.upload_cancel_wrapper span {
    color: grey;
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
}


.select {
    padding: 12px 10px;
    width: 100%;
    float: left;
    text-align: left;
    background-repeat: no-repeat;
    color: #999;
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    background: #fff;
    box-sizing: border-box;
}

span.example_small {
    position: absolute;
    right: 0;
    top: 2px;
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #A0A0A0;
}

a.example_small {
    color: #A0A0A0;
    text-decoration: underline;
    cursor: pointer;
}

a.js_active {
    color: #A0A0A0;
    text-decoration: underline;
    cursor: pointer;
}

.input:hover,.textarea:hover {
    border: 1px solid rgba(0,0,0,.3);
}

.input:focus,.input.focus,.wrap_input.error .input:focus,.wrap_input.error .input.focus,.textarea:focus,.textarea.focus,.wrap_input.error .textarea:focus,.wrap_input.error .textarea.focus {
    color: #333;
    border-color: #A1ADEC;
    border-width: 1px;
    background: #fff;
    font-size: 12px;
}

.wrap_input.error .input,.wrap_input.error .textarea {
    border: 1px solid #F34755;
    background: #F7DEE0;
    margin-bottom: 5px;
}

.label {
    float: left;
    width: 100%;
    color: gray;
    margin-bottom: 7px;
    font-size: 13px;
}

.as_label {
    float: right;
    text-align: end;
    width: 100%;
    color: #A5A5A5;
    margin-bottom: 8px;
    font-size: 11px;
    text-decoration:underline;
    cursor:pointer;
    font-size:12px;
}

.as_label_left{
    float: left;
    text-align: start;
    width: 80%;
    color: #777777;
    font-size: 12px;
    text-decoration:underline;
    cursor:pointer;
    padding-left: 12px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.advanced_plus_sign {
    text-decoration:none;
    display:inline-block;
    font-weight: bold;
}

.wrap_input .error_message {
    display: none;
    font-size: 12px;
    color: #F34755;
    clear: both;
}

.wrap_input.error .error_message {
    display: block;
}

.wrap_input.error .label {
    color: #F34755;
    font-weight: 600;
}

.wrap_checkbox {
    float: left;
    display: block;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}

.wrap_checkbox.last {
    border-bottom: none;
}

.checkbox {
    float: right;
}

.checkbox_label {
    float: left;
    width: 50%;
    color: gray;
    padding-top: 10px;
}


.copy_icon_button {
    position: relative;
    top: 4px;
    left: 6px;
    background: #c6cce7;
    border-radius: 6px;
    padding-top: 4.5px;
    padding-left: 5px;
    padding-right: 6px;
    padding-bottom: 2px;
    border: #A1ADEC 1px solid;
    transition: background 0.2s;
}

.copy_icon_button:hover {
    background: #dee0e9;
}

/*******************************************************************************************/
/** Payload / MyData styling ***************************************************************/
/*******************************************************************************************/

.node_input_edit_headline {
    font-weight: bold;
}

.node_input_edit_item {
    vertical-align: middle;
    width: 95%;
}

.node_input_edit_item label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*******************************************************************************************/
/** Proteome / MyData styling ***************************************************************/
/*******************************************************************************************/

.mydata_up_page {
    font-size: 13px;
}

/*
.mydata_up_page a {
    text-decoration: underline;
}
*/

.mydata_up_page h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #A1ADEC;
    text-align: center;
}

.mydata_up_page h3 {
    font-size: 15px;
    text-align: center;
    color: black;
}

.mydata_up_page table {
    width: 850px;
    font-size: 14px;
    color: grey;
    margin: auto;
}


.mydata_up_page td {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 5px;
    padding-right: 0px;
    border-bottom: 1px solid #d6d6d6;
    text-align:left;
    /*border-right: 20px solid #F7F6F2;*/
}

.mydata_up_page tr:last-child td {
    border-bottom: none;
}


.mydata_up_page td:last-child {
    border-right: none;
}


.mydata_up_page td:first-child {
    width:50%;
    font-weight: 200;
}

.mydata_up_page td:nth-child(2) {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mydata_up_page td:nth-child(3) {
    text-align:right;
}




.mydata_up_page td:not(:first-child) {
    white-space: nowrap;
}

.mydata_up_page table tr {
    /*background-color: #A1ADEC;*/
    border-collapse: collapse;
    border: none;
    font-size: 14px
    

}

.up_example_selector {
    margin: auto;
    width: 50%;
    text-align: center;
    font-size: 18px;
    color:grey;
}

.up_example_selector span {
   cursor: pointer;
}

.up_example_selected {
    border-bottom: solid 2px;
    color: grey;
}

.interaction_selector {
    margin: auto;
    text-align: center;
    font-size: 18px;
    color:grey;
    border-bottom: solid 1px #cfcfcf;
    display: flex;
    justify-content: left;
}

.interaction_selected {
    background-color:  #cfcfcf;
    cursor: default;
}

.interaction_selected:hover {
    background-color:  #cfcfcf;
    cursor: default;
}

.up_interaction_box {
    margin: auto;
    background-image: linear-gradient(
       rgba(128, 128, 128, 1) 20%,
       rgba(128, 128, 128, 0) 100%
    );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: none;
}

.up_upload_box {
    font-family: monospace;
    margin:auto;
    width:55%;
    height:100px;
    overflow:hidden;
    text-align: initial;
    background-image: linear-gradient(
       rgba(128, 128, 128, 1) 20%, 
       rgba(128, 128, 128, 0) 100%
    );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    display: none;
}

.up_upload_box_selected {
    display: block;
}

.up_upload_title {
    color: #4D4D4D;
    width:40%;
    height:40px;
    font-size: 25px;
    text-align: center;
}

.up_upload_file_box {
    color: #4D4D4D;
    width:50%;
    height:40px;
    font-size: 25px;
    text-align: center;
    margin: auto;
}

.up_explain_text {
   text-align: justify;
   color: grey;
   line-height:18px;
}


div.up_upload_status {
   text-align: center;
   margin:auto;
   color:grey;
}

div.up_hidden_info_box {
    text-align: justify;
    border-style: solid;
    border-width: 2px;
    color: #ff8200;
    height:0px;
    overflow:hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 2s;
    opacity: 0;
}

div.up_hidden_error_box {
    text-align: justify;
    border-style: solid;
    border-width: 2px;
    color: indianred;
    height:0px;
    overflow:hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 2s;
    opacity: 0;
}


div.up_error_box {
    text-align: justify;
    border-style: solid;
    border-width: 2px;
    color: indianred;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

div.up_warning_box {
    text-align: justify;
    border-style: solid;
    border-width: 2px;
    color: #ff8200;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}


div.up_version {
    font-size: 12px;
    color: #aaa9a9;
    float: right;
    margin-top: 23px;
}

input.please_wait {
    animation: animate-blinking-color 1.0s linear infinite;
}

div.up_upload_wrapper {
    width: 35%;
    height: 44px;
    margin: auto;
    position: relative;
    overflow: hidden;
    background: #A1ADEC;
    text-align: center;
    border: 1px solid #A1ADEC;
    box-sizing: border-box;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
}

div.up_upload_wrapper:hover {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
}

div.up_upload_wrapper:active {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1);
}


div.defline_info_box {

    opacity: 0.0;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 0px; 
    overflow: hidden;
    transition: all 0.5s;
 
}

div.up_upload_wrapper input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 157px;
    height: 57px;
    opacity: 0;
    overflow: hidden;
}

div.up_upload_wrapper span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
}

span.up_idhighlight {
    background-color: #fffb0020;
}

span.up_dehighlight {
    background-color: #0011ff10;
}

span.up_prhighlight {

    background-color: #ff000010;
}

span.up_gnhighlight {

    background-color: #00ff0030;
}



span.up_init {
   color:grey;
   animation: animate-blinking 1.5s linear infinite;
}

span.up_queue {
   color:orange;
   animation: animate-blinking 1.5s linear infinite;
}

span.up_run {
   color:limegreen;
   animation: animate-blinking 1.5s linear infinite;
}

span.up_orange {
    color:orange;
}

span.up_grey {
   color:grey;
}

span.up_grey_blink {
   color:grey;
   animation: animate-blinking 1.5s linear infinite;
}


span.up_green {
   color:green;
}

span.up_error {
   color:indianred;
}


@keyframes animate-blinking {
     0% { opacity: 0.0; }
    50% { opacity: 0.7; }
   100% { opacity: 0.0; }
}

@keyframes animate-blinking-color {
     0% { color: rgba(255, 255, 255, 0.0); }
    50% { color: rgba(255, 255, 255, 0.7); }
   100% { color: rgba(255, 255, 255, 0.0); }
}



span.up_link {
    color: #A1ADEC;
    text-decoration: none; 
    border-bottom: solid 2px #A1ADEC;
    font-weight: 600;
}

span.up_link_disabled {
    color: grey;
    text-decoration: none; 
    font-weight: 600;
}



/*******************************************************************************************/
/****************************************** Buttons ****************************************/
/*******************************************************************************************/

.button {
    display: inline-block;
    height: 48px;
    color: #fff;
    font-size: 13px;
    min-width: 120px;
    text-align: center;
    cursor: default;
    border: 1px solid #A1ADEC;
    font-weight: 600;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #A1ADEC;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
}

a.button {
    line-height: 48px;
}

.button:hover {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
}

.button:active {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1);
}

.button:disabled {
    background-color: #D4D4D4;
    border-color: #ADADAD;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1);
}


.button_grey {
    border-color: #999999;
    background-color: #AAAAAA;
}

.button_grey:hover {
    border-color: #AAAAAA;
    background-color: #CCCCCC;
}

.button_grey:active {
    border-color: #AAAAAA;
    background-color: #CCCCCC;
}

.button.small {
    height: 40px;
    line-height: 40px;
}

.button.small.disabled {
   pointer-events: none;
   background-color: #D6D6D6;
   border-color: #B6B6B6;
}

.button.small .icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -6px;
    margin-right: 15px;
    margin-left: -5px;
}


.minibutton_ge {
    font-size: 12px;
    text-align: center;
    cursor: default;
    color: #6d6d6d;
    border: 1px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #e6e6e6;
    transition: all .05s linear;
}


.minibutton_ge:hover {
    background-color: #e6dada;
}

.minibutton_ge.on {
    background-color: #deb4b6;
}

.minibutton_ge.on:hover {

    background-color: #e6dada;
}

.minibutton_hl {
    font-size: 12px;
    text-align: center;
    cursor: default;
    color: #6d6d6d;
    border: 1px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #e6e6e6;
    transition: all .05s linear;
    user-select: none;
    display: none;
}

.minibutton_hl:hover {
    background-color: #f0f0f0;
}

.minibutton_hl.on {
    background-color: #E5ECF4;
}

.minibutton_color {
    font-size: 12px;
    text-align: center;
    cursor: default;
    border: 1px;
    border-radius: 7px;
    border: 1px solid #000000;
    box-sizing: border-box;
    margin-right:3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    padding-bottom: 3px;
    transition: all .05s linear;
    user-select: none;
    display:inline;
    opacity:0.35;
}

.minibutton_color:hover {
    opacity: 0.8;
}

.minibutton_color.on {
    opacity: 1.0;
}


.minibutton_color_input {
    font-size: 12px;
    text-align: center;
    cursor: default;
    border: 1px;
    border-radius: 4px;
    border: 1px solid #797979;
    box-sizing: border-box;
    margin-right:3px;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 3px;
    transition: all .05s linear;
    user-select: none;
    display:inline;
    opacity:0.35;
}

.minibutton_color_input:hover {
    opacity: 0.8;
}

.minibutton_color_input:focus-within {
   opacity: 0.8;
}

.colorinput {
    width: 24px;
    background: transparent;
    position: relative;
    top:2px;
}

.colorinput:focus {
   opacity: 0.8;
}

.autocolorinfo {
    width:100%;
    font-size: 11px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom:10px;
}

.minicolor {
    text-align: center;
    cursor: default;
    border: 1px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #797979;
    padding-left: 7px;
    color: #606060;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
    transition: all .05s linear;
    user-select: none;
    display:inline;
    opacity:0.5;

}

.autocolor_new_span {
    color: red;
    vertical-align: super;
    font-size: 9px;
    padding-left: 2px;
}

.minicolor:hover {
    opacity:0.35;
}

.minireset {
    background-color: grey;
    color: white;
}

.disablehighlight {
   color: #93beed;
   display: none;
   cursor: pointer;
   text-decoration: underline;
}

.minibutton_edge {
    font-size: 15px;
    text-align: center;
    cursor: default;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #cfcfcf;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
    cursor: pointer;
}



.minibutton_edge:hover {
    background-color: #e6e6e6;
}



.minibutton {
    font-size: 15px;
    text-align: center;
    cursor: default;
    color: #FFFFFF;
    border: 1px solid #A1ADEC;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #A1ADEC;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
}

.minibutton:hover {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
}

.minibutton:active {
    background-color: #B6C0F1;
    border-color: #A1ADEC;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1);
}

.minibutton_grey {
    font-size: 16px;
    text-align: center;
    cursor: default;
    color: #FFFFFF;
    border: 1px solid #C6C6C6;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #C6C6C6;
    box-shadow: 0 0 0 rgba(255,255,255,0),inset 0 1px 0 rgba(255,255,255,0.05);
    transition: all .05s linear;
}

.minibutton_grey:hover {
    background-color: #D6D6D6;
    border-color: #C6C6C6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1);
}

.minibutton_grey:active {
    background-color: #D6D6D6;
    border-color: #C6C6C6;
    box-shadow: 0 1px 0 rgba(255,255,255,1),inset 0 2px 3px rgba(0,0,0,0.1)
}


/*******************************************************************************************/
/** Cytoscape comm styling  ***************************************************************/
/*******************************************************************************************/


.cs_linkout_div {
    margin-top:-22px;
    margin-right:10px;
    float:right;
}

.cs_image {
    filter: grayscale(100%);
    margin-top: 3px;
    height: 25px;
    width: 25px;
}

.cs_linkout {
    vertical-align:8px;
    position:relative;
    color:#505050;
    font-size:13px;
    text-decoration:underline;
}

.cs_message {
    vertical-align:super;
    font-size:13px;
    color:#6d6d6d;
    font-style:italic;
}

.cs_move_up {
    margin-top: -15px;
}

/*******************************************************************************************/
/**  graph palettes  ***********************************************************************/
/*******************************************************************************************/
/*
.viridis {
    width: 78px;
    height: 22px;
    background: linear-gradient(to right,
       #7AD151, #2FB67C, #20908C, #2F6C8F, #404387
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-left: 23px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
}

.magma {
    width: 78px;
    height: 22px;
    background: linear-gradient(to right,
        #FC9F6C, #EC5A5F, #B56D7A, #7821A1, #3B0F70
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-left: 23px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
}

.cividis {
    width: 78px;
    height: 22px;
    background: linear-gradient(to right,
        #C6B876, #A1A374, #7C7B78, #5B6070, #35456CFF
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-left: 23px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
}

.spring {
    width: 78px;
    height: 22px;
    background: linear-gradient(to right,
    #ffcc33, #ffa655, #ff7f80, #ff59a6, #ff33cc
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-left: 23px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
}

.summer {
    width: 78px;
    height: 22px;
    background: linear-gradient(to right,
    #cce666, #a6d266, #7fbf66, #59ac66, #339966
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-left: 23px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
}

.YlGnBu {
    width: 78px;
    height: 22px;
    background: linear-gradient(to right,
    #d6efa3, #8ec4b9, #42b7c4, #1e86bb, #234faf
    );
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-left: 23px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
}
*/


/*******************************************************************************************/
/****************************************** Chat page Styles *******************************/
/*******************************************************************************************/

.chat_page {
    font-size: 13px;
}

.chat_page img {
    width: 100%
}

.chat_page a {
    text-decoration: underline;
    color: #404040;
}

.chat_page p {
    padding: 10px 0 10px 0;
}

.chat_page h3 {
    font-size: 15px;
    color: #A1ADEC;
    font-weight: bold;
    padding: 10px 0 10px 0;
}

.chat_page table {
    max-width: 850px;
    font-size: 14px;
    color: grey;
    margin: auto;
    min-width: 100%;
    text-align: left;
    padding-bottom: 20px;
}

.chat_page td {
    white-space: normal;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #d6d6d6;
    text-align:left;
}

.chat_page thead {
    font-weight: 200;
    padding: 10px;
    border-bottom: 1px solid #d6d6d6;
    text-align:left;
}

.chat_page table tr {
    border-collapse: collapse;
    border: none;
    font-size: 14px
}

.chat_input_container {
  display: flex;
  align-items: center;  /* vertical alignment */
  gap: 8px;              /* space between textarea and button */
}

.chat_input_wrapper {
    display: flex;
    align-items: center; /* vertical center */
    justify-content: space-between; /* if there's a button */
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px;
    background: #fff;
    min-height: 30px;
    max-height: 300px;
    overflow: hidden;
    width: 90%;
}

.chat_textarea {
    padding: 14px 10px;
    margin: 0;
    width: 95%;
    font-size: 15px;
    line-height: 1.4; /* control vertical spacing */
    color: #333;
    min-height: 50px;
    max-height: 250px;
    resize: none;
    flex: 1;
    outline: none;
    border: none;
    box-sizing: border-box;
    overflow-y: auto;
    background: transparent;
    vertical-align: middle;
}

.chat_textarea::before {
  content: attr(data-placeholder);
  color: #aaa;
  pointer-events: none;
}

/* Only show placeholder when visually empty */
.chat_textarea:not(:empty)::before {
  content: '';
}


#chat_container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    background: #f7f7f8;
}

.chat_question_wrapper {
    display: flex;
    justify-content: flex-end;
}

.chat_answer_wrapper {
    display: flex;
    justify-content: flex-start;
}

.chat_bubble {
    padding: 12px;
    border-radius: 16px;
    font-size: 15px;
    line-height: 1.4;
    word-wrap: break-word;
}

.chat_question_bubble {
    max-width: 90%;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    background-color: #A1ADEC;
    border-top-right-radius: 0;
    color: white;
    margin: 10px;
    display: inline-block;
}

.chat_answer_bubble {
    /*background-color: #e9ecef;*/
    /*color: #212529;*/
    /*border-top-left-radius: 0;*/
    /*margin: 10px;*/
    max-width: 95%;
}

.chat_like{
    margin-left: -5px;
    height: 25px;
    width: 25px;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -7px -2px;
    float: left;
    /*margin-top: 10px;*/
    background-size: 300px;
    border-radius: 5px;
}

.chat_dislike{
    margin-left: 10px;
    height: 25px;
    width: 25px;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -37px -1px;
    float: left;
    /*margin-top: 10px;*/
    background-size: 300px;
    border-radius: 5px;
}

.chat_copy{
    margin-left: 10px;
    height: 25px;
    width: 25px;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -90px -25px;
    float: left;
    /*margin-top: 10px;*/
    background-size: 270px;
    border-radius: 5px;
}

.chat_copied{
    margin-left: 10px;
    height: 25px;
    width: 25px;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -89px -2px;
    float: left;
    /*margin-top: 10px;*/
    background-size: 270px;
    border-radius: 5px;
}

.chat_like:hover{
    background-color: rgba(230,230,230,1);
}
.chat_dislike:hover{
    background-color: rgba(230,230,230,1);
}
.chat_copy:hover{
    background-color: rgba(230,230,230,1);
}

.chat_liked{
    margin-left: -5px;
    height: 25px;
    width: 25px;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -7px -29px;
    float: left;
    /*margin-top: 10px;*/
    background-size: 1200%;
    border-radius: 5px;
}

.chat_disliked{
    margin-left: 10px;
    height: 25px;
    width: 25px;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -38px -28px;
    float: left;
    /*margin-top: 10px;*/
    background-size: 1200%;
    border-radius: 5px;
}

.send_button {
    background-color: #A1ADEC;
    border: 1px solid #ccc;
    color: white;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding: 8px 12px;
    cursor: pointer;
    align-self: center;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -103px -3px;
    background-size: 450px;
}

.send_button:hover {
    background-color: #B6C0F1;
}

.new_chat_button {
    background-color: #A1ADEC;
    border: 1px solid #ccc;
    color: white;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding: 8px 12px;
    cursor: pointer;
    align-self: center;
    background-image: url(/images/chat_icons.svg);
    background-repeat: no-repeat;
    background-position: -98px -42px;
    background-size: 430px;
}

.new_chat_button:hover {
    background-color: #B6C0F1;
}

.chat_actions {
    margin-top: 8px;
}
.chat_actions button {
    margin-right: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    background-color: #f0f0f0;
}
.chat_actions button:hover {
    background-color: #ddd;
}

.chat-table-container {
  overflow-x: auto;
  max-width: 100%;
}

.chat_answer_content img {
    width: 100%
}

.dots_container {
    padding: 20px
}

.chat_status_message{
    /*width: 200px;*/
    display: inline-block;
    margin: 2px;
    color: #A1ADEC;
    font-size: 14px;
}/* roboto-light - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;

  src: url('/css/roboto_v1/Roboto-Light.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/css/roboto_v1/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/roboto_v1/Roboto-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/roboto_v1/Roboto-Light.woff') format('woff'), /* Modern Browsers */
       url('/css/roboto_v1/Roboto-Light.ttf') format('truetype'); /* Safari, Android, iOS */

  font-display: swap;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;

  src: url('/css/roboto_v1/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/css/roboto_v1/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/roboto_v1/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/roboto_v1/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
       url('/css/roboto_v1/Roboto-Regular.ttf') format('truetype'); /* Safari, Android, iOS */

  font-display: swap;
}

/* roboto-medium - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;

  src: url('/css/roboto_v1/Roboto-Medium.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/css/roboto_v1/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/roboto_v1/Roboto-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/roboto_v1/Roboto-Medium.woff') format('woff'), /* Modern Browsers */
       url('/css/roboto_v1/Roboto-Medium.ttf') format('truetype'); /* Safari, Android, iOS */

  font-display: swap;
}

/* roboto-bold - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;

  src: url('/css/roboto_v1/Roboto-Bold.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/css/roboto_v1/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/roboto_v1/Roboto-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/roboto_v1/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
       url('/css/roboto_v1/Roboto-Bold.ttf') format('truetype'); /* Safari, Android, iOS */

  font-display: swap;
}
/***********************************************************
 ******************* FLOATING DIV STYLES *******************
 ***********************************************************/



div.pageLoadFloatingDivStyle {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    background-color: #ffffff;
    position: absolute;

    /* set z-index higher than possible */
    z-index: 10000;

    visibility: hidden;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}


div.nodeInfoDivStyle {

    background-color: #ffffff;
    font-size: 13px;
    position: absolute;

    /* set z-index higher than possible */
    z-index: 10000;

    visibility: hidden;
    display: none; /* otherwise it somehow breaks GE */
    border: 1px solid #A0A0A0;
    border-radius: 4px;
    max-width:800px;

}

a.floatingdivcloselink {
    color: #000000;
    opacity: 0.3;
}

a.floatingdivcloselink:hover {
    color: #000000;
    opacity: 0.7;
}

table.movable_div_wrapper {
    border-spacing: 0px;
    border-collapse: collapse;
    border-width: 0px;
    margin:0px 0px 0px 0px;
}

table.movable_div_wrapper tr {
    border-spacing: 0px;
    border-width: 0px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

table.movable_div_wrapper tr td {
    border-spacing: 0px;
    border-width: 0px;
    margin:0px 0px 0px 0px;
}

table.movable_div_title_container {
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    width:100%;
    border-radius:4px 4px 0 0;
}

.movable_div_title_bar {
    cursor: move;
    height: 18px;
    font: bold 12px arial;
    vertical-align: middle;
    text-align: left;
}

.movable_div_closelink_wrapper {
    width: 38px;
    font-size: 10px;
    vertical-align: middle;
    text-align: right;
}