.pages{background:#fff;height:calc(100% - 56px)}.pages,.pages__header{width:100%;display:flex;flex-direction:column}.pages__header{justify-content:flex-start}.pages__search{display:flex;padding:20px;justify-content:space-between}.pages__button{color:#fff;padding:8px 5px;width:130px;font-size:14px}.pages__addedet,.pages__button{background:#8f4aeb;border-radius:8px}.pages__addedet{margin-top:5px;padding:8px;position:absolute;margin-left:-120px;width:250px}.pages__addedet_input{padding:10px 20px;border-radius:8px;width:100%;border:none}.pages__addedet_add{margin-top:10px;padding:10px 10px;background:#fff;color:#8f4aeb;border-radius:8px;font-size:14px}.pages__table{width:100%;display:flex;justify-content:flex-start;margin-top:20px;border-bottom:2px solid #d5d5d5;padding-bottom:10px}.pages__titles{width:100%;display:flex;color:#8f4aeb;font-weight:600;font-size:12px;text-align:left;padding:0 20px}.pages__titles_email{width:20%}.pages__titles_coins,.pages__titles_name{width:10%}.pages__titles_created,.pages__titles_deleted{width:20%}.pages__titles_control,.pages__titles_register{width:10%}.pages__list{width:100%;display:flex;justify-content:flex-start;flex-direction:column;height:calc(100vh - 255px);overflow-y:auto;padding:20px 0 10px}.pages__item{width:100%;display:flex;font-size:12px;padding:10px 20px;text-align:left;align-items:center}.pages__item:nth-child(odd){background:#fff}.pages__item:nth-child(2n){background:#e9e9e9;color:#333}.pages__item_email{width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pages__item_coins,.pages__item_name{width:10%}.pages__item_created,.pages__item_deleted{width:20%}.pages__item_register{width:10%}.pages__item_control{width:15%;display:flex}.pages__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;font-size:12px}.pages__item_button:hover{background:#9c60ea}.pages__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}.pages__item-drop-down_item{padding:10px 45px;width:100%;cursor:pointer;background:#333}.pages__item-drop-down_item:hover{background:#9c60ea}.pages__item-drop-down_new{padding:10px 10px;width:100%;cursor:pointer;background:#9c60ea;color:#fff}.pages__item-drop-down_new:hover{background:#bb87ff}.pages__item-drop-down_new:first-child{border-radius:5px 0 0 5px;border-right:1px solid #333}.pages__item-drop-down_new:last-child{border-radius:0 5px 5px 0}.pages__item-drop-down_new-disabled{background:#a7a7a7;padding:10px 10px;width:100%;color:#fff;border-radius:0 5px 5px 0;cursor:default}.pages__pagination{padding:20px;display:flex;justify-content:center;align-items:center;width:100%}.pages__pagination_arrow{width:30px;padding:5px;background:#8f4aeb;border-radius:8px}.pages__pagination_arrow:hover{background:#9c60ea}.pages__pagination_arrow:first-child{transform:rotate(90deg);margin-right:10px}.pages__pagination_arrow:last-child{transform:rotate(-90deg);margin-left:10px}.pages__pagination_arrow-disabled,.pages__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}}