/*.dropdown-toggle::after {*/
    /*display: inline-block;*/
    /*width: 0;*/
    /*height: 0;*/
    /*margin-left: .25rem;*/
    /*vertical-align: middle;*/
    /*content: "";*/
    /*border-top: .3em solid;*/
    /*border-right: .3em solid transparent;*/
    /*border-left: .3em solid transparent;*/
/*}*/
body {
		color:#666666;
    /* background-color: #fff5e6; */
}

.navbar{
    background-color: #336666;
    border-radius: 0px;
    margin-bottom: 0px;
    z-index: 100;
}

.navbar .navbar-nav{
    margin-top:20px;
    margin-left: 0px;
    margin-bottom: 40px;
    color: #FFFFFF;
    font-weight: 900;
    font-size:15px;

    letter-spacing: 2px;
}
.navbar .navbar-nav .navbar-brand{
    color: #FFFFFF;
    font-weight: 900;
    letter-spacing: 2px;
    margin-left: 0px;
    font-size:35px;

}
/*.navbar-nav>li>a {*/
    /*border: 0px solid #0091cd;*/
    /*padding: 15px 14px;*/
    /*color: #FFFFFF;*/
    /*margin-left: 50px;*/
/*}*/
#second-nav,
#second-main-nav,
#second-mobile-nav,
#second-main-nav > li,
#second-main-nav > li > a{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
/*************
* WRAP
*************/
#second-nav{
    display: block;
    position: relative;
    width: 100%;
    z-index: 9999;
}
/*************
* MAIN NAV
*************/
#second-main-nav{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;



}
/*************
* CLEAR
*************/
#second-main-nav:before,
#second-main-nav:after,
#second-nav:before,
#second-nav:after {
    display: table;
    content: " ";
}

#second-main-nav:after,
#second-nav:after {
    clear: both;
}
/*************
* LI & A
*************/
#second-main-nav > li{

    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    display: block;
    -webkit-transition: background  ease 0.3s;
    -moz-transition: background  ease 0.3s;
    transition: background  ease 0.3s;
}
#second-main-nav > li > a{
    color: #FFFFFF;
    font-size:18px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    outline: 0;
    padding: 0 22px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    /*border-right-style: solid;*/
}
#second-main-nav > li:first-child > a{
    border-left: none;
}

/*************
* DROPDOWN
*************/
.second-dropdown:hover > .second-submenu{

    display: block;
    background-color: #5f9ea0;
}
/*************
* SUBMENU
*************/
.second-submenu{
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;

    box-shadow: 0 1px 7px rgba(0,0,0,0.3);
    position: absolute;
    top: 100%;
    left: 0;
}
.second-submenu > li{
    float: none;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.second-submenu > li > a{
    color: #FFFFFF;
    display: block;
    float: none;
    text-decoration: none;
    outline: none;

    text-transform: uppercase;
    padding: 10px 22px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.second-submenu > li:first-child > a{
    border-top: none;

}
.second-submenu > li:last-child > a{
    border-bottom: none;
}
.second-submenu .second-submenu{
    top: 0;
    left: 100%;
}
/*************
* ICON
*************/
#second-main-nav i{
    padding: 0 5px;
}
/****************************
* MOBILE NAV
****************************/
#second-mobile-nav{
    display: none;
}
#second-mobile-nav > span{
    text-transform: uppercase;
    padding: 0 10px 0 20px;
    float: left;
}
#second-mobile-nav > .second-icon{
    float: right;
    padding: 0 20px 0 10px;
}
#second-mobile-nav > select{
    background: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

    width: 100%;
    cursor: pointer;
}
#second-mobile-nav:before,
#second-mobile-nav:after {
    display: table;
    content: " ";
}
#second-mobile-nav:after {
    clear: both;
}

/***************************
* MEDIA QUERIES
***************************/

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    #second-mobile-nav{
        display: block;
    }
}
@media (min-width: 769px) {
    #second-main-nav{
        display: block;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
img{
    
    border-radius: 4px;
    
   
    height:80px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    
    max-width: 90%;
}
div {
    display: block;
	/* border-left: 4px; */
	/* border-right: 4px #fff; */
}
.row{
	
	border-left: 4px #2b2b2b;
	border-right:4px #2b2b2b;
}
#containerForchart{
	border-right:4px #666666;
	border-left:4px #666666;
}
.thumbnail{
	   /* background-color:#fff7e6; */
	   border-color: transparent;
}
.thumbnail a{
	   color:#31708f;
	   font-size:18px;
	   
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    width: 150px;
    height:150px;
}
.card {
    position: relative;
    /* background-color: #fff7e6; */
    border: .0625rem solid #e5e5e5;
    border-radius: .25rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.h4 {
    font-size: 14px;
   /* color: #000066;*/
}
.card-text {
    color: rgba(255,255,255,.65);
}
@media (min-width: 34em)
    .bd-example {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding: 1.5rem;
        border-width: .2rem;
    }
    .container-welcome{
        /* background-color:#fff5e6; */
    }
    .container-fluid {
        /* background-color:#fff5e6; */
        
        position: relative;

        margin: 1rem -1rem;
        /*border: solid #f7f7f9;*/
        border-width: .2rem 0 0;
    }
	
    .card-deck-wrapper {

        margin-left: 30em;
        margin-right: 30em;
        /*margin-right: -1.25rem;*/
        /*margin-left: -1.25rem;*/
    }
    .card-deck {

        display: table;
        table-layout: fixed;
        border-spacing: 1.25rem 0;
    }
    .card-deck .card {
        /* background-color:#fff7e6; */
        display: table-cell;
        width: 1%;
        vertical-align: top;
    }

    .panel-body {
        /* padding: 15px; */
    }
    .palxplore_font {
        font-family: "Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti;
       /* font-size: 14px;*/
        line-height: 1.6;
        color: #666666;
    }
.inname a{
	color: #31708f;

}
a{
	color: #31708f;
 
  font-weight:bold;
}

.buttons-collection {
	font-weight:bold;
        position:absolute;
		right:0px;
width:150px;
    }
	
.node{		
	stroke: #546682;
	fill: #546682;
	font: 14px sans-serif;
   }
.link {
      fill: none;
	  stroke: #8d92a3;
      stroke-width: 2px; 
   }

.panel-primary {
  border-color: #F8F8F8;
}
.panel-primary > .panel-heading {
  color: 	#000000;
  background-color: #F8F8F8;
  border-color: #F8F8F8;
}
.text-center{
	/* background-color: #90A38D; */
}
/* .panel-primary > .panel-heading + .panel-collapse > .panel-body { */
  /* border-top-color: #fff7e6; */
/* } */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: white;
    font-size: 20px;
    background-color: #8d92a3;
    /* border:#ddd; */
}
/* .browse_table>li.active>a, .browse_table>li.active>a:focus, .browse_table>li.active>a:hover{ */
	/* background-color: #9d9d9d; */
/* } */
.table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #F8F8F8;
}
.downloadtable th{
 background-color: #F8F8F8;
}

.downloadtable th,td {
   
    padding: 8px;
    border: 2px solid #ddd;
}

.btn-default{
	color: white;
	background-color:#A1ADAB;
	height:40px;
	font-size: 14px;
}
.btn-output{
	color: #fff;
	/*background-color:#546682;*/
	background-color:#546682;		
}
.btn-warning{
	background-color: #666666;
	border-color: #666666;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #546682;
    outline: 0;
}

/* .panel-body-index { */
    
    /* background-color: #fff7e6; */
  /* } */
/* .panel-body { */
    /* background-color:#fff7e6; */
/* } */

.panel-default>.panel-heading {
    color: white;
    font-size: 20px;
    background-color: #546682;
    border-color: #546682;
    padding:5px 12px;
}
.panel-info {
    border-color: #A1ADAB;
    margin-bottom: 20px;
}
.panel-info>.panel-heading {
    color: white;
    /* background-color: #90A38D; */
    /* border-color: #90A38D; */
    font-size: 18px;
}
.panel-success {
    border-color: #A1ADAB;
}
.panel-success>.panel-heading {
    color: white;
    background-color: #A1ADAB;
    border-color: white;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: white;
    background-color: #A1ADAB;
}
.species_name{
	   margin-top: 0;
    margin-bottom: 0;
    font-size: 25px;
    /* color: white; */
   /* background-color:  #fff5e6; */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #ddd;
}
#mynetwork {
        width: 1000px;
        height: 800px;
        /* border: 1px solid lightgray; */
    }
        #loadingBar {
            position:absolute;
            top:0px;
            left:0px;
            width: 902px;
            height: 902px;
            background-color:rgba(255, 255, 255, 0.0);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            opacity:1;
        }
        #wrapper {
            position:relative;
            width:900px;
            height:900px;
        }

        #text {
            position:absolute;
            top:8px;
            left:530px;
            width:30px;
            height:50px;
            margin:auto auto auto auto;
            font-size:22px;
            color: #000000;
        }


        div.outerBorder {
            position:relative;
            top:400px;
            width:600px;
            height:44px;
            margin:auto auto auto auto;
            border:8px solid rgba(0,0,0,0.1);
            background: rgb(252,252,252); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
            border-radius:72px;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
        }

        #border {
            position:absolute;
            top:5px;
            left:10px;
            width:500px;
            height:23px;
            margin:auto auto auto auto;
            box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
            border-radius:10px;
        }

        #bar {
            position:absolute;
            top:0px;
            left:10px;
            width:20px;
            height:20px;
            margin:auto auto auto auto;
            border-radius:11px;
            border:2px solid rgba(30,30,30,0.05);
            background: #666666; /* Old browsers */
            box-shadow: 2px 0px 4px rgba(0,0,0,0.4);
        }
/* td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { */
    /* background-color: #A1ADAB; */
    /* color: white; */
    /* font-size: 16px; */
    /* vertical-align: middle; */
    
/* } */
/* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { */
    /* padding: 8px; */
    /* line-height: 1.42857143; */
    /* vertical-align: middle; */
    /* border-top: 1px solid #ddd; */
    /* font-size: 16px; */
    
/* } */
.form-group{
	text-align: center;
	/* border: 1px solid black; */
	
    border: 4px solid ;
   
color: #666666;
    border-top-color: rgba(255, 255, 255, 0.0);
    border-bottom-color: #90A38D;
    border-right-color: rgba(255, 255, 255, 0.0);
    border-left-color: #90A38D;
    background-color:rgba(255, 255, 255, 0.0);
    padding:4px 8px;
   

}

.form-control{
	padding:4px 8px;
	
	
	
}
label {
    /* display: inline-block; */
    /* max-width: 100%; */
    margin-bottom: 5px;
    /* font-weight: 700; */
	
	font-size: 16px;
}

td.name{
	color: white;
	background-color: #8d92a3;
width:120px;
font-size: 16px;

	
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: rgba(255, 255, 255, 0.0);
	color: white;
	vertical-align: middle;

	font-size: 16px;
}
td.ref{
	background-color:  #A1ADAB;
	color: white;
	width:120px;
	font-size: 16px;
	
}
.loc-group {
    font-size: 12px;
	color: black;
   
}






.nav>li>a {
    color: white;
    font-size: 16px;
    background-color: #8d92a3;
    border-color: #8d92a3;
    /*border:#ddd;*/
}
.table-bordered {
   table-layout:fixed;
   
}
.btn-info {
    color: #fff;
    /* background-color: #90A38D; */
    /* border-color: #90A38D; */
}
.btn-type {
    color: #666666;
    border-top-color: rgba(255, 255, 255, 0.0);
    border-bottom-color: rgba(255, 255, 255, 0.0);
    border-right-color: #90A38D;
    border-left-color: #90A38D;
    background-color:rgba(255, 255, 255, 0.0);
    padding:4px 8px;
}
.footer{
	text-align:center;
	color: #666666;
}
.footer>a{
	
	   color: #666666;
}
a:focus,a:hover{
	color:#23527c;
}

.modal-footer{
	border-top: 1px solid #e5e5e5;
}
#content{
	background: -prefix-linear-gradient(left, blue, white
}
#DB{
	font-family:"arial";
    font-size:14px;
}

  /*.dropdown-toggle::after {*/
    /*display: inline-block;*/
    /*width: 0;*/
    /*height: 0;*/
    /*margin-left: .25rem;*/
    /*vertical-align: middle;*/
    /*content: "";*/
    /*border-top: .3em solid;*/
    /*border-right: .3em solid transparent;*/
    /*border-left: .3em solid transparent;*/
/*}*/
body {
		color:#666666;
    /* background-color: #fff5e6; */
}

.navbar{
    background-color: #336666;
    border-radius: 0px;
    margin-bottom: 0px;
    z-index: 100;
}

.navbar .navbar-nav{
    margin-top:20px;
    margin-left: 0px;
    margin-bottom: 40px;
    color: #FFFFFF;
    font-weight: 900;
    font-size:15px;

    letter-spacing: 2px;
}
.navbar .navbar-nav .navbar-brand{
    color: #FFFFFF;
    font-weight: 900;
    letter-spacing: 2px;
    margin-left: 0px;
    font-size:35px;

}
/*.navbar-nav>li>a {*/
    /*border: 0px solid #0091cd;*/
    /*padding: 15px 14px;*/
    /*color: #FFFFFF;*/
    /*margin-left: 50px;*/
/*}*/
#second-nav,
#second-main-nav,
#second-mobile-nav,
#second-main-nav > li,
#second-main-nav > li > a{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
/*************
* WRAP
*************/
#second-nav{
    display: block;
    position: relative;
    width: 100%;
    z-index: 9999;
}
/*************
* MAIN NAV
*************/
#second-main-nav{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;



}
/*************
* CLEAR
*************/
#second-main-nav:before,
#second-main-nav:after,
#second-nav:before,
#second-nav:after {
    display: table;
    content: " ";
}

#second-main-nav:after,
#second-nav:after {
    clear: both;
}
/*************
* LI & A
*************/
#second-main-nav > li{

    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    display: block;
    -webkit-transition: background  ease 0.3s;
    -moz-transition: background  ease 0.3s;
    transition: background  ease 0.3s;
}
#second-main-nav > li > a{
    color: #FFFFFF;
    font-size:18px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    outline: 0;
    padding: 0 22px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    /*border-right-style: solid;*/
}
#second-main-nav > li:first-child > a{
    border-left: none;
}

/*************
* DROPDOWN
*************/
.second-dropdown:hover > .second-submenu{

    display: block;
    background-color: #5f9ea0;
}
/*************
* SUBMENU
*************/
.second-submenu{
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;

    box-shadow: 0 1px 7px rgba(0,0,0,0.3);
    position: absolute;
    top: 100%;
    left: 0;
}
.second-submenu > li{
    float: none;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.second-submenu > li > a{
    color: #FFFFFF;
    display: block;
    float: none;
    text-decoration: none;
    outline: none;

    text-transform: uppercase;
    padding: 10px 22px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.second-submenu > li:first-child > a{
    border-top: none;

}
.second-submenu > li:last-child > a{
    border-bottom: none;
}
.second-submenu .second-submenu{
    top: 0;
    left: 100%;
}
/*************
* ICON
*************/
#second-main-nav i{
    padding: 0 5px;
}
/****************************
* MOBILE NAV
****************************/
#second-mobile-nav{
    display: none;
}
#second-mobile-nav > span{
    text-transform: uppercase;
    padding: 0 10px 0 20px;
    float: left;
}
#second-mobile-nav > .second-icon{
    float: right;
    padding: 0 20px 0 10px;
}
#second-mobile-nav > select{
    background: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

    width: 100%;
    cursor: pointer;
}
#second-mobile-nav:before,
#second-mobile-nav:after {
    display: table;
    content: " ";
}
#second-mobile-nav:after {
    clear: both;
}

/***************************
* MEDIA QUERIES
***************************/

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    #second-mobile-nav{
        display: block;
    }
}
@media (min-width: 769px) {
    #second-main-nav{
        display: block;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
img{
    
    border-radius: 4px;
    
   
    height:80px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    
    max-width: 90%;
}
div {
    display: block;
	/* border-left: 4px; */
	/* border-right: 4px #fff; */
}
.row{
	
	border-left: 4px #2b2b2b;
	border-right:4px #2b2b2b;
}
#containerForchart{
	border-right:4px #666666;
	border-left:4px #666666;
}
.thumbnail{
	   /* background-color:#fff7e6; */
	   border-color: transparent;
}
.thumbnail a{
	   color:#31708f;
	   font-size:18px;
	   
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    width: 150px;
    height:150px;
}
.card {
    position: relative;
    /* background-color: #fff7e6; */
    border: .0625rem solid #e5e5e5;
    border-radius: .25rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.h4 {
    font-size: 14px;
   /* color: #000066;*/
}
.card-text {
    color: rgba(255,255,255,.65);
}
@media (min-width: 34em)
    .bd-example {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding: 1.5rem;
        border-width: .2rem;
    }
    .container-welcome{
        /* background-color:#fff5e6; */
    }
    .container-fluid {
        /* background-color:#fff5e6; */
        
        position: relative;

        margin: 1rem -1rem;
        /*border: solid #f7f7f9;*/
        border-width: .2rem 0 0;
    }
	
    .card-deck-wrapper {

        margin-left: 30em;
        margin-right: 30em;
        /*margin-right: -1.25rem;*/
        /*margin-left: -1.25rem;*/
    }
    .card-deck {

        display: table;
        table-layout: fixed;
        border-spacing: 1.25rem 0;
    }
    .card-deck .card {
        /* background-color:#fff7e6; */
        display: table-cell;
        width: 1%;
        vertical-align: top;
    }

    .panel-body {
        /* padding: 15px; */
    }
    .palxplore_font {
        font-family: "Microsoft Yahei","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti;
       /* font-size: 14px;*/
        line-height: 1.6;
        color: #666666;
    }
.inname a{
	color: #31708f;

}
a{
	color: #31708f;
 
  font-weight:bold;
}
pre {
	white-space: pre-wrap;
}
.buttons-collection {
	font-weight:bold;
        position:absolute;
		right:0px;
width:150px;
    }
	
.node{		
	stroke: #546682;
	fill: #546682;
	font: 14px sans-serif;
   }
.link {
      fill: none;
	  stroke: #8d92a3;
      stroke-width: 2px; 
   }

.panel-primary {
  border-color: #F8F8F8;
}
.panel-primary > .panel-heading {
  color: 	#000000;
  background-color: #F8F8F8;
  border-color: #F8F8F8;
}
.text-center{
	/* background-color: #90A38D; */
}
/* .panel-primary > .panel-heading + .panel-collapse > .panel-body { */
  /* border-top-color: #fff7e6; */
/* } */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: white;
    font-size: 20px;
    background-color: #8d92a3;
    /* border:#ddd; */
}

.table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: #F8F8F8;
}
.downloadtable th{
 background-color: #F8F8F8;
}

.downloadtable th,td {
   
    padding: 8px;
    border: 2px solid #ddd;
}

.btn-default{
	color: white;
	background-color:#A1ADAB;
	height:40px;
	font-size: 14px;
}
.btn-output{
	color: #fff;
	/*background-color:#546682;*/
	background-color:#546682;		
}
.btn-warning{
	background-color: #666666;
	border-color: #666666;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #546682;
    outline: 0;
}

/* .panel-body-index { */
    
    /* background-color: #fff7e6; */
  /* } */
/* .panel-body { */
    /* background-color:#fff7e6; */
/* } */

.panel-default>.panel-heading {
    color: white;
    font-size: 20px;
    background-color: #546682;
    border-color: #546682;
    padding:5px 12px;
}
.panel-info {
    border-color: #A1ADAB;
    margin-bottom: 20px;
}
.panel-info>.panel-heading {
    color: white;
    /* background-color: #90A38D; */
    /* border-color: #90A38D; */
    font-size: 18px;
}
.panel-success {
    border-color: #A1ADAB;
}
.panel-success>.panel-heading {
    color: white;
    background-color: #A1ADAB;
    border-color: white;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: white;
    background-color: #A1ADAB;
}
.species_name{
	   margin-top: 0;
    margin-bottom: 0;
    font-size: 25px;
    /* color: white; */
   /* background-color:  #fff5e6; */
}

#mynetwork {
        width: 1000px;
        height: 800px;
        /* border: 1px solid lightgray; */
    }
        #loadingBar {
            position:absolute;
            top:0px;
            left:0px;
            width: 902px;
            height: 902px;
            background-color:rgba(255, 255, 255, 0.0);
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            opacity:1;
        }
        #wrapper {
            position:relative;
            width:900px;
            height:900px;
        }

        #text {
            position:absolute;
            top:8px;
            left:530px;
            width:30px;
            height:50px;
            margin:auto auto auto auto;
            font-size:22px;
            color: #000000;
        }


        div.outerBorder {
            position:relative;
            top:400px;
            width:600px;
            height:44px;
            margin:auto auto auto auto;
            border:8px solid rgba(0,0,0,0.1);
            background: rgb(252,252,252); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
            border-radius:72px;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
        }

        #border {
            position:absolute;
            top:5px;
            left:10px;
            width:500px;
            height:23px;
            margin:auto auto auto auto;
            box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
            border-radius:10px;
        }

        #bar {
            position:absolute;
            top:0px;
            left:10px;
            width:20px;
            height:20px;
            margin:auto auto auto auto;
            border-radius:11px;
            border:2px solid rgba(30,30,30,0.05);
            background: #666666; /* Old browsers */
            box-shadow: 2px 0px 4px rgba(0,0,0,0.4);
        }
/* td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { */
    /* background-color: #A1ADAB; */
    /* color: white; */
    /* font-size: 16px; */
    /* vertical-align: middle; */
    
/* } */
/* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { */
    /* padding: 8px; */
    /* line-height: 1.42857143; */
    /* vertical-align: middle; */
    /* border-top: 1px solid #ddd; */
    /* font-size: 16px; */
    
/* } */
.form-group{
	text-align: center;
	/* border: 1px solid black; */
	
    border: 4px solid ;
   
color: #666666;
    border-top-color: rgba(255, 255, 255, 0.0);
    border-bottom-color: #90A38D;
    border-right-color: rgba(255, 255, 255, 0.0);
    border-left-color: #90A38D;
    background-color:rgba(255, 255, 255, 0.0);
    padding:4px 8px;
   

}

.form-control{
	padding:4px 8px;
	
	
	
}
label {
    /* display: inline-block; */
    /* max-width: 100%; */
    margin-bottom: 5px;
    /* font-weight: 700; */
	
	font-size: 16px;
}

td.name{
	color: white;
	background-color: #8d92a3;
width:120px;
font-size: 16px;

	
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
    background-color: rgba(255, 255, 255, 0.0);
	color: white;
	vertical-align: middle;

	font-size: 16px;
}
td.ref{
	background-color:  #A1ADAB;
	color: white;
	width:120px;
	font-size: 16px;
	
}
.loc-group {
    font-size: 12px;
	color: black;
   
}






.nav>li>a {
    color: white;
    font-size: 16px;
    background-color: #8d92a3;
    border-color: #8d92a3;
    /*border:#ddd;*/
}
.table-bordered {
   table-layout:fixed;
   
}
.btn-info {
    color: #fff;
    /* background-color: #90A38D; */
    /* border-color: #90A38D; */
}
.btn-type {
    color: #666666;
    border-top-color: rgba(255, 255, 255, 0.0);
    border-bottom-color: rgba(255, 255, 255, 0.0);
    border-right-color: #90A38D;
    border-left-color: #90A38D;
    background-color:rgba(255, 255, 255, 0.0);
    padding:4px 8px;
}
.footer{
	text-align:center;
	color: #666666;
}
.footer>a{
	
	   color: #666666;
}
a:focus,a:hover{
	color:#23527c;
}

.modal-footer{
	border-top: 1px solid #e5e5e5;
}
#content{
	background: -prefix-linear-gradient(left, blue, white
}
#DB{
	font-family:"arial";
    font-size:14px;
}