/*! vue3-persian-datepicker v0.1.6 |
 *  MIT License | 
 *  Copyright (c) 2021 Mohammad Oftadeh |
 *  https://github.com/mohammadoftadeh/vue3-persian-datepicker
 */.datePicker{position:relative;width:-moz-fit-content;width:fit-content;direction:rtl}.datePicker input{border:1px solid #eee}.datePicker .datePicker__section{position:absolute;top:110%;left:50%;transform:translateX(-50%);box-shadow:0 0 15px -10px rgba(0,0,0,.3);border:1px solid #eee;z-index:999}.datePicker table{position:relative;background:#fff}.datePicker table tr th{font-weight:400}.datePicker table thead tr:last-child{margin-bottom:.5rem;color:#979ca6}.datePicker table thead tr:first-child th:first-child,.datePicker table thead tr:first-child th:last-child{margin:0 .25rem}.datePicker table thead tr:first-child th button{transition:.3s}.datePicker table thead tr:first-child th:first-child button,.datePicker table thead tr:first-child th:last-child button{background:#efefef;border-radius:5px}.datePicker table thead tr:first-child th:first-child button:hover,.datePicker table thead tr:first-child th:last-child button:hover{background:#e6e4e4}.datePicker table thead tr:first-child th:nth-child(2) button{margin-top:.3rem}.datePicker table thead tr:first-child th:nth-child(3) button{font-size:17px}.datePicker table tbody td.datePicker__td--disable{color:#d2d6dc}.datePicker table tr{display:flex;padding:0 .3rem}.datePicker table tr .datePicker__th__button button{font-size:13px;padding:.1rem .3rem}.datePicker table tr td,.datePicker table tr th:not(.datePicker__th__button):not(.datePicker__th){width:30px;height:30px;line-height:30px;text-align:center;transition:.1s;transform:scale(.9);font-weight:400;border-radius:300px}.datePicker table tr td:hover:not(th):not(.datePicker__td--disable),.datePicker table tr th:not(.datePicker__th__button):not(.datePicker__th):hover:not(th):not(.datePicker__td--disable){background:#ffa64d;color:#fff;transform:scale(1);cursor:pointer}.datePicker table thead tr:first-child{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0}.datePicker table .datePicker__div{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#fff;padding:.3rem;z-index:9999;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.datePicker table .datePicker__div button{margin:.2rem .1rem;width:60px;font-size:15px;padding:.3rem .2rem;text-align:center;border-radius:5px;transition:.13s}.datePicker table .datePicker__div button:hover{background:#ffa64d;color:#fff}.datePicker table tr td.datePicker--highlight{background:#fcc996}.datePicker .datePicker--active,.datePicker table tr .datePicker__td--active{background:#ffa64d!important;color:#fff}.datePicker .datePicker__div--invisible{visibility:hidden;opacity:0}.datePicker .datePicker__button{margin:.75rem .25rem .5rem}.datePicker .datePicker__button button{background:#ffa64d!important;color:#fff;width:100%;padding:.25rem 0;border-radius:5px}