.list3height {
    height: 10px;

}

.light7 {
    float: left;
    text-decoration: none;
    color: black;
}

.closeicon {
    display: flex;
    float: right;
    padding-top: 2px;
    margin-right: -35px;
}

.closeicon:hover,
div>img:hover {
    cursor: pointer;
}

.removeone {
    border-bottom: 1px solid rgb(87, 82, 78);
    margin-bottom: 10px;
    padding: 10px;

}

.remove {
    margin-bottom: 10px;
    padding: 10px;
    position: absolute;
    max-height: 300px;
    max-width: fit-content;
    background-color: white;
    overflow-y: scroll;
    border-radius: 5px;
    width: 85%;

}

.remove ul {
    list-style-type: none;
    display: flex;
}

.addeddetails {
    max-height: 320px;
    overflow-y: scroll;
    margin-top: 30px;

}

#List {
    background-color: black;
    color: white;
    border-radius: 10px;
}

.Search-box {
    position: relative;
}


.suggest-box {
    position: absolute;
    width: 85%;
    max-height: 300px;
    background-color: white;
    overflow-y: scroll;
    border-radius: 5px;
}

.suggest-box ul {
    list-style-type: none;
    padding: 15px 10px;
}

.suggest-box ul li {
    list-style: none;
    border-radius: 3px;
    user-select: none;
    display: block;
    padding: 6px 2px;
}

.suggest-box ul li:hover {
    background-color: #e9f3ff;
    border-radius: 3px;
}

.unOrder {
    list-style-type: none;
    margin: 0%;
    padding: 0%;
}

.unOrder li {
    list-style: none;

}

.dropdownList {
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    width: 85%;
    margin-top: 20px;
    display: none;
}

.dropdownList ul {
    list-style-type: none;
    margin: 0%;
    padding: 0%;
}

.dropdownList ul li:hover {
    cursor: pointer;
    background-color: rgb(186, 222, 236);
    border-radius: 10px;
}

#Sivaraman,
#Sathiya,
#Ponvandu,
#mohamed,
#kalai {
    display: none;
}

#alertone{
    display: none;
    padding: 0%;
    margin: 0%;
    color: red; 
    
}