/* COLORS */
/* change this color latter (DIGA pattern) */
/* EXPORTS */
[data-v-7b33b375]:export {
  primaryBlue: #29235c;
  secondaryBlue: #583AF6;
  darkBlue: #2c3e50;
  lightBlue: #14F8FF;
  baseOrange: #dc7323;
  lightOrange1: #FAAE7D;
  lightOrange2: #F8CAAC;
  darkOrange: #A0430D;
  baseGreen: #14CC54;
  mediumGreen: #4BB543;
  darkGreen: #42b983;
  baseRed: #FF0000;
  lightRed1: #ED5E5E;
  lightRed2: #FCC0C0;
  lightGray: #F4F4F4;
  softGray: #E6E6E6;
  baseGray: #B1B1B1;
  darkGray: #5A5A5A;
  textGray: #808080;
  basePurple: #6D5BCC;
}
.pannel-item[data-v-7b33b375] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px dashed #B1B1B1;
  border-radius: 5px;
  overflow: hidden;
}
.pannel-item .item-label[data-v-7b33b375] {
  font-size: 1.5rem;
}
.pannel-item .pannel-button-container[data-v-7b33b375] {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  word-break: break-word;
}
.pannel-item .pannel-button-container[data-v-7b33b375]:not(.has-content):hover {
  border-color: #B1B1B1;
  background-color: #F4F4F4;
  font-weight: 500;
}
.pannel-item .pannel-button-container.read-only[data-v-7b33b375] {
  background-color: #F4F4F4;
}
.pannel-item .pannel-button-container.elevated[data-v-7b33b375] {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.pannel-item .pannel-button-container .info-text[data-v-7b33b375] {
  background-color: #F4F4F4;
  border-radius: 5px;
  width: 70%;
  margin: auto;
  overflow: hidden;
  white-space: normal;
}
.pannel-item .pannel-button-container .actions-container[data-v-7b33b375] {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 3;
}
.pannel-item .pannel-button-container .actions-container .order-display[data-v-7b33b375] {
  border-bottom-right-radius: 5px;
  opacity: 0.8;
  color: #B1B1B1;
  background: white;
}
.pannel-item .pannel-button-container .add-button[data-v-7b33b375] {
  min-width: 0px;
}
.pannel-item .pannel-button-container.is-selected[data-v-7b33b375] {
  border-color: #dc7323;
}
.pannel-item .pannel-button-container.is-selected .order-display[data-v-7b33b375] {
  background: #dc7323;
  color: white;
}
.color-picker-container[data-v-7b33b375] {
  border: 1px solid #B1B1B1;
  border-radius: 25px;
}