/* Filato Jalali Date v2.0.1 - Catalog picker visual theme
 * Based on Datetimepicker for Bootstrap v3.1.3 supplied by Filato.
 */
/*!

 * Datetimepicker for Bootstrap v3

//! version : 3.1.3

 * https://github.com/Eonasdan/bootstrap-datetimepicker/

 */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}}

/* Adapt the existing Jalali calendar DOM to Bootstrap datetimepicker v3 */
#filato-jalali-calendar {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:250px;
    padding:4px;
    margin-top:1px;
    z-index:99999!important;
    background:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    font-size:13px;
    line-height:1.42857143;
    color:#333;
    direction:rtl;
    box-sizing:border-box;
}
#filato-jalali-calendar * { box-sizing:border-box; }

#filato-jalali-calendar .fj-head {
    display:flex;
    align-items:center;
    width:100%;
    margin:0;
    padding:0;
    height:34px;
}
#filato-jalali-calendar .fj-head>div {
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    gap:4px;
}
#filato-jalali-calendar .fj-head button,
#filato-jalali-calendar .fj-foot button {
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid transparent;
    border-radius:4px;
    background:transparent;
    color:#333;
}
#filato-jalali-calendar .fj-head button {
    width:34px;
    height:34px;
    padding:6px 0;
    font-size:21px;
    line-height:20px;
}
#filato-jalali-calendar .fj-head button:hover,
#filato-jalali-calendar .fj-foot button:hover {
    background:#eee;
}
#filato-jalali-calendar .fj-month {
    width:112px;
    height:30px;
    padding:4px 7px;
    border:1px solid #ccc;
    border-radius:4px;
    background:#fff;
    color:#333;
    font-size:13px;
    outline:none;
}
#filato-jalali-calendar .fj-year {
    width:64px;
    height:30px;
    padding:4px 6px;
    border:1px solid #ccc;
    border-radius:4px;
    background:#fff;
    color:#333;
    font-size:13px;
    text-align:center;
    outline:none;
}
#filato-jalali-calendar .fj-month:focus,
#filato-jalali-calendar .fj-year:focus {
    border-color:#66afe9;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

#filato-jalali-calendar .fj-week {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    width:100%;
    margin-top:2px;
}
#filato-jalali-calendar .fj-week span {
    height:28px;
    line-height:28px;
    text-align:center;
    font-weight:700;
    color:#333;
    font-size:12px;
}
#filato-jalali-calendar .fj-days {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    width:100%;
}
#filato-jalali-calendar .fj-day {
    width:32px;
    height:28px;
    margin:1px auto;
    padding:4px 0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#333;
    font-family:inherit;
    font-size:13px;
    line-height:20px;
    text-align:center;
    cursor:pointer;
}
#filato-jalali-calendar .fj-day:hover {
    background:#eee;
}
#filato-jalali-calendar .fj-day.empty,
#filato-jalali-calendar .fj-day.empty:hover {
    background:transparent;
    cursor:default;
}
#filato-jalali-calendar .fj-day.selected,
#filato-jalali-calendar .fj-day.selected:hover {
    background-color:#428bca;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
#filato-jalali-calendar .fj-foot {
    display:flex;
    justify-content:center;
    gap:6px;
    padding-top:5px;
    margin-top:3px;
    border-top:1px solid #eee;
}
#filato-jalali-calendar .fj-foot button {
    padding:5px 10px;
    border:1px solid #ddd;
    background:#fff;
    color:#333;
    font-size:12px;
}
#filato-jalali-calendar .fj-foot button:hover {
    background:#eee;
}
@media screen and (max-width:767px) {
    #filato-jalali-calendar {
        width:250px;
    }
}