#server_selector_container
{
    width : 100%;

    background-color : white;

    border-radius : 3px;
}

#server_selector_main
{
    width : 100%;
    max-width : 500px;
}

#server_selector_form
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap : wrap;
}

#server_selector_ID
{
    width : 100%;

    margin-top : 10px;
    margin-bottom : 10px;
}

#server_selector_ID input[type=text]
{
    width : calc(100% - 22px);
    height : calc(30px - 10px);

    font-size : 14px;

    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 10px;
    padding-right : 10px;

    border : 2px solid var(--header-bg-color);
}

#server_selector_ID input[type=text]:focus
{
    outline : none;
}

#server_selector_show
{
    width : 100%;

    justify-content: space-between;

    font-size : 14px;
}

#server_selector_show select
{
    width : calc(200px - 20px);
    height : 30px;

    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 10px;
    padding-right : 10px;

    justify-content: space-between;
}

#server_selector_submit
{
    width : 100%;

    margin-top : 10px;
    margin-bottom : 10px;
}

#server_selector_submit input[type=submit]
{
    height : 30px;
    width : 100px;

    padding-left : 20px;
    padding-right : 20px;
    
    background-color : var(--header-bg-color);
    border : none;
    color : white;

    display : flex;
    align-items : center;
    justify-content : center;

    font-weight : bold;

    cursor: pointer;
}

#server_selector_form input[type=submit]:hover
{
    background-color : #266afc;
}