.users{background:#fff}.users,.users__header{width:100%;display:flex;flex-direction:column}.users__header{justify-content:flex-start}.users__search{padding:20px}.users__filter-item,.users__search{display:flex;justify-content:space-between}.users__filter-item{color:#fff;background:#8f4aeb;padding:10px 10px;cursor:pointer;max-width:150px;width:150px;border-radius:3px;font-size:14px}.users__filter-item_img{width:20px;transition:all .3s}.users__filter-list{display:flex;position:absolute;margin-left:-530px;margin-top:3px;border-radius:3px;overflow:hidden}.users__filter-column_value{width:170px;background:#333;padding:5px 10px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:12px}.users__filter-column_value:hover{background:#fff;color:#333}.users__filter-column_value:hover .users__filter-column_img{border:1px solid #8f4aeb;background:#8f4aeb;fill:#fff}.users__filter-column_img{border:1px solid #8f4aeb;border-radius:8px;fill:#333;padding:2px}.users__table{width:100%;display:flex;justify-content:flex-start;margin-top:5px;border-bottom:2px solid #d5d5d5;padding-bottom:10px}.users__titles{width:100%;display:flex;color:#8f4aeb;font-weight:600;font-size:10px;text-align:left;padding:0 20px}.users__titles_email{width:20%}.users__titles_name{width:15%}.users__titles_coins{width:10%}.users__titles_created,.users__titles_deleted{width:20%}.users__titles_register{width:10%}.users__titles_control{width:10%;display:flex;margin-right:30px}.users__list{width:100%;display:flex;justify-content:flex-start;flex-direction:column;height:calc(100vh - 278px);overflow-y:auto}.users__item{width:100%;display:flex;font-size:10px;padding:10px 20px;text-align:left;align-items:center}.users__item:nth-child(odd){background:#fff}.users__item:nth-child(2n){background:#e9e9e9;color:#333}.users__item_email{width:20%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users__item_name{width:15%}.users__item_coins{width:10%}.users__item_created,.users__item_deleted{width:20%}.users__item_register{width:10%}.users__item_control{width:10%;display:flex;margin-right:20px}.users__item_button{background:#8f4aeb;color:#fff;text-align:center;padding:10px 10px;border-radius:50px;transition:all .3s;box-shadow:0 4px 9.6px .4px rgba(152,0,186,.5);text-transform:uppercase}.users__item_button:hover{background:#9c60ea}.users__item-drop-down{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#333;border-radius:7px;color:#fff;position:absolute;overflow:hidden;margin-top:5px;text-align:center;margin-left:0}.users__item-drop-down_item{padding:10px 30px;width:100%;cursor:pointer;background:#333}.users__item-drop-down_item:hover{background:#9c60ea}.users__item-drop-down_new{padding:10px 10px;width:100%;cursor:pointer;background:#9c60ea;color:#fff}.users__item-drop-down_new:hover{background:#bb87ff}.users__item-drop-down_new:first-child{border-radius:5px 0 0 5px;border-right:1px solid #333}.users__item-drop-down_new:last-child{border-radius:0 5px 5px 0}.users__item-drop-down_new-disabled{background:#a7a7a7;padding:10px 10px;width:100%;color:#fff;border-radius:0 5px 5px 0;cursor:default}.users__pagination{padding:10px;display:flex;justify-content:center;align-items:center;width:100%}.users__pagination_arrow{width:20px;padding:5px;background:#8f4aeb;border-radius:8px}.users__pagination_arrow:hover{background:#9c60ea}.users__pagination_arrow:first-child{transform:rotate(90deg);margin-right:10px}.users__pagination_arrow:last-child{transform:rotate(-90deg);margin-left:10px}.users__pagination_arrow-disabled,.users__pagination_arrow-disabled:hover{background:#afafaf}.active-img{border:1px solid #8f4aeb;background:#8f4aeb;fill:#fff}.searchBox{background:#8f4aeb;height:50px;border-radius:40px;padding:5px}.searchBox:hover>.searchInput{width:240px;padding:0 6px}.searchBox:hover>.searchButton{background:#fff;color:#8f4aeb}.searchButton{color:#fff;float:right;width:40px;height:40px;border-radius:50%;background:#9c60ea;display:flex;justify-content:center;align-items:center;transition:.4s;margin-top:-5px;border:1px solid #8f4aeb;margin-top:0}.searchInput{border:none;background:none;outline:none;float:left;padding:0;color:#fff;font-size:16px;transition:.4s;line-height:40px;width:0}.searchInput::-moz-placeholder{color:hsla(0,0%,100%,.6588235294)}.searchInput:-ms-input-placeholder{color:hsla(0,0%,100%,.6588235294)}.searchInput::placeholder{color:hsla(0,0%,100%,.6588235294)}@media screen and (max-width:620px){.searchBox:hover>.searchInput{width:150px;padding:0 6px}}