/* border radius */
/* box shadow */
/* mediaquery */
/* SELECT2 Lista desplegable */
/* SELECT2 disabled */
/* Is filter */
.box-info {
  background: var(--background-info);
  border-color: var(--border-info) !important;
  color: var(--color-info) !important; }
  .box-info h1, .box-info h2, .box-info h3, .box-info h4, .box-info h5 {
    color: var(--color-info) !important; }
  .box-info.counter::after {
    background-color: var(--background-info);
    border-color: var(--border-info) transparent transparent var(--border-info) !important;
    border-color: var(--border-info); }
  .box-info.counter::before {
    border-color: transparent;
    background-color: var(--background-info);
    color: var(--color-info); }

.box-error {
  background: var(--background-error);
  border-color: var(--border-error) !important;
  color: var(--color-error) !important; }
  .box-error h1, .box-error h2, .box-error h3, .box-error h4, .box-error h5 {
    color: var(--color-error) !important; }
  .box-error.counter::after {
    background-color: var(--background-error);
    border-color: var(--border-error) transparent transparent var(--border-error) !important;
    border-color: var(--border-error); }
  .box-error.counter::before {
    border-color: transparent;
    background-color: var(--background-error);
    color: var(--color-error); }

.box-warning {
  background: var(--background-warning);
  border-color: var(--border-warning) !important;
  color: var(--color-warning) !important; }
  .box-warning h1, .box-warning h2, .box-warning h3, .box-warning h4, .box-warning h5 {
    color: var(--color-warning) !important; }
  .box-warning.counter::after {
    background-color: var(--background-warning);
    border-color: var(--border-warning) transparent transparent var(--border-warning) !important;
    border-color: var(--border-warning); }
  .box-warning.counter::before {
    border-color: transparent;
    background-color: var(--background-warning);
    color: var(--color-warning); }

.box-success {
  background: var(--background-success);
  border-color: var(--border-success) !important;
  color: var(--color-success) !important; }
  .box-success h1, .box-success h2, .box-success h3, .box-success h4, .box-success h5 {
    color: var(--color-success) !important; }
  .box-success.counter::after {
    background-color: var(--background-success);
    border-color: var(--border-success) transparent transparent var(--border-success) !important; }
  .box-success.counter::before {
    border-color: transparent;
    background-color: var(--background-success);
    color: var(--color-success); }

.grid-alert {
  display: grid;
  grid-template-areas: "icon title" "icon content";
  justify-content: center;
  gap: 20px;
  grid-area: boxmodel;
  margin: auto;
  width: 100%;
  grid-template-columns: auto 1fr; }
  @media only screen and (max-width: 768px) {
    .grid-alert {
      grid-template: "icon title" "content content";
      grid-template-columns: min-content;
      gap: 10px; } }
  .grid-alert img {
    grid-area: icon;
    margin: auto; }
  .grid-alert .title-alert {
    grid-area: title; }
  .grid-alert .content-alert {
    grid-area: content; }
  .grid-alert .arrow {
    grid-column: 3/3; }
  .grid-alert .arrow {
    background: url(/static/frontend/images/icos/ico-arrow.svg?6d1ad9a92583) no-repeat;
    width: 20px;
    height: 12px;
    margin: 0 0 0;
    z-index: 9; }
    .grid-alert .arrow:hover {
      transform: rotate(-180deg); }