/* .canvas_image { */
/* 	opacity: 0.6; */
/* 	background-image: url("art/world.topo.light.1920x960.jpg"); */
/* 	height: 100%; */
/* 	width: 100%; */
/* 	object-fit: contain; */
/* 	background-repeat: no-repeat; */
/* 	background-size: cover; */
/* 	background-position: center; */
/* } */

.canvas_container {
	height: 100vh;
	width: 100%;
}

.canvas_image {
	opacity: 0.6;
	background-image: url("art/world.topo.light.1920x960.jpg");
	height: 100%;
	width: 100%;
	object-fit: contain;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.searchable_icon {
	padding-right: 15px;
	opacity: 1 !important;
	cursor: pointer;
	width: 70px;
	user-select: none;
}

.landing_box {
	border-top: 1px dashed #aaaaaa;
	border-bottom: 1px dashed #aaaaaa;
	position: absolute !important;
	top: calc(50% - 100px);
	background-color: #f1f1f1;
	opacity: 0.7;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 1000;
}

.landing_box_label {
	display: table-cell;
	border: 0px solid red;
	vertical-align: middle;
	padding-left: 5px;
}

.landing_box_label_image {
	display: table-cell;
	border: 0px solid red;
	vertical-align: middle;
	padding-left: 10px;
}

.landing_center_text {
	user-select: none;
	font-size: 30px;
	color: #666666;
	padding-bottom: 15px;
}

div .plotly-notifier {
	visibility: hidden;
}

#paper_div a:link {
	color: #885555;
}

#paper_div a:visited {
	color: #885555;
}

#paper_div a:hover {
	color: #ff5555;
}

#paper_div a:active {
	color: #ff5555;
}

.workaround_wrapper {
	position: relative;
	z-index: -1;
}

.landing_input {
  width: 100%;
	border: 1px solid #cccccc;
	border-radius: 8px;
	list-style-type: none;
	overflow: hidden;
	color: #555;
	background: #fff;
	vertical-align: middle;
	margin-top: 5px;
}