@import "webfonts/icons.css";

:root {
  --lightLavender: #EEF1FF;
  --lavender: #ACBAFF;
  --darkLavender: #4E6DDF;
  --orchid: #B97BE6;
  --darkPurple: #240F35;
  --lightPurple: #44265D;
  --richTurquoise: #4ECEC8;
  --lightTurquoise: #8BE9E4;
  --softYellow: #FEFDF9;
  --burntOrange: #F78253;
  --honeyYellow: #F9C239;
  --darkYellow: #FBF9F3;

  --gray100: #F1F1F1;
  --gray200: #F9F9F9;
  --gray300: #F6F6F6;
  --gray400: #F3F3F3;
  --gray500: #E8E8E8;
  --gray600: #DDDDDD;
  --gray700: #D1D1D1;
  --gray800: #8C8C8C;
  --gray900: #595959;

  --blue: #007aff;
  --black: #000000;
  --green: #02c28a;
  --red: #ef3a51;
  --orange: #ff5f3a;
  --yellow: #ffd369;
  --white: #FFFFFF;
  --pink: #f73469;
  --purple: #743cf7;
  --lightBlue: #0dcdde;
  --lightGray: #d9d9dc;
  --blueGray: #8e9aa1;
  --darkBlue: #262d43;
  --darkGray: #34373a;
  --darkGreen: #00825c;
  --extraLightGray: var(--gray200);

  --clGreen: var(--green);
  --teal: var(--lightBlue);

  --primaryColor: var(--blue);
  --primaryOpacity: rgba(27, 145, 245, 0.5);
  --secondaryColor: var(--blueGray);
  --linkColor: var(--blue);
  --fontColor: #3b454c;

  --borderColor: var(--lightGray);
  --backgroundColor: var(--white);
  --background: var(--white);
  --backgroundClient: var(--gray200);
  --greenDarken10: #019066;
}

html,body {
    width: 100%;
    margin: 0;
    padding: 0
}
html{
  font-size: 62.5%;
}
body{
  height: 100%;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-weight: 400;
  color: var(--darkBlue);
  background: var(--gray200);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
b{
  font-weight: 600;
}
a{
  color: var(--blue);
  text-decoration: none;
}
a:hover, a:focus{
  color: #075ba3;
  cursor: pointer;
}
h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
hr{
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #d9d9dc;
}
.thin {
    font-weight: 400;
}
.thinfont {
    font-weight: 400;
}
.mega {
    font-size: 6.0rem;
    line-height: 1;
    letter-spacing: -.1rem
}
h1,.h1 {
    font-size: 4.0rem;
    line-height: 1.2;
}
h2,.h2 {
    font-size: 3.6rem;
    line-height: 1.25;
}
h3,.h3 {
    font-size: 3.0rem;
    line-height: 1.3;
}
h4,.h4 {
    font-size: 2.4rem;
    line-height: 1.35;
}
h5,.h5 {
    font-size: 1.8rem;
    line-height: 1.5;
}
h6,.h6 {
    font-size: 1.5rem;
    line-height: 1.6;
}
@media (min-width: 550px) {
    h1,.h1 {
        font-size:5.0rem
    }
    h2,.h2 {
        font-size: 4.2rem
    }
    h3,.h3 {
        font-size: 3.6rem
    }
    h4,.h4 {
        font-size: 3.0rem
    }
    h5,.h5 {
        font-size: 2.0rem
    }
    h6,.h6 {
        font-size: 1.5rem
    }
}
p {
    margin-top: 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.blue-gray {
    color: var(--blueGray) !important;
}
.light-gray {
    color: #d9d9dc !important;
}
.light-blue{
  color: var(--lightBlue) !important;
}
.green {
    color: var(--clGreen) !important;
}
.blue {
    color: var(--primaryColor) !important;
}
.orange {
    color: var(--burntOrange) !important;
}
.pink {
  color: var(--pink) !important;
}
.red {
  color: var(--red) !important;
}
.yellow {
    color: var(--honeyYellow) !important;
}
.white {
    color: var(--white) !important;
}
.black{
  color: black !important;
}
.blue-gray-bg {
    background-color: var(--blueGray) !important;
}
.green-bg {
    background-color: var(--green) !important;
}
.blue-bg {
    background-color: var(--blue) !important;
}
.orange-bg {
    background-color: var(--orange) !important;
}
.yellow-bg {
    background-color: var(--yellow) !important;
}
.pink-bg {
  background-color: var(--pink) !important;
}
.red-bg {
  background-color: var(--red) !important;
}
.blue-gray-border {
    border-color: var(--blueGray) !important;
}
.green-border {
    border-color: var(--green) !important;
}
.blue-border {
    border-color: var(--blue) !important;
}
.orange-border {
    border-color: var(--orange) !important;
}
.yellow-border {
    border-color: var(--yellow) !important;
}
.light-gray-border {
    border-color: #d9d9dc !important;
}
.bold {
    font-weight: 600;
}
.italic {
    font-style: italic
}
.underline {
    text-decoration: underline
}
.small-text {
    font-size: .9em
}
.tiny-text {
    font-size: .75em
}
.big-text {
    font-size: 1.2em
}
.ib{
  display: inline-block;
}
.d0{
  margin-bottom: 0;
}
.d10{
  margin-bottom: 10px;
}
.d20{
  margin-bottom: 20px;
}
.t0{
  margin-top: 0px;
}
.t10{
  margin-top: 10px;
}
.t20{
  margin-top: 20px;
}
.r10{
  margin-right: 10px;
}
.r20{
  margin-right: 20px;
}
.l10{
  margin-left: 10px;
}
.l20{
  margin-left: 20px;
}
.right{
  float: right;
}
.flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* Front Chat */
#front-chat-container {
    right: 12px !important;
}
#front-chat-container .fc-3xgLq {
    width: 35px !important;
    height: 35px !important;
    right: -5px;
    bottom: -9px;
}