.apple-touch-icon {
  Rel:"apple-touch-icon";
  href: "images/AdaptableApps_Logo_v5_AdaptableApps_Icon_29p.svg";
  type: "image/svg+xml";
}

.icon {
  Rel: "icon";
  href: "images/AdaptableApps_Logo_v5_AdaptableApps_Icon_29p.svg"; 
  type: "image/svg+xml";
}

.body-wrap {
  background-color: transparent;
  padding: 0;
  margin: 0;

  min-width: 100vw;
  max-width: 100vw;
  width: 100vw;

  max-height: calc(100vh - 10px);
  min-height: calc(100vh - 10px);
  
  font: 500 100% system-ui, Arial;
  
  /*font-family-name: Arial;*/
  /*text-transform: uppercase;*/
}

.page-wrap {
  background-color: transparent;
  /*background-color: orange;*/
  
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  flex-direction: column;

  justify-content: flex-start;
  align-items: center;

  min-width: 100vw;
  max-width: 100vw;
  width: 100vw;
  
  max-height: 100vh;
  min-height: 100vh;

  margin: 0;
  padding: 0;
  /*padding-left: 50px;*/
  /*padding-right: 8px;*/
}

.page-header {
  background-color: transparent;
  /*background-color: green;*/
  align-items: center;
  align-content: center;
  margin: 0;
  padding: 0;
}

.flex-container-top {
  background-color: transparent;
  /*background-color: blue;*/
  
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  flex-direction: column;

  justify-content: center;
  align-items: center;

  min-width: 100vw;
  max-width: 100vw;
  min-height: 100px;
  max-height: 100px;

  padding: 0;
  margin: 0;
}

.img-logo-header {
  background-color: transparent;
  /*background-color: red;*/
  max-height: 100%;
  height: 100%;
  
  min-width: 375px;
  max-width: calc(1024px/2);
  width: 100%;
  /*vert-align: middle;*/

  padding: 0;
  margin: 0;
  padding-bottom: 15px;
 
  asp-append-version: "true"; 
  alt: "Adaptable Apps Logo";
}

.view-toolbar {
  background-color: transparent;
  /*background-color: gold;*/

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  flex-direction: row;

  justify-content: space-between;
  align-items: center;
  align-content: center;
  justify-items: center;
  horiz-align: center;
  vert-align: middle;

  max-height: 100%;
  min-height: 100%;
  height: 100%;
  
  min-width: 375px;
  max-width: 1024px;
  width: 100%;

  padding: 0;
  margin: 0;

  padding-left: 15px;
  padding-right: 15px;
}

.view-toolbar-item {
  background-color: transparent;
  /*background-color: purple;*/
  
  max-height: 100%;
  min-height: 100%;
  height: 100%;

  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  horiz-align: center;
  vert-align: middle;

  /*padding-right: 25px;*/

  color: #23ACE3;
  font-size: large;
  text-transform: uppercase;
  text-decoration: none;
}

.a-wiki {
  color: #23ACE3;
  text-decoration: none;
}

.flex-item-header {
  background-color: transparent;
  /*background-color: chartreuse;*/
  width: 100%;
  min-width: 375px;
  max-width: 1024px;

  color: grey;
  align-content: center;
  align-items: center;
  
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  
  padding-left: 50px;
  padding-right: 50px;

  font-weight: bolder;
  font-size: large;
  text-align: left;
}

/*.content-wrap {*/
/*  background-color: transparent;*/
/*  position: relative;*/
/*  overflow-x: hidden;*/
/*  overflow-y: scroll;*/
/*  scrollbar-width: none; !* Firefox *!*/
/*  top: 0;*/
/*  min-width: 100vw;*/
/*  max-width: 100vw;*/
/*  min-height: 100vh;*/
/*  max-height: 100vh;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/

/*.logoframe {*/
/*  height: inherit; !* Can be anything *!*/
/*  max-height: inherit; !* Can be anything *!*/
/*  width: inherit; !* Can be anything *!*/
/*  max-width: inherit; !* Can be anything *!*/
/*  position: relative;*/
/*  align-content: center;*/
/*  align-items: center;*/
/*  align-self: center;*/
/*}*/

.img-logo {
  background-color: transparent;
  /*background-color: chocolate;*/
  max-height: inherit;
  
  min-width: 375px;
  max-width: 1024px;
  
  width: 100%;
  height: inherit;

  padding: 0;
  margin: 0;

  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  horiz-align: center;
  vert-align: middle;
  /*position: absolute;*/
  /*top: 0;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*margin: auto;*/
  /*align-content: center;*/
  /*align-items: center;*/
  align-self: center;
}

.page-main {
  background-color: transparent;
  /*background-color: cornflowerblue;*/

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  flex-direction: column;

  justify-content: flex-start;
  align-items: flex-start;

  width: 100%;
  min-width: 100vw;
  max-width: 100vw;
  min-height: calc(100vh - 10px - 200px);
  max-height: calc(100vh - 10px - 200px);
  
  margin: 0;
  padding: 0;
}

.flex-container-products {
  background-color: transparent;
  /*background-color: crimson;*/

  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  flex-direction: column;

  justify-content: center;
  align-items: center;
  align-content: center;
  
  row-gap: 1px;

  width: 100%;
  min-width: 100vw;
  max-width: 100vw;
  /*min-height: calc(100vh - 10px - 200px);*/
  /*max-height: calc(100vh - 10px - 200px);*/

  margin: 0;
  margin-top: 20px;
  padding: 0;
}

.flex-item {
  background-color: transparent;
  /*background-color: coral;*/
  color: white;

  width: 100%;
  min-width: 375px;
  max-width: 1024px;
  /*min-height: 100%;*/
  /*max-height: 100%;*/

  justify-content: center;
  align-items: center;
  align-content: center;
}

.flex-item-image {
  background-color: transparent;
  color: white;

  width: 100%;
  min-width: 375px;
  max-width: 1024px;
  /*min-height: 100%;*/
  /*max-height: 100%;*/

  justify-content: center;
  align-items: center;
  align-content: center;
}

.flex-container-product {
  background-color: transparent;
  /*background-color: deeppink;*/
  /*display: -webkit-box; !* OLD - iOS 6-, Safari 3.1-6, BB7 *!*/
  /*display: -ms-flexbox; !* TWEENER - IE 10 *!*/
  /*display: -webkit-flex; !* NEW - Safari 6.1+. iOS 7.1+, BB10 *!*/
  /*display: flex; !* NEW, Spec - Firefox, Chrome, Opera *!*/
  
  /*flex-direction: column;*/

  justify-content: center;
  align-items: center;
  align-content: center;

  width: 100%;
  min-width: 375px;
  max-width: 1024px;
  min-height: 100%;
  max-height: 100%;
  
  margin: 0;
  margin-top: 50px;
  padding: 0;
}

.flex-container-pricing {
  background-color: transparent;
  /*background-color: green;*/
  
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  flex-direction: row;

  vert-align: middle;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  min-width: 375px;
  max-width: 1024px;
  min-height: auto;
  max-height: 100%;

  /*margin: 0;*/
  margin-top: 5px;
  /*padding: 0;*/
}

.flex-container-pricing-odd {
  /*background-color: darkgray;*/
}

.flex-container-pricing-even {
  /*background-color: gray;*/
}

* {
  box-sizing: border-box;
}

/*.page-sidebar {*/
/*    grid-column: 1;*/
/*    !*grid-row: 2 / 4;*!*/
/*    background-color: gray;*/
/*    max-width: 100px;*/
/*}*/

/*.page-nav {*/
/*  !*grid-column: 2 / 3;*!*/
/*  background-color: #bbdefb;*/
/*}*/

/*.page-footer {*/
/*  !*grid-column: 1 / -1;*!*/
/*  background-color: #ffecb3;*/
/*}*/

details p {
  text-transform: none;
  text-align: left;
}

.paragraph-heading {
  background-color: transparent;
  /*background-color: navy;*/
  color: gray; 
  font-weight: bolder;
  font-size: xxx-large;
  text-align: justify;
  width: 100%;
  height: max-content;
  min-width: 375px;
  max-width: 1024px;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  /*row-gap: 20px;*/
}

/*.paragraph-heading {*/
/*  background-color: transparent;*/
/*  !*background-color: darkgray; *!*/
/*  color: grey;*/
/*  width: 100%;*/
/*  height: max-content;*/
/*  min-width: 375px;*/
/*  max-width: 1024px;*/
/*  text-align: center;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  padding-left: 15px;*/
/*  padding-right: 15px;*/
/*  row-gap: 20px;*/
/*  font-weight: bolder; */
/*  font-size: x-large;*/
/*}*/

.paragraph-long {
  background-color: transparent;
  /*background-color: tomato;*/
  /*row-gap: 20px;*/
  width: 100%;
  height: max-content;
  min-width: 375px;
  max-width: 1024px;
  padding-left: 15px;
  padding-right: 15px;

  font-size: large;
  text-align: justify;
  white-space: pre-wrap;
  word-break: break-all;
}

.paragraph-description {
  background-color: transparent;
  /*background-color: brown;*/
  padding-left: 15px;
  padding-right: 15px;
  font-size: medium;
}

.paragraph-pricing {
  /*background-color: transparent;*/
  background-color: brown;
  /*row-gap: 20px;*/
  width: 100%;
  min-width: 375px;
  max-width: 1024px;
  height: 100%;
  /*max-height: 30px;*/
  font-weight: bolder;
  horiz-align: center;
  vert-align: middle;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  text-transform: uppercase;
  /*flex-wrap: nowrap;*/
  /*flex-flow: row;*/
  padding: 0;
  margin: 0;
  /*margin-top: 50px;*/
}

.paragraph-pricing-left {
  background-color: transparent;
  /*background-color: orange;*/
  max-width: calc(1024px/2);
  font-size: large;
  text-align: left;
  padding-left: 15px;
}

.paragraph-pricing-right {
  background-color: transparent;
  /*background-color: green;*/
  max-width: calc(1024px/2);
  font-size: xx-large;
  text-align: right;
  padding-right: 15px;
  color: #23ACE3;
}

.paragraph-purchase {
  background-color: transparent;
  /*background-color: indianred;*/
  font-size: x-large;
  text-align: center;
  padding-top: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

.box-line {
  background-color: transparent;
  width: 100vw;
  height: 0px;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 50px;
}

.a-email {
  color: #23ACE3;
  text-decoration: none;
}

.a-tel {
  color: #23ACE3;
  text-decoration: none;
}