#rad_player {
  height:                inherit;
  width:                 inherit;
  border-radius:         .25rem;
  min-height:            48px;
  min-width:             180px;
  background-color:      #434242;
  color:                 #fff;
  text-align:            left;
  font:                  16pt/1 300 Tahoma, "Merriweather", Georgia, serif;
  font-variant-numeric:  lining-nums;
  user-select:           none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select:   none; /* Safari */
  -khtml-user-select:    none; /* Konqueror HTML */
  -moz-user-select:      none; /* Old versions of Firefox */
  -ms-user-select:       none; /* Internet Explorer/Edge */
}
#rad_player img,
#rad_select_main_text,
#rad_stationname span,
.rad_selection span
{
  vertical-align: middle;
  border:         none;
  white-space:    nowrap;
}

/** ----------------------------------------------------------------- **/
.rad_block_play
{
  display:      inline-block;
  float:        left;
  margin-top:   12px;
  margin-left:  4px;
  margin-right: 4px;
  padding:      14px;
  padding-top:  0px;
  color:        transparent;
  text-shadow:  0 0 0 #2196f3;
}
.rad_block_play:hover
{
  cursor: pointer;
}
.rad_block_play:active
{
  cursor: progress;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
#rad_block_select
{
  display:     inline-block;
  float:       left;
  padding-top: 6px;
}
.rad_select
{
  width:  inherit;
  cursor: pointer;
}
#rad_stationname
{
  display:     inline-block;
  float:       left;
}
#rad_select_main_image
{
  width:      36px;
  height:     36px;
  padding:    6px 16px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.rad_select_small_image
{
  width:           22px;
  height:          22px;
  padding:         6px;
  margin-right:    6px;
  box-sizing:      content-box;
  -moz-box-sizing: content-box;
}
.rad_dropdown
{
  display:     inline-block;
  float:       left;
  margin-top:  12px;
  padding-top: 0px;
}
#rad_list
{
  display:          none;
  position:         absolute;
  overflow-y:       auto;
  font-size:        14pt;
  margin-top:       38px;
  margin-left:      9px;
  max-height:       310px;
  width:            inherit;
  min-width:        180px;
  max-width:        220px;
  padding-top:      0px;
  background-color: #2c2c2c;
  z-index: 1000;
}
.rad_selection
{
  font-size:     12pt;
  width:         inherit;
  height:        38px;
  overflow:      hidden;
  border-bottom: 1px solid #434242;
}
.rad_selection:hover
{
  background-color: #434242;
  cursor: pointer;
}
.rad_selection:active
{
  cursor: progress;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
.rad_block_volume
{
  display:      inline-block;
  float:        right;
  margin-right: 10px;
  margin-left:  4px;
  padding:      12px;
}
.rad_block_volume img
{
  margin: 0px;
  border: none;
  box-sizing:       content-box;
  -moz-box-sizing: content-box;
}
.rad_block_volume img:hover
{
  cursor: pointer;
}
.rad_block_volume img:active
{
  cursor: progress;
}
.rad_volume
{
  display:          none;
  position:         absolute;
  width:            9px;
  height:           100px;
  padding:          14px;
  margin-top:       12px;
  margin-left:      -4px;
  overflow:         hidden;
  background-color: #2c2c2c;
  box-sizing:       content-box;
  -moz-box-sizing: content-box;
  z-index: 1000;
}

#rad_volume_range
{
  display:          table-cell;
  vertical-align:   bottom;
  width:            6px;
  height:           100px;
  margin:           15px 13px;
  background-color: #999;
}
#rad_volume_range:hover
{
  cursor: pointer;
}

#rad_volume_bar {
  width:            6px;
  background-color: #fff343;
  box-sizing:       content-box;
  -moz-box-sizing:  content-box;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
.rad_block_logo
{
  display:     inline-block;
  float:       left;
  padding-top: 0px;
  margin-top:  12px;
  margin-left: 50px;
  width:       25px;
  height:      25px;
}
.rad_block_logo img
{
  width:           25px;
  height:          25px;
  padding:         6px;
  box-sizing:      content-box;
  -moz-box-sizing: content-box;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/

@media screen and (max-width: 480px) {
  .rad_block_logo
  {
    display: none;
  }
}

@media screen and (max-width: 300px) {
  #rad_select_main_text, .rad_block_logo
  {
    display: none;
  }
}