@media (max-width: 768px){
    .justify-content-login {
        justify-content: center !important;
    }
    
}

/* ========== จอเล็กมาก (ต่ำกว่า 576px) ========== */
@media (max-width: 575.98px) {
    .justify-content-login {
        justify-content: center !important;
    }
    
}

/* ========== มือถือแนวตั้ง (576px ขึ้นไป) ========== */
@media (min-width: 576px) and (max-width: 767.98px) {
    .justify-content-login {
        justify-content: center !important;
    }
    .hide-on {
        display: none !important;
    }
}

/* ========== แท็บเล็ตแนวตั้ง (768px ขึ้นไป) ========== */
@media (min-width: 768px) and (max-width: 991.98px) {
    .justify-content-login {
        justify-content: center !important;
    }
    .hide-on {
        display: none !important;
    }
    
}

/* @media (max-width: 768px){
    .justify-content-login {
        justify-content: start !important;
    }
    
} */

/* ========== แล็ปท็อป (992px ขึ้นไป) ========== */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .justify-content-login {
        justify-content: start !important;
    }
    .hide-on {
        display: none !important;
    }
}

/* ========== เดสก์ท็อปจอใหญ่ (1200px ขึ้นไป) ========== */
@media (min-width: 1200px) {
    .justify-content-login {
        justify-content: start !important;
    }
    .hide-on {
        display: none !important;
    }
}

/* ========== จอใหญ่พิเศษ (4K ขึ้นไป) ========== */
@media (min-width: 2560px) {
    .justify-content-login {
        justify-content: start !important;
    }
}


.btn-login {
    color: #fff;
    background-color: #F94681;
    border-color: #f5276c
}

.btn-login:hover {
    color: #fff;
    background-color: #a50d3f;
    border-color: #f5276c;
}

.text-login {
    color: #F94681 !important;
}

.sidebar-bg {
    background: #ffffff !important;
    transition: margin-left .35sease-in-out, left .35sease-in-out, margin-right .35sease-in-out, right .35sease-in-out;
}

.brd-system{
    width: 200px;
    height: 100px;
    border: 2px solid #f94681;
}

.my-box {
    width: 200px;
    height: 100px;
    border: 2px solid #f94681; /* ความหนา แบบ solid และสี */
  }
  
  
  /* Preloader */
  /* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */