/*----- GENERAL -----*/
/* header, footer, section, article, nav, aside {
        display: block;

     }*/

header {
    text-align: left; 
    width: 100%;
    background: #FFF;
    z-index: 999;
    /*background: #FAFEFF;*/
    height:179px;
    background: #ffffff url(../../../themes/genie/images/tmp.png) repeat-x;
}
.my-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0.6;
}
body {
    color: #222;
    font: 12px/20px 'open-sans', Georgia, "Times New Roman", Times, serif;
    /* text-align: center;*/
    height: 100%;
    background-color:rgb(74, 154, 93);/* #9EBF6D;*/
    margin: 0px;
   /* width: 86%;*/
}
#body_main_div {
   /* margin-left: 8%;
    margin-right: 6%;*/
    height: 100%
}
h1,
h2,
h3,
hQ {
    font-family: 'open-sans', Georgia, "Times New Roman", Times, serif;
}
h1 {
    /* font-size: 50px;
          line-height: 50px;
     */
}
h2 {
    font-size: 31px;
    line-height: 37px;
}
h3 {
    font-size: 21px;
    line-height: 27px;
}
a:link,
a:visited {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
ol {
    list-style: decimal
}
ul {
    list-style: disc
}
/*     li{margin-left:30px}*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 15px
}
#main {
    padding: 0px;
}
.cufon {
    font-size: 28px;
}

/*----- WRAPPER -----*/

#wrapper {
    width: 98%;
    float: left;
    color: #444;
    height: auto;
    padding: 10px;
    font-size: 15px;
    background: #fff;
    margin-top: 0px;
    line-height: 19px;
    border: 1px solid #fff;
    min-height: 400px;
   
    background-color: #FFF;
}
#plugin_wrapper {
    width: 95%;
    float: left;
    color: #444;
    height: auto;
    padding: 20px;
    font-size: 15px;
    background-color: #FFF;
    margin: 10px;
    margin-top: 20px;
    line-height: 19px;
    /*border: 1px solid #fff;
    */

    border: none;
    display: block;
    clear: both;
    min-height: 400px;
    -webkit-animation: fadein 1s;
    /* Safari, Chrome and Opera > 12.1 */

    -moz-animation: fadein 1s;
    /* Firefox < 16 */

    -ms-animation: fadein 1s;
    /* Internet Explorer */

    -o-animation: fadein 1s;
    /* Opera < 12.1 */

    animation: fadein 1s;
    z-index: 1;
}
#GenomeBrowser {
    width: 90% !important;
    height: 100%;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#wrapper a {
    color: #444;
    border-bottom: 1px #444 dotted;
}
#side {
    width: 24%;
    float: left;
    height: auto;
    padding: 10px;
    font-size: 14px;
    margin-top: 20px;
    background: #fff;
    border: 1px #444 dotted;
}
/*----- EDIT -----*/

span.editText {
    display: block;
    cursor: pointer;
}
span.editText textarea {
    border: 0;
    padding: 0;
    width: 100%;
    resize: none;
    color: inherit;
    display: block;
    overflow: hidden;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    background-color: transparent;
}
/*----- SETTINGS -----*/

.settings {
    position: relative;
    top: 10px;
    width: 98%;
    clear: both;
    color: #000;
    height: auto;
    padding: 5px 0;
    text-align: center;
    background: #fff;
    cursor: pointer;
    margin-left: 10px;
    border-bottom: 2px dotted #222;
}
div.settings div.change {
    width: 75%;
    text-align: left;
    margin-left: 10%;
}
.clear {
    clear: both;
}
span.editText {
    display: block;
    cursor: pointer;
}
span.editText textarea {
    border: 0;
    padding: 0;
    width: 100%;
    resize: none;
    color: inherit;
    display: block;
    overflow: hidden;
    text-align: inherit;
    line-height: inherit;
    font-family: inherit;
    background-color: transparent;
}
.hide {
    margin: 0;
    width: 100%;
    display: none;
}
.change {
    width: 100%;
    height: auto;
    padding: 20px;
    margin-top: 5px;
    background: #bbcccc;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.change select {
    color: #000;
    border: none;
    padding: 10px;
    font-weight: bold;
    background: #fff;
}

/**Setting DB**/
.settings_db {
    position: relative;
    top: 10px;
    width: 96%;
    clear: both;
    color: #000;
    height: auto;
    padding: 5px 0;
    text-align: center;
    background: #fff;
    cursor: pointer;
    margin-left: 1%;
    border-bottom: 2px dotted #222;
}
div.settings_db div.change_db {
    width: 96%;
    text-align: left;
    margin-left: 1%;
}
.clear_db {
    clear: both;
}
span.editText_db {
    display: block;
    cursor: pointer;
}
span.editText_db textarea {
    border: 0;
    padding: 0;
    width: 100%;
    resize: none;
    color: inherit;
    display: block;
    overflow: hidden;
    text-align: inherit;
    line-height: inherit;
    font-family: inherit;
    background-color: transparent;
}
.hide_db {
    margin: 0;
    width: 100%;
    display: none;
}
.change_db {
    width: 100%;
    height: auto;
    padding: 20px;
    margin-top: 5px;
    background: #bbcccc;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.change_db select {
    color: #000;
    border: none;
    padding: 10px;
    font-weight: bold;
    background: #fff;
}



/*----- MAIN HEADER NAV STRIP -----*/

/*----- MAIN HEADER NAV STRIP -----*/

#mainNav {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #222;
   /* padding: 13px 0 12px 0;
    */font-family:'Open Sans', sans-serif;
    background: #FFF;
	height: 40px;
    line-height: 20px;
}
#mainNav ul {
    list-style: none;
    padding: 0;
    padding-right: 10px;
    color: #ffffff;
	
}
#mainNav li {
    margin: 5px;
    display: inline;
    padding: 0;
        padding: 10px 10px 10px 0;
        color: #ffffff;
}

#mainNav a:link,
#mainNav a:visited {
    padding: 0;
    font-size: 16px;
    line-height: 12px;
	font-family:'Open Sans', sans-serif;
    text-decoration: none;
    color: #000;
/*
    text-transform: capitalize;
text-transform:full-width;
*/	
	
	 
  color: #000;

  text-indent: 8px; font-style: normal;
    font-weight: 500 !important; 
	-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
  /*text-transform:uppercase; 
	text-transform:full-width;*/
	
	
}
#mainNav a:hover,
#mainNav a:active {
    outline: none;
    text-decoration: none; /*border-bottom: #000000 thin solid;  width:110%;*/
	
	 
}
#mainNav a.active {
    text-decoration: none;
}


/* DropDown menu */

ul.egmenu {
    margin: 0 2% 0 0;
	
    /*
    height: 30px;
    width: 100%; */

    float: left;
}
ul.egmenu > li {
    float: left;
    position: relative;	

}
ul.egmenu ul {
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    color: #ff0000;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
   /*   -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms; 
   border-left: 1px solid #222;
    border-right: 1px solid #222;

    padding-left:-20px;
    */
	 z-index: -1;
	max-height:0;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
	cursor: pointer;
}
ul.egmenu ul li {
    margin-left: -30px; 
	padding-top: 0px;
}
ul.egmenu a {
    cursor: pointer;
    display: block;
    color: white;
    line-height: 0px;
    padding: 0 2px; 
}


ul.egmenu li:hover {
   
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
	
	
}
ul.egmenu li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
	z-index: 9999999999;
margin-top: 3px ;	border-bottom: #000000 thin solid;
	border-left: #000000 thin solid;
	border-right: #000000 thin solid; 
	    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
	
}

ul.egmenu li:hover  {
}

#mainNav > ul > li > ul > li{z-index: 9999999999;
}

#mainNav > ul > li > ul > li:hover {height: 20px;margin-top: 10px; width:100%;;
      

}

ul.egmenu li:hover ul li:hover{
	
}

#mainNav > ul > li > ul > li>a:hover{	color:red;

}

@media all and (max-width: 680px) {
    ul.egmenu {
		margin-top: 40px !important;
        height: auto;
         float: none;

         display: none;
    }
    ul.egmenu > li {
        float: none;
        width: 100%;
    }
    ul.egmenu a {
        line-height: 40px;
    }
    ul.egmenu ul {
        position: relative;
    }
    ul.egmenu li.tap {
        background: #555;
    }
    ul.egmenu li.tap ul {
        display: block;

    }
	
	ul.egmenu li ul {
    display: block;
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
}
	img{width:80%;}
	
	#logo_img{
		width:40%;
	}
	ul.egmenu li:hover ul {border:none;margin-top: 0px 
	}
		#plantgenie_box{
		display: none;
	}
	#geniemenu-controller-0{
		display: none;
    }

    #mainsearch{
        width: 60%;
        top:0px;
        right:-160px;
        position: absolute;
        
    }
    
    header{
        height:60px;
    }
    #logo_img{
        height:40px;

        left:-10px;

    }
  
}

/*----- FOOTER -----*/

footer {
    bottom: 0px;
    font-size: 12px;
    text-align: center;
    color: #f0f0f0;
}
footer a:link,
 #genie_url, #login_link, #logout_link{
    color: #f0f0f0;
}
footer,
.push {
    height: 0em;
    clear: both;
}



/*---GeneList Notification counter---*/

.notification-countx {
    display: block;
    width: auto;
    min-width: 36px;
    height: auto;
    background: #ED585A;
    /*box-shadow: 0 0 3px #fff;*/

    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    color: #f0f0f0;
    cursor: default;
    font-size: 12px;
    line-height: 36px;
    text-indent: 1px;
    position: absolute;
    top: -6px;
    right: 85px;
    /*chanaka change 20*/

    z-index: 1200;
    text-align: center;
    font-size: 10px;
    border: 1px solid #fff;
    -webkit-transition: border 0.1s linear, box-shadow 0.1s linear;
    -moz-transition: border 0.1s linear, box-shadow 0.1s linear;
    transition: border 0.1s linear, box-shadow 0.1s linear;
}
.ui-effects-transfer-remove {
    border: 2px dotted #ED585A;
    z-index: 20000000;
}
.ui-effects-transfer {
    border: 2px dotted #ED585A;
    z-index: 20000000;
    border-radius: 36px;
}
.ui-effects-transfer-2 {
    border: 2px groove #ED585A;
    z-index: 20000000;
    border-radius: 36px;
}
/*********Genelist modal window**********/

[role="button"] {
    cursor: pointer;
}
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-open .modal {
    overflow-y: auto;
}
.modal-content {
    position: fixed;
    background-color: #ffffff;
    padding: 20px;
    width: 88%;
    background: #fff;
    margin: 6%;
    margin-top: 60px;
    height: 84%;
    padding-bottom: 30px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    /*   background: url( ../../plugins/genelist/genelist/images/712B.GIF) no-repeat;
*/

    background-position: center;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.close {
    float: right;
    margin-top: -30px;
    margin-right: -40px;
    display: block;
    width: 32px;
    height: 32px;
    outline: none;
    cursor: pointer;
    background: url(../../../plugins/genelist/genelist/images/close_button.png) no-repeat;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
/****Website Loader****/

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    /*box-sizing: border-box;*/
}
.loader-wrap {
    background-color: transparent;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
}
.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
    position: absolute;
    top: 34%;
    left: 37%;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/*FONTS*/
/* cyrillic-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSiUUniRZcd_wq8DYmIfsw2A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSuXREeHhJi4GEUJI9ob_ak4.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSo0Uz7fbu6RM5MPetubMKio.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC;
}
/* greek-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSvzy0yu4vcvNhe7QLuoE8rU.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSs9-ZSaZ3mOOsU9E1f6DGWc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSoZI5FoslwusAsZHK_V0XCI.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNShUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(themes/eucgenie/fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/
/* latin */

@font-face {
    font-family: 'Bevan';
    font-style: normal;
    font-weight: 400;
    src: local('Bevan'), url(themes/eucgenie/fonts/0SuGTMta7Tpwzb2TcZA4AA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */

@font-face {
    font-family: 'Pontano Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Pontano Sans'), local('PontanoSans-Regular'), url(themes/eucgenie/fonts/gTHiwyxi6S7iiHpqAoiE3D0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Pontano Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Pontano Sans'), local('PontanoSans-Regular'), url(themes/eucgenie/fonts/gTHiwyxi6S7iiHpqAoiE3Dy24DTBG-RpCwXaYkM4aks.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.select-style {
    font-family: 'Open Sans';
    position: relative;
    margin-top: -2px;
    padding: 0;
    border: 0px solid #fff;
    width: 240px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    font-size: 16px;
    color: #F00;
    font-weight: bold;
}
.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    color: #F00;
    font-weight: bold;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin-left: 200px;
    outline: 0px;
}
#genie_species_select:focus {
    outline: none;
}
#genie_species_select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
/*	#poplar_species_select option:not(:checked) { color:#000;
		font-weight:bold;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        font-size: 14px; } */

.options li {
    color: #000;
    padding: 0 6px;
    margin: 0 0;
    padding: 0 10px;
    font-weight: bold;
}
.options li:hover {
    background-color: #39f;
    color: white;
    font-weight: bold;
}
.ui-effects-transfer-remove {
    border: 2px dotted #d35530;
    z-index: 2000;
}
.ui-effects-transfer {
    border: 2px dotted #d35530;
    z-index: 2000;
    border-radius: 36px;
}
.ui-effects-transfer-2 {
    border: 2px groove #d35530;
    z-index: 2000;
    border-radius: 36px;
}

.stagewrap {
	width:100%;
	height:auto;
	align-content: center;
	vertical-align: middle;
	clear:both;
	position:relative;
	margin-left: 0%;
}



.closex {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 2px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.closex:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.alert {
	
  padding: 8px 35px 8px 14px;
margin-top:2px !important;
margin-bottom:2px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.alert-heading {
  color: inherit;
}
.alert .closex {
  position: relative;
  top: -2px;
  margin-right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
 
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
} 

.upbtn {
    font-family: 'open-sans', Georgia, "Times New Roman", Times, serif;

    margin: 0;
    position: relative;
    display: inline;
    color: #666;
   font-size: 14px;
    background: #ececec;
    padding: 4px 16px 5px 16px;
    outline: none;
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    overflow: visible;
    background-color:#F90;border-color:#F90;color:#000;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); }
    
     .upbtn:hover {
      color: #888;
      background-color:#F90;border-color:#F90;color:#000;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);
    
     }

     #db_form{
        padding: 1px;
        text-align: left;
        margin: auto;
        display: table; 
        margin-left:10px;
        font-size: 16px;
        
    }
    #db_form>p{
    display: table-row;
    font-size: 16px;
    
    }
    #db_form input{
        display: table-cell; 
        font-size: 16px;
        width:240px;
    }
    
    
    #db_form label{
        display: table-cell;padding-top:10px;
    }



input[type="button"],input[type="submit"]  {
 			cursor: pointer;
			display: inline-block;
			background-color: #ffffff;
			background-repeat: no-repeat;
					padding: 5px 14px 6px;
			text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
			font-size: 13px;
			line-height: normal;
			border: 1px solid #ccc;
			border-bottom-color: #bbb;  
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
			-webkit-transition: 0.1s linear all;
			-moz-transition: 0.1s linear all;
			-ms-transition: 0.1s linear all;
			-o-transition: 0.1s linear all;
			transition: 0.1s linear all;
			}
input[type="button"].pushed,input[type="submit"].pushed {
			position: relative;
			}
input[type="button"]:hover,input[type="submit"]:hover {
			background-image: -webkit-linear-gradient(90deg, #E8E8E8, #F7F7F7);
			background-image: -moz-linear-gradient(90deg, #E8E8E8, #F7F7F7);
			background-image: -ms-linear-gradient(90deg, #E8E8E8, #F7F7F7);
			background-image: -o-linear-gradient(90deg, #E8E8E8, #F7F7F7);
			background-image: linear-gradient(90deg, #E8E8E8, #F7F7F7);
			}
input[type="button"].pushed:active,input[type="submit"].pushed:active {
			top: 2px;	
			}
input[type="button"]:active,input[type="submit"]:active {
			-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1), inset 0 -17px 0 rgba(0,0,0,0.06);
			-moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1), inset 0 -17px 0 rgba(0,0,0,0.06);
			box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.1), inset 0 -17px 0 rgba(0,0,0,0.06);
			}​			
			

div#edit-field-chromosome-start-value-wrapper.form-text{
width:10px !important;
}
input#edit-field-chromosome-start-value.form-text{
width:130px !important;
}
div#edit-field-chromosome-stop-value-wrapper.form-text{
width:10px !important;
}
input#edit-field-chromosome-stop-value.form-text{
width:130px !important;
}







 .ui-effects-transfer-remove { border: 2px dotted #d35530; z-index:2000;}
 .ui-effects-transfer { border: 2px dotted #d35530; z-index:2000;border-radius:36px;}
 .ui-effects-transfer-2 { border: 2px groove #d35530; z-index:2000;border-radius:36px;}




.tourbtn {
  border: none;


  border-radius:5px !important;
  background: #34495e;
  color: white;
  font-size: 12px;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden; }
  .tourbtn:hover, .tourbtn:focus {
    background-color: #4e6d8d;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; }
  .tourbtn:active, .tourbtn.active {
    background-color: #2c3e50;
    color: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .tourbtn.disabled, .tourbtn[disabled] {
    background-color: #95a5a6;
    color: white; }
  .tourbtn.tourbtn-large {
    padding-bottom: 12px;
    padding-top: 13px; }
  .tourbtn.tourbtn-primary {
    background-color: #1abc9c;
	  padding-bottom: 1px;
    padding-top: 1px;
	cursor:pointer; }
    .tourbtn.tourbtn-primary:hover, .tourbtn.tourbtn-primary:focus {
      background-color: #2fe2bf; }
    .tourbtn.tourbtn-primary:active, .tourbtn.tourbtn-primary.active {
      background-color: #16a085; }
  .tourbtn.tourbtn-info {
    background-color: #3498db; }
    .tourbtn.tourbtn-info:hover, .tourbtn.tourbtn-info:focus {
      background-color: #5dade2; }
    .tourbtn.tourbtn-info:active, .tourbtn.tourbtn-info.active {
      background-color: #2383c4; }
  .tourbtn.tourbtn-danger {
    background-color: #9EBF6D; }
    .tourbtn.tourbtn-danger:hover, .tourbtn.tourbtn-danger:focus {
      background-color: #ec7063; }
    .tourbtn.tourbtn-danger:active, .tourbtn.tourbtn-danger.active {
      background-color: #dc2d1b; }
  .tourbtn.tourbtn-success {
    background-color: #2ecc71; }
    .tourbtn.tourbtn-success:hover, .tourbtn.tourbtn-success:focus {
      background-color: #55d98d; }
    .tourbtn.tourbtn-success:active, .tourbtn.tourbtn-success.active {
      background-color: #27ad60; }
  .tourbtn.tourbtn-warning {
    background-color: #f1c40f; }
    .tourbtn.tourbtn-warning:hover, .tourbtn.tourbtn-warning:focus {
      background-color: #f4d03f; }
    .tourbtn.tourbtn-warning:active, .tourbtn.tourbtn-warning.active {
      background-color: #cea70c; }
  .tourbtn-toolbar .tourbtn {
    font-size: 18px;
    padding: 10px 14px 9px; }
    .tourbtn-toolbar .tourbtn:first-child {
      -webkit-border-radius: 6px 0 0 6px;
      -moz-border-radius: 6px 0 0 6px;
      border-radius: 6px 0 0 6px; }
    .tourbtn-toolbar .tourbtn:last-child {
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0;  line-height: 0px;}

.tourbtn-toolbar .tourbtn.active {
  color: white; }

.buttonStyle{
  position: absolute;
  left: 10px;
  bottom: 20px;
  font-size: 10px;

  }

  .select-style2 {
    font-family: 'Open Sans';
    position: relative;
    margin-top: 10px;
    padding: 0;
    border: 0px solid #fff;
    width: 340px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    font-size: 16px;
    color: #F00;
    font-weight: bold; float: right;
	text-align: right;text-align-last: right;padding-right: 4px;     box-shadow:none;
}

   

.select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    color: #F00;
    font-weight: bold;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin-left: 200px;
    outline: 0px;
}
#genie_species_select:focus {
    outline: none;
}
#genie_species_select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}