.role_sec{
    width: 100%;
}

.role_sec label{
   padding-left: 1rem;
   margin-bottom: 0.9rem;
}

.role_sec select{
    width: 18rem;
    border: 2px solid #1d4f88;
    margin-left: 1rem;
    font-size: 1rem;
    cursor: pointer;
    
    
    border-radius: 0.6rem;
    outline: none;
}
.role_sec select:hover{
    width: 17.8rem;
    border: 4px solid #0f69cf;
    margin-left: 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0.8rem;
}

.check_box_vlan{
    margin-left: 1rem;
    display: flex;
    gap: 1.5rem;
    background-color: transparent;
    width: 18rem;
    padding: 8px 2px;
    border: 1.3px solid #28457c;
    border-radius: 0.3rem;
}
.check_box_vlan input{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.3rem;
    border-color: #28457c;
    margin-left: 0.2rem;
    margin-top: 0.2rem;
}
.check_box_vlan label{
    font-weight: normal;
    font-size: 1rem;
}
.check_box_vlan:hover{
    margin-left: 1rem;
    display: flex;
    gap: 1.5rem;
    background-color: transparent;
    width: 18rem;
    padding: 8px 2px;
    border: 1.9px solid #28457c;
    border-radius: 0.3rem;
}
.hidden {
    display: none;
}
.map_one{
    display: flex;
}

button{
    width: 5rem;
    height: 2rem;
    border-radius: 0.5rem;
    background-color: #1256a2;
    color: aliceblue;
    font-size: 1rem;
    border: 1px solid beige;
    margin-left: 1rem;
    margin-top: 1rem;
}
button:hover{
    width: 4.9rem;
    height: 1.9rem;
    border-radius: 0.5rem;
    background-color: #2b71c1;
    color: rgb(255, 255, 255);
    font-size: 0.9rem;
    border: 1px solid beige;
    margin-left: 1rem;
    margin-top: 1rem;
}

.nested_dropdown{
    margin-left: 1rem;
    width: 18rem;
}