.with-pagination .devent-table{border-radius:10px 10px 0 0}.with-bg .devent-table thead tr:first-child th{background-color:var(--main-bg-dark)}.with-bg .devent-table thead tr:not(:first-child) th,.with-bg .devent-table tbody td{background-color:var(--main-bg)}.with-hover .devent-table tbody tr{cursor:pointer}.devent-table tbody tr:hover td{background-color:var(--white-color)}.date-filter{position:relative}.date-filter-menu{background:var(--white-color);z-index:10;pointer-events:none;opacity:0;border:1px solid #171f2633;border-radius:15px;width:100%;min-width:400px;padding:15px;transition:all .2s ease-in-out;position:absolute;top:50px;transform:translateY(10px);box-shadow:-2px 10px 24px #05050530}.date-filter-menu.dropdown-pos-left{left:0}.date-filter-menu.dropdown-pos-right{right:0}.date-filter-menu.--visible{pointer-events:auto;opacity:1;transform:translateY(0)}.date-filter-menu__item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:7px 10px;font-size:14px;transition:all .2s ease-in-out}.date-filter-menu__item:hover{background-color:var(--main-bg);padding-left:15px}.date-filter-menu__datepickers{border-top:1px solid #171f2633;align-items:center;margin-top:10px;padding:20px 0 10px;display:flex}.date-filter-menu__datepickers .react-datepicker-wrapper .react-datepicker__input-container input{padding:3px 10px;font-size:14px}.date-filter-menu__datepickers .react-datepicker-wrapper .react-datepicker__input-container input::placeholder{font-size:14px}.date-filter-menu__datepickers .day-picker__img{display:none}.date-filter-menu__datepickers .submit-button{background-color:var(--primary-color);color:#fff;border-radius:6px;height:30px;margin-left:10px;padding:5px 10px;font-size:14px}.date-filter-head{background-color:var(--main-bg-dark);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;display:flex}.date-filter-head__value{cursor:pointer;padding:5px 10px;font-size:13px}.date-filter-head__value:hover{background-color:var(--main-border-color);border-radius:6px}.date-filter-head__button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:26px;height:37px;transition:all .1s ease-in-out;display:flex}.date-filter-head__button img{width:10px}.date-filter-head__button:hover{background-color:var(--main-border-color)}.date-filter-head__button.--next{transform:rotate(180deg)}