/*
 * 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;
}
.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-results li {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

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