/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.branch-label {
  color: #555 !important;
  font-weight: bold !important;
}

.ui-dialog .smart-form > footer {
  padding: 0px;
  padding-bottom: 20px;
  background: transparent;
  border: 0px;
}

label.select select {
  appearance: none !important;
  padding-left: 10px !important;
}
.collapse-sign i.fa {
  font-size: inherit !important;
}
em.invalid {
  line-height: 25px;
}
.smart-form .col-11 {
  width: 91.66%;
}
.smart-form .col-12 {
  width: 100%;
}
.input.input-file > div.preview-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
}
.input.input-file > div.preview-image > div.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.input.input-file > div.preview-image > img[alt="preview"] {
  width: 100%;
  height: 100%;
}
.input.input-file.input-file-image {
  aspect-ratio: 1 / 1;
  border: 1px solid #bdbdbd;
}

#farms-table .details-control:before {
  content: none !important;
}

.select2-selection__rendered {
  padding-left: 15px;
  padding-right: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 28px;
  padding: 0 30px 0px 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   padding-top: 7px !important;
}

.select2-results li {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

.table .select2-selection {
  height: 30px !important;
  line-height: 30px !important;
}

#active-element-standards-table_wrapper .dt-toolbar {
  background: transparent;
}

#active-element-standards-table_wrapper .dataTables_filter .input-group-addon {
  height: 15px !important;
}

.react-select__input-container {
  margin: 0px !important;
  padding: 0px !important;
}

.react-select__control {
  border-radius: 0px !important;
  height: 34px !important;
  min-height: 34px !important;
}
.react-select__value-container {
  padding: 0px 8px !important;
}
.react-select__indicators {
  height: 32px !important;
  min-height: 32px !important;
}
.react-select__control--is-focused {
  border: 1px solid #5D98CC !important;
  box-shadow: none !important;
}