/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 12px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #ed930d;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 250px;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -moz-transition: -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #ed930d;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #fdc33d;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  color: #ed930d;
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--selected,
.picker__day--selected:hover {
  border-color: #ed930d;
}
.picker__day--highlighted {
  background: #fdc33d;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #fdc33d;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #ed930d;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover {
  cursor: pointer;
  color: #000000;
  background: #fdc33d;
  border-bottom-color: #fdc33d;
}
.picker__button--today:focus,
.picker__button--clear:focus {
  background: #fdc33d;
  border-color: #ed930d;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -0.1em;
  color: #ee2200;
  vertical-align: top;
  font-size: 1.1em;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */

   /* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 0.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #fdc33d;
  border-color: #ed930d;
  z-index: 10;
}
/* Selected time */
.picker__list-item--selected,
.picker__list-item--selected:hover {
  border-color: #ed930d;
  z-index: 10;
}
/* Highlighted time */
.picker__list-item--highlighted {
  background: #fdc33d;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  background: #ed930d;
  color: #ffffff;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #fdc33d;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
.picker--time {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The holder is the base of the picker.
 */
.picker--time .picker__holder {
  background: #f2f2f2;
}
@media (min-height: 40.125em) {
  .picker--time .picker__holder {
    font-size: .875em;
  }
}
/**
 * The box contains the list of times.
 */
.picker--time .picker__box {
  padding: 0;
  position: relative;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.control-inset {
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
}
.control-textinput {
  color: #7c8c99;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 0 4px;
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
}
.control-textinput:hover {
  border-color: #eeeeee;
}
.control-textinput:focus {
  border-color: #ed930d;
}
.actionlink {
  display: inline-block;
  color: #7c8c99;
  min-height: 0;
  padding: 7px 0 0px;
  line-height: normal;
  border-bottom: 1px dotted #99a5af;
  margin: 1px 0 3px;
  cursor: pointer;
  width: auto;
}
.actionlink:hover {
  color: #99a5af;
  border-bottom: 1px dotted #c4cbd1;
}
.changed-badge {
  position: relative;
}
.changed-badge span {
  position: absolute;
  display: block;
  z-index: 3;
  right: 2px;
  top: -5px;
  font-size: 24px;
  font-weight: bold;
  color: #ed930d;
}
.control {
  display: block;
  margin: 1px;
}
.control:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.control.mini {
  width: 50px !important;
}
.control.big {
  width: 240px !important;
}
.control.container {
  margin: 0;
}
.control.pad {
  padding: 10px;
}
.control.indent {
  padding: 0 10px;
}
.control.center {
  text-align: center;
}
.control.center > div {
  display: inline-block;
  margin: auto;
}
.control.right {
  float: right;
}
.control.box {
  overflow: visible;
}
.control.hc {
  white-space: nowrap;
}
.control.hc > tbody > tr > td {
  vertical-align: top;
  padding: 0;
}
.control.vc > div {
  padding-bottom: 5px;
}
.control.vc > div:last-child {
  padding-bottom: 0;
}
.control.vc.nopad > div {
  padding-bottom: 0;
}
.control.label {
  text-decoration: none;
  color: #7c8c99;
  line-height: 30px;
  min-height: 30px;
  display: inline-block;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
}
.control.label.bold {
  font-weight: bold;
}
.control.label.small {
  font-size: 9.9px;
  height: auto;
}
.control.tooltip {
  position: relative;
  display: inline-block;
  overflow: visible;
  margin: 0;
}
.control.tooltip.body {
  position: relative;
}
.control.tooltip.body > :last-child {
  display: block;
  width: 1px;
  margin-left: 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.75) transparent;
  border-width: 5px 5px 0 5px;
}
.control.tooltip.body > :first-child {
  display: block;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 3px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.control.tooltip:hover > .tip {
  display: block;
  opacity: 1;
}
.control.icon {
  width: 16px;
  height: 30px;
  display: inline-block;
  line-height: 23.1px;
}
.control.icon i {
  display: block;
}
.control.icon.style-yellow i:before {
  color: #ed930d;
}
.control.button {
  width: 120px;
  height: auto;
  padding: 6px 0 5px;
  text-decoration: none;
  color: #7c8c99;
}
.control.button.style-normal {
  background: #fcfcfc;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eeeeee;
  position: relative;
}
.control.button.style-normal,
.control.button.style-normal i::before {
  color: rgba(0, 0, 0, 0.45);
}
.control.button.style-normal:hover {
  background: #ffffff;
}
.control.button.style-normal:active {
  background: #ffffff;
  border-color: #ed930d;
}
.control.button.style-link {
  display: inline-block;
  color: #7c8c99;
  min-height: 0;
  padding: 7px 0 0px;
  line-height: normal;
  border-bottom: 1px dotted #99a5af;
  margin: 1px 0 3px;
  cursor: pointer;
  width: auto;
}
.control.button.style-link:hover {
  color: #99a5af;
  border-bottom: 1px dotted #c4cbd1;
}
.control.button.style-mini {
  background: #fcfcfc;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eeeeee;
  position: relative;
  min-width: 20px;
  width: auto;
  display: inline-block;
  padding: 5px 4px 6px;
}
.control.button.style-mini,
.control.button.style-mini i::before {
  color: rgba(0, 0, 0, 0.45);
}
.control.button.style-mini:hover {
  background: #ffffff;
}
.control.button.style-mini:active {
  background: #ffffff;
  border-color: #ed930d;
}
.control.button.style-raw {
  width: auto;
}
.control.button.pressed {
  background: #ffffff;
  border-color: #ed930d;
}
.control.button i {
  top: 1px;
  position: relative;
  color: black;
}
.control.button.style-icon {
  background: #fcfcfc;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eeeeee;
  position: relative;
  min-width: 20px;
  width: auto;
  padding: 5px 4px 6px;
  opacity: .75;
}
.control.button.style-icon,
.control.button.style-icon i::before {
  color: rgba(0, 0, 0, 0.45);
}
.control.button.style-icon:hover {
  background: #ffffff;
}
.control.button.style-icon:active {
  background: #ffffff;
  border-color: #ed930d;
}
.control.textbox {
  color: #7c8c99;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 0 4px;
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
}
.control.textbox:hover {
  border-color: #eeeeee;
}
.control.textbox:focus {
  border-color: #ed930d;
}
.control.datetime {
  position: relative;
}
.control.datetime > .date,
.control.datetime > .time {
  width: 125px;
  display: inline-block;
}
.control.editable i:before {
  top: 1px;
}
.control.editable > .label {
  display: inline-block;
  color: #7c8c99;
  min-height: 0;
  padding: 7px 0 0px;
  line-height: normal;
  border-bottom: 1px dotted #99a5af;
  margin: 1px 0 3px;
  cursor: pointer;
  width: auto;
}
.control.editable > .label:hover {
  color: #99a5af;
  border-bottom: 1px dotted #c4cbd1;
}
.control.checkbox {
  white-space: nowrap;
}
.control.checkbox > .label {
  float: left;
}
.control.checkbox > input {
  float: left;
  display: none;
}
.control.checkbox > input + label {
  float: left;
  margin: 4px 7px 0 1px;
  width: 18px;
  height: 18px;
  padding: 1px;
  background: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eeeeee;
  position: relative;
}
.control.checkbox > input + label,
.control.checkbox > input + label i::before {
  color: rgba(0, 0, 0, 0.45);
}
.control.checkbox > input + label:hover {
  background: #ffffff;
}
.control.checkbox > input + label:active {
  background: #ffffff;
  border-color: #ed930d;
}
.control.checkbox > input + label .tick {
  -webkit-transition: 0.125s;
  -moz-transition: 0.125s;
  -o-transition: 0.125s;
  transition: 0.125s;
  opacity: 0;
}
.control.checkbox > input:checked + label {
  border-color: #ed930d;
  background: #f8c881;
}
.control.checkbox > input:checked + label .tick {
  opacity: 1;
  padding-top: 1px;
}
.control.checkbox > input:checked + label .tick::before {
  color: #bd750a;
}
.control.checkbox .label {
  margin: 0;
}
.control.dropdown {
  width: 160px;
  height: 32px;
}
.control.combobox {
  color: #7c8c99;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 0 4px;
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
}
.control.combobox:hover {
  border-color: #eeeeee;
}
.control.combobox:focus {
  border-color: #ed930d;
}
.control.formline > div:first-child {
  width: 120px;
  text-align: right;
  padding-right: 20px;
  float: left;
}
.control.formline > div:last-child {
  float: left;
}
.control.formline > div {
  padding: 1px;
}
.control.formgroup > div:first-child {
  color: #b5bec6;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 2px solid #eee;
}
.control.formgroup > div:last-child {
  padding: 10px 0;
}
.control.collapse > .header {
  cursor: pointer;
}
.control.collapserow {
  padding: 0 !important;
}
.control.collapserow > .header {
  padding: 5px;
}
.control.collapserow > .header:hover {
  background: #fff;
}
.control.collapserow > .children,
.control.collapserow > * > .children {
  background: white !important;
  padding: 5px;
  border-top: 1px solid #eeeeee;
}
.control.list {
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
  width: auto;
  height: auto;
}
.control.list > div {
  border-bottom: 1px solid #eee;
  cursor: default;
}
.control.list > div:last-child {
  border-bottom: none;
}
.control.listitem {
  padding: 0 5px;
}
.control.listitem:active {
  background: #f5b351;
}
.control.listitem:active *,
.control.listitem:active *:before {
  color: white;
}
.control.table {
  display: table;
  margin: 1px;
  width: 99%;
  border-spacing: 0;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.control.table.wide {
  table-layout: fixed;
}
.control.table.compressed > tbody > tr > td {
  padding: 2px 5px 0;
}
.control.table.has-filterrow > tbody > tr.filterrow,
.control.table.has-addrow > tbody > tr.addrow,
.control.table.empty > tbody > tr.emptyrow {
  display: table-row !important;
}
.control.table > tbody {
  margin: 0;
}
.control.table > tbody > tr {
  margin: 0;
}
.control.table > tbody > tr.emptyrow,
.control.table > tbody > tr.addrow,
.control.table > tbody > tr.filterrow {
  display: none;
}
.control.table > tbody > tr.filterrow td {
  background: #fefefe;
  border-top: 1px solid #eee;
  line-height: 18px;
  padding: 5px !important;
  border-bottom: 1px solid #eee;
}
.control.table > tbody > tr.filterrow td i::before {
  color: #888;
}
.control.table > tbody > tr.filterrow td input {
  background: transparent;
  width: 75%;
  color: #888;
  border: none;
  height: 20px;
}
.control.table > tbody > tr.emptyrow td {
  padding: 10px;
  text-align: center;
  color: #888;
}
.control.table > tbody > tr.addrow td {
  padding: 0;
  border-top: 1px solid #eee;
}
.control.table > tbody > tr.addrow td a {
  line-height: 17px;
  display: block;
  padding: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.75);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-weight: bold;
  opacity: .5;
  background: #fcfcfc;
}
.control.table > tbody > tr.addrow td a:hover {
  opacity: 1;
  background: white;
}
.control.table > tbody > tr > th {
  padding-top: 3px;
  color: #7c8c99;
}
.control.table > tbody > tr > td {
  overflow: hidden;
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-width: 1px 0 0 1px;
  padding: 3px 5px 5px;
  vertical-align: top;
}
.control.table > tbody > tr:first-child td {
  border-top: none;
}
.control.table > tbody > tr > *:first-child {
  border-left: none !important;
}
.control.table > tbody > tr > th {
  background: #f6f6f6;
  padding: 10px 7px;
  border-left: 1px solid #e3e3e3;
  border-bottom: 2px solid #f0f0f0;
  font-weight: bold;
  text-align: left;
}
.control.table > tbody > tr > th:last-child {
  border-right-width: 0px;
}
.control.table > tbody > tr > th.nopad {
  padding: 0 7px;
}
.control.layout-table > tbody > tr > td {
  padding: 0 5px;
}
.control.progressbar {
  margin: 8px 1px;
  height: 17px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #eeeeee;
}
.control.progressbar div.fill {
  height: 17px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f5b351;
  position: relative;
  overflow: hidden;
}
.control.paging {
  overflow: hidden;
  padding: 5px 0;
}
.control.paging > * {
  float: left;
}
.control.paging .select2-container {
  margin: 0 5px;
}
.control.paging .select2-container .select2-choice {
  width: 70px;
}
.control.pathbox {
  overflow: hidden;
}
.control.pathbox > * {
  float: left;
}
.control.tabs {
  position: relative;
  padding: .2em;
  overflow: hidden;
}
.control.tabs > ul {
  overflow: hidden;
  margin: 0;
  padding: .2em .2em 0;
}
.control.tabs > ul li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .5em 0 0;
  white-space: nowrap;
  border-bottom: 3px solid #eee;
}
.control.tabs > ul li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.control.tabs > ul li a {
  float: left;
  font-weight: bold;
  padding: 4px 10px;
  color: #7c8c99;
  text-decoration: none;
}
.control.tabs > ul li.active {
  background: #ed930d;
  border-color: #d5840c;
}
.control.tabs > ul li.active > a {
  color: white;
}
.control.tabs > div > div {
  display: block;
  border-width: 0;
  padding: 1em 0;
  background: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-spacing: 0;
}
* {
  outline: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline-block;
  font-size: 14px;
  color: #7c8c99;
  text-align: center;
  vertical-align: text-top;
  position: relative;
  /* Better font rendering */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.33333333em;
}
.btn [class^="icon-"],
.nav-tabs [class^="icon-"],
.btn [class*=" icon-"],
.nav-tabs [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}
ul.icons {
  list-style-type: none;
  margin-left: 2em;
  text-indent: -0.8em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .8em;
}
ul.icons li .icon-large:before,
ul.icons li .icon-large:before {
  /* 1.5 increased font size for icon-large * 1.25 width */
  vertical-align: initial;
}
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-alt:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file-alt:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-reload:before,
.icon-restart:before {
  content: "\f021";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up-alt:before {
  content: "\f087";
}
.icon-thumbs-down-alt:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-text-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.icon-expand-alt:before {
  content: "\f116";
}
.icon-collapse-alt:before {
  content: "\f117";
}
.icon-smile:before {
  content: "\f118";
}
.icon-frown:before {
  content: "\f119";
}
.icon-meh:before {
  content: "\f11a";
}
.icon-gamepad:before {
  content: "\f11b";
}
.icon-keyboard:before {
  content: "\f11c";
}
.icon-flag-alt:before {
  content: "\f11d";
}
.icon-flag-checkered:before {
  content: "\f11e";
}
.icon-terminal:before {
  content: "\f120";
}
.icon-code:before {
  content: "\f121";
}
.icon-reply-all:before {
  content: "\f122";
}
.icon-mail-reply-all:before {
  content: "\f122";
}
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-crop:before {
  content: "\f125";
}
.icon-code-fork:before {
  content: "\f126";
}
.icon-unlink:before {
  content: "\f127";
}
.icon-question:before {
  content: "\f128";
}
.icon-info:before {
  content: "\f129";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-superscript:before {
  content: "\f12b";
}
.icon-subscript:before {
  content: "\f12c";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-microphone:before {
  content: "\f130";
}
.icon-microphone-off:before {
  content: "\f131";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-empty:before {
  content: "\f133";
}
.icon-fire-extinguisher:before {
  content: "\f134";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-maxcdn:before {
  content: "\f136";
}
.icon-chevron-sign-left:before {
  content: "\f137";
}
.icon-chevron-sign-right:before {
  content: "\f138";
}
.icon-chevron-sign-up:before {
  content: "\f139";
}
.icon-chevron-sign-down:before {
  content: "\f13a";
}
.icon-html5:before {
  content: "\f13b";
}
.icon-css3:before {
  content: "\f13c";
}
.icon-anchor:before {
  content: "\f13d";
}
.icon-unlock-alt:before {
  content: "\f13e";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-ellipsis-horizontal:before {
  content: "\f141";
}
.icon-ellipsis-vertical:before {
  content: "\f142";
}
.icon-rss-sign:before {
  content: "\f143";
}
.icon-play-sign:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-minus-sign-alt:before {
  content: "\f146";
}
.icon-check-minus:before {
  content: "\f147";
}
.icon-level-up:before {
  content: "\f148";
}
.icon-level-down:before {
  content: "\f149";
}
.icon-check-sign:before {
  content: "\f14a";
}
.icon-edit-sign:before {
  content: "\f14b";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-share-sign:before {
  content: "\f14d";
}
.icon-compass:before {
  content: "\f14e";
}
.icon-collapse:before {
  content: "\f150";
}
.icon-collapse-top:before {
  content: "\f151";
}
.icon-expand:before {
  content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}
.icon-gbp:before {
  content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-sort-by-alphabet:before {
  content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}
.icon-sort-by-attributes:before {
  content: "\f160";
}
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}
.icon-sort-by-order:before {
  content: "\f162";
}
.icon-sort-by-order-alt:before {
  content: "\f163";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-sign:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xing:before {
  content: "\f168";
}
.icon-xing-sign:before {
  content: "\f169";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-dropbox:before {
  content: "\f16b";
}
.icon-stackexchange:before {
  content: "\f16c";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-flickr:before {
  content: "\f16e";
}
.icon-adn:before {
  content: "\f170";
}
.icon-bitbucket:before {
  content: "\f171";
}
.icon-bitbucket-sign:before {
  content: "\f172";
}
.icon-tumblr:before {
  content: "\f173";
}
.icon-tumblr-sign:before {
  content: "\f174";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-apple:before {
  content: "\f179";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f17b";
}
.icon-linux:before {
  content: "\f17c";
}
.icon-dribbble:before {
  content: "\f17d";
}
.icon-skype:before {
  content: "\f17e";
}
.icon-foursquare:before {
  content: "\f180";
}
.icon-trello:before {
  content: "\f181";
}
.icon-female:before {
  content: "\f182";
}
.icon-male:before {
  content: "\f183";
}
.icon-gittip:before {
  content: "\f184";
}
.icon-sun:before {
  content: "\f185";
}
.icon-moon:before {
  content: "\f186";
}
.icon-archive:before {
  content: "\f187";
}
.icon-bug:before {
  content: "\f188";
}
.icon-vk:before {
  content: "\f189";
}
.icon-weibo:before {
  content: "\f18a";
}
.icon-renren:before {
  content: "\f18b";
}
.icon-spin {
  display: inline-block;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.control-inset {
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
}
#content-root {
  display: block !important;
  height: 100%;
}
#content-root-no-css {
  display: none;
}
@font-face {
  font-family: 'Open Sans';
  src: url('main/fonts/opensans-regular.eot');
  src: local('Open Sans'), local('OpenSans'), local('OpenSans-Regular'), url('main/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('main/fonts/opensans-regular.woff2') format('woff2'), url('main/fonts/opensans-regular.woff') format('woff'), url('main/fonts/opensans-regular.ttf') format('truetype'), url('main/fonts/opensans-regular.svg#open_sansregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('main/fonts/opensans-bold.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('main/fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('main/fonts/opensans-bold.woff2') format('woff2'), url('main/fonts/opensans-bold.woff') format('woff'), url('main/fonts/opensans-bold.ttf') format('truetype'), url('main/fonts/opensans-bold.svg#open_sansbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: url('main/fonts/pt_sans-web-bold.eot');
  src: local('PT Sans Bold'), local('PTSans-Bold'), local('PT_Sans-Bold') url('main/fonts/pt_sans-web-bold.eot?#iefix') format('embedded-opentype'), url('main/fonts/pt_sans-web-bold.woff2') format('woff2'), url('main/fonts/pt_sans-web-bold.woff') format('woff'), url('main/fonts/pt_sans-web-bold.ttf') format('truetype'), url('main/fonts/pt_sans-web-bold.svg#pt_sansbold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('main/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('main/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('main/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('main/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('main/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('main/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
  height: 100%;
  padding: 0;
}
a,
a * {
  -webkit-transition: all 0.125s;
  -moz-transition: all 0.125s;
  -o-transition: all 0.125s;
  transition: all 0.125s;
  cursor: default;
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
}
body > .page {
  height: 100%;
}
body.loading * {
  cursor: wait;
}
html.ui-dark .control.main-page .content-wr,
html.ui-dark .control.main-page .content-wr .sidebar,
html.ui-dark body {
  background: #555;
}
html.ui-light .control.main-page .content-wr,
html.ui-light .control.main-page .content-wr .sidebar,
html.ui-light body {
  background: #fafafa;
}
body.auth {
  background: #333;
}
.page.auth {
  padding: 50px 0;
}
.page.auth .content {
  text-align: center;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin: auto;
  width: 285px;
}
.page.auth .content img.logo {
  margin: 20px 0 20px;
}
.page.auth .content .control {
  margin: 0;
}
.page.auth .content .form-upper {
  padding: 10px 20px;
}
.page.auth .content .form-upper .row {
  padding: 5px 0;
  overflow: hidden;
}
.page.auth .content .form-upper .row > * {
  float: left;
}
.page.auth .content .form-lower {
  padding: 10px 20px;
  overflow: hidden;
}
.page.auth .content .licensebar {
  background: #9c0;
  color: white;
  padding: 5px 0;
  font-weight: bold;
}
.page.auth .content .textbox {
  width: 153px;
}
.page.auth .content .button {
  float: right;
}
.page.auth .content .button i {
  top: 0;
}
.page.auth .content .l {
  width: 80px;
  float: left;
}
.page.auth .content #persona-login {
  float: left;
  cursor: pointer;
}
.page.auth .content #persona-login:hover {
  opacity: .75;
}
.content-gradient {
  border: 1px solid #eee;
  background: white;
}
.clear {
  display: block;
  clear: both;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  z-index: 3;
  background: #333;
  height: 30px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
}
#header .container {
  width: 960px;
  margin: auto;
}
#header .container > .logo .text {
  float: left;
  padding: 1px 20px 0 15px;
}
#header .container > .logo .text a,
#header .container > .logo .text div {
  font-family: 'PT Sans', sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #ed930d;
  text-decoration: none;
}
#header .container > .logo .text a:hover {
  cursor: pointer;
}
#header .container > .logo .text .release {
  color: #c30;
  display: inline-block;
}
#header .container .logout,
#header .container #tab-headers a {
  display: inline-block;
  float: left;
  padding: 9px 10px 6px;
  font-weight: bold;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
  color: #888;
  text-decoration: none;
}
#header .container .logout:hover,
#header .container #tab-headers a:hover {
  background: rgba(255, 255, 255, 0.125);
}
#header .container .logout:active,
#header .container #tab-headers a:active {
  background: rgba(0, 0, 0, 0.125);
}
#header .container .logout i:before,
#header .container #tab-headers a i:before {
  color: #888;
}
#header .container .logout.active,
#header .container #tab-headers a.active {
  background: #f39e21;
  color: #8c5708;
}
#header .container .logout.active i:before,
#header .container #tab-headers a.active i:before {
  color: #8c5708;
}
#header .container .logout .close,
#header .container #tab-headers a .close {
  display: inline-block;
  padding: 0 0 0 5px;
}
#header .container .logout {
  float: right;
}
#header .container .logout i:before {
  color: #eee;
  position: relative;
  top: 1px;
}
#tabs {
  height: 100%;
}
#tabs > div {
  height: 100%;
}
#tabs > div > iframe {
  background: black;
  width: 100%;
  height: 100%;
  border: none;
}
#notifications {
  position: fixed;
  top: 50px;
  right: 20px;
  width: 220px;
  z-index: 100;
}
#notifications .notification {
  border: 1px solid rgba(0, 0, 0, 0.125);
  font-size: 12px;
  background: #f8f8f8;
  opacity: .75;
  border-radius: 3px;
  width: 200px !important;
  max-height: auto !important;
  height: auto !important;
  text-transform: none !important;
  text-align: left !important;
  position: absolute !important;
  padding: 10px !important;
}
#notifications .notification.info {
  border-left: 5px solid #0d0;
}
#notifications .notification.warn {
  border-left: 5px solid #ed930d;
}
#notifications .notification.error {
  border-left: 5px solid #d00;
}
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  display: none;
  z-index: 9000;
}
.full-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  display: none;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.85);
}
.full-overlay > .content {
  margin: 60px auto;
  width: 800px;
  padding: 20px;
}
.full-overlay > .content > .inner {
  padding: 20px;
  overflow: hidden;
}
.full-overlay > .content > .inner h1 {
  color: #7c8c99;
  font-size: 18px;
  margin: 0;
}
.full-overlay > .content > .inner pre,
.full-overlay > .content > .inner textarea {
  max-height: 300px;
  color: #7c8c99;
  font-size: 11px;
  overflow: auto;
}
.full-overlay > .content > .inner textarea {
  width: 550px;
  height: 200px;
}
#ui-theme-toggle {
  background: rgba(128, 128, 128, 0.5);
  position: fixed;
  right: 30px;
  bottom: 7px;
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 3px;
}
#ui-theme-toggle i::after {
  font-size: 48px;
}
#ui-theme-toggle:hover {
  background: rgba(128, 128, 128, 0.75);
}
#ssl-alert {
  display: none;
  position: fixed;
  margin: 0 0 0 -100px;
  top: 0;
  left: 50%;
  width: 200px;
  z-index: 4;
  text-align: center;
  border-radius: 0 0 5px 5px;
  padding: 6px 10px;
  background: #d11;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
}
#ssl-alert b,
#ssl-alert span,
#ssl-alert i:before {
  color: white;
  opacity: 1;
}
#connection-error .content {
  margin: 200px auto;
}
#connection-error .content .inner {
  text-align: center;
}
#connection-error .content .inner .icon {
  opacity: .5;
}
#userecho-link {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: fixed;
  left: -70px;
  font-size: 16px;
  color: #777;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #777;
  background: #ddd;
  display: inline-block;
  padding: 10px 20px;
  top: 50%;
  cursor: pointer;
  opacity: .5;
  z-index: 5;
}
#userecho-link:hover {
  opacity: 1;
  left: -65px;
  background: #fff;
}
.control.main-page {
  min-height: 100%;
}
.control.main-page > .content-wr {
  min-height: 100%;
  height: auto !important;
  position: relative;
  margin: 0 0 35px;
  padding: 40px 0 10px;
  z-index: 2;
}
.control.main-page > .content-wr > .content {
  margin: 0 auto;
  width: 960px;
}
.control.main-page footer {
  background: #444;
  position: fixed;
  bottom: 0;
  height: 32px;
  width: 100%;
  left: 0;
  z-index: 0;
  border-top: 3px solid #222;
}
.control.main-page footer .container {
  width: 960px;
  margin: auto;
}
.control.main-page footer .container .item {
  float: left;
  padding: 0 10px 2px;
}
.control.main-page footer .container .item a {
  display: inline-block;
  color: #aaa;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: 0.125s all;
  -moz-transition: 0.125s all;
  -o-transition: 0.125s all;
  transition: 0.125s all;
  padding: 6px 0;
}
.control.main-page footer .container .item a:hover {
  color: #ccc;
}
.control.main-page footer .container .item a.logo {
  padding: 0;
  font-family: "PT Sans";
  font-size: 20px;
  font-weight: bold;
}
.control.main-sections-category > div:first-child {
  font-weight: bold;
  text-transform: uppercase;
}
.ui-dark .control.main-sections-category > div:first-child {
  color: #333;
}
.ui-light .control.main-sections-category > div:first-child {
  color: #aaa;
}
.control.main-sections-root {
  padding: 0 0 2px;
}
.control.main-sections-root > .sidebar {
  float: left;
  position: fixed;
  width: 150px;
  line-height: 21px;
  font-weight: bold;
  overflow-x: hidden;
  padding: 0 0 5px 0;
  margin: 0 5px 0 0;
  border-radius: 0 0 5px 5px;
}
.control.main-sections-root > .sidebar .tabs-container {
  -webkit-transition: 0.125s width;
  -moz-transition: 0.125s width;
  -o-transition: 0.125s width;
  transition: 0.125s width;
  width: 170px;
  height: 10px;
  overflow-y: auto;
}
.control.main-sections-root > .sidebar .tabs-container:hover {
  width: 150px;
}
.control.main-sections-root > .sidebar .tabs-container:hover::-webkit-scrollbar {
  opacity: 1;
}
.control.main-sections-root > .sidebar .tabs-container::-webkit-scrollbar {
  -webkit-transition: 0.125s opacity;
  -moz-transition: 0.125s opacity;
  -o-transition: 0.125s opacity;
  transition: 0.125s opacity;
  opacity: 0;
  width: 2px;
  background: #e8e8e8;
}
.control.main-sections-root > .sidebar .tabs-container::-webkit-scrollbar-thumb {
  background: #ddd;
}
.control.main-sections-root > .sidebar .tab {
  width: 126px;
  display: block;
  text-decoration: none;
  color: #888;
  padding: 1px 10px 0;
  margin: 3px 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.control.main-sections-root > .sidebar .tab i:before {
  width: 14px;
  top: -2px;
  color: #888;
  opacity: 1;
}
.control.main-sections-root > .sidebar .tab i.icon-spin {
  float: right;
  display: none;
}
.control.main-sections-root > .sidebar .tab:hover {
  background: rgba(0, 0, 0, 0.05);
}
.control.main-sections-root > .sidebar .tab.active {
  width: 123px;
  background: #f39e21;
  margin-bottom: 0;
  border-right: 3px solid rgba(0, 0, 0, 0.25);
  color: white;
}
.control.main-sections-root > .sidebar .tab.active i:before {
  color: white;
}
.control.main-sections-root > .main {
  margin: 0 0 0 160px;
  float: left;
  z-index: 0;
}
.control.main-sections-root > .main .section {
  display: none;
  width: 798px;
  margin: 0 1px 1px;
}
.control.main-sections-root > .main .section.active {
  display: block;
}
.control.section-body {
  margin: 1px !important;
  clear: both;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #eee;
  background: white;
}
.control.dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 100;
}
.control.dialog > .backdrop {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.control.dialog > .backdrop > .content {
  width: 400px;
  margin: 60px auto;
  background: #fbfbfb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #eeeeee;
}
.control.dialog > .backdrop > .content > .buttons {
  padding: 8px 10px;
  overflow: hidden;
  border-top: 1px solid #eeeeee;
}
.control.dialog > .backdrop > .content > .buttons > * {
  float: right;
}
.control.dialog.wide > .backdrop > .content {
  width: 800px;
}
/*
Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
*/
/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
select.control.dropdown,
.select2-container .select2-choice {
  display: block;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
  margin: 1px;
}
select.control.dropdown *,
.select2-container .select2-choice * {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.select2-container.select2-drop-above .select2-choice {
  width: 150px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #eee;
  background: white;
  margin: 1px;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==") right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -3px;
  margin-left: 1px;
  padding-top: 3px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 2px solid #eeeeee;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #eee;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==") no-repeat 0 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 27px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-size: 1em;
  border: 2px solid #eeeeee;
  border-radius: 2px;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==") no-repeat 100% -22px;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #ffffff no-repeat 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
  background: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background: -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
  background: linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none;
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
.select2-results .select2-highlighted {
  background: #ed930d;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #ed930d;
  outline: none;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #ffffff no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==") right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
* html .ui-autocomplete {
  width: 1px;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 3px;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  z-index: 100;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
span.ui-spinner {
  background: none;
}
.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-tooltip {
  position: absolute;
  z-index: 9999;
}
* html .ui-tooltip {
  background-image: none;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  color: #7c8c99;
}
.ui-widget .ui-widget {
  font-size: 11px;
  color: #7c8c99;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  color: #7c8c99;
}
.ui-widget-header {
  font-weight: bold;
}
/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: rgba(0, 0, 0, 0.05);
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  background-image: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  width: 16px;
  nowhitespace: afterproperty;
  height: 16px;
}
/* Misc visuals
----------------------------------*/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
}
.ui-widget-overlay {
  background: #aaaaaa;
}
.ui-widget-shadow {
  margin: -8px;
}
.ui-tabs {
  position: relative;
  padding: .2em;
}
.ui-tabs-hide {
  display: none !important;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  white-space: nowrap;
  border-bottom: 3px solid #eeeeee;
}
.ui-tabs .ui-tabs-nav li:hover {
  background: #f8f8f8;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  font-weight: bold;
  padding: 4px 10px;
  color: #7c8c99;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-bottom: 3px solid #f4a939;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 0;
  background: none;
}

html.mode-tablet #header .container {
  margin: 0;
}
html.mode-tablet .control.main-sections-root > .sidebar .tab {
  padding: 5px 10px;
  font-size: 12px;
  margin: 0;
  border-radius: 3px;
}
html.mode-tablet .control.main-page > .content-wr {
  padding: 0;
}
html.mode-tablet .control.main-page > .content-wr > .content {
  margin: 0 0 60px;
}
html.mode-tablet .control.main-page > .content-wr > .content .sidebar {
  border-right: 1px solid #ccc;
  width: 149px;
  padding: 0;
}
html.mode-tablet .control.main-page > .content-wr > .content .sidebar a {
  border-radius: 0;
}
html.mode-tablet .control.main-page > .content-wr > .content .sidebar .main-sections-category > div:first-child {
  margin: 10px 0 0 8px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}
html.mode-tablet .control.main-page > .content-wr > .content .main {
  padding-top: 10px;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.control.dashboard-dash > .container {
  float: left;
  padding-top: 10px;
  width: 394px;
  min-height: 200px;
}
.control.dashboard-dash > .container.container-1 {
  padding-left: 10px;
  margin: 0 -1px 0 0;
}
.control.dashboard-dash > .container > .placeholder {
  border: 2px dashed #68a;
  height: 40px;
  width: 100%;
  padding: 10px 5px;
  margin: 5px 0;
  box-sizing: border-box;
}
.control.dashboard-dash > .container.trash {
  display: none;
  border: 2px dashed #a86;
  box-sizing: border-box;
  width: 100%;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  float: none;
  clear: both;
  min-height: 0;
}
.control.dashboard-dash > .container.trash i:before {
  color: #a86;
  font-size: 60px;
}
.control.dashboard-dash > .container.trash .placeholder {
  display: none;
}
.control.dashboard-widget {
  padding: 10px 5px 10px 4px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #eee;
  margin: 0 0 10px;
  background: white;
  position: relative;
}
.control.dashboard-widget > .handle {
  width: 8px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2wkeCyEzNuGfhQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAVSURBVAjXYzh9+vR/BnyAeAXUMwoAFlwUQUDbs/QAAAAASUVORK5CYII=') repeat;
  float: left;
  margin: 0 5px 0 5px;
  opacity: 0;
  cursor: move;
}
.control.dashboard-widget:hover > .handle {
  opacity: .75;
}
.control.dashboard-widget > .content {
  float: left;
}
.control.dashboard-widget.ui-sortable-helper {
  background: white;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.0625);
}
.control.dashboard-widget > a {
  position: absolute;
  top: -10px;
  color: white;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 17px;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: 0.25s opacity;
  -moz-transition: 0.25s opacity;
  -o-transition: 0.25s opacity;
  transition: 0.25s opacity;
  transition-delay: 0;
}
.control.dashboard-widget > a *::before {
  color: white;
}
.control.dashboard-widget > .configure {
  right: 25px;
  background: #aaa;
}
.control.dashboard-widget > .configure:hover {
  background: #bbb;
}
.control.dashboard-widget > .delete {
  right: 1px;
  background: #F56D51;
}
.control.dashboard-widget > .delete:hover {
  background: #FF3B12;
}
.control.dashboard-widget:hover > a {
  opacity: 1;
  -webkit-transition: 2s opacity;
  -moz-transition: 2s opacity;
  -o-transition: 2s opacity;
  transition: 2s opacity;
  transition-delay: 1s;
}
.control .label.dashboard-host {
  font-size: 20px;
  margin: 0 0 0 10px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.control.dashboard-header > .icon {
  float: left;
  width: 60px;
  height: 60px;
  margin: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
}
.control.dashboard-header > .icon.ubuntu {
  background-color: #ff9900;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffd18c), to(#ff9900));
  background-image: -webkit-radial-gradient(circle, #ffd18c, #ff9900);
  background-image: -moz-radial-gradient(circle, #ffd18c, #ff9900);
  background-image: -o-radial-gradient(circle, #ffd18c, #ff9900);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.ubuntu > .image.ubuntu {
  display: block;
}
.control.dashboard-header > .icon.debian {
  background-color: #6d0329;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#f94b89), to(#6d0329));
  background-image: -webkit-radial-gradient(circle, #f94b89, #6d0329);
  background-image: -moz-radial-gradient(circle, #f94b89, #6d0329);
  background-image: -o-radial-gradient(circle, #f94b89, #6d0329);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.debian > .image.debian {
  display: block;
}
.control.dashboard-header > .icon.centos {
  background-color: #601950;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#d447b4), to(#601950));
  background-image: -webkit-radial-gradient(circle, #d447b4, #601950);
  background-image: -moz-radial-gradient(circle, #d447b4, #601950);
  background-image: -o-radial-gradient(circle, #d447b4, #601950);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.centos > .image.centos {
  display: block;
}
.control.dashboard-header > .icon.rhel {
  background-color: #8a2222;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#ff6666), to(#8a2222));
  background-image: -webkit-radial-gradient(circle, #ff6666, #8a2222);
  background-image: -moz-radial-gradient(circle, #ff6666, #8a2222);
  background-image: -o-radial-gradient(circle, #ff6666, #8a2222);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.rhel > .image.rhel {
  display: block;
}
.control.dashboard-header > .icon.freebsd {
  background-color: #6a0606;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#ff6666), to(#6a0606));
  background-image: -webkit-radial-gradient(circle, #ff6666, #6a0606);
  background-image: -moz-radial-gradient(circle, #ff6666, #6a0606);
  background-image: -o-radial-gradient(circle, #ff6666, #6a0606);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.freebsd > .image.freebsd {
  display: block;
}
.control.dashboard-header > .icon.arch {
  background-color: #0a405b;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#60bfee), to(#0a405b));
  background-image: -webkit-radial-gradient(circle, #60bfee, #0a405b);
  background-image: -moz-radial-gradient(circle, #60bfee, #0a405b);
  background-image: -o-radial-gradient(circle, #60bfee, #0a405b);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.arch > .image.arch {
  display: block;
}
.control.dashboard-header > .icon.osx {
  background-color: #08364d;
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#1bb0a5), to(#08364d));
  background-image: -webkit-radial-gradient(circle, #1bb0a5, #08364d);
  background-image: -moz-radial-gradient(circle, #1bb0a5, #08364d);
  background-image: -o-radial-gradient(circle, #1bb0a5, #08364d);
  background-repeat: no-repeat;
}
.control.dashboard-header > .icon.osx > .image.osx {
  display: block;
}
.control.dashboard-header > .icon > .bar {
  position: absolute;
  width: 62px;
  padding: 4px 0 5px;
  bottom: -1px;
  left: -1px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  background: #555;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}
.control.dashboard-header > .icon > .image {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 30%;
  margin: -16px;
  display: none;
}
.control.dashboard-header > .labels {
  float: left;
  padding: 8px 0 0;
}
.control.dashboard-header > .labels .hostname {
  font-size: 24px;
  color: #888;
  text-shadow: 0 1px 0 #eee;
  font-weight: bold;
}
.control.dashboard-header > .labels .distro {
  font-size: 16px;
  color: #aaa;
}
.control.dashboard-header > .inner {
  float: right;
  padding: 20px;
}
.control.welcome {
  width: 350px;
  color: #444;
}

.control.label.iptables-action {
  border-radius: 3px;
  background: #888;
  color: white;
  padding: 0 5px;
  font-weight: bold;
}
.control.label.iptables-action.iptables-ACCEPT {
  background: #62BD00;
}
.control.label.iptables-action.iptables-REJECT {
  background: #F51D1D;
}
.control.label.iptables-action.iptables-DROP {
  background: #E47620;
}

.control.log {
  width: 770px;
  height: 500px;
  font-family: monospace;
  overflow: scroll;
}

@font-face {
  font-family: "SourceCodePro";
  src: url('terminal/SourceCodePro-Regular.otf') format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: "SourceCodePro";
  src: url('terminal/SourceCodePro-Bold.otf') format('opentype');
  font-weight: bold;
}
body.terminal {
  background: black;
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
  text-align: center;
}
body.terminal #term {
  -moz-user-select: text;
  overflow: hidden;
  display: inline-block;
}
body.terminal #term * {
  margin: 0;
  padding: 0;
}
body.terminal #term > div {
  float: left;
  clear: both;
}
body.terminal #term pre {
  font-family: "SourceCodePro", monospace;
  color: white;
  font-size: 12px;
  padding: 0;
  margin: 0;
  display: inline-block;
}
body.terminal #term pre:first-child {
  display: none;
}
body.terminal #term pre.cursor {
  text-decoration: underline;
}
body.terminal #paste {
  margin: 10px auto;
  width: 600px;
}
body.terminal #paste textarea {
  display: block;
  width: 100%;
  height: 20px;
  padding: 10px 20px;
  background: #111;
  border: #222;
  color: #555;
  font-style: italic;
}
.control.terminal-thumbnail {
  cursor: pointer;
  position: relative;
  float: left;
  padding: 5px;
}
.control.terminal-thumbnail img {
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.control.terminal-thumbnail img:hover {
  opacity: .9;
}
.control.terminal-thumbnail a {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 0 0 0 2px;
  width: 14px;
  height: 14px;
  text-align: center;
  padding: 3px;
  color: black;
}
.control.terminal-thumbnail a:hover {
  background: rgba(255, 255, 255, 0.75);
}
.control.terminal-thumbnail a:active {
  background: rgba(255, 255, 255, 0.25);
}

.control.codearea {
  width: auto;
  height: auto;
  display: inline-block;
}

.CodeMirror {
  line-height: 1em;
  font-family: monospace;

  /* Necessary so the scrollbar can be absolutely positioned within the wrapper on Lion. */
  position: relative;
  /* This prevents unwanted scrollbars from showing up on the body and wrapper in IE. */
  overflow: hidden;
}

.CodeMirror-scroll {
  overflow: auto;
  height: 300px;
  /* This is needed to prevent an IE[67] bug where the scrolled content
     is visible outside of the scrolling box. */
  position: relative;
  outline: none;
}

/* Vertical scrollbar */
.CodeMirror-scrollbar {
  position: absolute;
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 5;
}
.CodeMirror-scrollbar-inner {
  /* This needs to have a nonzero width in order for the scrollbar to appear
     in Firefox and IE9. */
  width: 1px;
}
.CodeMirror-scrollbar.cm-sb-overlap {
  /* Ensure that the scrollbar appears in Lion, and that it overlaps the content
     rather than sitting to the right of it. */
  position: absolute;
  z-index: 1;
  float: none;
  right: 0;
  min-width: 12px;
}
.CodeMirror-scrollbar.cm-sb-nonoverlap {
  min-width: 12px;
}
.CodeMirror-scrollbar.cm-sb-ie7 {
  min-width: 18px;
}

.CodeMirror-gutter {
  position: absolute; left: 0; top: 0;
  z-index: 10;
  background-color: #f7f7f7;
  border-right: 1px solid #eee;
  min-width: 2em;
  height: 100%;
}
.CodeMirror-gutter-text {
  color: #aaa;
  text-align: right;
  padding: .4em .2em .4em .4em;
  white-space: pre !important;
  cursor: default;
}
.CodeMirror-lines {
  padding: .4em;
  white-space: pre;
  cursor: text;
}

.CodeMirror pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-width: 0; margin: 0; padding: 0; background: transparent;
  font-family: inherit;
  font-size: inherit;
  padding: 0; margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}

.CodeMirror textarea {
  outline: none !important;
}

.CodeMirror pre.CodeMirror-cursor {
  z-index: 10;
  position: absolute;
  visibility: hidden;
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
.cm-keymap-fat-cursor pre.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: transparent;
  background: rgba(0, 200, 0, .4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600c800, endColorstr=#4c00c800);
}
/* Kludge to turn off filter in ie9+, which also accepts rgba */
.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.CodeMirror pre.CodeMirror-cursor.CodeMirror-overwrite {}
.CodeMirror-focused pre.CodeMirror-cursor {
  visibility: visible;
}

div.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused div.CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* Default theme */

.cm-s-default span.cm-keyword {color: #708;}
.cm-s-default span.cm-atom {color: #219;}
.cm-s-default span.cm-number {color: #164;}
.cm-s-default span.cm-def {color: #00f;}
.cm-s-default span.cm-variable {color: black;}
.cm-s-default span.cm-variable-2 {color: #05a;}
.cm-s-default span.cm-variable-3 {color: #085;}
.cm-s-default span.cm-property {color: black;}
.cm-s-default span.cm-operator {color: black;}
.cm-s-default span.cm-comment {color: #a50;}
.cm-s-default span.cm-string {color: #a11;}
.cm-s-default span.cm-string-2 {color: #f50;}
.cm-s-default span.cm-meta {color: #555;}
.cm-s-default span.cm-error {color: #f00;}
.cm-s-default span.cm-qualifier {color: #555;}
.cm-s-default span.cm-builtin {color: #30a;}
.cm-s-default span.cm-bracket {color: #997;}
.cm-s-default span.cm-tag {color: #170;}
.cm-s-default span.cm-attribute {color: #00c;}
.cm-s-default span.cm-header {color: blue;}
.cm-s-default span.cm-quote {color: #090;}
.cm-s-default span.cm-hr {color: #999;}
.cm-s-default span.cm-link {color: #00c;}

span.cm-header, span.cm-strong {font-weight: bold;}
span.cm-em {font-style: italic;}
span.cm-emstrong {font-style: italic; font-weight: bold;}
span.cm-link {text-decoration: underline;}

span.cm-invalidchar {color: #f00;}

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}

@media print {

  /* Hide the cursor when printing */
  .CodeMirror pre.CodeMirror-cursor {
    visibility: hidden;
  }

}