html, body {
	/*background-color: #d7d7d7;*/
	color: #333;
	font-family: "Nunito", sans-serif;
	font-size: 16px;
	height: 100%;
	margin-bottom: 100px;
	min-width: 1300px;
}


/*///// TEXT /////*/
body p {
	font-size: 0.9375em;
	font-weight: 600;
}


/*///// LEFT NAV /////*/
body .left-nav {
	/*background-color: #f9f9f9;*/
        color: #f9f9f9;
        border-bottom-right-radius: 21px;
	min-height: 375px;
        max-height: 1500px;
	padding: 15px 15px;
        /*overflow-y: scroll;*/
}

body .mega-logo {
	max-width: 100px;
	min-width: 50px;
	width: 85%;
}

body .left-nav .filter-container {
	margin: 0 0 0 12px;
}

body .left-nav .filter-topics {
	/*color: #444;*/
        color: #ccc;
	font-size: .95em;
	font-weight: 700;
	margin: 35px 0 10px 0;
}

body .left-nav label {
	background-color: transparent;
	/*color: #555;*/
        color: #eee;
	font-size: 0.85em;
	font-weight: 800;
	letter-spacing: 0.35px;
}
.left-nav label:hover {
    /*color: #974141;*/
    color: #ea3737;
    cursor: pointer;
}


/*///// HOME /////*/
body .content {
    margin-top: 20px;
	padding: 20px;
        background-color: #d7d7d7;
}

body h1.welcome {
	border-bottom: 5px solid #e54c3c;
	color: #444;
	display: inline-block;
	font-size: 2em;
	font-weight: 800;
	text-transform: uppercase;
        margin-left: 200px;
}

body h1.version-label {
	color: #444;
	/*display: -webkit-inline-box;*/
	font-size: 1.3em;
	font-weight: 800;
	text-transform: uppercase;
        text-align: center;
}


/*///// TUTORIALS /////*/
.tutorials {
	align-items: center;
	flex-wrap: wrap;
	vertical-align: top;
}

.tutorial-container {
	background-image: url("../images/box-bg.png");
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin: 10px;
	position: relative;
        /*max-width: 300px;*/
        width: 251px;
        display: -webkit-inline-box;        
}

.tutorial-container:hover {
	background-image: url("../images/box-bg-hover.png");
	color: #fff;
	text-decoration: none;
	transition: ease-in-out 175ms;
}

.tutorial-box {
	align-items: center;
	color: #e8ecf7;
	display: -webkit-inline-box;
	font-size: 0.95em;
	font-weight: 600;
	height: 125px;
	letter-spacing: 0.15px;
	padding: 10px 10px 10px 10px;
        width: 251px;
        /*width: 100%;*/
/*	width: 250px;
        max-width: 300px;*/
}


/*///// CIRCLES /////*/
/*can change names of classes(and topics from data-category attribute) to whatever content is applicable for semantics*/
/*circle numbers corresponds to topic numbers found in data-category attribute.
  e.g. topic1 and circle1 relate to each other*/
.topic-circles {
	height: 30px;
	margin: 0px;
	position: relative;
	width: 220px;
        display: inline;
}

.meg, .emf, .nucleotide, .sequences, .align, .bootstrap, .phylogeny, .clustalw,
.nj, .me, .ml, .fasta, .protein, .pairwise_distance, .muscle, .upgma, .install,
.build_alignment, .export, .blast, .edit_sequences, .mas, .nwk, .txt,
.substitution_matrix, .gene_duplication, .evolutionary_probability, .ab1, 
.tracer, .edit_tree, .phy, .translated_protein, .mtsx, .protein_compositions,
.mts, .model_selection, .png, .calibrate, .consensus, .xls, .grouping_taxa,
.distance_estimation, .pdf{
	border-radius: 100%;
	display: inline-block;
	height: 12px;
	margin-left: 5px;
	position: relative;
	width: 12px;
}

.topic-circles .meg, .topic-circles .emf, .topic-circles .nucleotide,
.topic-circles .sequences, .topic-circles .align, .topic-circles .bootstrap,
.topic-circles .phylogeny, .topic-circles .clustalw, .topic-circles .nj, 
topic-circles .me, topic-circles .ml, topic-circles .fasta, 
topic-circles .protein, topic-circles .pairwise_distance, topic-circles .muscle, 
topic-circles.upgma, topic-circles .install, topic-circles .build_alignment,
topic-circles .export, topic-circles .blast, topic-circles .edit_sequences,
topic-circles .mas, topic-circles .nwk, topic-circles .txt,
topic-circles .substitution_matrix, topic-circles .gene_duplication, 
topic-circles .evolutionary_probability, topic-circles .ab1, 
topic-circles .tracer, topic-circles .edit_tree, .topic-circles .phy, 
.topic-circles .translated_protein, .topic-circles .mtsx, 
.topic-circles .protein_compositions, .topic-circles .mts, 
.topic-circles .model_selection, .topic-circles .png, .topic-circles .calibrate
.topic-circles .consensus, .topic-circles .xls, .topic-circles .grouping_taxa
.topic-circles .distance_estimation, .topic-circles .pdf{
	left: 10px;
	position: relative;
	top: 0px;
}
.center {
    text-align: center;
}


/*/// POPOVERS ///*/