:root {
    --body-bg: rgba(0,141,194);
    --body-color: rgba(81,84,93);
    --msger-bg: #ffffff;
    --border: 2px solid #ffffff;
    --ai-msg-bg: #ffffff;
    --ai-msg-text:#363836;
    --human-msg-bg: rgba(0,141,194,0.15);
    --human-msg-border: rgba(0,141,194,0.5);
    --human-msg-text:#363836;
    --header-bg:rgba(0,141,194);
    --header-text:#ffffff;
    --input-bg:#ffffff;
    --input-text: #363836;
    --input-button-def:rgba(0,141,194,0.5);
    --input-button-selected:rgba(0,141,194,0.5);
    --font-family: avenir-lt-w01_35-light1475496,avenir-lt-w05_35-light,"Avenir Light",sans-serif;
    --doc-height: 100%;
  }
  
  * {
    box-sizing: border-box;
  }

  @font-face {
    font-family:"Avenir-LT-W01_35-Light1475496";
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg");
    font-display: block;
  }
  @font-face {
    font-family: "Avenir-LT-W05_35-Light";
    src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Avenir_Family_Pack/v1/AvenirLTW05-35Light.woff2") format("woff2"),
    url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Avenir_Family_Pack/v1/AvenirLTW05-35Light.woff") format("woff");
    font-display: block;
  }
  
  *,
  *:before,
  *:after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
  }
  
  body {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    padding: 0;
    margin: 0;
    height: 100vh; /* fallback for Js load */
    background-color: var(--body-bg);
    
    font-family: var(--font-family) !important;
    color: var(--body-color);
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-size: 16px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variation-settings: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4em;
    text-align:  start;
    vertical-align: baseliine;
  }

  .std-button {
    background: var(--input-button-def);
    border: 1px solid var(--input-button-def);
    border-radius: 5px;
    padding: 10px 10px;
    /*optional*/
    font-family: var(--font-family);
    font-size: 16px;
    /*input has OS specific font-family*/
    color: var(--header-text);
    cursor: pointer;
  }

  .left-label {
    justify-self: flex-start;
  }
  
  @media (max-width: 780px) {
    .std-button {
      font-size: 14px;
      cursor: pointer;
    }  
  }