@tailwind base;
@tailwind components;
@tailwind utilities;

.modal::backdrop {
  background-color: rgb(104, 100, 97);
}

.azul {
  color: blue !important;
}

.rojo {
  color: red !important;
}

.negro {
  color: black !important;
}

.cabecera .x-panel-header-default {
  background-color: rgba(204, 51, 153, 1) !important;
}

.x-form-fieldset-title,
.x-form-label {
  white-space: normal;
}

.combos-ticket .x-form-trigger-wrap-default  {
  border: rgba(255, 255, 255, 0) 0px;
  padding: 0px;
}

.texto-combos-ticket .x-form-text-default  {
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
}

.botones-reporte .x-btn-default-small {
  background-color: red; color: white; border-color: transparent;
}

.textarea-mensaje .x-form-text-default.x-form-textarea {
  max-height: 50px !important;
  height: 30px !important;
}


.flower-field .x-form-trigger {
  color: #e91e63;
}

.flower-field .x-form-text {
  border-radius: 20px;
  border: 1px solid #e0c8d0;
  padding: 10px 15px 10px 35px;
}

.flower-btn-over {
  background-color: #d81b60 !important;
}

.flower-btn-pressed {
  background-color: #c2185b !important;
}

.x-window-flowerlogin {
  border-radius: 8px;
  overflow: hidden;
}



/* Cambiar el color de texto en todos los componentes */
.x-panel-header-default{
  background-color: transparent !important; /* Cambia a tu color deseado */
  color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */
}


.x-tab.x-tab-active.x-tab-navigation{

  background-color:    rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}

.cereza{

  color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}


.x-tab-inner-navigation{

  color:white !important; /* Cambia a tu color deseado */

}


.x-tab.x-tab-disabled.x-tab-navigation .x-tab-inner-navigation {
  opacity: 3  !important; /* Cambia a tu color deseado */

}

.x-keyboard-mode .x-tab-focus.x-tab-navigation{
  outline: 0px solid !important;
}

.x-tab.x-tab-active.x-tab-default .x-tab-icon-el{

  color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default
{

  color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}

.x-keyboard-mode .x-tab-focus.x-tab-default
{
  outline: 0px solid !important;
}
.x-window-header-default-top{

  background-color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}

.x-window-default
{

  border-color:white !important; /* Cambia a tu color deseado */

}


.x-window-header-default
{

  border-color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}


.x-boundlist-selected
{


  background:rgba(204, 51, 153, 1) !important;
  border-color:rgba(204, 51, 153, 1) !important;

}


.x-boundlist-item-over
{


  background:rgba(204, 51, 153, 1) !important;
  border-color:rgba(204, 51, 153, 1) !important;

}


.x-datepicker-selected div.x-datepicker-date{

  background-color:rgba(204, 51, 153, 1) !important; /* Cambia a tu color deseado */

}