/* ==========================================
   E-Paper Filter
========================================== */

.jsn-epaper-filter{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:12px;
    padding:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    position:sticky;
    top:30px;
}

/* Heading */

.jsn-epaper-filter .filter-title{
    margin:0 0 24px;
    font-size:24px;
    font-weight:700;
    color:#111827;
    line-height:1.3;
}

/* Group */

.jsn-epaper-filter .filter-group{
    margin-bottom:22px;
}

/* Label */

.jsn-epaper-filter label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#374151;
}

/* Select + Date */

.jsn-epaper-filter select,
.jsn-epaper-filter input[type="date"]{

    width:100%;
    height:48px;

    padding:0 16px;

    background:#fff;

    border:1px solid #d9d9d9;

    border-radius:8px;

    outline:none;

    font-size:15px;

    transition:.3s;

}

/* Focus */

.jsn-epaper-filter select:focus,
.jsn-epaper-filter input[type="date"]:focus{

    border-color:#d0021b;

    box-shadow:0 0 0 4px rgba(208,2,27,.08);

}

/* Placeholder */

.jsn-epaper-filter select{

    cursor:pointer;

}

/* Buttons */


.jsn-btn{
    font-weight: 400 !important;
}


/* Reset */


/* Calendar */

.jsn-epaper-filter input[type="date"]::-webkit-calendar-picker-indicator{

    cursor:pointer;

    opacity:.75;

}

/* Divider */

.jsn-epaper-filter .filter-group:not(:last-child){

    padding-bottom:2px;

}

/* Select Arrow */

.jsn-epaper-filter select{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 15px center;

    background-size:14px;

}

/* Hover */

.jsn-epaper-filter select:hover,
.jsn-epaper-filter input:hover{

    border-color:#cfcfcf;

}

/* Disabled */

.jsn-epaper-filter select:disabled{

    opacity:.6;

    cursor:not-allowed;

}

/* Responsive */

@media(max-width:1024px){

    .jsn-epaper-filter{

        position:relative;

        top:0;

    }

}

@media(max-width:767px){

    .jsn-epaper-filter{

        padding:20px;

    }

    .jsn-epaper-filter .filter-title{

        font-size:22px;

    }

}