.form-floating > label {
    right: 0.75rem;
    left: auto;
    transform-origin: top right;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
@font-face {
    font-family: "IRANSans";
    src: url("/fonts/iransans/woff2/IRANSansWeb.woff2") format("woff2"), url("/fonts/iransans/woff/IRANSansWeb.woff") format("woff"), url("/fonts/iransans/ttf/IRANSansWeb.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.IRANSans-font {
    font-family: 'IRANSans';
}
button {
    font-family: 'IRANSans';
}
html, body {
    font-family: 'IRANSans';
}
/*----------------------------------------------------------------------------------------------------------------*/
.Radpage {
    display: flex;
    flex-direction: column;
    height: 89vh;
    overflow: hidden; /* 🚫 هیچ اسکرولی نمایش داده نمی‌شود */
    overscroll-behavior: contain; /* جلوگیری از اسکرول والد */
}


.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}

/*.JradPage {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}*/
.JradPage {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    border: 1px solid #ccc; /* حاشیه خاکستری */
    border-radius: 10px; /* گوشه‌های خمیده */
    background-color: #fff; /* رنگ پس‌زمینه */
    box-sizing: border-box; /* شامل padding و border در اندازه کل شود */
}
.ToolBar {
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;*/
    /*    height: 60px;*/
    /*padding: 0.5rem 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;*/
    background-color: #e6f1fb;


}

    .ToolBar .left {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 0.5rem;
    }




    .ToolBar .center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ToolBar .right {
        display: flex;
        justify-content: end;
        align-items: center;
    }

.conext-page {
    flex: 1;
    position: relative; /* برای ثابت کردن محتوای داخلی */
    overflow: auto;
    padding: 5rem;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background-color: #e6f1fb;
    box-sizing: border-box;
}

    /* محتوای فیکس داخل conext-page */
    .conext-page .fixed-content {
        width: 99%; /* عرض ثابت */

        position: absolute; /* فیکس نسبت به conext-page */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 5px;

    }

.footer-page {
    flex-shrink: 0;
    height: 30px;
    padding: 0.5rem 1rem;
    border-top: 1px solid #ddd;
    background-color: #fff;
    text-align:center;
}



.close-btn {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background-color: #dc3545; /* قرمز */
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    /* علامت ضربدر با pseudo-element ساخته می‌شود */
    .close-btn::before, .close-btn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60%;
        height: 2px;
        background-color: white;
        transform-origin: center;
    }

    .close-btn::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .close-btn::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .close-btn:hover {
        background-color: #b02a37; /* رنگ تیره‌تر در حالت hover */
    }