.achievs-choise { padding: 20px; } #rcl-popup .achievs-choise > .rcli { font-size: 40px; float: right; color: red; position: absolute; right: -16px; top: -19px; } .achievs-choise__title { margin-bottom: 6px; } .achievs-choise__title:not(:first-child) { margin-top: 12px; } .achiev-choise-load, .achievs-choise-btn { background: #227482; margin-top: 10px; color: white; text-shadow: 1px 1px 1px black; font-size: 13px; padding: 4px 8px; display: inline-block; cursor: pointer; } .achiev-choise-load:hover, .achievs-choise-btn:hover { opacity: 0.8; } .achievs-choise .achievs-have { overflow: auto; max-height: 235px; border: 1px solid #d4d4d4; display: flex; flex-wrap: wrap; align-items: flex-start; } .achievs-choise .achievs-have > div { flex: 0 1 96px; justify-content: center; display: flex; flex-direction: column; align-items: center; margin: 6px 3px; text-align: center; padding: 6px; } .achievs-choise .achievs-have > div p { line-height: 14px; font-size: 14px; word-break: break-all; } .achievs-choise .achievs-drop { display: block; min-height: 100px; border: 1px solid #cecece; overflow-x: auto; white-space: nowrap; } .achievs-choise .achievs-drop div { margin: 6px 3px; width: 96px; display: inline-block; vertical-align: top; white-space: normal; font-size: 14px; line-height: 14px; text-align: center; padding: 6px; } .achievs-choise .achievs-have div:hover, .achievs-choise .achievs-drop div:hover { box-shadow: 0 0 3px #bdbdbd; cursor: grab; } .achievs-choise .achievs-have div img, .achievs-choise .achievs-drop div img { width: 64px; height: 64px; margin-bottom: 5px; object-fit: cover; }