/*
 * for the GrainGenes Genome Browser page 
 */
.ggbrowse-header {
    width: 100%;
    color: white;
    font-weight: bold;
    font-size: 120%;
    margin-top: 25px;
    margin-bottom: 5px;
    background-image: url(/jb/img/subtitle.png?1);
    padding: 5px;
    background-repeat: no-repeat;
    background-size: contain;

    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.ggbrowse-group {
    position:relative;
}
.ggbrowse-item {
    position:relative;
	overflow:hidden;
    border: 3px solid #335671;
    width: 263px;
    height:70px;
    display: inline-block;
    background-size:400px;
    vertical-align:top;
	margin-right: 8px;
    margin-bottom: 8px;

    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 5px 5px 7px grey;
}
div.ggbrowse-subitem {
    width: 120px !important;
    height: 30px;
}

.ggbrowse-subgroup-btn {
    cursor: pointer;
    border: 3px solid #8c2e16;
}
.ggbrowse-subgroup-btn1 {
    cursor: pointer;
    border: 3px solid #8c2e16;
}
.ggbrowse-subgroup {
    padding: 10px;
}
.ggbrowse-subgroup > .ggbrowse-item {
    width: 250px;
}
.ggbrowse-item > div {
	position: absolute;
    top: 10px;
    left: 10px;
    width: 250px;
}
.ggbrowse-bkg {
	position: absolute;
	top:0px;
	left:0px;
	opacity: .4;
}
.ggbrowse-bkg1 {
	position: absolute;
	top:0px;
	left:0px;
	opacity: .6;
}
.ggbrowse-bkg2 {
	position: absolute;
	bottom:0px;
    left:0px;
    width:50%;
	opacity: 100;
}
.ggbrowse-a:link,.ggbrowse-a:active,.ggbrowse-a:visited,.ggbrowse-a:hover {
    color: black;
    font-weight: bold;
    text-shadow: 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white, 0px 0px 4px white;
}
.ggbrowse-a:hover {
    color: grey;
}
#ggbrowse-link {
    position:absolute;
    top:-3px;
    left:880px;
    background: #0d6dfc;
    color: white;
    border-radius:5px;
    padding:7px;
}
@media (max-width: 1130px) {
    #ggbrowse-link {
      left: 605px; /* Position at 50px from the left */
    }
}
@media (max-width: 850px) {
    #ggbrowse-link {
      left: 330px; /* Position at 50px from the left */
    }
}
@media (max-width: 570px) {
    #ggbrowse-link {
        left: 104px;
        top: -25px;
        width: 150px;
    }
}
  
.ggbrowse-button {
    border: 3px solid black;
    margin: 5px;
    background-color: #daedd4 !important;
    background-image: none; /* Remove background image */
    font-weight:bold;
    color: black;
}
.ggbrowse-button:hover {
    border: 3px solid #8c2e16;
    font-weight:bold;
}

.whe-iwgsc2018 {
    background-image: url(/ggds/whe-iwgsc2018/banner.jpg);
}
.whe-svevo2018 {
    background-image: url(/ggds/whe-svevo2018/banner.jpg);
}
.whe-tauschii2017 {
    background-image: url(/ggds/whe-tauschii2017/banner.jpg);
}
.whe-zavitan2019 {
    background-image: url(/ggds/whe-zavitan2019/banner.jpg);
}
.whe-zavitan2017 {
    background-image: url(/ggds/whe-zavitan2017/banner.jpg);
}
.whe-pan2017 {
    background-image: url(/ggds/whe-pan2017/banner.jpg);
}
.whe-estmaps {
    background-image: url(/ggds/whe-iwgsc2018/banner.jpg);
}
.whe-physicalmaps {
    background-image: url(/ggds/whe-iwgsc2018/banner.jpg);
}
.whe-grainmaps {
    background-image: url(/ggds/whe-iwgsc2018/banner.jpg);
}
.bar-morex2018 {
    background-image: url(/ggds/bar-morex2018/banner.jpg);
}
.bar-ensembl2016 {
    background-image: url(/ggds/bar-ensembl2016/banner.jpg);
}
.bar-barbinmaps {
    background-image: url(/ggds/bar-morex2018/banner.jpg);
}
.rye-secale2017 {
    background-image: url(/ggds/rye-secale2017/banner.jpg);
}
.rye-1rsmap {
    background-image: url(/ggds/rye-secale2017/banner.jpg);
}
.oat-avena2013 {
    background-image: url(/ggds/oat-avena2013/banner.jpg);
}
.other-brach {
    background-image: url(/ggds/whe-iwgsc2018/banner.jpg);
}
.other-ricecereal {
    background-image: url(/ggds/whe-iwgsc2018/banner.jpg);
}