.jdp {
    position: fixed;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    z-index: 2147483647;
    direction: rtl;

    animation: jdpFade .15s ease;
}

/* انیمیشن باز شدن */
@keyframes jdpFade{
    from{
        opacity:0;
        transform:scale(.95);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

.jdp header {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}

.jdp select {
    font-size: 14px;
    padding: 3px 6px;
}

.jdp header select:first-child {
    width: 90px;
}

.jdp header select:last-child {
    width: 120px;
}

.jdp table {
    border-collapse: collapse;
    width: 100%;
}

.jdp th,
.jdp td {
    width: 14.2%;
    text-align: center;
    padding: 6px;
    cursor: pointer;
}

.jdp th {
    font-weight: bold;
}

.jdp td:hover {
    background: #007bff;
    color: #fff;
    border-radius: 4px;
}


/* footer دکمه امروز */

.jdp-footer{
    margin-top:8px;
    padding-top:6px;
    border-top:1px solid #eee;
    text-align:left;
}

.jdp-footer button{
    padding:4px 10px;
    font-size:12px;
    border-radius:4px;
    border:1px solid #007bff;
    background:#fff;
    color:#007bff;
    cursor:pointer;
}

.jdp-footer button:hover{
    background:#007bff;
    color:#fff;
}


/* پیام خطای تاریخ */

.date-error{
    display:block;
    margin-top:4px;
    font-size:12px;
    color:#dc3545;
}


.jdp header button{
border:none;
background:#eee;
padding:3px 8px;
cursor:pointer;
border-radius:4px;
}

.jdp header button:hover{
background:#007bff;
color:#fff;
}

.jdp-time{
margin-top:8px;
display:flex;
gap:4px;
align-items:center;
justify-content:center;
}

.jdp-time select{
padding:3px;
font-size:13px;
}