/*path{ fill: red }
.div-with-svg-inside {
    color: red;
}
*/
div#content {
	background-color: white;
}

_div.header {
/*	position: relative;
	padding: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 37px;
	margin-top:5px;*/
	
	background:#ffffcc; /* Old browsers */
	background:-moz-linear-gradient(180deg,  #ffffcc 0%, #ffffff 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffcc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* IE10+ */
	background:linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
}

_div.header {
/*	position: relative;
	padding: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 37px;
	margin-top:5px;*/
           
	background:url(../images/scorpions_bg.png) repeat top center, #ffffcc; /* Old browsers */
	background:url(../images/scorpions_bg.png) repeat top center, -moz-linear-gradient(180deg,  #ffffcc 0%, #ffffff 100%); /* FF3.6+ */
	background:url(../images/scorpions_bg.png) repeat top center, -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffcc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background:url(../images/scorpions_bg.png) repeat top center, -webkit-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background:url(../images/scorpions_bg.png) repeat top center, -o-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* Opera 11.10+ */
	background:url(../images/scorpions_bg.png) repeat top center, -ms-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* IE10+ */
	background:url(../images/scorpions_bg.png) repeat top center, linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
 
}

_div.header {
/*	position: relative;
	padding: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 37px;
	margin-top:5px;*/
	background:url(../images/scorpions_bg.png);
}

_div.header:after {
  content: '';
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: url(../images/scorpions_bg.png) repeat top center;
  opacity: .4;
  /*z-index: 0;*/
  /*z-index: -1;*/
}

div .dib{
	display: inline-block;
/* 	width: 200px; */
/* height: 150px; */
	width: 45%;
    height: 250px;
}
/*
background stuff
https://stackoverflow.com/questions/806000/how-do-i-give-text-or-an-image-a-transparent-background-using-css
https://stackoverflow.com/questions/10422949/css-background-opacity
https://stackoverflow.com/questions/16589519/use-css-gradient-over-background-image
https://stackoverflow.com/questions/2504071/how-do-i-combine-a-background-image-and-css3-gradient-on-the-same-element
*/

#_topBLA:after{
  content: '';

  position: absolute;
  top: 0; right: 0; 
  bottom: 0; left: 0;
  opacity: .4;
  z-index: -1;
  
    background:#ffffcc; /* Old browsers */
    background:-moz-linear-gradient(180deg,  #ffffcc 0%, #ffffff 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffcc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* IE10+ */
    background:linear-gradient(180deg,  #ffffcc 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);
            box-shadow: inset 0px 6px 10px 0px rgba(0,0,0,0.25);

}


.text_panel {
	padding-left: 13rem;
	padding-right: 9.5rem;
     font-size: 16px;
}

.text_panel h1, .text_panel h2 {
	color: #666699;
}
.kalium-description p {
	margin: 0;
	color: #666699;
}
.toxcounter{
    color: #666699;
}

div.affiliation {
	margin-left: 2em;
	font-size: 0.8em;
}

span.disu1 {
    background-color: #FFFF66;
}

span.disu2 {
    background-color: #F4DF5B; /*green*/
}

span.disu3 {
    background-color: #FFCC00; /*red*/
}
span.disu4 {
    background-color: #F4DBB3; /*cream*/
}

/*half tone lower*/
span.disu5 {
    background-color: #E6E600;/*#F8E72C*/
}

span.disu6 {
    background-color: #FFEB99;/*#DFD34F*/ /*green*/
}

span.disu7 {
    background-color: #D7BC0F;/*#EEC440*/ /*red*/
}
span.disu8 {
    background-color: #E2A036; /*#F4E1AD*/ /*cream*/
}



span.lct1 {
    background-color: #00FFFF
}
span.lct1 {
    background-color: #33CCFF
}
span.lct1 {
    background-color: #3399FF
}
span.lct1 {
    background-color: #4D88FF
}
span.lct1 {
    background-color: #B3FFFF
}
span.lct1 {
    background-color: #B3ECFF
}
span.lct1 {
    background-color: #B3D9FF
}
span.lct1 {
    background-color: #CCD9FF
}

span.mr, a.org, a.organism {
    font-style: italic;
}

a.sapUiLnkDsbl.target_channel{
	color: #00679e;
}
span.raws {
    color: gray;
    font-family:"Courier New", Courier, monospace;
}

span.pseq {
    font-weight: bolder;
    font-style: normal;
    color: black;
}

span.asub {
    vertical-align: sub;
    font-size: smaller;
}

span.super {
    vertical-align: super;
    font-size: 0.5em;
}

span.above {
    vertical-align: 1.4em;
    font-size: 0.6em;
    
}

span.seqcmn{
	font-family:"Courier New", Courier, monospace;
}
/*TODO: remove*/
span .fl,.cg{
    font-weight: bolder;
    text-decoration: underline;
}

span .dw,.da{
text-transform: lowercase;
}

/*Activity value color codes*/
span.act_level0 {
    color: #cc0000;
}
span.act_level1 {
    color: #e69138;
}
span.act_level2 {
    color: #9cc58b;
}
span.act_level3 {
    color: #3c78d8;
}
span.act_level4 {
    color: #8f7ec3;
}

span.act_level_zero {
    color: #8e8e8e;
}
span.vbold{
	font-weight: bolder;
}

#ligands tbody tr:nth-child(even) {
    background: rgb(245, 245, 245);
}


#ligands  td {
  border-top: none;
  border-bottom: none;

}


button._myToggleBtnPressed{
    background-color:#0000006f ! important ;/*TODO: inherit+ transparent?*/
    border-color:#0000006f ! important ;
}
/*
.orgToggleBtn > img{
	color: red;
}*/

/* .filterToggleBtn:focus{ */
/*     outline:none ! important ; */
/* } */
button.filterToggleBtn:hover>span{

/*     outline:none ! important ; */
    opacity: 0.9;
}

/* button.orgToggleBtnInactive{ */
.filterToggleBtn >span:not(.sapMToggleBtnPressed){
    opacity: 0.4;
}
.filterToggleBtn >span.sapMToggleBtnPressed{
    opacity: 0.8;
}

button.filterToggleBtn{
/*    color: #ffffff ! important ;
    background-color: #ffffff ! important ;*/

outline:none ! important ;
    padding-left: 0 ! important ;
    padding-right: 0! important ;
    padding-top: 0! important ;
    padding-bottom: 0! important ;
    border: none ! important ;
    width: auto ! important ;
    height: auto ! important ;
    margin-left: 0! important ;
    
}


.filterToggleBtn >span {
/*    color: #ffffff ! important ;*/
    background-color: #ffffff ! important ;
    background: none! important ;

    border: none! important ;
    border-radius:auto! important ;
    
    max-height:none ! important ;
}

.filterToggleBtn>span>img{
    max-height:none ! important ;
}



.hdrTBSep{
    height:2.375rem ! important ;
}

#header{
    margin-top: 1rem;
}

#hdrtb{
    border: none ! important ;     

}
#ctlVL{
    margin-bottom: 1rem;
}
#ctlTB{
 border: none ! important;
 margin-left: 1rem; /*Same as KaliumLogo, set from JS*/
}
#ctlTB >div{
    margin-left:0 ! important ;
}
.ctlTBSingle{
    margin-bottom: 1rem;
}
/*Hackish hack, need a better way to position stuff*/
#ibch_logo{
    padding-right:1rem;
    margin-right:0 !important;
}
#FilterStatusLabel0 {
    margin-right: 1rem !important; /*clone of sapUiSmallMarginEnd*/
    font-size: larger;

    margin-left: 1rem !important;
    text-align: right!important;
}
#FilterStatusLabel1 {
    margin-left: 2rem !important; /*clone of sapUiSmallMarginEnd*/
    font-size: larger;
/*     width: 16rem!important; */
    text-align: left!important;
}
.tbbtns{
    font-size: larger;
}

#seqCheck {
    margin-left: -2px
}

#GlobSearch{
    /*margin-right: 1em*/
    margin-right: -2px;
}
 #hdr-right{
    margin-right: 14px
}

#KaliumLogo{
    margin-left: 2rem; 
    outline:none;
}

#blast_btn{
    width: 5.5em;
}
#clust_btn{
    width: 5.5em;
}
#exp_btn{
    width: 5.5em;
}

#csvtxt_db{
    width: 4.5em;
}

.navbtn:hover{  
    border: none ! important ;    
}

.navbtn{
    border: none ! important ;

    font-weight: normal! important ;
    font-size: 1.25em! important ;
}

.navbtn.sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn{
    color: #989898;
    background-color: #ffffff! important ;
}

.navbtn.sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed{
    color: #666699;
    background-color: #ffffff! important ;
}

.navbtn.sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed:hover{
    color: #666699;
    background-color: #ffffff! important ;
}
.navbtn.sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn:hover{
    color: #666699;
    background-color: #ffffff! important ;
}

/*ovrd disabled links*/
.sapUiLnkDsbl{
	/*color: #00679e;*/
	text-decoration: none;
}
/*ovrd table label font size*/
.sapUiTableHeaderCell .sapUiLbl {
	font-size: 12px;
}


.popup_table td{
	border: none;
}

.popup_table > div .sapUiTableRowSelectionCell{
	border: none;
	/*border-right: none;
    border-bottom:none;*/
}
 
.lig_form > .sapUiFTV , .sapUiLnkDsbl{
	color: #666;
}

.popup_table > div .sapMTB {
	height: 2rem;
}

	
	
#graphs{
	height: 100%;
}
.graph_tab{
    overflow:unset;
}
#stats_flex , #stats_ts{
	margin: 0 10.45rem 0 13.25rem;
}

.sapUiTabSel, .sapUiTab{
	background-color: initial;
}

.sapUiTabPanel{
	border: initial;
}