/* Nền toàn trang */
/* Toàn bộ trang login */
/* body.account-login {
    background: linear-gradient(135deg, #0078d4, #00b4a0);
    font-family: "Segoe UI", Arial, sans-serif;
} */
/* body.hidden {
    visibility: hidden; 
  } */

/* Khung login */
.portal-form {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
    max-width: 730px;
    margin: 80px auto;
}

/* Tiêu đề */
.portal-form .login-heading-section {
    text-align: center;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

/* Input */
input.form-control {
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input.form-control:focus {
    border-color: #0078d4;
    box-shadow: 0 0 5px rgba(0,120,212,0.5);
}

/* Label */
label {
    font-weight: 600;
    color: #444;
}

/* Nút Sign-in */
.portal-form #submit-signin-local {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border-radius: 6px;
    font-weight: bold;
    background-color: #0078d4;
    border: none;
}

/* Submit button */
.btn-primary,
input[type="submit"],
button[type="submit"] {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%) !important;
    border: none !important;
    padding: 15px 25px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    width: 100% !important;
    color: white !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    height: 50px !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4) !important;
}

.btn-primary:active,
input[type="submit"]:active,
button[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

/* Nút Forgot password */
.portal-form a.btn.btn-default {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  margin-top: 12px;
  color: #0078d4 !important;
  display: block;
  text-align: center;
  text-decoration: underline;
}

/* Checkbox Remember me */
.portal-form .checkbox label {
    font-size: 14px;
    color: #555;
}
@media (min-width: 768px) {
    .col-form-label {
        text-align: center !important;
    }
}


/* Animation */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-heading ~ .container {
  min-height: calc(100% - 410px);
}

.wrapper-body{
    min-height: calc(100% - 272px) !important;
}