body {
  margin: 0;
}

#loading-bg {
  width: 100%;
  height: 100%;
  background: #fff;
  display: block;
  position: absolute;
}
.loading-logo {
  position: absolute;
  left: calc(50% - 45px);
  top: 40%;
}
.loading {
  position: absolute;
  left: calc(50% - 35px);
  top: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid transparent;
}
.loading .effect-1,
.loading .effect-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-left: 3px solid rgba(121, 97, 249, 1);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loading .effect-1 {
  animation: rotate 1s ease infinite;
}
.loading .effect-2 {
  animation: rotateOpacity 1s ease infinite 0.1s;
}
.loading .effect-3 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-left: 3px solid rgba(121, 97, 249, 1);
  -webkit-animation: rotateOpacity 1s ease infinite 0.2s;
  animation: rotateOpacity 1s ease infinite 0.2s;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.loading .effects {
  transition: all 0.3s ease;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotateOpacity {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 1;
  }
}
.icon {
  --fa-primary-color: #FB87D9;
  --fa-secondary-color: #BA66A963 !important;
}

.fad.fa-swap-opacity:before,
.fad:after {
  opacity: none;
  opacity: var(--fa-secondary-opacity, none);
}
.main-menu ul {
  background: #212d38 !important;
}
.btn {
  border-radius: 0 !important;
}
.navigation .navigation-header {
  font-size: 0.75rem !important;
}
.card-b {
  background: #d8d8d842 !important;
  padding: 2px 5px !important;
}
.card-b small {
  font-size: 10px;
}
.card-cradit {
  background: linear-gradient(127.93deg, #B900FE 3.4%, #4904DE 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.white h3 {
  color: #FFFFFF !important;
}

.card-cradit-white {
  background: #FFFFFF;
  color: #000000 !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}

.card-cradit-white h3 {
  color: #000000 !important;
}

.card-cradit-blue {
  background: linear-gradient(127.93deg, #008BB4 3.4%, #4904DE 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}

.card-cradit-pink {
  background: linear-gradient(126.21deg, #FF39C9 0%, #462296 105.24%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}

.card-cradit-orange {
  background: linear-gradient(303deg, #B9443B 3.12%, #F8A748 100%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}

.card-cradit-yellow {
  background: linear-gradient(303deg, #a59400 3.12%, #f8de48 100%);
  color: #000000 !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}

.card-cradit-green {
  background: linear-gradient(303deg, #005523 3.12%, #00db0b 100%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}
.card-cradit-bluesea {
  background: linear-gradient(303deg, #005772 3.12%, #01ADE0 100%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 10px rgba(80, 80, 80, 0.25);
}
.card .form-control, .custom-select {
  border-radius: 0 !important;
}
.vs__selected-options {
  height: 32px !important;
  border-radius: 0 !important;
}
.table-warning, .table-warning > th, .table-warning > td {
  background-color: #d4b4ffa9 !important;
  color: #000000 !important;
}


/* ----------------------------------------- */
/* .table-report:not(.table-report--bordered):not(.table-report--tabulator) {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table {
  width: 100%;
  text-align: left;
}
.table {
  display: table;
}
.-mt-2 {
  margin-top: -0.5rem;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table {
  width: 100%;
  text-align: left;
}
* > .intro-x:nth-child(1) {
  z-index: 49;
  opacity: 0;
  position: relative;
  transform: translate(50px);
  -webkit-animation: 0.4s intro-x-animation ease-in-out 0.33333s;
  animation: 0.4s intro-x-animation ease-in-out 0.33333s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table {
  width: 100%;
  text-align: left;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator)
  td:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td {
  box-shadow: 20px 3px 20px #0000000b;
}
.table-report:not(.table-report--bordered):not(.table-report--tabulator) td {
  border-bottom-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.table td {
  border-bottom-width: 1px;
  padding: 0.75rem 1.25rem;
}
.w-10 {
  width: 2.5rem;
} */