@font-face {
  font-family: "skynet";
  src: url('BMitra.eot?#') format('eot'),
       url('BMitra.woff') format('woff'),
       url('BMitra.ttf') format('truetype');
}
   ::placeholder {
        color:rgba(150,0,0,0.7);
        font-size:13px;
}
        body {
            font-family: 'skynet';
            direction: rtl;
            background:#fff;
        }
a {
    text-decoration: none; /* حذف خط زیر لینک */
    color: inherit; /* رنگ لینک را به رنگ پیش‌فرض متن تغییر می‌دهد */
}
        .container-login {
            width: auto;
            margin: 15px auto;
            text-align: center;
            border-radius: 15px;
            font-family:skynet;

        .text-login0{
            color:red;
            background:red;
            font-family:skynet;
}
            .table-container {
            text-align:center;
            width: 100%;
            overflow-x: auto;
            text-decoration:rtl;
            font-family:skynet;
            }
        form {

            background:rgba(250,250,250,0.6);
            padding:25px;
            width:auto;
            border-radius:45px 5px 45px 5px;
            height:650px ;
            margin-top:40px;
            border:0px solid black;
        }

a {
    text-decoration: none; /* حذف خط زیر لینک */
    color: inherit; /* رنگ لینک را به رنگ پیش‌فرض متن تغییر می‌دهد */
}
        h1 {
            color: #333;
            font-size: 19px;
        font-family:skynet;
        }
        h2 {
            color: blue;
            font-size: 23px;
        font-family:skynet;
        }
        h3 {
            color: blue;
            font-size: 15px;
        font-family:skynet;
        }
        h4 {
            color: black;
            font-size: 15px;
            font-family:skynet;
        font-family:skynet;

        }
        h5 {
            color: red;
            font-size: 11px;
        font-family:skynet;

        }



        input[type="text"], input[type="password"] , input[type="number"] , input[type="tel"] {
            width: 100%;
            height:50px;
            padding: 0px;
            margin-bottom: 15px;
            border: 0px ;
            border-radius: 10px;
            font-size: 15px;
            text-align:center;
            background:rgba(255,255,255,0.5);
            font-family:skynet;
            color:black;
            outline: none;

        }
        input:hover[type="text"], input:hover[type="password"] , input:hover[type="number"] , input:hover[type="tel"] {
            width: 100%;
            height:50px;
            padding: 0px;
            margin-bottom: 15px;
            border: 0px ;
            border-radius: 10px;
            font-size: 15px;
            text-align:center;
            background:rgba(250,0,0,0.3);
            font-family:skynet;
            color:black;
        }
        input:focus[type="text"], input:focus[type="password"] , input:focus[type="number"] , input:focus[type="tel"] {
            width: 100%;
            height:50px;
            padding: 0px;
            margin-bottom: 15px;
            border: 0px ;
            border-radius: 10px;
            font-size: 15px;
            text-align:center;
            background:rgba(250,0,0,0.3);
            font-family:skynet;
            color:black;

        }

        button {
            width: 100%;
            padding: 20px;
            font-size: 15px;
            color: #fff;
            background-color: #0055cc;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.1s;
            font-family:skynet;


        }


        button:hover {
            background-color: #0056b3;
            font-family:skynet;
        }
         .error-message {
            text-align:center;;
            background:rgb(180,0,0);
            color: white;
            width:100%;
            padding: 10px 0px 10px 0px;
            border-radius: 29px 29px 11px 11px;
            font-size:17px;
            font-family:skynet;
            margin-bottom: 10px;


        }


}




        input[type="text"], input[type="password"] , input[type="number"] , input[type="tel"] {
            width: 100%;
            height:40px;
            padding: 0px;
            margin-bottom: 15px;
            border: 0px ;
            border-radius: 10px;
            font-size: 15px;
            text-align:center;
            background:rgba(0,150,250,0.3);
            font-family:skynet;
            color:black;
            outline: none;

        }
        input:focus[type="text"], input:focus[type="password"] , input:focus[type="number"] , input:focus[type="tel"] {
            width: 100%;
            height:40px;
            padding: 0px;
            margin-bottom: 15px;
            border: 0px ;
            border-radius: 10px;
            font-size: 15px;
            text-align:center;
            background:rgba(250,50,0,0.3);
            font-family:skynet;
            color:black;
        }

        button {
            width: 100%;
            padding: 20px;
            font-size: 15px;
            color: #fff;
            background-color: #0055cc;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.1s;
            font-family:skynet;


        }


        button:hover {
            background-color: #0056b3;
            font-family:skynet;
        }
         .error-message {
            text-align:center;;
            background:rgb(180,0,0);
            color: white;
            width:100%;
            padding: 10px 0px 10px 0px;
            border-radius: 29px 29px 11px 11px;
            font-size:17px;
            font-family:skynet;
            margin-bottom: 10px;


        }






        table {
            border-collapse: collapse;
            width: 100%;
            background:#ffffff;
        font-family:skynet;
        table, th, td {
            padding: 15px;
            text-align:right;        }
        font-family:skynet;


        th, td {

        font-family:skynet;

        }


        @media screen and (max-width: 650px) {
            table, thead, tbody, th, td, tr {
                display: block;
        font-family:skynet;
            }
            thead tr {
                display: none;
        font-family:skynet;
            }
            tr {
                margin-bottom: 15px;
        font-family:skynet;
            }
            td {
                text-align: center;
                padding-left: 0%;
                position: relative;
        font-family:skynet;
            }
            td::before {
                content: attr(data-label);
                position: absolute;
                left: 0;
                width: 100%;
                padding-left: 0px;
                font-weight: bold;
                text-align: center;
                border-right: 1px solid #ddd;
        font-family:skynet;
            }
            |}

        }













        .tbheader{
            background:rgba(0,150,250, 0.3);
            width:100%;
            border-radius:10px 10px 10px 10px;
            box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
            font-family:skynet;
            padding:0px;


        }

.tdleft{
        text-align:center;
        font-family:skynet;

}
       .headeruser {
            color:black;
            font-size: 16px;
            font-family:skynet;
        }

        .header2{
            font-size: 15px;
            color:#990000;
            font-family:skynet;
            font-weight:900;

        }

        .logout{
            direction: rtl;
            font-size: 15px;
            color:#990000;
            font-family:skynet;
            font-weight:900;

        }

            .mobilereporttd {
    text-align:center
    color:red;

        font-family:skynet;

            }














        .reporttable {
        background:rgba(255,255,255,1.0);
        width:100%;
        padding:15px;
        border:10px 10px 10px 10px ;
        border-color:red;
        font-family:skynet;

        table, th, td {
        th{
            color:yellow;
            text-align:right;
        font-family:skynet;

        }
        td {
        color:red;
        text-align:right;
        padding: 15px;
        font-family:skynet;
        }

        }

th {
    color: blue; /* تغییر رنگ به آبی (می‌توانید رنگ دلخواه خود را وارد کنید) */
        font-family:skynet;
}

/* اعمال رنگ‌های یکی در میان به سطرها */
tr:nth-child(odd) {
    background-color: #f2f2f2; /* رنگ سطرهای فرد */
        font-family:skynet;
}

tr:nth-child(even) {
    background-color: #ffffff; /* رنگ سطرهای زوج */
        font-family:skynet;
}


        }




    .container-main {

            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            top:0px;
	        gap: 5px;
            width: auto;
            margin: 0 auto;
            position: relative;
            padding:15px;
            border-radius:0px;
        font-family:skynet;

 .card {
            background: #000000;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.9);
            text-align: center;
            color: #fff;
            transition: transform 0.3s, box-shadow 0.0s;
        font-family:skynet;
        }
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 1.0);
        font-family:skynet;

        }
        .card a {
            text-decoration: none;
            color: white;
            font-size: 14px;
            display: block;
            margin-top: 5px;
            font-weight: bold;
        font-family:skynet;
        }
        h2 {
             color: black;
        font-family:skynet;
        font-size:23px;
        }
        .card a:hover {
            color: black;
        font-family:skynet;
        }
        .card-1 {
            background-color:#1789fc;
            color: white;
            height:270px;
            padding:0px;
        font-family:skynet;
        }
        .card-2 {
            background-color:#688e26;
            color: white;
            height:270px;
            padding:0px;
        font-family:skynet;

        }
        .card-3 {
            background-color: #5a2673;
            color: white;
            height:270px;
            padding:0px;
        font-family:skynet;
        }

        .card-4 {
            padding:0px;
            background-color: #e47708;
            color: white;
            height:270px;
            padding:0px;
        font-family:skynet;
        }
        .card-5 {
            background-color: #471ca8;
            color: white;
            height:270px;
            padding:0px;
        font-family:skynet;
        }
        .card-6 {
            background-color:  #a10702;
            color: white;
            height:270px;
            padding:0px;
        font-family:skynet;
        }


}


















        .container-sabt {
            font-family:skynet;
            width: auto;
            background-color: rgba(255,255,255,0.5);
            text-align:center;
            margin-top:20px;
            padding:15px;
            font-family:skynet;
            border-radius:5px;
            box-shadow:0px 0px 50px 10px rgba(0,0,0,0.5);
    h3 {
        font-size:23px;
        color:#000;
    }

    form {
        max-width:auto;
        padding:0px;
        text-align:center;
        font-family:skynet;

    }

    label {
        display: block;
        margin-bottom: 0px;
        color:black;
        font-family:skynet;
    }

   input[type="text"], textarea, select , input[type="number"] ,input[type="time"] , input[type="tel"] ,input[type="file"] {
        width: 100%;
        height:40px;
        padding: 0px;
        border-radius: 5px 5px 5px 5px;
        background:rgba(0,150,200,0.1);
        text-align:center;
        color:black;
        font-size:14px;
        border:0px solid #000000 ;
        font-family:skynet;
        outline: none;

    }

   input:focus[type="text"], textarea:focus, select:focus , input:focus[type="number"] ,input:focus[type="time"] , input:focus[type="tel"] ,input:focus[type="file"] {
        width: 100%;
        height:40px;
        padding: 0px;
        border-radius: 5px 5px 5px 5px;
        background:rgba(250,100,50,0.3);
        text-align:center;
        color:black;
        font-size:14px;
        border:0px solid #000000 ;
        font-family:skynet;

    }



    textarea {
        resize: vertical;
        height:120px;
        font-family:skynet;
    }
    button {
        display: block;
        font-family:skynet;
        width: 100%;
        padding: 10px;
        font-size: 14px;
        color: #fff;
        background-color: #007bff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s;
        font-family:skynet;
        margin-top:10px;
        font-family:skynet;

    }
    button:hover {
        background-color: green;
        font-family:skynet;
    }
        }
    .welcome {
        text-align: center;
        margin-bottom: 20px;
        font-family:skynet;
    }
    .logout-button {
        background-color: #dc3545;
        font-family:skynet;
    }
    .logout-button:hover {
        background-color: #c82333;
        font-family:skynet;
    }
    .message-container {
        font-family:skynet;


    }
    .message.success {
        color: rgb(0,255,255);
        text-align: center;
        width: 90%;
        padding:  15px ;
        font-size:17px;
        background:rgb(0,100,50);
        border-radius:10px;
        font-family:skynet;

    }
    .message.error {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
        text-align: center;
        font-family:skynet;
    }
.ellat{
    height:50px;
    text-align:center;
    color:blue;
        font-family:skynet;
}

.textarea{
    background:rgba(0,0,0,0.1);
    height:120px;
    color:blue;
    font-size:14px;
        font-family:skynet;

}
.sabbt-label{
    text-align:center;
        font-family:skynet;


}
.sabbt-label:hover{
    text-align:center;
    color:#000fff;
        font-family:skynet;

}




        .reporttable {
        background:rgba(255,255,255,1.0);
        width:100%;
        padding:15px;
        border:10px 10px 10px 10px ;
        border-color:red;
        font-family:skynet;

        table, th, td {
        th{
            color:yellow;
            text-align:right;
        font-family:skynet;

        }
        td {
        color:red;
        text-align:right;
        padding: 15px;
        font-family:skynet;
        }

        }

th {
    color: blue; /* تغییر رنگ به آبی (می‌توانید رنگ دلخواه خود را وارد کنید) */
        font-family:skynet;
}

/* اعمال رنگ‌های یکی در میان به سطرها */
tr:nth-child(odd) {
    background-color: #f2f2f2; /* رنگ سطرهای فرد */
        font-family:skynet;
}

tr:nth-child(even) {
    background-color: #ffffff; /* رنگ سطرهای زوج */
        font-family:skynet;
}


        }

 .records-tb th, .records-tb td { border: 1px solid #ccc; padding: 8px; text-align: center; }

    .pagination .active {
        background-color: #007BFF;
        color: white;
    }
    .modal-search { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; }
    .modal-content-search { background: white;top:200px;; padding: 20px; max-width: 400px; margin: 100px auto; border-radius: 10px; position: relative; }
   .records-tb {
        color:black;
        width:100%;
        border-color:red;
        font-family:skynet;

th {
    color: blue; /* تغییر رنگ به آبی (می‌توانید رنگ دلخواه خود را وارد کنید) */
        font-family:skynet;
}
a {
    text-decoration: none; /* حذف خط زیر لینک */
    color: #00c; /* رنگ لینک را به رنگ پیش‌فرض متن تغییر می‌دهد */
}

/* اعمال رنگ‌های یکی در میان به سطرها */
tr:nth-child(odd) {
    padding:5px;
    background-color: #00ddff;
    border-radius:25px 0px 25px 0px;
    font-family:skynet;
    width:auto;
    margin:10px auto;
    font-size:14px;
    font-weight:900;


}

tr:nth-child(even) {
    padding:5px;
    background-color: #ee9900;
    border-radius:25px 0px 25px 0px;
    font-family:skynet;
    width:auto;
    margin:10px auto;
    font-size:14px;
    font-weight:900;

}


        }










.scheduleclass1 {
color:black;
font-weight:bold;
font-size:14px;
        font-family:skynet;
}

.scheduleclass2 {
color:blue;
font-weight:bold;
        font-family:skynet;
}

.scheduleclass3 {
color:red;
font-weight:bold;
        font-family:skynet;
}



        .container403 {
            height: 350px;
            direction: rtl;
            background: #eeeeff;
            font-size: 13px;
            width: 90%px;;
            margin: 9% auto;
            padding: 10px;
            box-shadow: 0px 0px 10px 5px rgba(255, 50, 10, 1.0);
            border-radius: 25px;
            text-align: center;
            margin: 13% auto;
            margin-top:10px;
            font-family:skynet;


        h1 {
            color: red;
            font-size: 23px;
        font-family:skynet;
        }
        h2 {
            color: red;
            font-size: 21px;
        font-family:skynet;
        }
        h3 {
            color: blue;
            font-size: 17px;
        font-family:skynet;
        }
        h4 {
            color: blue;
            font-size: 15px;
        font-family:skynet;
        }
        h5 {
            color: red;
            font-size: 13px;
        font-family:skynet;
        }
        p {
            color: red;
            font-size: 14px;
        font-family:skynet;

        }
        }
        .spinner403 {
            margin: 20px auto;
            width: 40px;
            height: 40px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #e74c3c;
            border-radius: 70%;
            animation: spin 1s linear infinite;
        font-family:skynet;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }






.container-sabt_new {
            font-family:skynet;
            width: auto;
            margin: 0px auto;
            padding: 10px;
            text-align:justify;
            margin-top:0px;
            font-family:skynet;


        h2{
            color:black;
            font-size:19px;
            font-family:skynet;

        }
        h3{
            color:green;
            font-size:17px;
            font-family:skynet;

        }




div {
    background-color:rgb(0,0,0 , 0.3); /* رنگ سطرهای زوج */
    color:black;
    font-family:skynet;
    padding:10px;
    margin:5px;
    width:100%;
    border-radius:5px;
    text-align:justify;

}

        h4{
            color:green;
            font-size:15px;
            font-family:skynet;
        }
         form {
            margin-top:20px;
            background: rgba(255,255,255,0.7); /* رنگ پس‌زمینه فرم */
            padding: 35px;
            border-radius: 11px; /* گوشه‌های گرد فرم */
            width: auto; /* عرض فرم */
            text-align: justify; /* تراز کردن متن به وسط */
            box-shadow: 0px 0px 10px 10px rgba(20, 0, 0, 0.5);

        }


        button {
            width:50%;
            padding: 10px;
            margin-top: 10px; /* فاصله بالای دکمه */
            background-color: #990000; /* رنگ پس‌زمینه دکمه */
            color: white; /* رنگ متن دکمه */
            border: none;
            border-radius: 5px; /* گوشه‌های گرد دکمه */
            cursor: pointer; /* نشان‌گر موس تغییر می‌کند */
        }
        button:hover {
            background-color: #550000; /* رنگ دکمه هنگام هاور */
        }


       input[type="text"], textarea, select , input[type="number"] ,input[type="time"] , input[type="tel"] {
        padding: 0px;
        border-radius: 0px;
        background-color: rgba(255,255,255 , 0.0);
        text-align:center;
        color:#bb0000;
        font-size:14px;
        border:0px;
        outline: none;
        font-family:skynet;
        width:auto;
        outline: none;


    }
       input:hover[type="text"], textarea, select , input[type="number"] ,input[type="time"] , input[type="tel"] {
        padding: 0px;
        border-radius: 0px;
        background-color: rgba(255,255,255 , 0.3);
        text-align:center;
        color:#bb0000;
        font-size:14px;
        border:0px;
        outline: none;
        font-family:skynet;
        width:auto;

    }
       input:focus[type="text"], textarea, select , input[type="number"] ,input[type="time"] , input[type="tel"]  {
        padding: 0px;
        border-radius: 0px;
        background-color: rgba(255,255,255 , 0.0);
        text-align:center;
        color:#bb0000;
        font-size:14px;
        border:0px;
        outline: none;
        font-family:skynet;
        width:auto;


    }

    }

    .suggestion-list {
    list-style-type: none;
    margin: 0px;
    padding:0px;
    border: 0px solid #aaa;
    max-height: 35%;
    overflow-y: auto;
    position: absolute;
    background-color: #ff9900;
    color:black;
    width:90%;
    margin-left:0px;
    border-radius:11px ;
    font-size:13px;
    font-weight:900;
}

.suggestion-list li {
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

.suggestion-list li:hover {
    background-color: #red;
}




.popup {
            display: none; /* پنهان کردن پاپ‌آپ به صورت پیش‌فرض */
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            height:auto;
            padding: 10px;
            background-color: #115599;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            color:white;
            border: 1px solid #fff ;
            border-radius:15px;
            text-align:justify;
        }

        .popup.open {
            display: block; /* نمایش پاپ‌آپ زمانی که کلاس open اضافه می‌شود */
        }


       .close-btn {
            right: 45%;
            cursor: pointer;
            font-weight:900;
            font-size:21px;
            color:yellow;
        }

        /* استایل برای پس‌زمینه تاریک */
        .overlay {
            display: none; /* پنهان کردن پس‌زمینه به صورت پیش‌فرض */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 81, 0.7);
            z-index: 900;
        }

        .overlay.open {
            display: block; /* نمایش پس‌زمینه زمانی که کلاس open اضافه می‌شود */
        }

.h2popup  {

    color:white;
    font-weight:900;
    font-size:17px;


}
.p_popup {
    color:white;
    font-weight:100;
    font-size:14px;

}





.hamkaran {
    margin:10px auto;
    background-color: rgba(255, 255, 255, 1.0);
    padding: 5px;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 1.0);
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    margin-top: 70px;
    width:auto;
}


       input[type="text"], textarea , select , input[type="number"] ,input[type="time"] , input[type="tel"] , input[type="password"] , input[type="file"] {
        width: 100%;
        height:40px;
        padding: 5px;
        border-radius: 5px 0px 5px 0px;
        background:#caf0f8;
        text-align:center;
        color:black;
        font-size:14px;
        border:0px  ;
        font-family:skynet;
        font-weight:900;
    }
       input:hover[type="text"], textarea:hover , select:hover , input:hover[type="number"] ,input:hover[type="time"] , input:hover[type="tel"], input:hover[type="password"] ,input:hover[type="file"] {
        width: 100%;
        height:40px;
        padding: 5px;
        border-radius: 10px 0px 10px 0px;
        background:#90e0ef;
        text-align:center;
        color:black;
        font-size:14px;
        border:0px  ;
        font-family:skynet;
    }
       input:focus[type="text"], textarea:focus , select:focus , input:focus[type="number"] ,input:focus[type="time"] , input:focus[type="tel"], input:focus[type="password"], input:focus[type="file"]  {
        width: 100%;
        height:40px;
        padding: 5px;
        border-radius: 10px 0px 10px 0px;
        background:#f9c74f;
        text-align:center;
        color:black;
        font-size:14px;
        border:0px  ;
        font-family:skynet;
    }

button {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    background-color: rgb(0, 100, 255);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: green;
}

/* استایل برای نمایش فیلدها در کنار هم */
.input-row {
    justify-content: space-between;
    margin-bottom: 20px;
}

.input-row label {
    width: 99%; /* هر فیلد 48% از عرض را اشغال می‌کند */
}
    .gallery {
            margin:3%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .gallery a {
            margin: 15px;
            cursor: pointer;
        }
        .gallery img {
            margin-top:0px;
            width: 160px;
            height: auto;
            border-radius: 11px ;
            transition: transform 0.3s;
            box-shadow: 1px 1px 10px 5px  rgba(250, 130, 0, 1);
        }
        .gallery img:hover {
            transform: scale(2);
        }
        .modal {
            display: none;
            position: fixed;
            z-index: 999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.81);

        }
        .modal-content {
            margin: 5% auto;
            display: block;
            max-width: 90%;
            max-height: 80%;
            border-radius:15px;
            box-shadow: 0px 0px 65px 35px  rgba(240, 130, 0, 1);

        }
        .close, .prev, .next {
            position: absolute;
            top: 50%;
            color: white;
            font-size: 35px;
            font-weight: bold;
            cursor: pointer;
            transform: translateY(-50%);
            user-select: none;
        }
        .close {
            right: 35px;
            top: 40px;
        }
        .prev {
            right: 5%;
        }
        .next {
            left: 5%;
        }
        .pagination {
            text-align: center;
            margin-top: 20px;
        }