*
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  cursor: inherit;
  outline-color: transparent;
  outline-style: none;
}

body
{
  font-family: calibri, 'lucida grande', tahoma, verdana, arial, sans-serif;
  cursor: default;
  color: #444444;
}

.au-bottom-navigation {
  font-size: 12pt;
  background-color: #222222;
  margin-top: 4em;
  padding: 2em 5em;
  color: silver;
  text-align: center;
  flex-grow: 1;
}

@media screen and (min-width: 1080px) {
  body { font-size: 400%; }
  #au-purchase-order-details { font-size: 50%; }
  input { width: 17em; }
}
@media screen and (max-width: 1080px) {
  body { font-size: 6.5vw; }
}
@media screen and (max-width: 755px) {
  body .au-download-list.groups{
      display: initial !important;

  }
  body .au-download-list-item-desc{
    font-size: 1rem;
  }
  body .au-os-icon{
    font-size: 2rem;
  }
  body .au-download-list-item-group .au-download-list-item .au-button {
    padding: .3em;
  }
  body .au-bottom-navigation {
    font-size: 8pt;
  }
}


a
{
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

input
{
  -webkit-box-shadow: 0px 0px .25em 0px #CCC;
  -moz-box-shadow: 0px 0px .25em 0px #CCC;
  -ms-box-shadow: 0px 0px .25em 0px #CCC;
  -o-box-shadow: 0px 0px .25em 0px #CCC;
  box-shadow: 0px 0px .25em 0px #CCC;
  padding: .25em .25em;
  border-radius: .25em;
}

.au-table-div table
{
  border-spacing: .1em;
}

.au-table-div th
{
  font-weight: bold;
  background-color1: #BF80B7; #7DBD7D;
  color1: white;
}

.au-table-div td
{
  text-align: center;
  vertical-align: top;
  background-color1: #F5F5F5;
  border-top: 1px solid #EEEEEE;
}

img
{
  vertical-align: middle;
}

.au-screenshot-div { display: flex; flex-direction: row; margin-top: 1.5em; }
@media screen and (min-width: 1080px) {
  .au-screenshot-div { font-size: 100%; }
  .au-table-div { display: inline-block; max-width1: 70%; }
}
@media screen and (max-width: 1080px) {
  .au-screenshot-div { font-size: 5vw; }
  .au-table-div { display: inline-block; }
}

.au-screenshot-image-div
{
  flex-grow: 0;
  flex-shrink: 0;
}

.au-screenshot-image
{
  width: 60vw;
  height: auto;
  -webkit-box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.6);
  -ms-box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.6);
  -o-box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.6);
  box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.6);
}

.au-screenshot-text-div
{
  flex-grow: 1;
  flex-shrink: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  overflow: hidden;
}

.au-button
{
  display: inline-block;
  color: white;
  box-shadow: 0px 0px .5em 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px .5em 0px rgba(0,0,0,0.3);
  transition: opacity .3s ease-in-out .1s, -webkit-filter .3s ease-in-out .1s;
}

@media screen and (min-width: 1080px) {
  .au-button { padding: .25em .5em; }
}
@media screen and (max-width: 1080px) {
  .au-button { padding: .5em .5em; }
}

        .au-button.au-shadow:hover {
            -webkit-box-shadow: 1px 1px .5em 0px rgba(0,0,0,0.6);
        }

.au-disabled
{
  pointer-events: none;
  cursor: not-allowed;
  opacity: .5;
/*
  filter: blur(5px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
*/
}

.au-bg-pull
{
  color: white;
  background-color: #7DBD7D; coral; green; #FF6A6A;
}

.au-fg-pull
{
  color: #7DBD7D !important; coral; green; #FF6A6A;
  background-color: transparent !important;
}

.au-bg-merge
{
  color: white;
  background-color: #BF80B7; #5992CD;
}

.au-fg-merge
{
  color: #BF80B7; #5992CD;
  background-color: transparent;
}

.au-bg-gray
{
  color: white;
  background-color: gray;
}

.au-fg-gray
{
  color: gray;
}

.au-bg-silver
{
  color: white;
  background-color: #DDDDDD;
}

.au-fg-silver
{
  color: #DDDDDD;
}

.au-bg-white
{
  background-color: white;
}

.au-fg-white
{
  color: white;
}

.au-bg-smoke
{
  background-color: #F0F0F0;
}

.au-fg-smoke
{
  color: #F0F0F0;
}

.au-fg-conflict {
    color: #FFB4B4; #FF6A6A; red;
}

.au-bg-conflict{
    color: white;
    background-color: #FFB4B4; #FF6A6A; red;
}

.au-bottom-border {
    border-bottom: 1px solid #e3e3e3;
}

.au-download-list {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    max-width: 500px;
}

.au-download-list.groups{
    display: inline-flex;
    left: 50%;
    max-width: none;
}

.au-download-list-item-group {
    margin: 0 30px;
}

.au-download-list-item {
    display: flex;
    align-items: center;
    text-align: left;
    padding-top: .8rem;
    padding-bottom: .8rem;
    min-width: 300px;
}

.au-download-list-item .au-button {
    min-width: 115px;
    font-size: 1rem;
    text-align: center;
    padding: .6em 1em;
}

.au-download-list-item-group .au-download-list-item .au-button {
    min-width: 20px;
    padding: .6em .6em;
}

.au-download-list-item .au-button i {
    font-size: inherit;
    font: 14px/1 FontAwesome;
}

.au-download-list-header {
    width: 100%;
    font-size: 1.5rem;
    margin-bottom: 1.2em;
    font-weight: bold;
    margin-top: 3rem;
}

.au-download-list-item-desc {
    width: 100%;
    margin-right: 1.5rem;
    margin-left: 1rem;
    font-size: 1.35rem;
}

.au-download-list-item-desc p {
    font-size: .8rem;
    color: gray;
}

.au-os-icon {
    font-size: 2.8rem;
    color: #858585;
}
