/** start common styles */
a {
  text-decoration: none;
  color: inherit;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: start;
}

.justify-end {
  justify-content: end;
}

.justify-between {
  justify-content: space-between;
}

.aligns-center {
  align-items: center;
}

.aligns-start {
  align-items: start;
}

.aligns-end {
  align-items: end;
}

.aligns-stretch {
  align-items: stretch;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.center-all {
  display: flex;
  align-items: center;
  justify-content: center;
}

.h-center {
  display: flex;
  justify-content: center;
}

.v-center {
  display: flex;
  align-items: center;
}

.text-nowrap {
  white-space: nowrap;
}

.tct {
  text-align: center;
}

.img {
  width: 100%;
}

/** end common styles */
* {
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  background-color: #6a0101;
}

.main-container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.g-item {
  height: -moz-fit-content;
  height: fit-content;
  background-image: repeating-linear-gradient(321deg, #770303, #770303 50%);
  border: 2px solid #D13737;
}

.ctx {
  background-color: #6A0505;
}

@keyframes nhapnhay {
  0% {
    color: #67d4fb;
  }
  50% {
    color: #1dcaf5;
  }
  100% {
    color: #05a8e3;
  }
}
.nne {
  animation: nhapnhay 700ms infinite;
}

.content {
  background-color: #fff;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.header {
  background-color: #DA4040;
}

.tbb tr td,
.tbb tr th {
  border: 1px solid #0EA5E9;
}

.tbb tr th {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(167, 167, 167) 100%);
}

.expandable.expanded .header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.expandable.expanded .content {
  height: auto;
}

.tsd {
  font-weight: 600;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 2px #fee71b, 0 0 2px #fee71b, 0 0 2px #fee71b;
}

.sidenav {
  transition: 0.2s;
  transform: translateX(-100%);
}

.sidenav.show {
  transform: translateX(0);
}

@keyframes swave {
  0% {
    box-shadow: 0 4px 10px rgba(111, 155, 180, 0.774), 0 0 0 0 rgba(72, 126, 161, 0.644), 0 0 0 5px rgba(42, 94, 161, 0.788), 0 0 0 10px rgba(47, 120, 153, 0.719);
  }
  100% {
    box-shadow: 0 4px 10px rgba(91, 162, 209, 0.192), 0 0 0 5px rgba(80, 157, 219, 0.274), 0 0 0 10px hsla(202, 75%, 71%, 0.205), 0 0 0 20px rgba(107, 203, 241, 0.192);
  }
}
.asxcer {
  animation: swave 0.6s linear infinite;
}

.hvts {
    transition: 200ms;
}
.hvts:hover {
    transform: translateX(5px);
    color: yellow;
}

.tsl, .tsl img {
    transition: 200ms;
}

.tsl:hover {
    color: yellow;
    background: #e7e7002e;
}

.tsl:hover img:first-child {
    transform: translateX(-5px);
}

.tsl:hover img:last-child {
    transform: translateX(5px) rotate(180deg);
}

.show-toast {
    top: 20% !important;
}

[clc] {
    transition: .3s;
    max-height: 0;
    overflow: hidden;
}

.clc-show {
    max-height: 100px;
}

/*# sourceMappingURL=style.css.map */