.datepicker-plot-area{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;}
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn{transition:all 100ms ease;}
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable{border-radius:0;}
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn{border-radius:0;border-top-left-radius:0;border-top-right-radius:0;}
.datepicker-plot-area .datepicker-time-view .down-btn{border-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.datepicker-plot-area, .datepicker-plot-area .datepicker-time-view > .time-segment{border-radius:0;}
.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{border-radius:0;}
.datepicker-plot-area{box-shadow:-9px 5px 10px rgba(0, 0, 0, 0.2);}
.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable, .datepicker-plot-area .datepicker-time-view > .time-segment, .datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn, .datepicker-plot-area .datepicker-time-view input, .datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev, .datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today{cursor:pointer;}
.datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item{font:14px;background-color:#fff;color:#333;border:0;text-shadow:none;}
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable,
.datepicker-plot-area .datepicker-month-view .month-item-disable{background-color:#f1f1f1;color:#ccc;border:none;text-shadow:none;cursor:default;}
.datepicker-plot-area .datepicker-day-view .table-days td.today span{background-color:#333;color:#fff;border:0;text-shadow:none;}
.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{color:#ccc;border:none;text-shadow:none;}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected{background-color:#ff2222;color:#fff;border:none;}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover{background-color:#ff2222;color:#fff;border:0;border-radius:50%;text-shadow:none;}
.datepicker-container{display:block;transition:.4s;position:absolute;z-index:100000;top:0;direction:ltr;z-index:999999;}
.datepicker-container.pwt-hide{display:none;}
.datepicker-plot-area{box-sizing:border-box;min-height:70px;display:block;width:275px;min-width:200px;position:absolute;transition:.4s;font:12px tahoma;background-color:#fff;}
.datepicker-plot-area.datepicker-state-only-time{padding:0;}
.datepicker-plot-area table,
.datepicker-plot-area th,
.datepicker-plot-area td{border:0;background:none;}
.datepicker-plot-area *{text-align:center;color:#333;}
.datepicker-plot-area .datepicker-day-view,
.datepicker-plot-area .datepicker-month-view,
.datepicker-plot-area .datepicker-year-view{display:block;width:100%;float:left;min-height:200px;margin:0;}
.datepicker-plot-area-inline-view{display:block;width:100%;position:static;float:left;}
.datepicker-plot-area .datepicker-time-view{display:block;float:left;width:100%;padding:5px;background:#f9f9f9;border-top:1px solid #f1f1f1;}
.datepicker-plot-area .datepicker-time-view > .time-segment{display:block;width:22%;float:left;overflow:hidden;}
.datepicker-plot-area .datepicker-time-view > .time-segment:hover .down-btn,
.datepicker-plot-area .datepicker-time-view > .time-segment:hover .up-btn{font-weight:bold;}
.datepicker-plot-area .datepicker-time-view .divider{display:block;width:3%;height:60px;line-height:60px;float:left;overflow:hidden;font:12px bold;}
.datepicker-plot-area .datepicker-time-view .divider span{height:60px;line-height:60px;}
.datepicker-plot-area .datepicker-time-view .down-btn,
.datepicker-plot-area .datepicker-time-view .up-btn{display:block;float:left;width:100%;margin:0;height:20px;line-height:22px;color:#ccc;}
.datepicker-plot-area .datepicker-time-view .down-btn:hover,
.datepicker-plot-area .datepicker-time-view .up-btn:hover{background-color:rgba(250, 250, 250, 0.3);color:#807f7f;}
.datepicker-plot-area .datepicker-time-view input{display:block;width:90%;margin:0 5%;height:20px;padding:0;outline:none;border:none;background:transparent;}
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view{padding:0 5px;margin:0;}
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view > .time-segment,
.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view > .divider{padding:5px 0;}
.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view > .time-segment{width:31.33%;}
.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view > .meridian-divider{display:none;}
.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view > .time-segment{width:31.33%;}
.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view > .second-divider{display:none;}
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .time-segment{width:48%;}
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .second-divider,
.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .meridian-divider{display:none;}
.datepicker-plot-area .datepicker-day-view .table-days{width:100%;float:left;direction:rtl;font-family:'iransansweb';}
.datepicker-plot-area .datepicker-day-view .table-days td{width:14.2%;height:26px;padding:0;margin:2px;position:relative;}
.datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day{font-style:normal;position:absolute;font-size:8.5px;bottom:0;right:2px;color:#f1f1f1;}
.datepicker-plot-area .datepicker-day-view .table-days td span{display:block;width:100%;height:35px;border-radius:50%;transition:.4s;line-height:26px;padding:3px 0px;font-size:14px;margin:1px;}
.datepicker-plot-area .datepicker-day-view .month-grid-box{display:block;width:100%;float:right;min-height:180px;margin:0 0 8px 0;padding:0px 7px;}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header{display:block;width:100%;float:left;padding-bottom:8px;margin:0;margin-top:8px;}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row{display:block;width:100%;height:35px;padding:4px 0px;float:left;font-family:'iransansweb';}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell{display:block;width:14.2%;height:25px;float:right;line-height:25px;font-size:14px;font-weight:bold;}
.datepicker-plot-area .datepicker-year-view,
.datepicker-plot-area .datepicker-month-view{padding-top:10px;}
.datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-plot-area .datepicker-month-view .month-item{display:block;width:33.333333%;margin:2px 0 0;float:right;height:42px;line-height:42px;}
.datepicker-plot-area .datepicker-navigator{display:block;width:100%;float:left;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;float:left;height:28px;line-height:28px;font-weight:bold;background-color:rgba(250, 250, 250, 0.1);color:#333;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{background-color:rgba(250, 250, 250, 0);}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next{display:block;width:15%;float:left;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{display:block;width:66%;margin:0 2%;float:left;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;width:15%;float:left;}
.datepicker-plot-area .toolbox{display:block;float:left;width:100%;margin-top:5px;padding:9px 0 0 0;}
.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today{background-color:rgb(44, 158, 255);width:50%;color:white;display:inline-block;font-weight:bold;font-size:15px;height:37px;line-height:24px;white-space:nowrap;margin:0 auto;padding:7px 5px;min-width:50px;}
.datepicker-plot-area .toolbox .pwt-btn-submit:hover,
.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,
.datepicker-plot-area .toolbox .pwt-btn-today:hover{}
.datepicker-plot-area .datepicker-navigator{display:block;width:100%;font-size:18px;padding:16px 0 7px 0;float:left;font-family:'iransansweb';}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;float:left;height:28px;line-height:28px;font-weight:bold;background-color:rgba(250, 250, 250, 0);color:#333;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{color:#ffffff;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next{display:block;width:15%;float:left;border-radius:50%;transition:.3s;position:absolute;left:3px;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{display:block;width:100%;margin:0 auto;}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;width:15%;float:left;position:absolute;right:5px;transition:.3s;}
.datepicker-container.pwt-mobile-view{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;overflow:hidden;transition:all 1s;}
.datepicker-container.pwt-mobile-view.pwt-hide{top:100vh;height:0;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit{color:#fff;background:#ccc;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td,
.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span{height:44px;line-height:44px;font-size:14px;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item,
.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item{height:70px;line-height:70px;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area [class*='pwt-btn']{height:48px;line-height:48px;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today{float:left;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time{background:rgba(0, 0, 0, 0.7);border:0;padding-top:60%;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit{margin-right:5px;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input{height:40px;line-height:40px;font-size:24px;margin:5px 0;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider,
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span{font-size:16px;display:block;height:144px;line-height:144px;}
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn,
.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn{height:48px;line-height:48px;}
.datepicker-container.pwt-mobile-view .datepicker-time-view input{height:32px;line-height:34px;font-size:18px;}
.datepicker-container.pwt-mobile-view .datepicker-time-view .divider,
.datepicker-container.pwt-mobile-view .datepicker-time-view .divider span{height:120px;line-height:120px;}
.datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn,
.datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn{height:40px;line-height:40px;}
.arrow-picker{position:absolute;width:16px;height:16px;top:50%;right:-19px;-webkit-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);border-top-left-radius:4px;background-color:#ff2222;z-index:-1;}
.datepicker-navigator:hover .pwt-btn-next, .datepicker-navigator:hover .pwt-btn-prev{opacity:1;}
.pwt-btn-today{float:right;border-bottom-right-radius:7px;}
.pwt-btn-calendar{padding-top:5px !important;border-bottom-left-radius:7px;background-color:#4bd51e !important;}