.form-input .multiple-select input[type="text"], .form-input input[type="password"], .custom-select input[type="text"]
 { border : 0px;
   height : 30px;
 }

.multiple-select
 { position : relative;
   font-family : Arial, sans-serif;
   width : 100%;
 }
.multiple-select::after
 { content : "▼";
   position : absolute;
   right : 8px;
   top : 50%;
   transform : translateY(-50%);
   font-size : 12px;
   pointer-events : none;
   color : #555;
 }
.multiple-select .selected-tags
 { display : flex;
   flex-wrap : wrap;
   gap : 4px;
   border : 1px solid #ccc;
   min-height : 30px;
   cursor : text;
   box-sizing : border-box;
   border-radius : 3px;
   overflow : hidden;
   background : white;
   padding : 2px;
 }
.multiple-select .selected-tags input
 { border : none;
   outline : none;
   flex : 1;
   font-size : 14px;
 }
.multiple-select .tag
 { background : #e0e0e0;
   padding : 2px 6px;
   border-radius : 4px;
   font-size : 12px;
   display : flex;
   align-items : center;
 }
.multiple-select .tag span
 { margin-left : 4px;
   cursor : pointer;
   font-weight : bold;
 }
.multiple-select .options
 { list-style : none;
   margin : 0;
   padding : 0;
   border : 1px solid #ccc;
   max-height : 160px;
   overflow-y : auto;
   display : none;
   position : absolute;
   width : 100%;
   background : #fff;
   z-index : 99;
 }
.multiple-select .options li
 { padding : 8px 28px 8px 8px;
   cursor : pointer;
   position : relative;
 }
.multiple-select .options li:hover
 { background : #f0f0f0;
 }
.multiple-select .options li.active
 { background : #e0e0e0;
 }
.multiple-select .options li.highlight
 { background : #d0ebff;
 }
.multiple-select .options li.active::after
 { content : "✔";
   position : absolute;
   right : 6px;
   color : green;
 }