@charset "utf-8";
.prompt-font{
    font-family: 'Prompt', sans-serif;
    font-size: 1rem;
    height: 100%;
}
.sarabun-font{
    font-family: 'Sarabun', sans-serif;
    font-size: 1rem;
    height: 100%;
}
.clock-font{
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    font-size: 1rem;
    height: 100%;
}
.cpf-font{
    font-family: 'Bebas Neue', cursive;
    font-size: 1rem;
    height: 100%;
}

.rem1{
    font-size: 1rem;
}
.rem0-9{
    font-size: 0.9rem;
}
.rem0-8{
    font-size: 0.8rem;
}
.rem0-7{
    font-size: 0.7rem;
}
.rem2{
    font-size: 2rem;
}
.rem2-5{
    font-size: 2.5rem;
}
.bg-skyblue{
    background-color: #C1FFF6 !important;
}
.bg-darkgray{
    background-color: #c4c3c3 !important;
}
.bg-darkblack{
    background-color: #000000 !important;
}
.bg-gray{
    background-color: #c4c3c3 !important;
}
.bg-lightgray{
    background-color: #ebebeb !important;
}
.bg-darkblue{
    background-color: #0300be !important;
}
.bg-lightblue-block{
    background-color: #0400d4 !important;
}
.bg-darkblue-block{
    background-color: #02008d !important;
}
.bg-normalblue-block{
    background-color: #0a0933 !important;
}
.bg-blackblue{
    background-color: #000333 !important;
}
.bg-violetblue{
    background-color: #3205f1 !important;
}
.bg-rosepink{
    background-color: #FF8A65 !important;
}
.bg-lightpink{
    background-color: #FF1195 !important;
}
.bg-chart{
    background-color: #343F57 !important;
}
.bg-grass{
    background-color: #60bb4e !important;
}
.bg-iscore{
    background-color: #860000 !important;
}
.text-lightgreen{
    color: #2bff00 !important;
}
.text-lightblue-block{
    color: #0400d4 !important;
}
.text-normalblue-block{
    color: #0a0933 !important;
}
.text-darkblue-block{
    color: #02008d !important;
}
.text-darkblue{
    color: #0300be !important;
}
.text-gold{
    color: #ce9700 !important;
}
.text-silver{
    color: #a3a3a3 !important;
}
.text-bronze{
    color: #961e00 !important;
}
.ajax-loader {
    visibility: hidden;
    background-color: #ffffffb3;
    position: absolute;
    z-index: +100 !important;
  }
  
.ajax-loader img {
    position: relative;
    width: 10%;
    top:50%;
    margin: auto;
}
button:disabled, input:disabled, select:disabled {
    cursor: not-allowed;
}
.logo-gray{
    width: 30px;
}
/*#chart {
    max-width: 650px;
    margin: 35px auto;
    padding: 0px;
}*/
.ui-autocomplete {
    position: absolute;
    z-index: 2150000000 !important;
    cursor: default;
}
.refresh-coin{
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition-duration: 1s;
}