select:focus ~ .jcf-select {
  outline: 1px dotted silver; }

.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #175286;
  font-weight: 400;
  background: #fff;
  min-width: 70px;
  height: 32px;
  width: 100%; }
  .jcf-select select {
    z-index: 1;
    left: 0;
    top: 0; }
  .jcf-select .jcf-select-text {
    padding: 8px 34px 8px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    color: #175286;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2; }
  .jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    width: 32px;
    bottom: 0;
    right: 0;
    top: 0; }
    .jcf-select .jcf-select-opener:before {
      top: 50%;
      left: 0;
      right: 0;
      speak: none;
      content: "\f107";
      text-align: center;
      position: absolute;
      font: 15px/1 'icomoon';
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px; }
  .jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto; }

.jcf-select-drop .jcf-hover {
  color: #ad651f !important; }

.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px; }
  .jcf-list-box .jcf-selected {
    color: #ad651f; }

.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 12px;
  width: 100%;
  border: 1px solid #175286; }
  .jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%; }
  .jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .jcf-list ul li {
      overflow: hidden;
      display: block; }
      .jcf-list ul li + li {
        border-top: 1px solid #175286; }
  .jcf-list .jcf-overflow {
    overflow: auto; }
  .jcf-list .jcf-option {
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 8px 9px 7px;
    color: #333;
    height: 1%; }
  .jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important; }
  .jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000; }
  .jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px; }

.jcf-disabled {
  background: #ddd !important; }

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999; }
  body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0; }