@import url("../include/bootstrap/css/bootstrap.min.css");

/*** Navigation Bars ***/
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 18px;
    background-color: #F8F8F8;
}
.navbar-nav li a:hover {
    color: #1abc9c !important;
}

.navbar.navbar-default.navbar-fixed-side{
	position: fixed;
	text-align: center;
}


/*** Footer ***/

.footer {
	background-color: #F8F8F8;
	padding: 30px 0 20px 0;
} 

/*** Background Colors ***/
.bg-1
{
	background-color: #ffffff; 	/* White */
	color: #000; 			/* Text black */
}
.bg-2
{
	background-color: #1abc9c;  	/* Green */
	color: #000; 			/* Text black */
}
.bg-3
{
	background-color: #474e5d; 	/* Dark blue */
	color: #000; 			/* Text black */
}
.bg-4
{
	background-color: #2f2f2f;  	/* Dark gray */
	color: #000; 			/* Text black */
}
.bg-5
{
	background-color: #f8f8f8; 	/* Default gray value header */
}

/*** Containers ***/
.container-fluid {
	padding-top: 20px;
	padding-bottom: 20px;
}
.container.condensedContainer {
	padding-top:10px;
	padding-bottom:0px;
}

/*** Navbar Floating ***/
/* See https://stackoverflow.com/questions/11124777/twitter-bootstrap-navbar-fixed-top-overlapping-site ***/
/* Solve header overlap with sections below. */
body { 
	padding-top: 160px; 
	font-size: 18px;
}
.img-logo{
	width: 150px;
}

.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

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


.alert.success {background-color: #04AA6D;}

/*
@media screen and (max-width: 1200px) {
	body { padding-top: 160px; }
	.img-logo { width: 100px; }
}
@media screen and (max-width: 992px) {
	body { padding-top: 150px; }
	.img-logo { width: 70px; }
}
@media screen and (max-width: 768px) {
	body { padding-top: 200px; }
	.img-logo { width: 60px; }
	.img-responsive{ width: 70px;	}
}
*/

/*** Carrousel ***/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	/*min-width: 100%;*/
	/*width: 100%; */
	max-width: 80%; 
	max-height: 80%;
	/*line-height: 1; */
	margin :auto; 
	object-fit: contain;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #f4511e;
}

.carousel-indicators li {
    border-color: #f4511e;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-indicators li.active {
    background-color: #f4511e;
}

.carousel-indicators {
    bottom: -170px;
}

/*** Jumbotron ***/
.jumbotron{
	padding-top: 2em;
}

/*** Icons set-up ***/
.ai-researchgate-square {
	color: #00CCBB; 		/* Researcgh gate green color */
}

.icon-slides {
	font-size: 50px;
}

/*** Lists and tables***/

li.borderless {
	border-top: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
	border-right: 0 none;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.v-center {
	display:table!important;
}

.v-center div[class*='col-'] {
	display: table-cell!important;
	vertical-align:middle;
       	float:none;
}