/* ----------
 * buttons
 * ---------- */
#btn-container a {
	text-decoration-line: none;
}
.btn-sel {
	display: inline-block;
	text-align: center;
	color: #333333;
	background-color: #d9d9d9;				/* grey  */
	/*background-color: #a0bbbb;*/			/* green */
	/*background-color: #9db8c2;*/			/* blue  */
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa #708989 #708989 #aaaaaa;
	border-radius: 6px;
	cursor: pointer;
}
.btn-sel:hover {
	background-color: #cccccc;				/* grey  */
	/*background-color: #80a0a0;*/			/* green */
	/*background-color: #839ea8;*/			/* blue  */
}
.btn-sel:active {
	background-color: #c0c0c0;				/* grey  */
}
/* -------
 * green
 * ------- */
/*
.btn-highlight {
	color: #e0e0e0;
	background-color: #406060;
	border-color: #002030;
}
.btn-highlight:hover {
	background-color: #294949;
}
*/
/* ------
 * blue
 * ------ */
/*
.btn-highlight {
	color: #e0e0e0;
	background-color: #2b4c57;
	border-color: #002030;
}
.btn-highlight:hover {
	background-color: #1e343c;
}
*/
/* -------
 * grey
 * ------- */
.btn-highlight {
	color: #000000;
	background-color: #839c9c;
	border-color: #778888 #445555 #445555 #778888;
}
.btn-highlight:hover {
	background-color: #738c8c;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *   screen size
 *
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 701px) {
	#btn-container {
		float: right;
		margin-right: 1px;
	}
	.btn-sel {
		min-width: 110px;
		line-height: 34px;
	}
}
@media screen and (max-width: 700px) {
	#btn-container {
		margin-bottom: 20px;
	}
	.btn-sel {
		min-width: 110px;
		line-height: 38px;
	}
}
/* --------------------------------------------- */
@media screen and (max-width: 450px) {
	#btn-container {
		display: flex;
		justify-content: space-between;
		gap: 5px;
	}
	.btn-sel {
		min-width: 30vw;
	}
}
/* --------------------------------------------- */
@media screen and (max-width: 360px) {
	#btn-container {
		display: initial;
	}
	.btn-sel {
		min-width: auto;
		padding: 0 10px;
	}
}