.ui-tooltip {
	white-space: pre-line;
	text-transform: capitalize;
}
.fade:not(.show) {
    display: none;
}

.cell {
	width:40px;
	height:40px;
	border:1px solid #000;
	border-bottom:2px solid #000;
	border-top:0px;
	background:#fff;
	position:relative;
}
.cell:hover {
	cursor:pointer;
}
.cell img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.cell .image2 {
	z-index:3;
}
.cell_history {
	position:sticky;
	top:0px;
	z-index:4;
	background: url(../images/ticks.png);
    padding-top: 10px;
    padding-bottom: 10px;
}
.cell_history .strip_log_row .cell {
	border-top:2px solid #000;
}
.elog_cells .strip_log_row:first-child .cell,
.elog_cells .strip_log_row:first-child .description {
	border-top:2px solid #000;	
}
.elog_cells .columns > .cell {
	border-left:2px solid #000;	
}
/*:nth-child(4n+1)*/
.fossil_inclusions {
	background-color: #e8e8e8;
}
.depth {
	font-size:11px;
	width:20px;
	text-align:right;
	margin-top: -9px;
}
.description {
	width: 378px;
	min-width: 378px;
	max-width: 378px;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	resize: none;
	border: 1px solid #000;
	border-right: 2px solid #000;
	border-bottom:2px solid #000;
	border-top:0px;
	margin: 0;
	padding: 0 5px;
	font-size: 10px;
	background-color:#fff;
	/* no select */
	cursor: default;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.empty {
	border-right: 2px solid #000;
}
.template {
	display:none;
}



.toggle_elog_panel {
	position: sticky;
	left: 5px;
	top: 10px;
	z-index: 6;
}
#elog_panel {
	z-index: 6;
	position: fixed;
	top: 0;
	right: 0px;
	width:0px;
	height: 100%;
	background-color: #fff;
	border-left: 1px solid #000;
	overflow-y: auto;
}
#elog_panel.open {
	width:400px;
}
#elog_slider {
    position: absolute;
    border: 1px solid #000;
    top: 75px;
	left: -20px;
	width: 20px;
	background-color: #fff;
	padding:5px;
}

#elog_panel .tabs {
}
#elog_panel .tabs.active {
}

#elog_panel .tabs-content {
	padding: 5px;	
}
#elog_panel .tabs-content.active {
}

#elog_panel #fossils .tab-title a {
	font-size:.8rem;
}

#elog_panel .elog_step {
	display:none;
}
#elog_panel .elog_step.step1 {
	display:block;
}

#elog_panel [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
#elog_panel [type=radio] + img {
	cursor: pointer;
}
#elog_panel [type=radio]:checked + img {
	outline: 2px solid #3F7DE4;
}
#elog_panel .elog_rock_type_image,
#elog_panel .elog_composition_image, 
#elog_panel .elog_fossil_image, 
#elog_panel .elog_inclusion_image {
	width:32px;
	height:32px;
}

/* nav */
#elog_panel .nav-item button {
	color:#fff;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#elog_panel .nav-item button.active {
	color:#000;
}
#elog_panel #fossils .nav-item button {
	padding-right:8px;
	padding-left:8px;
}