.button-texted{
    display: inline-block;
    padding: 0.5em 1rem;
    margin: 0 0.1em 0.1em 0;
    border: 0.16em solid transparent;
    border-radius: 2rem;
    background-color: rgb(0, 0, 0, 0.10);
    box-sizing: border-box;
    text-decoration: none;
    color: #404040;
    text-shadow: 0 0.04em 0.04em rgba(255, 255, 255, 0.253);
    text-align: center;
    transition: all 0.2s;
}

.button-texted:hover{
    background-color: rgba(0, 0, 0, 0.25);
}

.button-texted:disabled{
    background-color: rgba(0, 0, 0, 0.50);

}

#buttonToggle input { 
    opacity: 0;
    width: 0;
    height: 0;
    text-decoration: none;
  }

#buttonToggle span{
    user-select: none;
    cursor:pointer;
}

/* Specific buttons config */
.buttonEditMode{
    background-color: #54d9c3;
    font-size: medium;
    -webkit-transition: .3s;
    transition: .3s;
}

.buttonEditMode:hover{
    background-color: #00a6b580;
}

input:checked +.buttonEditMode {
    background-color: #00a5b5;
    color: #ffffff;
}

input:checked +.buttonEditMode:hover{
    background-color: #00a6b5bc;
}

#buttonSaveSubmit{
    background-color: #54d9c3;
    font-size: medium;
}

#buttonSaveSubmit:hover{
    background-color: #00a6b580;
}

#buttonSaveSubmit:disabled{
    background-color: #00a6b543;
}

#buttonTestConnection{
    background-color: #1f619a;
    color:#ffffff;
}

#buttonTestConnection:hover{
    background-color: #1f619a7b;
}

#buttonEditCreateConnection{
    background-color: #54d9c3;
    font-size: medium;
}

#buttonEditCreateConnection:hover{
    background-color: #00a6b580;
}

/* Unused values, but ready for potential configuration */
#buttonView{
    
}

#buttonConfigure{

}

#buttonRemoveConnection{

}
#buttonCancel{

}
#buttonConfigure{

}