@charset "UTF-8";
/* ECMC TypeKit here: https://use.typekit.net/xhb7ozu.css
* The Typekit service used to deliver this font or fonts for use on websites
* is provided by Adobe and is subject to these Terms of Use
* http://www.adobe.com/products/eulas/tou_typekit. For font license
* information, see the list below.
*
* ff-meta-correspondence-web-p:
*   - http://typekit.com/eulas/0000000000000000773599a0
*   - http://typekit.com/eulas/0000000000000000773599ac
*   - http://typekit.com/eulas/0000000000000000773599bb
*   - http://typekit.com/eulas/0000000000000000773599b3
* ff-meta-headline-web-pro:
*   - http://typekit.com/eulas/00000000000000007735a1bd
*   - http://typekit.com/eulas/00000000000000007735a1b3
*   - http://typekit.com/eulas/00000000000000007735a1bc
* ff-meta-headline-web-pro-com:
*   - http://typekit.com/eulas/00000000000000007735a1a8
*   - http://typekit.com/eulas/00000000000000007735a1ae
* ff-meta-headline-web-pro-con:
*   - http://typekit.com/eulas/00000000000000007735a1b2
*   - http://typekit.com/eulas/00000000000000007735a1bf
* ff-meta-web-pro:
*   - http://typekit.com/eulas/000000000000000077359994
*   - http://typekit.com/eulas/00000000000000007735999d
*   - http://typekit.com/eulas/00000000000000007735999f
*   - http://typekit.com/eulas/0000000000000000773599c7
*   - http://typekit.com/eulas/0000000000000000773599cd
*   - http://typekit.com/eulas/0000000000000000773599ca
*   - http://typekit.com/eulas/0000000000000000773599ba
*   - http://typekit.com/eulas/0000000000000000773599dc
*   - http://typekit.com/eulas/0000000000000000773599e1
*   - http://typekit.com/eulas/0000000000000000773599df
* ff-meta-web-pro-condensed:
*   - http://typekit.com/eulas/0000000000000000000175d1
*   - http://typekit.com/eulas/0000000000000000000175ce
*   - http://typekit.com/eulas/0000000000000000000175d2
*   - http://typekit.com/eulas/000000000000000077359991
*   - http://typekit.com/eulas/0000000000000000000175cc
*   - http://typekit.com/eulas/0000000000000000000175d0
*   - http://typekit.com/eulas/0000000000000000000175cf
*   - http://typekit.com/eulas/0000000000000000000175cd
*
* © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.
*/
/*{"last_published":"2023-11-09 16:45:41 UTC"}*/
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/4a24f4/000000000000000077359994/30/l?subset_id=2&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/4a24f4/000000000000000077359994/30/d?subset_id=2&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/4a24f4/000000000000000077359994/30/a?subset_id=2&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/062ba4/00000000000000007735999d/30/l?subset_id=2&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/062ba4/00000000000000007735999d/30/d?subset_id=2&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/062ba4/00000000000000007735999d/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/cc7c90/00000000000000007735999f/30/l?subset_id=2&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/cc7c90/00000000000000007735999f/30/d?subset_id=2&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/cc7c90/00000000000000007735999f/30/a?subset_id=2&fvd=i3&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/37c53a/0000000000000000773599c7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/37c53a/0000000000000000773599c7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/37c53a/0000000000000000773599c7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/9f5d07/0000000000000000773599cd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/9f5d07/0000000000000000773599cd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/9f5d07/0000000000000000773599cd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/52375b/0000000000000000773599ca/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/52375b/0000000000000000773599ca/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/52375b/0000000000000000773599ca/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/818e87/0000000000000000773599ba/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/818e87/0000000000000000773599ba/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/818e87/0000000000000000773599ba/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/14aead/0000000000000000773599dc/30/l?subset_id=2&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/14aead/0000000000000000773599dc/30/d?subset_id=2&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/14aead/0000000000000000773599dc/30/a?subset_id=2&fvd=i5&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/26dd89/0000000000000000773599e1/30/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/26dd89/0000000000000000773599e1/30/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/26dd89/0000000000000000773599e1/30/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro";
  src: url("https://use.typekit.net/af/6faf5b/0000000000000000773599df/30/l?subset_id=2&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/6faf5b/0000000000000000773599df/30/d?subset_id=2&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/6faf5b/0000000000000000773599df/30/a?subset_id=2&fvd=i6&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/cd55b3/0000000000000000000175d1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/cd55b3/0000000000000000000175d1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/cd55b3/0000000000000000000175d1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/ba59a8/0000000000000000000175ce/27/l?subset_id=2&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/ba59a8/0000000000000000000175ce/27/d?subset_id=2&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/ba59a8/0000000000000000000175ce/27/a?subset_id=2&fvd=i5&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/5edcb2/0000000000000000000175d2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/5edcb2/0000000000000000000175d2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/5edcb2/0000000000000000000175d2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/a0aabf/000000000000000077359991/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/a0aabf/000000000000000077359991/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/a0aabf/000000000000000077359991/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/3cd025/0000000000000000000175cc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/3cd025/0000000000000000000175cc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/3cd025/0000000000000000000175cc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/f13845/0000000000000000000175d0/27/l?subset_id=2&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/f13845/0000000000000000000175d0/27/d?subset_id=2&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/f13845/0000000000000000000175d0/27/a?subset_id=2&fvd=i6&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/271842/0000000000000000000175cf/27/l?subset_id=2&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/271842/0000000000000000000175cf/27/d?subset_id=2&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/271842/0000000000000000000175cf/27/a?subset_id=2&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-web-pro-condensed";
  src: url("https://use.typekit.net/af/b01c1d/0000000000000000000175cd/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/b01c1d/0000000000000000000175cd/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/b01c1d/0000000000000000000175cd/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro";
  src: url("https://use.typekit.net/af/cc9e0c/00000000000000007735a1bd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/cc9e0c/00000000000000007735a1bd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/cc9e0c/00000000000000007735a1bd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro";
  src: url("https://use.typekit.net/af/c4a3f8/00000000000000007735a1b3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/c4a3f8/00000000000000007735a1b3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/c4a3f8/00000000000000007735a1b3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro";
  src: url("https://use.typekit.net/af/c371bb/00000000000000007735a1bc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/c371bb/00000000000000007735a1bc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/c371bb/00000000000000007735a1bc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro-com";
  src: url("https://use.typekit.net/af/380770/00000000000000007735a1a8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/380770/00000000000000007735a1a8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/380770/00000000000000007735a1a8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro-com";
  src: url("https://use.typekit.net/af/8b4030/00000000000000007735a1ae/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8b4030/00000000000000007735a1ae/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8b4030/00000000000000007735a1ae/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro-con";
  src: url("https://use.typekit.net/af/423784/00000000000000007735a1b2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/423784/00000000000000007735a1b2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/423784/00000000000000007735a1b2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-headline-web-pro-con";
  src: url("https://use.typekit.net/af/11b353/00000000000000007735a1bf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/11b353/00000000000000007735a1bf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/11b353/00000000000000007735a1bf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-correspondence-web-p";
  src: url("https://use.typekit.net/af/2089fe/0000000000000000773599a0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2089fe/0000000000000000773599a0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2089fe/0000000000000000773599a0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-correspondence-web-p";
  src: url("https://use.typekit.net/af/06264c/0000000000000000773599ac/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/06264c/0000000000000000773599ac/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/06264c/0000000000000000773599ac/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-correspondence-web-p";
  src: url("https://use.typekit.net/af/a3cb79/0000000000000000773599bb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/a3cb79/0000000000000000773599bb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/a3cb79/0000000000000000773599bb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "ff-meta-correspondence-web-p";
  src: url("https://use.typekit.net/af/42f387/0000000000000000773599b3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/42f387/0000000000000000773599b3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/42f387/0000000000000000773599b3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
.tk-ff-meta-web-pro {
  font-family: "ff-meta-web-pro", sans-serif;
}

.tk-ff-meta-web-pro-condensed {
  font-family: "ff-meta-web-pro-condensed", sans-serif;
}

.tk-ff-meta-headline-web-pro {
  font-family: "ff-meta-headline-web-pro", sans-serif;
}

.tk-ff-meta-headline-web-pro-com {
  font-family: "ff-meta-headline-web-pro-com", sans-serif;
}

.tk-ff-meta-headline-web-pro-con {
  font-family: "ff-meta-headline-web-pro-con", sans-serif;
}

.tk-ff-meta-correspondence-web-p {
  font-family: "ff-meta-correspondence-web-p", sans-serif;
}

/*  Small screens: Mobile devices    */
/*  max-width 640px    */
/*  Medium screens: Tablets  */
/*  min-width 641px */
/*  min-width 641px and max-width 1024px */
/*  Laptop screens  */
/*  min-width 1025px    */
/*  min-width 1025px and max-width 1440px   */
/*  Large screens   */
/*  min-width 1441px    */
/*  min-width 1441px and max-width 1920px   */
/*  XLarge screens  */
/*  min-width 1921px    */
main {
  outline: none;
  scroll-padding-top: 120px;
}

/* Base styles - General
----------------------------------------------------------*/
html, body {
  height: 100%;
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: "ff-meta-web-pro";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  color: #303133;
  background-color: #ffffff;
}

h1 {
  font-family: "ff-meta-web-pro-condensed";
  color: #127982;
  font-size: 42px;
  font-weight: 600;
  line-height: 1em;
  margin-top: 0;
}

h2 {
  font-family: "ff-meta-web-pro-condensed";
  color: #127982;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25em;
  margin-bottom: 0.25em;
}
h2.feature {
  font-size: 30px;
}

h3 {
  font-family: "ff-meta-web-pro-condensed";
  color: #127982;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0.25em;
  line-height: 1.25em;
}

h4 {
  font-family: "ff-meta-web-pro-condensed";
  color: #303133;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0.25em;
  line-height: 1.25em;
}

h5 {
  font-family: "ff-meta-web-pro-condensed";
  font-size: 16.6px;
  color: #303133;
  line-height: 1.25em;
  font-weight: 600;
}

h6 {
  font-family: "ff-meta-web-pro";
  font-weight: 600;
  font-size: 13.4px;
  line-height: 1.25em;
  margin-block-start: 2.33em;
}

p {
  font-family: "ff-meta-web-pro";
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
}

strong {
  font-weight: 600;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.imageCover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.imageContain {
  background-size: contain;
  background-repeat: no-repeat;
}

img.bordered {
  box-shadow: 0 0 1px 0px black;
}

/*@media only screen and (max-width: $bp_sm) {
    .mbl-height-initial { }
}*/
a, a:visited {
  font-family: "ff-meta-web-pro";
  color: #303133;
  text-decoration: underline;
  font-weight: 400;
  transition: background-color 500ms ease-out 0ms, color 100ms ease-out 0ms;
  hyphens: auto;
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #64a33e;
  text-decoration: underline;
}
a cite, a:visited cite {
  text-decoration: none;
}

a.read-more, a.read-more:visited, div.read-more {
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
}
a.read-more:after, a.read-more:visited:after, div.read-more:after {
  display: inline-block;
  position: relative;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  background-image: none;
  margin-left: 0.5em;
  bottom: 1px;
  height: auto;
  font-size: 14px;
}
a.read-more:hover, a.read-more:focus, a.read-more:visited:hover, a.read-more:visited:focus, div.read-more:hover, div.read-more:focus {
  color: #64a33e;
  text-decoration: none;
}

a.link-button {
  color: #127982;
  font-weight: 500;
  border: 1px solid #127982;
  display: inline-block;
  padding: 0.38em 2em 0.5em 2em;
  margin: 0;
  text-decoration: none;
  background-color: transparent;
}
a.link-button-dark {
  color: #ffffff;
  font-weight: 500;
  display: inline-block;
  padding: 0.38em 2em 0.5em 2em;
  margin: 0;
  text-decoration: none;
  background-color: #127982;
}
a.link-button-dark:hover, a.link-button-dark:focus {
  color: #ffffff;
  background-color: #64a33e;
}

a.facebook::before {
  display: inline;
  content: "\f082";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin-right: 0.3em;
  height: auto;
  font-size: 14px;
  color: #303133;
}

hr {
  background-color: #127982;
  margin-top: 25px;
  margin-bottom: 25px;
  height: 1px;
  border: 0;
}
hr.noTopMargin {
  margin-top: 0;
}
hr.noBottomMargin {
  margin-bottom: 0;
}
hr.noMargin {
  margin-bottom: 0;
  margin-top: 0;
}

.callToAction p {
  margin: 0px;
}

ul {
  margin: 20px 40px;
}

ul li {
  font-size: 16px;
  line-height: 1.5em;
}

fieldset {
  border: revert;
  padding: revert;
  margin: revert;
}

address {
  font-style: normal;
  white-space: pre-line;
}

select::-ms-expand {
  display: none; /* removes default arrow on ie10 and ie11 */
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
  margin: 0;
  font-family: "ff-meta-web-pro";
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5em 1em;
  font-size: 20px;
  background-color: #ffffff;
}

[type=submit], [type=button] {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: auto;
  text-transform: uppercase;
  color: #ffffff;
}

[type=search] {
  border: 1px solid #95989a;
  border-radius: 0px;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #303133;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.full-height {
  height: 100% !important;
}

.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Off-Canvas Content [used for mobile navigations]
----------------------------------------------------------*/
.js-off-canvas-overlay {
  z-index: -2;
}

#offCanvasPnl {
  max-height: 66vh;
}

/* Zurb Foundation Settings
----------------------------------------------------------*/
.grid-y {
  height: 100%;
}

.callout {
  margin: 0;
  border: none;
  border-radius: 0px;
}

/* Social Icons
----------------------------------------------------------*/
.social-icons a {
  text-decoration: none;
}
.social-icons a img {
  max-width: 36px;
  margin: 6px 6px 0 0;
  filter: invert(20%) sepia(1%) saturate(1669%) hue-rotate(32deg) brightness(92%) contrast(94%);
}

/* Landing Pages
----------------------------------------------------------*/
.landing-pg h1 {
  color: #127982;
}
.landing-pg h3 {
  color: #303133;
}

.news-and-events-landing-pg h1 {
  color: #127982;
  font-size: 20px;
}
.news-and-events-landing-pg h2 {
  color: #127982;
  font-size: 16px;
}

/* Misc Classes
----------------------------------------------------------*/
.no-hero-top-margin {
  margin-top: 140px;
}

.form-background {
  background-color: #E8F7F3;
}

div.umbraco-forms-form, div.chatviewer-confroom-container div.umbraco-forms-form {
  padding: 45px;
}
div.umbraco-forms-form form, div.chatviewer-confroom-container div.umbraco-forms-form form {
  margin: 0;
  padding: 0;
  text-align: left;
  /*    label input[type="checkbox"] + label input[type="checkbox"] { margin-top: 1em; }
  label input[type="checkbox"]:disabled { color: $color_glob_gray_300; cursor: not-allowed; }
  input[type="checkbox"] { margin: 0; font: inherit; color: $def_font_color; width: 0.75em; height: 0.75em; border: 1px solid $color_glob_gray_500; border-radius: 0; transform: translateY(0.35em); display: grid; place-content: center; }
      input[type="checkbox"]::before { content: ""; width: 0.75em; height: 0.75em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: $def_font_color; }
      input[type="checkbox"]:checked::before { transform: scale(1); }*/
  /*        label input[type="radio"] { font-family: $def_font; font-size: 2rem; font-weight: $weight_Normal; line-height: 1.1; display: grid; grid-template-columns: 1em auto; gap: 0.5em; }
  label input[type="radio"] + label input[type="radio"] { margin-top: 1em; }
  label input[type="radio"]:focus-within { color: $def_font_color }
  input[type="radio"] { -webkit-appearance: none; appearance: none; background-color: $color_glob_white; margin: 0; font: inherit; color: $def_font_color; width: 0.75em; height: 0.75em; border: 1px solid $color_glob_gray_500; border-radius: 50%; transform: translateY(0.35em); display: grid; place-content: center; }
  input[type="radio"]::before { content: ""; width: 0.75em; height: 0.75em; border-radius: 50%; transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: $def_font_color; }
  input[type="radio"]:checked::before { transform: scale(1); }*/
}
div.umbraco-forms-form form .umbraco-forms-field, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field {
  padding-block: 0.35em 0.625em;
}
div.umbraco-forms-form form .umbraco-forms-field.richtext, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field.richtext {
  padding-block: 0px !important;
}
div.umbraco-forms-form form .umbraco-forms-field.titleanddescription, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field.titleanddescription {
  padding-block: 0px !important;
}
div.umbraco-forms-form form .umbraco-forms-field.recaptcha, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field.recaptcha {
  padding-top: 20px !important;
}
div.umbraco-forms-form form .umbraco-forms-page .validation-summary-valid ul, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-page .validation-summary-valid ul {
  margin: 0;
}
div.umbraco-forms-form form .button, div.chatviewer-confroom-container div.umbraco-forms-form form .button {
  padding: 0.7em 1em;
  height: 38px;
  background-color: #127982;
  color: #ffffff;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  border-radius: 0;
}
div.umbraco-forms-form form .button:hover, div.chatviewer-confroom-container div.umbraco-forms-form form .button:hover {
  background-color: #64a33e;
  color: #ffffff;
}
div.umbraco-forms-form form label, div.chatviewer-confroom-container div.umbraco-forms-form form label {
  font-family: "ff-meta-web-pro";
  font-size: 16px;
  color: #303133;
  font-weight: 600;
  margin: 0;
}
div.umbraco-forms-form form fieldset, div.chatviewer-confroom-container div.umbraco-forms-form form fieldset {
  border: none;
  padding-right: 0;
  padding-left: 0;
  margin-inline: 0px;
  padding-block: 0em 0em;
  padding-inline: 0em;
}
div.umbraco-forms-form form legend.firstLegend, div.chatviewer-confroom-container div.umbraco-forms-form form legend.firstLegend {
  padding: 0em 0 0.25em 0;
}
div.umbraco-forms-form form legend, div.chatviewer-confroom-container div.umbraco-forms-form form legend {
  font-family: "ff-meta-web-pro";
  font-size: 16.6px;
  color: #303133;
  font-weight: 300;
  padding: 1em 0 0.25em 0;
  margin: 0;
}
div.umbraco-forms-form form p, div.umbraco-forms-form form .help-block, div.chatviewer-confroom-container div.umbraco-forms-form form p, div.chatviewer-confroom-container div.umbraco-forms-form form .help-block {
  display: block;
  font-size: 16px;
  font-family: "ff-meta-web-pro";
  font-weight: 300;
  line-height: 1.25em;
  margin: 0 0 20px 0;
}
div.umbraco-forms-form form p:last-child, div.umbraco-forms-form form .help-block:last-child, div.chatviewer-confroom-container div.umbraco-forms-form form p:last-child, div.chatviewer-confroom-container div.umbraco-forms-form form .help-block:last-child {
  margin: 0;
}
div.umbraco-forms-form form input[type=text],
div.umbraco-forms-form form input[type=password],
div.umbraco-forms-form form input[type=number],
div.umbraco-forms-form form input[type=tel],
div.umbraco-forms-form form input[type=email],
div.umbraco-forms-form form textarea, div.chatviewer-confroom-container div.umbraco-forms-form form input[type=text],
div.chatviewer-confroom-container div.umbraco-forms-form form input[type=password],
div.chatviewer-confroom-container div.umbraco-forms-form form input[type=number],
div.chatviewer-confroom-container div.umbraco-forms-form form input[type=tel],
div.chatviewer-confroom-container div.umbraco-forms-form form input[type=email],
div.chatviewer-confroom-container div.umbraco-forms-form form textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #95989a;
  border-radius: 0px;
  padding: 0.5em;
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  background-color: #ffffff;
  font-family: "ff-meta-web-pro";
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.umbraco-forms-form form input::-webkit-input-placeholder,
div.umbraco-forms-form form textarea::-webkit-input-placeholder, div.chatviewer-confroom-container div.umbraco-forms-form form input::-webkit-input-placeholder,
div.chatviewer-confroom-container div.umbraco-forms-form form textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-family: "ff-meta-web-pro";
  color: #95989a;
  font-style: italic;
}
div.umbraco-forms-form form input:-moz-placeholder,
div.umbraco-forms-form form textarea:-moz-placeholder, div.chatviewer-confroom-container div.umbraco-forms-form form input:-moz-placeholder,
div.chatviewer-confroom-container div.umbraco-forms-form form textarea:-moz-placeholder {
  font-size: 16px;
  font-family: "ff-meta-web-pro";
  color: #95989a;
  font-style: italic;
  opacity: 1;
}
div.umbraco-forms-form form input::-moz-placeholder,
div.umbraco-forms-form form textarea::-moz-placeholder, div.chatviewer-confroom-container div.umbraco-forms-form form input::-moz-placeholder,
div.chatviewer-confroom-container div.umbraco-forms-form form textarea::-moz-placeholder {
  font-size: 16px;
  font-family: "ff-meta-web-pro";
  color: #95989a;
  font-style: italic;
  opacity: 1;
}
div.umbraco-forms-form form input:-ms-input-placeholder,
div.umbraco-forms-form form textarea:-ms-input-placeholder, div.chatviewer-confroom-container div.umbraco-forms-form form input:-ms-input-placeholder,
div.chatviewer-confroom-container div.umbraco-forms-form form textarea:-ms-input-placeholder {
  font-size: 16px;
  font-family: "ff-meta-web-pro";
  color: #95989a;
  font-style: italic;
}
div.umbraco-forms-form form label input[type=checkbox], div.chatviewer-confroom-container div.umbraco-forms-form form label input[type=checkbox] {
  font-family: "ff-meta-web-pro";
  font-size: 2rem;
  margin: 1px;
  font-weight: 400;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}
div.umbraco-forms-form form input[type=checkbox], div.chatviewer-confroom-container div.umbraco-forms-form form input[type=checkbox] {
  accent-color: #303133;
  border-radius: 0px;
  margin: 10px 5px 0 0 !important;
}
div.umbraco-forms-form form input[type=checkbox]:disabled, div.chatviewer-confroom-container div.umbraco-forms-form form input[type=checkbox]:disabled {
  color: #f0f0f0;
  cursor: not-allowed;
}
div.umbraco-forms-form form input[type=radio], div.chatviewer-confroom-container div.umbraco-forms-form form input[type=radio] {
  accent-color: #303133;
}
div.umbraco-forms-form form input[type=radio], div.chatviewer-confroom-container div.umbraco-forms-form form input[type=radio] {
  accent-color: #303133;
  border-radius: 0px;
}
div.umbraco-forms-form form select, div.chatviewer-confroom-container div.umbraco-forms-form form select {
  font-family: "ff-meta-web-pro";
  border: 1px solid #95989a;
  margin: 0;
  border-radius: 0px;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #303133;
}
div.umbraco-forms-form form .field-validation-error, div.chatviewer-confroom-container div.umbraco-forms-form form .field-validation-error {
  color: #C4262E;
}
div.umbraco-forms-form form .validation-summary-errors, div.chatviewer-confroom-container div.umbraco-forms-form form .validation-summary-errors {
  color: #C4262E;
  padding: 0 0 0 0;
}
div.umbraco-forms-form form .validation-summary-errors ul, div.chatviewer-confroom-container div.umbraco-forms-form form .validation-summary-errors ul {
  margin: 0 0 24px 20px !important;
}
div.umbraco-forms-form form h4, div.chatviewer-confroom-container div.umbraco-forms-form form h4 {
  font-family: "ff-meta-web-pro-condensed";
  color: #127982;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0.25em;
}
div.umbraco-forms-form form .checkbox, div.chatviewer-confroom-container div.umbraco-forms-form form .checkbox {
  padding-block: 0px;
  padding-top: 5px;
}
div.umbraco-forms-form form .singlechoice, div.chatviewer-confroom-container div.umbraco-forms-form form .singlechoice { /*.radiobuttonlist { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; }*/ }
div.umbraco-forms-form form .multiplechoice, div.chatviewer-confroom-container div.umbraco-forms-form form .multiplechoice { /*.checkboxlist { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; }*/ }
div.umbraco-forms-form form .umbraco-forms-field-wrapper h2, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field-wrapper h2 {
  color: #13818b;
  font-size: 20px;
  padding: 10px 0 0 0;
}
div.umbraco-forms-form form .umbraco-forms-field-wrapper .checkboxlist .checkbox-group, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field-wrapper .checkboxlist .checkbox-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 0px;
  padding-block: 0px;
  padding-top: 10px;
}
div.umbraco-forms-form form .umbraco-forms-field-wrapper .radiobuttonlist .radiobox-group, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-field-wrapper .radiobuttonlist .radiobox-group {
  display: flex;
  flex-direction: row;
  margin-bottom: 0px;
}
div.umbraco-forms-form form input[type=submit], div.umbraco-forms-form form input[type=button], div.chatviewer-confroom-container div.umbraco-forms-form form input[type=submit], div.chatviewer-confroom-container div.umbraco-forms-form form input[type=button] {
  text-transform: capitalize;
  border-radius: 0;
  padding: 0.7em 1em;
  margin: 15px 0 0 0;
  text-decoration: none;
  font-weight: 500;
  background-color: #127982;
  border: none;
  transition: background-color 500ms ease-out 0ms, color 100ms ease-out 0ms;
}
div.umbraco-forms-form form input[type=submit].filterSearchInput, div.umbraco-forms-form form input[type=button].filterSearchInput, div.chatviewer-confroom-container div.umbraco-forms-form form input[type=submit].filterSearchInput, div.chatviewer-confroom-container div.umbraco-forms-form form input[type=button].filterSearchInput {
  margin: 0;
}
div.umbraco-forms-form form input[type=submit]:hover, div.umbraco-forms-form form input[type=button]:hover, div.chatviewer-confroom-container div.umbraco-forms-form form input[type=submit]:hover, div.chatviewer-confroom-container div.umbraco-forms-form form input[type=button]:hover {
  background-color: #64a33e;
}
div.umbraco-forms-form form .umbraco-forms-label, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-label {
  font-weight: 600;
}
div.umbraco-forms-form form .umbraco-forms-hidden, div.chatviewer-confroom-container div.umbraco-forms-form form .umbraco-forms-hidden {
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
}

body#ChatWindowId div#FrameContainer { /* Loading Section */ }
body#ChatWindowId div#FrameContainer ::-moz-focus-inner {
  border: none;
}
body#ChatWindowId div#FrameContainer .hide {
  display: none;
}
body#ChatWindowId div#FrameContainer .show {
  display: block;
}
body#ChatWindowId div#FrameContainer #chatRoomDialogueHeader .wb-icon-large {
  display: none;
}
body#ChatWindowId div#FrameContainer #chatRoomDialogueHeader h2 {
  display: none;
}
body#ChatWindowId div#FrameContainer h2#chatviewer-queue-welcome-message {
  display: none;
}
body#ChatWindowId div#FrameContainer #chatviewer-serverstatus img.disconnected {
  display: inline-block;
  margin: 0 auto -2px;
  width: 16px;
  height: 16px;
  content: url("/js/chat-frame/images/icons/Warning.png");
  background: url("/js/chat-frame/images/icons/Warning.png") center center no-repeat; /* For firefox & IE */
  background-size: contain;
}
body#ChatWindowId div#FrameContainer #chatviewer-serverstatus span {
  margin-left: 10px;
}
body#ChatWindowId div#FrameContainer #chatviewer-toolbar {
  padding: 0 0 8px 0;
  border: 0;
  text-align: center;
}
body#ChatWindowId div#FrameContainer .chatviewer-columntitle {
  position: relative;
  padding: 10px;
  height: 40px;
  font-size: 16px;
  text-align: center; /*border-bottom:1px solid #ccc;*/
  background-color: #ddd;
  box-sizing: border-box;
}
body#ChatWindowId div#FrameContainer #chatviewer-columntitle-actions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 11px 0 0;
}
body#ChatWindowId div#FrameContainer #chatviewer-usercolumn {
  display: none;
  float: left;
  width: 35%;
  padding: 10px 10px 0;
  box-sizing: border-box;
}
body#ChatWindowId div#FrameContainer #chatviewer-userlist span.username {
  padding-left: 4px;
}
body#ChatWindowId div#FrameContainer #chatviewer-userlist {
  border: 0;
  height: 400px;
  overflow: auto;
}
body#ChatWindowId div#FrameContainer .chatviewer-messagecolumn, body#ChatWindowId div#FrameContainer #chatviewer-messagecolumn {
  float: left;
  width: 100%;
  height: calc(100% - 110px); /* The "110px" in "calc(100% - 110px)" comes from .columntitle's height of 40px, .messagebarcontainer's height of 46px and padding of 12px (x2) */
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
}
body#ChatWindowId div#FrameContainer #chatviewer-sendemailbutton, body#ChatWindowId div#FrameContainer #chatviewer-closebutton, body#ChatWindowId div#FrameContainer #chatviewer-printbutton {
  margin-left: 10px;
  height: 28px;
  min-width: 60px;
}
body#ChatWindowId div#FrameContainer #chatviewer-messagelist {
  position: absolute;
  padding: 5px 10px;
  border: 1px solid #ddd;
  width: 100%;
  height: calc(100% - 110px);
  overflow-y: scroll;
  border-spacing: 0 5px;
  box-sizing: border-box;
}
body#ChatWindowId div#FrameContainer #chatviewer-contentarea {
  min-height: 400px;
  height: 100%;
}
body#ChatWindowId div#FrameContainer #chatviewer-contentarea #chatviewer-dialog {
  top: 10px !important;
}
@media only screen and (max-width: 40em) {
  body#ChatWindowId div#FrameContainer #chatviewer-contentarea {
    padding: 0%;
  }
}
body#ChatWindowId div#FrameContainer .chatviewer-messagecontainer {
  display: table;
  width: 100%;
}
body#ChatWindowId div#FrameContainer .chatviewer-messageheader {
  display: table-cell;
  padding: 5px 9px;
  width: 225px; /*font-weight:bold;*/
  color: #fff;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
body#ChatWindowId div#FrameContainer .chatviewer-messageheader-privatemessage {
  outline: 1px dashed #fff;
  outline-offset: -2px;
}
body#ChatWindowId div#FrameContainer .chatviewer-messagefrom, body#ChatWindowId div#FrameContainer .chatviewer-messagedate {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body#ChatWindowId div#FrameContainer .chatviewer-messagedate {
  font-style: italic;
}
body#ChatWindowId div#FrameContainer .chatviewer-message {
  display: table-cell;
  padding: 5px;
}
body#ChatWindowId div#FrameContainer .chatviewer-messageheader-special {
  float: right;
  font-weight: bold;
  font-style: italic;
  color: #fff;
}
body#ChatWindowId div#FrameContainer #chatviewer-messagebarcontainer {
  position: absolute;
  bottom: 0;
  padding: 12px 0;
  width: 100%;
  height: 46px;
  text-align: center;
  background-color: #ddd;
}
body#ChatWindowId div#FrameContainer #chatviewer-messagebar {
  margin: 0 10px;
  width: calc(100% - 200px);
  height: 2.6em;
  padding-left: 20px;
}
body#ChatWindowId div#FrameContainer #chatviewer-messagesubmitbutton {
  height: 40px;
  padding: 0 14px;
}
body#ChatWindowId div#FrameContainer #chatviewer-recaptcha-container {
  margin-top: 10px;
  text-align: center;
}
body#ChatWindowId div#FrameContainer #chatviewer-recaptcha {
  display: inline-block;
}
body#ChatWindowId div#FrameContainer .modal-backdrop.in {
  background-color: transparent !important;
}
body#ChatWindowId div#FrameContainer .focused { /* outline: 2px transparent solid !important; box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196, 0 0 4px 8px #F9F9D1 !important;*/ }

body#ChatWindowId div#FrameContainer .card {
  margin: 10px;
  width: 180px;
  height: 240px;
  border-color: darkgray !important;
}
body#ChatWindowId div#FrameContainer .card a {
  bottom: 20px;
  right: 28px;
  min-width: 44px;
  min-height: 44px;
}
body#ChatWindowId div#FrameContainer .card-title-text {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1rem;
}
body#ChatWindowId div#FrameContainer .card-subtitle-text {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.25rem;
}
body#ChatWindowId div#FrameContainer .card .card-header {
  color: #fff;
}
body#ChatWindowId div#FrameContainer .card .card-header.open {
  background-color: #64a33e;
}
body#ChatWindowId div#FrameContainer .card .card-header.closed {
  background-color: #A0957E;
}
body#ChatWindowId div#FrameContainer .card .card-header.error {
  background-color: #ED143D;
}
body#ChatWindowId div#FrameContainer #chatviewer-queue-container {
  margin: 10px;
  width: 100%;
  text-align: center;
}
body#ChatWindowId div#FrameContainer #chatviewer-queue-container table {
  margin: 0 auto;
}
@media only screen and (max-width: 40em) {
  body#ChatWindowId div#FrameContainer #chatviewer-queue-container {
    margin: 0px !important;
  }
}
body#ChatWindowId div#FrameContainer #chatviewer-loadingarea {
  padding-top: 100px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
}
body#ChatWindowId div#FrameContainer #chatviewer-loadingarea img.loading {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  content: url("/js/chat-frame/images/icons/Loading2.gif");
  background: url("/js/chat-frame/images/icons/Loading2.gif") center center no-repeat; /* For firefox & IE */
  background-size: contain;
}
body#ChatWindowId div#FrameContainer #chatviewer-loadingarea img.error {
  display: block;
  margin: 0 auto 10px;
  width: 24px;
  height: 24px;
  content: url("/js/chat-frame/images/icons/error24.png");
  background: url("/js/chat-frame/images/icons/error24.png") center center no-repeat; /* For firefox & IE */
  background-size: contain;
}
body#ChatWindowId div#FrameContainer #chatviewer-queue-welcome-message {
  font-weight: bold;
  font-size: 18px;
}
body#ChatWindowId div#FrameContainer #chatviewer-queue-selection-picker {
  margin: 10px;
  width: 400px;
}
body#ChatWindowId div#FrameContainer .chat-queue-card {
  display: inline-block;
  width: 250px;
  height: 95px;
  margin: 12px;
  padding: 0 0 5px;
  text-align: center;
  font-family: "ff-meta-web-pro-condensed";
  font-size: 11px;
  background-color: White;
  border: 1px solid #999;
  border-radius: 0;
  box-shadow: 2px 2px 2px #dddddd;
}
body#ChatWindowId div#FrameContainer .card.disabled {
  box-shadow: none;
  background-color: #efefef;
  color: #999;
}
body#ChatWindowId div#FrameContainer #chatviewer-queue-message-row {
  clear: both;
  margin: 16px auto;
  font-size: 18px;
  color: #ED143D;
}
body#ChatWindowId div#FrameContainer .queue-card-icon {
  float: left;
  margin: 6px 6px 0;
  max-width: 64px;
  min-width: 15px;
  height: 64px;
}
body#ChatWindowId div#FrameContainer .chat-queue-card .row {
  margin: 0 auto;
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body#ChatWindowId div#FrameContainer .chat-queue-card .row-with-icon {
  padding-left: 9px;
  padding-right: 5px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body#ChatWindowId div#FrameContainer .chat-queue-card .queue-card-name {
  font-size: 16px;
  font-weight: bold;
}
body#ChatWindowId div#FrameContainer .chat-queue-card .queue-card-message {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
}
body#ChatWindowId div#FrameContainer .chat-queue-card .queue-card-chatbutton {
  float: right;
  margin-right: 10px;
  padding: 0 8px;
  line-height: 22px;
  border-radius: 0;
}
body#ChatWindowId div#FrameContainer .chat-queue-card .queue-card-chatbutton:hover {
  background-color: #00EA00;
  cursor: pointer;
}
body#ChatWindowId div#FrameContainer img.chatbutton {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  content: url("/js/chat-frame/images/icons/chat.png");
  background: url("/js/chat-frame/images/icons/chat.png") center center no-repeat; /* For firefox & IE */
  background-size: contain;
}

body#ChatWindowId div#FrameContainer {
  /* Makes login form bootstrap modal scrollable when browser window zoomed. */
}
body#ChatWindowId div#FrameContainer .chatLogin {
  color: #127982;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.25em;
  margin-top: 0;
}
body#ChatWindowId div#FrameContainer #chatLoginSubmit {
  min-width: 44px;
  min-height: 44px;
  border: none;
}
body#ChatWindowId div#FrameContainer .chatviewer-form-legend {
  display: block;
  text-align: center;
  margin-bottom: 16px;
}
body#ChatWindowId div#FrameContainer .validation {
  color: #f00;
  margin-left: 34%;
  margin-top: 1%;
  font-style: italic;
}
body#ChatWindowId div#FrameContainer #chatviewer-form-container input:invalid {
  border-right: 2px solid #F00;
}
body#ChatWindowId div#FrameContainer .actions {
  margin: 20px 0;
}
body#ChatWindowId div#FrameContainer .modal-body {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
body#ChatWindowId div#FrameContainer img.help-icon {
  margin-left: 10px;
  margin-top: 10px;
  width: 16px;
  height: 16px;
  content: url("/js/chat-frame/images/icons/help_icon.png");
  background: url("/js/chat-frame/images/icons/help_icon.png") center center no-repeat; /* For firefox & IE */
  background-size: contain;
}
body#ChatWindowId div#FrameContainer .focused { /*outline: 2px transparent solid !important; box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196, 0 0 4px 8px #F9F9D1 !important;*/ }

body#ChatWindowId div#FrameContainer body {
  margin: 0px;
}
body#ChatWindowId div#FrameContainer [type=text], body#ChatWindowId div#FrameContainer [type=password], body#ChatWindowId div#FrameContainer [type=date], body#ChatWindowId div#FrameContainer [type=datetime], body#ChatWindowId div#FrameContainer [type=datetime-local], body#ChatWindowId div#FrameContainer [type=month], body#ChatWindowId div#FrameContainer [type=week], body#ChatWindowId div#FrameContainer [type=email], body#ChatWindowId div#FrameContainer [type=number], body#ChatWindowId div#FrameContainer [type=search], body#ChatWindowId div#FrameContainer [type=tel], body#ChatWindowId div#FrameContainer [type=time], body#ChatWindowId div#FrameContainer [type=url], body#ChatWindowId div#FrameContainer [type=color], body#ChatWindowId div#FrameContainer textarea {
  margin: 0;
  font-family: "ff-meta-web-pro";
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  background-color: #ffffff;
}
body#ChatWindowId div#FrameContainer [type=submit], body#ChatWindowId div#FrameContainer [type=button] {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: auto;
  text-transform: uppercase;
  color: #ffffff;
}
body#ChatWindowId div#FrameContainer [type=search] {
  border: 1px solid #95989a;
  border-radius: 0px;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #303133;
}
body#ChatWindowId div#FrameContainer .button, body#ChatWindowId div#FrameContainer .button.disabled, body#ChatWindowId div#FrameContainer .button[disabled], body#ChatWindowId div#FrameContainer .button.disabled:hover, body#ChatWindowId div#FrameContainer .button[disabled]:hover, body#ChatWindowId div#FrameContainer .button.disabled:focus, body#ChatWindowId div#FrameContainer .button[disabled]:focus {
  background-color: #127982;
  color: #ffffff;
  font-size: 0.9rem;
  border: none;
  font-family: "ff-meta-web-pro";
  font-weight: 500;
}
body#ChatWindowId div#FrameContainer .button:hover, body#ChatWindowId div#FrameContainer .button:focus {
  background-color: #64a33e;
  color: #ffffff;
}
body#ChatWindowId div#FrameContainer .button.primary {
  background-color: #127982;
  color: #ffffff;
}
body#ChatWindowId div#FrameContainer .button.primary:hover, body#ChatWindowId div#FrameContainer .button.primary:focus {
  background-color: #64a33e;
  color: #ffffff;
}
body#ChatWindowId div#FrameContainer #header {
  text-align: center;
  padding: 5px;
  width: 100%;
  background-color: #127982;
  border: 0 !important;
  border-radius: 0 !important;
}
body#ChatWindowId div#FrameContainer h1 {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 28px !important;
  line-height: 70px !important;
}
body#ChatWindowId div#FrameContainer #main {
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
body#ChatWindowId div#FrameContainer #footer {
  display: none;
  position: fixed;
  bottom: 0px;
  padding: 20px;
  width: 100%;
  line-height: 30px;
  background-color: #127982;
  box-sizing: border-box;
  border-top: #f6f6f6 solid 1px;
}
body#ChatWindowId div#FrameContainer .floatleft {
  float: left;
}
body#ChatWindowId div#FrameContainer .floatright {
  float: right;
  margin-top: 10px;
}
body#ChatWindowId div#FrameContainer .clearboth {
  clear: both;
}
body#ChatWindowId div#FrameContainer header, body#ChatWindowId div#FrameContainer .modal-header {
  justify-content: initial !important;
}
body#ChatWindowId div#FrameContainer header h2, body#ChatWindowId div#FrameContainer .modal-header h2 {
  color: #0A4A8A;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 4px;
  font-size: 24px;
}
body#ChatWindowId div#FrameContainer header i, body#ChatWindowId div#FrameContainer .modal-header i {
  background-color: #0A4A8A;
  -webkit-mask-image: url(/js/chat-frame/images/icons/icons_chat.svg);
  mask-image: url(/js/chat-frame/images/icons/icons_chat.svg);
  background-size: 35px 35px;
  display: inline-block;
  height: 35px;
  width: 35px;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
}
body#ChatWindowId div#FrameContainer .hidden {
  display: none;
}
body#ChatWindowId div#FrameContainer outer-window header {
  padding: 10px;
  display: flex;
  border-top: gray solid 1px;
  border-right: gray solid 1px;
  border-left: gray solid 1px;
  border-bottom: #f6f6f6 solid 1px;
  height: 60px;
  border-radius: 0;
  background: #fff;
  background: -moz-linear-gradient(bottom, #D9E9F7 0%, #fff 100%);
  background: -webkit-linear-gradient(bottom, #D9E9F7 0%, #fff 100%);
  background: linear-gradient(to top, #D9E9F7 0%, #fff 100%);
}
body#ChatWindowId div#FrameContainer outer-window content > div {
  border-right: gray solid 1px;
  border-left: gray solid 1px;
}
body#ChatWindowId div#FrameContainer outer-window footer {
  height: 50px;
  border-radius: 0;
  background: #fff;
  border-top: #f6f6f6 solid 1px;
  border-bottom: gray solid 1px;
  border-right: gray solid 1px;
  border-left: gray solid 1px;
}
body#ChatWindowId div#FrameContainer outer-window footer img {
  margin: 8px 10px 0 0;
  float: right;
}
body#ChatWindowId div#FrameContainer button#btn-endchat {
  padding: 0px 10px;
  margin: 10px 10px 0 0;
  border-color: #357EBD !important;
  background-color: #357EBD;
  position: absolute;
  right: 0px;
  min-width: 44px;
  min-height: 44px;
}
body#ChatWindowId div#FrameContainer #header {
  border-radius: 0 !important;
}
body#ChatWindowId div#FrameContainer #header i.fa-comments::before {
  content: "🗪";
  position: relative;
  top: -2px;
  font-size: 28px;
}

body#ChatWindowId div#FrameContainer {
  /* Height: chat-header (15%) + chat-area (85%) = 100% */
  /* Container for status, text resize buttons, sound button, export button. */
  /* Container for chat conversation, typing status, pause/resume button, {x} unread messages notification, text area, send button.  */
  /* Height: chat-conversation (55%) + chat-typing-area (15%) + chat-flow (15%) + chat-texting(15%) = 100% */
  /* Container for typing status. */
  /* Container for pause/resume button and {x} unread messages notification. */
  /* Container for textarea and send button. */
}
body#ChatWindowId div#FrameContainer .custom-gradient {
  background: linear-gradient(to top, #007bff 0%, #fff 50%);
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 0px;
  cursor: pointer;
}
body#ChatWindowId div#FrameContainer .custom-grouped {
  display: inline-block;
  margin: 0 5px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0px;
  background-color: #f8f9fa;
  cursor: pointer;
}
body#ChatWindowId div#FrameContainer .custom-speaker {
  background-image: url("../../../SCSS/sol.org/path/to/speaker-icon.svg");
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
}
body#ChatWindowId div#FrameContainer .custom-mute {
  background-image: url("../../../SCSS/sol.org/path/to/mute-icon.svg");
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
}
body#ChatWindowId div#FrameContainer .btn-menu {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 0px;
}
body#ChatWindowId div#FrameContainer .separator {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
  padding: 5px 0;
  text-align: center;
  color: #555;
}
body#ChatWindowId div#FrameContainer #chatModalContentParent {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
body#ChatWindowId div#FrameContainer #chatModalContent {
  flex: 1;
  height: 400px;
  max-height: calc(100vh - 30px);
  overflow-y: unset;
}
body#ChatWindowId div#FrameContainer #chatModalContent #chatRoomDialogueHeader {
  height: 5%;
}
body#ChatWindowId div#FrameContainer #chatModalContent #chatRoomDialogueMain {
  height: 95%;
}
body#ChatWindowId div#FrameContainer #chatModalContent #chatRoomDialogueFooter {
  height: 0%;
}
body#ChatWindowId div#FrameContainer #chatModalContent #chatRoomDialogueMain #chatRoomComponent {
  height: 100%;
}
body#ChatWindowId div#FrameContainer chat-header {
  height: 15%;
  width: auto;
  display: block;
  padding: 0 20px 0 20px;
  overflow-y: auto;
  border-bottom: #f6f6f6 solid 1px;
}
body#ChatWindowId div#FrameContainer chat-toolbar { /*float: right; top: 10px; position: relative;*/ }
body#ChatWindowId div#FrameContainer chat-toolbar button {
  min-height: 44px;
  min-width: 44px;
}
body#ChatWindowId div#FrameContainer .btn-hidden {
  display: none;
}
body#ChatWindowId div#FrameContainer .btn-disabled {
  opacity: 0.5;
}
body#ChatWindowId div#FrameContainer button {
  background-color: #127982;
  color: #ffffff;
  border-radius: 0;
  border: none;
}
body#ChatWindowId div#FrameContainer button#btn-cobrowse i {
  background-color: #fff;
  min-height: 26px;
  min-width: 26px;
  margin-right: 10px;
  display: inline-block;
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_windows.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_windows.svg);
}
body#ChatWindowId div#FrameContainer button#btn-speaker i.speaker {
  background-color: #0D63BB;
  min-height: 44px;
  min-width: 44px;
  display: inline-block;
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_unmute.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_unmute.svg);
}
body#ChatWindowId div#FrameContainer button#btn-speaker i.mute {
  background-color: #0D63BB;
  min-height: 44px;
  min-width: 44px;
  display: inline-block;
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_mute.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_mute.svg);
}
body#ChatWindowId div#FrameContainer button#btn-upload i {
  min-height: 44px;
  min-width: 44px;
  display: inline-block;
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_upload.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_upload.svg);
}
body#ChatWindowId div#FrameContainer .btn-menu {
  width: 50px;
}
body#ChatWindowId div#FrameContainer hr#btn-menu-hr {
  margin: 4px 0 4px 0;
}
body#ChatWindowId div#FrameContainer chat-area {
  height: 85%;
  width: 100%;
  display: inline-block;
  position: relative;
}
body#ChatWindowId div#FrameContainer chat-conversation {
  height: 78% !important; /*87% !important;*/
  width: 100%;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
body#ChatWindowId div#FrameContainer chat-typing-area {
  height: 10%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: bottom;
  overflow-y: hidden;
}
body#ChatWindowId div#FrameContainer chat-typing-message {
  color: #303133;
  font-style: italic;
  margin-left: 3%;
}
body#ChatWindowId div#FrameContainer chat-typing-message .message-text {
  margin: 2px 0 0 0;
}
body#ChatWindowId div#FrameContainer chat-flow {
  height: 15%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  overflow-y: auto;
}
body#ChatWindowId div#FrameContainer chat-flow .unread-messages {
  margin-top: 3%;
  margin-right: 45%;
  font-size: 12pt;
  white-space: nowrap;
}
body#ChatWindowId div#FrameContainer chat-flow button {
  height: 80%;
  margin-top: 1%;
  margin-right: 1%;
  min-width: 44px;
  min-height: 44px;
  font-size: 12pt;
}
body#ChatWindowId div#FrameContainer chat-texting {
  height: 15%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: center;
  border-top: #f6f6f6 solid 1px;
  border-bottom: #f6f6f6 solid 1px;
  overflow-y: auto;
}
body#ChatWindowId div#FrameContainer textarea {
  height: 80%;
  margin-top: 1%;
  margin-bottom: 1%;
  min-width: 44px;
  min-height: 44px;
  border-radius: 0px;
  font-size: 100%;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
  background-color: #fff !important;
  color: #333;
  background: 0 0;
  overflow: hidden !important;
  border-color: #c5c5c5;
  border-width: 2px;
}
body#ChatWindowId div#FrameContainer chat-texting textarea.message-text {
  font-weight: 300;
  height: 70%;
  width: 80%;
  margin-left: 1%;
  margin-top: 1%;
  min-width: 44px;
  min-height: 44px;
}
body#ChatWindowId div#FrameContainer #btn-send {
  background-color: #127982;
  height: 44px;
  width: 20%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 1%;
  min-width: 44px;
  min-height: 44px;
}
body#ChatWindowId div#FrameContainer ::-webkit-input-placeholder {
  color: #303133;
}
body#ChatWindowId div#FrameContainer :-ms-input-placeholder {
  color: #303133;
}
body#ChatWindowId div#FrameContainer ::placeholder {
  color: #303133;
}
body#ChatWindowId div#FrameContainer .separator {
  width: 100%;
  text-align: center;
  line-height: 0.5em;
  margin: 10px 0 20px;
}
body#ChatWindowId div#FrameContainer .separator span {
  background: #F2F2F2;
  padding: 0 10px;
}
body#ChatWindowId div#FrameContainer #user-text {
  font-weight: bold;
  padding-right: 6px;
  vertical-align: middle;
}
body#ChatWindowId div#FrameContainer #message-text {
  font-weight: 300;
  vertical-align: middle;
  white-space: pre-wrap;
}
body#ChatWindowId div#FrameContainer message i {
  margin-bottom: -12px;
  width: 36px;
  height: 36px;
  display: inline-block;
}
body#ChatWindowId div#FrameContainer message i.system {
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_settings.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_settings.svg);
}
body#ChatWindowId div#FrameContainer message i.agent {
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_call-center-agent.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_call-center-agent.svg);
}
body#ChatWindowId div#FrameContainer message i.manager {
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_call-center-agent.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_call-center-agent.svg);
}
body#ChatWindowId div#FrameContainer message i.customer {
  -webkit-mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_user.svg);
  mask-image: url(/js/chat-frame/chatroom-plugin/icons/icons_user.svg);
}
body#ChatWindowId div#FrameContainer status {
  font-weight: bold;
  display: inline-block;
  padding: 16px 0 0 0;
}
body#ChatWindowId div#FrameContainer status.connected {
  color: #64a33e;
}
body#ChatWindowId div#FrameContainer status.waiting {
  color: #e37222;
}
body#ChatWindowId div#FrameContainer status.ended {
  color: #95989a;
}
body#ChatWindowId div#FrameContainer status.closed {
  color: #95989a;
}
body#ChatWindowId div#FrameContainer .fa {
  padding: 8px;
}
@keyframes blink1 {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes blink2 {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes blink3 {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes blink4 {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.1;
  }
}
body#ChatWindowId div#FrameContainer .dot {
  margin-right: 10px;
  position: relative;
  top: 4px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
}
body#ChatWindowId div#FrameContainer .dot.animated {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
body#ChatWindowId div#FrameContainer .dot.animated.shade1 {
  animation-name: blink1;
  animation-delay: 0.1s;
}
body#ChatWindowId div#FrameContainer .dot.animated.shade2 {
  animation-name: blink2;
  animation-delay: 0.2s;
}
body#ChatWindowId div#FrameContainer .dot.animated.shade3 {
  animation-name: blink3;
  animation-delay: 0.3s;
}
body#ChatWindowId div#FrameContainer .dot.animated.shade4 {
  animation-name: blink4;
  animation-delay: 0.4s;
}
body#ChatWindowId div#FrameContainer status.connected .dot {
  background-color: #64a33e;
}
body#ChatWindowId div#FrameContainer status.waiting .dot {
  background-color: #e37222 !important;
}
body#ChatWindowId div#FrameContainer status.ended .dot {
  background-color: #D9D9D6;
}
body#ChatWindowId div#FrameContainer status.closed .dot {
  background-color: #D9D9D6;
}
body#ChatWindowId div#FrameContainer message-line {
  display: inline-grid;
  position: relative;
  width: 90%;
  min-height: 40px;
  margin-left: 15px;
}
body#ChatWindowId div#FrameContainer message-line.system {
  margin: 20px 0 20px 15px;
  text-align: -webkit-center;
}
body#ChatWindowId div#FrameContainer message-timestamp {
  align-self: center;
}
body#ChatWindowId div#FrameContainer button {
  color: #fff !important;
  font-size: 0.9rem;
  border-color: #127982;
  background-color: #127982;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  cursor: pointer;
}
body#ChatWindowId div#FrameContainer #resizeButtons {
  min-height: 44px;
}
body#ChatWindowId div#FrameContainer button.grouped {
  min-height: 44px;
  min-width: 44px;
  border-radius: 0px; /* padding: 0px 12px; */
  background: #fff;
  margin: 1px;
}
body#ChatWindowId div#FrameContainer button.grouped.small-text {
  padding-top: 4px;
  line-height: 20px;
  font-weight: bold;
  font-size: 12pt;
  border-right: 0;
}
body#ChatWindowId div#FrameContainer button.grouped.medium-text {
  padding-top: 3px;
  line-height: 20px;
  font-weight: bold;
  font-size: 16pt;
}
body#ChatWindowId div#FrameContainer button.grouped.large-text {
  padding-top: 2px;
  line-height: 20px;
  font-weight: bold;
  font-size: 20pt;
  border-left: 0;
}
body#ChatWindowId div#FrameContainer button.grouped.extra-large-text {
  padding-top: 1px;
  line-height: 20px;
  font-weight: bold;
  font-size: 24pt;
  border-left: 0;
}
body#ChatWindowId div#FrameContainer button.gradient {
  padding: 0 8px 0 8px;
  color: #0D63BB !important;
  background: #fff;
  background: -moz-linear-gradient(bottom, #f6f6f6 0%, #fff 100%);
  background: -webkit-linear-gradient(bottom, #f6f6f6 0%, #fff 100%);
  background: linear-gradient(to top, #f6f6f6 0%, #fff 100%);
}
body#ChatWindowId div#FrameContainer .focused { /*outline: 2px transparent solid !important; box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196, 0 0 4px 8px #F9F9D1 !important;*/ }

body#ChatWindowId div#FrameContainer chat-area .line message-line {
  grid-template-columns: 85% 20%;
}
body#ChatWindowId div#FrameContainer chat-area.line message {
  justify-self: left;
  position: relative;
  display: block;
  padding: 10px 10px;
  margin: 5px;
  color: #303133;
}
body#ChatWindowId div#FrameContainer chat-area.line message.system {
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;
}
body#ChatWindowId div#FrameContainer chat-area.line message.system:after, body#ChatWindowId div#FrameContainer message.system:before {
  display: none;
}
body#ChatWindowId div#FrameContainer chat-area.line message.me {
  overflow: hidden;
  justify-self: right;
  margin-right: 20px;
  border-color: #72ADE0;
}
body#ChatWindowId div#FrameContainer chat-area.line message-timestamp {
  padding-left: 8px;
  border-left: #f6f6f6 solid 2px;
}

body#ChatWindowId div#FrameContainer chat-area .block message-line {
  grid-template-columns: 95% 15%;
}
body#ChatWindowId div#FrameContainer chat-area.block message {
  justify-self: left;
  position: relative;
  display: block;
  padding: 2px 20px 10px 10px;
  margin: 5px;
  color: #303133;
  border-radius: 0px;
  border-style: solid;
  border-color: #0D63BB;
}
body#ChatWindowId div#FrameContainer chat-area.block message.system {
  border-radius: 0px;
  background-color: #F2F2F2;
  box-shadow: 1px 1px 3px grey;
}
body#ChatWindowId div#FrameContainer chat-area.block message.system:after, body#ChatWindowId div#FrameContainer message.system:before {
  display: none;
}
body#ChatWindowId div#FrameContainer chat-area.block message.me {
  overflow: hidden;
  max-width: 80%;
  justify-self: right;
  margin-right: 20px;
}
body#ChatWindowId div#FrameContainer chat-area.block message:after, body#ChatWindowId div#FrameContainer message:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body#ChatWindowId div#FrameContainer chat-area.block message:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
body#ChatWindowId div#FrameContainer chat-area.block message:before {
  border-color: rgba(10, 10, 173, 0);
  border-right-color: inherit;
  border-width: 14px;
  margin-top: -14px;
}
body#ChatWindowId div#FrameContainer chat-area.block message.me:after, body#ChatWindowId div#FrameContainer message.me:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body#ChatWindowId div#FrameContainer chat-area.block message.me:after {
  right: -20px;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
body#ChatWindowId div#FrameContainer chat-area.block message.me:before {
  right: -28px;
  border-color: rgba(10, 10, 173, 0);
  border-left-color: inherit;
  border-width: 14px;
  margin-top: -14px;
}