/* قرار دادن استایل‌های عمومی در بالای صفحه */
@font-face {
    font-family: "IRANSansWeb_FaNum";
    src: url("../Fonts/IRANSansWeb(FaNum).eot");
    /* IE9 Compat Modes */
    src: url("../Fonts/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../Fonts/IRANSansWeb(FaNum).ttf") format("truetype"),
    /* Safari, Android, iOS */
    url("../Fonts/IRANSansWeb(FaNum).woff") format("woff"),
    /* Modern Browsers */
    url("../Fonts/IRANSansWeb(FaNum).woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}



body {
    background-color: #D8EFD3; /* رنگ پس‌زمینه تیره */
    font-family: "IRANSansWeb_FaNum";
    color: #fff;
}

.container-fluid {
    max-width: 600px;
    margin: 0 auto;
}

#login {
    background-color: #7AC6D2; /* رنگ پس‌زمینه کادر فرم */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 30px;
    text-align: center;
}

    /* لوگو و آیکون */
    #login img {
        width: 45px;
    }

    /* عنوان فرم */
    #login h5 {
        font-size: 24px;
        color: black; /* رنگ طلایی برای عنوان */
        font-weight: bold;
        margin-top: 20px;
    }

    /* متن پایین عنوان */
    #login p {
        font-size: 18px;
        color: black;
        margin-bottom: 20px;
    }

/* ورودی‌های فرم */
input[type="text"] {
    font-family: "IRANSansWeb_FaNum";
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white; /* رنگ پس‌زمینه ورودی‌ها */
    color: black;
}

    input[type="text"]:focus {
        font-family: "IRANSansWeb_FaNum";
        border-color: #3F7D58; /* رنگ حاشیه ورودی‌ها هنگام فوکوس */
        outline: none;
    }

/* دکمه ارسال */
button {
    font-family: "IRANSansWeb_FaNum";
    background-color: #55AD9B; /* رنگ پس‌زمینه دکمه */
    color: #fff;
    padding: 14px;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}

    button:hover {
        background-color: #3F7D58; /* رنگ پس‌زمینه دکمه در حالت هاور */
    }

/* پیغام‌های خطا */
.alert {
    font-family: "IRANSansWeb_FaNum";
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
}

.alert-warning {
    font-family: "IRANSansWeb_FaNum";
    background-color: #ffcc00; /* رنگ پس‌زمینه پیغام هشدار */
    color: #333;
}

.alert-danger {
    font-family: "IRANSansWeb_FaNum";
    background-color: #f44336; /* رنگ پس‌زمینه پیغام خطا */
    color: #fff;
}