.degr {
    background: linear-gradient(90deg, rgba(205, 53, 58, 1) 0%, rgba(255, 0, 9, 1) 55%, rgba(168, 0, 5, 1) 100%);
}



textarea#mentions {
  height: 350px;
}

div.card,
.tox div.card {
  width: 240px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, .1);
  padding: 8px;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

div.card::after,
.tox div.card::after {
  content: "";
  clear: both;
  display: table;
}

div.card h1,
.tox div.card h1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  line-height: normal;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

div.card p,
.tox div.card p {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

div.card img.avatar,
.tox div.card img.avatar {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  float: left;
}






.dropdown:hover .dropdown-menu {
  display: block;
}

/*
Note: you can also do this with Tailwind's group-hover. Unfortunately Tailwind CDN version does not include this variant, so you will have to adjust the tailwind.config.js file in your own project.

Example with group-hover: https://codesandbox.io/s/tailwind-dropdown-with-group-hover-gm9k9
 */


  @media (min-width: 640px) {
    table {
      display: inline-table !important;
    }

    thead tr:not(:first-child) {
      display: none;
    }

      td {
          height: 50px!important;
      }
  }

  td:not(:last-child) {
    border-bottom: 0;
  }

  th:not(:last-child) {

    border-bottom: 2px solid rgba(0, 0, 0, .1);
  }



#buscadorTickets input {
    background-color: #e0e0e0;
    border-radius: 5px;

}

html {
        scroll-behavior: smooth;
       /*Comenta la línea (o dale el valor 'auto' a scroll behavior )
       para probar la diferencia con y sin scroll suavizado*/
    }

td,th {
    height: 50px;
}

::-webkit-input-placeholder {
   text-align: center;
}








table {
    border-collapse: collapse;
    width: 100%;


}