.aim{margin:0; z-index:10; max-width:100%; height:36px;  cursor:pointer; position:relative;}
.aim_name{line-height:36px; position: relative; height:36px; white-space: nowrap; padding:0 5px; overflow:hidden; border-radius:3px;  border:1px #b9b9b9  solid;}       
.aim_name_selected .aim_name:before{content:""; width:40px; height:100%; background: rgba(255,255,255,0.9); position: absolute; right:0; top:0; }
.aim .aim_stuff{display:block; max-height:0; opacity:0; transition:0.5s opacity; overflow:hidden;position:absolute; left:0; top:32px;}
.aim .aim_stuff input{}

.aim.aim_open input, .aim.aim_open select{border-radius: 3px 3px 0 0;}

.aim.aim_open .aim_stuff{display:block; box-shadow:0 5px 5px rgba(0,0,0,0.2); opacity:1; max-height:300px; background:#fff; border-radius:0 0 3px 3px;  width:100%; border:1px #b9b9b9 solid; border-top:none; padding:10px 5px 5px 5px; }
.aim_open{ z-index:100; }
.aim .aim_stuff ul{display:flex; flex-direction:column; max-height:200px; padding:0px; overflow:hidden; overflow-y:auto; margin:0; list-style:none;}

.aim .aim_stuff ul li{padding:5px; border-top:1px #ddd solid; cursor:pointer; }
.aim .aim_stuff ul li:hover{}

.aim_cleaner{width:20px; height:20px; line-height: 20px;  border-radius: 50%;  text-align: center;  position:absolute; right:20px; top:9px; z-index:10; display:none;}
.aim_name_selected .aim_cleaner{display:block;  transition:0.5s; opacity:0.7;} 
.aim_name_selected .aim_cleaner:hover{display:block; opacity:1; color:#da3b44;} 
.aim_open.aim_name_selected .aim_cleaner{display:none;}

.aim_name:after{content:""; width: 0; height: 0; transition:0.5s; border:4px transparent solid; border-top:6px #333  solid;position: absolute; right:9px; top:14px;}
.aim.aim_open .aim_name:after{transform:rotate(180deg); top:9px;}