/*-- GUI COMBO: { --*/
  .gui-combo { position: relative; z-index: 1; display: inline-block; vertical-align: middle; overflow: hidden; max-width: 100%; padding: 1px 0 3px 8px; text-align: left; line-height: 1em; white-space: nowrap; }
  .gui-combo_full-width { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
  .gui-combo_button_input { padding-bottom: 2px; background: #fff; }
  .gui-combo_button_input:hover,
  .gui-combo_button_input:focus { background: #fff; }

  .gui-combo_button_toggler { padding-bottom: 2px; background: #fff; }
  .gui-combo_button_toggler:hover,
  .gui-combo_button_toggler:focus { background: #fff; }
  .gui-combo_button_toggler:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

    .gui-combo__select { position: absolute; top: -1px; bottom: -1px; left: 0; z-index: 4; min-width: 100%; min-height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; }
    .gui-combo__select:focus { outline: 0 none; }
    .gui-combo__select:hover {}
    .gui-combo__select[disabled] { cursor: default; }
    .gui-combo_button_toggler .gui-combo__select[disabled] { z-index: -1; }
      .gui-combo__option {}
      .gui-combo__option[disabled] { display: none; }

    .gui-combo__view { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; max-width: 100%; margin: 0; padding: 1px .2em; line-height: 1.2em; }
    .gui-combo__select[disabled] ~ .gui-combo__view { color: #aaa; }
      .gui-combo__view:before { content: '\25be'; position: relative; top: 2px; float:right; width: 1em; height: auto; padding: 0 2px 0 0; text-align: right; font-size: 160%; font-weight: bold; }

    .gui-combo__toggler { position: relative; z-index: 5; margin: 2px 0 0; padding: 0; vertical-align: top; }

    .gui-combo__prepend { float: left; margin: -2px 12px -4px -4px; padding: 3px 6px 3px 0; background: #eee; border-right: 1px solid #ccc; font-size: 12px; line-height: 18px; }
    .gui-combo_button_toggler .gui-combo__prepend { color: #333; }
    .gui-combo__prepend:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 8px; height: 100%; background: #eee; }
    .gui-combo__prepend_toggler { position: relative; z-index: 5; }
    .gui-combo__prepend_toggler:before { left: -8px; }

    .gui-combo__value { position: relative; top: 1px; display: inline-block; vertical-align: top; overflow: hidden; height: 1.2em; }

  .gui-combo_placeholder {}
    .gui-combo_placeholder .gui-combo__value { color: #555; font-style: italic; }

  .gui-combo_overflow {}
    .gui-combo_overflow .gui-combo__view { padding-right: 2em; }
      .gui-combo_overflow .gui-combo__view:before { position: absolute; top: 3px; right: 2px; float:none; }
      .gui-combo_overflow .gui-combo__view:after { content: '\2026'; position: relative; top: 1px; width: 1em; height: auto; text-align: right; font-size: 100%; font-weight: normal; }
    .gui-combo_overflow .gui-combo__value { max-width: 100%; }

  /*-- HACKS: { --*/
    /*-- MOZILLA: { --*/
    @-moz-document url-prefix() {
      .gui-combo { padding-top: 3px; padding-left: 7px; }
        .gui-combo__select::-moz-focus-inner { margin: 0; padding: 0; border: 0 none; outline: 0 none; }
        .gui-combo__view { padding-top: 0; padding-bottom: 0; }
          .gui-combo__view:before { top: 1px; padding-right: 1px; padding-left: 5px; font-size: 140%; }
      .gui-combo_overflow .gui-combo__view:before { right: 3px; padding-right: 0; }
    }
    /*-- } /mozilla. --*/

    /*-- WEBKIT: { --*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      .gui-combo__view:after { top: 0; }

      /*-- iOS focus zoom fix: { --*/
      @media \\0 screen {
        .gui-combo__select {max-width: 100%;font-size: 50px;}
          .gui-combo__select option {font-size: 12px;}
      }
      /*-- } --*/
    }
    /*-- } /webkit. --*/
  /*-- } /hacks. --*/
/*-- } /gui combo. --*/