/* style css noon design */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap');

* { margin: 0; padding: 0; font-family:Vazirmatn; }
body { margin: 0; padding: 0; background: #F5F5F5; font-family:Vazirmatn; direction: rtl; background-image:url("https://bonyadsamin.com/wp-content/uploads/2023/08/458073.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment:fixed; }

main {
    background: #FFF;
    box-shadow: 0 0 10px rgba(73, 73, 73, 0.1);
    border:1px solid #CCC;
    border-radius: 15px;
    padding: 15px;
    position: absolute;
    right: 0;
    left: 0;
    top: 20vh;
    width:30%;
    margin: 0 auto;
}

header {
    text-align: center;
    padding-top:10px;
    font:bold 24px/1.7 Vazirmatn;
}

form.login {
    margin: 1em auto;
    padding:10px;
    width:80%;
    display: block;
}
form.login input {
    display: block;
    padding:10px 12px;
    color: #333;
    width: 100%;
    margin-bottom: 1em;
    border-radius: 5px;
    border:1px solid #CCC;
}
form.login button {
    background: #076B0E;
    padding: 10px 12px;
    border-radius: 10px;
    border:none;
    color: #FFF;
    font: 20px Vazirmatn;
    cursor: pointer;
    width:100%;
}

table {
    display: none;
    width: 100%;
    border:none;
}
p.info_alarm {text-align:center; padding:10px 15px; width:90%; background:#64ff6f; border:1px solid #005206; border-radius:8px; margin:1em auto; }
.ltrdir {direction:ltr;}
table thead {
    background: #076B0E;
    color: #FFF;
    height:50px;
}
table tbody td { background:#EEE;}
table td {
    padding:8px 15px;
    border:none;
}

table tbody tr td:first-child {background:#CCC; font-weight:bold; }
tbody button { background: #076B0E; color:#FFF; font-family:Vazirmatn; color:#FFF; font-weight:bold; padding:7px 10px; }

table.open{
    display: inline-table;
}


@media only screen and (max-width: 600px) {
    header {font-size:12px;}
    main {width:80%; top:10vh;}
}