.titlet {
    font-weight: bold;
    font-size: 20px;
}
.datastable {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    font-size: 12px;
    width: 100%;
}
.datat {
    text-align: right;
    padding-top: 5px;
    font-size: 18px;
}
hr {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border-top: 1px solid #000000;
}
.red {
    color: #f56954 !important;
}
.green {
    color: #ffcc00 !important;
}
.gray {
    color: #cccccc !important;
	animation: myAnim 0.5s ease 0s 1 normal forwards;
}


.mintable {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    height: 390px;
}
.mintablewidth {
    max-width: 150px;
}
table.datastable td:nth-child(2) {
    min-width: 100px
}
@keyframes myAnim {
	0%,
	100% { transform: translateX(0%); transform-origin: 50% 50%; }
	15% { transform: translateX(-30px) rotate(-6deg); }
	30% { transform: translateX(15px) rotate(6deg); }
	45% { transform: translateX(-15px) rotate(-3.6deg); }
	60% { transform: translateX(9px) rotate(2.4deg); }
	75% { transform: translateX(-6px) rotate(-1.2deg); }
}