/* display */
.d-flex{
	display: flex;
}
.d-inline-block{
	display: inline-block;
}
.d-block{
	display: block;
}
.align-items-center{
	align-items: center;
}
/* flex */
.flex-direction-column{
    flex-direction: column;
}
.justify-content-center{
    justify-content: center;
}

/* text */
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}

.overflow-x-auto{
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.overflow-y-hidden{
	overflow-y: hidden;
}

/* borders */
.rounded{
	border-radius: 100%;
}

.w-100{
    width: 100%;
}

.copy-box {
    background-color: #f8f9fa;
    border: 1px dashed #e67e22;
    padding: 2px 4px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.copy-box:hover {
    background-color: #fff1e6;
}