/*
/* Additional styles for PHENOMIN website
/****************/


/*Colors :
/*blue : #00A0D0
/*darker blue : #0082BE;
/*blue-gray (icon) : #4F5D73;
/*green : #C3CF01
/*dark green : #636B09;C2CE08
/*font-family: 'Archivo Narrow'
/****************/


/*** Global layout styles ***/

iframe {
	border: none;
}

.header, .bigheader {
	background-color: #fff;
	min-height: 90px;
	padding: 15px;
	margin-top:0px;
}

.bigheader i.fa, .header i.fa{
	padding: 0 10px;
}
.bigheader i.fa{
	color: white;
}

.container-phenomin{
	padding: 20px 0;
}


.bigheader{
	min-height: 200px;
	border-bottom: 3px solid #0082BE;
	background: url("/static/img/bg.2d7fad830ab9.png") no-repeat bottom center;
	background-size: cover;
	color: #FFF;
}

.home_title{
	margin: 15px 0 30px 0;
	/* font-size: 1.2857em; */
	font-size: 1.5em;
	font-family: 'Archivo Narrow', sans-serif;
	border-bottom: 3px solid #C3CF01;
	text-transform: uppercase;
}

.home-row{
	padding: 30px 30px 0 30px;
}

.navbar {
	background-color: #0082BE;
	border-radius: 0px;
	margin-bottom: 0px;
}

.navbar-nav > li > a {
	color: white;
/*	text-transform: uppercase;*/
	font-family: 'Archivo Narrow', sans-serif;
/*	font-weight: bold;*/
	font-size: 1.2857em;
}

.dropdown-menu > li > a {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.2857em;
	background-color: #0082BE;
	color: white;
}

.dropdown-menu {
	background-color: #0082BE;
	color: white;
}

@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
 }

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #fff;
	color: #0082BE;
}

.navbar-nav > li.active > a {
	background-color: #fff;
	color: #0082BE;
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.icon-bar {
    background-color: white;
}
.navbar-toggle{
	border-color: white;
}

.panel-square{
	border-radius: 0px;
}
.topicimg img{
	width: 100%;
}
.topictext{
	background-color: #2f2f2f;
	color: white;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 5px;

}
.topictext a{
	color: white;
	text-decoration: none;
}
.rowtopic{
	margin-top:30px;
}

footer {
	background-color: #eee;
	border-top: 3px solid #C3CF01;
	width: 100%;
	bottom: 0;
	padding: 20px 0;
	margin-top: 40px;
	font-family: 'Archivo Narrow', sans-serif;
}

footer .container{
	background-color: inherit;
}


.smaller {
	font-size: .7143em; /* equiv 10px */
}
.small {
	font-size: .8571em; /* equiv 12px */
}
.big {
	font-size: 1.1429em; /* equiv 16px */
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
}

.row_home{
	padding-bottom: 40px;
}

.hr_small_margin{
	margin-top: 5px;
	margin-bottom: 5px;
}

#showMenu {
	display: none;
}

.banner {
	background-color: #7b858f;
}

.mod.icon ul {
	padding-left: 5.1em;
}

.img_news {
	max-width: 200px; 
	padding: 20px;
}


/*** Global text styles ***/

h1, h2, h3, h4 {
	font-family: 'Archivo Narrow', sans-serif;
}


a, a:hover {
	text-decoration: none;
}

p {
	text-align: justify;
}

#banner{
	margin-bottom: 20px;
	min-height: 120px;
	position: relative;

}

.banner-title{
	position: absolute;
	left: -20px;
	top: 0px;
	z-index: 2;
	top: 30px;
}

.banner-title h1{
	margin: 0;
}

#banner img{
	width: 100%;
}

span.file img, span.file .filesize {
	display: none;
}

.breadcrumb {
	padding: 2px 5px;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 0.9em;
	background-color: #FFF;
	border-radius: 0;
}

/* Titles H1 */

div.title {
	position: relative;
}

h1 {
	display: inline-block;
	color: #fff;
	font-size: 1.8em;
	background-color: #00A0D0;
	padding: 20px;
}


/* Titles H2 */

h2 a img{
	height: 24px;
	float: right;
}

h2 small {
	color: gray;
}

/* Titles H3 */

h3 {
	color: #fff;/*#1a1f26;*/
	background-color: #00A0D0;
	padding-right: 10px;
	text-align: right;
	margin: 0.875em 0;
	line-height: 43px;
}

.news {
	padding: 5px 0;
}

.icon > h3{
	padding-left: 2em;
	background-size: 38px;
	width: 100%;
	border-top-left-radius: 21px;
	border-bottom-left-radius: 21px;
}

.icon > h3 + p {
	padding-left: 4em;
}

.icon-gear > h3{
	background:#00A0D0 url("../img/icons/gear-white.0df9ba517fe5.png") 0.3% 50% no-repeat;
	background-size: contain;
}

.icon-tools > h3{
	background:#00A0D0 url("../img/icons/tools-white.311e14b7cb74.png") 0.3% 50% no-repeat;
	background-size: contain;
}

.icon-target > h3{
	background:#00A0D0 url("../img/icons/target-white.86af5d20d458.png") 0.3% 50% no-repeat;
	background-size: contain;
}

.icon-stack > h3{
	background:#00A0D0 url("../img/icons/stack-white.6fff030fe4e5.png") 0.3% 50% no-repeat;
	background-size: contain;
}



/* Top menu */

#navigation-top ul{
	list-style-type: none;
	padding-left: 0px;
}

#navigation-top a {
	font-family: 'Archivo Narrow', sans-serif;
	color: #4F5D73;
}

.header #phenomin-logo {
	float: right;
	max-height: 60px;
}
.bigheader #phenomin-logo {
	max-height: 100px;
}

.header #logo-ia {
	position: absolute;
	margin-top: 65px;
	margin-left: -97px;
	z-index: 100;
	max-height: 80px;
}
.bigheader #logo-ia {
	float: right;
	max-height: 120px;
}

.bigheader a {
	color: #FFF;
}


/* Page menu and associates */

.list-group-item.active {
	background-color: #428bca;
}

.list-group-item.active a {
	color: #fff;
}

.sidebar-menu {
	position: fixed;
}

.anchor { /* anchor links fix when static header */
  display: block;
  height: 160px; /*same height as header*/
  margin-top: -160px; /*same height as header*/
  visibility: hidden;
}

.scrollTo .icon-bull3:before, .scrollTo .icon-bull3.after:after {
    color: #fff;
}


.left_menu_item{
	font-size: 1.2857em;
	font-family: 'Archivo Narrow', sans-serif;
	color: #999;
	padding: 10px 0;
	margin-right: 40px;
	border-bottom: 3px solid #EEE;
}

.left_menu_item:last-child{
	margin-bottom: 20px;
}
.left_menu_item:first-child{
	margin-top: 10px;
}
.left_menu_item a:hover{
	text-decoration: underline;
}

/* Index page */

#mouse-index {
	position:absolute;
	margin-top:-45px;
	margin-left:100px;
	height:100px;
	width:130px;
}


/* Logos */

.collaborations-logo {
	text-align: center;
	height: 80px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.collaborations-logo img{
	height: 60px;
}


/* Caroussel */

.carousel-inner>.item>img {
	/*height: 350px;*/
	max-width: 100%;
}

.carousel-caption {
	top:-10px;
	left:0;
	/* min-height:40px; */
	/* bottom: auto; */
	width:400px;
	min-height:40px;
	bottom: auto;
	padding:0;
	text-shadow: none;
	/* width:100%; */
	text-align: left;
}

.carousel-caption h1 {
	text-align: left;
	position: relative;
	display: inline-block;
	color: #fff;
	padding:5px;
	font-size: 2em;
	width:100%;
	z-index: 1;
	bottom: auto;
	margin-bottom: 0px;
	background-color: rgba(0, 0, 0, 0.4);
}

.carousel-caption p {
	padding: 5px;
	text-align: left;
	color: #111;
	background-color: rgba(255, 255, 255, 0.8);
	margin-top: 0px;
	font-family: 'Archivo Narrow', sans-serif;
	/* font-size: 0.9em; */
}

.carousel-caption p + p {
	padding-top: 0px;
	padding-bottom: 0px;
}

.carousel-caption p:first-of-type {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.carousel-caption p:last-of-type {
	padding-bottom: 10px;
}



.side-news{
	/*top: 150px;*/
	width: 250px;
}

.side-news.affix {
    position: fixed;
    top: 20px;
}


/* Tooltip */

.tooltip-inner{
	background-color: #4F5D73;
	font-family: 'Archivo Narrow', sans-serif;
  	font-size: 14px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4F5D73;
}

/* Labels */

/*.label {
	font-family: 'Archivo Narrow', sans-serif;
}*/

.label-news {
  background-color: #C3CF01;
  color: #555;
  font-weight: normal;
}

.label-services {
  float: right;
  font-size: 0.9em;
}


/* Tables */

.genes-table {
	width: 640px;
	border-collapse: collapse;
	table-layout: auto;
}

.genes-table td.icon-link {
	text-align: center;
}

.genes-table tr:hover {
	background-color: #BFE7F2;
}

.dataTables_wrapper + .dataTables_wrapper{
	margin-left: 5%;
}

.genes-table thead > tr:first-child {
	background-color: #00A0D0;
	color: #fff;
}

.dataTables_filter {
	display: none;
}

.genes {
	margin-top: 20px;
	max-width: 555px;
  	float: right;
}

tr.info {
    background-color: #d9edf7;
}


/* Forms */

textarea.form-control {
  height: 100px;
}

form td, form table {
	border: 0px solid #ccc;
}

form tbody {
	margin: 1em 0;
	border: 1px solid #ccc;
}

form .col-xs-9 {
	margin-bottom: 15px;
}

.form-horizontal .control-label {
	padding-top: 0px;
}

form ul {
	list-style: none;
	padding-left: 0;
}

form ul li{
	display: inline-block;
	padding-right: 10px;
	margin: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.select2-container .select2-choice {
	color: #555;
	height: 32px;
    padding: 3px 0 0 12px;
    background-image: none;
}

/* Datepicker */


.ui-datepicker {
	width: 100%;
}

.ui-datepicker table {
	width: 100%;
	font-size: 1.1em;
	border-collapse: collapse;
	margin: 0 0 .4em;
	height: 200px;
	border: 0;
	background-color: #f9f9f9;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	cursor: pointer;
}

.ui-datepicker-today a {
	color: #0082BE;
	font-weight: bold;
}

.event-day {
    background-color: #428bca;
}

.event-day a {
	color: #fff;
}


/* Calls pages */


.call-section {
	padding-top: 60px;
}

.list-group-item {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.3em;
	border: none;
	width: 294px;
}

.list-group-item .icon {
	display: none;
}

.list-group-item.active {
	background-color: #0082BE;
}

.list-group-item.active .icon {
	display: inline-block;
	color: #fff;
}

.list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}



/* Services */

.grid2 .mod img.left {
	float: left;
	margin-right: 20px;
}

.services-supplied {
	background-color: #f5f5f5;
	padding: 10px 15px;
	margin: 10px 0 20px 0;
	border-radius: 4px;
}

.pull-left {
  clear: left;
  width: 49%;
  display: inline-block;
}

.pull-right {
  clear: right;
  width: 49%;
  display: inline-block;
}

/* Titles H4 */

footer, footer a{
	color: #555;
}

footer h4 {
	font-size: 1.3em;
}

.footer-logos img{
	max-height: 25px;
}

footer hr {
	height: 1px;
	background-color: #ccc;
	border: 0;
}

.container-phenomin li {
	list-style-image: url("../img/square-bullet.55a6a7280796.png");
	padding-bottom:5px;
}

/* some hacks */


/* Fix filer image caption */

.filer_image_info {
	display: block;
}



/* fix grid layout for IMPC calls pages */
.col.w70 {
   	display: inline-block;
}

.col.w30 {
	display: inline-block;
	width: 29.6%;
}

@-moz-document url-prefix() {
	#banner > .row > img, #banner > .row > div > img {
		padding: 0 20px;
	}
}

/* fix display: table bug in safari */
@media (min-width: 1140px) {
	::i-block-chrome, html:lang(en)>body .mw1140p {
	    width: 1148px;
	}
}


/* Mobile styles */

@media (max-width: 1080px) {

	/* Main menu */
	#navigation-main ul li > a {
		font-size: 0.8em;
	}

}


@media (max-width: 800px) {

	.side-news{
		display: none;
	}

	.bigheader #phenomin-logo {
		max-width: 170%;
		min-width: 80%;
	}
	.bigheader #logo-ia {
		max-width: 30%;
		min-width: 20%;
	}

	.home_block_flow{
		display: none;
	}

	.header #logo-ia {
		display: none;
	}

	.icon > h3 + p {
		padding-left: 0em;
	}

	/* Top menu */
	#navigation-top {
		display: none;
	}

	/* Main menu */
	#navigation-main {
		display: none;
	}

	/* Banner */
	h1 {
		margin: 0;
	}
	header {
		height: 60px;
	}

	#banner {
		padding-top: 60px;
	}

	#banner img {
		padding: 0;
	}

	#banner .row {
		height: 100%;
	}

	#showMenu {
		display: inline-block;
		float: left;
	}

	#showMenu img {
		max-height: 40px;
	}

	.header #phenomin-logo {
		max-width:70%;
		float: right;
	}

	/* Carousel */
	.carousel-indicators {
		display: none;
	}

	.carousel-inner > .item:not(:first-child) {
		display: none;
	}

	.carousel-caption h1 {
		width:100%;
		padding-right: 20px;
		top: auto;
		left: 0;
		width: 100%;
		text-shadow: none;
	}

	/* Tables */

	th, td {
		display: table-cell !important;
	}

	#affix-ul {
		display: none;
	}

	/* Footer */

	footer div > h4 {
		padding-top: 25px;
	}
	.grid4 > div:first-child {
		text-align:center;
	}

}