html {
  --dr973-a: #78b578;
  --dr973-b: #0fa280;
  --red-a: #f75e7f;
  --red-b: #d9021e;
  --orange-a: #ffa73e;
  --orange-b: #ff5100;
  --yellow-a: #f7e857;
  --yellow-b: #ddb819;
  --green-a: #8fde32;
  --green-b: #00bb00;
  --blue-a: #00d2fb;
  --blue-b: #006ced;
  --purple-a: #d67cee;
  --purple-b: #872fb1;
  --gray-a: #c4c5c6;
  --gray-b: #8a8c91;
  --black-a: #777777;
  --black-b: #000000;
}
.jApp.dr973 a>i { background: linear-gradient(to bottom,var(--dr973-a) 30%, var(--dr973-b) 90%); }
.jApp.dr973 a:hover {background: linear-gradient(to bottom,var(--dr973-a) 30%, var(--dr973-b) 90%) !important;}
.jApp.red a>i { background: linear-gradient(to bottom,var(--red-a) 10%, var(--red-b) 90%); }
.jApp.red a:hover {background: linear-gradient(to bottom,var(--red-a) 10%, var(--red-b) 90%) !important;}
.jApp.orange a>i { background: linear-gradient(to bottom,var(--orange-a) 10%, var(--orange-b) 90%); }
.jApp.orange a:hover {background: linear-gradient(to bottom,var(--orange-a) 10%, var(--orange-b) 90%) !important;}
.jApp.yellow a>i { background: linear-gradient(to bottom,var(--yellow-a) 10%, var(--yellow-b) 90%); }
.jApp.yellow a:hover {background: linear-gradient(to bottom,var(--yellow-a) 10%, var(--yellow-b) 90%) !important;}
.jApp.green a>i { background: linear-gradient(to bottom,var(--green-a) 10%, var(--green-b) 90%); }
.jApp.green a:hover {background: linear-gradient(to bottom,var(--green-a) 10%, var(--green-b) 90%) !important;}
.jApp.blue a>i { background: linear-gradient(to bottom,var(--blue-a) 10%, var(--blue-b) 90%); }
.jApp.blue a:hover {background: linear-gradient(to bottom,var(--blue-a) 10%, var(--blue-b) 90%) !important;}
.jApp.purple a>i { background: linear-gradient(to bottom,var(--purple-a) 10%, var(--purple-b) 90%); }
.jApp.purple a:hover {background: linear-gradient(to bottom,var(--purple-a) 10%, var(--purple-b) 90%) !important;}
.jApp.gray a>i { background: linear-gradient(to bottom,var(--gray-a) 10%, var(--gray-b) 90%); }
.jApp.gray a:hover {background: linear-gradient(to bottom,var(--gray-a) 10%, var(--gray-b) 90%) !important;}
.jApp.black a>i { background: linear-gradient(to bottom,var(--black-a) 10%, var(--black-b) 90%); }
.jApp.black a:hover {background: linear-gradient(to bottom,var(--black-a) 10%, var(--black-b) 90%) !important;}
.jApp.ig a>i{background: linear-gradient(-140deg,#515BD4 0%,#8134AF 20%,#DD2A7B 60%, #FEDA77 100%);}
.jApp.ig a:hover{background: linear-gradient(-140deg,#515BD4 0%,#8134AF 25%,#DD2A7B 55%, #F58529 80%, #FEDA77 100%) !important;}


/* PageUpdate */
.jUpdateChecker.oneQRcheckerCache{display:none !important; }
.DrScroll{ max-height: calc(100vh - 325px); overflow-y: auto; }
.DrSticky {
    position: sticky;
    top: 10px;
    max-height: calc(100vh - 80px);
}
/* DrApp Content */
.DrAppContent > .ba-section-items > .ba-row-wrapper:first-child {
    position: sticky;
    top: 0;
    z-index: 10;
	  background: var(--color-8);
	  background: white;
}
.DrAppContent > .ba-section-items > .ba-row-wrapper:first-child > .ba-row{
  	max-width: 1170px;
  	margin: 0 auto;
}
.ba-item-icon-list.noStyle li:not(:last-child):after {
    content: '/';
    font-weight: 300;
    color: #d8d8d8;
}
.ba-item-icon-list.noStyle li a > span { position:relative; }
.ba-item-icon-list.noStyle li.active a > span { color: var(--primary) !important; }
.ba-item-icon-list.noStyle li.active a > span:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--primary);
    display: block;
    position: absolute;
    bottom: 0;
}


/* Default Plugin Setting */
.ba-item-icon-list.noStyle li a i {
    margin: 0;
    transform: none;
    margin-right: 5px !important;
}
.ba-item-icon-list.noStyle li a{
  padding: 10px 30px;
}
.ba-item-icon-list.noStyle li{
  margin: 0px;
}

/* SRWD */
@media (max-width: 768px){
  .dnone768{ display: none !important; }
}
@media (min-width: 769px){
  .DrAPP ul.nav.nav-tabs{ display: none !important; }
  .show-hidden-elements .DrAPP ul.nav.nav-tabs{ display: flex !important; opacity:0.5;}
}

/* 973App */