.child-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3d3d3d;cursor:pointer}.child-item.for-list{border-bottom:1px solid #f0f0f0;padding:8px 5px}.child-item.for-list:hover{background:#f3f7f9}.child-item.for-list .child-avatar{width:25px;height:25px}.child-item.for-list .child-name{font-size:14px;font-weight:400;margin-left:7px}.child-item .child-avatar{font-size:18px;color:#fff;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border-radius:100px;background:var(--main-color);text-transform:uppercase}.child-item .child-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:100px}.child-item .child-name{font-size:18px;font-weight:500;text-transform:capitalize;margin-left:5px}.child-item .child-grade{font-size:14px;font-weight:300;margin-left:10px}.child-item .fa{margin-left:10px}.children-selector{position:absolute;top:30px;right:40px}.children-selector .children-dropdown-wrapper{position:relative}.children-selector .children-dropdown-wrapper .children-list{z-index:100000;position:absolute;top:40px;left:10px;width:auto;max-height:350px;overflow-y:auto;background:#fff;border-radius:0 0 8px 8px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.3);box-shadow:1px 1px 5px rgba(0,0,0,.3);-webkit-transition:all .3s ease-in;transition:all .3s ease-in;opacity:1}.children-selector .children-dropdown-wrapper .children-list.collapsed{opacity:0}