/* 
 * Balloon selector
 * --------------------------------------------------
 */

 body .control-balloon-selector ul {
    padding: 0;
    display: inline-block;
    font-size: 0;
  }
  
  body .control-balloon-selector ul li {
    list-style: none;
    line-height: 36px;
    display: inline-block;
    background-color: #fff; /* Equivalent to @input-bg */
    color: #333; /* Equivalent to @input-color */
    font-size: 14px; /* Equivalent to @input-font-size */
    padding: 0 14px;
    border: 1px solid #d1d6d9; /* Equivalent to @input-border */
  }
  
  body .control-balloon-selector ul li:first-child {
    border-top-left-radius: 4px; /* Equivalent to @border-radius-base */
    border-bottom-left-radius: 4px;
  }
  
  body .control-balloon-selector ul li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  body .control-balloon-selector ul li.active {
    background: #07A552 !important; /* Equivalent to @color-balloon-control-active-bg */
    color: white;
    border-color: #07A552;
    position: relative;
    z-index: 1;
  }
  
  body .control-balloon-selector ul li + li {
    margin-left: -1px;
  }
  
  body .control-balloon-selector.control-disabled ul li.active {
    background-color: #bdc3c7 !important; /* Equivalent to @color-grey-2 */
    border-color: #bdc3c7 !important;
  }
  
  body .control-balloon-selector:not(.control-disabled) ul li:hover {
    background: #f6f8f9; /* Equivalent to @toolbar-hover-bg */
    cursor: pointer;
  }
  
  body .control-balloon-selector.form-control-sm li {
    font-size: 12px; /* Equivalent to @font-size-small */
    padding: 0 10px;
    line-height: 27px;
  }
  
  .form-group .control-balloon-selector ul {
    margin-bottom: 0;
  }