.column{
    display:flex;
    flex-direction:column;
}

#clientIdPopUp{
    min-width:400px;
    max-width:700px;
    padding:10px;
    border:0px;
    border-radius: 10px;
}

#clientIdPopUp ul{
    font-size:14px;
    font-weight:regular;
}
 

#clientID{
    padding: 10px;
    border: 2px solid rgb(105, 103, 103);
    border-radius: 10px;
    color:  black;
    font-size:12px;
    align-items : center;
    font-weight : 550;
    
}

#clientID::placeholder{
    color:rgb(130, 130, 130);
    font-weight: normal;
}

#clientID:focus{
    border: 2px solid #1a73e8;   
    outline: none;
}


.container{
    background-color:#1a73e8;
    height:30px;
    width:30px;
    border-radius:5px;
    display:flex;
    padding:5px;
    justify-content:center;
    align-items:center;
}

.clientIDEnter-info{
    font-size:11px;
    font-weight:regular;
    border-radius:10px;
    color:rgba(50, 50, 50, 0.6);
    text-align:center;
}

.subtitle{
    font-size:16px;
    font-weight:bold;
    color:#1a73e8;
    text-align:center;
}


.title{
     text-align:center;
     font-size:20px;    
}

.clientIDEnterCloseBtn i {
    color:white;
}

.clientIDEnterCloseBtn:hover{
    cursor: pointer;
}

.clientIDError{
    display:none;
    color:#7F2C28;
    font-size:12px;
}

.interactive{
    height:auto;
    margin-top:0px;
    justify-content:center !important;
}

.header-icons{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.save-feature-instruction-item{
    padding:5px;
}
.clientEmail input{
    width:100%;
}