.autosave{
    background-color:transparent;
    outline: none;
    border: 0px solid;
    border-bottom: 1px solid transparent;
    font-size: 16px;
}
.autosave:focus{
    border-bottom: 1px solid var(--primary);
}
.autosave:hover{
    border-bottom: 1px solid var(--primary);
}
.imgcontainer {
    position: relative;
    width: 288px;
    height: auto;
}
.imgcontainer .image {
    width: 288px;
    height: auto;
    cursor: pointer;
}
.imgcontainer .buttons {
	position: absolute;
	top: 0%;
	left: 100%;
	transform: translate(-100%, 0%);
	-ms-transform: translate(-100%, 0%);
	font-size: 16px;
	/*padding: 12px 24px;*/
	width: 56px;
	height: 82px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	text-align: justify;
	visibility:hidden;
}

.imgcontainer .buttons .delbtn {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(245, 123, 143);
    color: white;
    font-size: 16px;
    padding: 12px;
    border: none;
	width: 56px;
	height: 40px;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    visibility:inherit;
}
.imgcontainer .buttons .exportbtn {
	position: absolute;
	top: 42px;
	left: 0px;
	background-color: #555;
	color: white;
	font-size: 16px;
	padding: 12px;
	width: 56px;
	height: 40px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	visibility: inherit;
}

.imgcontainer .buttons:hover{
    visibility:visible;
}
.imgcontainer .image:hover + .buttons{
    visibility:visible;
}

.imgcontainer .timetag {
    position: absolute;
    top: 100%;
    left: 100%;
    opacity: 0.8;
    transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    background-color: #2f2f2f;
    color: white;
    font-size: 10px;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    visibility: visible;
}

.up_tooth {
    width: 6.2%;
    max-height: 106px;
    vertical-align: bottom;
}

.dp_tooth {
    width: 6.2%;
    max-height: 106px;
    vertical-align: top;
}

.um_tooth {
    width: 6.2%;
    max-height: 91px;
    vertical-align: bottom;
}

.dm_tooth {
    width: 6.2%;
    max-height: 91px;
    vertical-align: top;
}