//  =================
//      Imports
//  =================

@import '../../base/base';    // Base Variables

.row .col-lg-12 .widget .widget-header h4 {
  color: #000000;
  font-size: 20px;
}

body {
  color: $m-color_9;
  font-weight: 600;
}

.form-control {
  border: 1px solid $m-color_2;
  border-radius: 4px;
  color: #F49499;

  &:disabled, &[readonly] {
    background-color: $m-color_1;
  }

  &:focus {
    border-color: $secondary;
  }
}

.help-block, .help-inline {
  color: $m-color_6;
}

.input-group-addon {
  background-color: $m-color_2;
  color: $dark;
}

.dropdown-toggle:after {
  color: $dark;
}

.has-warning {
  .control-label, .help-block {
    color: $m-color_15;
  }

  .form-control {
    border-color: $m-color_15;
  }
}

.has-error {
  .control-label, .help-block {
    color: #ee3d49;
  }

  .form-control {
    border-color: #ee3d49;
  }
}

.has-success {
  .control-label, .help-block {
    color: $m-color_14;
  }

  .form-control {
    border-color: $m-color_14;
  }
}

.ui-spinner-button {
  border: 1px solid $m-color_2;
  color: $m-color_5;
}

.form-horizontal {
  .radio, .radio-inline {
    color: $m-color_6;
    font-weight: normal;
  }
}

div.tagsinput {
  border: 1px solid $m-color_2;

  span.tag {
    background: #edf1f7;
    border: 1px solid $m-color_2;
  }
}

.select2-container .select2-choice {
  border: 1px solid $m-color_2;
  color: $m-color_6;
  font-size: 13px;
  font-weight: normal;
}

.select2-default {
  color: $m-color_6 !important;
  font-size: 13px !important;
  font-weight: normal;
}

.select2-container .select2-choice .select2-arrow {
  border: 1px solid $m-color_1;
  background: $white;
}

.select2-container-multi .select2-choices {
  border: 1px solid $m-color_2;

  .select2-search-choice {
    border: 1px solid $m-color_1;
    color: $m-color_6;
    font-weight: normal;
    font-size: 13px;
  }
}

.checkbox, .radio {
  position: relative;
  display: block;
  cursor: pointer;
}

.checkbox-inline, .radio-inline {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.form-horizontal {
  .checkbox, .checkbox-inline, .radio, .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .checkbox, .radio {
    min-height: 27px;
  }
}