.buttons button {
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
.buttons .button-group {
  display: block;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
grid-gap: 1.5rem;
}
.rs-chipss {
  display: flex;
  flex-wrap: wrap;
}
.themes-select {
  position: fixed;
  right: 0;
  bottom: 5%;
  display: flex;
  align-items: flex-start;
  z-index: 2;
}

.cog {
  font-size: 4rem;
  animation: rotateInf 3s linear infinite;
  background: -webkit-radial-gradient(#ff6347 10%, #0f01ff 50%, #01d478 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
  
.cog:hover {
  box-shadow: none;
}
@keyframes rotateInf {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.themebtn-group {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  max-width: 12rem;
  background: var(--light);
  border-radius: 0 2rem 2rem;
  text-align: center;
  padding: 1.5rem;
  display: none;
}
.cog-wrapper {
  display: block;
  box-shadow: -1rem 1rem 2rem rgb(0 0 0 / 16%);
  border-radius: 2rem  0rem 0rem 2rem;
  background: white;
}

.login-screen .logo-wrapper{
  display: flex !important;
  justify-content: center;
}

.logo-wrapper{
  height: 70px;
}

.justify-center{
  justify-content: center;
}
td.quesion_detail {
  word-break: break-all;
  max-width: 72rem;
}