@font-face {
    font-family: "HongHaHep";
    src: url("UVNHongHaHep_R.TTF") format("truetype");
}
* {
    font-family: HongHaHep;
}
body{
    margin: 0;
    padding: 0;
    background-color: #252a31;
    color: #FFF;
    font-size: 16px;
    box-sizing: border-box;
    min-height: 100%;
    height: 100vh;
}
.overflow-y-auto::-webkit-scrollbar {
    display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.overflow-y-auto {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
} 
a.menu{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 10px;
    cursor: pointer;
    box-sizing: border-box;
}
a.menu:hover{
    background: #6c697b;
    color: #fff;
}
a.menu.selected{
    background: #2d72d2;
    color: #fff;
}
@keyframes slow-spin {
    to {
      transform: rotate(360deg);
    }
}
.custom-context-menu {
    min-width: 120px;
}
.animate-slow-spin {
    animation: slow-spin 1s linear infinite;
}
h2{
    font-weight: bold;
    font-size: 20px;   
    padding: 4px 0px;
}
td, th{
    padding: 4px 0px;
}
.table-live td, th{
    border: 1px solid #595959;
}
.table-fixed td{
    border: none;
    border-bottom: 1px solid #CCC;
}
.table-fixed th{
    border: none;
}
.table-fixed th{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background: #034f84;
}
.stockname{
    text-transform: uppercase;
    color: #00bbf0;
    font-weight: bold;
}
.price-up{
    color: #0fd70f;
}
.price-down{
    color: #e84a5f;
}
.price-open{
    color: #f3c43f;
}
.price-ceiling{
    color: #c335d1;
}
.price-floor{
    color: #07aadb;
}

/* Flash animations for individual spans */
@keyframes flash-green { 0% { background-color: rgba(72,187,120,0.3); } 100% { background-color: transparent; } }
@keyframes flash-red   { 0% { background-color: rgba(234, 47, 47, 0.3); } 100% { background-color: transparent; } }
.flash-green { animation: flash-green 1s ease-out; }
.flash-red   { animation: flash-red 1s ease-out; }