/* greenschedule for st patricks day? 00ffba */
.input-sizer.focussed {
  height: auto !important; }

.input-sizer {
  display: inline-grid;
  vertical-align: top;
  align-items: center;
  position: relative;
  border: solid 1px #D9D8D8;
  padding: .25em .5em;
  width: 292px;
  min-height: 35px;
  height: 35px;
  cursor: text;
  line-height: 25px; }
  .input-sizer.stacked {
    align-items: stretch; }
    .input-sizer.stacked::after,
    .input-sizer.stacked input,
    .input-sizer.stacked textarea {
      grid-area: 2 / 1; }
  .input-sizer::after,
  .input-sizer input,
  .input-sizer textarea {
    color: #000000;
    width: auto;
    min-width: 1em;
    grid-area: 1 / 2;
    font: inherit;
    margin: 0;
    resize: none;
    background: none;
    appearance: none;
    border: none;
    font-size: 14px;
    overflow: hidden;
    /* added to hide bar in chrome */ }
  .input-sizer span {
    padding-left: 2px;
    color: #707070;
    font-size: 14px;
    font-weight: 500; }
  .input-sizer::after {
    content: attr(data-value) " ";
    visibility: hidden;
    white-space: pre-wrap; }
  .input-sizer:focus-within {
    outline: solid 2px #FFD100; }
    .input-sizer:focus-within > span {
      color: #707070; }
    .input-sizer:focus-within textarea:focus,
    .input-sizer:focus-within input:focus {
      outline: none; }

.border-color-red {
  border: 1px solid red !important; }

h6.form-success-message {
  color: #1dc116 !important;
  padding-left: 3px;
  padding-top: 25px;
  padding-bottom: 15px;
  display: none; }

.footer-container .action-button {
  position: relative;
  z-index: 2; }

.bold {
  font-weight: bold; }

q {
  font-style: italic; }

.width-20pc {
  width: 20% !important; }

body {
  font-family: 'work sans', sans-serif;
  overflow-x: hidden; }

.clear-after:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .clear-after {
  height: 1%; }

/*.flowstate-left {
  background:url(Group-21-2.png) left calc(50vw - 1650px) top 200px no-repeat;
  z-index: 1;

  //width:calc(200px + (1400px - 100vw));
  width:100%;

  border:1px solid red;
  height:1253px;
  position:absolute;
}*/
.flowstate-common {
  z-index: 1;
  background: url(images/flow/flow-lines-large1.webp) no-repeat;
  width: calc((100vw - 1300px)/2);
  position: absolute;
  min-height: 1200px; }

.flowstate-common-rotated90 {
  z-index: 1;
  background: url(images/flow/flow-lines-large1-rotated90.webp) no-repeat;
  width: calc((100vw - 1300px)/2);
  position: absolute;
  min-height: 1200px; }

.flow-lines-common-horizontal {
  z-index: 1;
  background: url(images/flow/flow-lines-horizontal1.webp) no-repeat;
  width: 100%;
  position: absolute;
  min-height: 357px; }

.flow-lines-common-horizontal-yellow {
  z-index: 1;
  background: url(images/flow/flow-lines-yellow-horizontal2.webp) no-repeat;
  width: 100%;
  position: absolute;
  min-height: 337px; }

.flowstate-full-width {
  top: -210px;
  background-size: cover;
  background-position-y: center; }

.flowstate-footer {
  min-height: 500px !important; }

.flowstate-left1 {
  background-position: right 0 top 0px; }

.flowstate-left2 {
  background-position: left 0 top -150px;
  transform: rotate(180deg);
  width: calc((100vw - 1450px)/2);
  min-height: 800px; }

.flowstate-left3 {
  background-position: left 0 top 560px;
  transform: rotate(180deg);
  width: calc((100vw - 1450px)/2);
  min-height: 1200px;
  top: 0px; }

.flowstate-left4 {
  background-position: right 0 top 0px;
  width: calc((100vw - 1450px)/2);
  min-height: 1200px;
  top: -550px; }

.flowstate-right1 {
  background-position: right 0 top 700px;
  top: 0px;
  right: 0px;
  transform: rotate(180deg); }

.flowstate-right2 {
  background-position: right 0 top 0px;
  right: 0px;
  top: 500px;
  transform: rotate(180deg); }

.flowstate-right3 {
  background-position: left 0px top 0px;
  right: 0px;
  bottom: 0px; }

.flowstate-inner-right1 {
  width: calc((100vw - 926px)/2);
  background-position: left 0 top -500px;
  right: 0px;
  top: 0px;
  display: relative; }

.hidden-overflow {
  overflow: hidden; }

.action-button {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; }
  .action-button a {
    display: inline-block;
    background-color: #707070;
    color: #FFD100;
    text-decoration: none;
    padding: 8px 15px; }
  .action-button a:hover {
    background-color: #626442; }

.yellow-top {
  background-color: #FFD100; }

.yellow-top h1 {
  color: #FFFFFF; }

.yellow-top h2 {
  color: #FFFFFF; }

h1 {
  font-size: 75px;
  font-weight: 700;
  line-height: 75px;
  text-align: left; }

.white-top {
  background-color: #FFFFFF; }

header {
  height: 40px;
  padding-top: 60px;
  padding-bottom: 90px;
  align-items: center;
  z-index: 2;
  position: relative; }

img.test-cover {
  object-fit: cover;
  height: 755px; }

img.test-cover2 {
  object-fit: cover;
  height: 555px; }

a.more-than {
  text-decoration: none;
  display: block;
  padding: 20px 20px 20px 20px; }

a.more-than h4 {
  color: #707070; }

a.more-than:hover {
  background-color: #ececec; }

a.more-than-selected {
  background-color: #ececec; }

.yellow-top header, .white-top header {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 3; }
  .yellow-top header nav, .white-top header nav {
    text-transform: uppercase;
    width: 100%; }
  .yellow-top header nav .container-fluid, .white-top header nav .container-fluid {
    width: 100%; }
  .yellow-top header a.dropdown-toggle, .white-top header a.dropdown-toggle {
    text-decoration: none;
    color: #707070;
    font-weight: 600;
    padding: 0px 20px 0px 10px;
    display: inline-block; }
  .yellow-top header a.dropdown-toggle.mainnav-menu-selected, .white-top header a.dropdown-toggle.mainnav-menu-selected {
    font-weight: bold; }
  .yellow-top header ul.dropdown-menu, .white-top header ul.dropdown-menu {
    background-color: #707070;
    padding: 10px;
    margin-top: 10px; }
  .yellow-top header ul.dropdown-menu li:not(:last-of-type), .white-top header ul.dropdown-menu li:not(:last-of-type) {
    border-bottom: 1px dotted #CBCBCB; }
  .yellow-top header ul.dropdown-menu li a, .white-top header ul.dropdown-menu li a {
    color: #FFD100; }
  .yellow-top header ul.dropdown-menu .dropdown-menu-arrow, .white-top header ul.dropdown-menu .dropdown-menu-arrow {
    position: absolute;
    top: -8px;
    left: 26px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #707070; }
  .yellow-top header .dropdown-item:focus, .yellow-top header .dropdown-item:hover, .white-top header .dropdown-item:focus, .white-top header .dropdown-item:hover {
    color: #707070;
    background-color: #FFD100; }
  .yellow-top header .dropdown-item, .white-top header .dropdown-item {
    text-transform: none; }
  .yellow-top header .noborder, .white-top header .noborder {
    border: 0px !important; }
  .yellow-top header .menu-selected, .white-top header .menu-selected {
    font-weight: bold; }
  .yellow-top header .logo, .white-top header .logo {
    padding-right: 50px;
    padding-bottom: 5px; }
    .yellow-top header .logo a.mobile-logo, .white-top header .logo a.mobile-logo {
      display: none; }
    .yellow-top header .logo a.desktop-logo, .white-top header .logo a.desktop-logo {
      display: block; }
  .yellow-top header .login-col, .white-top header .login-col {
    flex: 1;
    width: 150px;
    text-align: right; }

.dropdown-toggle.show::after {
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent; }

.front-article {
  padding-top: 30px !important; }

.white-article-container {
  background: #FFFFFF;
  position: relative; }

.yellow-article-container {
  background: #FFD100;
  position: relative; }

.grey-article-container {
  background: #F8F8F8;
  position: relative; }

.darkgrey-article-container {
  background: #707070;
  position: relative; }

.home-streamline {
  max-width: 1110px !important; }
  .home-streamline .streamline-row {
    width: 100%; }
  .home-streamline .streamline-item {
    font-size: 16px;
    line-height: 20px;
    max-width: 85%;
    margin: 0 auto; }
    .home-streamline .streamline-item img {
      padding-bottom: 20px;
      padding-top: 35px; }
    .home-streamline .streamline-item h6 {
      font-weight: 16px;
      line-height: 20px;
      padding: 0px;
      margin: 0px; }
  .home-streamline .streamline-bottom {
    padding-top: 110px; }
  .home-streamline h6.pad-bot {
    padding-bottom: 25px; }

.front-article, .one-part-feature, .two-part-feature, .white-article, .yellow-article, .yellow-article-no-padding, .home-streamline, .home-our-users, .features-cont, .multiple-shorts, .tailored-for-inner, .staff-feature, .api-container, .support-search {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
  /*.article-right{
    flex:1;
    text-align:right;
    display:relative;
  }*/ }
  .front-article .article-body, .one-part-feature .article-body, .two-part-feature .article-body, .white-article .article-body, .yellow-article .article-body, .yellow-article-no-padding .article-body, .home-streamline .article-body, .home-our-users .article-body, .features-cont .article-body, .multiple-shorts .article-body, .tailored-for-inner .article-body, .staff-feature .article-body, .api-container .article-body, .support-search .article-body {
    font-size: 16px;
    line-height: 20px;
    color: #707070;
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: left; }
  .front-article .article-left, .one-part-feature .article-left, .two-part-feature .article-left, .white-article .article-left, .yellow-article .article-left, .yellow-article-no-padding .article-left, .home-streamline .article-left, .home-our-users .article-left, .features-cont .article-left, .multiple-shorts .article-left, .tailored-for-inner .article-left, .staff-feature .article-left, .api-container .article-left, .support-search .article-left {
    justify-content: center;
    flex-direction: column;
    display: flex;
    resize: vertical; }
    .front-article .article-left .action-button, .one-part-feature .article-left .action-button, .two-part-feature .article-left .action-button, .white-article .article-left .action-button, .yellow-article .article-left .action-button, .yellow-article-no-padding .article-left .action-button, .home-streamline .article-left .action-button, .home-our-users .article-left .action-button, .features-cont .article-left .action-button, .multiple-shorts .article-left .action-button, .tailored-for-inner .article-left .action-button, .staff-feature .article-left .action-button, .api-container .article-left .action-button, .support-search .article-left .action-button {
      text-align: left; }
  .front-article .article-text-side, .one-part-feature .article-text-side, .two-part-feature .article-text-side, .white-article .article-text-side, .yellow-article .article-text-side, .yellow-article-no-padding .article-text-side, .home-streamline .article-text-side, .home-our-users .article-text-side, .features-cont .article-text-side, .multiple-shorts .article-text-side, .tailored-for-inner .article-text-side, .staff-feature .article-text-side, .api-container .article-text-side, .support-search .article-text-side {
    justify-content: center;
    flex-direction: column;
    display: flex;
    resize: vertical; }
  .front-article .streamline-bottom .article-text-link, .front-article .home-user-item .article-text-link, .one-part-feature .streamline-bottom .article-text-link, .one-part-feature .home-user-item .article-text-link, .two-part-feature .streamline-bottom .article-text-link, .two-part-feature .home-user-item .article-text-link, .white-article .streamline-bottom .article-text-link, .white-article .home-user-item .article-text-link, .yellow-article .streamline-bottom .article-text-link, .yellow-article .home-user-item .article-text-link, .yellow-article-no-padding .streamline-bottom .article-text-link, .yellow-article-no-padding .home-user-item .article-text-link, .home-streamline .streamline-bottom .article-text-link, .home-streamline .home-user-item .article-text-link, .home-our-users .streamline-bottom .article-text-link, .home-our-users .home-user-item .article-text-link, .features-cont .streamline-bottom .article-text-link, .features-cont .home-user-item .article-text-link, .multiple-shorts .streamline-bottom .article-text-link, .multiple-shorts .home-user-item .article-text-link, .tailored-for-inner .streamline-bottom .article-text-link, .tailored-for-inner .home-user-item .article-text-link, .staff-feature .streamline-bottom .article-text-link, .staff-feature .home-user-item .article-text-link, .api-container .streamline-bottom .article-text-link, .api-container .home-user-item .article-text-link, .support-search .streamline-bottom .article-text-link, .support-search .home-user-item .article-text-link {
    text-align: center !important; }
  .front-article .article-text-link, .one-part-feature .article-text-link, .two-part-feature .article-text-link, .white-article .article-text-link, .yellow-article .article-text-link, .yellow-article-no-padding .article-text-link, .home-streamline .article-text-link, .home-our-users .article-text-link, .features-cont .article-text-link, .multiple-shorts .article-text-link, .tailored-for-inner .article-text-link, .staff-feature .article-text-link, .api-container .article-text-link, .support-search .article-text-link {
    font-size: 16px;
    font-weight: bold;
    text-align: left; }
  .front-article .article-text-link a, .one-part-feature .article-text-link a, .two-part-feature .article-text-link a, .white-article .article-text-link a, .yellow-article .article-text-link a, .yellow-article-no-padding .article-text-link a, .home-streamline .article-text-link a, .home-our-users .article-text-link a, .features-cont .article-text-link a, .multiple-shorts .article-text-link a, .tailored-for-inner .article-text-link a, .staff-feature .article-text-link a, .api-container .article-text-link a, .support-search .article-text-link a {
    color: #707070 !important;
    text-decoration: none; }

.support-top {
  background: url(images/css/s_tour-grey-bg.gif) repeat-x;
  height: 109px;
  border-bottom: 1px solid #b7b7b7;
  display: flex;
  margin: 0 auto;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 40px; }

.support-search {
  padding: 0; }

.support-search .search-title-cont h4 {
  font-size: 16px;
  font-weight: normal; }

.vertically-middle-fix {
  display: flex;
  align-items: center;
  justify-content: center; }

#support-search-tb-outer {
  border: 1px solid #77787b;
  max-width: 511px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 50px;
  background: #fff;
  text-align: left;
  padding: 0 1%;
  position: relative; }

#support-search-tb-outer input[type="text"] {
  height: 47px;
  border: 0;
  width: 420px;
  text-align: left;
  font-size: 15px;
  color: #959595;
  padding-left: 1.875%;
  float: left;
  background: 0 0; }

#support-search-tb-outer input[type='image'] {
  float: right;
  position: absolute;
  right: 5px;
  top: 4px; }

#search-cont #support-search-tb-outer a {
  float: right;
  position: absolute;
  right: 5px;
  top: 4px; }

#api-body h1 {
  font-size: 60px;
  color: #FFD100; }

#api-body h2 {
  font-size: 18px;
  color: #707070;
  padding-top: 90px;
  text-transform: uppercase; }

#api-body .api-code-comment {
  color: #bbb; }

#api-body .api-code-green {
  color: #1bff1b; }

#api-body h2.blog-title, #api-body h2.blog-title-first {
  font-size: 18px;
  color: #707070;
  padding-top: 30px;
  margin-top: 30px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: normal; }

#api-body h2.blog-title {
  border-top: 1px solid #D9D8D8; }

#api-body h6.blog-title-sub {
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 20px; }

.blog-container img {
  border: 1px solid #D9D8D8;
  padding: 6px; }

#api-menu {
  justify-content: normal;
  /*position: fixed; right:0px*/ }

.api-menu-fixedpos {
  position: fixed;
  right: 0px;
  top: 20px; }

#api-menu h2 {
  font-size: 16px;
  font-weight: 600;
  color: #707070; }

.paging-space-above {
  padding-top: 50px; }

#api-menu a.a-active {
  font-weight: bold; }

table.api-table thead tr {
  border-top: 6px solid #FFD100;
  border-bottom: 2px solid #FFD100;
  line-height: 35px; }

table.api-table tfoot tr {
  border-top: 2px solid #FFD100;
  line-height: 35px; }

.api-container .api-snippet-container {
  background: #707070;
  color: #FFD100;
  margin-right: 20px;
  padding: 10px 20px;
  border-radius: 5px;
  max-width: 95%;
  font-size: 16px;
  position: relative;
  margin-left: 0px;
  display: inline-block; }

.api-container .api-snippet-container .api-snippet-select {
  border-bottom: 1px solid #FFD100;
  padding-bottom: 12px;
  margin-bottom: 12px; }

.api-container a {
  color: #707070; }

.api-container .api-snippet-container .api-snippet-select a {
  color: #FFD100; }

.api-container ul {
  padding-left: 20px; }

.api-container #api-body ul li {
  padding-bottom: 10px; }

.api-container table {
  margin-bottom: 40px; }

.api-container table tr td {
  padding-right: 10px; }

ul.sitemap {
  list-style: none; }

ul.sitemap li.no-bullet {
  list-style: none;
  margin-top: 30px; }

ul.sitemap li a {
  background: url(images/css/arrow-bullet.png) 0px 5px no-repeat;
  padding-left: 30px; }

ul.sitemap-submenu {
  margin-top: 20px;
  margin-bottom: 20px;
  list-style: none; }

.yellow-top .front-article h6.subtitle {
  color: #707070; }

.yellow-article-no-padding {
  padding-top: 60px;
  padding-bottom: 70px; }

.padding-bottom-article-tall {
  padding-bottom: 250px; }

h2.more-than-just {
  color: #FFD100; }

.logo-font-yellow {
  font-weight: 700;
  letter-spacing: -.04em; }

.logo-font-schedule {
  font-weight: 300;
  letter-spacing: -.08em; }

.font-grey {
  color: #707070; }

.font-yellow {
  color: #FFD100; }

.font-white {
  color: #FFFFFF; }

.darkgrey-article-container h3 {
  color: #FFD100;
  font-size: 46px; }

.yellow-article-container h3 {
  color: #707070;
  font-size: 70px; }

.white-article h2, .white-article-container h2 {
  color: #FFD100; }

.white-article h6.subtitle, .white-article-container h6.subtitle {
  color: #707070; }

.yellow-article-container h2 {
  color: #FFFFFF; }

.yellow-article-container h6.subtitle {
  color: #707070; }

.home-our-users h2 {
  color: #FFD100; }

.features-cont h2 {
  color: #FFD100;
  text-align: left; }

.features-cont h6 {
  color: #707070;
  text-align: left; }

.white-article-container h5 {
  font-size: 30px;
  color: #FFD100; }

h5.doubleslash {
  font-size: 30px;
  color: #FFD100;
  margin-top: 30px; }

img.overlap-top {
  position: absolute;
  left: 20%;
  width: 25%;
  top: 140px; }

.grey-article-container {
  color: #707070; }

.three-feature-icons h2 {
  text-align: center;
  padding-bottom: 100px;
  color: #707070; }

h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: 700; }

h6.subtitle {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

h6.subtitle.trusted-by {
  text-transform: none;
  font-weight: 600;
  margin-bottom: 35px; }

.home-our-users-h2 {
  width: 100%;
  padding-bottom: 65px; }

.home-our-users .home-user-item {
  width: 20%;
  min-width: 225px; }

.our-users-narrow .home-user-item {
  width: 25%;
  min-width: 225px; }

.home-our-users .home-user-item .article-text-link {
  margin-top: 30px;
  margin-bottom: 30px; }

.switch-responsive-on {
  display: none;
  padding-top: 30px; }

.switch-responsive-off {
  display: block; }

.trusted-by {
  width: 100%; }

.api-container {
  width: 100%;
  padding-top: 0px;
  padding-left: 10px; }

.trusted-by-row {
  width: 100%;
  display: flex;
  align-items: center; }

.features-row {
  width: 100%;
  margin: 0 auto;
  text-align: center; }

.pc100-row {
  width: 100%; }

.multiple-shorts, .two-part-feature, .white-article, .features-cont, .home-our-users {
  padding-left: 40px;
  padding-right: 40px; }

.staff-feature {
  padding-left: 80px;
  padding-right: 80px;
  color: #707070; }

.staff-feature .staff-feature-row {
  width: 100%; }

.staff-feature .staff-item {
  width: 100%;
  padding-right: 70px;
  padding-bottom: 95px; }

.staff-item img {
  padding-bottom: 50px; }

.staff-item .staff-profile-text {
  font-size: 16px;
  font-weight: 500;
  padding-top: 12px; }

.staff-item h3 {
  color: #FFD100;
  font-size: 50px;
  font-weight: 600; }

.staff-item .staff-connect {
  font-size: 30px;
  line-height: 30px; }

.staff-item .staff-connect a {
  color: #FFD100;
  margin-right: 8px; }

.our-users-narrow {
  padding-left: 100px;
  padding-right: 100px; }

.one-part-feature, .yellow-article-no-padding {
  padding-left: 40px; }

.long-narrow-bg-feature-rectangle {
  background: url(images/users/long-clinician-texting-bg.jpg) no-repeat center;
  height: 352px; }

.long-narrow-yellowbg-feature-rectangle {
  background: #FFD100;
  height: 352px; }

.long-narrow-yellowbg-feature-rectangle-noheight {
  background: #FFD100;
  padding-top: 30px;
  padding-bottom: 30px; }

.long-narrow-bg-feature-rectangle-overlay {
  background: #707070;
  opacity: 0.94;
  height: 100%; }

.tailored-for-inner {
  padding-top: 70px;
  padding-bottom: 70px; }

.tailored-for-inner h3 {
  color: #FFD100;
  font-size: 50px;
  padding: 0;
  margin: 0;
  margin-bottom: 40px; }

.tailored-for-inner h3.scheduling-feature {
  color: #FFD100;
  font-size: 40px;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  margin-top: -20px; }

.tailored-for-inner p.scheduling-feature {
  font-size: 20px;
  color: #FFFFFF;
  margin-top: 0px; }

.yellow-article-container .tailored-for-inner h3 {
  color: #FFFFFF;
  font-weight: 600; }

.background-cover-height400 {
  background-size: cover;
  height: 400px; }

.partners-row {
  justify-content: space-around;
  display: flex;
  width: 80%; }

.partners-row .partner-item .partner-selected {
  font-weight: bold;
  color: #515151; }

ul.tick-icons {
  list-style: none;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700; }

.white-article-container ul.tick-icons, .white-article ul.tick-icons {
  color: #707070; }

ul.tick-icons.tick-icons-light {
  font-size: inherit;
  font-weight: normal; }

ul.tick-icons li {
  position: relative;
  padding-left: 25px;
  line-height: 25px;
  padding-bottom: 20px; }

ul.tick-icons.tick-icons-light li {
  padding-bottom: 10px; }

ul.tick-icons li::before {
  position: absolute;
  top: 0px;
  left: -0px;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: #FFD100; }

.subtle {
  color: #D9D8D8; }

.multiple-shorts h4 {
  font-size: 60px;
  font-weight: 700; }

.multiple-shorts .reason-subtitle {
  color: #FFD100;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700; }

.multiple-shorts .reason-text {
  color: #707070;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 55px; }

.multiple-shorts .reason-text-v2 {
  color: #707070;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px; }

a.arrow-after-special {
  text-decoration: none; }

a.arrow-after {
  position: relative;
  line-height: 20px; }

a.arrow-after::after {
  position: absolute;
  bottom: -2px;
  right: -27px;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f30b";
  color: #FFD100; }

a.arrow-after.arrow-white::after {
  color: #FFFFFF;
  font-size: 16px; }

a.arrow-after.arrow-white {
  white-space: nowrap;
  color: #707070;
  font-weight: 600; }

a.arrow-after:hover {
  color: #515151 !important; }

a.arrow-after:hover::after {
  right: -30px; }

a .arrow-after-icon {
  position: relative;
  line-height: 20px;
  color: #707070;
  font-weight: bold; }

a .arrow-after-icon::after {
  position: absolute;
  bottom: -2px;
  left: 115px;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f30b";
  color: #FFD100; }

a:hover .arrow-after-icon {
  color: #515151; }

a:hover .arrow-after-icon::after {
  left: 118px; }

.home-user-item a {
  text-decoration: none !important;
  display: block;
  padding-top: 20px;
  padding-bottom: 12px; }

.home-user-item a:hover {
  background-color: #ececec; }

.home-user-item a.pre-selected {
  background-color: #ececec;
  border: 1px solid #D9D8D8; }

a .arrow-after-icon-usr {
  position: relative;
  line-height: 20px;
  color: #707070;
  font-weight: bold;
  padding-top: 30px; }

a .arrow-after-icon-usr::after {
  position: relative;
  bottom: -2px;
  right: -15px;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f30b";
  color: #FFD100; }

a:hover .arrow-after-icon-usr {
  color: #515151; }

a:hover .arrow-after-icon-usr::after {
  right: -18px; }

.arrow-after-white::after {
  color: #FFFFFF !important; }

footer {
  position: relative; }

.footer-container {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 40px; }

.bottom-footer {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #D9D8D8;
  font-size: 14px; }

.footer-container .row {
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important; }

.bottom-footer a {
  color: #707070;
  text-decoration: none; }

.bottom-footer a:hover {
  text-decoration: underline; }

ul.footmenu {
  list-style: none;
  column-count: 3; }

ul.footmenu li {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500; }

ul.footmenu li.pad-top {
  padding-top: 20px; }

ul.footmenu li a {
  color: #707070;
  text-decoration: none; }

ul.footmenu li a:hover {
  color: #515151; }

ul.footmenu li.footmenu-li-title {
  font-weight: 600 !important;
  color: #707070; }

.footer-container input {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  width: 292px;
  border: 1px solid #D9D8D8;
  padding: 5px 10px; }

.footer-container .email-err {
  font-size: 11px;
  color: red;
  padding-left: 11px;
  display: none; }

.footer-container .email-err-visible {
  display: block !important; }

.footer-container h5 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
  color: #707070;
  padding-left: 3px; }

.footer-container h6 {
  font-size: 14px;
  color: #707070;
  font-weight: 600; }

.footer-container .action-button {
  margin-top: 10px;
  text-transform: none; }
  .footer-container .action-button a {
    padding: 8px 35px; }

.footer-container .foot-col-1 {
  width: 28%; }

.footer-container .social-media-foot {
  margin-top: 45px; }

.footer-container .social-media-foot a {
  padding-right: 5px; }

.footer-container .awards-foot .awards-img {
  margin-top: 18px; }

.footer-container .awards-foot .awards-twinline-outer .awards-img {
  float: left; }
.footer-container .awards-foot .awards-twinline-outer .awards-img:last-of-type {
  margin-left: 32px;
  padding-top: 4px; }

.bottom-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #707070; }

.bottom-footer .foot-bot-item2 {
  text-align: right; }

.yellow-article-container .pos-relative {
  position: relative; }

.mobile-background {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 675px;
  z-index: 3; }

.mobile-background img {
  position: relative;
  z-index: 2; }

.flow-state-yellow-mobile-bg {
  position: absolute;
  top: 100px;
  right: 0px;
  background: url(images/flow/flow-state-yellow2.webp) no-repeat left 0px top 0px;
  width: 40%;
  height: 300px; }

.flow-state-yellow-mobile-bg2 {
  position: absolute;
  top: 30px;
  left: calc(675px/2);
  background: url(images/flow/flow-state-yellow2.webp) no-repeat left 0px top 0px;
  width: calc(100vw - (1200px/2));
  height: 300px;
  z-index: 1; }

.complex-background {
  position: relative;
  overflow: hidden; }

.complex-background .white-article {
  padding-bottom: 30px; }

.body-short {
  max-width: 450px; }

h6.fontwhite {
  color: #FFFFFF; }

.sync-logos {
  margin-top: 30px; }

.sync-logo-item {
  float: left;
  margin-right: 40px; }

@media only screen and (max-width: 1050px) {
  .mobile-logo {
    display: block !important; }

  .desktop-logo {
    display: none !important; }

  .logo {
    padding-right: 10px !important; }

  .trusted-by-logo-item {
    min-width: 33%;
    padding-bottom: 30px; }

  .home-our-users .home-user-item {
    width: 33%;
    min-width: 240px; }

  ul.footmenu {
    column-count: 2; }

  .footer-container input {
    width: 240px; }

  .footer-container .logo-footer img {
    width: 240px; }

  .footer-container h5 {
    font-size: 18px; }

  .mobile-background {
    width: 450px;
    right: 20px; }

  .mobile-background img {
    width: 450px; }

  .flow-state-yellow-mobile-bg {
    top: 300px; }

  .flow-state-yellow-mobile-bg2 {
    top: -75px;
    left: calc(450px/2); }

  .one-part-feature {
    padding-top: 100px;
    padding-bottom: 100px; }

  .darkgrey-article-container h3 {
    font-size: 38px; }

  .yellow-article-container h3 {
    font-size: 50px; }

  .tailored-for-inner h3 {
    font-size: 30px; } }
@media only screen and (max-width: 870px) {
  h1 {
    font-size: 65px; }

  h2 {
    font-size: 50px;
    line-height: 50px; }

  a.dropdown-toggle {
    font-size: 14px;
    padding: 0px 10px 0px 10px !important; }

  .bottom-footer .foot-bot-item2 {
    text-align: left; }

  .footer-container .foot-col-1 {
    width: none; }

  .footer-container input {
    width: 200px; }

  .footer-container .logo-footer img {
    width: 200px; }

  .mobile-background {
    width: 400px;
    right: 20px; }

  .mobile-background img {
    width: 400px; }

  .flow-state-yellow-mobile-bg2 {
    top: -120px;
    left: calc(400px/2); }

  .darkgrey-article-container h3 {
    font-size: 32px; } }
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
    font-weight: 700;
    line-height: 38px; }

  h2 {
    font-size: 38px;
    line-height: 38px; }

  .grey-article-container h2 {
    padding-bottom: 30px; }

  .streamline-bottom {
    padding-top: 55px !important; }

  header {
    height: 100%;
    padding-top: 20px !important;
    padding-bottom: 30px !important; }

  .login-col {
    text-align: left !important;
    padding-top: 30px;
    padding-left: 14px; }

  ul.dropdown-menu {
    margin: 0px !important;
    padding: 0px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-left: -25px !important;
    margin-right: -15px !important;
    margin-top: 13px !important;
    border-radius: 0; }

  ul.dropdown-menu li:not(:last-of-type) {
    border-bottom: 1px dotted #CBCBCB !important; }

  ul.dropdown-menu li {
    padding-left: 0px !important;
    margin-left: 0px !important; }

  ul.nav li.dropdown {
    padding: 10px 0px 10px 10px;
    border-bottom: 1px dotted #707070 !important; }

  ul.dropdown-menu .dropdown-menu-arrow {
    top: 40px !important; }

  .navbar-collapse {
    background-color: rgba(255, 209, 0, 0.82); }

  /* gradient */
  .white-top .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.85) !important; }

  /* gradient */
  ul.nav li.dropdown a.dropdown-toggle {
    background: #FFD100; }

  .white-top ul.nav li.dropdown a.dropdown-toggle {
    background-color: #FFFFFF !important; }

  ul.nav li {
    padding: 10px 0px 10px 10px;
    border-bottom: 1px dotted #707070 !important; }

  .navbar-collapse {
    padding-top: 30px; }

  .white-article {
    width: 85% !important;
    margin: 0 auto !important; }

  .yellow-article {
    width: 85% !important;
    margin: 0 auto !important; }

  .tailored-for-inner {
    width: 85% !important;
    margin: 0 auto; }

  .front-article, .one-part-feature, .two-part-feature, .yellow-article-no-padding, .home-our-users, .features-cont, .multiple-shorts {
    width: 100% !important;
    margin: 0 auto !important; }

  h6.subtitle.trusted-by {
    margin-bottom: 55px; }

  .trusted-by-logo-item {
    padding-bottom: 40px; }

  .article-text-side {
    order: 1;
    text-align: left !important; }

  .article-img-side {
    order: 2; }

  .article-right {
    padding-bottom: 30px; }

  img.test-cover {
    object-fit: cover;
    width: 120%;
    height: 100% !important; }

  img.overlap-top {
    left: auto;
    right: 0px;
    width: 40%; }

  .switch-responsive-on {
    display: block !important; }

  .switch-responsive-off {
    display: none !important; }

  .flowstate-left1 {
    z-index: 1;
    background: url(images/flow/flow-lines-mobile1.webp) left 0px top 100px no-repeat !important;
    width: 100% !important;
    min-height: 500px; }

  .flowstate2-right {
    z-index: 1;
    background: url(images/flow/flow-lines-mobile2.webp) left 0px top 400px no-repeat !important;
    width: 100% !important;
    min-height: 800px; }

  .home-our-users .home-user-item {
    width: 50%;
    min-width: 160px; }

  .bottom-footer {
    font-size: 11px; }

  .footer-container .foot-col-1 {
    width: 100%; }

  .footer-container .foot-col-3 {
    padding-top: 50px;
    padding-left: 25px; }

  .footer-container h5 {
    font-size: 22px; }

  .footer-container input {
    width: 90%; }

  .footer-container .logo-footer img {
    width: 300px; }

  .footer-container .social-media-foot {
    margin-bottom: 45px; }

  .mobile-background {
    top: -300px;
    right: -47px;
    width: 100%;
    overflow: hidden; }

  .mobile-background img {
    transform: rotate(-18deg);
    right: -80px;
    position: absolute; }

  .features-billing-left {
    height: 590px; }

  .flow-state-yellow-mobile-bg {
    top: 420px;
    background-size: cover;
    width: 45%;
    transform: rotate(-25deg); }

  .flow-state-yellow-mobile-bg2 {
    display: none; }

  .long-narrow-bg-feature-rectangle {
    background: url(images/users/long-clinician-texting-mobile-bg.jpg) no-repeat;
    height: 100%;
    background-size: cover; }

  .darkgrey-article-container h3 {
    font-size: 20px; }

  .darkgrey-article-container img {
    margin-bottom: 40px; }

  .staff-feature {
    padding-left: 20px;
    padding-right: 20px; }

  .staff-feature .staff-item {
    padding-right: 0px; }

  .staff-feature .row {
    --bs-gutter-x: none; }

  .yellow-article-container h3 {
    font-size: 22px; }

  .api-menu-fixedpos {
    display: none !important; }

  ul.level3-menu {
    display: block; } }
@media only screen and (max-width: 500px) {
  .home-our-users .home-user-item img {
    width: 152px; } }
@media only screen and (max-width: 400px) {
  h1 {
    font-size: 32px;
    line-height: 32px; }

  .bottom-footer img.compliance-logos {
    width: 340px; }

  h2 {
    font-size: 32px;
    line-height: 32px; }

  .home-streamline h2 {
    font-size: 32px !important;
    line-height: 32px !important; }

  .mobile-background img {
    width: 350px; } }
@media only screen and (min-width: 2000px) {
  .flowstate-common {
    background-size: calc(max(100%, 900px)); } }
@media only screen and (min-width: 2500px) {
  .flowstate-common {
    display: none; } }
/******************* FOR THE APPOINTMENT COUNTER ************************************/
.dv_app_cnt_flp {
  display: inline-block;
  margin-bottom: 20px; }

.dv_app_cnt_flp .marginleft {
  margin-left: 9px; }

.number {
  position: relative;
  float: left;
  margin-right: 2px;
  /*font-size: 5em;*/
  font-size: 28px;
  width: 1em;
  height: 1.5em; }

.number span {
  position: absolute;
  display: block;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: white;
  width: 1em;
  height: 1.5em;
  perspective: 7.14em; }

.number span:before {
  display: block;
  height: 0.75em;
  overflow: hidden;
  line-height: 1.52em;
  border-bottom: 0px solid rgba(0, 0, 0, 0.5);
  border-radius: 20% 20% 0 0;
  background: #3e3e3e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #707070 0%, #626442 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #626442));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #707070 0%, #626442 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #707070 0%, #626442 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #707070 0%, #626442 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #707070 0%, #626442 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grey', endColorstr='$tickerSecondColor',GradientType=0 );
  /* IE6-9 */ }

.number span:after {
  display: block;
  height: 0.75em;
  overflow: hidden;
  line-height: 0;
  border-top: 0px solid rgba(0, 0, 0, 0.5);
  border-radius: 0 0 20% 20%;
  transition: color 100ms, background-color 100ms;
  background: #252525;
  /* Old browsers */
  background: -moz-linear-gradient(top, #626442 0%, #070707 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #626442), color-stop(100%, #070707));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #626442 0%, #070707 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #626442 0%, #070707 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #626442 0%, #070707 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #626442 0%, #070707 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$tickerSecondColor', endColorstr='#070707',GradientType=0 );
  /* IE6-9 */ }

.flip .primary:before {
  animation: animate-top 250ms;
  -moz-animation-fill-mode: forwards;
  -webkit-animation: animate-top 250ms;
  -webkit-animation-fill-mode: forwards;
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #707070 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #707070));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #707070 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #707070 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #707070 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #707070 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='$grey',GradientType=0 );
  /* IE6-9 */ }

.flip .primary:after {
  animation: animate-bottom 250ms;
  -moz-animation-fill-mode: forwards;
  animation-delay: 250ms;
  -webkit-animation: animate-bottom 250ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 250ms; }

.primary:after {
  opacity: 0;
  transform: translateX(0) translateY(-0.28em) translateZ(0.35em) rotateX(91deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform: translateX(0) translateY(-0.28em) translateZ(0.35em) rotateX(91deg) rotateY(0deg) rotateZ(0deg); }

.primary {
  z-index: 2; }

.secondary {
  z-index: 1; }

/* Numbers */
[data-number="0"] span.primary:before, [data-number="0"] span.secondary:after {
  content: "0"; }

[data-number="0"] span.secondary:before, [data-number="0"] span.primary:after {
  content: attr(title); }

[data-number="1"] span.primary:before, [data-number="1"] span.secondary:after {
  content: "1"; }

[data-number="1"] span.secondary:before, [data-number="1"] span.primary:after {
  content: attr(title); }

[data-number="2"] span.primary:before, [data-number="2"] span.secondary:after {
  content: "2"; }

[data-number="2"] span.secondary:before, [data-number="2"] span.primary:after {
  content: attr(title); }

[data-number="3"] span.primary:before, [data-number="3"] span.secondary:after {
  content: "3"; }

[data-number="3"] span.secondary:before, [data-number="3"] span.primary:after {
  content: attr(title); }

[data-number="4"] span.primary:before, [data-number="4"] span.secondary:after {
  content: "4"; }

[data-number="4"] span.secondary:before, [data-number="4"] span.primary:after {
  content: attr(title); }

[data-number="5"] span.primary:before, [data-number="5"] span.secondary:after {
  content: "5"; }

[data-number="5"] span.secondary:before, [data-number="5"] span.primary:after {
  content: attr(title); }

[data-number="6"] span.primary:before, [data-number="6"] span.secondary:after {
  content: "6"; }

[data-number="6"] span.secondary:before, [data-number="6"] span.primary:after {
  content: attr(title); }

[data-number="7"] span.primary:before, [data-number="7"] span.secondary:after {
  content: "7"; }

[data-number="7"] span.secondary:before, [data-number="7"] span.primary:after {
  content: attr(title); }

[data-number="8"] span.primary:before, [data-number="8"] span.secondary:after {
  content: "8"; }

[data-number="8"] span.secondary:before, [data-number="8"] span.primary:after {
  content: attr(title); }

[data-number="9"] span.primary:before, [data-number="9"] span.secondary:after {
  content: "9"; }

[data-number="9"] span.secondary:before, [data-number="9"] span.primary:after {
  content: attr(title); }

/*** Animations effects ***/
@keyframes animate-top {
  0% {
    background: #3e3e3e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #707070 0%, #626442 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #626442));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #707070 0%, #626442 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #707070 0%, #626442 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #707070 0%, #626442 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #707070 0%, #626442 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grey', endColorstr='$tickerSecondColor',GradientType=0 ); }
  100% {
    color: #474747;
    transform: translateX(0px) translateY(0.35em) translateZ(5px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); } }
@keyframes animate-bottom {
  0% {
    color: #474747;
    opacity: 1; }
  100% {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    opacity: 1; } }
@-webkit-keyframes animate-top {
  0% {
    background: #3e3e3e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #707070 0%, #626442 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #626442));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #707070 0%, #626442 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #707070 0%, #626442 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #707070 0%, #626442 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #707070 0%, #626442 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='$tickerSecondColor',GradientType=0 ); }
  100% {
    color: #474747;
    -webkit-transform: translateX(0px) translateY(0.35em) translateZ(5px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg); } }
@-webkit-keyframes animate-bottom {
  0% {
    color: #474747;
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    opacity: 1; } }
/******************* END FOR THE APPOINTMENT COUNTER ************************************/

/*# sourceMappingURL=style.css.map */
