table.boardSelectControl {
    width:100%;
    padding: 0.5em;
 }

 .boardConfigurationControl
 {
    margin: 1em 0;
    padding: 0.5em;
 }

 
 .btnBoardSelectSelected {
    margin: 1em 0 !important;
    padding: 0px !important;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    transition-duration: 0.1s;
    cursor: pointer !important;
    border-radius: 0 !important;
    background-color: #0000000a !important;
    border: 1px solid lightgray !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

 .btnBoardSelectItem {
    margin: 0px !important;
    padding: 0px !important;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    transition-duration: 0.1s;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

  .btnBoardSelectItem:hover {
    background-color: #0000000a !important;
    border: 1px solid lightgray !important;
  }


  .peripheralSelectItem_Image
  {
    /* border: 1px solid lightgray !important;
    border-radius: 5px !important;
    padding: 5px; */
  }