/**
 * datepicker-tabs - A versatile date picker. Great for booking systems! If users don't have a specific date in mind, they can easily pick a few different dates, a  whole month, or even  several months at once (with a maximum limit)
 * @version v1.0.6
 * @link https://swayoleg.github.io/datepicker-tabs/
 * @license MIT
 */
.datepicker-tabs{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.datepicker-tabs .custom-datepickertabs-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:none;overflow:hidden;position:absolute;width:300px;z-index:9999}.datepicker-tabs .datepicker-header{background:#f3f4f6;padding:15px;text-align:center}.datepicker-tabs .datepicker-title{color:#333;font-size:18px;font-weight:500;margin:0}.datepicker-tabs .datepicker-nav{align-items:center;background:#f3f4f6;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:10px 15px}.datepicker-tabs .datepicker-nav-btn{background:none;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:16px;padding:5px 10px;transition:background-color .2s}.datepicker-tabs .datepicker-nav-btn:hover{background-color:#e3e5e8}.datepicker-tabs .datepicker-month-container{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:15px}.datepicker-tabs .month-item{border-radius:4px;cursor:pointer;font-size:14px;padding:10px 5px;text-align:center;transition:all .2s}.datepicker-tabs .month-item:hover{background-color:#e5f6ff}.datepicker-tabs .month-item.selected{background-color:#2196f3;color:#fff}.datepicker-tabs .month-item.this-month{background-color:rgba(33,150,243,.2)}.datepicker-tabs .month-item.this-month.selected{background-color:#2196f3;color:#fff}.datepicker-tabs .month-item.disabled{background-color:transparent;color:#ddd;cursor:not-allowed}.datepicker-tabs .datepicker-tabs-ui{background:#f9f9f9;border-bottom:1px solid #eaeaea;display:flex}.datepicker-tabs .datepicker-tab{background:none;border:none;border-bottom:3px solid transparent;color:#555;cursor:pointer;flex:1;font-weight:500;padding:12px;text-align:center;transition:all .2s}.datepicker-tabs .datepicker-tab.active{border-bottom-color:#2196f3;color:#2196f3}.datepicker-tabs .datepicker-footer{border-top:1px solid #eaeaea;display:flex;justify-content:space-between;padding:15px}.datepicker-tabs .datepicker-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.datepicker-tabs .datepicker-btn.clear{background-color:#f3f4f6;color:#333}.datepicker-tabs .datepicker-btn.clear:hover{background-color:#e3e5e8}.datepicker-tabs .datepicker-btn.apply{background-color:#2196f3;color:#fff}.datepicker-tabs .datepicker-btn.apply:hover{background-color:#0d8aee}.datepicker-tabs .datepicker-years{display:flex;justify-content:center;margin-bottom:10px;margin-top:10px;padding:0 15px}.datepicker-tabs .year-selector{background-color:#f3f4f6;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;text-align:center;width:100%}.datepicker-tabs .datepicker-days-container{display:grid;gap:5px;grid-template-columns:repeat(7,1fr);padding:15px}.datepicker-tabs .day-name{color:#777;font-size:12px;font-weight:500;padding:5px 0;text-align:center}.datepicker-tabs .day-item{border-radius:4px;cursor:pointer;font-size:13px;padding:8px 0;text-align:center;transition:all .2s}.datepicker-tabs .day-item:hover{background-color:#e5f6ff}.datepicker-tabs .day-item.other-month{color:#bbb}.datepicker-tabs .day-item.today{background-color:rgba(33,150,243,.15);border:1px solid rgba(33,150,243,.5)}.datepicker-tabs .day-item.today.selected{background-color:#2196f3;border:1px solid #2196f3;color:#fff}.datepicker-tabs .day-item.selected{background-color:#2196f3;color:#fff}.datepicker-tabs .day-item.disabled{background-color:transparent;color:#ddd;cursor:not-allowed}.datepicker-tabs .day-item.saturday{background-color:#e5f6ff}.datepicker-tabs .day-item.saturday.selected{background-color:#2196f3}.datepicker-tabs .multi-select-info{background:#f9f9f9;border-bottom:1px solid #eaeaea;color:#555;font-size:14px;padding:10px 15px}.datepicker-tabs .selected-list{background:#f2f7fd;border-bottom:1px solid #e5f6ff;display:flex;flex-wrap:wrap;gap:6px;padding:10px 15px}.datepicker-tabs .selected-item{align-items:center;background:#2196f3;border-radius:16px;color:#fff;display:flex;font-size:12px;padding:5px 10px}.datepicker-tabs .remove-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;margin-left:5px;padding:0;width:16px}.datepicker-input{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}