@import url('../../libs/bootstraps/css/bootstrap.rtl.css');
@import url('../../libs/bootstrapIcons/font/bootstrap-icons.css');

@font-face {
    font-family: Vazir_Thin;
    src: url('../../Font/Vazir/Vazir-Thin-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Thin-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Thin-FD-WOL.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Vazir_Light;
    src: url('../../Font/Vazir/Vazir-Light-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Light-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Light-FD-WOL.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Vazir_Normal;
    src: url('../../Font/Vazir/Vazir-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-FD-WOL.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir_Medium;
    src: url('../../Font//Vazir/Vazir-Medium-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Medium-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Medium-FD-WOL.ttf') format('truetype');
    font-weight: 500;
}


@font-face {
    font-family: Vazir_Bold;
    src: url('../../Font/Vazir/Vazir-Bold-FD-WOL.eot') format('embedded-opentype'), url('../../Font/Vazir/Vazir-Bold-FD-WOL.woff') format('woff'), url('../../Font/Vazir/Vazir-Bold-FD-WOL.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Lalezar;
    src: url('../../Font/Lalezar/Lalezar.eot') format('embedded-opentype'), url('../../Font/Lalezar/Lalezar.woff') format('woff'), url('../../Font/Lalezar/Lalezar.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam_Thin;
    src: url('../../Font/Shabnam/Shabnam-Thin-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Thin-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Thin-FD.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: Shabnam_Light;
    src: url('../../Font/Shabnam/Shabnam-Light-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Light-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Light-FD.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Shabnam_Normal;
    src: url('../../Font/Shabnam/Shabnam-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-FD.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam_Medium;
    src: url('../../Font/Shabnam/Shabnam-Medium-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Medium-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Medium-FD.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: Shabnam_Bold;
    src: url('../../Font/Shabnam/Shabnam-Bold-FD.eot') format('embedded-opentype'), url('../../Font/Shabnam/Shabnam-Bold-FD.woff') format('woff'), url('../../Font/Shabnam/Shabnam-Bold-FD.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: nastaliq;
    src: url('../../Font/nastaliq/IranNastaliq.eot') format('embedded-opentype'), url('../../Font/nastaliq/IranNastaliq.woff') format('woff'), url('../../Font/nastaliq/IranNastaliq.ttf') format('truetype');
}

:root {
    --Mercury: #E1E5EB; /*خاکستری پر رنگ تر برای فوتر*/
    --TitanWhite: #EDEFF5; /*خاکستری برای دکمه ها*/
    --IceBerg: #E2F1F9; /*آبی کمرنگ برای دکمه ها*/
    --ForestGreen: #4d9256;
    --GreenWhite: #e8e8e5;
    /*-----------------------------------------------------------------------------------------*/
    /*---- Color variable ----*/
    --FrenchBlue: #006cbe;
    --WaterBlue: #0F83DB;
    --MutedGreen: #589D61;
    --CottonSeed: #bdbdbd;
    --PastelGrey: #cccccc;
    --BarleyWhite: #f7f4ce;
    --FoggyGrey: #d0ccb1;
    --CarminePink: #f34545;
    --LightRed: #E67070;
    --SoftPeach: #efefef;
    --LavenderPinocchio: #e0e0e0;
    --Dark: #1d232c;
    --Gray: #909090;
    --BrightRed: #fb0a0a;
    --CharcoalGrey: #424242;
    --SmokyGrey: #6f6f6f;
    --DarkGrey: #383838;
    /*-----------------------*/
    --BalticSea: #282727; /*رنگ فونت پیش فرض*/
    --Porcelain: #F1F2F6; /*خاکستری کم رنگ برای زمینه*/
    --PersianBlue: #1940a9; /*آبی برای لینک*/
    --CornFlowerBlue: #6495ed;
    --Porcelain_inPut: #f1f2f9; /*خاکستری کم رنگ برای تکست باکس*/
    --Raven: #757B89; /*خاکستری مناسب برای فونت*/
    --Cobalt: #032A70; /*#1E488f*/ /*برای hr*/
    --OceanBlue: #0046FE;
    --carrotOrange: #FD8E29;
    --SunsetOrange: #FF574E;
    --White: #ffffff;
    --CuriosBlue: #169ACB;
}

* {
    box-sizing: border-box;
}

    *:focus {
        outline: none;
    }

*,
::before,
::after,
:focus {
    outline: none !important;
}

body {
    font-family: Shabnam_Normal;
    color: var(--BalticSea);
    background-color: var(--Porcelain);
}

a {
    color: var(--PersianBlue);
    text-decoration: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    font-family: Vazir_Bold;
}

    a:hover {
        color: var(--CornFlowerBlue);
    }

ul {
    list-style: none outside none;
    padding: 0;
}

select {
    width: 100%;
    padding: 10px;
    display: block;
    height: 40px;
    background-color: var(--Porcelain_inPut);
    outline: none;
    border: 0;
    border-radius: 4px;
    text-align: right;
    font-family: Vazir_Medium;
    color: var(--Raven);
}

input[type=text],
input[type=password],
input[type=file],
input[type=number] {
    width: 100%;
    padding: 10px;
    display: block;
    height: 35px;
    background-color: var(--Porcelain_inPut);
    outline: none;
    border: 0;
    border-radius: 4px;
    text-align: right;
    font-family: Vazir_Medium;
    color: var(--Raven);
}

    input[type=text]:focus,
    input[type=password]:focus,
    input[type=file]:focus,
    input[type=number]:focus,
    select:focus,
    textarea:focus {
        background-color: var(--BarleyWhite);
        border-color: var(--FoggyGrey);
        border: 1px solid;
    }

    input[type=file]::file-selector-button {
        color: var(--White);
        background: var(--FrenchBlue);
        cursor: pointer;
        border: none;
        margin: 0;
        height: 40px;
    }

/*   input[type=text]:read-only,
    input[type=password]:read-only,
    input[type=number]:read-only {
        border-color: var(--ForestGreen);
        background-color: var(--GreenWhite);
    }*/

textarea {
    width: 100%;
    padding: 10px;
    display: block;
    height: 80px;
    outline: none;
    border-radius: 4px;
    text-align: right;
    font-family: Vazir_Medium;
    color: var(--Raven);
    background-color: var(--Porcelain_inPut);
    color: var(--Raven);
    font-size: 13px;
}

.Abtn {
    display: block;
    padding: 10px;
    font-family: Vazir_Medium;
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-radius: 9px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    width: fit-content;
    outline: none;
}

    .Abtn.AbtnPrimary {
        border-color: var(--FrenchBlue);
        color: var(--White);
        background-color: var(--FrenchBlue);
    }

        .Abtn.AbtnPrimary:hover {
            background-color: var(--WaterBlue);
            border-color: var(--WaterBlue);
        }

.Radius_50 {
    border-radius: 50px;
}

.bg-FrenchBlue {
    background: var(--FrenchBlue);
}

.navbar-nav
.nav-item
.dropdown-menu
.dropdown-item:hover {
    background-color: var(--FrenchBlue);
    color: var(--White);
}

.navbar {
    font-size: 13px;
    font-weight: normal;
}

.nav-item .dropdown-menu .dropdown-item {
    font-size: 13px !important;
}

.footer {
    padding: 40px 0 20px 0;
    background: var(--Dark);
    color: var(--Gray);
    font-size: 14px;
    font-family: Vazir_Bold;
}

    .footer h6 {
        font-family: Lalezar;
        padding: 0 3px 0 0;
        color: var(--White);
    }

    .footer .custom-line {
        width: 100px;
        border: 1px solid var(--BrightRed);
        display: block;
    }

    .footer .aboutUs {
        padding-top: 15px;
        line-height: 1.7;
    }

    .footer ul {
        padding-top: 15px;
        list-style: none;
    }

        .footer ul li {
            padding: 3px;
        }

    .footer .heading-border {
        border-top: 4px double var(--CharcoalGrey);
        margin: 40px 0 0 0;
        font-size: 12px;
        padding: 15px 0 0 0;
    }

.topbar {
    background: var(--White);
}

.topbar-panel {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .topbar-panel .left-part span strong {
        font-size: 14px;
        color: #fd8e29;
        font-family: Lalezar;
    }

    .topbar-panel .left-part-tow {
        font-size: 14px;
        padding-top: 15px;
    }

        .topbar-panel .left-part-tow span {
            padding-left: 5px;
            padding-right: 5px;
            font-family: Lalezar;
        }

.logo h6 {
    font-family: nastaliq;
    font-size: 22px;
    padding-top: 15px;
    padding-right: 6px;
    color: #0046fe;
    font-weight: 600;
    align-content: center;
    align-items: center;
    align-self: center;
}

.ManagementPage input, select, option {
    font-size: 13px;
    font-family: Shabnam_Normal;
}

.ManagementPage .card-body .Manage-header {
    color: var(--White);
    padding: 5px;
    padding-right: 15px;
    background-color: var(--Cobalt);
    font-family: Lalezar;
}

.Manageheader {
    color: var(--White);
    padding: 5px;
    padding-top: 15px;
    background-color: var(--Cobalt);
    font-family: Lalezar;
}

.AllPage input, select, option {
    font-size: 13px;
}

.AllPage .card-body .All-header {
    color: var(--White);
    padding: 5px;
    padding-right: 15px;
    background-color: var(--Cobalt);
    font-family: Lalezar;
}

.Allheader {
    color: var(--White);
    padding: 5px;
    padding-top: 15px;
    background-color: var(--Cobalt);
    font-family: Lalezar;
}

.RegisterStuPage input, select, option {
    font-size: 13px;
}

.RegisterStuPage .card-body .Reg-header {
    color: var(--White);
    padding: 5px;
    padding-right: 15px;
    background-color: var(--Cobalt);
    font-family: Lalezar;
}

.Regheader {
    color: var(--White);
    padding: 5px;
    padding-right: 15px;
    background-color: var(--Cobalt);
    font-family: Lalezar;
}

.font-Shabnam-13 {
    font-family: Shabnam_Normal;
    font-size: 13px;
}

.font-vazir-bold-7 {
    font-family: Vazir_Bold;
    font-size: 7px;
}

.lbl-ctrl {
    font-size: 13px;
    font-family: Shabnam_Normal;
}

    .lbl-ctrl .ctrl-bold {
        font-weight: bolder;
    }

    .lbl-ctrl span {
        color: #ff0000;
        padding-right: 5px;
    }

.ShowAlert {
    font-size: 13px;
    font-family: Vazir_Bold;
}

.RegisterHelper {
    font-size: 14px;
}

.black-line {
    padding: 3px;
    background-color: var(--Dark);
}

.loginPage {
    font-size: 13px;
}

.backgroundGradiant {
    background-image: linear-gradient(rgb(242,246,252), rgb(30,72,143));
}

.news-title {
}

.news-body {
    font-family: Vazir_Bold;
    font-size: 12px;
}

.news-continue {
    font-family: Vazir_Bold;
    font-size: 12px;
}

.lalezar-13 {
    font-family: Lalezar;
    font-size: 13px;
}

.news-header {
    background: linear-gradient(to right, #4b79a1, #283e51);
    color: white;
    font-weight: bold;
    padding: 20px;
}

.news-body-det {
    margin-top: 20px;
}

.news-footer {
    background: #f8f9fa;
    padding: 10px;
    text-align: center;
}

    .news-footer a {
        font-size: 12px;
    }

.news-image {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
}

.mojtame {
    font-family: Lalezar;
}
/* Section For Print A4 */

/*.Sheet-Outer {
    margin: 0;
}

.Sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

@media screen {
    .sheet {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: .5mm auto;
    }
}

.Sheet-Outer.A4 .sheet{
    width:210mm;
    height:296mm;
}

.sheet.padding-5mm {
    padding: 5mm
}*/

/* End Section For Print A4 */

.login-container {
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.login-container h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    font-size: 24px;
}

.form-control {
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    transition: border-color 0.3s ease;
}

    .form-control:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }

.input-icon {
    position: relative;
}

    .input-icon i {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #888;
    }

    .input-icon input {
        padding-left: 40px;
    }

.btn-login {
    width: 100%;
    background-color: #007bff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-login:hover {
        background-color: #0056b3;
    }

.links {
    text-align: center;
    margin-top: 15px;
    text-align:right;
}

    .links a {
        color: #007bff;
        text-decoration: none;
        transition: color 0.3s ease;
        font-size: 12px;
    }

        .links a:hover {
            color: #0056b3;
            text-decoration: underline;
        }