.body-img {
    /* กำหนดเส้นทางรูปภาพ */
    background-image: url('./../img/bg.jpg');
    background-size: 100vw;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.5); /* สีขาวโปร่งใส 50% */
    background-blend-mode: lighten; /* หรือ multiply, overlay ขึ้นอยู่กับความเหมาะสม */
    background-attachment: fixed;
    background-position: center bottom;
}

.main-title{
    min-height: 120px;
    color: #355872;
    /*background-color: #9CD5FF;*/
    background-color: rgba(156, 231, 255, 0.7);
    border-bottom: 10px solid #7AAACE;
    border-bottom-left-radius: 50px 20px;
    border-bottom-right-radius: 50px 20px;
}

.ht{
    color: #355872;;
}
.hb{
    border-bottom: 2px solid #7AAACE;
}
.pointer{
    cursor: pointer;
}

.t-small {
    color: gray;
    font-size: 10px;
}

/*toast message alert */
.toast-d {
    color: rgb(88,21,28);
    background-color: rgb(248,215,218);
}
.toast-s {
    background-color: rgb(209,231,221);
    color: rgb(10,54,34);
}
.toast-bd {
    color: rgb(88,21,28);
    background-color: rgb(255,250,250);
}
.toast-bs {
    color: rgb(10,54,34);
    background-color: rgb(250,255,250);
}

.req::after {
    content: " *";
    color: red;
    font-weight: 900 !important;
}

/* offCanvas full screen */
.canvas-full-screen {
    width: 100%;
    height: 100%!important;
    position: fixed;
    overflow-y: auto;
}

.w10 {
    width: 10px;
}

.f14 {
    font-size: 14px!important;
}