.hide {
  display: none;
}
.show {
  display: block;
}
.bg-color {
  background: #1a1a27;
}
.bg-success {
  background: #16a39d;
}
@media (max-width: 991.98px) {
  .desktop-show {
    display: none !important;
  }
  .mobile-show {
    display: block;
  }
  .footer-new {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.19) !important;
    background: #1a1a27 !important;
  }
  .wrapper-new {
    padding-top: 25px !important;
    padding-bottom: 50px;
  }
  .sticky-toolbar-new i {
    font-size: 25px;
    color: white;
  }

  .sticky-toolbar-new i:hover {
    color: #3699ff;
  }
  .btn-light-primary-new,
  .btn-light-primary-new i {
    color: #3699ff;
    background-color: #e1f0ff;
    border-color: transparent;
  }

  .btn-light-primary-new:hover,
  .btn-light-primary-new:hover i {
    color: #fff !important;
    background-color: #3699ff;
  }

  .btn-light-success-new,
  .btn-light-success-new i {
    color: #1bc5bd;
    background-color: #c9f7f5;
    border-color: transparent;
  }

  .btn-light-success-new:hover,
  .btn-light-success-new:hover i {
    color: #fff !important;
    background-color: #1bc5bd;
  }

  .btn-light-danger-new,
  .btn-light-danger-new i {
    color: #f64e60;
    background-color: #ffe2e5;
    border-color: transparent;
  }

  .btn-light-danger-new:hover,
  .btn-light-danger-new:hover i {
    color: #fff !important;
    background-color: #f64e60;
  }

  .btn-light-warning-new,
  .btn-light-warning-new i {
    color: #ffa800;
    background-color: #fff4de;
    border-color: transparent;
  }

  .btn-light-warning-new:hover,
  .btn-light-warning-new:hover i {
    color: #fff !important;
    background-color: #ffa800;
  }

  .btn-light-info-new,
  .btn-light-info-new i {
    color: #7337ee;
    background-color: #d5c3fa;
    border-color: transparent;
  }

  .btn-light-info-new:hover,
  .btn-light-info-new:hover i {
    color: #fff !important;
    background-color: #7337ee;
  }

  .btn-light-dark-new,
  .btn-light-dark-new i {
    color: #fff !important;
    background-color: #6c757d ;
    border-color: transparent;
  }

 .btn-light-dark-new:hover,
 .btn-light-dark-new:hover i {
    color: #fff !important;
    background-color: #343a40 !important;
 }

  .lottie-icon {
        height: 70vh
  }
}
@media (min-width: 991.99px) {
  .desktop-show {
    display: block;
  }
  .mobile-show {
    display: none !important;
  }
  .wrapper-new {
    padding-top: 10px !important;
  }
  .sticky-toolbar-new {
    width: 40px;
    position: fixed;
    top: 30%;
    left: 0;
    list-style: none;
    margin: 0;
    z-index: 50;
    background: #1a1a27;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0px;
    text-align: center;
  }

  .sticky-toolbar-new i {
    font-size: 20px;
    color: white;
  }

  .sticky-toolbar-new i:hover {
    color: #3699ff;
  }

  .sticky-li div {
    display: inline;
  }

  .btn-light-primary-new,
  .btn-light-primary-new i {
    color: #3699ff;
    font-size: 25px !important;
  }

  .btn-light-primary-new:hover,
  .btn-light-primary-new:hover i {
    color: #000;
  }

  .btn-light-success-new,
  .btn-light-success-new i {
    color: #1bc5bd;
    font-size: 25px !important;
  }

  .btn-light-success-new:hover,
  .btn-light-success-new:hover i {
    color: #000;
  }

  .btn-light-danger-new,
  .btn-light-danger-new i {
    color: #f64e60;
    font-size: 25px !important;
  }

  .btn-light-danger-new:hover,
  .btn-light-danger-new:hover i {
    color: #000;
  }

  .btn-light-warning-new,
  .btn-light-warning-new i {
    color: #ffa800;
    font-size: 25px !important;
  }

  .btn-light-warning-new:hover,
  .btn-light-warning-new:hover i {
    color: #000;
  }

  .btn-light-info-new,
  .btn-light-info-new i {
    color: #7337ee;
    font-size: 25px !important;
  }

  .btn-light-info-new:hover,
  .btn-light-info-new:hover i {
    color: #000;
  }

  .btn-light-dark-new,
  .btn-light-dark-new i {
    color: #343a40;
    font-size: 25px !important;
  }

  .btn-light-dark-new:hover,
  .btn-light-dark-new:hover i {
    color: #000;
  }

  .lottie-icon {
        height: 65vh
  }
}

.card-body-new {
  margin-top: 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
}

.header-center {
  margin: auto;
  margin-left: 5px;
}

.header-text {
  margin: auto;
  width: 100%;
  color: white;
}

.header-menu-button {
  min-width: 25px;
  max-width: 25px;
}

.center {
  margin: auto;
}

.horizontal-center {
  margin: 0 auto 0 auto;
}

.vertical-center {
  margin: auto 0 auto 0;
}

.card-new {
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.19) !important;
}
.card-header-new {
  border-radius: 8px 20px 0px 0px !important;
  background-color: #181c32 !important;
}
.card-label-new {
  color: white !important;
}
.card-footer-new {
  border-radius: 0px 0px 20px 20px !important;
}
.card-footer-btn {
  float: left;
}

.card-sticky-new {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
}

.card-sticky-title-new {
  padding-top: 20px !important;
}

.primary-new {
  color: #3699ff !important;
}

.secondary-new {
  color: #181c32 !important;
}

.success-new {
  color: #1bc5bd !important;
}

.danger-new {
  color: #f64e60 !important;
}

.warning-new {
  color: #ffa800 !important;
}

.info-new {
  color: #8950fc !important;
}

.dark-new {
  color: #181c32 !important;
}

.muted-new {
  color: #b5b5c3 !important;
}

.swal-container {
  background-color: rgb(0, 0, 0, 0.7) !important;
}

.swal-popup {
  border-radius: 8px;
}

.box-button {
    width: 100%;
    height: 80px;
}

.box-button a {
    border-radius: 10px;
    height: 90%;
    margin: 5px;
    padding: 15px;
}