fuelux/reference/dist/css/fuelux.css

Base Fuel UX styles and controls

/*!
 * Fuel UX v3.17.2 
 * Copyright 2012-2019 ExactTarget
 * Licensed under the BSD-3-Clause license (https://github.com/ExactTarget/fuelux/blob/master/LICENSE)
 */

@charset "UTF-8";
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
@font-face {
  font-family: "fuelux";
  src: url("../fonts/fuelux.eot");
  src: url("../fonts/fuelux.eot?#iefix") format("embedded-opentype"), url(data:font-woff;base64,d09GRk9UVE8AAAUUAAsAAAAABuAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAegAAAIisWS2RkZGVE0AAALwAAAAGQAAABxvEtzhR0RFRgAAAwwAAAAdAAAAIAA4AARPUy8yAAADLAAAAEoAAABgL7lMbGNtYXAAAAN4AAAAPAAAAUrAGiK3aGVhZAAAA7QAAAAvAAAANgDSVuNoaGVhAAAD5AAAABwAAAAkBCkCA2htdHgAAAQAAAAAGgAAABoHmgL4bWF4cAAABBwAAAAGAAAABgALUABuYW1lAAAEJAAAAN0AAAF3kxoWmXBvc3QAAAUEAAAAEAAAACAAAwABeJw90M9rE0EUB/D30uzusLtuNTqiGIs/+gt6ifVHtgfRHqQHLTYumEsrpSSWRVNozNJc2t6S2K2bBATbS0tLe9jDUlJ6aS85hFT8H6SCFPwTZiCIbpnq6fMe8+Y7j0GIRgERlbdO9r1TBIwAwijvi/D+Ln4tuqqjq3e5erRHhetW7I/r/i90xfN4ndelOHztjgNcjMP3S3HQ41iIgX4WQ6AbrsJN6IUhGIYReApjMA6WM2c/SyQSgnuCYcF9wQPBQ8EjQVJgCkbEvudbA2AZK/gRV9DFVfyEHlaxBhpiJPlk7GX6TebdhxWDDfEb9JbaGezI9Laa74zTOyqTn9O7KosFtFdlg0ymfeE5e0X7VTZaogOqwXz+OOwM/pqbZz2vs+VwyGC/2YXwjsGWf4YBxrdfYZjhMT9M/veQwU7ZHD3MNianstmpyUb28KjROOox+OcrLnV1Nfysy0AQ6YD5Yjpf+jJxLB0Eza2WR0zFruSW5otEq7W2m3v7pJ2SFvKLubJNNPvAaVZa5ET27LXcxjzRkopVS29n9ki7Le0s+ItBmWjHE9KMnXasCjlRAs9f290gWskqpGczJNWWNnfW/WpAtB9Kq9Qs7M+SVErKb+bW7SrRgpmttGcRU64ES35xl2h/Ac9Ys4h4nGNgYGBkAILzccd+gelbXJ9hNABYswg7AAAAeJxjYGRgYOADYgkGEGBiYARCLiBmAfMYAAS4AD0AAAB4nGNgZmJgnMDAysDB6MOYxsDA4A6lvzJIMrQwMDAxsHIywIEAgskQkOaawuDwgOEBJ+OD/w8Y9Bj//v8LFGaEK1AAQkYALokNlwAAeJxjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYGBgecP7/D1LwgAFEKzBC1QMBIxsDgjNCAQBlrAaweJxjYGRgYADiH2cX2sfz23xl4GZiAIHzt7g+w2lmBmbGv4x/gVwOBrA0AFSyC6wAeJxjYGRgYPzLwMCgx8QAAkA2IwMqYAIANwYCMQIAAAACAAADARUBhwGDAQ8AWAADAAMAXACnAAAAAFAAAAsAAHicbY49asNAEIU/2bJMsEmX1JsipYS0BAwuU/gAKdy7WAuDkPDagtzDkD5djpED5AQ5TZ7kKVJ4l9n59vHmB1jyQcJwEjLujSfMeTae8sTROJXn03jGgm/jTPdXziS9k7IcqwaeqOOD8ZRXcuNUnovxjEe+jDPpP+zpCTR632Hfh6ZXfpNUS2rYEfUNdd/sBBs6Ws5jjnIEHJ6CUnmt+N/sqnitsVJ4eSpe1KJrz5su1sH5onRrdx0p8Pkq92Uly82VtpIiJw7jCk7NhrFsQzwdutZVRXm78A9U7zY2AAAAeJxjYGZABowMaAAAAI4ABQ==) format("woff"), url("../fonts/fuelux.ttf") format("truetype"), url("../fonts/fuelux.svg#fuelux") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fuelux [class^="fueluxicon-"]:before,
.fuelux [class*=" fueluxicon-"]:before {
  font-family: "fuelux" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fuelux .fueluxicon-loader-full:before {
  content: "\e000";
}
.fuelux .fueluxicon-loader-1:before {
  content: "\e001";
}
.fuelux .fueluxicon-loader-2:before {
  content: "\e002";
}
.fuelux .fueluxicon-loader-3:before {
  content: "\e003";
}
.fuelux .fueluxicon-loader-4:before {
  content: "\e004";
}
.fuelux .fueluxicon-loader-5:before {
  content: "\e005";
}
.fuelux .fueluxicon-loader-6:before {
  content: "\e006";
}
.fuelux .fueluxicon-loader-7:before {
  content: "\e007";
}
.fuelux .fueluxicon-loader-8:before {
  content: "\e008";
}
.fuelux .fueluxicon-bullet:before {
  content: "\e009";
}
.fuelux .radio-inline,
.fuelux .checkbox-inline {
  padding-left: 0;
}
.fuelux .radio-inline.highlight,
.fuelux .checkbox-inline.highlight {
  left: -8px;
}
.fuelux .radio-inline label,
.fuelux .checkbox-inline label {
  margin-bottom: 0;
}
label.fuelux .radio:hover:before,
label.fuelux .checkbox:hover:before,
label.fuelux .radio-inline:hover:before,
label.fuelux .checkbox-inline:hover:before,
.input-label.fuelux .radio:hover:before,
.input-label.fuelux .checkbox:hover:before,
.input-label.fuelux .radio-inline:hover:before,
.input-label.fuelux .checkbox-inline:hover:before,
.fuelux .radio label:hover:before,
.fuelux .checkbox label:hover:before,
.fuelux .radio-inline label:hover:before,
.fuelux .checkbox-inline label:hover:before,
.fuelux .radio .input-label:hover:before,
.fuelux .checkbox .input-label:hover:before,
.fuelux .radio-inline .input-label:hover:before,
.fuelux .checkbox-inline .input-label:hover:before {
  box-shadow: inset 0px 0px 2px 1px rgba(91, 157, 217, 0.7), 0px 0px 5px 0px rgba(91, 157, 217, 0.7);
}
.fuelux .radio label,
.fuelux .checkbox label,
.fuelux .radio-inline label,
.fuelux .checkbox-inline label,
.fuelux .radio .input-label,
.fuelux .checkbox .input-label,
.fuelux .radio-inline .input-label,
.fuelux .checkbox-inline .input-label,
label.fuelux .radio,
label.fuelux .checkbox,
label.fuelux .radio-inline,
label.fuelux .checkbox-inline {
  cursor: pointer;
  font-weight: normal;
}
.fuelux .radio.highlight input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .radio-inline.highlight input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .checkbox-inline.highlight input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .radio.highlight input[type="radio"]:not(.sr-only) ~ label,
.fuelux .checkbox.highlight input[type="radio"]:not(.sr-only) ~ label,
.fuelux .radio-inline.highlight input[type="radio"]:not(.sr-only) ~ label,
.fuelux .checkbox-inline.highlight input[type="radio"]:not(.sr-only) ~ label {
  padding: 4px;
  border-radius: 4px;
}
.fuelux .radio.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
.fuelux .radio-inline.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
.fuelux .checkbox-inline.highlight input[type="checkbox"]:not(.sr-only):checked ~ label,
.fuelux .radio.highlight input[type="radio"]:not(.sr-only):checked ~ label,
.fuelux .checkbox.highlight input[type="radio"]:not(.sr-only):checked ~ label,
.fuelux .radio-inline.highlight input[type="radio"]:not(.sr-only):checked ~ label,
.fuelux .checkbox-inline.highlight input[type="radio"]:not(.sr-only):checked ~ label {
  background-color: #e6e6e6;
  opacity: 1;
  z-index: 0;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only),
.fuelux .checkbox input[type="checkbox"]:not(.sr-only),
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only),
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only),
.fuelux .radio input[type="radio"]:not(.sr-only),
.fuelux .checkbox input[type="radio"]:not(.sr-only),
.fuelux .radio-inline input[type="radio"]:not(.sr-only),
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  /* for keyboard tabbing */
}
.fuelux .radio input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only) ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only) ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only) ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only) ~ label {
  padding-left: 0;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only) ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only) ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only) ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only) ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only) ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only) ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only) ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only) ~ label:before {
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  border: 1px solid #aaaaaa;
  color: #FFF;
  font-size: 9px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin-top: 0;
  margin-bottom: -2px;
  cursor: pointer;
  display: inline-block;
  text-align: left;
  z-index: 2;
  content: "";
}
.fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label {
  color: #333333;
  color: #39b3d7;
  cursor: pointer;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):active ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label:before,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label:before {
  box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;
  outline: none;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):active ~ label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active ~ label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active ~ label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):active ~ label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active ~ label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus ~ label:hover {
  color: #333333;
  cursor: pointer;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only):active:hover ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active:hover ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active:hover ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):checked:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked:hover ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .checkbox input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:hover {
  color: #333333;
  cursor: pointer;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled] ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled] ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled] ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled] ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only):disabled ~ label,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):disabled ~ label,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):disabled ~ label,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):disabled ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):disabled ~ label,
.fuelux .checkbox input[type="radio"]:not(.sr-only):disabled ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):disabled ~ label,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):disabled ~ label,
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled="disabled"] ~ label:before,
.fuelux .radio input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only)[disabled] ~ label:before,
.fuelux .radio input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):disabled ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):disabled ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):disabled ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):disabled ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):disabled ~ label:before {
  color: #333333;
  opacity: .65;
  cursor: not-allowed !important;
  outline: none;
  box-shadow: none;
}
.fuelux .radio input[type="checkbox"]:not(.sr-only):checked ~ label:before,
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked ~ label:before,
.fuelux .radio-inline input[type="checkbox"]:not(.sr-only):checked ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):checked ~ label:before,
.fuelux .checkbox input[type="radio"]:not(.sr-only):checked ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked ~ label:before,
.fuelux .checkbox-inline input[type="radio"]:not(.sr-only):checked ~ label:before {
  background: #39b3d7;
  border-color: #39b3d7;
}
.fuelux .radio.highlight:before,
.fuelux .checkbox.highlight:before,
.fuelux .radio-inline.highlight:before,
.fuelux .checkbox-inline.highlight:before {
  left: 4px;
  top: 7px;
}
.fuelux .radio.highlight input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only) ~ label,
.fuelux .radio.highlight input[type="radio"]:not(.sr-only) ~ label,
.fuelux .checkbox.highlight input[type="radio"]:not(.sr-only) ~ label {
  left: -8px;
  position: relative;
}
.fuelux .radio-inline,
.fuelux .checkbox-inline {
  padding-left: 0;
}
.fuelux .radio-inline:before,
.fuelux .checkbox-inline:before {
  left: 0;
  top: 3px;
}
.fuelux .checkbox.multiline,
.fuelux .radio.multiline {
  float: left;
  margin-left: 15px;
}
.fuelux .checkbox.multiline ~ .control-label,
.fuelux .radio.multiline ~ .control-label {
  float: left;
  width: 80%;
  margin-left: 10px;
  text-align: left;
}
.fuelux .checkbox.multiline ~ .control-label > label,
.fuelux .radio.multiline ~ .control-label > label {
  font-weight: normal;
  cursor: pointer;
}
.fuelux .form-group.required .control-label:before {
  content: '*';
  color: #a94442;
  margin-right: 5px;
}
.fuelux .checkbox {
  /* for keyboard tabbing */
}
.fuelux .checkbox.highlight + .checkbox.highlight {
  margin-top: -5px;
}
.fuelux .checkbox.highlight label.checkbox-custom {
  padding: 4px 4px 4px 24px;
}
.fuelux .checkbox.highlight.checked label.checkbox-custom,
.fuelux .checkbox.highlight label.checked.checkbox-custom {
  background: #e6e6e6;
  border-radius: 4px;
}
.fuelux .checkbox input[type="checkbox"]:focus + .checkbox-label,
.fuelux .checkbox input[type="checkbox"]:hover + .checkbox-label,
.fuelux .checkbox .checkbox-label:hover {
  color: #999999;
}
.fuelux .checkbox input[type="checkbox"]:disabled:focus + .checkbox-label,
.fuelux .checkbox input[type="checkbox"]:disabled:hover + .checkbox-label,
.fuelux .checkbox.disabled label:hover {
  color: inherit;
}
.fuelux .form-horizontal .checkbox-inline {
  padding-top: 0;
}
.fuelux .input-group-addon.checkbox-custom {
  margin-bottom: 0;
  cursor: pointer;
  padding-left: 24px;
}
.fuelux .input-group-addon.checkbox-custom input[type=checkbox] {
  position: absolute;
  margin-left: -24px;
}
.fuelux .input-group-addon.checkbox-custom:before {
  left: 11px;
  top: 9px;
}
.fuelux .checkbox-custom {
  position: relative;
  /* for keyboard tabbing */
  /* for keyboard tabbing */
  /* for keyboard tabbing */
}
.fuelux .checkbox-custom:before {
  font-family: "Glyphicons Halflings" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  color: #FFF;
  content: " ";
  font-size: 9px;
  height: 14px;
  left: 0px;
  padding: 1px 0 0 1px;
  position: absolute;
  top: 3px;
  width: 14px;
}
.fuelux .checkbox-custom:active:before,
.fuelux .checkbox-custom:focus:before {
  color: #5B9DD9;
  cursor: pointer;
  box-shadow: inset 0px 0px 2px 1px #5B9DD9, 0px 0px 5px 0px #5B9DD9;
}
.fuelux .checkbox-custom.highlight:before {
  left: 4px;
  top: 6px;
}
.fuelux .checkbox-custom.checked:before {
  background: #39b3d7;
  border-color: #39b3d7;
  content: "\e013";
}
.fuelux .checkbox-custom.disabled {
  cursor: not-allowed;
  opacity: .65;
}
.fuelux .checkbox-custom.disabled:before {
  cursor: not-allowed;
  opacity: .65;
}
.fuelux .checkbox-custom.checkbox-inline:before {
  left: 0;
  top: 3px;
}
.fuelux .checkbox-custom.checkbox-inline.highlight {
  padding: 4px 4px 4px 24px;
  left: -4px;
}
.fuelux .checkbox-custom.checkbox-inline.highlight:before {
  left: 4px;
  top: 7px;
}
.fuelux .checkbox-custom.checkbox-inline.highlight.checked {
  background: #e6e6e6;
  border-radius: 4px;
}
.fuelux .checkbox-custom input[type="checkbox"]:focus + .checkbox-label {
  color: #999999;
}
.fuelux .checkbox-custom input[type="checkbox"] + .checkbox-label.truncate {
  display: inherit;
  line-height: 14px;
  margin-top: 3px;
  margin-bottom: -3px;
}
.fuelux label.checkbox-custom.checkbox-inline {
  padding-left: 20px;
}
.fuelux .checkbox input[type="checkbox"]:not(.sr-only) ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only) ~ label:before {
  border-radius: 4px;
  z-index: 1;
}
.fuelux .checkbox input[type="checkbox"]:not(.sr-only):checked ~ label:before,
.fuelux .checkbox-inline input[type="checkbox"]:not(.sr-only):checked ~ label:before {
  color: white;
  content: "\e013";
  line-height: 1em;
  padding-left: 1px;
  font-size: 8px;
  padding-top: 2px;
}
.fuelux .checkbox.hightlight + .checkbox-inline.highlight,
.fuelux .checkbox-inline.hightlight + .checkbox-inline.highlight {
  margin-left: -14px;
}
.fuelux .checkbox.hightlight + .checkbox-inline.highlight.checkbox-custom,
.fuelux .checkbox-inline.hightlight + .checkbox-inline.highlight.checkbox-custom {
  margin-left: 0px;
}
.fuelux .checkbox.highlight input[type="checkbox"]:not(.sr-only) ~ label {
  left: -4px;
}
.fuelux .radio {
  /* for keyboard tabbing */
}
.fuelux .radio.highlight {
  padding: 4px;
  margin: 0 0 5px 0;
}
.fuelux .radio.highlight + .radio.highlight {
  margin-top: -9px;
}
.fuelux .radio.highlight label.radio-custom {
  left: -8px;
  padding: 4px 4px 4px 24px;
  border-radius: 4px;
}
.fuelux .radio.highlight label.radio-custom:before {
  left: 5px;
  top: 7px;
}
.fuelux .radio.highlight label.radio-custom:after {
  left: 9px;
  top: 11px;
}
.fuelux .radio.highlight.checked label.radio-custom,
.fuelux .radio.highlight label.radio-custom.checked {
  background: #e6e6e6;
  border-radius: 4px;
}
.fuelux .radio input[type="radio"]:focus + .radio-label,
.fuelux .radio input[type="radio"]:hover + .radio-label,
.fuelux .radio .radio-label:hover {
  color: #999999;
}
.fuelux .form-horizontal .radio-inline {
  padding-top: 0;
}
.fuelux .input-group-addon.radio-custom.radio-inline:before {
  left: 11px;
  top: 9px;
}
.fuelux .input-group-addon.radio-custom.radio-inline:after {
  left: 15px;
  top: 13px;
}
.fuelux .radio-custom {
  position: relative;
  /* for keyboard tabbing */
  /* for keyboard tabbing */
}
.fuelux .radio-custom .highlight {
  padding: 4px;
  margin: 0 0 5px 0;
}
.fuelux .radio-custom .highlight.checked {
  background: #e6e6e6;
  border-radius: 4px;
}
.fuelux .radio-custom:after {
  background: transparent;
  border-radius: 6px;
  content: " ";
  height: 6px;
  left: 4px;
  position: absolute;
  top: 7px;
  width: 6px;
}
.fuelux .radio-custom:before {
  border: 1px solid #aaaaaa;
  border-radius: 14px;
  content: " ";
  height: 14px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 14px;
}
.fuelux .radio-custom.checked:after {
  background: #FFF;
}
.fuelux .radio-custom.checked:before {
  background: #39b3d7;
  border-color: #39b3d7;
}
.fuelux .radio-custom.disabled {
  cursor: not-allowed;
  opacity: .65;
}
.fuelux .radio-custom.disabled:after {
  cursor: not-allowed;
}
.fuelux .radio-custom.disabled:before {
  cursor: not-allowed;
  opacity: .65;
}
.fuelux .radio-custom.radio-inline:after {
  left: 4px;
  top: 7px;
}
.fuelux .radio-custom.radio-inline:before {
  left: 0;
  top: 3px;
}
.fuelux .radio-custom.radio-inline.highlight {
  left: -3px;
  padding: 4px 4px 4px 24px;
}
.fuelux .radio-custom.radio-inline.highlight:after {
  left: 8px;
  top: 11px;
}
.fuelux .radio-custom.radio-inline.highlight:before {
  left: 4px;
  top: 7px;
}
.fuelux .radio-custom.radio-inline.highlight.checked {
  background: #e6e6e6;
  border-radius: 4px;
}
.fuelux .radio-custom input[type="radio"]:focus + .radio-label {
  color: #999999;
}
.fuelux .radio-custom input[type="radio"] + .radio-label.truncate {
  display: inherit;
  line-height: 14px;
  margin-top: 3px;
  margin-bottom: -3px;
}
.fuelux label.radio-custom.radio-inline {
  padding-left: 20px;
}
.fuelux .radio input[type="radio"]:not(.sr-only),
.fuelux .radio-inline input[type="radio"]:not(.sr-only) {
  /* for keyboard tabbing */
  /* for keyboard tabbing */
}
.fuelux .radio input[type="radio"]:not(.sr-only) ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only) ~ label:before {
  border-radius: 8px;
  z-index: 1;
}
.fuelux .radio input[type="radio"]:not(.sr-only):checked ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked ~ label:before {
  background: #39b3d7;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #FFF 0%, #FFF 40%, #39b3d7 41%, #39b3d7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #FFF), color-stop(40%, #FFF), color-stop(41%, #39b3d7), color-stop(100%, #39b3d7));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #FFF 0%, #FFF 40%, #39b3d7 41%, #39b3d7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #FFF 0%, #FFF 40%, #39b3d7 41%, #39b3d7 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #FFF 0%, #FFF 40%, #39b3d7 41%, #39b3d7 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #FFF 0%, #FFF 40%, #39b3d7 41%, #39b3d7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#39b3d7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.fuelux .radio input[type="radio"]:not(.sr-only):hover ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):hover ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):active ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus ~ label:before {
  box-shadow: inset 0px 0px 2px 1px #5b9dd9, 0px 0px 5px 0px #5b9dd9;
}
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:before,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label:before,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:before {
  outline-color: none;
  outline-offset: 0;
  outline-style: none;
  outline-width: 0;
  cursor: default;
}
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label,
.fuelux .radio input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):active:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):focus:hover ~ label:hover,
.fuelux .radio input[type="radio"]:not(.sr-only):checked:hover ~ label:hover,
.fuelux .radio-inline input[type="radio"]:not(.sr-only):checked:hover ~ label:hover {
  color: #333333;
  cursor: default;
}
.fuelux .combobox.disabled .input-group-btn {
  cursor: not-allowed;
}
.fuelux .combobox input::-ms-clear {
  display: none;
}
.fuelux .combobox .dropdown-menu > li.selected > a {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.fuelux .combobox .dropdown-menu > li > em {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.fuelux .datepicker-calendar {
  padding: 16px 16px 0;
  min-height: 262px;
}
.fuelux .datepicker-calendar button {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.fuelux .datepicker-calendar-days {
  height: 182px;
  margin: 10px 0 12px;
  width: 100%;
  /* for spacing */
}
.fuelux .datepicker-calendar-days thead {
  border-bottom: 1px solid #cccccc;
}
.fuelux .datepicker-calendar-days tbody:before {
  color: transparent;
  content: "\200C";
  display: block;
  line-height: 3px;
  visibility: hidden;
}
.fuelux .datepicker-calendar-days td,
.fuelux .datepicker-calendar-days th {
  font-size: 14px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  width: 14.29%;
}
.fuelux .datepicker-calendar-days td b,
.fuelux .datepicker-calendar-days td button {
  color: #333333;
  display: inline-block;
  font-weight: normal;
  height: 30px;
  text-decoration: none;
  width: 30px;
}
.fuelux .datepicker-calendar-days td b {
  line-height: 30px;
}
.fuelux .datepicker-calendar-days td span {
  display: block;
  border-radius: 4px;
}
.fuelux .datepicker-calendar-days td span:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.fuelux .datepicker-calendar-days td.current-day span {
  border: 1px solid #333333;
}
.fuelux .datepicker-calendar-days td.last-month,
.fuelux .datepicker-calendar-days td.next-month {
  background: #d5d5d5;
}
.fuelux .datepicker-calendar-days td.last-month.first,
.fuelux .datepicker-calendar-days td.next-month.first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-left: 1px;
}
.fuelux .datepicker-calendar-days td.last-month.last,
.fuelux .datepicker-calendar-days td.next-month.last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-right: 1px;
}
.fuelux .datepicker-calendar-days td.past b,
.fuelux .datepicker-calendar-days td.past button {
  color: #999999;
}
.fuelux .datepicker-calendar-days td.restricted b,
.fuelux .datepicker-calendar-days td.restricted button {
  cursor: no-drop;
  position: relative;
}
.fuelux .datepicker-calendar-days td.restricted b:before,
.fuelux .datepicker-calendar-days td.restricted button:before {
  border-top: 1px solid #e9322d;
  bottom: 0;
  content: " ";
  display: block;
  left: 5px;
  position: absolute;
  right: 5px;
  top: 50%;
}
.fuelux .datepicker-calendar-days td.restricted b:hover,
.fuelux .datepicker-calendar-days td.restricted button:hover {
  background: none;
}
.fuelux .datepicker-calendar-days td.selected span {
  background: #eeeeee;
}
.fuelux .datepicker-calendar-days td.selected span:hover {
  background: #dddddd;
}
.fuelux .datepicker-calendar-days td.selected b,
.fuelux .datepicker-calendar-days td.selected button {
  color: #878787;
}
.fuelux .datepicker-calendar-days td.selected.current-day {
  box-shadow: 0 0 0 1px #FFF offset;
}
.fuelux .datepicker-calendar-days td.selected.current-day b,
.fuelux .datepicker-calendar-days td.selected.current-day button {
  color: #222222;
}
.fuelux .datepicker-calendar-days td.selected.current-day span:hover b,
.fuelux .datepicker-calendar-days td.selected.current-day span:hover button {
  border-color: #0f5f9f;
}
.fuelux .datepicker-calendar-days th {
  font-weight: bold;
  height: 22px;
  vertical-align: top;
}
.fuelux .datepicker-calendar-header {
  *zoom: 1;
}
.fuelux .datepicker-calendar-header:before,
.fuelux .datepicker-calendar-header:after {
  display: table;
  content: "";
  line-height: 0;
}
.fuelux .datepicker-calendar-header:after {
  clear: both;
}
.fuelux .datepicker-calendar-header button {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.fuelux .datepicker-calendar-header .title {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 174px;
  color: #222222;
  font-size: 20px;
  line-height: 30px;
  text-decoration: underline;
  vertical-align: middle;
}
.fuelux .datepicker-calendar-header .title:hover {
  color: #0f5f9f;
  text-decoration: underline;
}
.fuelux .datepicker-calendar-header .title.disabled {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}
.fuelux .datepicker-calendar-header .title .month {
  display: inline;
  margin: 0;
  padding: 0;
}
.fuelux .datepicker-calendar-header .title .month span {
  display: none;
}
.fuelux .datepicker-calendar-header .title .month span.current {
  display: inline;
}
.fuelux .datepicker-calendar-header .next,
.fuelux .datepicker-calendar-header .prev {
  background: #666666;
  background-clip: padding-box;
  border-radius: 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  text-align: center;
  width: 30px;
}
.fuelux .datepicker-calendar-header .next span.glyphicon,
.fuelux .datepicker-calendar-header .prev span.glyphicon {
  color: #FFF;
  font-size: 16px;
  line-height: 30px;
}
.fuelux .datepicker-calendar-header .next:hover,
.fuelux .datepicker-calendar-header .prev:hover {
  background: #0f5f9f;
}
.fuelux .datepicker-calendar-header .next {
  float: right;
}
.fuelux .datepicker-calendar-header .next span.glyphicon {
  line-height: 28px;
}
.fuelux .datepicker-calendar-footer {
  background: #e6e6e6;
  background-clip: padding-box;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #cccccc;
  height: 30px;
  margin: 0 -16px;
  padding: 4px 14px;
}
.fuelux .datepicker-calendar-footer .datepicker-today {
  color: #333333;
  font-size: 14px;
  text-decoration: underline;
}
.fuelux .datepicker-calendar-footer .datepicker-today:hover {
  color: #1b75bb;
  text-decoration: underline;
}
.fuelux .datepicker-calendar-footer .datepicker-today.disabled {
  color: #878787;
  cursor: default;
  pointer-events: none;
}
.fuelux .datepicker-calendar-footer .datepicker-today.disabled:hover {
  color: #878787;
}
.fuelux .datepicker-calendar-wrapper {
  border: 1px solid #757575;
  min-height: 20px;
  padding: 0;
  width: 300px;
}
.fuelux .datepicker-wheels {
  display: none;
}
.fuelux .datepicker-wheels ul button {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.fuelux .datepicker-wheels-footer {
  background: #e6e6e6;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #cccccc;
  clear: both;
}
.fuelux .datepicker-wheels-footer .datepicker-wheels-back {
  display: block;
  color: #222222;
  float: left;
  line-height: 22px;
  border: 0;
  background-color: transparent;
}
.fuelux .datepicker-wheels-footer .datepicker-wheels-back:hover {
  color: #1b75bb;
}
.fuelux .datepicker-wheels-footer .datepicker-wheels-select {
  float: right;
  background-color: transparent;
  color: #5B9DD9;
}
.fuelux .datepicker-wheels-footer .datepicker-wheels-select:hover {
  color: #1b75bb;
}
.fuelux .datepicker-wheels-month,
.fuelux .datepicker-wheels-year {
  float: left;
  width: 50%;
}
.fuelux .datepicker-wheels-month ul,
.fuelux .datepicker-wheels-year ul {
  height: 217px;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  text-align: center;
}
.fuelux .datepicker-wheels-month ul li,
.fuelux .datepicker-wheels-year ul li {
  margin: 4px 0;
}
.fuelux .datepicker-wheels-month ul li button,
.fuelux .datepicker-wheels-year ul li button {
  width: 100%;
  text-align: center;
  color: #454545;
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.fuelux .datepicker-wheels-month ul li button:hover,
.fuelux .datepicker-wheels-year ul li button:hover {
  background: #d9edf7;
  text-decoration: none;
}
.fuelux .datepicker-wheels-month ul li.selected button,
.fuelux .datepicker-wheels-year ul li.selected button {
  background: #1b75bb;
  color: #FFF;
}
.fuelux .datepicker-wheels-month ul li.selected button:hover,
.fuelux .datepicker-wheels-year ul li.selected button:hover {
  background: #0f5f9f;
}
.fuelux .datepicker-wheels-month .header,
.fuelux .datepicker-wheels-year .header {
  background: #e6e6e6;
  background-clip: padding-box;
  border-bottom: 1px solid #cccccc;
  border-radius: 4px 0 0 0;
  color: #222222;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
.fuelux .datepicker-wheels-month.full,
.fuelux .datepicker-wheels-year.full {
  border-left: 0;
  width: 100%;
}
.fuelux .datepicker-wheels-month.full .header,
.fuelux .datepicker-wheels-year.full .header {
  border-radius: 4px 4px 0 0;
}
.fuelux .datepicker-wheels-year {
  border-left: 1px solid #cccccc;
  float: right;
}
.fuelux .datepicker-wheels-year .header {
  border-radius: 0 4px 0 0;
}
.fuelux .datepicker input::-ms-clear {
  display: none;
}
.fuelux .infinitescroll {
  overflow-y: auto;
}
.fuelux .infinitescroll .infinitescroll-end {
  clear: both;
  font-style: italic;
  padding: 6px;
  text-align: center;
}
.fuelux .infinitescroll .infinitescroll-load {
  clear: both;
  padding: 6px;
}
.fuelux .infinitescroll .infinitescroll-load button {
  padding: 5px 12px;
  width: 100%;
}
.fuelux .infinitescroll .infinitescroll-load .loader {
  font-size: 32px;
  height: 32px;
  margin: 0 auto;
  width: 32px;
}
.fuelux .dropUp,
.fuelux .dropup {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.fuelux .loader {
  height: 64px;
  font-size: 64px;
  position: relative;
  width: 64px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgd2lkdGg9IjU0cHgiIGhlaWdodD0iNTRweCIgdmlld0JveD0iNSA1IDU0IDU0IiBpZD0ibG9hZGVyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDUuMDAwMDAwKSIgZmlsbD0iIzE1ODllZSI+PGcgaWQ9InNwaW5uZXItbWVkaXVtIj48ZyBpZD0iT3ZhbC0zNSI+PGNpcmNsZSBpZD0iVG9wIiBjeD0iMjciIGN5PSI2IiByPSI1Ij48L2NpcmNsZT48Y2lyY2xlIGlkPSJUb3BSaWdodCIgY3g9IjQ4IiBjeT0iMTciIHI9IjUiPjwvY2lyY2xlPjxjaXJjbGUgaWQ9IkJvdHRvbVJpZ2h0IiBjeD0iNDgiIGN5PSIzNiIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBpZD0iQm90dG9tIiBjeD0iMjciIGN5PSI0OCIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBpZD0iQm90dG9tTGVmdCIgY3g9IjYiIGN5PSIzNiIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBpZD0iVG9wTGVmdCIgY3g9IjYiIGN5PSIxNyIgcj0iNSI+PC9jaXJjbGU+PC9nPjwvZz48L2c+PGFuaW1hdGVNb3Rpb24geGxpbms6aHJlZj0iI1RvcCIgcGF0aD0iTSAwIDAgViAtNSBaIiBkdXI9Ii4yNXMiIGJlZ2luPSIwczsgVG9wTGVmdEFuaW0uZW5kIiBpZD0iVG9wQW5pbSIgLz48YW5pbWF0ZU1vdGlvbiB4bGluazpocmVmPSIjVG9wUmlnaHQiIHBhdGg9Ik0gMCAwIEwgNSAtNSBaIiBkdXI9Ii4yNXMiIGJlZ2luPSJUb3BBbmltLmVuZCIgaWQ9IlRvcFJpZ2h0QW5pbSIgLz48YW5pbWF0ZU1vdGlvbiB4bGluazpocmVmPSIjQm90dG9tUmlnaHQiIHBhdGg9Ik0gMCAwIEwgNSA1IFoiIGR1cj0iLjI1cyIgYmVnaW49IlRvcFJpZ2h0QW5pbS5lbmQiIGlkPSJCb3R0b21SaWdodEFuaW0iIC8+PGFuaW1hdGVNb3Rpb24geGxpbms6aHJlZj0iI0JvdHRvbSIgcGF0aD0iTSAwIDAgViA1IFoiIGR1cj0iLjI1cyIgYmVnaW49IkJvdHRvbVJpZ2h0QW5pbS5lbmQiIGlkPSJCb3R0b21BbmltIiAvPjxhbmltYXRlTW90aW9uIHhsaW5rOmhyZWY9IiNCb3R0b21MZWZ0IiBwYXRoPSJNIDAgMCBMIC01IDUgWiIgZHVyPSIuMjVzIiBiZWdpbj0iQm90dG9tQW5pbS5lbmQiIGlkPSJCb3R0b21MZWZ0QW5pbSIgLz48YW5pbWF0ZU1vdGlvbiB4bGluazpocmVmPSIjVG9wTGVmdCIgcGF0aD0iTSAwIDAgTCAtNSAtNSBaIiBkdXI9Ii4yNXMiIGJlZ2luPSJCb3R0b21MZWZ0QW5pbS5lbmQiIGlkPSJUb3BMZWZ0QW5pbSIgLz48L3N2Zz4=");
  background-size: contain;
}
.fuelux .pillbox {
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  cursor: text;
  padding: 3px;
}
.fuelux .pillbox[data-readonly] {
  border: 1px solid transparent;
}
.fuelux .pillbox[data-readonly].truncate .pillbox-input-wrap {
  display: inline-block;
}
.fuelux .pillbox[data-readonly].truncate .pillbox-input-wrap.truncated {
  display: none;
}
.fuelux .pillbox[data-readonly].truncate .pillbox-more {
  display: inline;
}
.fuelux .pillbox[data-readonly] .pill span.glyphicon-close {
  display: none;
}
.fuelux .pillbox[data-readonly] .pillbox-add-item {
  display: none;
}
.fuelux .pillbox[data-readonly] .pillbox-input-wrap {
  display: none;
}
.fuelux .pillbox[data-readonly] .pillbox-input-wrap button.dropdown-toggle {
  display: none;
}
.fuelux .pillbox.pills-editable .pill-group .pill span {
  cursor: text;
}
.fuelux .pillbox.pills-editable .pill-group .pill span.glyphicon-close {
  cursor: pointer;
}
.fuelux .pillbox > .pill-group {
  margin: 0;
  padding: 0;
  width: 100%;
}
.fuelux .pillbox > .pill-group > .pill {
  margin: 2px;
  cursor: default;
  float: left;
  word-break: break-all;
}
.fuelux .pillbox > .pill-group > .pill.pillbox-highlight {
  outline: 1px dotted #999999;
}
.fuelux .pillbox > .pill-group > .pill.truncated {
  display: none;
}
.fuelux .pillbox > .pill-group > .pill .pillbox-list-edit {
  border: none;
  color: #333333;
  font-weight: normal;
  border-radius: 2px;
}
.fuelux .pillbox > .pill-group > .pill .pillbox-list-edit:focus {
  outline: none;
  border: none;
}
.fuelux .pillbox > .pill-group > .pill .glyphicon-close {
  cursor: pointer;
  top: -1px;
  left: 2px;
}
.fuelux .pillbox > .pill-group > .pill .glyphicon-close:before {
  content: " \00d7";
}
.fuelux .pillbox > .pill-group > .pill .glyphicon-close:hover {
  opacity: .4;
}
.fuelux .pillbox .pillbox-input-wrap {
  position: relative;
  margin: 4px 0 3px 3px;
  float: left;
}
.fuelux .pillbox .pillbox-input-wrap.editing {
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 2px 0 3px 3px;
}
.fuelux .pillbox .pillbox-input-wrap.editing input.pillbox-add-item {
  border-radius: 4px;
  color: #333333;
  height: 32px;
}
.fuelux .pillbox .pillbox-add-item {
  border: none;
  box-shadow: none;
}
.fuelux .pillbox .pillbox-add-item:focus {
  outline: none;
  border: none;
}
.fuelux .pillbox .pillbox-more {
  cursor: pointer;
  display: none;
  line-height: 30px;
}
.fuelux .pillbox .suggest {
  max-height: 166px;
  overflow-y: auto;
}
.fuelux .pillbox .suggest > li {
  white-space: nowrap;
  cursor: pointer;
  padding: 3px 20px;
}
.fuelux .pillbox .suggest > li.pillbox-suggest-sel {
  background-color: #eeeeee;
}
.fuelux .pillbox .suggest > li:hover {
  background-color: #eeeeee;
}
.fuelux .pillbox input::-ms-clear {
  display: none;
}
.fuelux .placard {
  display: inline-block;
  position: relative;
}
.fuelux .placard[data-ellipsis="true"].showing div.placard-field,
.fuelux .placard[data-ellipsis="true"].showing input.placard-field {
  overflow: auto;
  text-overflow: clip;
  white-space: normal;
}
.fuelux .placard[data-ellipsis="true"] div.placard-field,
.fuelux .placard[data-ellipsis="true"] input.placard-field {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fuelux .placard[data-ellipsis="true"] div.placard-field::-ms-clear,
.fuelux .placard[data-ellipsis="true"] input.placard-field: