.appBgEasyUnion {
    background-color: #b1b0b0!important;
}

.btn.appBgEasyUnion {
    color: #ffffff!important;
}
.btn.appBgEasyUnion:hover {
    background-color: #666666!important;
}

.bg-black
{
    background-color: #000000 !important;
}

.bg-gray
{
    background-color: #1A1A1A !important;
}

.gradient-heading {
  font-weight: bold;
  color: #47ccec;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color: transparent;
  background-image: linear-gradient(90deg, #47ccec 0%, #4570ff 50%);
}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active {
  background-color: #525F7F!important;
}

.navbar-vertical.navbar-dark.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active
{
  background-color: #7A7A7A;
}

.navbar-vertical.navbar-dark .sidenav-toggler-line {
  background-color: #ffffff;
}

.appTextHeader { color: #47ccec!important; }
.appBgHeader   { background-color: #47ccecCC!important; }

.appBgGreen { background-color: #47CCEC!important; }
.btn.appBgGreen { color: #ffffff!important; }
.appCardBorderGreen { border: 2px solid #47CCEC!important;}

.appBtnBlue {
  border: none;
  background-color: transparent;
  color: #FFFFFF;
  background-image: linear-gradient(90deg, #47CCEC 0%, #4570FF 100%);
  border-radius: 30px 30px 30px 30px;
  padding: 15px 30px 15px 30px!important;
  white-space: nowrap;
}
.appBtnBlue:hover {
  background-color: transparent;
  color: #000000;
  background-image: linear-gradient(90deg, #47CCEC 0%, #D345FF 100%);
}

.appBtnWhite {
  border-radius: 30px 30px 30px 30px;
  padding: 15px 30px 15px 30px;
  background-color: transparent;
  fill: #ffffff;
  color: #ffffff;
  background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, #F2295B00 100%);
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  white-space: nowrap;
}
.appBtnWhite:hover {
  background-color: #ffffff;
  color: #000000;
  border-color:#ffffff;
}

.card > a {
  text-decoration: none;
  color: unset;
}
.card > a:hover {
  opacity: 0.8;
}

.card.appCardGradient {
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  background-image: linear-gradient(93deg, #47CCEC 0%, #4570FF 100%);
  border-radius: 10px 10px 10px 10px;  
}
.card.appCardGradient .card-body {
  color: white;
}

.appTextGreen { color: #47CCEC; }

.appBgDarkT { background-color: #474747!important; }
.card-header.appBgDarkT { border-bottom: 1px solid rgba(255, 255, 255, 0.4)!important; }

.nav-pills .nav-link.appBgGreen        { background-color: unset!important; border: 1px solid #47CCEC!important; color: #ffffff!important; }
.nav-pills a.nav-link.appBgGreen:hover,
.nav-pills .nav-link.appBgGreen.active { background-color: #47CCEC!important; }
.nav-pills .nav-link.appBgGreenL       { background-color: unset!important; border: 1px solid #47CCEC!important; color: #000000!important; }
.nav-pills a.nav-link.appBgGreenL:hover,
.nav-pills .nav-link.appBgGreenL.active { background-color: #47CCEC!important; color: #ffffff!important; }

#navbar-main #navbar_global a.nav-link {
  padding: 5px 0px;
  margin: 1rem;
  border-radius: 0px;
  border-bottom: 1px solid #47CCEC00;
}

.navbar-dark .navbar-nav .nav-link.active,
#navbar-main #navbar_global a.nav-link:active {
  color: #47ccec!important;
  border-bottom: 1px solid #47CCEC!important;
}

#navbar-main #navbar_global a.nav-link:hover {
  text-decoration: none;
  color:#47CCEC;
  border-bottom: 1px solid #47CCEC;
}

#navbar-main #navbar_global a.appNavLink {
  padding: 5px 0px;
  margin: 1rem;
}

@media (max-width: 991.98px) {
  .navbar-nav .appNavLink {
    color: #172b4d !important;
  }
  .navbar-nav.ml-lg-auto .nav-item.my-auto {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
  }
}

.appTextT { color: #47CCEC; }
.appTextR { color: #7B99FF; }
.appTextE { color: #BA81FF; }
.appBgT { background-color: #47CCEC; color: #000; }
.appBgR { background-color: #7B99FF; color: #000; }
.appBgE { background-color: #BA81FF; color: #000; }