.lay:not(.sub) {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lay:not(.sub).wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.lay.d-h {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.lay.d-v {
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 991px) {
  .lay.dtm-h {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .lay.dtm-v {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
  .lay.dt-h {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .lay.dt-v {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
  .lay.dm-h {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .lay.dm-v {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
.lay.s12:not(.sub) > *:not(.no-lay),
.lay.s12.sub {
  width: 100% !important;
}
.lay.s11:not(.sub) > *:not(.no-lay),
.lay.s11.sub {
  width: 91.66666667%;
}
.lay.s10:not(.sub) > *:not(.no-lay),
.lay.s10.sub {
  width: 83.33333333%;
}
.lay.s9:not(.sub) > *:not(.no-lay),
.lay.s9.sub {
  width: 75%;
}
.lay.s8:not(.sub) > *:not(.no-lay),
.lay.s8.sub {
  width: 66.66666667%;
}
.lay.s7:not(.sub) > *:not(.no-lay),
.lay.s7.sub {
  width: 58.33333333%;
}
.lay.s6:not(.sub) > *:not(.no-lay),
.lay.s6.sub {
  width: 50%;
}
.lay.s5:not(.sub) > *:not(.no-lay),
.lay.s5.sub {
  width: 41.66666667%;
}
.lay.s4:not(.sub) > *:not(.no-lay),
.lay.s4.sub {
  width: 33.33333333%;
}
.lay.s3:not(.sub) > *:not(.no-lay),
.lay.s3.sub {
  width: 25%;
}
.lay.s2:not(.sub) > *:not(.no-lay),
.lay.s2.sub {
  width: 16.66666667%;
}
.lay.s1:not(.sub) > *:not(.no-lay),
.lay.s1.sub {
  width: 8.33333333%;
}
@media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 991px) {
  .lay.tm12:not(.sub) > *:not(.no-lay).s-pad,
  .lay.tm12.sub.s-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .lay.tm12:not(.sub) > *:not(.no-lay),
  .lay.tm12.sub {
    width: 100% !important;
  }
  .lay.tm11:not(.sub) > *:not(.no-lay),
  .lay.tm11.sub {
    width: 91.66666667%;
  }
  .lay.tm10:not(.sub) > *:not(.no-lay),
  .lay.tm10.sub {
    width: 83.33333333%;
  }
  .lay.tm9:not(.sub) > *:not(.no-lay),
  .lay.tm9.sub {
    width: 75%;
  }
  .lay.tm8:not(.sub) > *:not(.no-lay),
  .lay.tm8.sub {
    width: 66.66666667%;
  }
  .lay.tm7:not(.sub) > *:not(.no-lay),
  .lay.tm7.sub {
    width: 58.33333333%;
  }
  .lay.tm6:not(.sub) > *:not(.no-lay),
  .lay.tm6.sub {
    width: 50%;
  }
  .lay.tm5:not(.sub) > *:not(.no-lay),
  .lay.tm5.sub {
    width: 41.66666667%;
  }
  .lay.tm4:not(.sub) > *:not(.no-lay),
  .lay.tm4.sub {
    width: 33.33333333%;
  }
  .lay.tm3:not(.sub) > *:not(.no-lay),
  .lay.tm3.sub {
    width: 25%;
  }
  .lay.tm2:not(.sub) > *:not(.no-lay),
  .lay.tm2.sub {
    width: 16.66666667%;
  }
  .lay.tm1:not(.sub) > *:not(.no-lay),
  .lay.tm1.sub {
    width: 8.33333333%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
  .lay.t12:not(.sub) > *:not(.no-lay).s-pad,
  .lay.t12.sub.s-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .lay.t12:not(.sub) > *:not(.no-lay),
  .lay.t12.sub {
    width: 100% !important;
  }
  .lay.t11:not(.sub) > *:not(.no-lay),
  .lay.t11.sub {
    width: 91.66666667%;
  }
  .lay.t10:not(.sub) > *:not(.no-lay),
  .lay.t10.sub {
    width: 83.33333333%;
  }
  .lay.t9:not(.sub) > *:not(.no-lay),
  .lay.t9.sub {
    width: 75%;
  }
  .lay.t8:not(.sub) > *:not(.no-lay),
  .lay.t8.sub {
    width: 66.66666667%;
  }
  .lay.t7:not(.sub) > *:not(.no-lay),
  .lay.t7.sub {
    width: 58.33333333%;
  }
  .lay.t6:not(.sub) > *:not(.no-lay),
  .lay.t6.sub {
    width: 50%;
  }
  .lay.t5:not(.sub) > *:not(.no-lay),
  .lay.t5.sub {
    width: 41.66666667%;
  }
  .lay.t4:not(.sub) > *:not(.no-lay),
  .lay.t4.sub {
    width: 33.33333333%;
  }
  .lay.t3:not(.sub) > *:not(.no-lay),
  .lay.t3.sub {
    width: 25%;
  }
  .lay.t2:not(.sub) > *:not(.no-lay),
  .lay.t2.sub {
    width: 16.66666667%;
  }
  .lay.t1:not(.sub) > *:not(.no-lay),
  .lay.t1.sub {
    width: 8.33333333%;
  }
}
@media only screen and (max-width: 599px) {
  .lay.m12:not(.sub) > *:not(.no-lay).s-pad,
  .lay.m12.sub.s-pad {
    padding-left: 0;
    padding-right: 0;
  }
  .lay.m12:not(.sub) > *:not(.no-lay),
  .lay.m12.sub {
    width: 100% !important;
  }
  .lay.m11:not(.sub) > *:not(.no-lay),
  .lay.m11.sub {
    width: 91.66666667%;
  }
  .lay.m10:not(.sub) > *:not(.no-lay),
  .lay.m10.sub {
    width: 83.33333333%;
  }
  .lay.m9:not(.sub) > *:not(.no-lay),
  .lay.m9.sub {
    width: 75%;
  }
  .lay.m8:not(.sub) > *:not(.no-lay),
  .lay.m8.sub {
    width: 66.66666667%;
  }
  .lay.m7:not(.sub) > *:not(.no-lay),
  .lay.m7.sub {
    width: 58.33333333%;
  }
  .lay.m6:not(.sub) > *:not(.no-lay),
  .lay.m6.sub {
    width: 50%;
  }
  .lay.m5:not(.sub) > *:not(.no-lay),
  .lay.m5.sub {
    width: 41.66666667%;
  }
  .lay.m4:not(.sub) > *:not(.no-lay),
  .lay.m4.sub {
    width: 33.33333333%;
  }
  .lay.m3:not(.sub) > *:not(.no-lay),
  .lay.m3.sub {
    width: 25%;
  }
  .lay.m2:not(.sub) > *:not(.no-lay),
  .lay.m2.sub {
    width: 16.66666667%;
  }
  .lay.m1:not(.sub) > *:not(.no-lay),
  .lay.m1.sub {
    width: 8.33333333%;
  }
}
#closeChat {
  background-color: transparent;
  color: white;
  border: none;
}
#closeChat i {
  font-size: 1.4em;
}
#closeChat:focus {
  outline: none;
  color: black;
}
.textChat {
  margin-bottom: 5px;
  color: #848484;
}