﻿/*BG GRADIENT*/
.navbar-bgcolor,
.nav-pills li.active a,
.nav-pills li.active a:hover,
.nav-pills li.active a:focus,
.pagination>li.active>a,
.pagination>li.active>a:hover,
.list-group .list-group-item.active,
.pulse-bgcolor,
.btn.pulse-bgcolor,
.btn.pulse-bgcolor:hover,
.btn.pulse-bgcolor:focus,
.btn.pulse-bgcolor:active:focus,
.btn.pulse-bgcolor.active:focus,
.btn.pulse-bgcolor.focus,
.btn.pulse-bgcolor:active.focus,
.btn.pulse-bgcolor.active.focus,
.open>.dropdown-toggle.btn.pulse-bgcolor,
.open>.dropdown-toggle.btn.pulse-bgcolor:hover,
.open>.dropdown-toggle.btn.pulse-bgcolor:focus,
.open>.dropdown-toggle.btn.pulse-bgcolor.focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary.focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary:hover,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary.focus,
.btn-outline.btn-primary:hover,
.btn-outline-container .btn-primary:hover,
.progress-bar,
.faq-number,
.badge-primary,
.label-primary,
.badge-primary a,
.label-primary a,
.member-dashboard-nav .panel .list-group-item.active:before,
.account-container .content,
.avatar-name2 {
  background: linear-gradient(to right, #19acca 0%, #19acca 100%)!important;
  color: #fff !important
}

/* BG SOLID */
.checkbox input:checked~.custom-mark,
.checkbox-inline input:checked~.custom-mark,
.radio input:checked~.custom-mark,
.radio-inline input:checked~.custom-mark {
  background: #19acca
}

/* COLOR */
a,
.mochi-custom-input input:focus+label,
.mochi-custom-input textarea:focus+label,
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.pulse-footer .pulse-upup:hover,
.pulse-form-order .nav-tabs li.active a,
.pulse-form-order .nav-tabs li.active a i:before,
.pulse-product-tabs .nav-tabs li.active a span b,
.pulse-product-tabs .nav-tabs li a:hover i:before,
.pulse-product-tabs .nav-tabs li:nth-child(3).show i:before,
#nominal>ul.row>li>.btn.selected:after,
#nominal>ul.row>li>.btn:hover,
.form-group input:focus+label,
.form-group textarea:focus+label,
.pulse-grid i,
#harga h2,
.btn-outline.btn-primary,
.btn-outline-container .btn-primary,
.drop-primary .dropdown-menu,
.drop-primary .dropdown-menu:after,
.btn-outline.btn-primary:active,
.btn-outline-container .btn-primary:active {
  color: #19acca
}

.member-dashboard-nav .panel .list-group-item.active,
.account-container .content .btn:hover {
  color: #111111 !important
}

a:hover,
.pulse-color-dark:hover,
.pulse-color-dark a:hover {
  color: 111111
}

/* BORDER COLOR */
.form-control:focus,
.nav-tabs li.active,
.list-group .list-group-item.active,
.pulse-product-tabs .nav-tabs li:nth-child(n+4) a:hover i,
.pulse-product-tabs .nav-tabs li:nth-child(n+4).active i,
#nominal>ul.row>li>.btn.selected,
.navbar .pulse-notif-badge,
.btn-outline.btn-primary,
.btn-outline-container .btn-primary,
.drop-primary .dropdown-menu,
.drop-primary .dropdown-menu:after,
.btn-outline.btn-primary:active,
.btn-outline-container .btn-primary:active,
.pulse-product-tabs .nav-tabs li:nth-child(n+5):hover .ikon-produk {
  border-color: #19acca
}

/* Box Shadow */
.form-control:focus,
#nominal>ul.row>li>.btn.selected {
  box-shadow: 0 1px 13px -7px #19acca
}

.pulse-color-white,
.pulse-color-white a,
.pulse-color-white:hover,
.pulse-color-white a:hover {
  color: #fff
}

.pulse-color-dark,
.pulse-color-dark a {
  color: #333
}

.account-container .content .btn{
  color: #333 !important
}

@keyframes breathe {
  0% {
    opacity: 0.2
  }

  100% {
    opacity: 1
  }
}