/** COLORS **/
.cgray { color: gray }
.cred { color: #D12F19 }
.cgreen { color: #4a2 }
.cblue { color: #29A }
.cblack { color: #111 }
.cdark { color: #444 }
.cwhite { color: #fff!important }
.bgred { background: #F2DEDE!important }

/** COMMON CLASSES **/
.left { float:left }

.prepend-top-10 { margin-top:10px }
.prepend-top-20 { margin-top:20px }
.prepend-left-10 { margin-left:10px }
.prepend-left-20 { margin-left:20px }
.append-right-10 { margin-right:10px }
.append-right-20 { margin-right:20px }
.append-bottom-10 { margin-bottom:10px }
.append-bottom-20 { margin-bottom:20px }
.inline { display: inline-block }

.padded { padding:20px }
.ipadded { padding:20px!important }
.lborder { border-left:1px solid #eee }
.underlined_link { text-decoration: underline; }
.hint { font-style: italic; color: #999; }
.light { color: #888 }
.tiny { font-weight: normal }
.vtop { vertical-align: top !important; }


/** ALERT MESSAGES **/
.alert.alert-disabled {
  background: #EEE;
  color: #777;
  border-color: #DDD;
}

/** HELPERS **/
.nothing_here_message {
  text-align: center;
  padding: 20px;
  color: #666;
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
}

.slead {
  color: #666;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: normal;
  line-height: 24px;
}


.tab-content {
  overflow: visible;
}

@media (max-width: 1200px) {
  .only-wide {
    display: none;
  }
}

.pagination ul > li > a, .pagination ul > li >span {
  @include linear-gradient(#f1f1f1, #e1e1e1);
  color: #333;
  text-shadow: 0 1px 1px #FFF;
}

pre.well-pre {
  border: 1px solid #EEE;
  background: #f9f9f9;
  border-radius: 0;
  color: #555;
}

.input-append .btn.active, .input-prepend .btn.active {
  background: #CCC;
  border-color: #BBB;
  text-shadow: 0 1px 1px #fff;
  font-weight: bold;
  @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15));
}

.label {
  padding: 2px 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

/** Big Labels **/
.state-label {
  font-size: 14px;
  padding: 5px 15px;
  text-align: center;
  float: right;
  position: relative;
  top: -5px;
  @include border-radius(4px);
  text-shadow: none;

  &.state-label-green {
    background: #4A4;
    color: #FFF;
  }

  &.state-label-red {
    background: #DA4E49;
    color: #FFF;
  }
}