.btn-grey {
    color: #666;
    background-color: #ccc;
    border: 1px solid #bbb; 
}

.btn-dark-grey {
    color: #fff;
    background-color: #999;
    border: 1px solid #888; 
}

.btn-disabled {
    background-color: #ccc;
    color: #fff;
    border: 1px solid #bbb; 
}

.btn-purple {
    background-color: rgb(168, 53, 149);
    border: 1px solid rgb(158, 43, 139);
}

.card-header {
    background-color: #fff;
}

.w4 {
    width: 4%;
}

.w10 {
    width: 20%;
}

.w20 {
    width: 20%;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-20 {
    font-size: 20px;
}

.fw-200 {
    font-weight: 200;
}

.h20 {
    font-size: 19px;
    font-family: "Sarabun", sans-serif;
    font-weight: 300;
}

.m-l-9 {
    margin-left: 9px;
}

.m-l-30 {
    margin-left: 30px;
}

.hidden {
    display: none !important;
    visibility: hidden !important; 
}

.wid-1
{
  width: 10px;
}

.mapsize {
    height: 450;
}

@media (max-width: 1024px) {
    .mapsize {
       height: 250;
    }
}