/**
 * Combobox stylesheet v2.0.
 * 
 * v04 160620 rtm Combobox heading/list inside popup now;
 *                requires combobox-v2.0.js v40.
 * v03 280220 rtm Make sure font size 12px.
 * v02 191219 rtm Change input-group to display:flex so that button does not
 * 		  wrap below input when input width is 100%; also change
 * 		  combobox-container to display:block in mobile view so that
 * 		  input is allowed to use 100% width.
 * v01 151019 rtm Remove IE "x" inserted into combobox input
 *                field, this fix only works for IE v10+.
 * v00 190719 rtm Creation.
 */

div.combobox-container{
  display: inline-block;
}

div.combobox-container .input-group{
  position: relative;
  /*v02 display: table; */
  display: flex; /*v02*/
}

div.combobox-container .input-group input::-ms-clear{ /*v01*/
  display: none; /*v01*/
} /*v01*/

/* button styling start */

div.combobox-container .input-group-addon{
  background-color: #eee;
  border: 1px solid #ccc;
  color: #555;
  display: table-cell;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}

div.combobox-container span.caret{
  display: inline-block;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

div.combobox-container span.dropdown-toggle{
  border-radius: 0;
  box-sizing: border-box;
  display: inline-block;
  height: 22px;
  padding: 2px 0 0 0;
  width: 22px;
  vertical-align: top;
}

div.combobox-disabled span.dropdown-toggle{
  display: none;
}

/* button styling end */

/* list styling start */

div.combobox-container ul{
  font-size: 12px; /*v03*/
  list-style: none;
  margin: 0;
  padding: 0;
}

/*v04 div.combobox-container ul.heading, */
/*v04 div.combobox-container ul.dropdown-menu{ */
div.combobox-container div.combobox-popup{ /*v04*/
  border: 1px silver solid; /*v04*/
  position: absolute;
  user-select: none;
  z-index: 1;
}

div.combobox-container ul.heading{
  color: white;
}

div.combobox-container div.combobox-parms, /*v04*/
div.combobox-container ul.heading, /*v04*/
div.combobox-container ul.dropdown-menu{
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border: none;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

div.combobox-container ul.dropdown-menu:hover{
  cursor: default;
}

div.combobox-container ul.heading>li,
div.combobox-container ul.dropdown-menu>li{
  display: block;
  white-space: nowrap;
}

div.combobox-container ul.heading,
div.combobox-container ul.heading>li{
  background-color: #004880;
  font-weight: bold;
}

div.combobox-container ul.heading>li{
  padding: 2px 4px;
}

div.combobox-container ul.dropdown-menu>li{
  padding: 1px 4px;
}

div.combobox-container ul.dropdown-menu>li.active{
  color: #fff;
  background-color: #337ab7;
}

div.combobox-container ul.heading>li>span,
div.combobox-container ul.dropdown-menu>li>span{
  box-sizing: content-box;
  display: inline-block;
  padding: 0 5px;
  white-space: nowrap;
}

div.combobox-container div.combobox-parms{ /*v04*/
  background: white; /*v04*/
  border-bottom: 1px silver solid; /*v04*/
  padding: 5px 10px; /*v04*/
} /*v04*/

div.combobox-container div.combobox-parms:empty{ /*v04*/
  display: none; /*v04*/
} /*v04*/

@-moz-document url-prefix(){ /* firefox only */
  div.combobox-container ul.dropdown-menu>li>span:last-child{
    padding-right: 21px; /* for firefox scrollbar issue */
  }
}

/* list styling end */

/* Collapse menu */
@media only screen and (max-width: 670px){
  div.combobox-container{ /*v02*/
    display: block; /*v02*/
  } /*v02*/

  div.combobox-container span.dropdown-toggle{
    height: 31px;
    padding-top: 6px;
    width: 31px;
  }

  div.combobox-container span.caret{
    transform: scale(1.4);
  }

  div.combobox-container ul{
    font-size: 16px;
  }
} /* end media max-width 670px */