/* ซ่อน footer เดิมของ Roundcube
#login-footer {
    display: none !important;
}
*/

/* กล่อง log in แบบยกลอย */
#login-form {
margin-top : 5px;
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);

    max-width: 400px;
    box-sizing: border-box;
}


#login-form .formbuttons input[type="submit"],
#login-form .formbuttons button {
    width: 50% !important;  /* ให้เต็มความกว้างเหมือน input */
    max-width: none !important;
}

/* จัดปุ่ม Login ให้อยู่ชิดซ้าย */
#login-form .formbuttons {
    display: flex !important;
    justify-content: flex-start !important; /* ชิดซ้าย */
}

#login-form .formbuttons input[type="submit"],
#login-form .formbuttons button {
    margin-left: 0 !important; /* ไม่เว้นระยะซ้าย */
}


/* เปลี่ยนสีปุ่ม Login เท่านั้น */
#login-form button,
#login-form input[type="submit"],
.button.mainaction {
    background:  #FFA500 !important;
    border: 1px solid #FFA500 !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

#login-form button:hover,
#login-form input[type="submit"]:hover,
.button.mainaction:hover {
   background:  #01A6BA !important;
    border-color: #01A6BA !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3) !important;
}

/* จัดสไตล์และตำแหน่งสำหรับ footer ที่เราสร้างขึ้นมาใหม่ */
#custom-footer-container {
    position: fixed; /* ยึดตำแหน่งให้อยู่กับหน้าจอ */
    bottom: 10px; /* ห่างจากขอบล่าง 2 พิกเซล */
    left: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    color: #00acff;
    z-index: 1000; /* ทำให้ footer แสดงอยู่ด้านบนสุดของทุกองค์ประกอบ */
}

#message-below-login {
    color: #A52A2A; /* ตัวอย่าง: สีส้ม */
    font-size: 14px; /* ขนาดตัวอักษร */
    margin-top: 10px; /* ระยะห่างจากด้านบน */
    text-align: center; /* จัดกึ่งกลาง */
}