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: #ffffff !important;
}

.semi-dark-layout .main-menu {
  background-color: #ffffff !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;
}

.card-cradit-1 {
  background: linear-gradient(127.93deg, #166d24 3.4%, #05300c 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-2 {
  background: linear-gradient(127.93deg, #f5b400 3.4%, #5a4200 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-3 {
  background: linear-gradient(127.93deg, #aa2828 3.4%, #4d0505 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-scb {
  background: linear-gradient(127.93deg, #4a367f 3.4%, #1e1141 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-gsb {
  background: linear-gradient(127.93deg, #E8248D 3.4%, #4E0E30 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-ktb {
  background: linear-gradient(127.93deg, #00A4E4 3.4%, #007bab 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-bbl {
  background: linear-gradient(127.93deg, #1E3A8A 3.4%, #0F172A 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-ttb {
  background: linear-gradient(127.93deg, #4f7ff8 3.4%, #042a85 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-kbank {
  background: linear-gradient(127.93deg, #00a850 3.4%, #05300c 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-true {
  background: linear-gradient(127.93deg, #f58320 3.4%, #6e3707 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-bay {
  background: linear-gradient(127.93deg, #f5b400 3.4%, #493c08 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.card-cradit-total {
  background: linear-gradient(127.93deg, #287aaa 3.4%, #0c3750 105.43%);
  color: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.collapse-title {
  color: #b30101 !important;
}