/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

 .philosopher-regular {
    font-family: "Philosopher", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .philosopher-bold {
    font-family: "Philosopher", sans-serif;
    font-weight: 700;
  }

  .philosopher-regular-italic {
    font-family: "Philosopher", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  .alert{
    height: 90px;
    padding: 0 20px;
    margin: 0;
    border: 0;
    border-radius: 0;
  }
  .philosopher-bold-italic {
    font-family: "Philosopher", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

 .mandinga-color {
    background: #A53E4C;
 }
 .hv-100 {
  height: 100vh;
 }
 #variedad-de-producto {
  display: none;
 }
 #nombre-producto-nuevo {
  display: none;
 }
 .btn.btn-dark{
  width: 150px;
 }
 #familia {
  display: none;
 }
 .recap .table{
  width: 330px;
 }
 a {
  text-decoration: none;
  color: black;
 }
 .accordion-body{
  background-color: #A53E4C;
 }
 .accordion-button{
  background-color: #A53E4C;
  color: white;
  font-size: large;
 }
 .accordion-button:active{
  background-color: #A53E4C;
 }
.accordion-button:not(.collapsed){
  background-color: #A53E4C;
  color: white;
  box-shadow: none;
}
.accordion-button:focus{
  border: none;
  box-shadow: none;

}
.border-button{
  border-bottom: 0.7px solid white;
  border-opa
}

 .background-color {
  background-color: white  !important;

  @media (min-width: 1024px) {
    background-color: #A53E4C !important;
  }
}

.ts-wrapper {
  .ts-control {
    border: none;
  }

  .ts-dropdown, .ts-control, .ts-control input {
    font-size: 1.25rem!important;
  }

  .ts-dropdown [data-selectable].option {
    padding: 10px;
    padding-left: 20px;
  }
}