/**************************************************************************************
* This file is intended for shared less variables and shared less mixins styles.  
*
* - Copied from BuildMAster@bb4af7374b755810e5ad1cd71ae51baed5c22233
* - added @nearwhite
**************************************************************************************/
/**************************************************************
* Common Fonts, Colors, etc.
**************************************************************/
/**************************************************************
* DarkMode Colors
**************************************************************/
/**************************************************************
* Mixin Definitions
**************************************************************/
.package-list {
  opacity: 1;
}
.package-list.ah-loading {
  opacity: 0.4;
  transition: opacity 1s ease-out;
}
.package-list.ah-loading::before {
  content: 'Searching...';
  display: block;
  line-height: 40px;
  padding-left: 10px;
  overflow: hidden;
}
.package-container {
  min-height: 70px;
  border-bottom: 1px dotted #A6AdB6;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.package-container > div.icon-container {
  float: left;
  width: 70px;
  height: 50px;
  background-image: url('/resources/images/icons/package.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.package-container > div.icon-container > img {
  height: 20px;
  width: 20px;
  margin: 35px 0 0 45px;
}
.package-container > div.icon-container.nuget {
  background-image: url('/resources/images/icons/package-nuget.svg');
}
.package-container > div.icon-container.chocolatey {
  background-image: url('/resources/images/icons/package-chocolatey.svg');
}
.package-container > div.icon-container.powershell {
  background-image: url('/resources/images/icons/package-powershell.svg');
}
.package-container > div.icon-container.npm {
  background-image: url('/resources/images/icons/package-npm.svg');
}
.package-container > div.icon-container.bower {
  background-image: url('/resources/images/icons/package-bower.svg');
}
.package-container > div.icon-container.maven {
  background-image: url('/resources/images/icons/package-maven.svg');
}
.package-container > div.icon-container.debian {
  background-image: url('/resources/images/icons/package-debian.svg');
}
.package-container > div.icon-container.debian2 {
  background-image: url('/resources/images/icons/package-debian.svg');
}
.package-container > div.icon-container.rpm {
  background-image: url('/resources/images/icons/package-rpm.svg');
}
.package-container > div.icon-container.pypi {
  background-image: url('/resources/images/icons/package-pypi.svg');
}
.package-container > div.icon-container.conda {
  background-image: url('/resources/images/icons/package-conda.svg');
}
.package-container > div.icon-container.universal {
  background-image: url('/resources/images/icons/package.svg');
}
.package-container > div.icon-container.romp {
  background-image: url('/resources/images/icons/package-romp.svg');
}
.package-container > div.icon-container.docker {
  background-image: url('/resources/images/icons/package-docker.svg');
}
.package-container > div.icon-container.rubygems {
  background-image: url('/resources/images/icons/package-rubygems.svg');
}
.package-container > div.icon-container.vsix {
  background-image: url('/resources/images/icons/package-vsix.svg');
}
.package-container > div.icon-container.helm {
  background-image: url('/resources/images/icons/package-helm.svg');
}
.package-container > div.icon-container.apk {
  background-image: url('/resources/images/icons/package-apk.svg');
}
.package-container > div.icon-container.cran {
  background-image: url('/resources/images/icons/package-cran.svg');
}
.package-container > div.icon-container.pub {
  background-image: url('/resources/images/icons/package-pub.svg');
}
.package-container > div.icon-container.asset {
  background-image: url('/resources/images/icons/asset-folder');
}
.package-container > div.description {
  margin-left: 80px;
}
.package-container > div.description > div.summary {
  font-style: italic;
}
.package-container > div.description > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.package-container > div.description > ul > li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.package-container > div.description > ul > li {
  display: inline-block;
  border-left: 1px dotted #A6AdB6;
  padding: 0 10px;
  margin: 0;
}
.package-container > div.description > ul > li .info-block {
  padding: 0 0 0 22px;
}
.onboarding p.progress {
  font-family: 'Segoe UI Symbol';
  margin-top: 8px;
  margin-bottom: 15px;
}
.onboarding .action-button-container div.left-aligned {
  margin-left: 0;
  margin-bottom: 10px;
}
.onboarding .todo {
  padding: 3px 5px;
  background-color: #fec;
  border-radius: 5px;
}
.onboarding .todo.nextstep::before,
.onboarding .todo.action::before {
  content: 'Next Step';
  border-right: 1px solid #CCC;
  margin-right: 3px;
  padding-right: 3px;
}
.onboarding .todo.action::before {
  content: 'Action';
}