/* Translation for the input file */

.custom-file .custom-file-label::after {
  content: "Buscar"
}

/* General custom styles and helpers */

.posrel {
  position: relative;
}

.cursor-pointer {
  cursor: pointer;
}

.pic-delete {
  position: absolute !important;
  top: -12px;
  right: -12px;
  z-index: 1000;
  transition: display ease-in-out 1s;
}

.ing-delete,
.step-delete,
.nutri-delete {
  margin-top: 20px;
}

.observed {
  background-color: #fff3b0 !important;
}

/* Styles for the image thumbnails sitewide */

.symbol.symbol-80>img,
.symbol.symbol-150>img,
.symbol.symbol-40>img {
  object-fit: cover;
}

.userpics img {
  object-fit: contain !important;
}

/* Adjustements for the select2 component inside repeaters */

.modal-body .select2-container,
.repeaterIng .select2-container {
  min-width: 50%;
}

.repeaterProd .select2-container {
  min-width: 60%;
}

/* Fix for the side menu layout bug */

#m_ver_menu {
  overflow: visible !important;
}

.no-after::before,
.no-after::after {
  content: none !important;
}

/* Responsive image for the landing page */

.m-login__logo img {
  max-width: 100%;
  height: 260px;
}

@media (min-width: 1200px) {
  .max-symbol > img {
  width: 300px !important;
  height: 300px !important;
  max-width: none !important;
  }
}

/* Fullwidth image modals */

#fullImgModal .modal-body {
  overflow-x: auto;
}

#fullImgModal img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

.form-group .symbol img {
  cursor: pointer;
}

/* Custom switch styles */

.m-switch.switch-custom:not(.m-switch--outline) input:empty~span:before {
  background-color: #f4516c;
}

.m-switch.switch-custom:not(.m-switch--outline) input:checked~span:before {
  background-color: #34bfa3;
}

.m-switch.switch-custom:not(.m-switch--outline) input:empty~span:after {
  color: #f4516c;
  background-color: #fff;
  opacity: .4;
}

.m-switch.switch-custom:not(.m-switch--outline) input:checked~span:after {
  color: #34bfa3;
  opacity: 1;
}