#preloader {
  align-items: center;
  background: #ffffff;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 9999;
}

.default-body {
  background-image: url(../../img/bg1.png), url(../../img/bg2.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 17%, 51%;
  background-position: 0% 8%, 100% 3%;
}

.bg-lucky-cat  { 
  position: relative;
  background: url('../img/lucky-cat.png') no-repeat 95% center, url('../img/money.png') no-repeat center center;
  -webkit-background-size: 20%, cover;
  -moz-background-size: 20%, cover;
  -o-background-size: 20%, cover;
  background-size: 20%, cover;
}

.bg-cat-1  { 
  background: url('../img/cat1.png') no-repeat 95% center;
  -webkit-background-size: 20%;
  -moz-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}

.bg-cat-2  { 
  background: url('../img/cat2.png') no-repeat 95% center;
  -webkit-background-size: 20%;
  -moz-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}

.bg-cat-3  { 
  background: url('../img/cat3.png') no-repeat 95% center;
  -webkit-background-size: 20%;
  -moz-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}

.bg-cat-4  { 
  background: url('../img/cat4.png') no-repeat 95% center;
  -webkit-background-size: 20%;
  -moz-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}

.bg-cat-5  { 
  background: url('../img/cat5.png') no-repeat 95% center;
  -webkit-background-size: 20%;
  -moz-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}

.bg-cat-6  { 
  background: url('../img/cat6.png') no-repeat 95% center;
  -webkit-background-size: 20%;
  -moz-background-size: 20%;
  -o-background-size: 20%;
  background-size: 20%;
}

.additemsplit {
  margin-top: 6em;
}

#navbarMain a.dropdown-item.active {
  color: #000;
  background-color: #ffc107;
}

@media (max-width: 1199.98px) {
  .bg-lucky-cat  { 
    background: url('../img/lucky-cat.png') no-repeat 95% center, url('../img/money.png') no-repeat center center;
    -webkit-background-size: 30%, cover;
    -moz-background-size: 30%, cover;
    -o-background-size: 30%, cover;
    background-size: 30%, cover;
  }
}

@media (max-width: 991.98px) {
  .bg-lucky-cat  { 
    background: url('../img/lucky-cat.png') no-repeat 95% bottom, url('../img/money.png') no-repeat center center;
    -webkit-background-size: 40%, cover;
    -moz-background-size: 40%, cover;
    -o-background-size: 40%, cover;
    background-size: 40%, cover;
  }

  .additemsplit {
    margin-top: 0;
  }
}

@media (max-width: 767.98px) {
  .bg-lucky-cat  { 
    background: url('../img/lucky-cat.png') no-repeat 95% bottom, url('../img/money.png') no-repeat center center;
    -webkit-background-size: 40%, cover;
    -moz-background-size: 40%, cover;
    -o-background-size: 40%, cover;
    background-size: 40%, cover;
  }
}

.is-invalid .form-control {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.is-invalid .form-control:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0rem .75rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding: 0rem 1.5rem 0rem 0.75rem;
}

.select2-container .select2-selection--single {
  height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

th a {
  color: #000000;
}

button#loginshowpwd {
  height: calc(3.5rem + 2px);
  border: 1px solid #ced4da;
  border-bottom-right-radius: .375rem;
}

#gimmick {
  display:block;
  pointer-events:none;
  position: absolute;
  top:0;
  left:0;
}