body , h1 {
    font-family: "Noto Sans Thai", sans-serif !important;
}
#THInfo, #ENGInfo{
    line-height: 2em;
}
#ENGInfo{
    font-size: 13px;
}
#btn_eng, #btn_th{
    background: #505050;
}
#logout:hover {
    background-color: unset !important;
    color: maroon !important;
    font-weight: bold;
}
.icon-btn { width: 50px; height: 40px; border: none; border-radius: 6px; cursor: pointer; font-size: 18px; color: white; margin:3px; }
.icon-btn i { pointer-events: none; }
.icon-btn.mic { background-color: #f7931e; }
.icon-btn.stop { background-color: #007acc;   }
.icon-btn.play { background-color: #5c5c5c; }
.icon-btn.reset { background-color: #bfbfbf; color: #333; }
.icon-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.icon-btn-Refresh, .icon-btn-Start{
    width:62px;	position: static; border: solid 0.5px; border-radius: 4px;
}
.icon-btn-Refresh{
    border-color: #2bb5c87d; margin: 0 0 -8px 0;
}
.icon-btn-Start{
    border-color: #db7d437d; margin: 0 0 -6px 0;
}
li[data-control="move-end"] {
	position: absolute;
	left: 45%;
    padding-top: 2px !important;
    height: 31px !important;
    line-height: 1.8 !important;
}
.test-runner-scope .action-bar.content-action-bar.horizontal-action-bar.bottom-action-bar{
    position: fixed !important;
    bottom: 0;
    width: 100%;
}
.qti-navigator .qti-navigator-icon{
    left: -5px;
}
.test-runner-scope .test-sidebar {
    height: 100% !important;
}