canvas {
	border:0px;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	/* background-color: #f1f1f1; */
}

body {
	width: 100%;
	height: 100%;
	/* margin: 3% 0; */
	margin: 0;
	border: 0;
	background-image: url(../images/bg_grid.png);
	overflow-x: hidden; /*  Disable scrollbars */
	/* display: block; */  /* No floating content on sides */
}

.container {
	opacity: 1;
}

.some-transparency {
	opacity: 0.9;
}

.card-body {
	padding-top: 5px;
	padding-bottom: 5px;
}

.card {
	background-color: inherit; /* making transparent */
}

div.row {
	margin-top: 0.5rem;
}

h5.card-title, h6.card-title {
	margin-bottom: 0px;
}

.rounded {
	border-radius: 0.5rem !important;
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

/* select language */
.nav-pills .pill-1 .nav-link:hover {
	background-color: #007bff;
	color: white;
}
.nav-pills .pill-2 .nav-link:hover {
	background-color: #007bff;
	color: white;
}	

.nav-pills .pill-1 .nav-link:hover, .nav-pills .pill-1 .nav-link:active {
	cursor: default;
}
.nav-pills .pill-2 .nav-link:hover, .nav-pills .pill-2 .nav-link:active {
	cursor: default;
}

.nav-pills .pill-1 .nav-link:not(.active) {
   cursor: pointer;
}
.nav-pills .pill-2 .nav-link:not(.active) {
	cursor: pointer;
}

/* Tooltip - change color */
.tooltip-inner {
    background-color: #007bff;
    border-radius: .15rem;
}
.tooltip .arrow::before{
    border-top-color:#007bff;
}


/* text size and wrap fixing */
@media only screen and (min-width: 576px) and (max-width: 768px) {
	.photo-card {
		font-size: 80%;
	}
	
	.photo-card > a {
		font-size: 85%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
	#big_word {
		font-size: 75%;
	}
}

@media only screen and (max-width: 768px) {
	.container {
		max-width: none;
	}
	
	h5.card-title, h6, p, li {
		font-size: 90%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.photo-card > a {
		font-size: 95%;
	}
}

.nowrap {
	white-space: nowrap;
}

/* making stripped list */
.list-group-item {
	border-top: 0;
	border-bottom: 0;
}
.list-group li:nth-of-type(odd) {
    background-color: #f1f2f5;
}