/* Error messages */
.flash {
  position:relative;
  padding:0.5em 2em;
  box-shadow:0 2px 2px #999;
  font-size:1.5em;
  text-align:center;
  text-shadow:-1px -1px 1px #FFFFFF, 1px 1px 1px rgba(0, 0, 0, 0.3);
  z-index:1;
  &.success {
    background:$bggreen;
    color:#090;
  }
  &.notice {
    background:$bgblue;
    color:#009;
  }
  &.alert {
    background:$bgyellow;
    color:#770;
  }
  &.error {
    background:$bgred;
    color:#900;
  }
}


.dataTables_wrapper {
  @include clearfix;
}

div.uni-selector, div.uni-uploader {
  margin-left:-2px;         /* Left aligns the uniform masks, but be careful if they're inline */
}
div.uni-uploader {
  width:211px;
  span.uni-filename {
    width:124px;
  }
  span.uni-action {
    height:28px;
  }
  input {
    width:100%;
  }
}

$labelwidth: 100px;
.formtastic {
  fieldset {
    .control-group {
      @include clearfix;
      label.control-label {
        float:left;
        width:$labelwidth;
        padding-right:1em;
        text-align:right;
        abbr[title] {
          border-bottom:0;
          color:#900;
        }
      }
      &.labelless .controls {margin-left:0;}
      .controls {
        margin-left:$labelwidth;
        input {
          width:100%;
          &[type=radio], &[type=checkbox] {
            width:auto;
          }
        }
        textarea {
          width:100%;
        }
        select {
          width:100%;
        }
        &.choices {
          .choice {
            .uni-radio, .uni-checker {
              margin-left:-18px;
            }
          }
        }
      }
      &.inline_choices {
        .choices {
          .choice {
            display:inline-block; zoom:1;*display:inline;
            vertical-align:top;
            margin-right:2em;
            padding-top:0;
          }
        }
      }
    }
  }
  .errors {
    color:#cc0000;
    margin:0.5em 0 1.5em 25%;
    list-style:square;
  }
}

.autogrow {
  @include transition(height 0.15s linear);
}

ul.as-selections {
  border:1px solid #999;
  @include border-radius(3px);
  padding:5px;
  @include box-shadow(inset 0 1px 1px rgba(0,0,0,0.2));
  li.as-original input {
    height:26px;
    margin:0;
    @include box-shadow(none);
    color:#999; /* For the placeholder colour */
    &:focus {color:inherit;}
  }
}
.as-results {
  position:absolute;
  left:25%; // To match the formtastic label width
}


.chzn-drop { // box-sizing overrides
  width:100% !important;
  .chzn-search input {
    width:100% !important;
  }
}