.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #697a8d !important;
}

.select2-container--bootstrap-5 .select2-selection {
    font-size: 0.9375rem !important;
}
div.dataTables_length label {
    margin-bottom: 0.3rem !important;
}
table.dataTable td:last-child, table.dataTable th:last-child {
    white-space: nowrap;
}

.btn-primary {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    background: #ce2842;
    background: linear-gradient(to right, #ce2842 0%, #a60a15 50%, #7f080f 100%);
    border: 0;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
}

.btn-nemea {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    background: #ff5300;
    background: linear-gradient(to right, #ff5300 0%, #db4a01 100%);
    border: 0;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all .5s;
}

.bg-primary {
    background-color: #ce2842 !important;
    color: #e0e1ff;
}

.ck-editor__editable[role="textbox"] {
    min-height: 150px;
}
.ck.ck-editor {
    width: 100% !important;
}

.marker-pink {
    background-color: #f7d0de91 !important;
}

.marker-blue {
    background-color: #9ad5ff91 !important;
}

.mt-6 {
    margin-top: 4rem !important;
}

.btn-trivia {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    background: #b32bbf;
    border-color: #8e2298;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}
.btn-trivia:hover {
  color: #fff;
  background-color: #a026ab;
  border-color: #7d1d86;
  transform: translateY(-1px);
}
.btn-check:focus + .btn-trivia, .btn-trivia:focus, .btn-trivia.focus {
  color: #fff;
  background-color: #a026ab;
  border-color: #7d1d86;
  transform: translateY(0);
  box-shadow: none;
}

.btn-stats {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    background-color: #5f61e6;
    border-color: #5f61e6;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}
.btn-stats:hover {
  color: #fff;
  background-color: #595cd9;
  border-color: #595cd9;
  transform: translateY(-1px);
}
.btn-check:focus + .btn-stats, .btn-stats:focus, .btn-stats.focus {
  color: #fff;
  background-color: #595cd9;
  border-color: #595cd9;
  transform: translateY(0);
  box-shadow: none;
}

.btn-pink {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    background-color: #e83e8c;
    border-color: #d83983;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}
.btn-pink:hover {
  color: #fff;
  background-color: #ce357c;
  border-color: #bc3071;
  transform: translateY(-1px);
}
.btn-check:focus + .btn-pink, .btn-pink:focus, .btn-pink.focus {
  color: #fff;
  background-color: #ce357c;
  border-color: #bc3071;
  transform: translateY(0);
  box-shadow: none;
}

.btn-gallery {
    color: #fff !important;
    text-transform: capitalize;
    font-size: 15px;
    background-color: #fd7e14;
    border-color: #d76b12;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
}
.btn-gallery:hover {
  color: #fff;
  background-color: #cb6511;
  border-color: #b1570e;
  transform: translateY(-1px);
}
.btn-check:focus + .btn-gallery, .btn-gallery:focus, .btn-gallery.focus {
  color: #fff;
  background-color: #cb6511;
  border-color: #b1570e;
  transform: translateY(0);
  box-shadow: none;
}


/* Scroll Bar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-thumb {
    background: rgba(206, 40, 65, 0.95);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(127, 8, 15, 0.95);
}

.bg-gold {
  background: rgba(186, 148, 62, 1);
  background: linear-gradient(90deg, rgba(186, 148, 62, 1) 0%,
          rgba(236, 172, 32, 1) 20%, rgb(219, 175, 73) 39%,
          rgba(236, 172, 32, 1) 80%, rgba(186, 148, 62, 1) 100%);
}

.alert-gacha {
    background-color: #ff5300;
    border-color: #e6343c;
    color: #ffffff;
}

.alert-normal {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #141414;
}