.groups{width:100%;display:flex;background:#fff;flex-direction:column}.groups__header{width:100%;display:flex;justify-content:space-between;align-items:center}.groups__search{display:flex;padding:20px}.groups__addeted{padding:20px}.groups__addeted_add{background:#8f4aeb;padding:8px 40px;border-radius:5px;color:#fff;transition:all .3s;font-size:14px}.groups__addeted_add:hover{background:#9c60ea}.groups__table{width:100%;display:flex;justify-content:flex-start;margin-top:20px;border-bottom:2px solid #d5d5d5;padding-bottom:0}.groups__titles{width:100%;display:flex;color:#8f4aeb;font-weight:600;font-size:12px;text-align:left;padding:0 20px}.groups__titles_title{width:20%}.groups__titles_teacher{width:10%}.groups__titles_img{width:15%;text-align:center}.groups__titles_time{width:10%}.groups__titles_limit{width:15%}.groups__titles_theme{width:15%;text-align:left}.groups__titles_control,.groups__titles_title-lesson{width:20%}.groups__titles_teacher-lesson{width:60%}.groups__titles_control-lesson{width:20%}.groups__list{width:100%;display:flex;justify-content:flex-start;flex-direction:column;height:calc(100vh - 287px);overflow-y:auto}.groups__item{width:100%;display:flex;font-size:10px;padding:10px 20px;text-align:left;align-items:center;box-sizing:border-box}.groups__item:nth-child(odd){background:#fff}.groups__item:nth-child(2n){background:#e9e9e9;color:#333}.groups__item_title{width:20%}.groups__item_teacher{width:15%}.groups__item_img{width:10%;text-align:center;height:70px;padding:5px}.groups__item_img-img{height:100%;width:100%}.groups__item_time{width:10%}.groups__item_limit{width:15%}.groups__item_theme{width:15%;text-align:left}.groups__item_control{width:20%;display:flex}.groups__item_title-lesson{width:20%}.groups__item_teacher-lesson{width:60%}.groups__item_control-lesson{width:20%;display:flex;justify-content:flex-end;align-items:flex-end}.groups__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}.groups__item_button:hover{background:#9c60ea}.groups__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}.groups__item-drop-down_item{padding:10px 45px;width:100%;cursor:pointer;background:#333}.groups__item-drop-down_item:hover{background:#9c60ea}.groups__item-drop-down_new{padding:10px 10px;width:100%;cursor:pointer;background:#9c60ea;color:#fff;text-align:center}.groups__item-drop-down_new:hover{background:#bb87ff}.groups__item-drop-down_new:first-child{border-radius:5px 0 0 5px;border-right:1px solid #333}.groups__item-drop-down_new:nth-child(2){border-radius:0 0 0 0;border-right:1px solid #333}.groups__item-drop-down_new:last-child{border-radius:0 5px 5px 0;border-right:none}.groups__item-drop-down_new-disabled{background:#a7a7a7;padding:10px 10px;width:100%;color:#fff;border-radius:0 5px 5px 0;cursor:default}.groups__button{background:#8f4aeb;padding:8px 40px;border-radius:5px;color:#fff;transition:all .3s;font-size:14px}.groups__button:hover{background:#9c60ea}.groups__addedet{margin-top:5px;padding:8px;background:#8f4aeb;border-radius:8px;position:absolute;margin-left:-106px;width:250px}.groups__addedet_input{padding:10px 20px;border-radius:8px;width:100%;border:none}.groups__addedet_add{margin-top:10px;padding:10px 20px;background:#fff;color:#8f4aeb;border-radius:8px}.groups__addedet_datepicker{margin-top:10px}.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}}.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}