/*! Bootstrap v3.3.5 (http://getbootstrap.com) Copyright 2011-2015 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
.bh-disclaimer { display: block; font-size: 14px; font-style: italic; font-weight: 400; }

/* @import "../bootstrap/print"; @import "../bootstrap/glyphicons"; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* @import "../bootstrap/type"; @import "../bootstrap/code"; @import "../bootstrap/tables"; */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { font-family: "Source Sans Pro", Arial, sans-serif; font-size: 16px; line-height: 1.7; color: #444444; background-color: #FFFFFF; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #A54B9C; text-decoration: none; }

a:hover, a:focus { color: #A54B9C; text-decoration: underline; }

a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 5px; }

.img-thumbnail { padding: 4px; line-height: 1.7; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container:before, .container:after { content: " "; display: table; }

.container:after { clear: both; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.container-fluid:before, .container-fluid:after { content: " "; display: table; }

.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333%; }

.col-xs-2 { width: 16.66667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333%; }

.col-xs-5 { width: 41.66667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333%; }

.col-xs-8 { width: 66.66667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333%; }

.col-xs-11 { width: 91.66667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333%; }
  .col-sm-2 { width: 16.66667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333%; }
  .col-sm-5 { width: 41.66667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333%; }
  .col-sm-8 { width: 66.66667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333%; }
  .col-sm-11 { width: 91.66667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }

@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }

@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 11px; font-size: 16px; line-height: 1.7; color: #444444; }

.form-control { display: block; width: 100%; height: 34px; padding: 10px 15px; font-size: 16px; line-height: 1.7; color: #444444; background-color: #FFFFFF; background-image: none; border: 1px solid #DDDDDD; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus { border-color: #DDDDDD; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 221, 221, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 221, 221, 0.6); }

.form-control::-moz-placeholder { color: #888888; opacity: 1; }

.form-control:-ms-input-placeholder { color: #888888; }

.form-control::-webkit-input-placeholder { color: #888888; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #EEEEEE; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"], .input-group-sm > input.input-group-addon[type="date"], .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input.form-control[type="time"], .input-group-sm > input.input-group-addon[type="time"], .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input.form-control[type="datetime-local"], .input-group-sm > input.input-group-addon[type="datetime-local"], .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input.form-control[type="month"], .input-group-sm > input.input-group-addon[type="month"], .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"], .input-group-lg > input.input-group-addon[type="date"], .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input.form-control[type="time"], .input-group-lg > input.input-group-addon[type="time"], .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input.form-control[type="datetime-local"], .input-group-lg > input.input-group-addon[type="datetime-local"], .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input.form-control[type="month"], .input-group-lg > input.input-group-addon[type="month"], .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg input[type="month"] { line-height: 46px; } }

.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }

.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; min-height: 36px; }

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; }

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > .input-group-btn > select.btn[multiple] { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px; }

.form-group-sm select.form-control { height: 30px; line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }

.form-group-sm .form-control-static { height: 30px; min-height: 34px; padding: 6px 10px; font-size: 14px; line-height: 1.5; }

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 15px 20px; font-size: 20px; line-height: 1.33333; border-radius: 5px; }

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select.form-control[multiple], .input-group-lg > select.input-group-addon[multiple], .input-group-lg > .input-group-btn > select.btn[multiple] { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 15px 20px; font-size: 20px; line-height: 1.33333; border-radius: 5px; }

.form-group-lg select.form-control { height: 46px; line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }

.form-group-lg .form-control-static { height: 46px; min-height: 40px; padding: 16px 20px; font-size: 20px; line-height: 1.33333; }

.has-feedback { position: relative; }

.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }

.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }

.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }

.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }

.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }

.has-error .form-control-feedback { color: #a94442; }

.has-feedback label ~ .form-control-feedback { top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #848484; }

@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 11px; }

.form-horizontal .radio, .form-horizontal .checkbox { min-height: 31px; }

.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }

.form-horizontal .form-group:after { clear: both; }

@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 11px; } }

.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 21.0px; font-size: 20px; } }

@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 14px; } }

.btn { display: inline-block; margin-bottom: 0; font-weight: 700; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 15px; font-size: 16px; line-height: 1.7; border-radius: 150px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, .btn:focus, .btn.focus { color: #FFFFFF; text-decoration: none; }

.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn-default { color: #FFFFFF; background-color: #1FAEDF; border-color: transparent; }

.btn-default:focus, .btn-default.focus { color: #FFFFFF; background-color: #198bb2; border-color: rgba(0, 0, 0, 0); }

.btn-default:hover { color: #FFFFFF; background-color: #198bb2; border-color: rgba(0, 0, 0, 0); }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #FFFFFF; background-color: #198bb2; border-color: rgba(0, 0, 0, 0); }

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #FFFFFF; background-color: #147393; border-color: rgba(0, 0, 0, 0); }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #1FAEDF; border-color: transparent; }

.btn-default .badge { color: #1FAEDF; background-color: #FFFFFF; }

.btn-primary { color: #FFFFFF; background-color: #A54B9C; border-color: transparent; }

.btn-primary:focus, .btn-primary.focus { color: #FFFFFF; background-color: #823b7b; border-color: rgba(0, 0, 0, 0); }

.btn-primary:hover { color: #FFFFFF; background-color: #823b7b; border-color: rgba(0, 0, 0, 0); }

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #FFFFFF; background-color: #823b7b; border-color: rgba(0, 0, 0, 0); }

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #FFFFFF; background-color: #693064; border-color: rgba(0, 0, 0, 0); }

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #A54B9C; border-color: transparent; }

.btn-primary .badge { color: #A54B9C; background-color: #FFFFFF; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }

.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }

.btn-success .badge { color: #5cb85c; background-color: #fff; }

.btn-info { color: #888888; background-color: transparent; border-color: #CCCCCC; }

.btn-info:focus, .btn-info.focus { color: #888888; background-color: rgba(0, 0, 0, 0); border-color: #8c8c8c; }

.btn-info:hover { color: #888888; background-color: rgba(0, 0, 0, 0); border-color: #adadad; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #888888; background-color: rgba(0, 0, 0, 0); border-color: #adadad; }

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #888888; background-color: rgba(0, 0, 0, 0); border-color: #8c8c8c; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: transparent; border-color: #CCCCCC; }

.btn-info .badge { color: transparent; background-color: #888888; }

.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }

.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; }

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }

.btn-warning .badge { color: #f0ad4e; background-color: #fff; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }

.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }

.btn-danger .badge { color: #d9534f; background-color: #fff; }

.btn-link { color: #A54B9C; font-weight: normal; border-radius: 0; }

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }

.btn-link:hover, .btn-link:focus { color: #A54B9C; text-decoration: underline; background-color: transparent; }

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

.btn-lg, .btn-group-lg > .btn { padding: 7.5px 20px; font-size: 20px; line-height: 1.33333; border-radius: 150px; }

.btn-sm, .btn-group-sm > .btn { padding: 2.5px 10px; font-size: 14px; line-height: 1.5; border-radius: 150px; }

.btn-xs, .btn-group-xs > .btn { padding: 0.5px 5px; font-size: 14px; line-height: 1.5; border-radius: 150px; }

.btn-block { display: block; width: 100%; }

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

/* @import "../bootstrap/navbar"; @import "../bootstrap/breadcrumbs"; @import "../bootstrap/jumbotron"; @import "../bootstrap/pagination"; @import "../bootstrap/pager"; @import "../bootstrap/labels"; @import "../bootstrap/thumbnails"; @import "../bootstrap/progress-bars"; @import "../bootstrap/media"; @import "../bootstrap/list-group";  @import "../bootstrap/responsive-embed";  @import "../bootstrap/panels"; */
.nav { margin-bottom: 0; padding-left: 0; list-style: none; }

.nav:before, .nav:after { content: " "; display: table; }

.nav:after { clear: both; }

.nav > li { position: relative; display: block; }

.nav > li > a { position: relative; display: block; padding: 10px 15px; }

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }

.nav > li.disabled > a { color: #777777; }

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #A54B9C; }

.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.nav > li > a > img { max-width: none; }

.nav-tabs { border-bottom: 1px solid #ddd; }

.nav-tabs > li { float: left; margin-bottom: -1px; }

.nav-tabs > li > a { margin-right: 2px; line-height: 1.7; border: 1px solid transparent; border-radius: 5px 5px 0 0; }

.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }

.nav-pills > li { float: left; }

.nav-pills > li > a { border-radius: 4px; }

.nav-pills > li + li { margin-left: 2px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; }

.nav-stacked > li { float: none; }

.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified { width: 100%; }

.nav-justified > li, .nav-tabs.nav-justified > li { float: none; }

.nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; }

.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }

@media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; }

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 5px; }

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; }

@media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 5px 5px 0 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.dropup, .dropdown { position: relative; }

.dropdown-toggle:focus { outline: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; }

.dropdown-menu.pull-right { right: 0; left: auto; }

.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.7; color: #333333; white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; }

.open > .dropdown-menu { display: block; }

.open > a { outline: 0; }

.dropdown-menu-right { left: auto; right: 0; }

.dropdown-menu-left { left: 0; right: auto; }

.dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.7; color: #777777; white-space: nowrap; }

.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }

.pull-right > .dropdown-menu { right: 0; left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

@media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; }
  .navbar-right .dropdown-menu-left { left: 0; right: auto; } }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }

.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; }

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; }

.btn-toolbar { margin-left: -5px; }

.btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; }

.btn-toolbar:after { clear: both; }

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }

.btn-group > .btn:first-child { margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.btn-group > .btn-group { float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }

.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }

.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }

.btn .caret { margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; }

.btn-group-vertical > .btn-group:after { clear: both; }

.btn-group-vertical > .btn-group > .btn { float: none; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 150px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 150px; border-top-right-radius: 0; border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }

.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }

.btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; }

.btn-group-justified > .btn-group .btn { width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu { left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.input-group { position: relative; display: table; border-collapse: separate; }

.input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; }

.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }

.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }

.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }

.input-group-addon { padding: 10px 15px; font-size: 16px; font-weight: normal; line-height: 1; color: #444444; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 5px; }

.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 14px; border-radius: 3px; }

.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 15px 20px; font-size: 20px; border-radius: 5px; }

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.input-group-addon:first-child { border-right: 0; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.input-group-addon:last-child { border-left: 0; }

.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }

.input-group-btn > .btn { position: relative; }

.input-group-btn > .btn + .btn { margin-left: -1px; }

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }

.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.alert h4 { margin-top: 0; color: inherit; }

.alert .alert-link { font-weight: bold; }

.alert > p, .alert > ul { margin-bottom: 0; }

.alert > p + p { margin-top: 5px; }

.alert-dismissable, .alert-dismissible { padding-right: 35px; }

.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }

.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

.alert-success hr { border-top-color: #c9e2b3; }

.alert-success .alert-link { color: #2b542c; }

.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

.alert-info hr { border-top-color: #a6e1ec; }

.alert-info .alert-link { color: #245269; }

.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

.alert-warning hr { border-top-color: #f7e1b5; }

.alert-warning .alert-link { color: #66512c; }

.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

.alert-danger hr { border-top-color: #e4b9c0; }

.alert-danger .alert-link { color: #843534; }

.close { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }

.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: bold; color: white; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #888888; border-radius: 10px; }

.badge:empty { display: none; }

.btn .badge { position: relative; top: -1px; }

.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; }

.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: white; background-color: #A54B9C; }

.list-group-item > .badge { float: right; }

.list-group-item > .badge + .badge { margin-right: 5px; }

.nav-pills > li > a > .badge { margin-left: 3px; }

a.badge:hover, a.badge:focus { color: #888888; text-decoration: none; cursor: pointer; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.fade.in { opacity: 1; }

.collapse { display: none; }

.collapse.in { display: block; }

tr.collapse.in { display: table-row; }

tbody.collapse.in { display: table-row-group; }

.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }

.well-lg { padding: 24px; border-radius: 5px; }

.well-sm { padding: 9px; border-radius: 3px; }

@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

@keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }

.progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar { float: left; width: 0%; height: 100%; font-size: 14px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }

.progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }

.progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success { background-color: #5cb85c; }

.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info { background-color: #5bc0de; }

.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning { background-color: #f0ad4e; }

.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger { background-color: #d9534f; }

.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

/* @import "../bootstrap/popovers"; @import "../bootstrap/carousel"; */
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Source Sans Pro", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.7; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }

.tooltip.top { margin-top: -3px; padding: 5px 0; }

.tooltip.right { margin-left: 3px; padding: 0 5px; }

.tooltip.bottom { margin-top: 3px; padding: 5px 0; }

.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 5px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.modal-open { overflow: hidden; }

.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; }

.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 10px; }

.modal-content { position: relative; background-color: white; border: 1px solid #999; border: 1px solid #888888; border-radius: 5px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }

.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }

.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }

.modal-header { padding: 15px 30px; border-bottom: 1px solid #EEEEEE; min-height: 15px 30px1.42857; }

.modal-header .close { margin-top: -2px; }

.modal-title { margin: 0; line-height: 1.42857; }

.modal-body { position: relative; padding: 30px; }

.modal-footer { padding: 30px; text-align: right; border-top: 1px solid #DDDDDD; }

.modal-footer:before, .modal-footer:after { content: " "; display: table; }

.modal-footer:after { clear: both; }

.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; }
  .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm { width: 300px; } }

@media (min-width: 992px) { .modal-lg { width: 900px; } }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }

.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }

@media (max-width: 767px) { .visible-xs-block { display: block !important; } }

@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }

@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }

@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 767px) { .hidden-xs { display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }

@media (min-width: 1200px) { .hidden-lg { display: none !important; } }

.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }

.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }

body.fixedHeader { padding-top: 100px; }

body.fixedHeader.landingHeader { padding-top: 0px; }

body.fixedHeader.landingHeader #header-wrap { padding-top: 100px; }

header { position: fixed; top: 0; width: 100%; z-index: 10; margin-bottom: 20px; padding: 0 15px; min-height: 50px; height: 50px; background-color: #222222; overflow: visible; }

header .title { float: left; font-size: 16px; line-height: 40px; display: inline-block; height: 40px; color: #A54B9C; font-weight: 700; }

header .nomenu-header { float: right; margin-top: 7px; }

header div.brand { display: inline-block; margin-right: 20px; padding-left: 15px; line-height: 50px; }

header div.brand img { height: 26px; }

header a.brand-logo:hover, header a.brand-logo:focus { text-decoration: none; }

header .inline-block-display { display: inline-block; }

header .header-eap-logo { line-height: 50px; }

header .header-eap-logo img { top: -2px; position: relative; height: 30px; }

header .header-eap-logo:hover { text-decoration: none; }

header .brand-logo-reverse { display: none; }

header div.menu { display: inline; }

header div#phone { border-radius: 50%; border: 0; height: 24px; width: 24px; line-height: 24px; text-align: center; padding: 0; color: white; margin-left: 5px; display: inline-block; }

header div#phone.inactive { display: none; }

header div#phone.active { color: white; background-color: #5FAA41; }

header div#phone.active:hover { background-color: #599e3d; }

header .counseling-menu-tab { float: right; background-color: rgba(31, 174, 223, 0.2); margin-right: 15px; padding: 5px 15px; border-radius: 5px 5px 0 0; font-weight: 700; margin-top: 8px; margin-bottom: 0; height: 32px; cursor: pointer; text-decoration: none; color: #444; }

header .counseling-menu-tab.active { background-color: #DDDDDD; }

header .counseling-menu-tab:last-child { margin-right: 20px; }

header .new-client-todo { float: right; background-color: #d85932; margin-left: 10px; padding: 4px; margin: 3px; position: relative; top: 10px; margin-right: 10px; font-size: 10px; color: white; line-height: 1.3em; }

header .new-client-todo .sun-icon { color: #ffde75; }

header .new-client-icon { float: right; background-color: #d85932; margin-right: 10px; padding: 4px; margin: 3px; position: relative; top: 3px; margin-right: 10px; font-size: 9px; color: white; line-height: 1.3em; }

header .new-client-icon.active { background-color: #DDDDDD; }

header .new-client-icon:last-child { margin-right: 20px; }

header .new-client-icon .sun-icon { color: #ffde75; }

header ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; }

header ul li { list-style-type: none; display: inline-block; height: 50px; line-height: 50px; padding: 0px 12px; cursor: pointer; }

header ul li .badge { background-color: #05BBD3; }

header ul.main > a > li { color: #DDDDDD; -webkit-text-fill-color: #DDDDDD; }

header ul.main > a > li:hover { color: #EEEEEE; -webkit-text-fill-color: #EEEEEE; border-bottom: 4px solid #1FAEDF; }

header ul.main > a > li.active { color: #EEEEEE; -webkit-text-fill-color: #EEEEEE; border-bottom: 4px solid #1FAEDF; }

header ul.right { float: right; }

header ul.right.empty { margin-top: 14px; }

header ul.right.empty > a > li { display: none; }

header ul.right > a:hover { text-decoration: none; }

header ul.right > a > li, header ul.right > li, header ul.right > #login-nav, header ul.right > #get-started-nav { position: relative; color: #DDDDDD; -webkit-text-fill-color: #DDDDDD; display: inline-block; list-style-type: none; padding: 0 20px; height: 50px; line-height: 50px; font-weight: 400; font-size: 15px; }

header ul.right > a > li:hover, header ul.right > a > li:focus, header ul.right > a > li:active, header ul.right > a > li.active, header ul.right > li:hover, header ul.right > li:focus, header ul.right > li:active, header ul.right > li.active, header ul.right > #login-nav:hover, header ul.right > #login-nav:focus, header ul.right > #login-nav:active, header ul.right > #login-nav.active, header ul.right > #get-started-nav:hover, header ul.right > #get-started-nav:focus, header ul.right > #get-started-nav:active, header ul.right > #get-started-nav.active { color: #EEEEEE; border-bottom: 4px solid #1FAEDF; }

header ul.right .btn { margin-left: 10px; }

header ul.right > li .dropdown { position: absolute; z-index: 1500; border: 1px solid #444444; border-top: 2px solid #444444; background-color: #222222; margin-top: -2px; border-radius: 0 0 5px 5px; padding: 10px 0; min-width: 180px; display: none; right: 0; white-space: nowrap; }

header ul.right > li .dropdown > a { color: #DDDDDD; -webkit-text-fill-color: #DDDDDD; }

header ul.right > li .dropdown > a li { text-align: right; display: block; height: 30px; line-height: 30px; }

header ul.right .valign-top { vertical-align: top; }

header ul.right #counselor-hours-dropdown { max-width: 300px; white-space: normal; padding: 10px; line-height: normal; cursor: initial; }

header ul.right #counselor-hours-dropdown a { color: #A54B9C; -webkit-text-fill-color: #A54B9C; }

header ul.right #counselor-hours-dropdown a:hover { text-decoration: underline; }

@media (max-width: 767px) { header ul.right #counselor-hours-dropdown { max-width: initial; } }

header ul.right #counselor-hours-dropdown #counselor-hours-dropdown-dates { color: #666666; }

header ul.right #counselor-hours-menu:hover, header ul.right #counselor-hours-menu:active, header ul.right #counselor-hours-menu:focus { border-bottom: none; }

header ul.right #counselor-hours-menu-button { display: flex; align-items: center; height: 50px; }

header ul.right #counselor-hours-menu-button .number-and-arrow { background-color: #5faa41; border-radius: 5px; padding: 5px 8px; height: 38px; color: white; -webkit-text-fill-color: white; font-size: 13px; line-height: 27px; }

header ul.right #counselor-hours-menu-button .number-and-arrow:hover { background-color: #4d8b35; }

header ul.right #counselor-hours-menu-button .number-and-arrow span, header ul.right #counselor-hours-menu-button .number-and-arrow i { display: inline-block; vertical-align: middle; }

header ul.right #counselor-hours-menu-button .number-and-arrow span { line-height: 15px; }

header ul.right #counselor-hours-menu-button .number-and-arrow i { margin-left: 5px; }

header ul.right #counselor-hours-menu-button .maintenance-mode-icon { font-size: 20px; }

@media (max-width: 767px) { header ul.right #counselor-hours-menu-button { border-style: none; background-color: unset; padding: 0px; color: #444444; display: inline-block; } }

@media (max-width: 767px) { header ul.right #counselor-hours-menu-button { display: inline-block; height: auto; }
  header ul.right #counselor-hours-menu-button .number-and-arrow { background-color: unset; color: #444444; -webkit-text-fill-color: #444444; padding: 0; height: auto; font-size: initial; line-height: initial; }
  header ul.right #counselor-hours-menu-button .number-and-arrow:hover { background-color: unset; }
  header ul.right #counselor-hours-menu-button .number-and-arrow .header-success-score { display: inline; margin-left: 10px; padding-left: 15px; border-left: 1px solid #949494; } }

header ul.right #counselor-hours-menu.open #counselor-hours-menu-button .number-and-arrow { background-color: #4d8b35; }

@media (max-width: 767px) { header ul.right #counselor-hours-menu.open #counselor-hours-menu-button .number-and-arrow { background-color: unset; } }

header ul.right #counselor-nav { display: none; }

header ul.right #login-nav, header ul.right #get-started-nav { border: none; touch-action: none; border-radius: 0; background-color: transparent; margin-top: -3px; }

header ul.right #get-started-nav { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; font-weight: 700; }

header ul.right #get-started-nav:hover, header ul.right #get-started-nav:focus, header ul.right #get-started-nav:active { color: #1FAEDF; }

header ul.right .usericon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; }

header #counseling-menu { position: fixed; top: 40px; left: 0; right: 0; z-index: 5; background-color: #EEEEEE; display: none; text-align: center; }

header #counseling-menu a { display: block; padding: 5px 0; border-top: 1px solid #DDDDDD; font-weight: 700; color: #444444; }

header #counseling-menu a:hover, header #counseling-menu a:active, header #counseling-menu a:focus { background-color: #DDDDDD; text-decoration: none; }

header #counseling-menu a.counselor { background-color: #DDDDDD; font-size: 16px; }

header #counseling-menu a.counselor:hover, header #counseling-menu a.counselor:active, header #counseling-menu a.counselor:focus { background-color: #CCCCCC; text-decoration: none; }

header #counseling-menu a #notes-only span.allmessages { display: none; }

header #counseling-menu a #notes-only.notesonly span.allmessages { display: block; }

header #counseling-menu a #notes-only.notesonly span.notes { display: none; }

header #counseling-menu a#todo-link, header #counseling-menu a#subscribers-link { border: none !important; }

header #counseling-menu p { padding: 15px; margin: 0; }

header .mobilemenu-toggle { display: none; float: right; height: 40px; line-height: 40px; font-size: 20px; color: #888888; cursor: pointer; }

header .mobilemenu-toggle:hover, header .mobilemenu-toggle:active { color: #CCCCCC; }

header #counselingmenu-toggle { float: right; background-color: #EEEEEE; margin-right: 20px; padding: 10px 15px; border-radius: 5px 5px 0 0; font-weight: 700; margin-top: 10px; height: 50px; cursor: pointer; }

header #counselingmenu-toggle.active { background-color: #DDDDDD; }

header .openhelp-toggle { float: right; background-color: #EEEEEE; margin-right: 20px; padding: 10px 15px; border-radius: 5px 5px 0 0; font-weight: 700; margin-top: 10px; height: 50px; cursor: pointer; }

header .openhelp-toggle.active { background-color: #DDDDDD; }

header .openhelp-toggle a { color: inherit; text-decoration: none; }

header .livechat-header .dropdown { display: inline-block; margin-right: 5px; }

header .livechat-header .dropdown ul.dropdown-menu { box-shadow: none; -webkit-box-shadow: none; background-color: #EEEEEE; border: 1px solid #DDDDDD; }

header .livechat-header .dropdown ul.dropdown-menu li { line-height: 35px; height: 35px; padding: 0; margin: 0; height: auto; display: block; }

header .livechat-header div#timer { font-size: 18px; margin-right: 10px; display: none; float: right; line-height: 35px; background-color: #EEEEEE; border-bottom: 2px solid #DDDDDD; border-left: 2px solid #DDDDDD; height: 35px; padding: 12px 20px; margin-top: -12px; margin-right: -15px; height: 60px; margin-left: 10px; }

header .livechat-header div#timer.ending { color: #AF2225; font-weight: 700; }

header .livechat-header div#timer #time { margin-right: 15px; }

header .livechat-header div#timer .btn { background-color: #F5F5F5; }

header.mysite, header.worksheet { text-align: center; background: #fdf3ca; }

header.mysite .mysite-header, header.worksheet .mysite-header { padding-top: 1em; }

header.worksheet .btn-exit { float: right; }

header #progress-bar-container { position: relative; display: inline-block; z-index: 0; overflow: hidden; width: 54px; height: 10px; border: 1px solid #cccccc; background: -moz-linear-gradient(left, #a3a3a3 0%, #15a824 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a3a3a3 0%, #15a824 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a3a3a3 0%, #15a824 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#15a824',GradientType=1 ); /* IE6-9 */ }

header .progress-bar-progress { background-color: white; position: absolute; height: 100%; z-index: 15; right: 0; }

header .progress-bar-separators { position: absolute; width: 100%; height: 100%; z-index: 10; color: black; background: repeating-linear-gradient(to right, transparent, transparent 9.8%, #ffffff 9.8%, #ffffff 11.3%); }

.progress-bar-tooltip.in-header { position: absolute; background: #414141; padding: 5px; width: 162px; top: -9px; left: 24px; z-index: 15; border-radius: 5px; text-align: center; color: #fff; }

.progress-bar-tooltip.in-header a { color: #5FAA41 !important; }

.progress-bar-tooltip.in-header:after { bottom: 100%; left: 50%; border: 9px solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #414141; margin-left: -5px; }

body .alert_wrapper { top: -40px; position: relative; }

body .alert_wrapper .alert-notify { height: 2em; margin-top: 0; margin-bottom: 0; padding: 0 20px; line-height: 2em; }

#header-bg { background-color: #444444; height: 60px; border-bottom: 2px solid #DDDDDD; z-index: 10; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); position: fixed; top: 0; width: 100%; }

#inpageMenu { position: fixed; z-index: 21; top: 45px; width: 90%; left: 10px; background-color: white; padding: 15px 20px; border-radius: 0 0 5px 5px; border: 2px solid #CCCCCC; border-top: 0; display: none; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); }

#inpageMenu ul { list-style-type: none; padding: 0; margin: 0; }

#inpageMenu ul a { color: #444444; display: block; font-weight: 700; cursor: pointer; }

#inpageMenu ul a li { list-style-type: none; padding: 8px 0; }

#inpageMenu ul a li.counselor { background-color: #F5F5F5; padding: 10px 15px; margin: -15px -20px 5px -20px; border-bottom: 1px solid #DDDDDD; }

#inpageMenu ul a.notes span.allmessages { display: none; }

#inpageMenu ul a.messages span.notesonly { display: none; }

@media (min-width: 768px) and (max-width: 1199px) { header .menu.counselor-menu ul.main > a > li, header .menu.counselor-menu ul.main > li, header .menu.counselor-menu ul.right > a > li, header .menu.counselor-menu ul.right > li { padding: 0 7px; } }

@media (min-width: 768px) { header .menu ul.right li.open { background-color: #444444; border-bottom: 2px solid #CCCCCC; }
  header .menu ul.right li.open .dropdown { display: block; } }

@media (max-width: 767px) { header { min-height: 40px; border-bottom: 1px solid #EEEEEE; background-color: white; overflow-x: visible; height: auto; margin-bottom: 20px; max-height: 100%; overflow-y: auto; }
  header .nomenu-header { float: right; margin-top: 0px; }
  header div.menu { display: none; margin: 0 -15px; }
  header .header-eap-logo { line-height: 40px; }
  header .header-eap-logo img { top: 0; left: -5px; height: 25px; }
  header ul.main, header ul.right { padding: 0; width: 100%; display: block; float: none; text-align: left; z-index: 15; background-color: white; }
  header ul.main.main > a > li, header ul.right.main > a > li { text-transform: none; }
  header ul.main li:hover, header ul.right li:hover { color: #444444; -webkit-text-fill-color: #444444; }
  header ul.main a:hover, header ul.main a:active, header ul.main a:focus, header ul.right a:hover, header ul.right a:active, header ul.right a:focus { text-decoration: none; }
  header ul.main a > li, header ul.main li, header ul.main #login-nav, header ul.main #get-started-nav, header ul.right a > li, header ul.right li, header ul.right #login-nav, header ul.right #get-started-nav { display: block; line-height: 50px; font-size: 16px; border-top: 1px solid #EEEEEE; padding: 0px 20px; color: #888888; -webkit-text-fill-color: #888888; height: auto; }
  header ul.main a > li .fa-angle-down, header ul.main li .fa-angle-down, header ul.main #login-nav .fa-angle-down, header ul.main #get-started-nav .fa-angle-down, header ul.right a > li .fa-angle-down, header ul.right li .fa-angle-down, header ul.right #login-nav .fa-angle-down, header ul.right #get-started-nav .fa-angle-down { display: none; }
  header ul.main a > li:hover, header ul.main a > li:active, header ul.main a > li.active, header ul.main li:hover, header ul.main li:active, header ul.main li.active, header ul.main #login-nav:hover, header ul.main #login-nav:active, header ul.main #login-nav.active, header ul.main #get-started-nav:hover, header ul.main #get-started-nav:active, header ul.main #get-started-nav.active, header ul.right a > li:hover, header ul.right a > li:active, header ul.right a > li.active, header ul.right li:hover, header ul.right li:active, header ul.right li.active, header ul.right #login-nav:hover, header ul.right #login-nav:active, header ul.right #login-nav.active, header ul.right #get-started-nav:hover, header ul.right #get-started-nav:active, header ul.right #get-started-nav.active { background-color: #EEEEEE; border-bottom: 0; color: #444444; -webkit-text-fill-color: #444444; font-weight: 700; text-decoration: none; }
  header ul.main a > li > ul.dropdown, header ul.main li > ul.dropdown, header ul.main #login-nav > ul.dropdown, header ul.main #get-started-nav > ul.dropdown, header ul.right a > li > ul.dropdown, header ul.right li > ul.dropdown, header ul.right #login-nav > ul.dropdown, header ul.right #get-started-nav > ul.dropdown { margin: 0 -20px; display: none; position: relative; background-color: white; font-weight: 400; border: 0; box-shadow: none; padding: 5px 20px; border-radius: 0; }
  header ul.main a > li > ul.dropdown:hover, header ul.main a > li > ul.dropdown:active, header ul.main li > ul.dropdown:hover, header ul.main li > ul.dropdown:active, header ul.main #login-nav > ul.dropdown:hover, header ul.main #login-nav > ul.dropdown:active, header ul.main #get-started-nav > ul.dropdown:hover, header ul.main #get-started-nav > ul.dropdown:active, header ul.right a > li > ul.dropdown:hover, header ul.right a > li > ul.dropdown:active, header ul.right li > ul.dropdown:hover, header ul.right li > ul.dropdown:active, header ul.right #login-nav > ul.dropdown:hover, header ul.right #login-nav > ul.dropdown:active, header ul.right #get-started-nav > ul.dropdown:hover, header ul.right #get-started-nav > ul.dropdown:active { background-color: white; }
  header ul.main a > li > ul.dropdown li, header ul.main li > ul.dropdown li, header ul.main #login-nav > ul.dropdown li, header ul.main #get-started-nav > ul.dropdown li, header ul.right a > li > ul.dropdown li, header ul.right li > ul.dropdown li, header ul.right #login-nav > ul.dropdown li, header ul.right #get-started-nav > ul.dropdown li { line-height: 40px; height: 40px; font-size: 14px; border: 0px; display: block; text-align: left; margin: 0 -10px; padding: 0 10px; }
  header ul.main a > li > ul.dropdown li:hover, header ul.main li > ul.dropdown li:hover, header ul.main #login-nav > ul.dropdown li:hover, header ul.main #get-started-nav > ul.dropdown li:hover, header ul.right a > li > ul.dropdown li:hover, header ul.right li > ul.dropdown li:hover, header ul.right #login-nav > ul.dropdown li:hover, header ul.right #get-started-nav > ul.dropdown li:hover { background-color: transparent; text-decoration: underline; }
  header ul.main a > li.mobile-active, header ul.main li.mobile-active, header ul.main #login-nav.mobile-active, header ul.main #get-started-nav.mobile-active, header ul.right a > li.mobile-active, header ul.right li.mobile-active, header ul.right #login-nav.mobile-active, header ul.right #get-started-nav.mobile-active { background-color: #EEEEEE; font-weight: 700; }
  header ul.main a > li.mobile-active .dropdown, header ul.main li.mobile-active .dropdown, header ul.main #login-nav.mobile-active .dropdown, header ul.main #get-started-nav.mobile-active .dropdown, header ul.right a > li.mobile-active .dropdown, header ul.right li.mobile-active .dropdown, header ul.right #login-nav.mobile-active .dropdown, header ul.right #get-started-nav.mobile-active .dropdown { display: block; }
  header ul.main a > li.highlight, header ul.main li.highlight, header ul.main #login-nav.highlight, header ul.main #get-started-nav.highlight, header ul.right a > li.highlight, header ul.right li.highlight, header ul.right #login-nav.highlight, header ul.right #get-started-nav.highlight { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; font-weight: 700; }
  header ul.main #get-started-nav, header ul.right #get-started-nav { color: #1FAEDF; border-bottom: 1px solid #EEEEEE; }
  header ul.main #get-started-nav:hover, header ul.main #get-started-nav:active, header ul.main #get-started-nav:focus, header ul.main #get-started-nav.active, header ul.right #get-started-nav:hover, header ul.right #get-started-nav:active, header ul.right #get-started-nav:focus, header ul.right #get-started-nav.active { color: #444444; -webkit-text-fill-color: #444444; }
  header ul.main a.btn.btn-info, header ul.right a.btn.btn-info { border: 0; border-top: 1px solid #EEEEEE; color: #444444; -webkit-text-fill-color: #444444; }
  header ul.main a.btn.btn-info:hover, header ul.main a.btn.btn-info:active, header ul.right a.btn.btn-info:hover, header ul.right a.btn.btn-info:active { background-color: #EEEEEE; border-bottom: 0; }
  header ul.right > li:before { content: '\f105'; font-family: 'FontAwesome'; margin-right: 8px; }
  header ul.right > li.mobile-active:before { content: '\f107'; font-family: 'FontAwesome'; margin-right: 8px; }
  header div.brand { line-height: 40px; padding-left: 0; }
  header div.brand img { height: 24px; margin-right: 15px; margin-top: -3px; }
  header #username { border-top: 2px solid #EEEEEE; border-bottom: 2px solid #EEEEEE; line-height: 50px; height: auto; font-size: 16px; padding: 0 20px; overflow: visible; }
  header #username img { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; display: none; float: right; margin-top: 10px; }
  header ul.right .btn { display: block; border-radius: 0; height: 50px; line-height: 50px; text-align: left; margin: 0; }
  .mobilemenu-toggle { display: inline-block !important; }
  body .alert_wrapper { top: -20px; } }

@media (max-width: 400px) { .openhelp-toggle { display: none !important; } }

.brand-primary { color: #1FAEDF; }

.overlay-loading-layer { background-color: rgba(245, 245, 245, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2501 !important; }

.loading-wrap { display: flex; align-items: center; justify-content: center; height: 100vh; }

.loading-wrap .loading-circle { max-width: 50%; }

.loading-wrap .loading-circle .fa { color: #A54B9C; }

.inline-loading { background: url("//dy7glz37jgl0b.cloudfront.net/brand/regain/spinning-logo.gif") no-repeat center center; z-index: 2502 !important; }

var { font-style: normal; }

html, body { height: 100%; margin: 0; padding: 0; }

a { color: #A54B9C; -webkit-text-fill-color: #A54B9C; }

body { font-weight: 400; font-family: "Source Sans Pro", Arial, sans-serif; font-size: 14px; }

body #body-container { min-height: 100%; position: relative; }

body #body-container #content-container { padding-bottom: 240px; padding-top: 50px; }

body.minimal #body-container #content-container { padding-bottom: 140px; }

body audio { max-width: 17em; }

body.gray { background-color: #F5F5F5; }

.gather_cc #credit-cards { height: 20px; margin-top: 5px; }

@media (max-width: 991px) { body #body-container #content-container { padding-bottom: 280px; }
  body.minimal #body-container #content-container { padding-bottom: 170px; } }

@media (max-width: 767px) { body.mobile-white { background-color: white; }
  body #body-container #content-container { padding-bottom: 0; padding-top: 40px; min-height: 85vh; }
  body.minimal #body-container #content-container { padding-bottom: 280px; }
  .container { padding-left: 20px; padding-right: 20px; }
  .block { padding: 25px; max-width: none; margin: 0; border: 0; }
  .block:first-child { margin-top: 0; }
  header + #content-container > .block { padding-top: 10px; }
  .block + .block { border-top: 1px solid #EEEEEE; } }

@media (min-width: 768px) { .row-desktop { margin-right: -15px; margin-left: -15px; }
  .row-desktop:before, .row-desktop:after { content: " "; display: table; }
  .row-desktop:after { clear: both; }
  #client_private_info.form-horizontal .control-label { padding-top: 5px; } }

@media (max-width: 767px) { .row-mobile { margin-right: -15px; margin-left: -15px; }
  .row-mobile:before, .row-mobile:after { content: " "; display: table; }
  .row-mobile:after { clear: both; } }

.center { text-align: center; }

h1.special { font-family: 'Roboto Slab', serif; color: #5FAA41; font-weight: 300; font-size: 40px; }

small { line-height: 1.4; }

h1, h2, h3 { line-height: 1.2em; }

h2 { font-size: 22px; margin-top: 0; margin-bottom: 15px; color: #1FAEDF; }

h3 { margin-bottom: 15px; }

.red { color: #AF2225; }

.btn-primary, .btn-default { color: white; -webkit-text-fill-color: white; }

.btn-secondary { color: #888888; -webkit-text-fill-color: #888888; border: 2px solid #888888; }

.btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus { color: #444444; -webkit-text-fill-color: #44444444; border-color: #444444; }

.btn-close, .btn-dismiss { color: #888888; -webkit-text-fill-color: #888888; background-color: #EEEEEE; }

.btn-close:active, .btn-close:hover, .btn-close:focus, .btn-dismiss:active, .btn-dismiss:hover, .btn-dismiss:focus { color: #444444; -webkit-text-fill-color: #444444; background-color: #DDDDDD; }

.btn-danger { -webkit-text-fill-color: white; }

.btn-success { -webkit-text-fill-color: #fff; }

.form-group.error { color: #AF2225; }

.form-group.error input, .form-group.error select, .form-group.error textarea { border-color: #AF2225; }

textarea.form-control { resize: vertical; }

select.form-control { padding: 0px 15px; }

label small { font-weight: 400; color: #888888; margin-left: 5px; }

.alert.alert-error { border-bottom: 2px solid #AF2225; border-radius: 0; background-color: rgba(175, 34, 37, 0.1); color: #AF2225; margin-top: 15px; }

label.radio, label.checkbox { margin-bottom: 20px; padding-left: 25px; font-weight: 400; position: relative; cursor: pointer; }

label.radio input[type='radio'], label.radio input[type='checkbox'], label.checkbox input[type='radio'], label.checkbox input[type='checkbox'] { left: 20px; top: 1px; position: absolute; }

label.input { padding-left: 0; }

label.btn { margin-bottom: 18px; padding-top: 15px; padding-bottom: 15px; }

label.btn input { display: none; }

.form-group { margin-bottom: 25px; }

.form-group:last-child { margin-bottom: 0; }

.modal { overflow-y: auto; z-index: 2500; }

.modal .modal-content { border: 0; }

.modal .modal-content .modal-header { padding: 30px; border: 0; }

.modal .modal-content .modal-header h1 { font-size: 30px; margin: 0; }

.modal .modal-content .modal-header h2 { font-size: 24px; margin: 0; }

.modal .modal-content .modal-header p { margin-top: 15px; }

.modal .modal-content .modal-header p:last-child { margin-bottom: 0; }

.modal .modal-content .modal-header button.close { font-size: 30px; }

.modal .modal-content .modal-header table p { margin: 0; }

.modal .modal-content .modal-body p { margin-bottom: 0; }

.modal .modal-content .modal-body h3 { margin-bottom: 10px; margin-top: 30px; }

.modal .modal-content .modal-body h3:first-child { margin-top: 0; }

.modal .modal-content .modal-body small.green { color: #5FAA41; line-height: 1.4; }

.modal .modal-content .modal-body small.green i { margin-right: 5px; }

.modal .modal-content .modal-footer { border: 0; padding: 20px 30px; }

.modal .modal-content .modal-header + .modal-body { border-top: 1px solid #EEEEEE; }

.modal .modal-content .modal-body + .modal-footer { border-top: 1px solid #EEEEEE; }

.modal .modal-content .modal-header + .modal-footer { border-top: 1px solid #EEEEEE; }

.modal #credit-cards { margin-top: 5px; height: 22px; }

#body-container .modal { position: fixed; }

.modal table { margin-top: 10px; }

.modal table .user-icon { height: 60px; width: 60px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

.modal table h2 { margin: 0; }

.fade.in { animation-duration: 0ms; }

.modal-body h3 { margin: 0; color: #5FAA41; font-size: 1.17em; }

select.form-control, input.form-control { padding: 0 15px; }

h1, h2, h3, h4, h5 { line-height: 1.4; }

span.password_strength { font-weight: 700; right: 30px; padding-left: 5px; display: block; position: absolute; }

span.password_strength.password_strength_1, span.password_strength.password_strength_2 { color: #AF2225; }

span.password_strength.password_strength_3 { color: #E0AB50; }

span.password_strength.password_strength_4, span.password_strength.password_strength_5 { color: #5FAA41; }

.beck-results { background-color: #F5F5F5; height: 100%; padding: 20px; font-size: 16px; line-height: 26px; vertical-align: middle; float: none; border: 3px solid #EEEEEE; margin: 15px 0; }

.pixel { display: none; }

div.block { background-color: white; border: 1px solid #EEEEEE; padding: 20px; max-width: 700px; margin: 20px auto; clear: both; overflow: auto; }

div.block .form-group { margin-bottom: 30px; }

div.block .form-group:last-child { margin-bottom: 0; }

div.block.h-scroll { overflow: auto; }

div.block h2:first-child, div.block h3:first-child { margin-top: 0; }

div.block .checkbox, div.block .radio { padding-left: 30px; font-weight: 400; }

div.block h3 { margin-top: 30px; }

.text-right { text-align: right !important; }

.text-left { text-align: left !important; }

.anchor { margin-top: -80px; height: 80px; display: block; visibility: hidden; }

#modal-trial-after .discount { color: #AF2225; font-weight: 700; }

#new-potential-client { right: 0px; bottom: 0px; position: fixed; z-index: 5000; border: 10px; border-color: #0D2D33; }

#new-potential-client button { margin-top: 8px; margin-right: 10px; }

#new-potential-client .alert { margin-bottom: 0; border-radius: 5px 0 0 0; background-color: #d9fafe; border-top: 1px solid #05BBD3; border-left: 1px solid #05BBD3; padding: 8px 40px 8px 15px; }

#new-potential-client .alert a { color: #1FAEDF; }

#new-notification { left: 0px; bottom: 0px; position: fixed; z-index: 5000; border: 10px; border-color: #0D2D33; }

#new-notification button { margin-top: 8px; margin-right: 10px; }

#new-notification .alert { margin-bottom: 0; border-radius: 0 5px 0 0; background-color: #cce8e7; border-top: 1px solid #387D7A; border-right: 1px solid #387D7A; padding: 8px 40px 8px 15px; }

#new-notification .alert a { color: #1FAEDF; }

img.grayscale { filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); }

.toggle-controls { position: relative; max-width: 400px; display: flex; justify-content: center; align-items: center; }

.toggle-controls i { color: white; position: absolute; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: .5; display: none; }

.video-testimonial { width: 100%; margin-bottom: 20px; }

.help-testimonials .video-testimonial { margin-bottom: 0; }

i.red { color: #AF2225; }

i.yellow { color: #E0AB50; }

.online-status { display: inline-block; width: 15px; margin-right: 10px; color: #888888; -webkit-text-fill-color: #888888; }

.online-status.online { -webkit-animation: colorchange 2s infinite; /* Chrome, Safari, Opera */ animation: 2s infinite colorchange; }

.online-status:after { content: "\f007"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: inherit; }

.online-status.online:after { content: "\f007"; font-style: normal; font-family: FontAwesome; color: #5FAA41; -webkit-text-fill-color: #5FAA41; }

.dont-overflow { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

@keyframes colorchange { 0% { color: #377e1b; }
  50% { color: #5FAA41; }
  100% { color: #377e1b; } }

/* Chrome, Safari, Opera */
@-webkit-keyframes colorchange { 0% { color: #377e1b; }
  50% { color: #5FAA41; }
  100% { color: #377e1b; } }

.alert { padding: 10px 15px; }

.alert .alert-danger { color: #AF2225; }

.alert .alert-danger button.close { color: #AF2225; }

.popover { position: absolute; font-size: 12px; background-color: #444444; color: white; box-shadow: 1px 1px 2px #888888; padding: 5px 15px; margin-top: -10px; border-radius: 5px; text-align: center; }

.popover h3 { margin-bottom: 2px; margin-top: 0; }

.finger-pointer { cursor: pointer; }

.green { color: #5FAA41; }

.red { color: #AF2225; }

.btn-review { width: 170px; }

#modal-ios-review-btn-yes.btn-review, #modal-android-review-btn-yes.btn-review, #modal-ios-review-btn-no.btn-review, #modal-ios-review-btn-not-sure.btn-review, #modal-android-review-btn-no.btn-review, #modal-android-review-btn-not-sure.btn-review { margin-bottom: 10px; }

#account_client #body-container, #support #body-container, #quit #body-container { background-color: #F5F5F5; }

#searching_for_counselor { background-color: #F5F5F5; text-align: center; padding: 30px 0; max-width: 500px; margin: 0 auto; }

#searching_for_counselor footer { display: none; }

#searching_for_counselor h2 { margin-top: 15px; }

#searching_for_counselor #counselor-bar { margin-top: 30px; height: 200px; overflow: hidden; }

#searching_for_counselor #counselor-bar .image-box { margin-bottom: 60px; }

#searching_for_counselor #counselor-bar .image-box h3 { background-color: #DDDDDD; padding: 10px 30px 6px; border-radius: 5px; display: inline-block; margin-top: -10px; position: relative; z-index: 0; }

#searching_for_counselor #counselor-bar .image-box img { height: 150px; width: 150px; border-radius: 50%; border: 5px solid #DDDDDD; display: block; margin: 0 auto; position: relative; z-index: 1; }

@media (max-height: 600px) { #searching_for_counselor { padding: 15px 0; }
  #searching_for_counselor h1 { font-size: 22px; }
  #searching_for_counselor h2 { font-size: 18px; }
  #searching_for_counselor #counselor-bar { height: 180px; }
  #searching_for_counselor #counselor-bar .image-box img { height: 120px; width: 120px; }
  #searching_for_counselor #counselor-bar .image-box h3 { font-size: 14px; } }

.slider-lazy-load { visibility: hidden; }

footer { display: block; font-size: 13px; color: #888888; -webkit-text-fill-color: #888888; border-top: 1px solid #DDDDDD; background-color: #EEEEEE; height: 61px; position: absolute; bottom: 0; width: 100%; font-weight: 400; }

footer #footer-jobs, footer #footer-reviews { display: none; }

footer.minimal { height: 110px; }

footer a:hover, footer a:active, footer a:focus { text-decoration: none; }

footer #upperbar { display: none; }

footer.minimal #upperbar { margin-top: 0px; }

footer .social.facebook { float: right; margin-left: 10px; line-height: 21px; }

footer ul { list-style-type: none; margin: -3px 0 0 0; padding: 0; }

footer ul li { display: inline-block; margin-right: 15px; cursor: pointer; color: #888888; -webkit-text-fill-color: #888888; font-weight: 400; }

footer ul.lower li { color: #888888; -webkit-text-fill-color: #888888; font-size: 13px; line-height: 1.6em; margin-top: 10px; }

footer ul.lower a:hover { text-decoration: none; }

footer ul.lower a > li:hover, footer ul.lower a > li:active { text-decoration: none; color: #444444; -webkit-text-fill-color: #444444; }

footer #lowerbar { padding: 15px 0; background-color: white; }

footer #lowerbar.white { background-color: white; }

footer #lowerbar.single { border: 0; background: transparent; }

footer #lowerbar.single p { color: #888888; -webkit-text-fill-color: #888888; font-weight: 700; margin: 0; }

footer #lowerbar .upper { display: none; }

footer #lowerbar .container { width: auto; max-width: initial; }

footer #lowerbar .regain-disclaimer { width: 38%; text-align: right; float: right; line-height: 1.4em; }

footer #lowerbar .regain-disclaimer a:hover { text-decoration: underline; }

body.gray footer { background-color: white; }

body.gray footer #upperbar { background-color: #F5F5F5; }

body.gray footer #lowerbar { background-color: white; }

@media (max-width: 991px) { footer.minimal { height: 130px; }
  footer { height: auto; }
  footer #lowerbar .regain-disclaimer { width: 40%; } }

@media (max-width: 767px) { footer { position: static; margin-top: 20px; }
  footer #lowerbar .regain-disclaimer { float: left; width: 100%; text-align: left; margin-top: 10px; } }

#home { font-weight: 700; background-image: url("../../../images/home/regain/home-header.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color: white; }

#home .container-fluid { position: relative; z-index: 1; }

#home header { background-color: rgba(0, 0, 0, 0.6); margin-bottom: 0; }

#home .background-gradient-body { z-index: -100; position: absolute; top: 0; left: 0; opacity: .6; background: #1FAEDF; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#CE5693, #0095D9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#CE5693, #0095D9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#CE5693, #0095D9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#CE5693, #0095D9); /* Standard syntax */ height: 100%; width: 100%; }

#home #hero-desktop { position: relative; padding-bottom: 80px; border-bottom: 1px solid #1FAEDF; background-color: rgba(0, 0, 0, 0.4); }

#home #hero-desktop header { display: block; position: relative; padding: 30px; z-index: 1; background-color: transparent; }

#home #hero-desktop header .icon { float: left; height: 50px; margin-top: 0; }

#home #hero-desktop header #login-button { float: right; padding: 10px 25px; font-size: 18px; }

#home #hero-desktop header #faq-button { float: right; color: white; font-size: 18px; padding: 10px 20px; margin-right: 20px; }

#home #hero-desktop .container { position: relative; z-index: 1; padding: 20px; height: 100%; width: 100%; text-align: center; }

#home #hero-desktop .container .icon { height: 36px; margin-bottom: 10px; }

#home #hero-desktop .container #login-button { border-radius: 100px 0 0 100px; margin-right: -20px; float: right; }

#home #hero-desktop .container #intro-text { font-size: 50px; font-family: "Merriweather", Times New Roman, serif; display: block; margin-top: 10px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); line-height: 1.4em; }

#home #hero-desktop .container #secondary-text { line-height: 1.2em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); margin-top: 15px; font-size: 28px; margin-top: 20px; display: block; }

#home #hero-desktop .container #secondary-text small { display: block; margin-top: 15px; font-weight: 400; }

#home #hero { background-image: url("../../../images/home/regain/home-header.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; color: white; padding-bottom: 30px; border-bottom: 1px solid #1FAEDF; }

#home #hero .background-gradient { z-index: 0; position: absolute; top: 0; left: 0; opacity: .6; background: #1FAEDF; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#CE5693, #0095D9); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#CE5693, #0095D9); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#CE5693, #0095D9); /* For Firefox 3.6 to 15 */ background: linear-gradient(#CE5693, #0095D9); /* Standard syntax */ height: 100%; width: 100%; }

#home #hero .container { position: relative; z-index: 1; padding: 20px; height: 100%; width: 100%; }

#home #hero .container .icon { height: 36px; margin-bottom: 10px; }

#home #hero .container #login-button { border-radius: 100px 0 0 100px; margin-right: -20px; float: right; }

#home #hero .container #intro-text { font-size: 30px; font-family: "Merriweather", Times New Roman, serif; display: block; margin-top: 10px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); line-height: 1.4em; }

#home #hero .container #secondary-text { line-height: 1.2em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); margin-top: 15px; font-size: 28px; margin-top: 20px; display: block; }

#home #hero .container #secondary-text small { display: block; margin-top: 15px; font-weight: 400; }

#home #get-started { position: relative; z-index: 2; margin-top: -25px; padding-left: 50px; padding-right: 50px; clear: both; }

#home .app-icon { height: 38px; display: inline-block; margin-right: 3px; margin-top: 30px; }

#home #lower-text { font-size: 20px; line-height: 1.4em; display: block; margin-top: 30px; padding-bottom: 20px; }

#home #get-started { position: relative; z-index: 2; margin-top: -25px; padding-left: 50px; padding-right: 50px; clear: both; }

#home .app-icon { height: 38px; display: inline-block; margin-right: 3px; margin-top: 30px; }

#home .desktop-lower { text-align: center; padding-bottom: 55px; }

#home .desktop-lower #get-started { font-size: 28px; padding: 15px 60px; margin: 0 auto; margin-top: -40px; }

#home.is_app #body-container { overflow-y: hidden; height: 100%; }

#home.is_app #body-container #content-container { padding-bottom: 0; }

#home.is_app #hero { height: 100%; width: 100%; position: absolute; text-align: center; }

#home.is_app #hero .container { height: auto; width: auto; }

#home.is_app #hero .icon { margin: 10px auto 15px; }

#home.is_app #hero #intro-text { font-size: 34px; }

#home.is_app #hero #bottom { width: 100%; z-index: 1; position: absolute; }

#home.is_app #hero #bottom #secondary-text { line-height: 1.2em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); margin-top: 15px; font-size: 22px; display: block; padding: 0 40px; }

#home.is_app #hero #bottom #secondary-text small { display: block; margin-top: 15px; font-weight: 400; }

#home.is_app #hero #bottom #get-started { border-radius: 0; display: block; margin-bottom: 2px; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; }

#home.is_app #hero #bottom #login-button { border-radius: 0; background-color: rgba(31, 174, 223, 0.4); display: block; padding-top: 15px; padding-bottom: 15px; }

#home footer { font-weight: 400; }

#header-wrap { background: url(../../../images/home/regain/home-header.jpg) no-repeat center center; background-size: cover; overflow: hidden; background-color: #222222; }

#header-wrap #intro-line { font-family: 'Roboto Slab'; font-size: 60px; font-weight: 300; margin-bottom: 30px; color: white; }

#header-wrap .message { color: white; }

#header-wrap .message h1 { font-size: 30px; margin-bottom: 0; }

#header-wrap .message p { font-size: 18px; }

#header-wrap .message .app-icons { margin-top: 150px; margin-bottom: 40px; }

#header-wrap .message .app-icons img { height: 46px; margin-right: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; overflow: hidden; }

body#home #body-container #content-container { padding-bottom: 0; }

#logos { background-color: #F5F5F5; padding: 25px 0; line-height: 2.7; text-align: center; }

#logos img { height: 22px; opacity: .5; margin: 0px 15px; display: inline-block; }

#questionnaire-container { float: right; }

#questionnaire { border-radius: 5px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.298039) 2px 2px 10px; background-color: #F5F5F5; margin-top: -250px; position: absolute; z-index: 5; right: 0; width: 100%; font-size: 16px; float: right; }

#questionnaire .questionnaire-content { padding: 40px; }

#questionnaire .questionnaire-content small { font-size: 0.6em; line-height: 1.7; margin-bottom: 10px; display: block; }

#questionnaire p { margin-top: 0; color: #888888; font-weight: 700; }

#questionnaire .questionnaire-content-label { font-size: 26px; line-height: 1.3; }

#questionnaire label.radio, #questionnaire label.checkbox, #questionnaire label.range { padding-left: 30px; color: #444444; cursor: pointer; line-height: 30px; margin-top: 20px; }

#questionnaire label.range { padding-left: 0 !important; }

#questionnaire select { font-size: 16px; margin-top: 15px; padding: 0 15px; height: 40px; }

#questionnaire .radio input[type="radio"], #questionnaire .radio-inline input[type="radio"], #questionnaire .checkbox input[type="checkbox"], #questionnaire .checkbox-inline input[type="checkbox"] { margin-left: -25px; line-height: 30px; margin-top: 8px; }

#questionnaire .btn { margin-top: 15px; }

#questionnaire .range-min { padding-left: 0; }

#questionnaire .range-mid { text-align: center; }

#questionnaire .range-max { padding-right: 0; text-align: right; }

.section { padding-top: 60px; padding-bottom: 60px; }

.section h1 { font-weight: 300; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; text-align: center; font-size: 24px; letter-spacing: 2px; }

.section.overview { text-align: center; }

.section.overview .col-md-4 { padding-left: 30px; padding-right: 30px; }

.section.overview h2 { color: #5FAA41; font-family: 'Roboto Slab'; font-weight: 300; font-size: 30px; margin-bottom: 15px; }

.section.testimonials { color: white; text-align: center; font-size: 16px; }

.section.testimonials #testimonial-slider { padding-bottom: 20px; }

.section.testimonials .slide { display: none; outline: none !important; }

.section.testimonials .slide:first-child { display: block; }

.section.testimonials .slick-slider .slide { display: block; }

.section.testimonials .container { padding-right: 100px; padding-left: 100px; }

.section.testimonials .author { font-size: 14px; margin-top: 10px; display: block; }

.section.counselors { background-color: #F5F5F5; text-align: center; padding-bottom: 80px; }

.section.getstarted { padding-top: 100px; text-align: center; }

.section.getstarted .col-sm-4 { padding-right: 40px; padding-left: 40px; }

.section.getstarted .number { background-color: #05BBD3; margin: 0 auto; border-radius: 50%; color: white; font-weight: 700; width: 50px; height: 50px; line-height: 50px; display: inline-block; font-size: 24px; margin-top: 15px; }

.section.getstarted .btn { margin-top: 30px; }

#counselor-bar { width: 100%; overflow: hidden; text-align: center; height: 100px; margin-top: -50px; margin: -50px 0 -50px 0; }

#counselor-bar img { height: 100px; width: 100px; border-radius: 50%; border: 2px solid #CCCCCC; margin: 0 5px; display: inline-block; }

#final-message { font-family: 'Roboto Slab'; font-size: 30px; text-align: center; font-weight: 300; }

#final-message span { color: #5FAA41; }

@media (max-width: 991px) { #header-wrap #intro-line { font-size: 44px; }
  .section.testimonials .container { padding-left: 15px; padding-right: 15px; }
  .section.overview .col-sm-4 { padding-right: 15px; padding-left: 15px; }
  .section.getstarted .col-sm-4 { padding-right: 15px; padding-left: 15px; }
  #logos img { height: 22px; } }

@media (max-width: 767px) { #header-wrap { background-position: center center; }
  #header-wrap #intro-line { margin-top: 30px; font-size: 34px; line-height: 1.3; }
  #header-wrap #intro-line span#better { display: block; }
  #header-wrap .message h1 { font-size: 22px; }
  #header-wrap .message .app-icons { margin-top: 60px; }
  #logos img { margin: 10px; }
  #questionnaire-container { float: none; }
  #questionnaire { position: static; display: block; right: auto; margin-top: 30px; margin-bottom: 30px; }
  .section.testimonials .container { padding-left: 20px; padding-right: 20px; }
  #counselor-bar { height: 50px; margin-top: -20px; }
  #counselor-bar img { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; margin: 0 3px; }
  #final-message { font-size: 22px; }
  #home { background: none; color: #444444; }
  #home.is_app #hero #intro-text { margin-top: 0; }
  #home.is_app #hero .container { padding-top: 10px; }
  #home.is_app #hero #bottom #secondary-text { margin-top: 0; }
  #home.is_app #hero #bottom #get-started { margin-top: 15px; }
  #home header { background-color: white; } }

.carousel { position: relative; }

.carousel-inner { position: relative; overflow: hidden; width: 100%; }

.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } }

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }

.carousel-inner > .active { left: 0; }

.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }

.carousel-inner > .next { left: 100%; }

.carousel-inner > .prev { left: -100%; }

.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }

.carousel-inner > .active.left { left: -100%; }

.carousel-inner > .active.right { left: 100%; }

.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; }

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }

.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; }

.carousel-control .icon-prev:before { content: '\2039'; }

.carousel-control .icon-next:before { content: '\203a'; }

.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }

.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); }

.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; }

.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn { text-shadow: none; }

@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; }
  .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
  .carousel-indicators { bottom: 20px; } }

#start, #partner, #start_phone, #start_phone_confirm, #counselor_start, #partner_join { font-size: 18px; background-color: #F5F5F5; }

#start header, #partner header, #start_phone header, #start_phone_confirm header, #counselor_start header, #partner_join header { margin-bottom: 0px; }

#start header ul.right, #partner header ul.right, #start_phone header ul.right, #start_phone_confirm header ul.right, #counselor_start header ul.right, #partner_join header ul.right { display: none; }

#start header .mobilemenu-toggle, #partner header .mobilemenu-toggle, #start_phone header .mobilemenu-toggle, #start_phone_confirm header .mobilemenu-toggle, #counselor_start header .mobilemenu-toggle, #partner_join header .mobilemenu-toggle { display: none !important; }

#start header div.menu, #partner header div.menu, #start_phone header div.menu, #start_phone_confirm header div.menu, #counselor_start header div.menu, #partner_join header div.menu { display: none !important; }

#start .header, #partner .header, #start_phone .header, #start_phone_confirm .header, #counselor_start .header, #partner_join .header { border-bottom: 1px solid rgba(31, 174, 223, 0.2); display: block; font-size: 24px; line-height: 1.4em; padding: 25px; font-weight: 700; background: rgba(31, 174, 223, 0.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* Standard syntax */ margin-bottom: 25px; }

#start .header small, #partner .header small, #start_phone .header small, #start_phone_confirm .header small, #counselor_start .header small, #partner_join .header small { color: #1FAEDF; font-size: 18px; }

#start #referrer-counselor, #partner #referrer-counselor, #start_phone #referrer-counselor, #start_phone_confirm #referrer-counselor, #counselor_start #referrer-counselor, #partner_join #referrer-counselor { display: flex; max-width: 525px; align-items: center; margin: 15px auto -15px auto; }

#start #referrer-counselor img, #partner #referrer-counselor img, #start_phone #referrer-counselor img, #start_phone_confirm #referrer-counselor img, #counselor_start #referrer-counselor img, #partner_join #referrer-counselor img { height: 80px; width: 80px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 15px; }

#start #referrer-counselor p, #partner #referrer-counselor p, #start_phone #referrer-counselor p, #start_phone_confirm #referrer-counselor p, #counselor_start #referrer-counselor p, #partner_join #referrer-counselor p { font-size: 16px; margin: 0px; }

#start .help-container, #partner .help-container, #start_phone .help-container, #start_phone_confirm .help-container, #counselor_start .help-container, #partner_join .help-container { display: flex; justify-content: center; align-items: center; margin: 0px auto 25px; max-width: 600px; color: #444444; }

#start .help-container .help-image, #partner .help-container .help-image, #start_phone .help-container .help-image, #start_phone_confirm .help-container .help-image, #counselor_start .help-container .help-image, #partner_join .help-container .help-image { height: 50px; width: 30px; position: relative; background-color: transparent; }

#start .help-container .help-image img, #partner .help-container .help-image img, #start_phone .help-container .help-image img, #start_phone_confirm .help-container .help-image img, #counselor_start .help-container .help-image img, #partner_join .help-container .help-image img { position: absolute; top: -18px; left: -10px; height: 85px; width: auto; }

#start .help-container .help-input, #partner .help-container .help-input, #start_phone .help-container .help-input, #start_phone_confirm .help-container .help-input, #counselor_start .help-container .help-input, #partner_join .help-container .help-input { border: 1px solid #DDDDDD; background-color: #FFFFFF; font-family: Lato; width: 100%; font-weight: 600; font-size: 14px; line-height: 20px; text-align: left; padding: 15px 15px 15px 50px; }

@media (min-width: 768px) { #start .help-container, #partner .help-container, #start_phone .help-container, #start_phone_confirm .help-container, #counselor_start .help-container, #partner_join .help-container { margin: 30px auto 30px; height: 50px; }
  #start .help-container .help-input, #partner .help-container .help-input, #start_phone .help-container .help-input, #start_phone_confirm .help-container .help-input, #counselor_start .help-container .help-input, #partner_join .help-container .help-input { background: #E6F4FA; font-size: 16px; padding-left: 40px; }
  #start .help-container .help-image img, #partner .help-container .help-image img, #start_phone .help-container .help-image img, #start_phone_confirm .help-container .help-image img, #counselor_start .help-container .help-image img, #partner_join .help-container .help-image img { top: -10px; left: -10px; height: 70px; } }

#start .help-container.gift-cancelled .help-input, #partner .help-container.gift-cancelled .help-input, #start_phone .help-container.gift-cancelled .help-input, #start_phone_confirm .help-container.gift-cancelled .help-input, #counselor_start .help-container.gift-cancelled .help-input, #partner_join .help-container.gift-cancelled .help-input { background-color: #d9534f; color: #FFFFFF; }

#start .start-step, #partner .start-step, #start_phone .start-step, #start_phone_confirm .start-step, #counselor_start .start-step, #partner_join .start-step { margin: 30px auto; background-color: white; max-width: 600px; border: 1px solid #DDDDDD; padding-bottom: 20px; }

#start .start-step .header, #partner .start-step .header, #start_phone .start-step .header, #start_phone_confirm .start-step .header, #counselor_start .start-step .header, #partner_join .start-step .header { text-align: center; }

#start .start-step#step-2, #start .start-step#step-3, #partner .start-step#step-2, #partner .start-step#step-3, #start_phone .start-step#step-2, #start_phone .start-step#step-3, #start_phone_confirm .start-step#step-2, #start_phone_confirm .start-step#step-3, #counselor_start .start-step#step-2, #counselor_start .start-step#step-3, #partner_join .start-step#step-2, #partner_join .start-step#step-3 { display: none; }

#start .start-step label.radio, #start .start-step label.checkbox, #partner .start-step label.radio, #partner .start-step label.checkbox, #start_phone .start-step label.radio, #start_phone .start-step label.checkbox, #start_phone_confirm .start-step label.radio, #start_phone_confirm .start-step label.checkbox, #counselor_start .start-step label.radio, #counselor_start .start-step label.checkbox, #partner_join .start-step label.radio, #partner_join .start-step label.checkbox { font-size: 18px; }

#start .start-step label.radio input[type='radio'], #start .start-step label.radio input[type='checkbox'], #start .start-step label.checkbox input[type='radio'], #start .start-step label.checkbox input[type='checkbox'], #partner .start-step label.radio input[type='radio'], #partner .start-step label.radio input[type='checkbox'], #partner .start-step label.checkbox input[type='radio'], #partner .start-step label.checkbox input[type='checkbox'], #start_phone .start-step label.radio input[type='radio'], #start_phone .start-step label.radio input[type='checkbox'], #start_phone .start-step label.checkbox input[type='radio'], #start_phone .start-step label.checkbox input[type='checkbox'], #start_phone_confirm .start-step label.radio input[type='radio'], #start_phone_confirm .start-step label.radio input[type='checkbox'], #start_phone_confirm .start-step label.checkbox input[type='radio'], #start_phone_confirm .start-step label.checkbox input[type='checkbox'], #counselor_start .start-step label.radio input[type='radio'], #counselor_start .start-step label.radio input[type='checkbox'], #counselor_start .start-step label.checkbox input[type='radio'], #counselor_start .start-step label.checkbox input[type='checkbox'], #partner_join .start-step label.radio input[type='radio'], #partner_join .start-step label.radio input[type='checkbox'], #partner_join .start-step label.checkbox input[type='radio'], #partner_join .start-step label.checkbox input[type='checkbox'] { top: 3px; }

#start .start-step .question, #partner .start-step .question, #start_phone .start-step .question, #start_phone_confirm .start-step .question, #counselor_start .start-step .question, #partner_join .start-step .question { margin-bottom: 30px; }

#start ul.ui-autocomplete, #partner ul.ui-autocomplete, #start_phone ul.ui-autocomplete, #start_phone_confirm ul.ui-autocomplete, #counselor_start ul.ui-autocomplete, #partner_join ul.ui-autocomplete { list-style-type: none; background-color: #F5F5F5; border-radius: 5px; border: 1px solid #DDDDDD; margin: 0; padding: 10px; max-width: 300px; max-height: 200px; overflow-y: auto; }

#start ul.ui-autocomplete li.ui-menu-item, #partner ul.ui-autocomplete li.ui-menu-item, #start_phone ul.ui-autocomplete li.ui-menu-item, #start_phone_confirm ul.ui-autocomplete li.ui-menu-item, #counselor_start ul.ui-autocomplete li.ui-menu-item, #partner_join ul.ui-autocomplete li.ui-menu-item { list-style-type: none; margin: 3px 0; text-transform: capitalize; }

#start ul.ui-autocomplete li.ui-menu-item:hover, #partner ul.ui-autocomplete li.ui-menu-item:hover, #start_phone ul.ui-autocomplete li.ui-menu-item:hover, #start_phone_confirm ul.ui-autocomplete li.ui-menu-item:hover, #counselor_start ul.ui-autocomplete li.ui-menu-item:hover, #partner_join ul.ui-autocomplete li.ui-menu-item:hover { background-color: #DDDDDD; }

#start .ui-helper-hidden-accessible, #partner .ui-helper-hidden-accessible, #start_phone .ui-helper-hidden-accessible, #start_phone_confirm .ui-helper-hidden-accessible, #counselor_start .ui-helper-hidden-accessible, #partner_join .ui-helper-hidden-accessible { display: none; }

#start .center-fb-google, #partner .center-fb-google, #start_phone .center-fb-google, #start_phone_confirm .center-fb-google, #counselor_start .center-fb-google, #partner_join .center-fb-google { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }

#start .center-fb-google.continue-with a, #partner .center-fb-google.continue-with a, #start_phone .center-fb-google.continue-with a, #start_phone_confirm .center-fb-google.continue-with a, #counselor_start .center-fb-google.continue-with a, #partner_join .center-fb-google.continue-with a { border-radius: 5px; padding: 8px 35px 8px 8px; height: 40px; line-height: 20px; font-size: 14px; display: inline-block; vertical-align: middle; }

#start .center-fb-google.continue-with a i, #start .center-fb-google.continue-with a span, #start .center-fb-google.continue-with a img, #partner .center-fb-google.continue-with a i, #partner .center-fb-google.continue-with a span, #partner .center-fb-google.continue-with a img, #start_phone .center-fb-google.continue-with a i, #start_phone .center-fb-google.continue-with a span, #start_phone .center-fb-google.continue-with a img, #start_phone_confirm .center-fb-google.continue-with a i, #start_phone_confirm .center-fb-google.continue-with a span, #start_phone_confirm .center-fb-google.continue-with a img, #counselor_start .center-fb-google.continue-with a i, #counselor_start .center-fb-google.continue-with a span, #counselor_start .center-fb-google.continue-with a img, #partner_join .center-fb-google.continue-with a i, #partner_join .center-fb-google.continue-with a span, #partner_join .center-fb-google.continue-with a img { vertical-align: middle; }

#start .center-fb-google.continue-with a:hover, #start .center-fb-google.continue-with a:active, #start .center-fb-google.continue-with a:focus, #partner .center-fb-google.continue-with a:hover, #partner .center-fb-google.continue-with a:active, #partner .center-fb-google.continue-with a:focus, #start_phone .center-fb-google.continue-with a:hover, #start_phone .center-fb-google.continue-with a:active, #start_phone .center-fb-google.continue-with a:focus, #start_phone_confirm .center-fb-google.continue-with a:hover, #start_phone_confirm .center-fb-google.continue-with a:active, #start_phone_confirm .center-fb-google.continue-with a:focus, #counselor_start .center-fb-google.continue-with a:hover, #counselor_start .center-fb-google.continue-with a:active, #counselor_start .center-fb-google.continue-with a:focus, #partner_join .center-fb-google.continue-with a:hover, #partner_join .center-fb-google.continue-with a:active, #partner_join .center-fb-google.continue-with a:focus { text-decoration: none; }

#start .center-fb-google.continue-with a.facebook-btn, #partner .center-fb-google.continue-with a.facebook-btn, #start_phone .center-fb-google.continue-with a.facebook-btn, #start_phone_confirm .center-fb-google.continue-with a.facebook-btn, #counselor_start .center-fb-google.continue-with a.facebook-btn, #partner_join .center-fb-google.continue-with a.facebook-btn { background-color: #4267b2; color: white; -webkit-text-fill-color: white; margin-right: 20px; }

#start .center-fb-google.continue-with a.facebook-btn i, #partner .center-fb-google.continue-with a.facebook-btn i, #start_phone .center-fb-google.continue-with a.facebook-btn i, #start_phone_confirm .center-fb-google.continue-with a.facebook-btn i, #counselor_start .center-fb-google.continue-with a.facebook-btn i, #partner_join .center-fb-google.continue-with a.facebook-btn i { font-size: 21px; margin-right: 24px; position: relative; top: 1px; }

#start .center-fb-google.continue-with a.facebook-btn span, #partner .center-fb-google.continue-with a.facebook-btn span, #start_phone .center-fb-google.continue-with a.facebook-btn span, #start_phone_confirm .center-fb-google.continue-with a.facebook-btn span, #counselor_start .center-fb-google.continue-with a.facebook-btn span, #partner_join .center-fb-google.continue-with a.facebook-btn span { position: relative; top: 1px; }

#start .center-fb-google.continue-with a.facebook-btn:hover, #start .center-fb-google.continue-with a.facebook-btn:active, #start .center-fb-google.continue-with a.facebook-btn:focus, #partner .center-fb-google.continue-with a.facebook-btn:hover, #partner .center-fb-google.continue-with a.facebook-btn:active, #partner .center-fb-google.continue-with a.facebook-btn:focus, #start_phone .center-fb-google.continue-with a.facebook-btn:hover, #start_phone .center-fb-google.continue-with a.facebook-btn:active, #start_phone .center-fb-google.continue-with a.facebook-btn:focus, #start_phone_confirm .center-fb-google.continue-with a.facebook-btn:hover, #start_phone_confirm .center-fb-google.continue-with a.facebook-btn:active, #start_phone_confirm .center-fb-google.continue-with a.facebook-btn:focus, #counselor_start .center-fb-google.continue-with a.facebook-btn:hover, #counselor_start .center-fb-google.continue-with a.facebook-btn:active, #counselor_start .center-fb-google.continue-with a.facebook-btn:focus, #partner_join .center-fb-google.continue-with a.facebook-btn:hover, #partner_join .center-fb-google.continue-with a.facebook-btn:active, #partner_join .center-fb-google.continue-with a.facebook-btn:focus { background-color: #3A5A9C; }

#start .center-fb-google.continue-with a.google-btn, #partner .center-fb-google.continue-with a.google-btn, #start_phone .center-fb-google.continue-with a.google-btn, #start_phone_confirm .center-fb-google.continue-with a.google-btn, #counselor_start .center-fb-google.continue-with a.google-btn, #partner_join .center-fb-google.continue-with a.google-btn { color: #797a7a; -webkit-text-fill-color: #797a7a; border: 1px solid #ccc; font-family: 'Roboto', sans-serif; }

#start .center-fb-google.continue-with a.google-btn img, #partner .center-fb-google.continue-with a.google-btn img, #start_phone .center-fb-google.continue-with a.google-btn img, #start_phone_confirm .center-fb-google.continue-with a.google-btn img, #counselor_start .center-fb-google.continue-with a.google-btn img, #partner_join .center-fb-google.continue-with a.google-btn img { width: 18px; height: auto; margin-right: 24px; }

#start .center-fb-google.continue-with a.google-btn:hover, #start .center-fb-google.continue-with a.google-btn:active, #start .center-fb-google.continue-with a.google-btn:focus, #partner .center-fb-google.continue-with a.google-btn:hover, #partner .center-fb-google.continue-with a.google-btn:active, #partner .center-fb-google.continue-with a.google-btn:focus, #start_phone .center-fb-google.continue-with a.google-btn:hover, #start_phone .center-fb-google.continue-with a.google-btn:active, #start_phone .center-fb-google.continue-with a.google-btn:focus, #start_phone_confirm .center-fb-google.continue-with a.google-btn:hover, #start_phone_confirm .center-fb-google.continue-with a.google-btn:active, #start_phone_confirm .center-fb-google.continue-with a.google-btn:focus, #counselor_start .center-fb-google.continue-with a.google-btn:hover, #counselor_start .center-fb-google.continue-with a.google-btn:active, #counselor_start .center-fb-google.continue-with a.google-btn:focus, #partner_join .center-fb-google.continue-with a.google-btn:hover, #partner_join .center-fb-google.continue-with a.google-btn:active, #partner_join .center-fb-google.continue-with a.google-btn:focus { background-color: #eeeeee; }

#start .tac_signup, #partner .tac_signup, #start_phone .tac_signup, #start_phone_confirm .tac_signup, #counselor_start .tac_signup, #partner_join .tac_signup { width: 20px; height: 20px; }

.slick-dots li.slick-active button:before { color: #1FAEDF !important; }

#verify_email #body-container #content-container { padding-top: 90px; }

#start .top-caption { font-weight: normal; margin-bottom: 20px; font-size: 18px; }

#start .max-width { display: inline-block; width: 100%; overflow: hidden; padding: 0 15px; }

#start #infographic, #start #infographic-carousel-container, #start #infographic-carousel { text-align: center; margin: 0 15px; /* The animation code */ }

#start #infographic .infographic-header, #start #infographic-carousel-container .infographic-header, #start #infographic-carousel .infographic-header { font-size: 1.25rem; background-color: #2488ab; padding: 0; color: white; position: relative; height: auto; margin-bottom: 5rem; box-sizing: border-box; }

#start #infographic .infographic-header h2, #start #infographic-carousel-container .infographic-header h2, #start #infographic-carousel .infographic-header h2 { color: white; padding: 1rem; margin-bottom: 0; }

#start #infographic .infographic-header:after, #start #infographic-carousel-container .infographic-header:after, #start #infographic-carousel .infographic-header:after { position: absolute; z-index: -1; width: 35px; height: 35px; top: 100%; left: 50%; margin-left: -25px; content: ''; transform: rotate(45deg); margin-top: -25px; background: #2488ab; margin-bottom: 50px; }

#start #infographic .carousel-numeral-behind, #start #infographic-carousel-container .carousel-numeral-behind, #start #infographic-carousel .carousel-numeral-behind { color: rgba(165, 75, 156, 0.2); font-size: 8rem; position: absolute; z-index: 0; top: -25px; left: 5px; }

@keyframes pulse { from { box-shadow: 0 -5px rgba(31, 174, 223, 0.5);
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1); }
  to { box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);
    -webkit-transform: scale(1.3, 1.3);
    -moz-webkit-transform: scale(1.3, 1.3);
    -ms-webkit-transform: scale(1.3, 1.3);
    -o-webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); } }

#start #infographic .animation-pulse, #start #infographic-carousel-container .animation-pulse, #start #infographic-carousel .animation-pulse { will-change: transform; -webkit-animation: pulse 1.33s infinite cubic-bezier(0.66, 0, 0, 1); -o-animation: pulse 1.33s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.33s infinite cubic-bezier(0.66, 0, 0, 1); position: relative; }

#start #infographic .infographic-subtitle, #start #infographic-carousel-container .infographic-subtitle, #start #infographic-carousel .infographic-subtitle { font-weight: 400; font-size: medium; }

#start #infographic .background-gradient-body, #start #infographic-carousel-container .background-gradient-body, #start #infographic-carousel .background-gradient-body { position: relative; background: rgba(31, 174, 223, 0.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* Standard syntax */ height: 100%; }

#start #infographic h3, #start #infographic-carousel-container h3, #start #infographic-carousel h3 { min-height: 58px; }

#start #infographic .infographic_text-purplebold, #start #infographic-carousel-container .infographic_text-purplebold, #start #infographic-carousel .infographic_text-purplebold { font-weight: bold; color: #A54B9C; }

#start #infographic img, #start #infographic-carousel-container img, #start #infographic-carousel img { max-width: 200px; margin: 0 auto; display: block; }

#start #infographic img.img-added-margin, #start #infographic-carousel-container img.img-added-margin, #start #infographic-carousel img.img-added-margin { padding-bottom: 5.5px; }

#start #infographic { max-width: 600px; margin: 0 auto; }

#start #infographic img { margin-bottom: 20px; }

#start #infographic-carousel { width: 100%; }

#start #infographic-carousel .item { min-height: 200px; margin-bottom: 3rem; }

#start #infographic-carousel .carousel-control { background-image: none; position: absolute; top: 40%; }

#start #infographic-carousel .carousel-control .fa { position: relative; top: 15px; }

#start #infographic-carousel .carousel-control-icon { top: 55px; width: 5px; height: 5px; border: none; box-shadow: 0 -5px rgba(31, 174, 223, 0.5); border-radius: 50%; }

#start #infographic-carousel .carousel-indicators { padding-top: 3rem; }

#start #infographic-carousel .fa-chevron-left:before, #start #infographic-carousel .fa-chevron-right:before { position: relative; bottom: 9px; right: 5px; }

#start #infographic-carousel .fa-chevron-left:before:hover, #start #infographic-carousel .fa-chevron-right:before:hover { display: none; }

#start #infographic-carousel li { background-color: white; margin-left: 5px; margin-right: 5px; }

#start #infographic-carousel li.active { height: 12px; width: 12px; background-color: #a54b9c; border-color: rgba(165, 75, 156, 0.1); }

#specify_podcast .dropdown-toggle, #specify_radio .dropdown-toggle { font-size: 16px; font-weight: normal; margin-top: 0 !important; padding: 5px 15px; height: 40px; display: block; width: 100%; line-height: 1.7; color: #444444; background-color: #FFFFFF; background-image: none; border: 1px solid #DDDDDD; border-radius: 5px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

#specify_podcast .dropdown-toggle .filter-option, #specify_radio .dropdown-toggle .filter-option { color: black; -webkit-text-fill-color: black; }

#specify_podcast .dropdown-menu, #specify_radio .dropdown-menu { margin-top: 5px !important; }

#specify_podcast .dropdown-menu a, #specify_radio .dropdown-menu a { color: black; -webkit-text-fill-color: black; }

#specify_podcast .dropdown-menu a .selected, #specify_radio .dropdown-menu a .selected { background-color: #1FAEDF; }

@media (max-width: 991px) { #start .slider { max-width: 600px; margin: 30px auto; } }

@media (min-width: 992px) and (max-width: 1199px) { #start .center-fb-google.continue-with a { padding: 8px 23px 8px 8px; }
  #start .center-fb-google.continue-with a.facebook-btn { margin-right: 10px; } }

@media (max-width: 767px) { #start, #partner, #start_phone, #start_phone_confirm, #counselor_start { background-color: white; }
  #start footer, #partner footer, #start_phone footer, #start_phone_confirm footer, #counselor_start footer { display: none; }
  #start .start-step, #partner .start-step, #start_phone .start-step, #start_phone_confirm .start-step, #counselor_start .start-step { max-width: none; border: 0; margin: 0; }
  #start .start-step #return_home, #partner .start-step #return_home, #start_phone .start-step #return_home, #start_phone_confirm .start-step #return_home, #counselor_start .start-step #return_home { display: inherit; }
  #start #referrer-counselor, #partner #referrer-counselor, #start_phone #referrer-counselor, #start_phone_confirm #referrer-counselor, #counselor_start #referrer-counselor { margin: 10px; }
  #start .container, #partner .container, #start_phone .container, #start_phone_confirm .container, #counselor_start .container { padding-left: 0; padding-right: 0; }
  #partner #body-container #content-container, #counselor_start #body-container #content-container, #partner_join #body-container #content-container { padding-top: 40px; }
  #verify_email #body-container #content-container { padding-top: 70px; }
  .center-fb-google { display: block; padding-top: 0; padding-bottom: 0; border-bottom: 0; border-top: 0; }
  #start .top-caption { font-size: 16px; line-height: 1.4em; }
  #start h3 { margin: 0; }
  #start #infographic-carousel { margin: 0; width: 100%; }
  #start #infographic-carousel .carousel-control.left { left: -5px; }
  #start #infographic-carousel .carousel-control.right { right: -5px; }
  #start #infographic-carousel .carousel-numeral-behind { left: 40px; }
  #start .phq9_intro { padding-top: 20px; }
  #verify_email #resend_email { margin-bottom: 20px; }
  .is_app #followup-form { margin-top: 20px; } }

@media (max-width: 600px) { #start .center-fb-google.continue-with a { display: block; padding: 8px 0; }
  #start .center-fb-google.continue-with a.facebook-btn { margin-bottom: 20px; margin-right: 0; } }

#pin_code { background-color: #F5F5F5; padding-top: 50px; }

#pin_code h1 { font-size: 18px; text-transform: uppercase; text-align: center; }

#pin_code p { text-align: center; margin-top: 0; }

#pin_code .fa-lock { margin-right: 10px; position: relative; font-size: 28px; top: 3px; }

#pin_code .alert.alert-error { margin-top: 15px; font-weight: 700; text-align: left; text-align: center; border: 0; border-top: 2px solid #AF2225; color: #AF2225; border-radius: 0; background-color: rgba(175, 34, 37, 0.2); }

#pin_code .alert.alert-error .close { color: #AF2225; }

#pin_code form { text-align: center; }

#pin_code input { background-color: transparent; font-size: 24px; width: 100%; padding-left: 10px; letter-spacing: 10px; border: 0; font-weight: 700; margin: 10px auto 20px; text-align: center; display: inline-block; color: #A54B9C; }

#pin_code div.row { max-width: 450px; margin: 0 auto; }

#pin_code div.col-xs-4 { text-align: center; padding: 5px; }

#pin_code div.col-xs-4:first-child { text-align: right; }

#pin_code div.col-xs-4:last-child { text-align: left; }

#pin_code div.col-xs-4 .pin-button, #pin_code div.col-xs-4 .pin-submit { text-align: center; border: 1px solid #DDDDDD; background-color: white; border-radius: 50%; width: 70px; height: 70px; font-size: 20px; line-height: 68px; font-weight: 700; display: inline-block; cursor: pointer; }

#pin_code div.col-xs-4 .pin-button:hover, #pin_code div.col-xs-4 .pin-button:active, #pin_code div.col-xs-4 .pin-button:focus, #pin_code div.col-xs-4 .pin-submit:hover, #pin_code div.col-xs-4 .pin-submit:active, #pin_code div.col-xs-4 .pin-submit:focus { background-color: #DDDDDD; }

#pin_code div.col-xs-4 .pin-button.highlight, #pin_code div.col-xs-4 .pin-submit.highlight { background-color: #1FAEDF; border-color: #1FAEDF; color: white; }

#pin_code div.col-xs-4 .pin-button.highlight:hover, #pin_code div.col-xs-4 .pin-button.highlight:active, #pin_code div.col-xs-4 .pin-button.highlight:focus, #pin_code div.col-xs-4 .pin-submit.highlight:hover, #pin_code div.col-xs-4 .pin-submit.highlight:active, #pin_code div.col-xs-4 .pin-submit.highlight:focus { background-color: #1BA8CE; border-color: #1BA8CE; color: white; }

#pin_code div.col-xs-4 .pin-button { position: relative; }

#pin_code div.col-xs-4 .pin-numeral { position: absolute; top: 50%; left: 50%; font-size: 35px; font-size: 2.5rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) { #pin_code #body-container #content-container { padding-top: 0; }
  #pin_code footer { display: none; } }

@media (max-width: 450px) { #pin_code div.col-xs-4 .pin-button { width: 85px; height: 85px; font-size: 18px; line-height: 71px; } }

@media (max-width: 400px) { #pin_code div.col-xs-4 .pin-button { width: 75px; height: 75px; font-size: 18px; line-height: 71px; } }

@media (max-width: 350px) { #pin_code div.col-xs-4 .pin-button { width: 60px; height: 60px; font-size: 18px; line-height: 58px; } }

@media (max-width: 280px) { #pin_code div.col-xs-4 .pin-button { width: 50px; height: 50px; font-size: 18px; line-height: 48px; } }

html, body { height: 100%; min-height: 100%; }

#sessions { overflow: hidden; padding-top: 50px; }

#sessions .text-align-center { text-align: center; }

#sessions #modal-live-session-feedback #feedback-useful, #sessions #modal-live-session-feedback #feedback-not-useful { font-size: 16px; }

#sessions #modal-feedback-thank-you .modal-body h1 { text-align: center; }

#sessions #scheduler-request-session { padding: 0px 30px; text-align: left; }

#sessions #scheduler-request-session #next_days_link { margin-left: auto; }

#sessions #scheduler-request-session .select-session-type { padding: 0px; }

#sessions #scheduler-request-session .request-sessions-buttons { text-align: center; }

#sessions #scheduler-request-session .select_livesession_type { text-align: center; }

#sessions #modal-request-session-times .mobile-day-buttons, #sessions #scheduler-request-session .mobile-day-buttons { display: flex; justify-content: space-between; }

#sessions #modal-request-session-times .mobile-timetable .times-table, #sessions #scheduler-request-session .mobile-timetable .times-table { margin-top: 20px; }

#sessions #modal-request-session-times .modal-body-heading-text, #sessions #scheduler-request-session .modal-body-heading-text { padding-bottom: 10px; }

#sessions #modal-request-session-times .modal-md, #sessions #scheduler-request-session .modal-md { width: 460px; }

#sessions #modal-request-session-times .modal-md .modal-header, #sessions #scheduler-request-session .modal-md .modal-header { padding-bottom: 0px; }

#sessions #modal-request-session-times .timeslot-button, #sessions #scheduler-request-session .timeslot-button { background-color: white; margin-bottom: 10px; margin-top: 10px; justify-content: center; padding: 5px 0px; width: 180px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 5px; display: flex; }

@media (max-width: 991px) { #sessions #modal-request-session-times .timeslot-button, #sessions #scheduler-request-session .timeslot-button { width: 160px; font-size: 13px; } }

@media (max-width: 767px) { #sessions #modal-request-session-times .timeslot-button, #sessions #scheduler-request-session .timeslot-button { width: 150px; font-size: 12px; } }

@media (max-width: 360px) { #sessions #modal-request-session-times .timeslot-button, #sessions #scheduler-request-session .timeslot-button { width: 130px; font-size: 10px; } }

@media (max-width: 320px) { #sessions #modal-request-session-times .timeslot-button, #sessions #scheduler-request-session .timeslot-button { width: 120px; font-size: 9px; } }

#sessions #modal-request-session-times .timeslot-button-selected, #sessions #scheduler-request-session .timeslot-button-selected { background-color: #5FAA41; color: white; padding-right: 15px; padding-left: 8px; border-color: #5FAA41; }

@media (max-width: 767px) { #sessions #modal-request-session-times .timeslot-button-selected, #sessions #scheduler-request-session .timeslot-button-selected { padding: 5px 10px; } }

#sessions #modal-request-session-times .timeslot-checkmark, #sessions #scheduler-request-session .timeslot-checkmark { margin-right: 5px; top: 5px; position: relative; }

@media (max-width: 360px) { #sessions #modal-request-session-times .timeslot-checkmark, #sessions #scheduler-request-session .timeslot-checkmark { top: 2px; } }

#sessions #modal-request-session-times .selected-times-div, #sessions #scheduler-request-session .selected-times-div { margin-bottom: 30px; }

#sessions #modal-request-session-times .times-table, #sessions #scheduler-request-session .times-table { margin-top: 50px; display: flex; justify-content: space-between; }

#sessions #modal-request-session-times #session-request-back-button, #sessions #scheduler-request-session #session-request-back-button { font-size: 24px; font-weight: bold; padding-right: 15px; cursor: pointer; }

#sessions #modal-request-session-times .select_livesession_type .session-buttons, #sessions #modal-request-session-times .select_livesession_type .request-session-type-buttons, #sessions #scheduler-request-session .select_livesession_type .session-buttons, #sessions #scheduler-request-session .select_livesession_type .request-session-type-buttons { border-radius: 10px; background: #EEEEEE; margin: 15px 10px; text-align: center; width: 75px; height: 75px; display: inline-block; padding: 7px; cursor: pointer; border: 1px solid white; }

#sessions #modal-request-session-times .select_livesession_type .session-buttons .button-text.selected-text, #sessions #modal-request-session-times .select_livesession_type .request-session-type-buttons .button-text.selected-text, #sessions #scheduler-request-session .select_livesession_type .session-buttons .button-text.selected-text, #sessions #scheduler-request-session .select_livesession_type .request-session-type-buttons .button-text.selected-text { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; }

#sessions #modal-request-session-times .select_livesession_type .session-buttons:hover, #sessions #modal-request-session-times .select_livesession_type .request-session-type-buttons:hover, #sessions #scheduler-request-session .select_livesession_type .session-buttons:hover, #sessions #scheduler-request-session .select_livesession_type .request-session-type-buttons:hover { background: rgba(31, 174, 223, 0.2); }

#sessions #modal-request-session-times .select_livesession_type .session-buttons.first_button, #sessions #scheduler-request-session .select_livesession_type .session-buttons.first_button { margin-left: 0px; }

#sessions #modal-request-session-times .select_livesession_type .session-buttons.selected-button, #sessions #scheduler-request-session .select_livesession_type .session-buttons.selected-button { border: 1px solid #1FAEDF; background-color: rgba(31, 174, 223, 0.2); }

#sessions #modal-request-session-times .select_livesession_type .request-session-type-buttons.selected-button, #sessions #scheduler-request-session .select_livesession_type .request-session-type-buttons.selected-button { border: 1px solid #1FAEDF; background-color: rgba(31, 174, 223, 0.2); }

#sessions #modal-request-session-times .select_livesession_type .schedule-session-buttons, #sessions #scheduler-request-session .select_livesession_type .schedule-session-buttons { font-size: 24px; display: inline-block; margin: 5px auto 0 auto; background-size: cover; color: #888888; -webkit-text-fill-color: #888888; }

#sessions #modal-request-session-times .select_livesession_type .schedule-session-buttons.selected, #sessions #scheduler-request-session .select_livesession_type .schedule-session-buttons.selected { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; }

#sessions #modal-request-session-times .buttons-column, #sessions #scheduler-request-session .buttons-column { justify-content: space-between; display: flex; }

#sessions #modal-feedback-not-useful-thank-you .modal-footer button { float: left; }

#sessions #auto_msg_explain { cursor: pointer; }

#sessions #message-panel .message-wrap .message div.entry div .tooltip-inner { background-color: black !important; }

#sessions .session-view, #sessions .session-wrapper { height: 100%; }

#sessions #body-container { background-color: white; height: 100%; }

#sessions .sm-fluid-leftbar { width: 30%; float: left; border-right: 1px solid #DDDDDD; overflow-y: auto; height: 100%; }

#sessions #messages-loading { height: 100%; }

#sessions #entries { width: 69.99%; max-width: initial; float: left; }

#sessions #entries_container { width: 100%; height: calc(100vh - (45px + 52px)); }

#sessions #entries_container.expanded #writer { top: 45px; min-height: unset; height: auto; max-height: calc(100% - (45px + 52px)); border-top: 0; }

#sessions #entries_container.expanded #writer #editor-form { height: calc(100% - 45px); }

#sessions #entries_container.expanded #writer #editor-form .message-container { height: 100%; }

#sessions #entries_container.expanded #writer #editor-form .message-container .form-control { min-height: unset; }

#sessions #entries_container.expanded #writer #editor-form .message-container #message-editor { height: 100%; max-height: unset; }

#sessions #entries_container.expanded #writer #editor-form .message-container .fa-expand { display: none; }

#sessions #entries_container.expanded #writer #editor-form .message-container .fa-compress { display: inline-block; }

#sessions #entries_container #opted_out_of_cfp { position: relative; width: 100%; color: black; background-color: white; height: 25px; z-index: 999; text-align: center; border: 1px solid black; }

#sessions .bubble-announce { display: none; position: absolute; z-index: 12; background-color: white; border: 2px solid #387D7A; max-width: 200px; color: #666666; margin: 10px; border-radius: 10px; top: 10px; padding: 10px; box-shadow: 3px 3px 3px #666666; }

#sessions .bubble-announce#client-new-goal { right: 10px; top: 0; }

#sessions .bubble-announce#client-new-goal .arrow-up { right: -120px; }

#sessions .bubble-announce .arrow-up { width: 0; height: 0; position: relative; bottom: 19px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #387D7A; }

#sessions .bubble-announce #close-button { text-align: right; font-size: 22px; cursor: pointer; position: absolute; top: 0; right: 6px; }

#sessions .bubble-announce p { max-width: 160px; font-size: 13px; margin-bottom: 0; }

#sessions .change-counselor-announce { position: relative; display: none; z-index: 12; background-color: white; border: 2px solid #387D7A; max-width: 200px; color: #666666; margin: 10px; border-radius: 10px; top: 3px; right: -5px; padding: 0px 10px 10px 10px; box-shadow: 3px 3px 3px #666666; }

#sessions .change-counselor-announce .arrow-up { width: 0; height: 0; position: relative; bottom: 8px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #387D7A; }

#sessions .change-counselor-announce #close-button { display: inline-block; float: right; font-size: 18px; cursor: pointer; top: 0; right: 6px; }

#sessions .change-counselor-announce .margin-zero { margin-top: 0px; margin-bottom: 0px !important; }

#sessions h2 { color: #1FAEDF; background-color: transparent; }

#sessions #scheduler { position: fixed; bottom: 0; min-height: 30px; margin: 0; width: 760px; padding: 5px 15px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; background-color: rgba(56, 125, 122, 0.3); }

#sessions #scheduler #btn-book-session:after { content: 'BOOK'; }

#sessions #scheduler #schedule-session-button { height: 20px; padding: 0 15px; font-size: 11px; line-height: 15px; }

#sessions #unresponded_count { text-align: center; color: white; background: #E36039; border-radius: 5px; margin-bottom: 10px; }

#sessions footer { display: none; }

#sessions #sessions-container { width: 1170px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; display: block; }

#sessions #sessions-container:before, #sessions #sessions-container:after { content: " "; display: table; }

#sessions #sessions-container:after { clear: both; }

#sessions #entries { height: 0 !important; }

#sessions .todo-clients { margin-top: 15px; background-color: #fff; padding-bottom: 10px; border-radius: 5px 5px 0 0; }

#sessions .todo-clients p.header { background-color: #EEEEEE; border-radius: 5px 5px 0 0; width: 100%; padding: 10px 0; color: #888888; margin-bottom: 0px !important; }

#sessions .todo-clients .btn-todo, #sessions .todo-clients .btn-subscribers { display: block; text-align: center; background-color: rgba(56, 125, 122, 0.2); color: #387D7A; }

#sessions .todo-clients .btn-todo:hover, #sessions .todo-clients .btn-subscribers:hover { background-color: rgba(56, 125, 122, 0.4); }

#sessions .todo-clients hr { margin: 5px 0; }

#sessions .todo-clients .no-todo-msg { margin: 10px; color: #888888; }

#sessions .todo-clients a { padding: 5px 15px; font-size: 14px; display: block; text-align: left; text-decoration: none; }

#sessions .todo-clients a i { margin-right: 10px; width: 15px; text-align: center; display: inline-block; }

#sessions .start-realtime-button { width: 25px; margin: 2px 5px 0 5px; }

#sessions .close_not_an_intro { opacity: 100; color: white; }

#sessions #applepay_img { margin: 0 auto; display: block; }

#sessions #applepay_button { width: 100%; height: auto; border: 2px solid #000000; padding: 12px 22px; border-radius: 9px; }

#sessions #applepay_anchor { display: block; padding: 6px 10px; }

#sessions #applepay_nopaymenttext { text-align: center; }

#sessions #applepay_overlay { opacity: 0.7; filter: alpha(opacity=0.7); position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; z-index: 2; background: transparent; color: black; }

#sessions #modal-recorder-recording:hover { cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; }

#sessions #modal-recorder-recording:active { cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing; }

#sessions #modal-recorder-recording .modal-dialog { width: 400px; }

#sessions #body-container #content-container { padding: 0; height: 100%; }

#sessions .alert_wrapper { display: block; top: 60px; z-index: 2; }

#sessions .alert_wrapper .alert.alert-warning { border-radius: 0; border: 0; color: #444444; line-height: 1.4; padding: 5px 15px; height: auto; text-align: center; background-color: rgba(56, 125, 122, 0.2); border-bottom: 1px solid rgba(56, 125, 122, 0.5); }

#sessions .alert_wrapper .alert.alert-warning a.close { line-height: 18px; }

#sessions #form_failed_enter_payment .cc-gather-label { padding-top: 5px; }

#sessions #new-message-alert { position: fixed; top: 50px; border-radius: 0 0 5px 5px; background-color: #E36039; color: white; font-weight: 700; padding: 5px 20px; right: 30px; display: none; z-index: 100; box-shadow: 1px 1px 2px #888888; }

#sessions #new-message-alert i { display: none; }

#sessions #new-message-alert.scroll-to { cursor: pointer; }

#sessions #new-message-alert.scroll-to i { display: inline; padding: .5em 0 .5em .5em; }

#sessions #message-panel, #sessions #messages-loading { padding: 15px; z-index: 0; position: fixed; width: 69.99%; background-color: white; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

#sessions #message-panel span.loading, #sessions #messages-loading span.loading { display: block; background-color: rgba(255, 255, 255, 0.8); padding: 15px; border-radius: 5px; font-size: 18px; color: #CCCCCC; }

#sessions #message-panel #no-notes, #sessions #messages-loading #no-notes { font-size: 18px; color: #888888; display: none; text-align: center; margin: 15px 0; }

#sessions #message-panel .btn-block, #sessions #messages-loading .btn-block { margin-bottom: 15px; }

#sessions #message-panel #jump_to.unread, #sessions #messages-loading #jump_to.unread { text-align: center; margin: 0 -15px 25px; color: white; font-weight: 700; background-color: #E36039; padding: 3px 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); }

#sessions #message-panel #no-starred-messages, #sessions #messages-loading #no-starred-messages { text-align: center; padding: 20px 30px; max-width: 700px; margin: 0 auto; }

#sessions #message-panel #no-starred-messages .system-msg-icon, #sessions #messages-loading #no-starred-messages .system-msg-icon { font-size: 50px; line-height: 1em; }

#sessions #message-panel #no-starred-messages .fa-star, #sessions #messages-loading #no-starred-messages .fa-star { color: #D6C922; }

#sessions #message-panel .with_decoration, #sessions #messages-loading .with_decoration { text-decoration: underline; cursor: pointer; }

#sessions #message-panel .with_decoration:hover, #sessions #messages-loading .with_decoration:hover { text-decoration: none; }

#sessions #message-panel .about_this_message_explain_text, #sessions #messages-loading .about_this_message_explain_text { line-height: 14px; }

#sessions #message-panel .not-display, #sessions #messages-loading .not-display { display: none; }

#sessions #message-panel .entries-day-wrapper, #sessions #messages-loading .entries-day-wrapper { display: block; width: 100%; margin: 25px 0; text-align: center; }

#sessions #message-panel .entries-day-wrapper.sticky, #sessions #messages-loading .entries-day-wrapper.sticky { display: none; position: fixed; width: auto; z-index: 2; margin: 0; }

#sessions #message-panel .entries-day-wrapper .entries-day, #sessions #messages-loading .entries-day-wrapper .entries-day { display: inline-block; width: 125px; background: white; border: 1px solid #CCCCCC; border-radius: 5px; padding: 1px 0; font-size: 11px; color: #666666; }

#sessions #message-panel .message-wrap, #sessions #messages-loading .message-wrap { margin-bottom: 20px; }

#sessions #message-panel .message-wrap.starred .message-and-timestamp:hover .button-bar, #sessions #messages-loading .message-wrap.starred .message-and-timestamp:hover .button-bar { display: block; }

#sessions #message-panel .message-wrap.starred .message-and-timestamp:hover .button-bar .entry-shred, #sessions #message-panel .message-wrap.starred .message-and-timestamp:hover .button-bar .entry-edit-existing, #sessions #messages-loading .message-wrap.starred .message-and-timestamp:hover .button-bar .entry-shred, #sessions #messages-loading .message-wrap.starred .message-and-timestamp:hover .button-bar .entry-edit-existing { display: inline-block; }

#sessions #message-panel .message-wrap .message-and-timestamp:hover .button-bar, #sessions #messages-loading .message-wrap .message-and-timestamp:hover .button-bar { display: block; }

#sessions #message-panel .message-wrap .video-message-note, #sessions #messages-loading .message-wrap .video-message-note { margin-top: 5px; font-size: 11px; color: #888888; }

#sessions #message-panel .message-wrap .from-avatar, #sessions #message-panel .message-wrap .message-and-timestamp, #sessions #messages-loading .message-wrap .from-avatar, #sessions #messages-loading .message-wrap .message-and-timestamp { display: inline-block; vertical-align: bottom; }

#sessions #message-panel .message-wrap .message-and-timestamp, #sessions #messages-loading .message-wrap .message-and-timestamp { width: 85%; position: relative; }

#sessions #message-panel .message-wrap .message-and-timestamp .date-cont, #sessions #messages-loading .message-wrap .message-and-timestamp .date-cont { margin-top: 2px; font-size: 11px; color: #666666; text-align: right; }

#sessions #message-panel .message-wrap .message-and-timestamp .button-bar, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar { right: 8px; top: -7px; display: none; z-index: 999; position: absolute; }

#sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm, #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .btn, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar .btn-sm, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .btn { font-size: 14px; height: 23px; line-height: 22px; padding: 0 7.4px; }

#sessions #message-panel .message-wrap .message-and-timestamp .button-bar .entry-star.starred, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar .entry-star.starred { color: #D6C922; background-color: white; border: 1px solid #e5e5e5; }

#sessions #message-panel .message-wrap .message-and-timestamp .button-bar .entry-star.starred:hover, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar .entry-star.starred:hover { color: #c4b81f; background-color: #f5f5f5; }

#sessions #message-panel .message-wrap .message-and-timestamp .button-bar.starred-button, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar.starred-button { display: inline-block; }

#sessions #message-panel .message-wrap .message-and-timestamp .button-bar.starred-button .entry-shred, #sessions #message-panel .message-wrap .message-and-timestamp .button-bar.starred-button .entry-edit-existing, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar.starred-button .entry-shred, #sessions #messages-loading .message-wrap .message-and-timestamp .button-bar.starred-button .entry-edit-existing { display: none; }

#sessions #message-panel .message-wrap .message-and-timestamp .btn-icon, #sessions #messages-loading .message-wrap .message-and-timestamp .btn-icon { background-color: white; border: 1px solid #e5e5e5; color: #666666; padding: 1.5px 10px; }

#sessions #message-panel .message-wrap .message-and-timestamp .btn-icon:hover, #sessions #messages-loading .message-wrap .message-and-timestamp .btn-icon:hover { color: #444444; background-color: #f5f5f5; }

#sessions #message-panel .message-wrap .from-avatar .author-image, #sessions #message-panel .message-wrap .from-avatar .user-icon, #sessions #messages-loading .message-wrap .from-avatar .author-image, #sessions #messages-loading .message-wrap .from-avatar .user-icon { height: 30px; width: 30px; border-radius: 50%; border: 1px solid #ccc; margin-right: 5px; }

#sessions #message-panel .message-wrap .message, #sessions #messages-loading .message-wrap .message { background-color: white; border-radius: 5px; padding: 10px; line-height: 1.7; overflow: auto; font-size: 14.7px; min-height: 50px; }

#sessions #message-panel .message-wrap .message#questionnaire strong, #sessions #messages-loading .message-wrap .message#questionnaire strong { display: block; }

#sessions #message-panel .message-wrap .message .sent-video-message, #sessions #messages-loading .message-wrap .message .sent-video-message { margin-top: 10px; }

#sessions #message-panel .message-wrap .message .entry-worksheet-link, #sessions #messages-loading .message-wrap .message .entry-worksheet-link { display: block; }

#sessions #message-panel .message-wrap .message div.entry, #sessions #messages-loading .message-wrap .message div.entry { overflow-x: auto; }

#sessions #message-panel .message-wrap .message div.entry img, #sessions #messages-loading .message-wrap .message div.entry img { max-width: 100%; }

#sessions #message-panel .message-wrap .message div.entry div, #sessions #message-panel .message-wrap .message div.entry p, #sessions #message-panel .message-wrap .message div.entry span, #sessions #messages-loading .message-wrap .message div.entry div, #sessions #messages-loading .message-wrap .message div.entry p, #sessions #messages-loading .message-wrap .message div.entry span { background-color: transparent !important; }

#sessions #message-panel .message-wrap .message div.entry .att-file, #sessions #messages-loading .message-wrap .message div.entry .att-file { padding: 5px 10px; background-color: #DDDDDD !important; }

#sessions #message-panel .message-wrap .message div.entry .att-file .remove, #sessions #messages-loading .message-wrap .message div.entry .att-file .remove { display: none; }

#sessions #message-panel .message-wrap .message.sent .entry .att-file, #sessions #messages-loading .message-wrap .message.sent .entry .att-file { background-color: rgba(5, 187, 211, 0.2) !important; }

#sessions #message-panel .message-wrap .message .author, #sessions #messages-loading .message-wrap .message .author { font-weight: 700; font-size: 13px; }

#sessions #message-panel .message-wrap .message .author .unbold, #sessions #messages-loading .message-wrap .message .author .unbold { font-weight: normal; }

#sessions #message-panel .message-wrap .message .user-icon, #sessions #messages-loading .message-wrap .message .user-icon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#sessions #message-panel .message-wrap .message .title-bar, #sessions #messages-loading .message-wrap .message .title-bar { margin: -10px -10px 5px -10px; display: block; padding: 5px 15px; color: white; font-weight: 700; background-color: #F5F5F5; border-radius: 5px 5px 0 0; }

#sessions #message-panel .message-wrap .message .title-bar.urgent, #sessions #messages-loading .message-wrap .message .title-bar.urgent { background-color: #AF2225; }

#sessions #message-panel .message-wrap .message .title-bar.audio_transcription, #sessions #messages-loading .message-wrap .message .title-bar.audio_transcription { background-color: #DDDDDD; color: #444444; }

#sessions #message-panel .message-wrap .message .att-file, #sessions #messages-loading .message-wrap .message .att-file { padding: 0; margin: 10px -10px -10px -10px; border-radius: 0 0 5px 5px; border: 0; background-color: rgba(255, 255, 255, 0.5); border-top: 2px solid rgba(165, 75, 156, 0.2); }

#sessions #message-panel .message-wrap .message .att-file audio, #sessions #message-panel .message-wrap .message .att-file video, #sessions #messages-loading .message-wrap .message .att-file audio, #sessions #messages-loading .message-wrap .message .att-file video { margin-top: 3px; margin-left: 5px; max-width: 300px; }

#sessions #message-panel .message-wrap .message .att-file ul li.remove, #sessions #message-panel .message-wrap .message .att-file ul li.download, #sessions #message-panel .message-wrap .message .att-file ul li.worksheet, #sessions #messages-loading .message-wrap .message .att-file ul li.remove, #sessions #messages-loading .message-wrap .message .att-file ul li.download, #sessions #messages-loading .message-wrap .message .att-file ul li.worksheet { border: 0; background-color: rgba(165, 75, 156, 0.2); }

#sessions #message-panel .message-wrap .message .att-file ul li.remove:hover, #sessions #message-panel .message-wrap .message .att-file ul li.download:hover, #sessions #message-panel .message-wrap .message .att-file ul li.worksheet:hover, #sessions #messages-loading .message-wrap .message .att-file ul li.remove:hover, #sessions #messages-loading .message-wrap .message .att-file ul li.download:hover, #sessions #messages-loading .message-wrap .message .att-file ul li.worksheet:hover { background-color: rgba(165, 75, 156, 0.3); }

#sessions #message-panel .message-wrap .message.sent, #sessions #messages-loading .message-wrap .message.sent { background-color: #ddedf4; }

#sessions #message-panel .message-wrap .message.sent .att-file, #sessions #messages-loading .message-wrap .message.sent .att-file { background-color: rgba(5, 187, 211, 0.2); border-top: 2px solid rgba(5, 187, 211, 0.6); }

#sessions #message-panel .message-wrap .message.sent .att-file ul li.remove, #sessions #message-panel .message-wrap .message.sent .att-file ul li.download, #sessions #message-panel .message-wrap .message.sent .att-file ul li.worksheet, #sessions #messages-loading .message-wrap .message.sent .att-file ul li.remove, #sessions #messages-loading .message-wrap .message.sent .att-file ul li.download, #sessions #messages-loading .message-wrap .message.sent .att-file ul li.worksheet { background-color: rgba(31, 174, 223, 0.1); border: 0; }

#sessions #message-panel .message-wrap .message.sent .att-file ul li.remove:hover, #sessions #message-panel .message-wrap .message.sent .att-file ul li.download:hover, #sessions #message-panel .message-wrap .message.sent .att-file ul li.worksheet:hover, #sessions #messages-loading .message-wrap .message.sent .att-file ul li.remove:hover, #sessions #messages-loading .message-wrap .message.sent .att-file ul li.download:hover, #sessions #messages-loading .message-wrap .message.sent .att-file ul li.worksheet:hover { background-color: rgba(31, 174, 223, 0.2); }

#sessions #message-panel .message-wrap .message.sent .title-bar, #sessions #messages-loading .message-wrap .message.sent .title-bar { color: white; background-color: rgba(5, 187, 211, 0.45); }

#sessions #message-panel .message-wrap .message.sent .title-bar.unread, #sessions #messages-loading .message-wrap .message.sent .title-bar.unread { background-color: #1FAEDF; }

#sessions #message-panel .message-wrap .message.sent .title-bar.urgent, #sessions #messages-loading .message-wrap .message.sent .title-bar.urgent { background-color: #AF2225; }

#sessions #message-panel .message-wrap .message.received, #sessions #messages-loading .message-wrap .message.received { background-color: #F5F5F5; }

#sessions #message-panel .message-wrap .message.received[data-author='counselor'], #sessions #messages-loading .message-wrap .message.received[data-author='counselor'] { background-color: rgba(165, 75, 156, 0.15); }

#sessions #message-panel .message-wrap .message.received[data-author='counselor'] .author, #sessions #messages-loading .message-wrap .message.received[data-author='counselor'] .author { color: #A54B9C; -webkit-text-fill-color: #A54B9C; }

#sessions #message-panel .message-wrap .message.received[data-author='partner'], #sessions #messages-loading .message-wrap .message.received[data-author='partner'] { background-color: rgba(95, 170, 65, 0.15); }

#sessions #message-panel .message-wrap .message.received[data-author='partner'] .author, #sessions #messages-loading .message-wrap .message.received[data-author='partner'] .author { color: #5FAA41; -webkit-text-fill-color: #5FAA41; }

#sessions #message-panel .message-wrap .message.received[data-author='client'], #sessions #messages-loading .message-wrap .message.received[data-author='client'] { background-color: rgba(165, 75, 156, 0.15); }

#sessions #message-panel .message-wrap .message.received[data-author='client'] .author, #sessions #messages-loading .message-wrap .message.received[data-author='client'] .author { color: #A54B9C; -webkit-text-fill-color: #A54B9C; }

#sessions #message-panel .message-wrap .message.system, #sessions #message-panel .message-wrap .message.note, #sessions #messages-loading .message-wrap .message.system, #sessions #messages-loading .message-wrap .message.note { padding: 15px 10px 10px 10px; border: 1px solid #DDDDDD; }

#sessions #message-panel .message-wrap .message.cfp-review, #sessions #messages-loading .message-wrap .message.cfp-review { background-color: rgba(224, 121, 0, 0.25); }

#sessions #message-panel .message-wrap .message.draft, #sessions #messages-loading .message-wrap .message.draft { background-color: rgba(5, 187, 211, 0.15); border: 1px dashed #05BBD3; }

#sessions #message-panel .message-wrap .message.draft .title-bar, #sessions #messages-loading .message-wrap .message.draft .title-bar { background-color: #05BBD3; }

#sessions #message-panel .message-wrap.sent, #sessions #message-panel .message-wrap.questionnaire-wrap, #sessions #messages-loading .message-wrap.sent, #sessions #messages-loading .message-wrap.questionnaire-wrap { text-align: right; }

#sessions #message-panel .message-wrap.sent .message, #sessions #message-panel .message-wrap.questionnaire-wrap .message, #sessions #messages-loading .message-wrap.sent .message, #sessions #messages-loading .message-wrap.questionnaire-wrap .message { text-align: left; }

#sessions #message-panel .message-wrap.questionnaire-wrap.sent, #sessions #messages-loading .message-wrap.questionnaire-wrap.sent { text-align: right; }

#sessions #message-panel .message-wrap.questionnaire-wrap.received, #sessions #messages-loading .message-wrap.questionnaire-wrap.received { text-align: left; }

#sessions #message-panel .message-wrap.add_padding, #sessions #messages-loading .message-wrap.add_padding { margin-bottom: 7px; }

#sessions #message-panel .message-wrap.received.add_padding .message-and-timestamp, #sessions #messages-loading .message-wrap.received.add_padding .message-and-timestamp { margin-left: 38px; }

#sessions #message-panel .message-wrap.system, #sessions #message-panel .message-wrap.note, #sessions #messages-loading .message-wrap.system, #sessions #messages-loading .message-wrap.note { margin: 15px auto; }

#sessions #message-panel .message-wrap.system .message-and-timestamp, #sessions #message-panel .message-wrap.note .message-and-timestamp, #sessions #messages-loading .message-wrap.system .message-and-timestamp, #sessions #messages-loading .message-wrap.note .message-and-timestamp { width: 100%; text-align: center; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry { margin: 0 auto; width: 70%; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon { font-size: 50px; line-height: 1em; color: #CCCCCC; margin-bottom: 10px; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .system-message-clock, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .system-message-clock, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .system-message-clock, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .system-message-clock { color: #5FAA41; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-file-text-o, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-file-text-o, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-file-text-o, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-file-text-o { color: #CCCCCC; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-times-circle, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-times-circle, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-times-circle, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-times-circle { color: #AF2225; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-trophy, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-trophy, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-trophy, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-trophy { color: #e7d470; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-sticky-note, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-sticky-note, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-sticky-note, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-sticky-note { color: #ffed8e; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-lightbulb-o, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-lightbulb-o, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-lightbulb-o, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-lightbulb-o { color: #e7d470; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-star, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-star, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-star, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-star { color: #D6C922; }

#sessions #message-panel .message-wrap.system .message-and-timestamp .entry .small-text, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry .small-text, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .small-text, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .small-text { font-size: 12px; }

#sessions #message-panel .message-wrap.system ul, #sessions #message-panel .message-wrap.note ul, #sessions #messages-loading .message-wrap.system ul, #sessions #messages-loading .message-wrap.note ul { text-align: left; }

#sessions #message-panel .message-wrap.system .message, #sessions #message-panel .message-wrap.note .message, #sessions #messages-loading .message-wrap.system .message, #sessions #messages-loading .message-wrap.note .message { border-radius: 5px; }

#sessions #message-panel .message-wrap.note .notes-text, #sessions #messages-loading .message-wrap.note .notes-text { text-align: left; word-break: break-word; }

#sessions #message-panel .message-wrap.note .notes-action-buttons a, #sessions #messages-loading .message-wrap.note .notes-action-buttons a { cursor: pointer; }

#sessions #message-panel .message-wrap.note .notes-action-buttons a:first-child, #sessions #messages-loading .message-wrap.note .notes-action-buttons a:first-child { padding-right: 10px; border-right: 1px solid #CCCCCC; margin-right: 7px; }

#sessions #message-panel .message-wrap.note .att-file, #sessions #messages-loading .message-wrap.note .att-file { background-color: white; border-top: 0; margin: 10px 0 0 0; }

#sessions #message-panel .message-wrap.note .att-file ul, #sessions #messages-loading .message-wrap.note .att-file ul { text-align: center; }

#sessions #message-panel .message-wrap.note .att-file ul li, #sessions #messages-loading .message-wrap.note .att-file ul li { float: none; border-radius: 5px; }

#sessions #message-panel .alternative-system-message, #sessions #messages-loading .alternative-system-message { text-align: center; }

#sessions #message-panel .alternative-system-message img, #sessions #messages-loading .alternative-system-message img { margin: 1.5rem auto 3rem; width: 76px !important; height: auto !important; }

#sessions #message-panel.notesonly .message-wrap.draft, #sessions #message-panel.notesonly .message-wrap.system, #sessions #message-panel.notesonly .message-wrap.sent, #sessions #message-panel.notesonly .message-wrap.received, #sessions #messages-loading.notesonly .message-wrap.draft, #sessions #messages-loading.notesonly .message-wrap.system, #sessions #messages-loading.notesonly .message-wrap.sent, #sessions #messages-loading.notesonly .message-wrap.received { display: none; }

#sessions #message-panel.notesonly #unresponded_count, #sessions #messages-loading.notesonly #unresponded_count { display: none; }

#sessions #message-panel.notesonly span.allmessages, #sessions #messages-loading.notesonly span.allmessages { display: block; }

#sessions #message-panel.notesonly span.notes, #sessions #messages-loading.notesonly span.notes { display: none; }

#sessions #message-panel.notesonly #no-notes, #sessions #messages-loading.notesonly #no-notes { display: block; }

#sessions #message-panel.notesonly #get_more_messages.no-notes, #sessions #message-panel.notesonly #jump_to, #sessions #messages-loading.notesonly #get_more_messages.no-notes, #sessions #messages-loading.notesonly #jump_to { display: none; }

#sessions #message-panel.notesonly #questionnaire, #sessions #messages-loading.notesonly #questionnaire { display: block; }

#sessions #message-panel.starredonly .message-wrap.draft, #sessions #message-panel.starredonly .message-wrap.system, #sessions #message-panel.starredonly .message-wrap.sent, #sessions #message-panel.starredonly .message-wrap.received, #sessions #message-panel.starredonly .message-wrap.note, #sessions #messages-loading.starredonly .message-wrap.draft, #sessions #messages-loading.starredonly .message-wrap.system, #sessions #messages-loading.starredonly .message-wrap.sent, #sessions #messages-loading.starredonly .message-wrap.received, #sessions #messages-loading.starredonly .message-wrap.note { display: none; }

#sessions #message-panel.starredonly .message-wrap.starred, #sessions #messages-loading.starredonly .message-wrap.starred { display: block; }

#sessions #message-panel.starredonly .message-wrap.starred .button-bar.starred-button .entry-edit-existing, #sessions #messages-loading.starredonly .message-wrap.starred .button-bar.starred-button .entry-edit-existing { display: none; }

#sessions #message-panel.starredonly .message-wrap.starred:hover .button-bar.starred-button .entry-edit-existing, #sessions #messages-loading.starredonly .message-wrap.starred:hover .button-bar.starred-button .entry-edit-existing { display: none; }

#sessions #message-panel.starredonly #unresponded_count, #sessions #messages-loading.starredonly #unresponded_count { display: none; }

#sessions #message-panel.starredonly span.allmessages, #sessions #messages-loading.starredonly span.allmessages { display: block; }

#sessions #message-panel.starredonly span.starredmessages, #sessions #messages-loading.starredonly span.starredmessages { display: none; }

#sessions #message-panel .note .att-file, #sessions #messages-loading .note .att-file { background-color: rgba(56, 125, 122, 0.2); border-top: 2px solid rgba(56, 125, 122, 0.6); }

#sessions #therapy-goals-att-banner { padding: 10px; margin: 10px 10px 20px; background-color: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b; border-radius: 5px; }

#sessions #therapy-goals-modal .modal-body, #sessions #therapy-goals-check-in-modal .modal-body { padding: 30px; }

#sessions #therapy-goals-modal .close, #sessions #therapy-goals-check-in-modal .close { position: relative; top: -20px; left: 15px; }

#sessions #close-therapy-goals-tooltip { color: white; font-size: 16px; text-shadow: none; position: relative; top: -24px; left: 8px; opacity: 0.8; }

#sessions #file-upload .tooltip-inner { min-width: 210px; padding: 5px 15px 5px 0px; }

#sessions #writer { width: 69.99%; position: fixed; bottom: 0; z-index: 9; background-color: white; border-top: 1px solid #CCCCCC; }

#sessions #writer #editor-take, #sessions #writer #editor-reject { margin-top: 20px; }

#sessions #writer .sessions-promo .client-promotions-writer { max-width: 60%; }

#sessions #writer #menu-bar { padding: 0 10px; }

#sessions #writer #menu-bar .live-button-wrapper { display: none; }

#sessions #writer #menu-bar .editor-real-time-buttons .online-status { font-size: 24px; width: 25px; margin: 0 5px; position: relative; top: -7px; color: #888888; }

#sessions #writer #menu-bar .editor-real-time-buttons .online-status:after { color: inherit; }

#sessions #writer #menu-bar .editor-real-time-buttons .online-status span { position: absolute; font-size: 10px; top: 28px; left: -3px; }

#sessions #writer #menu-bar .editor-real-time-buttons a, #sessions #writer #menu-bar .editor-real-time-buttons .span-button { display: inline-block; width: 25px; height: 25px; margin: 0 5px; background-size: cover; cursor: pointer; }

#sessions #writer #menu-bar .editor-real-time-buttons a.video-button, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.video-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.video-button.online, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.video-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_green.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.phone-button, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.phone-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.phone-button.online, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.phone-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_green.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.livechat-button, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.livechat-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.livechat-button.online, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.livechat-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_green.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.partner-video-button, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.partner-video-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.partner-video-button.online, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.partner-video-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_green.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.partner-phone-button, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.partner-phone-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.partner-phone-button.online, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.partner-phone-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_green.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.partner-livechat-button, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.partner-livechat-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png"); }

#sessions #writer #menu-bar .editor-real-time-buttons a.partner-livechat-button.online, #sessions #writer #menu-bar .editor-real-time-buttons .span-button.partner-livechat-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_green.png"); }

#sessions #writer #menu-bar .attach-button { display: none; }

#sessions #writer #editor-reject { background-color: #AF2225; }

#sessions #writer #editor-reject:hover, #sessions #writer #editor-reject:active { background-color: #9c1d20; }

#sessions #writer .message-container { position: relative; height: 100%; }

#sessions #writer .message-container .form-control { z-index: 1; }

#sessions #writer .message-container .fa-expand, #sessions #writer .message-container .fa-compress { font-size: 16px; color: #444444; opacity: 0.8; z-index: 2; text-align: right; position: absolute; top: 0; right: 0; height: 30px; width: 30px; padding: 5px; }

#sessions #writer .message-container .fa-expand { display: inline-block; }

#sessions #writer .message-container .fa-compress { display: none; }

#sessions #writer .form-control { overflow-y: auto; resize: vertical; width: 100%; height: auto; min-height: 100px; max-height: 250px; position: relative; margin-bottom: 5px; bottom: 0; font-size: 14.7px; line-height: 1.7em; border-radius: 0; border: 0; }

#sessions #writer .form-control:focus { border: 2px solid #05bbd3; }

#sessions #writer .form-control:empty:not(:focus):before { content: attr(data-placeholder); color: #AAAAAA; }

#sessions #writer .btn-livechat { margin-top: 10px; background-color: #EEEEEE; font-size: 14px; text-align: left; color: #444444; }

#sessions #writer .btn-livechat i { color: #5FAA41; }

#sessions #writer .btn-livechat:hover { color: #444444; background-color: #DDDDDD; }

#sessions #writer .btn-livechat.available { background-color: rgba(95, 170, 65, 0.2); }

#sessions #writer .btn-livechat.available:hover { background-color: rgba(95, 170, 65, 0.4); color: #444444; }

#sessions #writer #messages-bottom { z-index: 5; position: fixed; right: 30px; margin-top: -30px; background-color: rgba(68, 68, 68, 0.3); color: white; text-align: center; font-size: 20px; width: 40px; height: 30px; line-height: 30px; cursor: pointer; border-radius: 5px 5px 0 0; display: none; }

#sessions #writer #messages-bottom:hover { background-color: rgba(68, 68, 68, 0.5); }

#sessions #writer .decline-contact { margin-left: -10px; margin-right: -10px; border-top: 1px solid #CCCCCC; padding: 5px 10px; }

#sessions #writer .white-bcg { background-color: white; }

#sessions #writer .alert { text-align: left; border: 0; background-color: #AF2225; color: white; border-radius: 0; margin-bottom: 0; box-shadow: 0px 1px 2px #888888; }

#sessions #writer .alert a { color: rgba(255, 255, 255, 0.8); -webkit-text-fill-color: rgba(255, 255, 255, 0.8); text-decoration: underline; }

#sessions #writer .alert a:hover { color: white; }

#sessions #writer .alert.alert-danger, #sessions #writer .alert.alert-error { border-bottom: 2px solid #AF2225; color: #AF2225; background-color: white; }

#sessions #writer .alert.alert-danger .close, #sessions #writer .alert.alert-error .close { color: white; }

#sessions #writer .warning { text-align: left; border: 0; background-color: #F8A503; color: white; border-radius: 0; margin-bottom: 0; box-shadow: 0px 1px 2px #888888; padding: 10px 15px; }

#sessions #writer .warning a { color: white; }

#sessions #writer .warning .close { opacity: 1; color: white; }

#sessions #writer #editor-toolbar { border-bottom: 0; border-radius: 0; background-color: white; display: inline-block; line-height: 0; /* Start of urgent button toggle */ }

#sessions #writer #editor-toolbar input#uploadFile { position: absolute; opacity: 0; visibility: hidden; }

#sessions #writer #editor-toolbar .dropdown, #sessions #writer #editor-toolbar .dropup { display: inline-block; }

#sessions #writer #editor-toolbar .dropdown.open, #sessions #writer #editor-toolbar .dropup.open { background-color: #F5F5F5; }

#sessions #writer #editor-toolbar #editor-note { padding: 8px; }

#sessions #writer #editor-toolbar #editor-note .save-note-icon, #sessions #writer #editor-toolbar #editor-note .save-note-text { display: inline-block; vertical-align: middle; }

#sessions #writer #editor-toolbar #editor-note .save-note-icon { width: 16px; height: auto; }

#sessions #writer #editor-toolbar #editor-note .save-note-text { margin-left: 5px; }

#sessions #writer #editor-toolbar .dropdown .urgent input[type="checkbox"] { margin: 0; }

#sessions #writer #editor-toolbar .dropdown .urgent label { margin-bottom: 0; font-weight: normal; position: relative; top: 1px; }

#sessions #writer #editor-toolbar .dropdown.expand-collapse { display: none; }

#sessions #writer #editor-toolbar .tool { padding: 9px; top: 0; line-height: 1; position: relative; color: #444444; -webkit-text-fill-color: #444444; opacity: 0.8; filter: alpha(opacity=80); z-index: 1; display: table-cell; }

#sessions #writer #editor-toolbar .tool:hover, #sessions #writer #editor-toolbar .tool:active #sessions #writer #editor-toolbar .tool.open { opacity: 1; filter: alpha(opacity=100); background-color: #F5F5F5; cursor: pointer; text-decoration: none; }

#sessions #writer #editor-toolbar #urgent-button { /* Applies styling on label (while unchecked) to ensure it lines up when checked */ }

#sessions #writer #editor-toolbar #urgent-button label { position: relative; top: -1px; font-weight: 700; margin-left: 5px; }

#sessions #writer #editor-toolbar #urgent-button.marked-urgent { background-color: #AF2225; border-radius: 5px; font-weight: 700; color: white !important; /* End of tool style */ }

#sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool { color: white; -webkit-text-fill-color: white; opacity: 1; filter: none; z-index: 2; padding-bottom: 8px; }

#sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool input[type="checkbox"]#editor-is_urgent:checked + label { margin-left: 8px; }

#sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool input[type="checkbox"]#editor-is_urgent:checked { height: 10px; width: 10px; /* The checkmark itself */ }

#sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool input[type="checkbox"]#editor-is_urgent:checked::after { content: '\2714'; font-size: 1rem; text-indent: 0; line-height: 1; text-align: center; position: absolute; top: 9px; left: 9px; border: solid 0.5px #1FAEDF; background-color: #3e97f9; color: white; width: 13px; height: 13px; padding-top: 1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); border-radius: 3px; }

#sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool:hover, #sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool:active #sessions #writer #editor-toolbar #urgent-button.marked-urgent .tool.open { background-color: #AF2225; cursor: pointer; text-decoration: none; border-radius: 5px; border-radius: 5px; }

#sessions #writer #editor-toolbar #stop_record { color: #ff0000; -webkit-text-fill-color: #ff0000; border: 1px solid #FF0000; opacity: 1; }

#sessions #writer #editor-toolbar ul.dropdown-menu { border-radius: 0 0 5px 5px; background-color: #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); margin-top: 0; }

#sessions #writer #editor-toolbar ul.dropdown-menu li { cursor: pointer; }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_dropdown { min-width: 280px; }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_dropdown a { float: left; width: 22px; height: 22px; margin: 3px; background-size: 22px 22px; background-position: center center; background-repeat: no-repeat; border-radius: 5px; }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_dropdown a:hover { background-color: #CCCCCC; }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_emoticon { padding-left: 12px; padding-right: 12px; padding-bottom: 9px; }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_emoticons { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/emoticons.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_angry { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/angry.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_arrogant { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/arrogant.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_bashful { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/bashful.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_beat_up { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/beat_up.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_clap { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/clap.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_crying { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/crying.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_disappointed { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/disappointed.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_embarrassed { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/embarrassed.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_excruciating { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/excruciating.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_freaked_out { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/freaked_out.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_laugh { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/laugh.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_happy { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/happy.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_sad { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/sad.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_pissed_off { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/pissed_off.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_in_love { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/in_love.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_love_over { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/love_over.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_mad_tongue { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/mad_tongue.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_nervous { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/nervous.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_neutral { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/neutral.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_question { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/question.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_shame { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/shame.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_shocked { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/shocked.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_shut_mouth { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/shut_mouth.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_sleepy { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/sleepy.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_stressed { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/stressed.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_thinking { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/thinking.png); }

#sessions #writer #editor-toolbar ul.dropdown-menu .redactor_btn_wink { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/wink.png); }

#sessions #writer #editor-message { width: 100%; margin-top: 0; border: 0; min-height: 100px; height: auto; max-height: 150px; overflow-y: auto; position: relative; transition: 0s; }

#sessions #writer #editor-message:focus { font-size: 14px; border: 2px solid #05BBD3; padding: 8px 13px; }

#sessions #writer .editor-buttons { margin-left: 10px; margin-left: 10px; display: inline-block; position: relative; top: 2px; float: right; }

#sessions #writer .editor-buttons .btn { margin-left: 10px; padding: 0 10px; height: 30px; line-height: 27px; font-size: 14px; }

#sessions #writer .editor-buttons.first_counselor_entry { margin-left: -10px; margin-right: 5px; }

#sessions #writer .editor-buttons .btn.btn-info { background-color: #EEEEEE; }

#sessions #writer .editor-buttons .btn.btn-info.attach-button { background-color: #EEEEEE; float: right; }

#sessions #writer .editor-buttons .btn.btn-info.attach-button a { color: #888888; }

#sessions #writer .editor-buttons .btn.btn-send { color: white; -webkit-text-fill-color: white; background-color: #1FAEDF; border: 1px solid white; }

#sessions #writer .editor-buttons .btn.btn-send[disabled] { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; background-color: white; border: 1px solid #1FAEDF; }

#sessions #writer .editor-buttons .send-to-button.editor-send { display: none; }

#sessions #writer .editor-buttons .btn-send.editor-send i { display: none; }

#sessions #writer #file-upload { margin: 0; background: #EEEEEE; border: 1px solid rgba(68, 68, 68, 0.3); border-left: none; border-right: none; padding: 7px 15px; display: none; position: relative; overflow: visible; font-weight: 700; min-height: 40px; }

#sessions #writer #file-upload p:first-letter { text-transform: uppercase; }

#sessions #writer #file-upload p { margin: 0; }

#sessions #writer #file-upload a.remove, #sessions #writer #file-upload a.play { top: 0; right: 0; position: absolute; height: 40px; width: 36px; line-height: 40px; text-align: center; display: block; color: rgba(68, 68, 68, 0.7); font-size: 16px; background: rgba(68, 68, 68, 0.05); border-left: 1px solid rgba(68, 68, 68, 0.3); border-bottom: 1px solid rgba(68, 68, 68, 0.3); }

#sessions #writer #file-upload a.remove:hover, #sessions #writer #file-upload a.play:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#sessions #writer #file-upload p { margin-top: 0; }

#sessions #writer #file-upload .att-file .remove { height: 30px; line-height: 30px; color: #AF2225; }

#sessions #writer #file-upload .att-file .remove:hover { color: #9c1d20; }

#sessions #writer #file-upload .att-file audio, #sessions #writer #file-upload .att-file video { width: 300px; display: inline-block; margin-right: 15px; }

#sessions #writer #file-upload .att-file video { border: 5px solid rgba(68, 68, 68, 0.8); border-radius: 5px; }

#sessions #writer #file-upload .att-file ul, #sessions #writer #file-upload .att-file li { display: inline-block; list-style: none; margin: 0; padding: 0; }

#sessions #writer-paste { width: 100%; background-color: #DDDDDD; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top: 3px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

#sessions #writer-paste #message-editor-paste { width: 100%; margin-top: 0; border: 0; min-height: 100px; height: auto; max-height: 150px; overflow-y: auto; position: relative; transition: 0s; }

#sessions #writer-paste #message-editor-paste:focus { font-size: 14px; border: 2px solid #05BBD3; padding: 8px 13px; }

#sessions #writer #editor-message .att-file, #sessions #message-panel .att-file { display: block; background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 0; border-radius: 5px; margin: 10px 0 0; overflow: hidden; clear: both; }

#sessions #writer #editor-message .att-file ul, #sessions #message-panel .att-file ul { list-style-type: none; margin: 0; padding: 0; }

#sessions #writer #editor-message .att-file ul .audio-wrapper, #sessions #message-panel .att-file ul .audio-wrapper { display: inline; }

#sessions #writer #editor-message .att-file ul li, #sessions #message-panel .att-file ul li { list-style-type: none; display: inline-block; padding: 5px 10px; }

#sessions #writer #editor-message .att-file ul li.remove, #sessions #writer #editor-message .att-file ul li.download, #sessions #writer #editor-message .att-file ul li.play, #sessions #writer #editor-message .att-file ul li.stop, #sessions #writer #editor-message .att-file ul li.worksheet, #sessions #message-panel .att-file ul li.remove, #sessions #message-panel .att-file ul li.download, #sessions #message-panel .att-file ul li.play, #sessions #message-panel .att-file ul li.stop, #sessions #message-panel .att-file ul li.worksheet { font-weight: 700; }

#sessions #writer #editor-message .att-file ul li.remove, #sessions #writer #editor-message .att-file ul li.download, #sessions #writer #editor-message .att-file ul li.worksheet, #sessions #message-panel .att-file ul li.remove, #sessions #message-panel .att-file ul li.download, #sessions #message-panel .att-file ul li.worksheet { float: right; background-color: #F5F5F5; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

#sessions #writer #editor-message .att-file ul li.remove:hover, #sessions #writer #editor-message .att-file ul li.download:hover, #sessions #writer #editor-message .att-file ul li.worksheet:hover, #sessions #message-panel .att-file ul li.remove:hover, #sessions #message-panel .att-file ul li.download:hover, #sessions #message-panel .att-file ul li.worksheet:hover { background-color: #DDDDDD; cursor: pointer; text-decoration: none; }

#sessions #writer #editor-message .att-file ul li.stop, #sessions #message-panel .att-file ul li.stop { color: #444444; }

#sessions #writer #editor-message .att-file ul li.remove, #sessions #message-panel .att-file ul li.remove { color: #444444; }

#sessions #writer #editor-message .att-file ul li.remove:after, #sessions #message-panel .att-file ul li.remove:after { content: "\f1f8"; font-family: 'FontAwesome'; line-height: 1; margin-left: 5px; }

#sessions #writer #editor-message .att-file ul li.download, #sessions #message-panel .att-file ul li.download { color: #444444; }

#sessions #writer #editor-message .att-file ul li.download:after, #sessions #message-panel .att-file ul li.download:after { content: "\f019"; line-height: 1; font-family: 'FontAwesome'; margin-left: 5px; }

#sessions #writer #editor-message .att-file ul li.worksheet, #sessions #message-panel .att-file ul li.worksheet { color: #444444; }

#sessions #writer #editor-message .att-file ul li.worksheet:after, #sessions #message-panel .att-file ul li.worksheet:after { content: "\f040"; line-height: 1; font-family: 'FontAwesome'; margin-left: 5px; }

#sessions #writer #editor-message .att-file ul li.video-message:before, #sessions #message-panel .att-file ul li.video-message:before { content: "\f03d"; line-height: 1; font-family: 'FontAwesome'; margin-right: 5px; }

#sessions #writer #editor-message .att-file ul li.audio-message:before, #sessions #message-panel .att-file ul li.audio-message:before { content: "\f028"; line-height: 1; font-family: 'FontAwesome'; margin-right: 5px; }

#sessions #writer #editor-message .att-file ul li.filename:before, #sessions #message-panel .att-file ul li.filename:before { content: "\f15b"; line-height: 1; font-family: 'FontAwesome'; margin-right: 5px; }

#sessions #writer #editor-message .att-file.error, #sessions #message-panel .att-file.error { background-color: rgba(175, 34, 37, 0.15) !important; border: 1px solid rgba(175, 34, 37, 0.15); padding: 5px 15px; }

#sessions #writer #editor-message .att-file.load, #sessions #message-panel .att-file.load { background-color: rgba(224, 171, 80, 0.15) !important; border: 1px solid rgba(224, 171, 80, 0.15); padding: 5px 15px; }

#sessions .bottom-announce { position: absolute; display: none; z-index: 14; background-color: white; border: 2px solid #1FAEDF; max-width: 300px; color: #666666; margin: 10px; border-radius: 10px; width: 200px; line-height: 1.4em; bottom: 37px; left: 0; padding: 10px 35px 10px 10px; box-shadow: 3px 3px 3px #c2c2c2; }

#sessions .bottom-announce #close-tocpp-button, #sessions .bottom-announce #close-scheduler-bookfirst-button { text-align: right; font-size: 18px; cursor: pointer; top: 4px; right: 14px; position: absolute; }

#sessions .bottom-announce .margin-zero { margin-top: 0px; margin-bottom: 0px !important; }

#sessions .bottom-announce.scheduler-bookfirst-announce { left: 20%; bottom: 40px; }

#sessions .modal .modal-header .user-icon { height: 60px; width: 60px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#sessions .modal .modal-footer-left { text-align: left; }

#sessions .modal .modal-footer-small { font-size: 12px; line-height: 1.4; }

#sessions #modal-video-player .modal-dialog { width: 50vw; max-width: 400px; }

#sessions #modal-video-player .modal-dialog .modal-content { width: 50vw; max-width: 400px; background: #333; }

#sessions #modal-video-player .modal-dialog .modal-body { padding: 0; width: 50vw; max-width: 400px; }

#sessions #modal-video-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }

#sessions #modal-video-player .modal-dialog .modal-header .close { font-size: 32px; color: #fff; opacity: 1; }

#sessions #modal-video-player .modal-dialog video { width: 50vw; max-width: 400px; }

#sessions #modal-audio-player .modal-dialog { width: 35vw; max-width: 400px; }

#sessions #modal-audio-player .modal-dialog .modal-content { width: 35vw; max-width: 400px; }

#sessions #modal-audio-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }

#sessions #modal-audio-player .modal-dialog .modal-header .close { font-size: 32px; color: #333; opacity: 1; }

#sessions #modal-audio-player .modal-dialog audio { width: 25vw; max-width: 400px; }

#sessions #modal-urgent #crisis-title { font-size: 1.5em; font-weight: bold; }

#sessions #modal-urgent #crisis-text-line-fine-print { font-size: 11px; color: #888888; }

#sessions #modal-book-session .margin-bottom { margin-bottom: 20px; }

#sessions #modal-book-session .txt-bold { font-weight: bold; }

#sessions #recorder-modal-container { text-align: center; position: relative; }

#sessions #modal-attachment-delete #recorder-modal-container, #sessions #modal-attachment-delete-notes #recorder-modal-container { margin-bottom: 30px; }

#sessions #modal-attachment-delete .btn-dismiss, #sessions #modal-attachment-delete-notes .btn-dismiss { margin-left: 15px; }

#sessions #recorder-arrow-left { font-size: 3em; color: #4d4a4a; position: absolute; left: 2em; bottom: 0em; -o-transform: rotate(320deg); -ms-transform: rotate(320deg); -webkit-transform: rotate(320deg); transform: rotate(320deg); }

#sessions #recorder-arrow-right { font-size: 3em; color: #4d4a4a; position: absolute; bottom: 0em; right: 2em; -o-transform: rotate(40deg) scaleX(-1); -ms-transform: rotate(40deg) scaleX(-1); -webkit-transform: rotate(40deg) scaleX(-1); transform: rotate(40deg) scaleX(-1); }

#sessions .progress-bar { background-color: #5FAA41; }

#sessions .after-client_intro-msg { padding-bottom: 15px; font-style: italic; }

#sessions #action-due { margin: -15px -15px 15px -15px; padding: 0 15px; background: white; border-bottom: 1px solid #CCCCCC; }

#sessions #action-due #set_follow_up-form { padding-left: 5px; }

#sessions .hiddendiv { display: none; }

#sessions .agree_scale { margin-left: 10px; }

#sessions .agree_scale .agree_choice:first-child { margin-top: 20px; }

#sessions .agree_scale .agree_choice { display: block; }

#sessions .agree_scale .agree_choice label { font-weight: 400; }

#sessions .agree_scale .agree_choice input { margin-right: 5px; }

#sessions .zero-to-ten .zero-to-ten-scale { margin-top: 50px; }

#sessions .not-disclosed-counselor { margin-top: 30px; font-style: italic; }

#sessions #cf-concerns-submit { margin-top: 10px; }

#sessions .cf-product-name { font-size: 18px; font-weight: 800; }

#sessions #counseling-menu .todo-clients hr { margin: 0 0 5px 0; }

#sessions #counseling-menu .todo-widget-client { text-align: left; }

#sessions #counseling-menu .todo-widget-client a { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 5px 20px; align-items: baseline; font-size: 16px; line-height: 22px; text-decoration: none; font-weight: 500; }

#sessions #counseling-menu .todo-widget-client a .online-status { width: 15px; margin-right: 10px; flex-grow: 0; }

#sessions #counseling-menu .todo-widget-client a img { width: 15px; height: auto; margin-right: 10px; flex-grow: 0; }

#sessions #counseling-menu .todo-widget-client a var { display: inline-block; flex-grow: 1; width: calc(100% - 50px); }

#sessions .client-promotions { background-color: #c9302c; color: white; text-align: center; position: fixed; z-index: 2; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; }

#sessions .client-promotions p { margin: 0; }

#sessions .client-promotions.row { margin-left: 0; margin-right: 0; }

#cake-modal #cake_second, #change-subscription #cake_second { margin-top: -20px; }

#cake-modal #cake_second.hide, #change-subscription #cake_second.hide { display: block !important; }

#cake-modal #cake_second #gathercc-errors.alert, #change-subscription #cake_second #gathercc-errors.alert { padding: 0 10px; }

#cake-modal #cake_second #gathercc-errors li, #change-subscription #cake_second #gathercc-errors li { list-style-type: none; }

#cake-modal .modal-footer #cake-modal-submit-btn, #change-subscription .modal-footer #cake-modal-submit-btn { display: block !important; float: right; }

#cake-modal .cake_client_promotion, #change-subscription .cake_client_promotion { color: red; }

#cake-modal .plan-offer, #change-subscription .plan-offer { margin-top: 20px; }

#cake-modal .plan-offer .plan-offer-details, #change-subscription .plan-offer .plan-offer-details { background-color: rgba(5, 187, 211, 0.18); padding: 10px; margin-top: -55px; font-weight: bold; font-size: 13px; line-height: 1.3em; text-align: center; }

#cake-modal .deal-label, #change-subscription .deal-label { width: 57px; height: 57px; border-radius: 50%; font-size: 12px; padding-top: 16px; color: #fff; line-height: 13px; text-align: center; background: #2E4057; position: relative; left: 85%; top: -10px; }

#cake-modal .plan-attribute, #change-subscription .plan-attribute { color: #5FAA41; }

#sessions #writer #menu-bar .audio-message-announce { position: absolute; display: none; z-index: 12; background-color: white; border: 2px solid #1FAEDF; width: 250px; color: #666666; margin: 10px; border-radius: 10px; bottom: 30px; left: -50px; line-height: 1.4em; padding: 10px 20px 10px 10px; box-shadow: 3px 3px 3px #c2c2c2; }

#sessions #writer #menu-bar .audio-message-announce #close-button { text-align: right; font-size: 18px; cursor: pointer; top: 4px; right: 14px; position: absolute; }

#sessions #writer #menu-bar .audio-message-announce #close-reminder-button { text-align: right; font-size: 18px; cursor: pointer; top: 4px; right: 14px; position: absolute; }

#sessions #writer #menu-bar .audio-message-announce .margin-zero { margin-top: 0px; margin-bottom: 0px !important; }

#sessions #writer #editor-message ul .audio-wrapper, #sessions #message-panel ul .audio-wrapper { display: inline; }

#sessions #writer #editor-message ul li.stop, #sessions #message-panel ul li.stop { float: left; background-color: #F5F5F5; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

#sessions #writer #editor-message ul li.stop:hover, #sessions #message-panel ul li.stop:hover { background-color: #DDDDDD; cursor: pointer; text-decoration: none; }

#sessions #writer #editor-message ul li.play, #sessions #message-panel ul li.play { color: #444444; padding: 5px 0; text-align: center; float: left; margin-left: -15px; width: 60%; }

#sessions #writer #editor-message ul li.play .inline-block-display, #sessions #message-panel ul li.play .inline-block-display { display: inline-block; vertical-align: middle; }

#sessions #writer #editor-message ul li.play .inline-block-display:first-child, #sessions #message-panel ul li.play .inline-block-display:first-child { width: 45px; cursor: pointer; }

#sessions #writer #editor-message ul li.play .inline-block-display:last-child, #sessions #message-panel ul li.play .inline-block-display:last-child { width: 78%; }

#sessions #writer #editor-message ul li.play .fa-play, #sessions #writer #editor-message ul li.play .fa-stop, #sessions #message-panel ul li.play .fa-play, #sessions #message-panel ul li.play .fa-stop { padding: 5px 10px; color: white; -webkit-text-fill-color: white; background-color: #6a6a6a; border-radius: 16px; }

#sessions #writer #editor-message ul li.play .fa-play:hover, #sessions #writer #editor-message ul li.play .fa-stop:hover, #sessions #message-panel ul li.play .fa-play:hover, #sessions #message-panel ul li.play .fa-stop:hover { background-color: #4b4b4b; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .fa-circle, #sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper, #sessions #message-panel ul li.play .audio-progress-bar .fa-circle, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper { display: inline-block; vertical-align: middle; position: relative; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .fa-circle, #sessions #message-panel ul li.play .audio-progress-bar .fa-circle { z-index: 1; font-size: 10px; top: -7px; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper { width: 94%; z-index: 0; left: -11px; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper hr, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper hr { margin: 5px auto 9px auto; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-disabled, #sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-state-disabled, #sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper button[disabled], #sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-select .ui-btn.ui-state-disabled, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-disabled, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-state-disabled, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper button[disabled], #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-select .ui-btn.ui-state-disabled { filter: Alpha(Opacity=70); opacity: 0.7; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .audio-time, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .audio-time { width: 100%; font-size: 11px; line-height: 11px; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-played, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-played { float: left; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-remaining, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-remaining { float: right; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-slider, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-slider { height: 0.4em; background: #8c8c8c; color: #454545; position: relative; display: block; border: 1px solid #6d6d6d; }

#sessions #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-slider .ui-slider-handle, #sessions #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-slider .ui-slider-handle { color: #454545; left: 0%; top: -6px; position: absolute; z-index: 2; cursor: pointer; touch-action: none; border-radius: 8px; border: 1px solid #6d6d6d; width: 1em; height: 1em; background: white; }

#sessions #message-panel .message-wrap .message .att-file ul li.stop { background-color: rgba(0, 0, 0, 0.08); border: 0; }

#sessions #message-panel .message-wrap .message .att-file ul li.stop:hover { background-color: rgba(0, 0, 0, 0.15); }

#sessions #message-panel .message-wrap .message.sent .att-file ul li.stop { background-color: rgba(31, 174, 223, 0.1); border: 0; }

#sessions #message-panel .message-wrap .message.sent .att-file ul li.stop:hover { background-color: rgba(31, 174, 223, 0.2); }

#sessions #message-panel .message-wrap .message.sent .att-file ul li.play:hover, #sessions #message-panel .message-wrap .message.sent .att-file ul li.stop:hover { background-color: inherit; cursor: default; }

#sessions #message-panel .journal-entry { line-height: 1.5em; margin: 10px 20px; padding-left: 47px; position: relative; }

#sessions #message-panel .journal-entry .journal-title { font-size: 20px; margin-bottom: 7px; }

#sessions #message-panel .journal-entry .journal-feeling { font-style: italic; }

#sessions #message-panel .journal-entry::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; }

#sessions #message-panel .journal-entry::before { left: 0; font-size: 35px; top: 0; opacity: 0.3; filter: alpha(opacity=0.3); content: "\f10d"; }

#sessions #entries #writer #menu-bar .editor-buttons button#start_record { color: #A54B9C; -webkit-text-fill-color: #A54B9C; }

#sessions #entries .message .title-bar.audio_transcription { background-color: #444444; color: white; }

#sessions #entries #file-upload a.play { right: 36px; color: rgba(68, 68, 68, 0.7); }

#sessions #entries #file-upload a.play:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#sessions #entries #file-upload #recording_status { width: 13px; height: 13px; font-size: 0; background-color: #bf3232; border: 0; border-radius: 15px; margin: 5px; outline: none; cursor: default; }

#sessions #entries #file-upload #time_left { margin-left: 20px; }

#sessions #entries #file-upload .not_recording { background-color: darkred !important; }

#sessions #entries #file-upload .recording { animation-name: blinker; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.5, 0, 1, 1); }

@keyframes blinker { from { opacity: 1; }
  to { opacity: 0; } }

#sessions #entries #file-upload a.stop { top: 0; right: 0; position: absolute; height: 40px; width: 36px; line-height: 40px; text-align: center; display: block; color: rgba(68, 68, 68, 0.7); font-size: 16px; background: rgba(68, 68, 68, 0.05); border-left: 1px solid rgba(68, 68, 68, 0.3); border-bottom: 1px solid rgba(68, 68, 68, 0.3); }

#sessions #entries #file-upload a.stop:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#sessions #entries #file-upload a.stop { color: #444444; right: 36px; }

@media (min-width: 1200px) { #sessions #message-panel .message-wrap.system .message-and-timestamp .entry, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry { width: 50%; } }

@media (max-width: 991px) { #sessions #message-panel .att-file ul li.play { margin-left: 0; } }

@media (max-width: 767px) { #sessions.mobile_menu #new-message-alert.alert-moved-up { top: 43px; }
  #sessions header h3, #more header h3 { text-align: center; padding: 0; margin-top: 11.25px; margin-bottom: 0; font-weight: normal; }
  #sessions #writer #menu-bar .audio-message-announce, #more #writer #menu-bar .audio-message-announce { left: -20px; }
  #sessions #writer #menu-bar .counselor-audio-message-announce, #more #writer #menu-bar .counselor-audio-message-announce { left: -80px; }
  #sessions .client-promotions, #more .client-promotions { position: static; }
  #sessions .client-promotions#client_promotions, #more .client-promotions#client_promotions { position: relative; }
  #sessions header #counselingmenu-toggle, #more header #counselingmenu-toggle { height: 32px; padding: 5px 7px; margin-right: 5px; margin-top: 8px; }
  #sessions .client-promotions, #more .client-promotions { margin-top: -10px; }
  #sessions #message-panel .message-wrap.system .message-and-timestamp .entry, #sessions #message-panel .message-wrap.note .message-and-timestamp .entry, #more #message-panel .message-wrap.system .message-and-timestamp .entry, #more #message-panel .message-wrap.note .message-and-timestamp .entry { width: 80%; }
  #sessions #message-panel .message-wrap .message-and-timestamp, #more #message-panel .message-wrap .message-and-timestamp { width: 83%; }
  #sessions #message-panel .message-wrap .message-and-timestamp .button-bar, #more #message-panel .message-wrap .message-and-timestamp .button-bar { top: -8px; }
  #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm, #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .btn, #more #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm, #more #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .btn { font-size: 15px; line-height: 21px; }
  #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm.entry-shred, #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .entry-shred.btn, #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm.entry-edit-existing, #sessions #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .entry-edit-existing.btn, #more #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm.entry-shred, #more #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .entry-shred.btn, #more #message-panel .message-wrap .message-and-timestamp .button-bar .btn-sm.entry-edit-existing, #more #message-panel .message-wrap .message-and-timestamp .button-bar .btn-group-sm > .entry-edit-existing.btn { margin-right: 10px; }
  #sessions #message-panel .message-wrap.sent .message-and-timestamp, #more #message-panel .message-wrap.sent .message-and-timestamp { width: 85%; }
  #sessions #message-panel .journal-entry, #more #message-panel .journal-entry { margin: 10px; padding-left: 35px; }
  #sessions #message-panel .journal-entry .journal-title, #more #message-panel .journal-entry .journal-title { font-size: 18px; }
  #sessions #message-panel .journal-entry::before, #more #message-panel .journal-entry::before { font-size: 25px; }
  #sessions #message-panel .att-file ul li.play, #more #message-panel .att-file ul li.play { width: 100%; border-left: 0; display: block; text-align: left; padding-left: 10px; }
  #sessions #message-panel .att-file ul li.play .audio-progress-bar .bar-wrapper, #more #message-panel .att-file ul li.play .audio-progress-bar .bar-wrapper { width: 100%; left: 0; }
  #sessions #message-panel .att-file ul li.play .inline-block-display:first-child, #more #message-panel .att-file ul li.play .inline-block-display:first-child { width: 41px; }
  #sessions #message-panel .att-file ul li.play .inline-block-display:last-child, #more #message-panel .att-file ul li.play .inline-block-display:last-child { width: 225px; } }

#sessions #add_on_plans_next_cake h3 { margin-top: 10px; color: black; }

.request-pfm-btn-cake { display: inline-block; margin-top: 5px; float: left; margin-left: 0 !important; cursor: pointer; text-decoration: none; }

.request-pfm-btn-cake:hover { text-decoration: underline; }

@media (min-width: 768px) { #cake-modal #cake_second .col-lg-3 { width: 41.6667%; }
  #cake-modal #cake_second .col-sm-5 { width: 58.333%; }
  #cake-modal #cake_second .col-md-3 { left: 41.6667%; }
  #cake-modal #cake_second .col-sm-3 { width: 18%; } }

@media (max-width: 1199px) { #sessions #message-panel #messages-bottom, #sessions #messages-loading #messages-bottom, #sessions #writer #messages-bottom { margin-left: 547px; }
  #sessions #scheduler { width: 627px; } }

@media (max-width: 991px) { #sessions .container { width: auto; }
  #sessions #entries { margin-left: 0; width: 59.99%; }
  #sessions #entries #entries_container #opted_out_of_cfp { height: 50px; }
  #sessions .sm-fluid-leftbar { width: 40%; }
  #sessions:not(.mobile_menu) #scheduler { margin: 0; height: 45px; line-height: 45px; width: 66.666667%; padding: 0 0 0 15px; }
  #sessions:not(.mobile_menu) #scheduler button { height: 45px; position: absolute; bottom: 0; right: 0; border-radius: 0; }
  #sessions:not(.mobile_menu) #scheduler button#btn-book-session { color: #387D7A; background-color: white; width: 74px; }
  #sessions:not(.mobile_menu) #scheduler button#btn-book-session:hover { background-color: #306663; color: white; }
  #sessions:not(.mobile_menu) #scheduler button#btn-cancel-session { color: white; }
  #sessions:not(.mobile_menu) #scheduler button#btn-client-no-show { background: #E0AB50; color: white; text-align: center; }
  #sessions #modal-video-player .modal-dialog { width: 90vw; }
  #sessions #modal-video-player .modal-dialog .modal-content { width: 90vw; background: #333; }
  #sessions #modal-video-player .modal-dialog .modal-body { padding: 0; width: 90vw; }
  #sessions #modal-video-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }
  #sessions #modal-video-player .modal-dialog .modal-header .close { font-size: 32px; color: #fff; opacity: 1; }
  #sessions #modal-video-player .modal-dialog video { width: 90vw; }
  #sessions #modal-audio-player .modal-dialog { width: 95vw; }
  #sessions #modal-audio-player .modal-dialog .modal-content { width: 95vw; max-width: 400px; }
  #sessions #modal-audio-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }
  #sessions #modal-audio-player .modal-dialog .modal-header .close { font-size: 32px; color: #333; opacity: 1; }
  #sessions #modal-audio-player .modal-dialog audio { width: 65vw; }
  #sessions .alert_wrapper { display: block; top: 0px; }
  #sessions #left-bar { padding: 0; margin-top: 0; float: none; }
  #sessions #left-bar .top-bar { height: 40px; line-height: 40px; }
  #sessions #left-bar #tablet-bar { height: auto; }
  #sessions #left-bar #tablet-bar p { line-height: 1.7; }
  #sessions #writer { margin-left: 0; width: 59.99%; }
  #sessions #writer .form-control { min-height: 80px; }
  #sessions #writer #left-bar { padding: 0; float: none; text-align: center; }
  #sessions #writer .editor-buttons.first_counselor_entry .btn { padding: 0 7px; }
  #sessions #writer .btn-livechat.mobile { margin-bottom: 0px; margin-top: -15px; border-radius: 0; }
  #sessions #writer .btn-livechat.mobile:hover, #sessions #writer .btn-livechat.mobile:active, #sessions #writer .btn-livechat.mobile:focus { background-color: white; }
  #sessions #writer #messages-bottom { margin-left: 640px; }
  #sessions #writer #editor-message { min-height: 50px; max-height: 150px; border-radius: 0 !important; }
  #sessions #writer #menu-bar .attach-button { display: inline-block; }
  #sessions #message-panel, #sessions #messages-loading { z-index: 0; width: 59.99%; margin-left: 0; margin-top: 0; }
  #sessions #message-panel .message:hover .button-bar, #sessions #messages-loading .message:hover .button-bar { display: none; } }

@media (max-width: 767px) { .fixfixed { position: absolute; bottom: -10px; }
  #cake-modal .deal-label { left: 80%; top: -1px; }
  #cake-modal .plan-offer .plan-offer-details { padding: 10px 80px 10px 10px; text-align: left; }
  #sessions { background-color: white; font-size: 14px; }
  #sessions .updated-tocpp-announce { width: 90%; bottom: 15px; max-width: initial; }
  #sessions .sm-fluid-leftbar { display: none; }
  #sessions #entries { width: 100%; float: none; clear: both; }
  #sessions #entries_container { width: 100%; }
  #sessions #body-container > #content-container > .container > .row { margin-left: -15px; margin-right: 0; }
  #sessions #action-due { margin: 0; }
  #sessions .change-counselor-announce { position: absolute; top: 0px; right: -5px; }
  #sessions .change-counselor-announce #close-button { font-size: 25px; z-index: 11; }
  #sessions .change-counselor-announce p { position: relative; top: -15px; z-index: 10; }
  #sessions .change-counselor-announce .arrow-up { left: 166px; }
  #sessions .start-realtime-button { width: 20px; margin: 5px 10px 0 0; }
  #sessions #message-panel .att-file ul li.worksheet { display: block; width: 100%; }
  #sessions header .brand-logo .brand { display: none; }
  #sessions header .brand-icon .brand { display: inline-block !important; }
  #sessions .container { padding: 0; }
  #sessions #left-bar { display: none; }
  #sessions #left-bar .top-bar { margin-right: 0; margin-left: 0; height: auto; line-height: 1; }
  #sessions #message-panel, #sessions #messages-loading { width: 100%; margin: 0; }
  #sessions.mobile_menu #goals-widget { margin-top: 15px; }
  #sessions.mobile_menu #goals-widget #goals-widget-desc { font-size: 18px; text-align: center; }
  #sessions.mobile_menu #scheduler { margin: 0; padding: 15px; position: relative; background-color: transparent; border: none; width: auto; height: auto; font-size: 18px; }
  #sessions.mobile_menu #scheduler p { line-height: 1.4em; }
  #sessions.mobile_menu #scheduler select { display: block; position: relative; margin: 0 0 15px 0; padding: 5px; border: 1px solid #DDDDDD; }
  #sessions.mobile_menu #scheduler button { position: relative; height: auto; width: auto !important; margin: 0 auto; border-radius: 5px; display: block; }
  #sessions.mobile_menu #scheduler button#btn-book-session { background-color: #5FAA41; color: white; }
  #sessions.mobile_menu #scheduler button#btn-book-session:hover { background-color: #377e1b; }
  #sessions.mobile_menu #scheduler button#btn-cancel-session { color: white; }
  #sessions.mobile_menu #scheduler button#btn-client-no-show { background: #E0AB50; color: white; text-align: center; }
  #sessions:not(.mobile_menu) #scheduler { padding: 0 0 0 5px; margin: 0; font-size: 12px; height: 35px; width: 100%; line-height: 35px; }
  #sessions:not(.mobile_menu) #scheduler select { font-size: 12px; }
  #sessions:not(.mobile_menu) #scheduler button { font-size: 10px; height: 35px; background-color: white; max-width: 71px; }
  #sessions:not(.mobile_menu) #scheduler button#btn-cancel-session { position: static; width: auto; height: auto !important; border-radius: 5px; padding: 0 5px; line-height: 19px; background-color: #AF2225; border-width: 0; margin-bottom: 2px; margin-left: 5px; vertical-align: middle; }
  #sessions:not(.mobile_menu) #scheduler button#btn-book-session { width: 74px; background-color: #5FAA41; color: white; }
  #sessions:not(.mobile_menu) #scheduler button#btn-book-session:hover { background-color: #377e1b; }
  #sessions:not(.mobile_menu) #scheduler button #btn-book-session:after { content: 'SCHEDULE'; }
  #sessions #writer { width: 100%; height: auto; margin: 0; padding: 0; }
  #sessions #writer #editor-form { height: 100%; }
  #sessions #writer .message-container .form-control { margin-bottom: 0; max-height: 130px; }
  #sessions #writer .message-container .form-control.has-expand-button { min-height: 80px; max-height: 130px; width: 100%; padding: 10px 25px 10px 15px; }
  #sessions #writer .alert { padding-left: 30px; margin-bottom: 0; }
  #sessions #writer #editor-toolbar #uploadBtn .fa { font-size: 16px; }
  #sessions #writer #editor-toolbar .dropdown.expand-collapse { display: inline-block; }
  #sessions #writer #menu-bar { margin-top: 5px; }
  #sessions #writer #menu-bar .live-button-wrapper { display: inline-block; vertical-align: top; border-left: 1px solid #CCCCCC; padding-left: 15px; margin-bottom: 10px; padding-left: 0; }
  #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons .online-status { font-size: 21px; }
  #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons a { height: 25px; width: 25px; }
  #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.primary, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner { display: inline-block; vertical-align: top; padding: 0 10px; }
  #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.primary .partner-phone-button, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.primary .phone-button, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner .partner-phone-button, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner .phone-button { margin-left: -7px; }
  #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.primary .video-button, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.primary .partner-video-button, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner .video-button, #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner .partner-video-button { margin-left: -2px; }
  #sessions #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner { border-left: 1px solid #CCCCCC; }
  #sessions #writer #menu-bar .editor-buttons { margin: 0; top: 4px; }
  #sessions #writer #menu-bar .editor-buttons .btn { margin: 0; }
  #sessions #writer #menu-bar .editor-buttons .btn.btn-warning, #sessions #writer #menu-bar .editor-buttons .btn.btn-send { color: #888888; }
  #sessions #writer #menu-bar .editor-buttons #editor-cancel .fa-times { color: white; -webkit-text-fill-color: white; }
  #sessions #writer .btn.btn-info:hover, #sessions #writer .btn.btn-info:active { color: #E0AB50; }
  #sessions #writer .form-group { margin-bottom: 0; }
  #sessions #writer #messages-bottom { margin-left: 0; right: 25px; margin-top: -33px; }
  #sessions #writer #editor-message { width: 100%; margin-top: 0; border: 0; border-radius: 0; min-height: 40px; height: auto; max-height: 150px; overflow-y: auto; position: relative; transition: 0s; }
  #sessions #writer-paste { width: 100%; margin: 0; padding: 0; }
  #sessions #writer-paste .form-group { margin-bottom: 0; }
  #sessions #writer-paste #editor-message-paste { width: 100%; margin-top: 0; border: 0; border-radius: 0; min-height: 40px; height: auto; max-height: 150px; overflow-y: auto; position: relative; transition: 0s; }
  #sessions #counseling-menu .todo-clients { margin-top: 0; }
  #sessions #counseling-menu .todo-clients .new-clients-label { background-color: #d85932; text-align: center; padding-left: 3px; padding-right: 3px; margin-left: 5px; color: white; -webkit-text-fill-color: white; display: inline-block; font-weight: normal; font-size: 14px; line-height: 16px; }
  #sessions #counseling-menu .todo-clients .new-clients-label .sun-icon { margin-right: 3px; color: #ffde75; -webkit-text-fill-color: #ffde75; }
  #sessions #counseling-menu .todo-clients .new-clients-label .new-client-text { font-size: 9px; vertical-align: middle; } }

@media (max-height: 600px) { #sessions #writer .form-control { max-height: 130px; } }

@media (max-height: 550px) { #sessions #writer .form-control { min-height: 60px; max-height: 100px; } }

@media (max-width: 340px) { #sessions #writer #editor-form #menu-bar .live-button-wrapper .editor-real-time-buttons { padding: 0 5px; } }

@media (min-width: 768px) and (max-width: 991px) { #sessions #writer #editor-toolbar .tool { padding: 9px 5px; }
  #sessions #writer .editor-buttons { top: -1px; }
  #sessions #writer #menu-bar .counselor-audio-message-announce { left: -210px; }
  #sessions #writer #menu-bar.counselor-joint-session .btn-send { font-size: 10px; }
  #sessions #writer #menu-bar.counselor-joint-session #editor-toolbar .tool { padding: 9px 4px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #sessions #writer #editor-toolbar .tool { padding: 9px 4px; } }

.client-live-session-rating .ratings-button { text-align: right; }

.client-live-session-rating h1 { padding-bottom: 15px; }

.live_session_comment { margin-top: 25px; margin-bottom: 25px; }

.live_session_comment button { margin: auto; }

.ratings-switch { float: right; }

.live-session-rating-questions .ratings { margin: 0 auto; padding-bottom: 15px; width: 450px; }

.live-session-rating-questions .ratings .stars { display: inline-block; text-align: center; width: 26%; height: 50px; vertical-align: middle; }

.live-session-rating-questions .ratings .stars.right-label { float: right; }

.live-session-rating-questions .ratings .stars.v-middle { line-height: 50px; }

.live-session-rating-questions .ratings .stars.ptop7 { padding-top: 7px; }

.live-session-rating-questions .ratings .stars.center { width: 47%; color: #f2f2f2; text-align: center; font-size: 25px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; }

.live-session-rating-questions .ratings .stars.center div { padding-left: 5px; padding-right: 5px; }

.live-session-rating-questions .ratings .checked { color: orange; }

.live-session-rating-questions .ratings.top { padding-bottom: 30px; }

@media (max-width: 576px) { .live-session-rating-questions .ratings { width: 100%; }
  .live-session-rating-questions .ratings.top { padding-bottom: 10px; }
  .live-session-rating-questions .ratings .stars { width: 28%; font-size: 11px; }
  .live-session-rating-questions .ratings .stars.center { width: 42%; font-size: 16px; }
  .live-session-rating-questions .ratings .stars.center div { padding: 0 1px; } }

@media (max-width: 320px) { .live-session-rating-questions .ratings .stars { width: 29%; font-size: 10px; }
  .live-session-rating-questions .ratings .stars.center { width: 40%; font-size: 14px; } }

#sessions #left-bar, #cfp #left-bar { padding: 0; text-align: center; width: 100%; }

#sessions #left-bar #progress-bar-container, #cfp #left-bar #progress-bar-container { position: relative; z-index: 0; overflow: hidden; width: 180px; height: 10px; margin: 0 auto 5px auto; border: 1px solid #cccccc; background: -moz-linear-gradient(left, #a3a3a3 0%, #15a824 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a3a3a3 0%, #15a824 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a3a3a3 0%, #15a824 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#15a824',GradientType=1 ); /* IE6-9 */ }

#sessions #left-bar .progress-bar-progress, #cfp #left-bar .progress-bar-progress { background-color: white; position: absolute; height: 100%; z-index: 15; right: 0; }

#sessions #left-bar .progress-bar-separators, #cfp #left-bar .progress-bar-separators { position: absolute; width: 100%; height: 100%; z-index: 10; color: black; background: repeating-linear-gradient(to right, transparent, transparent 9.8%, #ffffff 9.8%, #ffffff 11.3%); }

#sessions #left-bar .progress-bar-tooltip, #cfp #left-bar .progress-bar-tooltip { position: absolute; background: #414141; padding: 5px; width: 50%; left: 25%; z-index: 9999; border-radius: 5px; text-align: center; color: #fff; margin-top: 20px; }

#sessions #left-bar .progress-bar-tooltip a, #cfp #left-bar .progress-bar-tooltip a { color: #5FAA41 !important; }

#sessions #left-bar .progress-bar-tooltip:after, #cfp #left-bar .progress-bar-tooltip:after { bottom: 100%; left: 50%; border: 9px solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #414141; margin-left: -5px; }

#sessions #left-bar.panel-group, #cfp #left-bar.panel-group { padding-bottom: 20px; }

#sessions #left-bar .panel, #cfp #left-bar .panel { border-collapse: collapse; }

#sessions #left-bar .panel .panel-heading, #cfp #left-bar .panel .panel-heading { text-align: left; background-color: rgba(31, 174, 223, 0.2); border-bottom: 1px solid rgba(31, 174, 223, 0.5); }

#sessions #left-bar .panel .panel-heading .panel-title, #cfp #left-bar .panel .panel-heading .panel-title { margin: 0; }

#sessions #left-bar .panel .panel-heading .panel-title a, #cfp #left-bar .panel .panel-heading .panel-title a { text-decoration: none; display: block; padding: 10px 15px; font-size: 15px; font-weight: bold; color: #222222; -webkit-text-fill-color: #222222; position: relative; }

#sessions #left-bar .panel .panel-heading .panel-title a:after, #cfp #left-bar .panel .panel-heading .panel-title a:after { position: absolute; right: 15px; content: '\f105'; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 18px; margin: 0px 0px 0px 10px; color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; text-decoration: none; }

#sessions #left-bar .panel .panel-heading .panel-title a[aria-expanded="true"]:after, #cfp #left-bar .panel .panel-heading .panel-title a[aria-expanded="true"]:after { content: '\f107'; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0px 0px 0px 10px; text-decoration: none; }

#sessions #left-bar .panel .panel-heading#heading-notes, #cfp #left-bar .panel .panel-heading#heading-notes { position: relative; }

#sessions #left-bar .panel .panel-heading#heading-notes #new-notes-tooltip, #cfp #left-bar .panel .panel-heading#heading-notes #new-notes-tooltip { position: absolute; left: 81px; top: 3px; width: 114px; color: white; font-size: 13px; line-height: 1.2em; padding: 4px 14px 4px 7px; border-radius: 5px; background-color: black; }

#sessions #left-bar .panel .panel-heading#heading-notes #new-notes-tooltip:before, #cfp #left-bar .panel .panel-heading#heading-notes #new-notes-tooltip:before { content: ' '; height: 0; position: absolute; width: 0; left: -13px; top: 11px; border: 7px solid transparent; border-right-color: #000000; }

#sessions #left-bar .panel .panel-heading#heading-notes #new-notes-tooltip #close-new-notes-tooltip, #cfp #left-bar .panel .panel-heading#heading-notes #new-notes-tooltip #close-new-notes-tooltip { color: white; font-size: 16px; text-shadow: none; position: relative; top: -18px; left: 9px; opacity: 0.8; }

#sessions #left-bar .panel .panel-body, #cfp #left-bar .panel .panel-body { padding: 30px 20px; word-wrap: break-word; background-color: white; text-align: left; }

#sessions #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status, #sessions #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status, #cfp #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status, #cfp #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status { display: inline-block; width: 49.5%; vertical-align: top; padding: 0 10px; margin-bottom: 10px; }

#sessions #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status .user-icon, #sessions #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status .user-icon, #cfp #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status .user-icon, #cfp #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status .user-icon { display: block; margin: 0 auto; }

#sessions #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status .avatar-name h3, #sessions #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status .avatar-name h3, #cfp #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status .avatar-name h3, #cfp #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status .avatar-name h3 { font-size: 16px; }

#sessions #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status, #cfp #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status { border-left: 1px solid #CCCCCC; }

#sessions #left-bar .panel .panel-body.scheduling-tab, #cfp #left-bar .panel .panel-body.scheduling-tab { padding: 40px 0; text-align: center; }

#sessions #left-bar .panel .panel-body.scheduling-tab p, #cfp #left-bar .panel .panel-body.scheduling-tab p { padding: 0 15px; }

#sessions #left-bar .panel .panel-body.scheduling-tab.counselor-schedule .btn.btn-default, #cfp #left-bar .panel .panel-body.scheduling-tab.counselor-schedule .btn.btn-default { border: 1px solid rgba(31, 174, 223, 0.4); background-color: white; color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; }

#sessions #left-bar .panel .panel-body.scheduling-tab.counselor-schedule .btn.btn-default:hover, #cfp #left-bar .panel .panel-body.scheduling-tab.counselor-schedule .btn.btn-default:hover { background-color: rgba(31, 174, 223, 0.1); }

#sessions #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper, #cfp #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper { position: relative; margin-bottom: 20px; }

#sessions #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper #back-to-scheduled, #sessions #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper #back-to-scheduler, #cfp #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper #back-to-scheduled, #cfp #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper #back-to-scheduler { position: absolute; left: 30px; font-weight: bold; font-size: 22px; cursor: pointer; }

#sessions #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper .schedule-title, #cfp #left-bar .panel .panel-body.scheduling-tab .reschedule-text-wrapper .schedule-title { text-align: center; margin-bottom: 0; }

#sessions #left-bar .panel .panel-body.scheduling-tab .schedule-title, #cfp #left-bar .panel .panel-body.scheduling-tab .schedule-title { font-size: 16px; font-weight: bold; line-height: 1.4em; padding: 0 15px; margin-bottom: 20px; }

#sessions #left-bar .panel .panel-body.scheduling-tab p, #cfp #left-bar .panel .panel-body.scheduling-tab p { margin-bottom: 20px; }

#sessions #left-bar .panel .panel-body.scheduling-tab #scheduler-unscheduled #contact-counselor-note, #cfp #left-bar .panel .panel-body.scheduling-tab #scheduler-unscheduled #contact-counselor-note { padding: 0 15px; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper { border: 1px solid #CCCCCC; border-radius: 5px; margin-bottom: 20px; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar { padding: 7px; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .dropdown, #sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .dropup, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .dropdown, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .dropup { display: inline-block; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .dropdown-menu, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .dropdown-menu { border-radius: 0 0 5px 5px; background-color: #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); margin-top: 0; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .tool, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .tool { padding: 5px; color: #444444; -webkit-text-fill-color: #444444; opacity: 0.8; filter: alpha(opacity=80); }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .tool:hover, #sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .tool:active, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .tool:hover, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-toolbar .tool:active { opacity: 1; filter: alpha(opacity=100); background-color: #F5F5F5; cursor: pointer; text-decoration: none; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes { margin: 0; background: #EEEEEE; border: 1px solid #CCCCCC; border-left: none; border-right: none; padding: 7px 15px; position: relative; overflow: visible; font-weight: 700; display: none; min-height: 40px; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes p:first-letter, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes p:first-letter { text-transform: uppercase; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes p, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes p { margin: 0; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes a.remove, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes a.remove { top: 0; right: 0; position: absolute; height: 40px; width: 36px; line-height: 40px; text-align: center; display: block; color: rgba(68, 68, 68, 0.7); font-size: 16px; background: rgba(68, 68, 68, 0.05); border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes a.remove:hover, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #file-upload-notes a.remove:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-message, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-message { min-height: 120px; height: auto; max-height: 250px; border-radius: 0 0 5px 5px; overflow-y: auto; border: none; resize: vertical; padding: 5px 10px; box-shadow: none; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-message:focus, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-wrapper #notes-editor-message:focus { border: 2px solid #05BBD3; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-buttons, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-buttons { text-align: center; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button { border: 1px solid rgba(31, 174, 223, 0.4); color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; height: 30px; background-color: white; line-height: 30px; font-size: 14px; display: inline-block; margin: 0 auto; line-height: 1.5; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button:hover, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button:hover { background-color: rgba(31, 174, 223, 0.1); }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button#notes-cancel-message, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button#notes-cancel-message { border: 1px solid rgba(175, 34, 37, 0.4); color: #AF2225; -webkit-text-fill-color: #AF2225; margin-left: 10px; }

#sessions #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button#notes-cancel-message:hover, #cfp #left-bar .panel .panel-body.notes-tab #notes-editor-buttons button#notes-cancel-message:hover { background-color: rgba(175, 34, 37, 0.1); }

#sessions #left-bar .panel .todo-panel-container, #cfp #left-bar .panel .todo-panel-container { display: flex; align-items: center; height: 54px; width: 100%; background-color: #EEEEEE; border-bottom: 1px solid rgba(31, 174, 223, 0.5); }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 15px; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading.last-client, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading.last-client { width: 58%; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count { display: inline; text-align: left; position: relative; font-size: 13px; font-weight: 700; color: #444444; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count .todo-tooltip-container, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count .todo-tooltip-container { display: inline; position: relative; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count #todo_v2_tooltip_icon, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count #todo_v2_tooltip_icon { font-size: 15px; margin: 1px 0 0 3px; display: inline; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count p, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-count p { display: inline; margin: 0; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading #todo-v2-tooltip, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading #todo-v2-tooltip { position: absolute; left: -10px; top: 25px; width: 170px; color: white; font-size: 13px; line-height: 1.2em; padding: 14px; border-radius: 5px; background-color: black; z-index: 1; text-align: center; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading #todo-v2-tooltip:before, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading #todo-v2-tooltip:before { content: ' '; height: 0; position: absolute; width: 0; left: 12px; top: -13px; border: 7px solid transparent; border-bottom-color: #000000; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading #todo-v2-tooltip #close-todo-v2-tooltip, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading #todo-v2-tooltip #close-todo-v2-tooltip { color: white; font-size: 18px; text-shadow: none; position: relative; top: -72px; left: 9px; opacity: 0.8; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container { display: flex; align-items: center; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client { display: flex; flex-direction: column; align-items: flex-end; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-text, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-text { font-size: 10px; font-weight: 700; line-height: 12px; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-partner, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-partner { position: relative; display: inline; text-align: right; line-height: 16px; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-partner .actual-client-text, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-partner .actual-client-text { font-size: 14px; font-weight: 400; line-height: 17px; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-partner p, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client .next-client-partner p { display: inline; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client p, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container .todo-next-client p { margin: 0; }

#sessions #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container button, #cfp #left-bar .panel .todo-panel-container .todo-panel-heading .todo-next-client-container button { height: 32px; width: 37px; background-color: white; border-radius: 5px; margin-left: 10px; font-size: 22px; font-weight: bold; color: #888888; border-style: solid; }

#sessions #left-bar .panel .todo-done, #cfp #left-bar .panel .todo-done { display: flex; justify-content: space-between; align-items: center; height: 54px; width: 100%; background-color: #EEEEEE; border-bottom: 1px solid rgba(95, 170, 65, 0.5); }

#sessions #left-bar .panel .todo-done p, #cfp #left-bar .panel .todo-done p { font-size: 13px; font-weight: 700; color: #444444; margin: 0 0 0 15px; }

#sessions #left-bar .panel .todo-done button, #cfp #left-bar .panel .todo-done button { font-size: 13px; margin: 0 15px 0 0; color: #5faa41; border: none; }

#sessions #left-bar .btn-archive, #cfp #left-bar .btn-archive { display: block; -webkit-text-fill-color: white; color: white; font-family: "Lato", sans-serif; background-color: rgba(175, 34, 37, 0.7); font-size: 14px; height: 26px; line-height: 22px; margin: 10px auto 0 auto; }

#sessions #left-bar .btn-archive:hover, #sessions #left-bar .btn-archive:active, #cfp #left-bar .btn-archive:hover, #cfp #left-bar .btn-archive:active { background-color: rgba(175, 34, 37, 0.9); }

#sessions #left-bar #todo-widget, #cfp #left-bar #todo-widget { padding-top: 0; }

#sessions #left-bar #todo-widget #todo-widget-clients .todo-widget-client, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client { text-align: left; }

#sessions #left-bar #todo-widget #todo-widget-clients .todo-widget-client a, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client a { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 5px 20px; align-items: baseline; font-size: 16px; line-height: 22px; text-decoration: none; font-weight: 500; }

#sessions #left-bar #todo-widget #todo-widget-clients .todo-widget-client a .online-status, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client a .online-status { width: 15px; margin-right: 10px; flex-grow: 0; }

#sessions #left-bar #todo-widget #todo-widget-clients .todo-widget-client a img, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client a img { width: 15px; height: auto; margin-right: 10px; flex-grow: 0; }

#sessions #left-bar #todo-widget #todo-widget-clients .todo-widget-client a var, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client a var { display: inline-block; flex-grow: 1; width: calc(100% - 50px); }

#sessions #left-bar #todo-widget #todo-widget-clients .new-clients-label, #cfp #left-bar #todo-widget #todo-widget-clients .new-clients-label { background-color: #d85932; text-align: center; padding-left: 3px; padding-right: 3px; margin-left: 5px; color: white; -webkit-text-fill-color: white; display: inline-block; font-weight: normal; font-size: 14px; line-height: 16px; }

#sessions #left-bar #todo-widget #todo-widget-clients .new-clients-label .sun-icon, #cfp #left-bar #todo-widget #todo-widget-clients .new-clients-label .sun-icon { margin-right: 3px; color: #ffde75; -webkit-text-fill-color: #ffde75; }

#sessions #left-bar #todo-widget #todo-widget-clients .new-clients-label .new-client-text, #cfp #left-bar #todo-widget #todo-widget-clients .new-clients-label .new-client-text { font-size: 9px; vertical-align: middle; }

#sessions #left-bar #todo-widget #todo-widget-footer a, #cfp #left-bar #todo-widget #todo-widget-footer a { display: block; margin: 10px 0 0 0; }

#sessions #left-bar #todo-widget #todo-widget-footer a.btn-sm, #sessions #left-bar #todo-widget #todo-widget-footer .btn-group-sm > a.btn, #cfp #left-bar #todo-widget #todo-widget-footer a.btn-sm, #cfp #left-bar #todo-widget #todo-widget-footer .btn-group-sm > a.btn { border: 1px solid rgba(31, 174, 223, 0.4); color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; background-color: white; height: 30px; line-height: 30px; padding: 0; }

#sessions #left-bar #todo-widget #todo-widget-footer a.btn-sm:first-child, #sessions #left-bar #todo-widget #todo-widget-footer .btn-group-sm > a.btn:first-child, #cfp #left-bar #todo-widget #todo-widget-footer a.btn-sm:first-child, #cfp #left-bar #todo-widget #todo-widget-footer .btn-group-sm > a.btn:first-child { margin-bottom: 15px; }

#sessions #left-bar #todo-widget #todo-widget-footer a.btn-sm:hover, #sessions #left-bar #todo-widget #todo-widget-footer .btn-group-sm > a.btn:hover, #cfp #left-bar #todo-widget #todo-widget-footer a.btn-sm:hover, #cfp #left-bar #todo-widget #todo-widget-footer .btn-group-sm > a.btn:hover { background-color: rgba(31, 174, 223, 0.1); }

#sessions #left-bar #editor-header, #cfp #left-bar #editor-header { padding: 10px; }

#sessions #left-bar .counselor h1, #cfp #left-bar .counselor h1 { display: none; }

#sessions #left-bar .dashboard, #cfp #left-bar .dashboard { margin-bottom: 15px; }

#sessions #left-bar p, #cfp #left-bar p { margin-top: 0; margin-bottom: 30px; }

#sessions #left-bar p .unmatched, #cfp #left-bar p .unmatched { font-size: 18px; display: block; font-weight: 700; margin-top: 15px; }

#sessions #left-bar p .unmatched.requested, #cfp #left-bar p .unmatched.requested { color: #AF2225; }

#sessions #left-bar .session-actions .btn, #cfp #left-bar .session-actions .btn { width: 100%; }

#sessions #left-bar .session-actions .btn span.notes, #sessions #left-bar .session-actions .btn span.allmessages, #sessions #left-bar .session-actions .btn span.starredmessages, #cfp #left-bar .session-actions .btn span.notes, #cfp #left-bar .session-actions .btn span.allmessages, #cfp #left-bar .session-actions .btn span.starredmessages { display: none; }

#sessions #left-bar .session-actions .btn:first-child, #cfp #left-bar .session-actions .btn:first-child { margin-bottom: 15px; }

#sessions #left-bar .session-actions .btn:last-child, #cfp #left-bar .session-actions .btn:last-child { margin-bottom: 0; }

#sessions #left-bar .session-actions .btn.btn-sm.disabled, #sessions #left-bar .session-actions .btn-group-sm > .btn.disabled, #sessions #left-bar .session-actions .btn.btn-sm[disabled], #sessions #left-bar .session-actions .btn-group-sm > .btn[disabled], #cfp #left-bar .session-actions .btn.btn-sm.disabled, #cfp #left-bar .session-actions .btn-group-sm > .btn.disabled, #cfp #left-bar .session-actions .btn.btn-sm[disabled], #cfp #left-bar .session-actions .btn-group-sm > .btn[disabled] { border: 1px solid rgba(68, 68, 68, 0.2); background-color: rgba(68, 68, 68, 0.1); color: rgba(68, 68, 68, 0.6); -webkit-text-fill-color: rgba(68, 68, 68, 0.7); }

#sessions #left-bar .session-actions .btn.btn-sm.disabled:hover, #sessions #left-bar .session-actions .btn-group-sm > .btn.disabled:hover, #sessions #left-bar .session-actions .btn.btn-sm[disabled]:hover, #sessions #left-bar .session-actions .btn-group-sm > .btn[disabled]:hover, #cfp #left-bar .session-actions .btn.btn-sm.disabled:hover, #cfp #left-bar .session-actions .btn-group-sm > .btn.disabled:hover, #cfp #left-bar .session-actions .btn.btn-sm[disabled]:hover, #cfp #left-bar .session-actions .btn-group-sm > .btn[disabled]:hover { background-color: rgba(68, 68, 68, 0.1); }

#sessions #left-bar .session-actions .btn.btn-notes, #sessions #left-bar .session-actions .btn.btn-starred, #sessions #left-bar .session-actions .btn.btn-questionnaire, #sessions #left-bar .session-actions .btn.btn-make-inactive, #cfp #left-bar .session-actions .btn.btn-notes, #cfp #left-bar .session-actions .btn.btn-starred, #cfp #left-bar .session-actions .btn.btn-questionnaire, #cfp #left-bar .session-actions .btn.btn-make-inactive { border: 1px solid rgba(31, 174, 223, 0.4); color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; height: 30px; padding: 0; line-height: 30px; }

#sessions #left-bar .session-actions .btn.btn-notes span.notes, #sessions #left-bar .session-actions .btn.btn-starred span.notes, #sessions #left-bar .session-actions .btn.btn-questionnaire span.notes, #sessions #left-bar .session-actions .btn.btn-make-inactive span.notes, #cfp #left-bar .session-actions .btn.btn-notes span.notes, #cfp #left-bar .session-actions .btn.btn-starred span.notes, #cfp #left-bar .session-actions .btn.btn-questionnaire span.notes, #cfp #left-bar .session-actions .btn.btn-make-inactive span.notes { display: block; }

#sessions #left-bar .session-actions .btn.btn-notes:hover, #sessions #left-bar .session-actions .btn.btn-starred:hover, #sessions #left-bar .session-actions .btn.btn-questionnaire:hover, #sessions #left-bar .session-actions .btn.btn-make-inactive:hover, #cfp #left-bar .session-actions .btn.btn-notes:hover, #cfp #left-bar .session-actions .btn.btn-starred:hover, #cfp #left-bar .session-actions .btn.btn-questionnaire:hover, #cfp #left-bar .session-actions .btn.btn-make-inactive:hover { background-color: rgba(31, 174, 223, 0.1); }

#sessions #left-bar .session-actions .btn.btn-starred span.starredmessages, #cfp #left-bar .session-actions .btn.btn-starred span.starredmessages { display: block; }

#sessions #left-bar .session-actions .btn.btn-starred span.starredmessages .fa-star, #cfp #left-bar .session-actions .btn.btn-starred span.starredmessages .fa-star { color: #D6C922 !important; -webkit-text-fill-color: #D6C922 !important; }

#sessions #left-bar .session-actions .btn.btn-allmessages, #cfp #left-bar .session-actions .btn.btn-allmessages { border: 1px solid rgba(165, 75, 156, 0.5); color: #A54B9C; -webkit-text-fill-color: #A54B9C; height: 30px; line-height: 30px; padding: 0; }

#sessions #left-bar .session-actions .btn.btn-allmessages span.allmessages, #cfp #left-bar .session-actions .btn.btn-allmessages span.allmessages { display: block; }

#sessions #left-bar .session-actions .btn.btn-allmessages:hover, #cfp #left-bar .session-actions .btn.btn-allmessages:hover { background-color: rgba(165, 75, 156, 0.1); }

#sessions #left-bar #session-actions-upper .btn:first-child, #cfp #left-bar #session-actions-upper .btn:first-child { margin-top: 0; }

#sessions #left-bar #session-actions-upper .btn:last-child, #cfp #left-bar #session-actions-upper .btn:last-child { margin-bottom: 15px; }

#sessions #left-bar #starred-link, #cfp #left-bar #starred-link { position: relative; padding: 0 20px 20px 20px; margin-top: 60px; }

#sessions #left-bar #starred-link .btn, #cfp #left-bar #starred-link .btn { width: 100%; }

#sessions #left-bar #starred-link .btn span.allmessages, #sessions #left-bar #starred-link .btn span.starredmessages, #cfp #left-bar #starred-link .btn span.allmessages, #cfp #left-bar #starred-link .btn span.starredmessages { display: none; }

#sessions #left-bar #starred-link .btn:first-child, #cfp #left-bar #starred-link .btn:first-child { margin-bottom: 15px; }

#sessions #left-bar #starred-link .btn:last-child, #cfp #left-bar #starred-link .btn:last-child { margin-bottom: 0; }

#sessions #left-bar #starred-link .btn.btn-starred, #cfp #left-bar #starred-link .btn.btn-starred { border: 1px solid rgba(31, 174, 223, 0.4); color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; height: 30px; padding: 0; line-height: 30px; }

#sessions #left-bar #starred-link .btn.btn-starred span.starredmessages, #cfp #left-bar #starred-link .btn.btn-starred span.starredmessages { display: block; }

#sessions #left-bar #starred-link .btn.btn-starred span.starredmessages .fa-star, #cfp #left-bar #starred-link .btn.btn-starred span.starredmessages .fa-star { color: #D6C922 !important; -webkit-text-fill-color: #D6C922 !important; }

#sessions #left-bar #starred-link .btn.btn-starred:hover, #cfp #left-bar #starred-link .btn.btn-starred:hover { background-color: rgba(31, 174, 223, 0.1); }

#sessions #left-bar #starred-link .btn.btn-allmessages, #cfp #left-bar #starred-link .btn.btn-allmessages { border: 1px solid rgba(165, 75, 156, 0.5); color: #A54B9C; -webkit-text-fill-color: #A54B9C; height: 30px; line-height: 30px; padding: 0; }

#sessions #left-bar #starred-link .btn.btn-allmessages span.allmessages, #cfp #left-bar #starred-link .btn.btn-allmessages span.allmessages { display: block; }

#sessions #left-bar #starred-link .btn.btn-allmessages:hover, #cfp #left-bar #starred-link .btn.btn-allmessages:hover { background-color: rgba(165, 75, 156, 0.1); }

#sessions #left-bar .btn-livechat, #cfp #left-bar .btn-livechat { background-color: #EEEEEE; font-size: 14px; text-align: left; margin-top: 10px; height: auto; line-height: 1.4; color: #444444; border-radius: 0; padding: 10px 15px; white-space: normal; }

#sessions #left-bar .btn-livechat i, #cfp #left-bar .btn-livechat i { color: #5FAA41; }

#sessions #left-bar .btn-livechat:hover, #cfp #left-bar .btn-livechat:hover { color: #444444; background-color: #DDDDDD; }

#sessions #left-bar .btn-livechat.available, #cfp #left-bar .btn-livechat.available { background-color: rgba(95, 170, 65, 0.2); }

#sessions #left-bar .btn-livechat.available:hover, #cfp #left-bar .btn-livechat.available:hover { background-color: rgba(95, 170, 65, 0.4); color: #444444; }

#sessions #left-bar .phone, #cfp #left-bar .phone { background-color: #EEEEEE; padding: 10px 15px; margin-top: 5px; text-align: left; }

#sessions #left-bar .phone i, #cfp #left-bar .phone i { color: #5FAA41; }

#sessions #left-bar .counselor, #sessions #left-bar .client, #cfp #left-bar .counselor, #cfp #left-bar .client { background-color: white; color: #888888; display: block; line-height: 1.4; border-radius: 5px 5px 0 0; }

#sessions #left-bar .counselor .avatar-name, #sessions #left-bar .client .avatar-name, #cfp #left-bar .counselor .avatar-name, #cfp #left-bar .client .avatar-name { text-align: center; padding-bottom: 15px; }

#sessions #left-bar .counselor .avatar-name .user-icon, #sessions #left-bar .client .avatar-name .user-icon, #cfp #left-bar .counselor .avatar-name .user-icon, #cfp #left-bar .client .avatar-name .user-icon { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; display: inline; margin-right: 5px; }

#sessions #left-bar .counselor .avatar-name h3, #sessions #left-bar .client .avatar-name h3, #cfp #left-bar .counselor .avatar-name h3, #cfp #left-bar .client .avatar-name h3 { margin: 0; font-size: 18px; display: inline; }

#sessions #left-bar .counselor .counselor-name, #sessions #left-bar .client .counselor-name, #cfp #left-bar .counselor .counselor-name, #cfp #left-bar .client .counselor-name { font-weight: normal; font-size: 18px; display: block; margin-top: 5px; }

#sessions #left-bar .counselor a, #sessions #left-bar .client a, #cfp #left-bar .counselor a, #cfp #left-bar .client a { display: block; margin-top: 10px; }

#sessions #left-bar .client #action-due, #cfp #left-bar .client #action-due { text-align: center; margin-top: 15px; background: white; border-bottom: 0; padding: 0; }

#sessions #left-bar .client #action-due a, #cfp #left-bar .client #action-due a { display: inline; }

#sessions #left-bar .client .avatar-name, #cfp #left-bar .client .avatar-name { display: flex; align-items: center; justify-content: center; text-align: left; }

#sessions #left-bar .client .avatar-name .eap-client-notification, #cfp #left-bar .client .avatar-name .eap-client-notification { cursor: pointer; display: inline-block; margin-left: 5px; border: 1px solid #CCCCCC; padding: 1px 3px; color: #E36039; font-size: 13px; }

#sessions #left-bar .client .features_client_has, #cfp #left-bar .client .features_client_has { text-align: center; position: relative; }

#sessions #left-bar .client .features_client_has .client-feature, #cfp #left-bar .client .features_client_has .client-feature { display: inline-block; margin: 0px 15px 15px 0px; }

#sessions #left-bar .client .editor-real-time-buttons, #cfp #left-bar .client .editor-real-time-buttons { text-align: center; margin: 0 auto 15px auto; }

#sessions #left-bar .client .editor-real-time-buttons .online-status, #cfp #left-bar .client .editor-real-time-buttons .online-status { font-size: 24px; width: 25px; margin: 0 5px; position: relative; top: -7px; color: #888888; }

#sessions #left-bar .client .editor-real-time-buttons .online-status:after, #cfp #left-bar .client .editor-real-time-buttons .online-status:after { color: inherit; }

#sessions #left-bar .client .editor-real-time-buttons .online-status span, #cfp #left-bar .client .editor-real-time-buttons .online-status span { position: absolute; font-size: 10px; top: 28px; left: -3px; }

#sessions #left-bar .client .editor-real-time-buttons a, #sessions #left-bar .client .editor-real-time-buttons .span-button, #cfp #left-bar .client .editor-real-time-buttons a, #cfp #left-bar .client .editor-real-time-buttons .span-button { display: inline-block; width: 25px; height: 25px; margin: 0 5px; background-size: cover; cursor: pointer; }

#sessions #left-bar .client .editor-real-time-buttons a.disabled, #sessions #left-bar .client .editor-real-time-buttons .span-button.disabled, #cfp #left-bar .client .editor-real-time-buttons a.disabled, #cfp #left-bar .client .editor-real-time-buttons .span-button.disabled { pointer-events: none; cursor: default; }

#sessions #left-bar .client .editor-real-time-buttons a.video-button, #sessions #left-bar .client .editor-real-time-buttons .span-button.video-button, #cfp #left-bar .client .editor-real-time-buttons a.video-button, #cfp #left-bar .client .editor-real-time-buttons .span-button.video-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.video-button.online, #sessions #left-bar .client .editor-real-time-buttons .span-button.video-button.online, #cfp #left-bar .client .editor-real-time-buttons a.video-button.online, #cfp #left-bar .client .editor-real-time-buttons .span-button.video-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_green.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.phone-button, #sessions #left-bar .client .editor-real-time-buttons .span-button.phone-button, #cfp #left-bar .client .editor-real-time-buttons a.phone-button, #cfp #left-bar .client .editor-real-time-buttons .span-button.phone-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.phone-button.online, #sessions #left-bar .client .editor-real-time-buttons .span-button.phone-button.online, #cfp #left-bar .client .editor-real-time-buttons a.phone-button.online, #cfp #left-bar .client .editor-real-time-buttons .span-button.phone-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_green.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.livechat-button, #sessions #left-bar .client .editor-real-time-buttons .span-button.livechat-button, #cfp #left-bar .client .editor-real-time-buttons a.livechat-button, #cfp #left-bar .client .editor-real-time-buttons .span-button.livechat-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.livechat-button.online, #sessions #left-bar .client .editor-real-time-buttons .span-button.livechat-button.online, #cfp #left-bar .client .editor-real-time-buttons a.livechat-button.online, #cfp #left-bar .client .editor-real-time-buttons .span-button.livechat-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_green.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.partner-video-button, #sessions #left-bar .client .editor-real-time-buttons .span-button.partner-video-button, #cfp #left-bar .client .editor-real-time-buttons a.partner-video-button, #cfp #left-bar .client .editor-real-time-buttons .span-button.partner-video-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.partner-video-button.online, #sessions #left-bar .client .editor-real-time-buttons .span-button.partner-video-button.online, #cfp #left-bar .client .editor-real-time-buttons a.partner-video-button.online, #cfp #left-bar .client .editor-real-time-buttons .span-button.partner-video-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_green.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.partner-phone-button, #sessions #left-bar .client .editor-real-time-buttons .span-button.partner-phone-button, #cfp #left-bar .client .editor-real-time-buttons a.partner-phone-button, #cfp #left-bar .client .editor-real-time-buttons .span-button.partner-phone-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.partner-phone-button.online, #sessions #left-bar .client .editor-real-time-buttons .span-button.partner-phone-button.online, #cfp #left-bar .client .editor-real-time-buttons a.partner-phone-button.online, #cfp #left-bar .client .editor-real-time-buttons .span-button.partner-phone-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_green.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.partner-livechat-button, #sessions #left-bar .client .editor-real-time-buttons .span-button.partner-livechat-button, #cfp #left-bar .client .editor-real-time-buttons a.partner-livechat-button, #cfp #left-bar .client .editor-real-time-buttons .span-button.partner-livechat-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png"); }

#sessions #left-bar .client .editor-real-time-buttons a.partner-livechat-button.online, #sessions #left-bar .client .editor-real-time-buttons .span-button.partner-livechat-button.online, #cfp #left-bar .client .editor-real-time-buttons a.partner-livechat-button.online, #cfp #left-bar .client .editor-real-time-buttons .span-button.partner-livechat-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_green.png"); }

#sessions #left-bar .counselor .avatar-name, #cfp #left-bar .counselor .avatar-name { padding-bottom: 0; }

#sessions #left-bar .counselor .avatar-name .user-icon, #cfp #left-bar .counselor .avatar-name .user-icon { height: 80px; width: 80px; border-radius: 50%; border: 2px solid #CCCCCC; }

#sessions #left-bar .counselor .before, #cfp #left-bar .counselor .before { background-color: #444444; display: block; padding: 10px; margin: -10px -10px 10px -10px; border-radius: 5px 5px 0 0; text-align: center; }

#sessions #left-bar .client.switched:before, #cfp #left-bar .client.switched:before { content: 'You are no longer working with'; }

#sessions #left-bar .new-clients-label, #cfp #left-bar .new-clients-label { background-color: #d85932; text-align: center; padding-left: 5px; padding-right: 5px; margin-left: 10px; color: white; -webkit-text-fill-color: white; display: inline-block; font-weight: normal; font-size: 14px; }

#sessions #left-bar .new-clients-label .sun-icon, #cfp #left-bar .new-clients-label .sun-icon { color: #ffde75; -webkit-text-fill-color: #ffde75; }

#sessions #left-bar .new-client-tooltip, #cfp #left-bar .new-client-tooltip { color: white; -webkit-text-fill-color: white; }

#sessions #left-bar footer, #cfp #left-bar footer { text-align: center; color: #888888; background-color: transparent; width: 100%; display: block; position: static; padding: 0 10px; height: auto; border-top: 0; margin-top: 30px; }

#sessions #left-bar footer p, #cfp #left-bar footer p { margin-bottom: 15px; }

#sessions #left-bar footer p a, #cfp #left-bar footer p a { display: inline; }

#sessions #left-bar footer p img, #cfp #left-bar footer p img { opacity: .3; height: 25px; display: inline; margin: 0px 5px; max-width: 100%; float: none; vertical-align: middle; }

#sessions #left-bar footer p #mha-logo, #cfp #left-bar footer p #mha-logo { height: 54px; }

#sessions #left-bar footer #lowerbar, #cfp #left-bar footer #lowerbar { border: 0; background-color: transparent; padding-top: 10px; padding-bottom: 0; }

#sessions #left-bar footer #lowerbar ul.upper, #cfp #left-bar footer #lowerbar ul.upper { margin: 0 auto; }

#sessions #left-bar footer #lowerbar ul.upper .social, #cfp #left-bar footer #lowerbar ul.upper .social { float: none; overflow: hidden; }

#sessions #left-bar footer #lowerbar ul.upper .social.twitter, #cfp #left-bar footer #lowerbar ul.upper .social.twitter { margin-left: 0; }

#sessions #left-bar footer #lowerbar ul.lower, #cfp #left-bar footer #lowerbar ul.lower { margin: 0 auto; }

#sessions #left-bar footer #lowerbar ul.lower li, #cfp #left-bar footer #lowerbar ul.lower li { margin: 5px 10px; }

#sessions #left-bar footer img, #cfp #left-bar footer img { opacity: .3; height: 30px; display: inline; margin: 0px 5px; }

#sessions #left-bar #tablet-bar, #cfp #left-bar #tablet-bar { height: 0px; background-color: #2E4057; border-bottom: 4px solid #CCCCCC; padding: 8px 15px; text-align: left; font-weight: 700; font-size: 18px; color: white; border-radius: 0; }

#sessions #left-bar #tablet-bar .counselor-name, #cfp #left-bar #tablet-bar .counselor-name { display: inline-block; }

#sessions #left-bar #tablet-bar p, #cfp #left-bar #tablet-bar p { font-size: 14px; }

#sessions #left-bar #tablet-bar a, #cfp #left-bar #tablet-bar a { color: white; }

#sessions #left-bar #tablet-bar a.questionnaire, #cfp #left-bar #tablet-bar a.questionnaire { float: right; font-size: 14px; color: #DDDDDD; line-height: 30px; }

#sessions #left-bar #tablet-bar .user-icon, #cfp #left-bar #tablet-bar .user-icon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 5px; }

#sessions #left-bar #tablet-bar .credentials, #cfp #left-bar #tablet-bar .credentials { font-weight: 400; color: #888888; }

#sessions #left-bar #tablet-bar.unassigned, #cfp #left-bar #tablet-bar.unassigned { margin-top: 0; padding: 10px 15px; }

#sessions #left-bar #tablet-bar.unassigned p, #cfp #left-bar #tablet-bar.unassigned p { margin-bottom: 0; }

#sessions #left-bar #tablet-bar.unassigned p .unmatched, #cfp #left-bar #tablet-bar.unassigned p .unmatched { margin-top: 0; }

#sessions .xdsoft_datetimepicker, #cfp .xdsoft_datetimepicker { border: none; padding: 0; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, #sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, #sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { box-shadow: none; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default div, #sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div, #sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current div { background: #1FAEDF; box-shadow: none; color: #fff; -webkit-text-fill-color: #fff; font-weight: 700; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td:hover, #sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, #cfp .xdsoft_datetimepicker .xdsoft_calendar td:hover, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background-color: white !important; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td:hover div, #sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td:hover div, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover div { background-color: rgba(31, 174, 223, 0.3); color: #666; -webkit-text-fill-color: #666; border-radius: 50%; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td, #cfp .xdsoft_datetimepicker .xdsoft_calendar td { font-weight: bold; background: white; border: 0; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td div { border-radius: 50%; height: 24px; text-align: center; width: 24px; margin: 0; padding: 2px 0 0 1px; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled { font-weight: normal; opacity: 0.3; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover div { background-color: rgba(31, 174, 223, 0.8); color: #fff; -webkit-text-fill-color: #fff; }

#sessions .xdsoft_datetimepicker .xdsoft_today_button, #cfp .xdsoft_datetimepicker .xdsoft_today_button { display: none; }

#sessions .xdsoft_datetimepicker .xdsoft_datepicker, #cfp .xdsoft_datetimepicker .xdsoft_datepicker { margin-left: 0; }

#sessions .xdsoft_datetimepicker .xdsoft_label, #cfp .xdsoft_datetimepicker .xdsoft_label { top: 3px; float: none; }

#sessions .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker, #cfp .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-left: 15px; }

#sessions .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, #cfp .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #444444; background: rgba(31, 174, 223, 0.3); }

#sessions .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, #cfp .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #1FAEDF; box-shadow: none; }

#sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { font-size: 11px; background-color: white; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 5px; }

#sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background-color: rgba(31, 174, 223, 0.3) !important; color: #666; -webkit-text-fill-color: #666; border: 1px solid rgba(31, 174, 223, 0.3); }

#sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { border: 0; height: 150px; }

#sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time.xdsoft_current, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time.xdsoft_current { background-color: #1FAEDF !important; color: white; -webkit-text-fill-color: white; border: 1px solid #1FAEDF; }

#sessions .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time.xdsoft_current:hover, #cfp .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time.xdsoft_current:hover { color: white; -webkit-text-fill-color: white; }

#sessions .xdsoft_datetimepicker .xdsoft_month, #sessions .xdsoft_datetimepicker .xdsoft_year, #cfp .xdsoft_datetimepicker .xdsoft_month, #cfp .xdsoft_datetimepicker .xdsoft_year { z-index: 9; }

#sessions .xdsoft_datetimepicker .xdsoft_month span, #sessions .xdsoft_datetimepicker .xdsoft_year span, #cfp .xdsoft_datetimepicker .xdsoft_month span, #cfp .xdsoft_datetimepicker .xdsoft_year span { color: #444444; -webkit-text-fill-color: #444444; }

#sessions .xdsoft_datetimepicker .xdsoft_year, #cfp .xdsoft_datetimepicker .xdsoft_year { display: none; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td, #sessions .xdsoft_datetimepicker .xdsoft_calendar th, #cfp .xdsoft_datetimepicker .xdsoft_calendar td, #cfp .xdsoft_datetimepicker .xdsoft_calendar th { padding: 3px; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar th, #cfp .xdsoft_datetimepicker .xdsoft_calendar th { background-color: white; color: #444444; -webkit-text-fill-color: #444444; font-weight: normal; font-size: 10px; border: 0; text-transform: uppercase; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #222222; -webkit-text-fill-color: #222222; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today div { border-radius: 50%; background-color: #DDDDDD; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_current, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_current { color: #fff; -webkit-text-fill-color: #fff; }

#sessions .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_current div, #cfp .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_current div { background: #1FAEDF; }

#sessions .session-view #scheduler-widget #timezone_mismatch, #cfp .session-view #scheduler-widget #timezone_mismatch { margin: 0 20px 20px 20px; text-align: left; }

#sessions .session-view #scheduler-widget #timezone_mismatch .scheduler_timezone, #cfp .session-view #scheduler-widget #timezone_mismatch .scheduler_timezone { margin: 10px 0; }

#sessions .session-view #scheduler-widget #timezone_mismatch .scheduler_timezone strong, #cfp .session-view #scheduler-widget #timezone_mismatch .scheduler_timezone strong { font-size: 13px; }

#sessions .session-view #scheduler-widget #timezone_mismatch #update_tz, #cfp .session-view #scheduler-widget #timezone_mismatch #update_tz { cursor: pointer; }

#sessions .session-view #scheduler-widget #book-next-session, #cfp .session-view #scheduler-widget #book-next-session { margin: 0 20px 20px 20px; }

#sessions .session-view #scheduler-widget #ios_upgrade_message, #cfp .session-view #scheduler-widget #ios_upgrade_message { margin: 0 20px 20px 20px; text-align: left; }

#sessions .session-view #scheduler-widget #scheduler-unsupported-browser .fa-exclamation-triangle, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser .fa-exclamation-triangle { color: #ecc70f; font-size: 30px; margin: -10px 0 5px 0; }

#sessions .session-view #scheduler-widget #scheduler-unsupported-browser .btn-info, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser .btn-info { width: 54%; margin-bottom: 20px; }

#sessions .session-view #scheduler-widget #scheduler-scheduled #session_instructions, #sessions .session-view #scheduler-widget #scheduler-scheduled #description_text, #sessions .session-view #scheduler-widget #scheduler-confirm #session_instructions, #sessions .session-view #scheduler-widget #scheduler-confirm #description_text, #sessions .session-view #scheduler-widget #scheduler-active #session_instructions, #sessions .session-view #scheduler-widget #scheduler-active #description_text, #cfp .session-view #scheduler-widget #scheduler-scheduled #session_instructions, #cfp .session-view #scheduler-widget #scheduler-scheduled #description_text, #cfp .session-view #scheduler-widget #scheduler-confirm #session_instructions, #cfp .session-view #scheduler-widget #scheduler-confirm #description_text, #cfp .session-view #scheduler-widget #scheduler-active #session_instructions, #cfp .session-view #scheduler-widget #scheduler-active #description_text { line-height: 1.4em; }

#sessions .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type, #sessions .session-view #scheduler-widget #scheduler-active .confirm-session-type, #cfp .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type, #cfp .session-view #scheduler-widget #scheduler-confirm .confirm-session-type, #cfp .session-view #scheduler-widget #scheduler-active .confirm-session-type { margin-bottom: 15px; }

#sessions .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type img, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type img, #sessions .session-view #scheduler-widget #scheduler-active .confirm-session-type img, #cfp .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type img, #cfp .session-view #scheduler-widget #scheduler-confirm .confirm-session-type img, #cfp .session-view #scheduler-widget #scheduler-active .confirm-session-type img { width: 30px; }

#sessions .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type .confirm-session-icon, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type .confirm-session-icon, #sessions .session-view #scheduler-widget #scheduler-active .confirm-session-type .confirm-session-icon, #cfp .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type .confirm-session-icon, #cfp .session-view #scheduler-widget #scheduler-confirm .confirm-session-type .confirm-session-icon, #cfp .session-view #scheduler-widget #scheduler-active .confirm-session-type .confirm-session-icon { color: #888888; -webkit-text-fill-color: #888888; }

#sessions .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type #confirm_video_session, #sessions .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type #confirm_phone_session, #sessions .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type #confirm_chat_session, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type #confirm_video_session, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type #confirm_phone_session, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type #confirm_chat_session, #sessions .session-view #scheduler-widget #scheduler-active .confirm-session-type #confirm_video_session, #sessions .session-view #scheduler-widget #scheduler-active .confirm-session-type #confirm_phone_session, #sessions .session-view #scheduler-widget #scheduler-active .confirm-session-type #confirm_chat_session, #cfp .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type #confirm_video_session, #cfp .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type #confirm_phone_session, #cfp .session-view #scheduler-widget #scheduler-scheduled .confirm-session-type #confirm_chat_session, #cfp .session-view #scheduler-widget #scheduler-confirm .confirm-session-type #confirm_video_session, #cfp .session-view #scheduler-widget #scheduler-confirm .confirm-session-type #confirm_phone_session, #cfp .session-view #scheduler-widget #scheduler-confirm .confirm-session-type #confirm_chat_session, #cfp .session-view #scheduler-widget #scheduler-active .confirm-session-type #confirm_video_session, #cfp .session-view #scheduler-widget #scheduler-active .confirm-session-type #confirm_phone_session, #cfp .session-view #scheduler-widget #scheduler-active .confirm-session-type #confirm_chat_session { display: inline-block; }

#sessions .session-view #scheduler-widget #scheduler-confirm #scheduler-hr, #cfp .session-view #scheduler-widget #scheduler-confirm #scheduler-hr { width: 80%; height: 1px; border: none; color: #DDDDDD; -webkit-text-fill-color: #DDDDDD; background-color: #DDDDDD; }

#sessions .session-view #scheduler-widget #scheduler-confirm #session_type, #cfp .session-view #scheduler-widget #scheduler-confirm #session_type { margin-bottom: 0; }

#sessions .session-view #scheduler-widget #scheduler-confirm #session_type_error, #cfp .session-view #scheduler-widget #scheduler-confirm #session_type_error { margin: 5px 50px 13px 50px; padding: 5px 0; }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type { display: inline-block; }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons { border-radius: 10px; background: #EEEEEE; margin: 15px 10px; width: 75px; height: 75px; display: inline-block; padding: 7px; cursor: pointer; border: 1px solid white; }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons .button-text.selected-text, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons .button-text.selected-text { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons:hover, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons:hover { background: rgba(31, 174, 223, 0.2); }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons.selected-button, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons.selected-button { border: 1px solid #1FAEDF; background-color: rgba(31, 174, 223, 0.2); }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .schedule-session-buttons, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .schedule-session-buttons { font-size: 24px; display: inline-block; margin: 5px auto 0 auto; background-size: cover; color: #888888; -webkit-text-fill-color: #888888; }

#sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .schedule-session-buttons.selected, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .schedule-session-buttons.selected { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; }

#sessions .session-view #scheduler-widget #scheduler-confirm #book_session_div, #cfp .session-view #scheduler-widget #scheduler-confirm #book_session_div { display: inline-block; }

#sessions .session-view #scheduler-widget #scheduler-confirm #book_session_div p, #cfp .session-view #scheduler-widget #scheduler-confirm #book_session_div p { padding: 0; }

#sessions .session-view #scheduler-widget #scheduler-confirm #choose-another-time, #cfp .session-view #scheduler-widget #scheduler-confirm #choose-another-time { cursor: pointer; }

#sessions .session-view #scheduler-widget #scheduler-confirm #no-show-fee, #cfp .session-view #scheduler-widget #scheduler-confirm #no-show-fee { padding: 0 15px; }

#sessions .session-view #scheduler-widget .current-schedule-gray-box, #cfp .session-view #scheduler-widget .current-schedule-gray-box { border-radius: 5px; background-color: #F5F5F5; padding: 10px; }

#sessions .session-view #scheduler-widget .new-schedule-green-border, #cfp .session-view #scheduler-widget .new-schedule-green-border { border-radius: 5px; border: 1px solid #1FAEDF; padding: 10px; }

#sessions .session-view #scheduler-widget .action-wrapper, #cfp .session-view #scheduler-widget .action-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; }

#sessions .session-view #scheduler-widget .action-wrapper .vertical-line, #cfp .session-view #scheduler-widget .action-wrapper .vertical-line { margin: 0 10px; height: 20px; width: 1px; background-color: #CCCCCC; }

#sessions .session-view #scheduler-widget .scheduler-timeslot-wrapper, #cfp .session-view #scheduler-widget .scheduler-timeslot-wrapper { padding: 0 40px; }

#sessions .session-view #scheduler-widget .reschedule-disabled, #cfp .session-view #scheduler-widget .reschedule-disabled { color: #AAAAAA; text-decoration: none; -webkit-text-fill-color: #AAAAAA; }

#sessions .session-view #scheduler-widget .contact-counselor-for-time, #cfp .session-view #scheduler-widget .contact-counselor-for-time { padding: 0px 15px; }

#sessions .session-view #scheduler-widget .reschedule-disabled-hover, #cfp .session-view #scheduler-widget .reschedule-disabled-hover { background-color: #444444; color: white; font-size: 12px; visibility: hidden; margin: 10px 15px; }

.worksheets-tab.counselor-worksheets #worksheets-list { max-height: 300px; overflow-y: auto; padding-right: 10px; margin-bottom: 10px; }

.worksheets-tab.counselor-worksheets h2 { border-top: 1px solid #DDDDDD; padding-top: 15px; font-size: 14px; margin-top: 0; }

.worksheets-tab.counselor-worksheets .worksheet-item { margin: 10px 0; padding: 10px; font-size: 12px; background-color: #EEEEEE; border: 1px solid #DDDDDD; }

.worksheets-tab.counselor-worksheets .worksheet-item[data-client-worksheet-id] { background-color: white; cursor: pointer; }

.worksheets-tab.counselor-worksheets .worksheet-item:last-child { margin-bottom: 20px; }

.worksheets-tab.counselor-worksheets .worksheet-item .worksheet-item-status { color: white; -webkit-text-fill-color: white; padding: 2px 5px; text-align: center; font-size: 10px; background-color: #1FAEDF; }

.worksheets-tab.counselor-worksheets .worksheet-item .worksheet-item-status.complete { background-color: #5FAA41; }

.worksheets-tab.counselor-worksheets .worksheet-item .worksheet-item-status.unread { background-color: #e08b1a; }

.worksheets-tab.counselor-worksheets .worksheet-item .worksheet-item-status.opened { background-color: #1099D0; }

.worksheets-tab.counselor-worksheets .form-control { margin-bottom: 15px; font-size: 13px; }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons { text-align: center; }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button { border: 1px solid rgba(31, 174, 223, 0.4); color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; height: 30px; background-color: white; line-height: 30px; font-size: 14px; display: inline-block; margin: 0 auto; line-height: 1.5; }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button:hover { background-color: rgba(31, 174, 223, 0.1); }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button#worksheet-preview { border: 1px solid rgba(165, 75, 156, 0.4); color: #A54B9C; -webkit-text-fill-color: #A54B9C; margin-right: 10px; }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button#worksheet-preview:hover { background-color: rgba(165, 75, 156, 0.1); }

.worksheets-tab.client-worksheets #worksheets-list { max-height: 300px; overflow-y: auto; padding-right: 10px; }

.worksheets-tab.client-worksheets .worksheet-item { margin: 10px 0; padding: 10px; font-size: 12px; background-color: white; cursor: pointer; border: 1px solid #DDDDDD; }

.worksheets-tab.client-worksheets .worksheet-item[data-client-worksheet-id] { background-color: #EEEEEE; }

.worksheets-tab.client-worksheets .worksheet-item .worksheet-item-status { color: white; -webkit-text-fill-color: white; padding: 2px 5px; text-align: center; font-size: 10px; background-color: #1FAEDF; }

.worksheets-tab.client-worksheets .worksheet-item .worksheet-item-status.complete { background-color: #5FAA41; }

.worksheets-tab.client-worksheets .worksheet-item .worksheet-item-status.draft { background-color: #AF2225; }

@media (max-width: 1199px) { #sessions #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status, #sessions #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status, #cfp #left-bar .panel .panel-body #speaking-with .primary-avatar-and-status, #cfp #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status { width: 100%; display: block; }
  #sessions #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status, #cfp #left-bar .panel .panel-body #speaking-with .partner-avatar-and-status { border-left: 0; border-top: 1px solid #CCCCCC; padding-top: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_datepicker, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_datepicker { width: 200px; }
  #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { font-size: 11px; } }

@media (min-width: 768px) and (max-width: 1199px) { #sessions #left-bar .panel .panel-body #scheduler-widget #scheduler-unsupported-browser .btn-info, #cfp #left-bar .panel .panel-body #scheduler-widget #scheduler-unsupported-browser .btn-info { font-size: 11px; }
  #sessions #left-bar .panel .panel-body .client .avatar-name h3 .eap-client-notification, #cfp #left-bar .panel .panel-body .client .avatar-name h3 .eap-client-notification { margin-left: 0; } }

@media (min-width: 768px) and (max-width: 960px) { #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_calendar th, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_calendar th { font-size: 11px; }
  #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_datepicker, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_datepicker { width: 215px; }
  #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_month, #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_year span, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_month, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_year span { font-size: 12px; }
  #sessions #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div, #cfp #left-bar .panel .panel-body.scheduling-tab .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { font-size: 11px; } }

@media (max-width: 767px) { #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #unsupported-icon, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #unsupported-icon { color: #ecc70f; -webkit-text-fill-color: #ecc70f; font-size: 30px; margin: -10px 0 5px 0; }
  #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #scheduler_apple_link, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #scheduler_apple_link { width: 31%; display: inline-block; vertical-align: middle; margin-right: 20px; margin-top: 10px; margin-bottom: 20px; }
  #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #scheduler_android_link, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #scheduler_android_link { display: inline-block; width: 31%; vertical-align: middle; margin-top: 10px; margin-bottom: 20px; }
  #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile .app_store_icons, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile .app_store_icons { width: 100%; }
  #sessions .session-view #scheduler-widget .reschedule-text-wrapper, #cfp .session-view #scheduler-widget .reschedule-text-wrapper { position: relative; margin-bottom: 20px; }
  #sessions .session-view #scheduler-widget .reschedule-text-wrapper #back-to-scheduled, #sessions .session-view #scheduler-widget .reschedule-text-wrapper #back-to-scheduler, #cfp .session-view #scheduler-widget .reschedule-text-wrapper #back-to-scheduled, #cfp .session-view #scheduler-widget .reschedule-text-wrapper #back-to-scheduler { position: absolute; left: 30px; font-weight: bold; font-size: 22px; cursor: pointer; }
  #sessions .session-view #scheduler-widget .reschedule-text-wrapper .schedule-title, #cfp .session-view #scheduler-widget .reschedule-text-wrapper .schedule-title { text-align: center; margin-bottom: 0; }
  #sessions .session-view #scheduler-widget #scheduler-scheduled #session_instructions, #sessions .session-view #scheduler-widget #scheduler-scheduled #description_text, #sessions .session-view #scheduler-widget #scheduler-scheduled #unsupported_description, #sessions .session-view #scheduler-widget #scheduler-scheduled #unsupported_description_mobile, #sessions .session-view #scheduler-widget #scheduler-confirm #session_instructions, #sessions .session-view #scheduler-widget #scheduler-confirm #description_text, #sessions .session-view #scheduler-widget #scheduler-confirm #unsupported_description, #sessions .session-view #scheduler-widget #scheduler-confirm #unsupported_description_mobile, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #session_instructions, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #description_text, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #unsupported_description, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #unsupported_description_mobile, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #session_instructions, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #description_text, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #unsupported_description, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #unsupported_description_mobile, #cfp .session-view #scheduler-widget #scheduler-scheduled #session_instructions, #cfp .session-view #scheduler-widget #scheduler-scheduled #description_text, #cfp .session-view #scheduler-widget #scheduler-scheduled #unsupported_description, #cfp .session-view #scheduler-widget #scheduler-scheduled #unsupported_description_mobile, #cfp .session-view #scheduler-widget #scheduler-confirm #session_instructions, #cfp .session-view #scheduler-widget #scheduler-confirm #description_text, #cfp .session-view #scheduler-widget #scheduler-confirm #unsupported_description, #cfp .session-view #scheduler-widget #scheduler-confirm #unsupported_description_mobile, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #session_instructions, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #description_text, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #unsupported_description, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #unsupported_description_mobile, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #session_instructions, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #description_text, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #unsupported_description, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #unsupported_description_mobile { line-height: 1.4em; padding: 0 35px; }
  #sessions .session-view #scheduler-widget #scheduler-scheduled #select_livesession_type .session-buttons, #sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #select_livesession_type .session-buttons, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #select_livesession_type .session-buttons, #cfp .session-view #scheduler-widget #scheduler-scheduled #select_livesession_type .session-buttons, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #select_livesession_type .session-buttons, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #select_livesession_type .session-buttons { background: #e0dfdf; }
  #sessions .session-view #scheduler-widget #scheduler-scheduled #select_livesession_type .session-buttons:hover, #sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons:hover, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #select_livesession_type .session-buttons:hover, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #select_livesession_type .session-buttons:hover, #cfp .session-view #scheduler-widget #scheduler-scheduled #select_livesession_type .session-buttons:hover, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons:hover, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #select_livesession_type .session-buttons:hover, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #select_livesession_type .session-buttons:hover { background: #e0dfdf; }
  #sessions .session-view #scheduler-widget #scheduler-scheduled #select_livesession_type .session-buttons.selected-button:hover, #sessions .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons.selected-button:hover, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser #select_livesession_type .session-buttons.selected-button:hover, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile #select_livesession_type .session-buttons.selected-button:hover, #cfp .session-view #scheduler-widget #scheduler-scheduled #select_livesession_type .session-buttons.selected-button:hover, #cfp .session-view #scheduler-widget #scheduler-confirm #select_livesession_type .session-buttons.selected-button:hover, #cfp .session-view #scheduler-widget #scheduler-unsupported-browser #select_livesession_type .session-buttons.selected-button:hover, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile #select_livesession_type .session-buttons.selected-button:hover { background-color: rgba(31, 174, 223, 0.2); } }

#faq { background-color: #F5F5F5; }

#faq .container { max-width: 700px; margin: 0 auto; }

#faq .container #faq-cta h2 { color: #444444; }

#faq .panel .panel-heading a.accordion-toggle { font-size: 18px; margin-bottom: 20px; display: block; background-color: rgba(31, 174, 223, 0.2); font-weight: 700; text-decoration: none !important; outline: 0 !important; padding: 5px 10px 5px 30px; max-height: 39px; color: #444444; -webkit-text-fill-color: #444444; overflow: hidden; }

#faq .panel .panel-heading a.accordion-toggle.collapsed { color: #444444; -webkit-text-fill-color: #444444; font-weight: 400; }

#faq .panel .panel-heading a.accordion-toggle.collapsed:before { content: "\f105"; margin-right: 10px; padding: 11px 13px; min-height: 40px; width: 30px; color: white; -webkit-text-fill-color: white; font-family: 'FontAwesome'; margin-left: -30px; }

#faq .panel .panel-heading a.accordion-toggle:before { content: "\f107"; margin-right: 4px; font-family: 'FontAwesome'; color: white; background-color: #1FAEDF; font-weight: 400; width: 30px; padding: 11px; min-height: 40px; margin-left: -30px; }

#faq .panel .panel-heading a.accordion-toggle:hover { text-decoration: none; color: white; -webkit-text-fill-color: white; background-color: #1FAEDF; }

#faq .panel .panel-heading a.accordion-toggle:active { color: white; }

#faq .panel .panel-body { margin-bottom: 40px; display: block; padding-left: 20px; font-size: 15px; }

#faq .panel .panel-body table { border-color: #DDDDDD; }

#faq .panel .panel-body table th, #faq .panel .panel-body table td { padding: 10px; border-color: #DDDDDD; }

#faq .panel:last-child .panel-heading .accordion-toggle { margin-bottom: 0; }

#faq .panel:last-child .panel-body { margin-bottom: 0; margin-top: 20px; }

@media (max-width: 767px) { #faq { background-color: white; }
  #faq .panel .panel-heading a.accordion-toggle { font-size: 14px; }
  #faq .panel .panel-body { padding-left: 0; } }

@media (max-width: 600px) { #faq .panel .panel-heading a.accordion-toggle { max-height: initial; }
  #faq .panel .panel-heading a.accordion-toggle.collapsed { color: #444444; -webkit-text-fill-color: #444444; font-weight: 400; }
  #faq .panel .panel-heading a.accordion-toggle.collapsed:before { padding: 11px; margin-right: 0; width: initial; color: #444444; -webkit-text-fill-color: #444444; background-color: transparent; font-family: 'FontAwesome'; }
  #faq .panel .panel-heading a.accordion-toggle:before { font-family: 'FontAwesome'; color: #444444; -webkit-text-fill-color: #444444; padding: 9px; margin-right: 0; font-weight: 700; background-color: transparent; width: initial; min-height: initial; } }

#next { font-family: "Lato", Arial, sans-serif; line-height: 1.7; }

#next #cc_pay_form { padding-bottom: 10px; }

#next .container { width: 100%; }

#next.next-intro .col-sm-8, #next.next-intro .col-sm-12, #next.next-intro .col-lg-9, #next.next-intro .col-md-10 { all: unset; width: auto; padding-left: 15px; padding-right: 15px; display: block; float: none; position: static; }

#next.next-intro .row, #next.next-intro .container { width: 100%; }

#next.next-intro .prod-name-color { color: #A54B9C; }

#next header { margin-bottom: 0px; display: none; }

#next #gathercc-errors li { list-style-type: none; }

#next .header { border-bottom: 1px solid rgba(31, 174, 223, 0.2); display: block; font-size: 24px; line-height: 1.4em; padding: 25px; font-weight: 700; background: rgba(31, 174, 223, 0.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* Standard syntax */ margin-bottom: 25px; }

#next .header small { color: #1FAEDF; font-size: 18px; }

#next .cc-gather-label { font-weight: normal; }

#next .col-lg-9, #next .col-md-10 { width: 100%; }

#next #next-outer { margin-top: 30px; padding: 20px; background-color: #F5F5F5; border-radius: 5px; }

#next #next-outer small { display: block; margin-top: 15px; }

#next #next-outer h3 { margin-top: 0; }

#next #next-outer #cake-modal-submit-btn { font-size: 16px; height: 45px; line-height: 31px; padding: 0 17.5px; }

@media (max-width: 767px) { #next #next-outer #cake-modal-submit-btn { font-size: 14px; } }

#next .question-title { font-weight: 700; margin-top: 20px; font-size: 14px; display: block; text-decoration: underline; }

#next .question-title-first { font-weight: 700; font-size: 14px; display: block; text-decoration: underline; }

#next ul.answer { padding-left: 40px; }

#next .answer { font-size: 14px; font-weight: 400; }

#next .todaystotal { width: 100%; margin: 30px 0 0; }

#next .todaystotal td, #next .todaystotal th { padding: 10px; }

#next .todaystotal td { text-align: right; }

#next .todaystotal th { text-align: left; }

#next .todaystotal tr.trial { color: #AF2225; }

#next .todaystotal tr.total { font-size: 18px; }

#next .todaystotal tr.total td, #next .todaystotal tr.total th { border-top: 1px solid #DDDDDD; }

#next .start-step { margin: 30px auto; background-color: white; max-width: 650px; border: 1px solid #DDDDDD; padding-bottom: 20px; }

#next .start-step#step-2, #next .start-step#step-3 { display: none; }

#next .start-step label.radio, #next .start-step label.checkbox { font-size: 18px; }

#next .start-step label.radio input[type='radio'], #next .start-step label.radio input[type='checkbox'], #next .start-step label.checkbox input[type='radio'], #next .start-step label.checkbox input[type='checkbox'] { top: 3px; }

#next .start-step .question { margin-bottom: 30px; }

#next .cc-short-disclaimer { line-height: 130%; }

#next .next-welcome { margin-top: 0; font-size: 29px; }

#next #card_cvc-tooltip-link + .tooltip.in { opacity: 1; }

#next #card_cvc-tooltip-link + .tooltip.right .tooltip-arrow { border-right-color: #A54B9C; }

#next #card_cvc-tooltip-link + .tooltip.top .tooltip-arrow { border-top-color: #A54B9C; }

#next #card_cvc-tooltip-link + .tooltip .tooltip-inner { max-width: 400px; padding: 0; color: #000; text-align: left; background-color: #fff; border-radius: 0; border: 1px solid #A54B9C; overflow: hidden; }

#next #card_cvc-tooltip-link + .tooltip .tooltip-text { padding: 10px; border-top: 1px solid #DDDDDD; }

#next .modal-not-ready-btn { background-color: white; color: #888888; -webkit-text-fill-color: #888888; border: 2px solid #DDDDDD; margin-left: 10px; }

#next .modal-not-ready-btn:hover { text-decoration: none; border: 2px solid #b3b3b3; color: #666666; -webkit-text-fill-color: #666666; }

#next #content-container.top-banner-padding { padding-top: 0; }

#next .top-banner.charity { background-color: rgba(165, 75, 156, 0.3); color: #222222; font-size: 16px; padding: 10px; margin: 0 0 20px 0; }

#next .top-banner.charity h4 { margin: 0; }

@media (min-width: 1200px) { #next #next-outer .col-lg-3 { width: 40%; }
  #next #next-outer .col-sm-5 { width: 60%; } }

@media (max-width: 767px) { #next { background-color: white; }
  #next .gather_cc #cc-fields #card_expired_month, #next .gather_cc #cc-fields #card_expired_year { font-size: 13px; }
  #next .start-step { max-width: none; border: 0; margin: 0; }
  #next #body-container #content-container { padding-top: 0; }
  #next .modal-not-ready-btn { margin-top: 10px; font-size: 20px; margin-left: 0; }
  #next .top-banner.charity { margin: 0; } }

@media (min-width: 541px) and (max-width: 767px) { #next .modal-not-ready-btn { margin-top: 0; } }

#account_client .form-input-block { margin-bottom: 10px; }

#account_client .form-section-break { margin-bottom: 30px; }

#account_client #page:first-child { margin-bottom: 20px; }

#account_client .control-label { padding-top: 0; }

#account_client #payment-form .gather_cc { margin-top: 20px; }

#account_client #payment-form #gathercc-errors { margin-top: 20px; margin-bottom: 0; }

#account_client #payment-form #gathercc-errors li { list-style-type: none; }

#account_client #payment-form .form-group { margin-bottom: 25px; }

#account_client h2 { margin-top: 0; }

#account_client #password-group div.row, #account_client #email-group div.row { margin-bottom: 25px; }

#account_client #notifications-block label.checkbox { margin-bottom: 25px; }

#account_client #notifications-block label.checkbox:last-of-type { margin-bottom: 0; }

#account_client #account-form .form-group { margin-bottom: 15px; }

#account_client .todaystotal { width: 100%; margin: 30px 0 0; }

#account_client .todaystotal .prod-name-color { color: #5FAA41; }

#account_client .todaystotal td, #account_client .todaystotal th { padding: 10px; }

#account_client .todaystotal td { text-align: right; }

#account_client .todaystotal th { text-align: left; }

#account_client .todaystotal tr.trial { color: #AF2225; }

#account_client .todaystotal tr.total { font-size: 18px; }

#account_client .todaystotal tr.total td, #account_client .todaystotal tr.total th { border-top: 1px solid #DDDDDD; }

#account_client .live-sessions-remaining { color: #888888; }

#account_client .form-group .left-info, #account_client .form-group .right-info { display: inline-block; vertical-align: top; }

#account_client .form-group .left-info { width: 60%; }

#account_client .form-group .right-info { float: right; text-align: right; width: 38%; }

#account_client #biometric-settings { margin-top: 15px; }

#upload-processing { display: inline-block; width: 150px; margin-left: 10px; font-size: 12px; }

#upload-processing .upload-text { display: inline-block; width: 120px; padding-left: 5px; line-height: 1.4em; }

#upload-processing i, #upload-processing .upload-text { vertical-align: middle; }

.not-applicable { margin-top: 20px; }

.not-applicable input { margin-right: 4px; }

div.braintree-hosted-fields { height: 40px; }

#card_cvc-tooltip-link + .tooltip.in { opacity: 1; }

#card_cvc-tooltip-link + .tooltip.right .tooltip-arrow { border-right-color: #A54B9C; }

#card_cvc-tooltip-link + .tooltip.top .tooltip-arrow { border-top-color: #A54B9C; }

#card_cvc-tooltip-link + .tooltip .tooltip-inner { max-width: 400px; padding: 0; color: #000; text-align: left; background-color: #fff; border-radius: 0; border: 1px solid #A54B9C; overflow: hidden; }

#card_cvc-tooltip-link + .tooltip .tooltip-text { padding: 10px; border-top: 1px solid #DDDDDD; }

#switch_counselor .switch-cta { float: right; }

.title-block { max-width: 700px; margin: 0 auto; }

.title-block h1 { margin-bottom: 0; }

#quit .quit-cta { float: right; }

@media (min-width: 768px) { .form-horizontal #client_private_info .control-label { padding-top: 5px; } }

#switch_counselor .agree_scale, #quit .agree_scale { margin-left: 10px; }

#switch_counselor .agree_scale .agree_choice:first-child, #quit .agree_scale .agree_choice:first-child { margin-top: 20px; }

#switch_counselor .agree_scale .agree_choice, #quit .agree_scale .agree_choice { display: block; }

#switch_counselor .agree_scale .agree_choice label, #quit .agree_scale .agree_choice label { font-weight: 400; }

#switch_counselor .agree_scale .agree_choice input, #quit .agree_scale .agree_choice input { margin-right: 5px; }

#switch_counselor .zero-to-ten .zero-to-ten-scale, #quit .zero-to-ten .zero-to-ten-scale { margin-top: 10px; }

#switch_counselor .not-disclosed-counselor, #quit .not-disclosed-counselor { margin-top: 30px; font-style: italic; }

#switch_counselor #cf-concerns-submit, #quit #cf-concerns-submit { margin-top: 10px; }

#switch_counselor .cf-product-name, #quit .cf-product-name { font-size: 18px; font-weight: 800; }

@media (max-width: 767px) { #account_client .btn.btn-default { display: block; width: 100%; max-width: 360px; font-size: 15px; }
  #account_client .form-group .left-info, #account_client .form-group .right-info { width: 100%; display: block; }
  #account_client .form-group .right-info { float: none; text-align: left; }
  #client_private_info { max-width: 360px; }
  #switch_counselor .btn { display: block; width: 100%; font-size: 15px; }
  #switch_counselor .btn.cancel-out { margin-left: 0; margin-bottom: 15px; }
  #quit .quit-cta .btn { display: block; width: 100%; margin-left: 0; }
  #quit .quit-cta .btn:first-child { margin-bottom: 10px; } }

@media (min-width: 470px) and (max-width: 767px) { #upload-processing { display: block; margin: 15px 0 0 0; } }

@media (max-width: 469px) { #upload-processing { display: block; margin: 15px auto 0 auto; } }

.privacy_settings #request_data { background: none; color: #A54B9C; border: none; padding: 0 0 3px 0; font: inherit; cursor: pointer; }

.privacy_settings #request_data:hover { color: #A54B9C; }

.privacy_settings #delete_data { background: none; color: #A54B9C; border: none; padding: 0 0 3px 0; font: inherit; cursor: pointer; }

.privacy_settings #delete_data:hover { color: #A54B9C; }

#reviews { background-color: #F5F5F5; }

#reviews h2.date { font-size: 18px; font-weight: 700; display: block; border-bottom: 2px solid #EEEEEE; padding-bottom: 10px; margin-bottom: 10px; color: #888888; }

#reviews .testimonial { border-bottom: 1px solid #EEEEEE; padding-bottom: 20px; margin-bottom: 30px; }

#reviews .testimonial .counselor { margin-top: 15px; margin-bottom: 15px; }

#reviews .testimonial .counselor img { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; float: left; margin-right: 15px; }

#reviews .testimonial .counselor a { font-weight: 700; font-size: 16px; }

#reviews .testimonial .counselor .credentials { display: block; }

#reviews .testimonial:last-child { border: 0; }

#reviews .testimonial p.light { color: #666666; }

#reviews .testimonial p.quote { font-size: 16px; }

#reviews #seo-footer { margin-top: 30px; color: #797979; }

#reviews #seo-footer .panel-heading { cursor: pointer; display: block; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px; position: relative; }

#reviews #seo-footer .panel-heading a { display: block; }

@media (max-width: 340px) { #reviews #seo-footer .panel-heading { font-size: 12px; } }

#reviews #seo-footer .panel-heading[data-toggle="collapse"]:after { content: "\f105"; font-family: 'FontAwesome'; position: absolute; color: rgba(165, 75, 156, 0.5); font-size: 18px; line-height: 22px; right: 20px; top: calc(50% - 10px); /* rotate "play" icon from > (right arrow) to down arrow */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

#reviews #seo-footer .panel-heading[data-toggle="collapse"].collapsed:after { /* rotate "play" icon from > (right arrow) to ^ (up arrow) */ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

#reviews #seo-footer .panel-body { padding: 10px; }

@media (max-width: 767px) { #reviews .row .col-sm-6 + .col-sm-6 .testimonial:first-child { border-top: 1px solid #EEEEEE; margin-top: -30px; padding-top: 10px; } }

#login { background-color: #F5F5F5; text-align: center; }

#login .testimonials { display: none; }

#login .page-icon { margin: 30px auto 20px; height: 40px; }

#login .block { background-color: transparent; padding: 0; margin: 0 auto; border: 0; max-width: 500px; }

#login header, #login footer { text-align: left; }

#login #login-bg .container:first-child .row:nth-child(2) .quote { display: none; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form { all: unset; width: auto; display: block; float: none; position: static; padding: 0; max-width: 500px; margin: 0 auto; clear: both; overflow: auto; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form .form-group { margin-bottom: 30px; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form .form-group input { font-size: 15px; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form .form-group:last-child { margin-bottom: 0; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form.h-scroll { overflow: auto; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form h2:first-child, #login #login-bg .container:first-child .row:nth-child(2) .login-form h3:first-child { margin-top: 0; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form .checkbox, #login #login-bg .container:first-child .row:nth-child(2) .login-form .radio { padding-left: 30px; font-weight: 400; }

#login #login-bg .container:first-child .row:nth-child(2) .login-form h3 { margin-top: 30px; }

#login .form-floating { position: relative; margin-bottom: 1rem; }

#login .form-floating > input, #login .form-floating > label { height: 45px; padding: 0 15px; }

#login .form-floating > label { position: absolute; top: 11px; display: block; margin-bottom: 0; /* Override default `<label>` margin */ line-height: 1.5; color: #9e9e9e; border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out; }

#login .form-floating > input:not(:placeholder-shown) ~ label, #login .form-floating > input:-webkit-autofill ~ label { padding-top: -1px; padding-bottom: calc(var(--input-padding-y) / 3); top: 5px; font-weight: normal; font-size: 12px; color: #777; }

@media (min-height: 650px) { #login input { font-size: 15px; } }

#login input::-webkit-input-placeholder { color: transparent; }

#login input:-ms-input-placeholder { color: transparent; }

#login input::-ms-input-placeholder { color: transparent; }

#login input::-moz-placeholder { color: transparent; }

#login input::placeholder { color: transparent; }

#login input:not(:placeholder-shown) { padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); padding-bottom: calc(var(--input-padding-y) / 5); padding-top: 14px; }

#login input:placeholder-shown ~ label { font-size: 14px; padding-bottom: 5px; font-weight: normal; }

@media (min-width: 768px) { #login #body-container #login-bg { margin-top: 20px; } }

@media (max-width: 767px) { #login #body-container .container:first-child .row:nth-child(2) .quote { display: none; }
  #login #body-container .container:first-child .row:nth-child(2) .login-form { padding: 0 15px; } }

#counselor-index { background-color: #F5F5F5; }

#counselor-index header, #counselor-index .counselor-profile-header, #counselor-index .counselor-profile-subnav { width: 100%; }

#counselor-index .counselor-profile-header { background-color: #444444; color: #DDDDDD; font-size: 18px; padding: 30px 0 0 0; margin-top: -1px; margin-left: -15px; position: absolute; }

#counselor-index .counselor-profile-header h1 { color: white; margin: 0; font-size: 36px; }

#counselor-index .counselor-profile-header img { height: 70px; width: 70px; border-radius: 50%; border: 2px solid #CCCCCC; float: left; margin-right: 15px; }

#counselor-index .counselor-profile-header .counselor-profile-subnav { background-color: #666666; padding: 0; height: 40px; margin-top: 30px; font-size: 14px; }

#counselor-index .counselor-profile-header .counselor-profile-subnav ul { margin: 0; padding: 0; }

#counselor-index .counselor-profile-header .counselor-profile-subnav ul a { margin-right: 40px; display: inline-block; line-height: 40px; }

#counselor-index .counselor-profile-header .counselor-profile-subnav ul a li { color: #DDDDDD; -webkit-text-fill-color: #DDDDDD; list-style-type: none; height: auto; line-height: 40px; }

#counselor-index .counselor-profile-header .counselor-profile-subnav ul a li:hover { color: white; border-bottom: 4px solid #CCCCCC; line-height: 38px; cursor: pointer; }

#counselor-index .counselor-profile-header .counselor-profile-subnav ul a:hover, #counselor-index .counselor-profile-header .counselor-profile-subnav ul a:active, #counselor-index .counselor-profile-header .counselor-profile-subnav ul a:focus { text-decoration: none; }

#counselor-index .content { background-color: white; padding: 40px; border-radius: 0px 0px 5px 5px; margin: 180px 260px 200px 0; }

#counselor-index .content .toggle-controls i { z-index: -1; }

#counselor-index .content button { margin-top: 20px; }

#counselor-index .content .anchor-link { display: block; position: relative; top: -260px; visibility: hidden; }

#counselor-index .content h2 { color: #1FAEDF; margin: 0 0 20px; text-transform: uppercase; font-size: 18px; }

#counselor-index .content hr { margin: 30px -40px; border-color: #F5F5F5; }

#counselor-index .content .couns-intro-video { margin-bottom: 20px; }

#counselor-index .content .couns-intro-video video { width: 100%; max-width: 650px; }

#counselor-index .content ul.specialties { padding-left: 25px; }

#counselor-index .content ul#align-icon-text { padding-left: 0; }

#counselor-index .content ul#align-icon-text li { display: inline-block; text-align: center; margin-right: 10px; font-size: 12px; position: relative; text-transform: uppercase; }

#counselor-index .content #service-offered { color: #5FAA41; font-size: 28px; margin-bottom: 5px; }

#counselor-index .content .testimonial { margin-bottom: 40px; margin-left: 20px; }

#counselor-index .content .testimonial .author { font-weight: bold; }

#counselor-index .content .testimonial:before { font-family: 'FontAwesome'; content: '\f005'; margin-left: -20px; margin-right: 5px; color: #E0AB50; -webkit-text-fill-color: #E0AB50; }

#counselor-index .content .testimonial .focus { color: #888888; }

#counselor-index .content .testimonial p { margin: 0; }

#counselor-index .content .testimonial:last-child { margin-bottom: 0; }

#counselor-index .right-column { text-align: center; float: right; clear: both; width: 200px; }

#counselor-index .right-column img { height: 200px; width: 200px; border-radius: 50%; border: 2px solid #CCCCCC; display: block; position: fixed; margin: 50px auto 20px; z-index: 101; }

#counselor-index .right-column .couns-cta { margin-top: 270px; position: fixed; margin-bottom: 30px; width: 200px; }

#counselor-index .right-column .couns-cta p { font-weight: bold; font-size: 15px; }

#counselor-index header.mysite { height: auto; }

#counselor-index header.mysite .mysite-header { padding-bottom: 1em; }

#counselor-index header.mysite .counselor-profile-header { text-align: left; }

#counselor-index header.mysite .counselor-profile-subnav { text-align: left; }

#counselor-directory { background-color: #F5F5F5; }

#counselor-directory #therapists-online .row { width: 90%; margin: 0 auto; }

#counselor-directory #therapist-list .get-matched { width: 90%; padding: 15px; position: relative; background-color: white; border-radius: 10px; margin: 0 auto 20px auto; border: 1px solid #DDDDDD; text-align: center; font-size: 17px; font-weight: 500; }

#counselor-directory #therapist-list .get-matched span { margin-right: 10px; font-weight: bold; }

#counselor-directory #therapist-list .get-matched a { text-decoration: underline; }

#counselor-directory #therapist-list .get-matched a:hover { text-decoration: none; }

#counselor-directory #therapist-list .get-matched-scrolled { position: fixed; width: 100%; top: 0; left: 0; background-color: #5FAA41; color: white; border-radius: 0; border: 0; border-bottom: 1px solid #377e1b; }

#counselor-directory #therapist-list .get-matched-scrolled a { color: white; }

#counselor-directory #therapist-list .therapist-card { position: relative; border: 1px solid #DDDDDD; width: 90%; border-radius: 10px; margin: 0 auto 20px auto; padding: 15px; background-color: white; }

#counselor-directory #therapist-list .therapist-card img { border-radius: 50%; max-width: 120px; display: block; margin: 0 auto; }

#counselor-directory #therapist-list .therapist-card a { margin: 0 0 10px 0; }

#counselor-directory #therapist-list .therapist-card .therapist-name { font-size: 26px; font-weight: 500; margin-bottom: -5px; }

#counselor-directory #therapist-list .therapist-card .therapist-cred { font-size: 18px; color: #888888; }

#counselor-directory #therapist-list .therapist-card p { border-top: 1px solid #EEEEEE; padding-top: 10px; }

.demo-banner { margin: 0 -15px; }

@media (max-width: 991px) { #counselor-index .content { padding: 30px; margin-right: 200px; }
  #counselor-index .right-column { width: 160px; }
  #counselor-index .right-column .couns-cta { width: 160px; margin-top: 230px; }
  #counselor-index .right-column img { height: 160px; width: 160px; border-radius: 50%; border: 2px solid #CCCCCC; } }

@media (max-width: 767px) { #counselor-index { background-color: white; }
  #counselor-index #body-container #content-container { padding-top: 0; }
  #counselor-index header, #counselor-index .counselor-profile-header, #counselor-index .counselor-profile-subnav { position: static; box-shadow: none; border-bottom: 0; margin-bottom: 0; }
  #counselor-index header .menu .right { position: relative; }
  #counselor-index .counselor-profile-header { padding: 20px 0; margin-left: -15px; width: auto; margin-right: -15px; }
  #counselor-index .counselor-profile-header h1 { font-size: 24px; }
  #counselor-index .counselor-profile-subnav { display: none; }
  #counselor-index .counselor-index-cta { margin: auto -15px; background-color: white; }
  #counselor-index .counselor-index-cta .right-column { display: block; float: none; width: 100%; text-align: left; padding: 20px 0; }
  #counselor-index .counselor-index-cta .right-column .couns-cta { position: static; margin: auto; width: inherit; }
  #counselor-index .counselor-index-cta .right-column img, #counselor-index .counselor-index-cta .right-column .promoting-text { display: none; }
  #counselor-index .content { margin: 0; padding: 0; }
  #counselor-index .content hr { margin: 20px 0; }
  #counselor-directory #therapists-online h1 { font-size: 20px; }
  #counselor-directory #therapist-list .get-matched { font-size: 15px; }
  #counselor-directory #therapist-list .get-matched a { margin-top: 10px; }
  #counselor-directory #therapist-list .therapist-card a { display: block; margin: 0 auto; }
  body#counselor-index #body-container #content-container { padding-bottom: 50px; }
  body.mobile_menu#counselor-index .counselor-profile-header { margin-left: 0; margin-right: 0; margin-top: -25px; }
  body.mobile_menu#counselor-index .counselor-index-cta { margin-left: 0; margin-right: 0; } }

#support h1 { margin-top: 0; }

#support .col-md-6 { all: unset; width: auto; padding-left: 15px; padding-right: 15px; display: block; float: none; position: static; }

#support .row, #support .container { width: 100%; }

#support .row { margin-left: 0; margin-right: 0; }

#support .contact-form { margin-top: 20px; }

#support .well { padding: 0; background-color: white; border: none; box-shadow: none; border-radius: 0; border-top: 1px solid #DDDDDD; padding-top: 20px; }

.go-questionnaire #starts { background-color: white; border: 1px solid #DDDDDD; border-radius: 10px; overflow: hidden; }

.go-questionnaire #starts #starts1 { margin-left: 0; margin-right: 0; }

.go-questionnaire #starts #starts1 .slick-slider { margin-bottom: 10px; }

.go-questionnaire #starts #starts1 .slick-list { min-height: 150px; }

.go-questionnaire #starts #starts1 .questionnaire-content.center { padding: 30px 15px 30px 15px; }

.go-questionnaire #starts #starts1 .questionnaire-content-label { border-bottom: 1px solid rgba(31, 174, 223, 0.2); display: block; font-size: 24px; line-height: 1.4em; padding: 25px; font-weight: 700; background: rgba(31, 174, 223, 0.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* Standard syntax */ margin-bottom: 25px; margin-left: 0; }

.go-questionnaire #starts #starts1 label { font-size: 18px; }

.go-questionnaire #starts #starts1 label.radio, .go-questionnaire #starts #starts1 label.checkbox { padding-left: 50px; }

.go-questionnaire #starts #starts1 label.radio input[type='radio'], .go-questionnaire #starts #starts1 label.radio input[type='checkbox'], .go-questionnaire #starts #starts1 label.checkbox input[type='radio'], .go-questionnaire #starts #starts1 label.checkbox input[type='checkbox'] { left: 40px; top: 4px; }

.go-questionnaire #starts #starts1 select.form-control { width: 95%; margin: 0 auto 20px auto; }

.go-questionnaire #starts #starts1 a.country { margin-left: 15px; margin-bottom: 10px; }

#start-go2 .mbottom20 { margin-bottom: 20px; }

#start-go2 #body-container #content-container { padding-bottom: 50px !important; }

#start-go2 #go-hero { background: linear-gradient(rgba(48, 120, 145, 0.7), rgba(48, 120, 145, 0.7)), url("../../../images/home/regain/home-header.jpg"); background-size: cover; background-position: center center; padding: 100px 0; }

#start-go2 #go-hero h1, #start-go2 #go-hero h2, #start-go2 #go-hero h3, #start-go2 #go-hero h4 { color: white; margin-top: 0px; padding-bottom: 15px; }

#start-go2 #go-hero h1 { font-size: 38px; margin-bottom: 0; line-height: 1.3em; }

#start-go2 #go-hero h2 { font-weight: 400; }

#start-go2 #go-hero .go-questionnaire h2 { color: #1FAEDF; }

#start-go2 #go-why { background-color: white; color: #1FAEDF; }

#start-go2 #go-why img { max-width: 90px; display: block; margin: 0 auto; }

#start-go2 #go-why p { width: 80%; display: block; margin: 20px auto; font-size: 20px; line-height: 1.4em; }

#start-go2 #go-testimonials { background: linear-gradient(rgba(130, 81, 125, 0.8), rgba(130, 81, 125, 0.8)), url(//dy7glz37jgl0b.cloudfront.net/funnel/regain/regain-testimonials-bg-2.jpg); color: white; }

#start-go2 #go-testimonials h2 { color: white; }

#start-go2 #go-testimonials, #start-go2 #go-why { background-size: cover; background-position: center center; padding: 30px 0; font-size: 18px; line-height: 1.4em; }

#start-go2 #go-testimonials p, #start-go2 #go-why p { margin-bottom: 20px; }

#start-go2 #go-testimonials h2, #start-go2 #go-why h2 { font-size: 30px; }

#start-go2 #go-cta { background-color: #222222; text-align: center; padding: 30px 0; color: white; }

#start-go2 #go-cta h2 { color: white; font-size: 30px; }

@media (max-width: 767px) { #start-go2 #body-container #content-container { padding-bottom: 0 !important; } }

#start_slider { background-color: #F5F5F5; }

#start_slider #body-container { min-height: 650px; padding-top: 40px; }

#start_slider footer { position: fixed; }

#start_slider .login-link { display: none; }

#start_slider .go-questionnaire #starts { border-radius: 0; }

#start_slider header .right { display: none; }

#start_slider footer { background-color: white; }

#start_slider .start-step { font-size: 18px; }

#start_slider .start-step label.radio, #start_slider .start-step label.checkbox { font-size: 18px; }

#start_slider .start-step label.radio input[type='radio'], #start_slider .start-step label.radio input[type='checkbox'], #start_slider .start-step label.checkbox input[type='radio'], #start_slider .start-step label.checkbox input[type='checkbox'] { top: 3px; }

#start_slider .start-step .question { margin-bottom: 30px; }

#start_slider .start-step .btn { margin-bottom: 20px; }

#start_slider .start-title { color: #1FAEDF; margin-top: 0; }

#start_slider .header, #smart_match .header { border-bottom: 1px solid rgba(31, 174, 223, 0.2); display: block; font-size: 24px; line-height: 1.4em; padding: 25px; font-weight: 700; background: rgba(31, 174, 223, 0.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* Standard syntax */ margin-bottom: 25px; }

#start_slider .header small, #smart_match .header small { color: #1FAEDF; font-size: 18px; }

@media (max-width: 767px) { #smart_match .header, #start_slider .header { font-size: 20px; }
  #start_slider { background-color: white; height: 110%; }
  #start_slider header { margin-bottom: 0; }
  #start_slider header .mobilemenu-toggle { display: none !important; }
  #start_slider #body-container #content-container { padding-top: 0; min-height: auto; }
  #start_slider .login-link { display: block; margin: 0 15px; }
  #start_slider .login-link .btn-default { background-color: #A54B9C; }
  #start_slider .login-link .btn-default:hover { background-color: #8e428a; }
  #start_slider .go-questionnaire { padding-left: 0; padding-right: 0; }
  #start_slider .go-questionnaire #starts { border-radius: 0; border: 0; }
  #start_slider .go-questionnaire #starts .slider.questionnaire .questionnaire-content-label { color: #444444; font-size: 20px; }
  #start_slider .go-questionnaire #starts .slider.questionnaire label.radio { font-size: 18px; padding: 15px 20px; line-height: 1.3; color: #222222; border: 1px solid #B0DCEB; background-color: #D5EDF5; margin: 10px 15px; border-radius: 5px; }
  #start_slider .go-questionnaire #starts .slider.questionnaire label.radio:active, #start_slider .go-questionnaire #starts .slider.questionnaire label.radio:focus { color: white; background-color: #1FAEDF; }
  #start_slider .go-questionnaire #starts .slider.questionnaire label.radio input[type='radio'] { display: none; } }

@media (max-height: 700px) and (min-width: 768px) { #start_slider footer, #overview footer { position: absolute; }
  #start_slider #body-container, #overview #body-container { min-height: 700px; } }

#smart_match { margin-top: 40px; background: #F5F5F5; }

#smart_match footer { background-color: white; }

#smart_match #body-container #content-container { min-height: 1100px; }

#smart_match .questionnaire-content { background-color: white; font-size: 16px; border: 1px solid #DDDDDD; padding: 0; }

#smart_match .questionnaire-content .btn { margin: 0 0 15px 15px; }

#smart_match .questionnaire-content #expertise1 .header, #smart_match .questionnaire-content #expertise2 .header { line-height: 1.4em; padding: 25px; font-weight: 700; font-family: "Source Sans Pro", Arial, sans-serif; }

#smart_match .questionnaire-content #expertise1 .next-block, #smart_match .questionnaire-content #expertise2 .next-block { padding: 0 15px 0 15px; }

#smart_match #next { line-height: inherit; }

#overview { background-color: #F5F5F5; margin-top: 40px; }

#overview #body-container #content-container { min-height: 650px; padding-bottom: 0; }

#overview #next .col-md-10 { width: 83.33333%; }

#overview #next h1 { border-bottom: 1px solid rgba(31, 174, 223, 0.2); display: block; font-size: 24px; line-height: 1.4em; padding: 25px; font-weight: 700; background: rgba(31, 174, 223, 0.1); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(31, 174, 223, 0.1), rgba(165, 75, 156, 0.1)); /* Standard syntax */ margin-bottom: 25px; margin-top: 0; }

#overview #next .overview-block { background-color: white; border: 1px solid #DDDDDD; padding: 0; }

#overview #next .overview-block .next-block { padding: 0 15px 15px 15px; }

#overview #next .overview-block .btn { margin-left: 15px; }

#overview footer { background-color: white; }

@media (max-width: 767px) { #smart_match { background-color: white; height: auto; }
  #smart_match .questionnaire-content { border: 0; }
  #smart_match #body-container { min-height: 100%; }
  #smart_match #body-container #content-container { padding-top: 0; min-height: auto; }
  #smart_match header { margin-bottom: 0; }
  #overview { margin-top: 0; background-color: white; }
  #overview .container { padding-left: 15px; padding-right: 15px; }
  #overview #body-container #content-container { min-height: auto; }
  #overview #next h1 { font-size: 20px; }
  #overview #next .overview-block { background-color: white; border: 0; } }

#worksheet { background-color: #f5f5f5; }

#worksheet .btn-save { color: #A54B9C; -webkit-text-fill-color: #A54B9C; background-color: white; border-color: #A54B9C; margin: 0 5px; }

#worksheet .btn-save:hover { color: rgba(165, 75, 156, 0.7); -webkit-text-fill-color: rgba(165, 75, 156, 0.7); background-color: white; border-color: rgba(165, 75, 156, 0.7); }

#worksheet .underline-within-link { text-decoration: underline; cursor: pointer; }

#worksheet .underline-within-link:hover { text-decoration: none; }

#worksheet .continue-draft { background-color: #e07a29; border: 1px solid #e06824; padding: 10px; border-radius: 5px; display: block; margin-bottom: 20px; font-size: 15px; color: white; -webkit-text-fill-color: white; text-align: center; }

#worksheet .continue-draft:hover { background-color: #da6921; border: 1px solid #cb5e21; text-decoration: none; }

#worksheet .td-padding { padding: 15px; }

#worksheet .no-bold { font-weight: normal; }

#worksheet .bold { font-weight: bold; }

#worksheet .large-view { position: static; margin: 0 auto; float: none; width: 890px !important; }

#worksheet .large-width { width: auto !important; }

#worksheet .worksheet-block { max-width: 845px; }

#worksheet .valign-top { vertical-align: top; }

#worksheet div.block .checkbox { padding-left: 0; }

#worksheet .quarter-text { margin-left: 20px; }

#worksheet .quarter-text input { width: 25%; margin-top: 10px; }

#worksheet .tall-textarea textarea { min-height: 200px; }

#worksheet .med-textarea textarea { min-height: 150px; }

#worksheet .btn-dismiss:hover, #worksheet .btn-exit:hover { text-decoration: underline; color: #A54B9C; }

#worksheet .mtop20 { margin-top: 20px; }

#worksheet .mtop10 { margin-top: 10px; }

#worksheet .mbot10 { margin-bottom: 10px; }

#worksheet .worksheet-block { overflow: auto; border-radius: 0 0 5px 5px; border-top: 5px solid #1FAEDF; margin-top: 30px; }

#worksheet .worksheet-block .section { padding: 0; }

#worksheet .worksheet-block h1 { text-align: center; font-size: 2.2em; font-weight: 500; margin: 0 0 10px 0; padding: 0; }

#worksheet .worksheet-block h2 { margin: 15px 0 20px 0; font-weight: 500; color: white; font-size: 1.4em; }

#worksheet .worksheet-block h2 { margin: 15px 0 15px 0; padding: 0 0 7px 0; color: #222222; border-bottom: 1px solid #EEEEEE; }

#worksheet .worksheet-block ul, #worksheet .worksheet-block ol { padding-left: 20px; }

#worksheet .worksheet-block ol li { padding-left: 10px; }

#worksheet .worksheet-block h3 { margin-bottom: 0; }

#worksheet .worksheet-block .rounded-corners { border-radius: 5px; }

#worksheet .worksheet-block .short-textarea textarea { height: 40px; }

#worksheet .worksheet-block .green-box { background-color: #CDE8CC; padding: 10px; }

#worksheet .worksheet-block .blue-box { background-color: #D3E7F2; padding: 10px; }

#worksheet .worksheet-block .yellow-box { padding: 10px; background-color: #F2EACB; }

#worksheet .worksheet-block .red-box { padding: 10px; background-color: #F2CBCB; }

#worksheet .worksheet-block .red-bg { background-color: #ef1717; }

#worksheet .worksheet-block .yellow-bg { background-color: #ecd919; }

#worksheet .worksheet-block .orange-bg { background-color: #ff7d0f; }

#worksheet .worksheet-block .gray-bg { background-color: #DDDDDD; }

#worksheet .worksheet-block .clear-radio input[type="radio"]:checked:before { content: ""; display: block; position: relative; top: 3px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: #222222; }

#worksheet .worksheet-block .form-group { margin-bottom: 25px; }

#worksheet .worksheet-block .form-group textarea { border-radius: 0; }

#worksheet .worksheet-block .two-column-boxes > div { display: inline-block; width: 48.5%; margin-top: 20px; min-height: 235px; vertical-align: top; }

#worksheet .worksheet-block .two-column-boxes > div:nth-child(even) { float: right; }

#worksheet .worksheet-block .two-column-boxes > div.blue-bg { background-color: #e0edef; padding: 10px; }

#worksheet .worksheet-block .two-column-boxes > div.no-margin-top { margin-top: 0; }

#worksheet .worksheet-block .two-column-boxes > div.min-height-165 { min-height: 165px; }

#worksheet .worksheet-block .two-column-boxes > div.min-height-158 { min-height: 158px; }

#worksheet .worksheet-block .two-column-boxes > div.min-height-372 { min-height: 372px; }

#worksheet .worksheet-block .two-column-boxes > div.box { border: 1.5px solid black; border-radius: 6px; padding: 12px; }

#worksheet .worksheet-block .two-column-boxes > div.box p { margin: 0px; }

#worksheet .worksheet-block .three-column-boxes > div { display: inline-block; width: 31.4%; margin-right: 1.5%; min-height: 280px; vertical-align: top; }

#worksheet .worksheet-block .three-column-boxes > div:last-child { margin-right: 0; }

#worksheet .worksheet-block .half-width-list { list-style-type: none; padding-left: 0; text-align: center; }

#worksheet .worksheet-block .half-width-list li { width: 49%; display: inline-block; }

#worksheet .worksheet-block .half-width-list.valign-top li { vertical-align: top; }

#worksheet .worksheet-block .half-width-list.emotion-li li { text-align: center !important; }

#worksheet .worksheet-block .third-width-list { list-style-type: none; padding-left: 0; text-align: center; }

#worksheet .worksheet-block .third-width-list li { width: 32%; padding: 10px; display: inline-block; vertical-align: top; }

#worksheet .worksheet-block .fourth-width-list { list-style-type: none; padding-left: 0; text-align: center; }

#worksheet .worksheet-block .fourth-width-list li { width: 24%; padding: 10px; display: inline-block; vertical-align: middle; }

#worksheet .worksheet-block .fourth-width-list.align-top li { vertical-align: top; }

#worksheet .worksheet-block .fourth-width-list.emotion-li li { text-align: center !important; }

#worksheet .worksheet-block .third-width-inputs input { width: 31%; margin-bottom: 20px; margin-right: 10px; display: inline-block; }

#worksheet .worksheet-block .narrow-width-list { list-style-type: none; padding-left: 0; text-align: center; width: 90%; }

#worksheet .worksheet-block .narrow-width-list li { width: 49%; display: inline-block; }

#worksheet .worksheet-block .narrow-width-list.list-with-padding li { margin: 5px 0; text-align: left; }

#worksheet .worksheet-block .narrow-width-list .inline-short-input input { margin-right: 5px; }

#worksheet .worksheet-block .third-width-checkboxes .checkbox { padding-left: 0; width: 32%; vertical-align: top; margin-top: 5px; margin-bottom: 5px; display: inline-block; }

#worksheet .worksheet-block .half-width-checkboxes .checkbox { padding-left: 0; width: 49%; vertical-align: top; margin-top: 5px; margin-bottom: 5px; display: inline-block; }

#worksheet .worksheet-block .checkbox-centered .checkbox { padding-left: 0; }

#worksheet .worksheet-block .checkbox-centered .checkbox input[type="checkbox"] { position: static; }

#worksheet .worksheet-block .radio-left .radio { padding-left: 0; }

#worksheet .worksheet-block .smaller-text { font-size: 12px; }

#worksheet .worksheet-block .smallest-text { font-size: 10px; }

#worksheet .worksheet-block .key { margin-bottom: 20px; }

#worksheet .worksheet-block .key .key-item { margin-bottom: 7px; }

#worksheet .worksheet-block .key .key-item .key-color, #worksheet .worksheet-block .key .key-item .key-text { display: inline-block; vertical-align: middle; font-weight: bold; }

#worksheet .worksheet-block .key .key-item .key-color { width: 20px; height: 20px; border: 1px solid #444444; }

#worksheet .worksheet-block .key .key-item .key-text { margin-left: 5px; }

#worksheet .worksheet-block .no-bullet { list-style-type: none; padding-left: 0; text-align: center; }

#worksheet .worksheet-block .no-bullet li { margin-bottom: 15px; }

#worksheet .worksheet-block .no-bullet-left { list-style-type: none; padding-left: 0; }

#worksheet .worksheet-block .no-bullet-left li { margin-bottom: 15px; }

#worksheet .worksheet-block .prompt-response { margin-bottom: 20px; }

#worksheet .worksheet-block .small-gray-text { color: #888888; font-size: 13px; margin-top: 2px; font-style: italic; }

#worksheet .worksheet-block .italic-gray-text { color: #666666; font-style: italic; }

#worksheet .worksheet-block .ul-no-padding { padding-left: 0; }

#worksheet .worksheet-block .block-margin { display: block; margin-bottom: 10px; }

#worksheet .worksheet-block .width-md-center { width: 80%; display: block; margin: 0 auto; }

#worksheet .worksheet-block .width-sm-center { width: 40%; display: block; margin: 0 auto; }

#worksheet .worksheet-block .larger-text { font-size: 18px; }

#worksheet .worksheet-block .larger-bold { font-size: 18px; font-weight: bold; }

#worksheet .worksheet-block .highlight-box { padding: 10px 15px 15px 15px; margin-bottom: 25px; border: 1px solid #DDDDDD; }

#worksheet .worksheet-block .highlight-box .form-group { margin-bottom: 0; }

#worksheet .worksheet-block .highlight-rounded-box { padding: 10px 15px 15px 15px; margin-top: 10px; margin-bottom: 20px; border: 2px solid black; border-radius: 10px; }

#worksheet .worksheet-block .highlight-rounded-box .form-group { margin-bottom: 0; }

#worksheet .worksheet-block .underlined { border-bottom: 1px solid #888888; margin-bottom: 10px; padding-bottom: 5px; }

#worksheet .worksheet-block .gray-box { padding: 15px; background-color: #EEEEEE; margin: 20px 0; }

#worksheet .worksheet-block .gray { background-color: #EEEEEE; }

#worksheet .worksheet-block .small-font-textarea textarea { font-size: 13px; }

#worksheet .worksheet-block .element-inline-input > div { display: inline-block; vertical-align: top; }

#worksheet .worksheet-block .element-inline-input div:first-child { width: 4%; }

#worksheet .worksheet-block .element-inline-input div:last-child { width: 94%; }

#worksheet .worksheet-block .inline-short-input input { width: 80px; display: inline; margin-left: 10px; }

#worksheet .worksheet-block .element-inline-input-labels > div { display: inline-block; vertical-align: top; }

#worksheet .worksheet-block .element-inline-input-labels div:first-child { width: 25%; }

#worksheet .worksheet-block .element-inline-input-labels div:last-child { width: 73%; }

#worksheet .worksheet-block .numbered-input input, #worksheet .worksheet-block .numbered-input textarea { display: inline; width: 94%; vertical-align: top; margin-left: 5px; }

#worksheet .worksheet-block .rating-input { margin-bottom: 20px; }

#worksheet .worksheet-block .rating-input > div { display: inline-block; vertical-align: middle; }

#worksheet .worksheet-block .rating-input div:first-child { width: 25%; }

#worksheet .worksheet-block .rating-input div:last-child { width: 73%; text-align: left; font-size: 18px; padding-left: 15px; }

#worksheet .worksheet-block .rating-input.vtop > div { vertical-align: top; }

#worksheet .worksheet-block .substance > div { margin-top: 20px; margin-bottom: 5px; }

#worksheet .worksheet-block .substance > div input { margin-top: 5px; width: 25%; }

#worksheet .worksheet-block .substance > div input[type="text"] { height: 40px; }

#worksheet .worksheet-block .substance > div textarea { margin-top: 5px; height: 40px; }

#worksheet .worksheet-block .mobile-tall-textarea textarea { height: 150px; }

#worksheet .worksheet-block .large-bold { font-weight: bold; font-size: 16px; }

#worksheet .worksheet-block .small { font-size: 12px; }

#worksheet .worksheet-block .gen-table-100 { width: 100%; border: 1px solid #888888; margin-bottom: 20px; }

#worksheet .worksheet-block .gen-table-100 td { padding: 8px 10px; border: 1px solid #888888; }

#worksheet .worksheet-block .gen-table-100.no-border { border-collapse: collapse; border: none; }

#worksheet .worksheet-block .gen-table-100.no-border td { border: none !important; }

#worksheet .worksheet-block .gen-table-100.gray { background-color: #EEEEEE; }

#worksheet .worksheet-block .gen-table-100.max-500 { max-width: 500px; margin: 0 auto; }

#worksheet .worksheet-block .gen-table-100 tr.border-bottom { border-bottom: 1px solid #888888; }

#worksheet .worksheet-block .gen-table-100 tr.light-border-bottom td { border-bottom: 1px solid #DDDDDD; }

#worksheet .worksheet-block .gen-table-100 td.even-score { width: 80px; }

#worksheet .worksheet-block .gen-table-100 .rating { font-size: 16px; font-weight: bold; text-align: center; width: 45px; }

#worksheet .worksheet-block .gen-table-100.table-centered-inputs { padding: 7px; }

#worksheet .worksheet-block .gen-table-100.table-centered-inputs .radio, #worksheet .worksheet-block .gen-table-100.table-centered-inputs .checkbox { padding-left: 0; text-align: center; }

#worksheet .worksheet-block .gen-table-100.table-centered-inputs .radio label, #worksheet .worksheet-block .gen-table-100.table-centered-inputs .checkbox label { padding-left: 0; }

#worksheet .worksheet-block .gen-table-100.table-centered-inputs .radio input, #worksheet .worksheet-block .gen-table-100.table-centered-inputs .checkbox input { margin: 6px 0 0 -6px; }

#worksheet .worksheet-block .gen-table-100.striped-table-rows tr:nth-child(odd) { background-color: white; }

#worksheet .worksheet-block .gen-table-100.striped-table-rows tr:nth-child(even) { background-color: #F5F5F5; }

#worksheet .worksheet-block .gen-table-100.lg-mobile { width: 30%; }

#worksheet .worksheet-block .gen-table-100.large-worksheet { width: 800px; }

#worksheet .worksheet-block .gen-table-100.sleep-diary tr td:nth-child(odd) { background-color: #F5F5F5; }

#worksheet .worksheet-block .gen-table-100.sleep-diary tr td:nth-child(even) { background-color: white; }

#worksheet .worksheet-block .gen-table-100.sleep-diary td { border: 0; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .morning-day-header td { text-align: center; font-weight: bold; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .morning-day-header td:nth-child(odd) { background-color: #FFD36B !important; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .morning-day-header td:nth-child(even) { background-color: #F7C44D !important; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .night-day-header td { text-align: center; font-weight: bold; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .night-day-header td:nth-child(odd) { background-color: #A1CAED !important; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .night-day-header td:nth-child(even) { background-color: #7EB1DE !important; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .orange-bg td { background-color: #FAE6B6 !important; border-top: 1px solid #F2BE44; border-bottom: 1px solid #F2BE44; }

#worksheet .worksheet-block .gen-table-100.sleep-diary .blue-bg td { background-color: #BFE1FF !important; border-top: 1px solid #5EA6E6; border-bottom: 1px solid #5EA6E6; }

#worksheet .worksheet-block .gen-table-100.no-margin { margin: 0px; border-collapse: collapse; border: none; }

#worksheet .worksheet-block .gen-table-100.no-margin td { border: none !important; }

#worksheet .worksheet-block .closed-box { padding: 5px; border: 1px solid #888888; }

#worksheet .worksheet-block .option-table { text-align: center; width: 80%; border: 1px solid #C2C2C2; }

#worksheet .worksheet-block .option-table tr:first-child td { padding: 2px; font-weight: bold; }

#worksheet .worksheet-block .option-table .green-bg { background-color: rgba(95, 170, 65, 0.2); }

#worksheet .worksheet-block .option-table .blue-bg { background-color: #E3F4FA; }

#worksheet .worksheet-block .option-table td { border: 1px solid #C2C2C2; padding: 5px; }

#worksheet .worksheet-block .option-table .radio { padding-left: 0; text-align: center; }

#worksheet .worksheet-block .option-table .radio label { padding-left: 0; }

#worksheet .worksheet-block .option-table .radio label input { position: static; margin-left: 0; }

#worksheet .worksheet-block .rating-table { width: 100%; text-align: center; border: 1px solid #c2c2c2; }

#worksheet .worksheet-block .rating-table tr td:first-child { text-align: left; }

#worksheet .worksheet-block .rating-table tr td { border: 1px solid #C2C2C2; padding: 5px; }

#worksheet .worksheet-block .rating-table .radio { padding-left: 0; }

#worksheet .worksheet-block .rating-table .rating-table-score { width: 60px; font-size: 11px; }

#worksheet .worksheet-block .text-right-mobile-left { text-align: right; }

#worksheet .worksheet-block .striped-rows p { padding: 10px; }

#worksheet .worksheet-block .striped-rows p:nth-child(odd) { background-color: #F5F5F5; }

#worksheet .worksheet-block .refnrew-logo-sizing { max-width: 200px; }

#worksheet .worksheet-block .thermometer-sizing { height: 430px; width: auto; }

#worksheet .worksheet-block .thermometer-position { display: flex; align-items: center; justify-content: center; }

#worksheet .worksheet-block .radio-thermometer-position { margin: 20px 50px 0 0; }

#worksheet .worksheet-block .thermometer-hr { margin: 15px 0; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; }

#worksheet .therapist-aid-link { margin-top: 20px; }

#worksheet .rating-table { width: 100%; text-align: center; border: 1px solid #c2c2c2; }

#worksheet .rating-table tr td:first-child { text-align: left; }

#worksheet .rating-table tr td { border: 1px solid #C2C2C2; padding: 5px; }

#worksheet .rating-table tr.total-score-row, #worksheet .rating-table tr.table-score-note { border-color: transparent; }

#worksheet .rating-table tr.total-score-row td, #worksheet .rating-table tr.table-score-note td { border-color: transparent; }

#worksheet .rating-table .table-score-note-content { text-align: right !important; position: relative; top: -25px; }

#worksheet .rating-table .radio { padding-left: 0; }

#worksheet .rating-table .rating-table-score { width: 60px; font-size: 11px; }

#worksheet .rating-table .highlight-box { padding: 10px 15px 15px 15px; margin-bottom: 25px; border: 1px solid #DDDDDD; }

#worksheet .rating-table .highlight-box .form-group { margin-bottom: 0; }

#worksheet .rating-table .highlight-box.no-padding { padding: 0; }

#worksheet .rating-table .highlight-box.disabled { background-color: #EEEEEE; }

#worksheet #total { cursor: not-allowed; max-width: 50px; text-align: center; padding: 10px; position: relative; top: 12px; border-radius: 5px; }

@media (max-width: 400px) { #worksheet #worksheet .wrap-400 td.col-xs-6 { width: 100% !important; } }

@media (min-width: 768px) { #worksheet .large-font-question { font-size: 16px; } }

@media (max-width: 767px) { #worksheet .continue-draft { font-size: 15px; }
  #worksheet .worksheet-block { padding: 20px 15px; }
  #worksheet .quarter-text input { width: 100%; }
  #worksheet .btn { font-size: 14px; }
  #worksheet .second-list-xs ul { margin-top: -12px; }
  #worksheet .mtop20-xs { margin-top: 20px; }
  #worksheet .mobile-small-font { font-size: 11px; }
  #worksheet .mobile-small-font textarea { font-size: 12px; }
  #worksheet .mobile-small-width { width: 60%; }
  #worksheet .mobile-smaller-width { width: 50%; }
  #worksheet .worksheet-block .short-textarea textarea { height: auto; }
  #worksheet .worksheet-block .clear-radio.mobile-clear-radio input[type="radio"]:checked:before { top: 2px; }
  #worksheet .worksheet-block .xs-tall-text textarea { height: 140px; }
  #worksheet .worksheet-block .text-right-mobile-left { text-align: left; }
  #worksheet .worksheet-block .mobile-tall-textarea textarea { height: 175px; font-size: 12px; }
  #worksheet .worksheet-block .third-width-checkboxes .checkbox { display: block; width: 100%; }
  #worksheet .worksheet-block .third-width-inputs input { display: block; width: 75%; }
  #worksheet .worksheet-block .narrow-width-list { width: 100%; }
  #worksheet .worksheet-block .narrow-width-list.list-with-padding li { width: 100%; }
  #worksheet .worksheet-block h1 { font-size: 2.0em; margin: 0 0 15px 0; }
  #worksheet .worksheet-block .half-width-list { font-size: 13px; }
  #worksheet .worksheet-block .half-width-list.full-width-list-xs { font-size: 14px; }
  #worksheet .worksheet-block .half-width-list.full-width-list-xs li { width: 100%; }
  #worksheet .worksheet-block .half-width-list.full-width-list-xs.sm-padding li { padding: 5px; }
  #worksheet .worksheet-block .third-width-list li { width: 100%; padding: 5px; }
  #worksheet .worksheet-block .fourth-width-list { font-size: 13px; }
  #worksheet .worksheet-block .fourth-width-list li { width: 49%; padding: 5px; }
  #worksheet .worksheet-block .two-column-boxes > div { display: block; width: 100%; margin-top: 20px; min-height: auto; }
  #worksheet .worksheet-block .two-column-boxes > div:nth-child(even) { float: none; }
  #worksheet .worksheet-block .two-column-boxes > div.mtop20-xs { margin-top: 20px; }
  #worksheet .worksheet-block .two-column-boxes > div.min-height-165 { min-height: auto; }
  #worksheet .worksheet-block .two-column-boxes > div.min-height-158 { min-height: auto; }
  #worksheet .worksheet-block .two-column-boxes > div.min-height-372 { min-height: auto; }
  #worksheet .worksheet-block .three-column-boxes > div { display: block; width: 100%; margin-top: 20px; min-height: auto; margin-right: 0; }
  #worksheet .worksheet-block .substance > div input { width: 100%; }
  #worksheet .worksheet-block .substance > div textarea { height: auto; }
  #worksheet .worksheet-block .gen-table-100.lg-mobile { width: 100%; }
  #worksheet .worksheet-block .gen-table-100 td.even-score { width: auto; }
  #worksheet .worksheet-block .mood-chart { min-width: 900px; }
  #worksheet .worksheet-block .larger-text { font-size: 16px; }
  #worksheet .worksheet-block .numbered-input input, #worksheet .worksheet-block .numbered-input textarea { display: inline; width: 90%; }
  #worksheet .worksheet-block .small { font-size: 11px; }
  #worksheet .worksheet-block .width-md-center { width: 100%; display: block; margin: 0 auto; }
  #worksheet .worksheet-block .width-sm-center { width: 80%; }
  #worksheet .worksheet-block .element-inline-input-labels > div { display: block; }
  #worksheet .worksheet-block .element-inline-input-labels div:first-child { width: 100%; }
  #worksheet .worksheet-block .element-inline-input-labels div:last-child { width: 100%; }
  #worksheet .worksheet-block .element-inline-input.in-table div:first-child { width: 6%; }
  #worksheet .worksheet-block .element-inline-input.in-table div:last-child { width: 92%; }
  #worksheet .worksheet-block .mobile-tiny-table { font-size: 12px; }
  #worksheet .worksheet-block .mobile-tiny-table .large { font-weight: bold; font-size: 14px; }
  #worksheet .worksheet-block .mobile-tiny-table td { padding: 3px; } }

@media not all and (min-resolution: 0.001dpcm) { #worksheet .worksheet-block .clear-radio input[type="radio"]:checked:before { top: 2.5px; } }

#goals-widget + .popover .popover-content { -webkit-text-fill-color: white !important; color: white !important; }

#goals-widget { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; position: relative; }

#goals-widget #goals-tooltip { position: relative; float: right; }

#goals-widget.counselor-goal-container { border: none; margin-top: 0; padding: 0 !important; }

#goals-widget.counselor-goal-container h3.header { padding-top: 20px; margin-bottom: 10px; border-top: 1px solid #DDDDDD; }

#goals-widget #goals-widget-error { margin-left: 10px; margin-right: 10px; }

#goals-widget #goals-widget-error p { margin-bottom: 0; }

#goals-widget #goals-widget-error a { margin-top: -2px; }

#goals-widget #goals-widget-list { width: 100%; margin: 0 auto; margin: 0; width: 100%; }

#goals-widget #goals-widget-list.counselor-goal-side .goals-widget-goal .goals-widget-goal-expand { opacity: 0.5; }

#goals-widget #goals-widget-list.counselor-goal-side .goals-widget-goal:hover { background-color: #f5f5f5; border: 1px solid #E6E6E6; cursor: default; }

#goals-widget #goals-widget-list.counselor-goal-side .goals-widget-goal:hover .goals-widget-goal-expand { opacity: 0.5; cursor: pointer; }

#goals-widget #goals-widget-list.counselor-goal-side .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-info-title { cursor: default; }

#goals-widget #goals-widget-list.counselor-goal-side .goals-widget-goal-expand { opacity: 0.5; }

#goals-widget #goals-widget-list.counselor-goal-side .goals-widget-goal-expand:hover { opacity: 1 !important; }

#goals-widget #goals-widget-list .goals-widget-goal { overflow: hidden; background-color: #f5f5f5; margin-bottom: 20px; cursor: default; border: 1px solid #E6E6E6; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-expand { opacity: 0.5; }

#goals-widget #goals-widget-list .goals-widget-goal:hover { background-color: white; border: 1px solid #E6E6E6; }

#goals-widget #goals-widget-list .goals-widget-goal:hover .goals-widget-goal-expand { opacity: 1; }

#goals-widget #goals-widget-list .goals-widget-goal.expanded { background-color: white; border: 1px solid #E6E6E6; }

#goals-widget #goals-widget-list .goals-widget-goal.expanded .goals-widget-goal-expand { opacity: 0.5; }

#goals-widget #goals-widget-list .goals-widget-goal.expanded .goals-widget-goal-info { padding-top: 0; padding-bottom: 10px; }

#goals-widget #goals-widget-list .goals-widget-goal.expanded .goals-widget-goal-info .goals-widget-goal-info-title { padding: 10px; cursor: pointer; background-color: white; border-bottom: 1px solid #E6E6E6; }

#goals-widget #goals-widget-list .goals-widget-goal.expanded:hover { background-color: white; border: 1px solid #E6E6E6; }

#goals-widget #goals-widget-list .goals-widget-goal.expanded:hover .goals-widget-goal-expand { opacity: 1; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-progress { text-align: center; width: 50px; color: white; -webkit-text-fill-color: white; font-weight: bold; vertical-align: middle; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-name { font-size: 12px; color: #444444; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-name { font-size: 0.9em; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info { border-left: 1px solid #DDDDDD; vertical-align: middle; text-align: left; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-info-title { padding: 8px; text-align: left; cursor: pointer; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-info-edit { padding: 0 10px; cursor: default; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-info-edit p { font-size: 0.8em; margin-top: 10px; text-transform: uppercase; margin-bottom: 10px; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info p { margin-bottom: 10px; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-progress-slider { width: 90%; border: 1px solid #888888; height: 22px; margin: 15px auto; cursor: pointer; position: relative; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-progress-slider .goals-widget-goal-progress-slider-caret { position: absolute; top: -18px; font-size: 1.5em; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-progress-slider .goals-widget-goal-progress-slider-caret:hover { cursor: pointer; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-progress-btn-save { margin-bottom: 5px; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-expand { position: relative; top: 8px; color: #387D7A; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-expand.fa-minus, #goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-expand.fa-plus { font-size: 0.8em; }

#goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-expand.goals-widget-goal-trash { top: 4px; }

#goals-widget #goals-widget-list table { width: 100%; table-layout: fixed; }

#goals-widget h3.header { padding-top: 20px; font-size: 24px; margin-bottom: 10px; border-top: 1px solid #DDDDDD; color: #666666; }

#goals-widget h3.header { margin-bottom: 20px !important; font-size: 20px; font-weight: normal; border-top: 0; margin-top: 0; padding-top: 0; }

#goals-widget #goals-widget-add { text-align: center; }

#goals-widget #goals-widget-add p { margin: 0 auto 10px auto; }

#goals-widget #goals-widget-add #goals-widget-goal-name { margin-bottom: 20px; }

#goals-widget #goals-widget-add input { width: 80%; height: 32px; padding: 5px; border: 1px solid #DDDDDD; }

#goals-widget #goals-widget-add .btn { border: 1px solid rgba(31, 174, 223, 0.4); background-color: white; color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; display: block; margin: 0 auto; height: 30px; font-size: 14px; line-height: 20px; }

#goals-widget #goals-widget-add .btn:hover { background-color: rgba(31, 174, 223, 0.1); }

#goals-widget #goals-widget-add .cancel-goal { display: block; margin-top: 10px; }

@media (max-width: 767px) { #sessions:not(.mobile_menu) #goals-widget { margin-top: 20px; }
  #goals-widget { margin-top: 0; padding-left: 15px !important; padding-right: 15px !important; border: 0; }
  #goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-info-title { padding: 12px; }
  #goals-widget #goals-widget-desc { text-align: center; margin-top: 30px; }
  #goals-widget.counselor-goal-container { padding-left: 15px !important; padding-right: 15px !important; }
  #goals-widget.counselor-goal-container h3.header { border-top: 0; padding-top: 0; }
  #goals-widget.counselor-goal-container h3.header { border-top: 0; padding-top: 25px; }
  #goals-widget #goals-widget-add { text-align: center; margin: 10px auto; }
  #goals-widget #goals-widget-add .btn { height: 35px; font-size: 16px; line-height: 24px; }
  #goals-widget h3.header { border-top: none; text-align: center; font-size: 22px; padding-top: 0; }
  #goals-widget #sessions-link { text-align: center; display: block; }
  #goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-progress-slider .goals-widget-goal-progress-slider-caret { font-size: 2.7em; top: -30px; }
  #goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info .goals-widget-goal-progress-slider { margin: 40px auto; } }

@media (max-width: 767px) { #sessions { overflow-x: hidden; }
  #sessions #body-container #content-container { margin-top: -5px; }
  #sessions.mobile_menu { background-color: white; }
  body.mobile_menu { padding-top: 70px; }
  body.mobile_menu footer { height: 231px; }
  body.mobile_menu footer #lowerbar { display: none; }
  body.mobile_menu#counselor-index #content-container { margin-top: 18px; }
  body.mobile_menu#counselor-index header { position: fixed; }
  body.mobile_menu #body-container #content-container { margin-top: -25px; padding-top: 15px; }
  body.mobile_menu#switch_counselor { background-color: #F5F5F5; }
  body.mobile_menu#switch_counselor #body-container #content-container { padding-top: 20px; }
  body.mobile_menu#counselor-index #body-container #content-container { padding-top: 15px; }
  body.mobile_menu#about #body-container #content-container, body.mobile_menu#counselors #body-container #content-container, body.mobile_menu#press #body-container #content-container, body.mobile_menu#jobs #body-container #content-container { padding-top: 0; }
  body.mobile_menu#about #body-container #content-container #subnav, body.mobile_menu#counselors #body-container #content-container #subnav, body.mobile_menu#press #body-container #content-container #subnav, body.mobile_menu#jobs #body-container #content-container #subnav { top: 220px; }
  body.mobile_menu #body-container #content-container { padding-top: 0; padding-bottom: 30px; }
  body.mobile_menu#partner #body-container #content-container { padding-top: 0; padding-bottom: 30px; }
  body.mobile_menu#faq #body-container #content-container { padding-top: 15px; padding-bottom: 70px; }
  body.mobile_menu#account_client #body-container #content-container, body.mobile_menu#more #body-container #content-container { padding-top: 15px; padding-bottom: 45px; }
  body.mobile_menu header { height: 45px; line-height: 45px; min-height: auto; max-height: auto; overflow: hidden; }
  body.mobile_menu header #mobile-menu-back { float: left; height: 45px; line-height: 45px !important; font-size: 25px; }
  body.mobile_menu header #mobile-menu-back a { color: #444444; -webkit-text-fill-color: #444444; }
  body.mobile_menu header h2 { height: 45px; line-height: 45px; padding: 0; font-size: 16px; font-weight: normal; margin: 0; text-align: center; }
  body.mobile_menu#sessions #body-container #content-container { margin-top: -5px; padding-top: 0; }
  body.mobile_menu#sessions #scheduler button { display: block; margin: 0 auto; font-size: 16px; height: 35px; line-height: 18px; }
  body.mobile_menu#sessions #scheduler select { font-size: 16px; }
  body.mobile_menu#sessions .session-view { display: none; }
  body.mobile_menu#sessions .session-view:not([data-view="session"]) { height: 100%; padding-bottom: 52px; margin-top: -33px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] { padding-top: 40px; text-align: center; overflow-y: auto; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .schedule-title { font-size: 18px; margin-bottom: 20px; padding: 0 10px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] #scheduler-unscheduled #contact-counselor-note { padding: 0 15px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] #mobile-scheduler, body.mobile_menu#sessions .session-view[data-view="schedule"] .mobile-session-scheduler { list-style-type: none; padding-left: 10px; margin-bottom: 25px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] #mobile-scheduler li, body.mobile_menu#sessions .session-view[data-view="schedule"] .mobile-session-scheduler li { font-size: 13px; display: inline-block; height: auto; font-weight: normal; border-radius: 5px; margin-right: 10px; cursor: pointer; padding: 2px 7px; min-width: 65px; background-color: white; border: 1px solid #ccc; color: #666; -webkit-text-fill-color: #666; margin-top: 20px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker { background: transparent; width: auto; float: none; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_datepicker { width: 280px; float: none; margin: 0 auto; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_month { z-index: 2; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_timepicker { display: none; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { display: none; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_calendar { background-color: white; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_calendar td div { height: 27px; width: 27px; padding: 4px 0 0 0; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_label { background-color: transparent; }
  body.mobile_menu#sessions .session-view[data-view="worksheets"] { margin-top: 28px; padding-bottom: 70px; overflow-y: auto; }
  body.mobile_menu#sessions .session-view[data-view="worksheets"] #worksheets-widget { padding: 0 15px; }
  body.mobile_menu#sessions .session-view[data-view="worksheets"] #worksheets-widget .worksheet-item { margin-bottom: 20px; }
  body.mobile_menu#sessions .session-view[data-view="worksheets"] #worksheets-widget .client-worksheet-container .worksheet-item { border: 1px solid #d9d9d9; }
  body.mobile_menu#sessions .session-view[data-view="goals"] { margin-top: -33px; overflow-y: auto; }
  body.mobile_menu#sessions .session-view #goals-widget { background-color: transparent; }
  body.mobile_menu#sessions .session-view #goals-widget #goals-widget-list .goals-widget-goal .goals-widget-goal-info { background-color: white; }
  body.mobile_menu#sessions .session-view #goals-widget #goals-widget-desc { padding-top: 20px; }
  body.mobile_menu#sessions #entries #writer { bottom: 52px; }
  body.mobile_menu #mobile-menu { display: block; height: 52px; position: fixed; bottom: 0; z-index: 2000; background-color: white; width: 100%; display: table; table-layout: fixed; border-top: 1px solid #DDDDDD; }
  body.mobile_menu #mobile-menu .mobile-menu-row { display: table-row; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item { position: relative; text-align: center; display: table-cell; padding: 5px 0 4px 0; width: 2%; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item:last-child { border-right: 0; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active svg .active-color { fill: #1FAEDF; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active svg .white-color { fill: white; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active svg .no-color { fill: none; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item svg { height: 25px; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item svg .st0 { fill: #FFFFFF; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item svg .st1 { fill: #444444; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item svg .st2 { fill: none; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item .icon-wrapper { position: relative; height: 26px; width: 30px; margin: 0 auto; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item .mobile-menu-bubble { display: none; background-color: red; color: white; -webkit-text-fill-color: white; position: absolute; line-height: 0.3em; width: 5px; border-radius: 5px; min-width: initial; top: 2px; right: -5px; font-size: 2px; padding: 3px; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item a { color: #444; -webkit-text-fill-color: #444; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item a:visited, body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item a:hover, body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item a:active { text-decoration: none; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item a .fa { position: relative; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active a { color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active a:visited, body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active a:hover, body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item.active a:active { text-decoration: none; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item .mobile-menu-label { font-size: 11px; position: relative; line-height: 1.1em; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item .referral_notification { background-color: red; color: white; -webkit-text-fill-color: white; position: absolute; line-height: 0.3em; width: 5px; border-radius: 5px; min-width: initial; top: 2px; right: -5px; font-size: 2px; padding: 3px; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item #more_bars { position: relative; }
  #more { height: auto; padding-top: 60px; }
  #more #more-logo { margin-top: -5px; padding: 15px; text-align: center; border-bottom: 1px solid #DDDDDD; }
  #more #more-logo img { max-height: 35px; }
  #more footer { display: none; }
  #more ul.more_links { list-style-type: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0px; padding-bottom: 30px; background-color: #F5F5F5; }
  #more ul.more_links a { color: #444; -webkit-text-fill-color: #444; }
  #more ul.more_links a .special-icon { -webkit-text-fill-color: #A54B9C; padding-left: 5px; }
  #more ul.more_links a .referral_notification { background-color: red; -webkit-text-fill-color: white; margin-left: 10px; line-height: 0.3em; width: 5px; min-width: initial; font-size: 2px; padding: 3px; }
  #more ul.more_links a:visited, #more ul.more_links a:hover, #more ul.more_links a:active { text-decoration: none; }
  #more ul.more_links li { border-bottom: 1px solid #DDDDDD; padding: 12px 20px 12px 20px; background-color: white; }
  #more ul.more_links li.more-title { background-color: #F5F5F5; font-weight: bold; text-transform: uppercase; }
  #more ul.more_links li .fa-angle-right { float: right; font-size: 20px; } }

@media (max-width: 340px) { body.mobile_menu#sessions .session-view[data-view="schedule"] #scheduler-reschedule .schedule-title { margin: 10px 0; font-size: 16px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .xdsoft_datetimepicker .xdsoft_datepicker { width: 240px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] .mobile-session-scheduler, body.mobile_menu#sessions .session-view[data-view="schedule"] #mobile-scheduler { margin-top: 0; } }

@media (max-width: 767px) { #notification { display: none; background-color: #1FAEDF; color: white; border-radius: 0; top: 45px; bottom: auto; left: 0; right: 0; z-index: 999999; border: none; width: 100%; max-width: 100%; margin: 0; box-shadow: none; position: fixed; padding: 15px; }
  #notification p { margin: 0; }
  #notification a { color: white; text-decoration: underline; }
  #notification .close { color: white; opacity: 1; margin-left: 15px; } }

#modal-eap-url-information-capture .modal-center-form { text-align: center; }

#modal-eap-url-information-capture .modal-center-form .form-group { margin-left: 0; margin-right: 0; }

#modal-eap-url-information-capture .modal-center-form label { text-align: left; width: 60%; }

#modal-eap-url-information-capture #forgot_access_code { float: left; cursor: pointer; }

#modal-eap-url-information-capture #forgot_access_code { float: left; cursor: pointer; }

#modal-eap-url-information-capture #access_code_dropdown { position: relative; }

#modal-eap-url-information-capture #access_code_dropdown .fa-spinner { float: right; }

#modal-eap-url-information-capture #access_code_dropdown #access_code_list { position: absolute; }

#modal-eap-url-information-confirm #eap_url_modal_dismiss { font-size: 20px; margin-top: -10px; }

#modal-eap-url-information-capture .modal-center-form { text-align: center; }

#modal-eap-url-information-capture .modal-center-form .form-group { margin-left: 0; margin-right: 0; }

#modal-eap-url-information-capture .modal-center-form label { text-align: left; width: 60%; }

#modal-eap-url-information-capture #forgot_access_code { float: left; cursor: pointer; }

#modal-eap-url-information-capture #access_code_dropdown { position: relative; }

#modal-eap-url-information-capture #access_code_dropdown .fa-spinner { float: right; }

#modal-eap-url-information-capture #access_code_dropdown #access_code_list { position: absolute; }

#modal-eap-url-information-capture #dob_div { margin-left: 105px; margin-right: 20px; }

#modal-eap-url-information-capture #dob_div #birth_month_div { padding-right: 5px; padding-left: 2px; }

#modal-eap-url-information-capture #dob_div #birth_day_div { padding-left: 5px; padding-right: 5px; }

#modal-eap-url-information-capture #dob_div #birth_year_div { padding-left: 5px; padding-right: 20px; }

#modal-eap-url-information-capture #eap_access_code { margin-top: 3px; }

#modal-eap-url-information-confirm #eap_url_modal_dismiss { font-size: 20px; margin-top: -10px; }

#modal-not-ready .not-ready-restart, .modal-not-ready-btn { color: #1FAEDF; }

#modal-not-ready .not-ready-restart:hover, .modal-not-ready-btn:hover { color: #1FAEDF; text-decoration: underline; }

#confirm-eap-agent-revoke-modal .modal-body { padding-bottom: 15px; }

#confirm-eap-agent-revoke-modal .modal-body #revoke_for_text { font-size: 15px; margin-bottom: 15px; }

#modal-your-plan { margin-bottom: 5px; }

#modal-not-ready .btn { float: right; margin-right: 5px; }

#modal-send-note .save-note-icon-modal { width: 25px; height: auto; padding: 0 3px; }

#modal-send-note .btn-dismiss { background-color: #AF2225; color: white; -webkit-text-fill-color: white; }

#modal-send-note .btn-dismiss:hover { background-color: #9c1d20; }

#modal-cancel-edit-details .modal-body, #modal-delete-details .modal-body { padding: 30px; }

#modal-trial-after .float-right-lg { float: right; }

#modal-charity-donation .charities label { display: inline-block; height: 180px; width: 47.5%; margin: 5px; vertical-align: top; background-color: #F5F5F5; padding: 15px; font-size: 14px; line-height: 1.4em; font-weight: bold; border: 1px solid #DDDDDD; cursor: pointer; border-radius: 5px; text-align: center; }

#modal-charity-donation .charities label .charity-description { text-align: left; font-weight: normal; margin-top: 5px; font-size: 12px; }

#modal-charity-donation .charities label img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); height: 25px; display: block; margin: 5px auto 15px auto; }

#modal-charity-donation .charities label.choose { margin-left: 25%; height: 103px; }

#modal-charity-donation .charities input[type="radio"] { opacity: 0; position: fixed; width: 0; }

#modal-charity-donation .charities input[type="radio"]:checked + label { background-color: rgba(95, 170, 65, 0.2); border: 1px solid #5FAA41; }

#modal-charity-donation .charities input[type="radio"]:checked + label img { -webkit-filter: none; filter: none; }

#modal-charity-donation .charities label:hover { background-color: rgba(95, 170, 65, 0.1); }

#modal-charity-donation .charities label:hover img { -webkit-filter: none; filter: none; }

#modal-enter-emergency .emergency-disclaimer { text-align: left; }

#modal-client-feedback-switch .modal-switch { font-size: 18px; }

#modal-surge-bonus .fa-bolt { color: #eeb01d; }

.terms_modal .logo { margin-top: 10px; height: 22px; display: block; }

.terms_modal ol { -webkit-padding-start: 0px; padding-left: 0px; }

.terms_modal .modal-header { padding-bottom: 10px; }

.terms_modal .modal-body { padding-bottom: 0px; padding-top: 0px; padding-right: 15px; }

.terms_modal .fixed-height-scroll-box { height: 300px; overflow-y: scroll; padding-right: 15px; }

ul#align-icon-text { padding-left: 0; }

ul#align-icon-text li { display: inline-block; text-align: center; margin-right: 10px; font-size: 12px; text-transform: uppercase; position: relative; }

#service-offered { color: #5FAA41; font-size: 28px; margin-bottom: 5px; }

.live-session .counselor-icon-container { margin-top: 15px; margin-bottom: -5px; }

.live-session .client-icon-container { margin-top: 15px; margin-bottom: -5px; }

.live-session .pulse-ring { content: ''; width: 120px; height: 120px; border: 10px solid #C0C0C0; border-radius: 50%; position: absolute; left: 0; right: 0; top: 20px; margin: 0 auto; animation: pulsate infinite 1.5s; }

@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.3, 1.3);
    opacity: 0; } }

.live-session .modal-content { text-align: center; }

.live-session .modal-content .modal-body { padding: 15px; }

.live-session .modal-content .user-icon { height: 100px; width: 100px; border-radius: 50%; border: 2px solid #CCCCCC; margin: 0 auto 20px auto; display: block; }

.live-session .modal-content #counselor-name { font-size: 18px; text-align: center; }

.live-session .modal-footer { text-align: center; }

#modal-client-feedback .slick-slide { padding-left: 5px; }

@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.3, 1.3);
    opacity: 0; } }

#modal-phonesession-client-invite .modal-content .modal-header { padding: 40px 30px; }

#modal-phonesession-client-invite .modal-content .modal-header h2 { display: inline-block; }

#modal-phonesession-client-invite .modal-content .modal-header .user-icon { height: 70px; width: 70px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#modal-phonesession-client-invite .modal-content .modal-footer { clear: both; }

#modal-phonesession-client-invite .modal-content .modal-footer #phone-client-country { margin-bottom: 20px; }

#redirect_to_teen #eap_teen_no_redirect { text-align: center; font-size: 16px; }

@media (max-width: 767px) { #modal-phonesession-client-invite { font-size: 13px; }
  #modal-phonesession-client-invite .modal-content .modal-header { padding: 20px 20px; font-size: 12px; }
  #modal-phonesession-client-invite .modal-content .modal-header h2 { font-size: 19px; }
  #modal-phonesession-client-invite .modal-content .modal-body { padding: 8px 10px 5px 10px; }
  #modal-phonesession-client-invite .modal-content .modal-body .counselor-icon-container { margin-top: 5px; margin-bottom: -5px; }
  #modal-phonesession-client-invite .modal-content .modal-body .counselor-icon-container .user-icon { height: 75px; width: 75px; margin: 12px auto 18px auto; }
  #modal-phonesession-client-invite .modal-content .modal-body .counselor-icon-container .pulse-ring { height: 85px; width: 85px; top: 15px; }
  #modal-phonesession-client-invite .modal-content .modal-footer { padding: 10px 15px; } }

#modal-vacation-scheduler .mtop15 { margin-top: 15px; }

#failed_enter_payment #card_on_file { padding-top: 15px; }

#failed_enter_payment #card_on_file #card_file { padding-right: 10px; }

#failed_enter_payment #card_on_file #cc_icon { width: 9%; padding-left: 5px; position: relative; top: -2px; }

#failed_enter_payment #gathercc-errors { margin-top: 17px; }

.datepicker { z-index: 9999 !important; }

#modal-available #daily_average { display: inherit; margin-left: -2px; margin-top: 5px; }

#referral-program-modal .tooltip-arrow { display: none; }

#referral-program-modal .highlight-box { padding: 5px; margin-bottom: 25px; border: 1px solid #ddd; }

#referral-program-modal #one_week_free { color: #5FAA41; }

#referral-program-modal #accordion .panel-heading { cursor: pointer; display: block; position: relative; }

#referral-program-modal #accordion .panel-heading a { display: block; }

#referral-program-modal #accordion .panel-heading[data-toggle="collapse"]:after { content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; color: black; font-size: 22px; line-height: 22px; right: 435px; top: calc(50% - 10px); }

#referral-program-modal #accordion .panel-heading[data-toggle="collapse"].collapsed:after { /* rotate "play" icon from > (right arrow) to v (down arrow) */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

#referral-program-modal #accordion .panel-body { padding: 10px; }

#referral-program-modal #referral_links input { height: 0; opacity: 0; }

#referral-program-modal #referral_links textarea { margin: 20px 0; }

#referral-program-modal #referral_links .wrapper-referral-links { display: inline-block; width: 50%; }

#referral-program-modal #referral_links .referral_btn { display: inline-block; vertical-align: middle; }

#referral-program-modal #referral_links .referral_btn.referral_with_icon { width: 55px; height: auto; text-align: center; font-size: 13px; }

#referral-program-modal #referral_links .referral_btn.referral_with_icon .text-icon { position: relative; left: 3px; }

#referral-program-modal #referral_links .referral_btn.referral_with_icon img { width: 35px; height: auto; margin-bottom: 5px; border: 0; }

#referral-program-modal #referral_links .btn.btn-default.referral_btn { margin-right: 50px; }

#aggressive-referral-program-modal .highlight-box { padding: 5px; margin-bottom: 5px; width: 100%; border: 1px solid #ddd; }

#aggressive-referral-program-modal #copy_referral_link { cursor: pointer; }

#aggressive-referral-program-modal #referral_link_text { width: 100%; padding: 5px; }

#aggressive-referral-program-modal #one_week_free { color: #5FAA41; }

#aggressive-referral-program-modal .referral-explanation { display: block; margin-bottom: 10px; }

#aggressive-referral-program-modal .referral-explanation p { display: inline-block; }

#aggressive-referral-program-modal .referral-explanation p #referral_explanation_tooltip { color: #5FAA41; }

#aggressive-referral-program-modal #give_week { margin-left: 20px; }

#aggressive-referral-program-modal #give_week label { font-weight: normal; display: inline-block; }

#aggressive-referral-program-modal #give_week label #give_friend_week { top: 3px; }

#aggressive-referral-program-modal #give_week #give_friend_week_tooltip { color: #5FAA41; }

#aggressive-referral-program-modal .social-links { text-align: center; }

#aggressive-referral-program-modal .social-links a { margin-right: 5px; font-size: 14px; }

#aggressive-referral-program-modal .social-links a i { font-size: 16px; margin-right: 7px; }

#aggressive-referral-program-modal .social-links #share_facebook { background-color: #3b5998; }

#aggressive-referral-program-modal .social-links #share_facebook:hover { background-color: #30497c; }

#aggressive-referral-program-modal .social-links #share_twitter { background-color: #00acee; }

#aggressive-referral-program-modal .social-links #share_twitter:hover { background-color: #0090c8; }

.referral_share { text-align: center; cursor: pointer; }

@media (max-width: 767px) { #daily_average { border: 2px solid #DDDDDD; border-radius: 5px; } }

@media (max-width: 767px) { #refer_to_faithful .modal-footer { text-align: center; }
  #refer_to_faithful .modal-footer #dont-redirect-faithful { margin-top: 10px; } }

#modal-opt-in .modal-body { color: black; font-weight: normal; padding: 30px; }

#modal-opt-in .modal-body .eu_flag_div { padding: 0; text-align: center; }

#modal-opt-in .modal-body .eu_flag_div h2 { display: block; margin: 20px 0; font-weight: bold; }

#modal-opt-in .modal-body .eu_flag_div h2 { font-weight: bold; color: black; }

#modal-opt-in .modal-body .eu_flag_div .eu_flag { width: 100px; height: 100px; position: relative; overflow: hidden; border-radius: 50%; display: inline-block; margin-top: 3px; }

#modal-opt-in .modal-body .eu_flag_div .eu_flag img { display: inline; margin: 0 auto; margin-left: -25%; height: 100%; width: auto; }

#modal-opt-in #consent_agree { margin: 10px 10px 10px 0; float: left; color: black; font-weight: normal; }

#modal-opt-in #consent_agree #consent_checkbox { margin: 5px 5px 0; }

#modal_delete_personal_data p { margin-top: -3px; }

#modal_delete_personal_data #delete_data_request { background-color: #AF2225; }

#modal_delete_personal_data .fa-exclamation-circle { color: #AF2225; }

#modal-send-testimonial #post-testimonial-link { margin-right: 5px; }

#counselor-phone-container .modal-footer em { display: block; margin-top: 15px; }

@media (max-width: 767px) { #aggressive-referral-program-modal #referral_links #referral_code_text textarea { border: 1px solid #ddd; margin-bottom: 5px; }
  #aggressive-referral-program-modal #referral_links #copy_referral_link { margin-bottom: 10px; }
  #aggressive-referral-program-modal .social-links a { margin: 10px 0; }
  #modal-trial-after #paypal-fields { min-height: 70px; }
  #modal-trial-after .float-right-lg { float: none; margin-bottom: 10px; }
  #modal-cancel-edit-details .modal-footer .btn-primary, #modal-delete-details .modal-footer .btn-primary { margin-bottom: 20px; }
  #modal-charity-donation .charities label { width: 100%; height: auto; padding: 10px; margin: 5px 0; }
  #modal-charity-donation .charities label img { margin: 5px auto 15px auto; }
  #modal-charity-donation .charities label.choose { margin-left: 0; height: auto; }
  #modal_delete_personal_data #dont_delete_data { margin-top: 5px; margin-left: 0; }
  .modal-footer { text-align: center; }
  .modal-footer .full-width { max-width: 100% !important; }
  .modal-footer .btn { display: block; clear: both; width: 100%; margin-left: 0 !important; margin-right: 0; }
  .modal-footer .btn:first-child { margin-bottom: 10px; }
  #btn-choose-this-emergency-contact { margin-bottom: 10px; }
  #modal-testimonial .modal-footer .btn { margin-bottom: 10px; }
  #modal-phone-number #phone_submit { margin-bottom: 10px; }
  #modal-not-ready-fit .modal-footer .btn:last-child, #modal-consent .modal-footer .btn:last-child, #modal-delete .modal-footer .btn:last-child { margin-top: 10px; }
  #modal-send-note .modal-footer .btn:last-child { margin-top: 20px; }
  #modal-phonesession-client-invite button#phone-reject { margin-top: 10px; }
  #sessions #modal-not-ready #modal-not-ready-fit .modal-footer .btn:last-child { margin-top: 10px; }
  #modal-shred #modal-shred-yes { margin-top: 10px; margin-bottom: 10px; }
  #modal-unstar #modal-unstar-yes { margin-top: 10px; margin-bottom: 10px; }
  #referral-program-modal #accordion .panel-heading[data-toggle="collapse"]:after { right: 190px; }
  #modal-eap-url-information-capture .modal-center-form label { width: 100%; }
  #modal-eap-url-information-capture #dob_div { margin-left: 0; margin-right: 0; }
  #modal-eap-url-information-capture #dob_div #birth_month_div { padding-right: 0; padding-left: 0; margin-bottom: 10px; }
  #modal-eap-url-information-capture #dob_div #birth_day_div { padding-right: 0; padding-left: 0; margin-bottom: 10px; }
  #modal-eap-url-information-capture #dob_div #birth_year_div { padding-right: 0; padding-left: 0; }
  #modal-eap-url-information-capture #forgot_access_code { margin-bottom: 10px; } }

.modal-live-session-rating .submit-rating { text-align: right; }

#cf-feedback-submit { margin-top: 10px; }

#cf-feedback-review-submit { margin: 10px 10px 0 0; }

#cf-feedback-review-reject { margin-top: 10px; }

.with-top-bottom-space { margin: 20px 0 20px 0; }

.modal-body { padding-top: 15px; padding-bottom: 5px; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #aggressive-referral-program-modal .social-links a { margin: 10px; width: 190px; } }

@media (max-width: 320px) { #aggressive-referral-program-modal #give_week { margin-top: 20px; }
  #aggressive-referral-program-modal #give_week label { display: inline; }
  #aggressive-referral-program-modal #give_week #give_friend_week_tooltip { display: inline; }
  #aggressive-referral-program-modal #give_week #give_friend_week { top: -1px; } }

.gather_cc #paypal-button { z-index: 1; position: relative; }

.pay-methods { margin-top: 10px; }

.pay-methods .payment_option { margin-top: 15px; margin-bottom: 5px; }

.pay-methods #credit-cards-inline, .pay-methods #paypal-inline, .pay-methods #applepay-inline { height: 30px; margin-left: 10px; }

.pay-methods #googlepay-inline { height: 30px; margin-left: 7px; }

.pay-methods label { margin-bottom: 10px; }

.promo-notice { width: 100%; margin: 15px 0 10px 0; background-color: #f3f9f1; border-radius: 5px; border: 1px solid #5FAA41; }

.promo-notice .promo-title { padding: 5px 10px; border-radius: 5px 5px 0 0; font-size: 16px; }

.fin-aid-notice, .pricing-version-promo { width: 100%; margin: 15px 0 10px 0; background-color: white; border-radius: 5px; border: 1px solid #E0AB50; font-size: 16px; }

.fin-aid-notice .fin-aid-title, .fin-aid-notice .pricing-version-promo-title, .pricing-version-promo .fin-aid-title, .pricing-version-promo .pricing-version-promo-title { background-color: #E0AB50; color: white; font-weight: bold; padding: 5px 10px; border-radius: 5px 5px 0 0; font-size: 16px; }

.fin-aid-notice .fin-aid-content, .fin-aid-notice .pricing-version-promo-content, .pricing-version-promo .fin-aid-content, .pricing-version-promo .pricing-version-promo-content { padding: 10px; }

.fin-aid-notice .fin-aid-content .cost_after_discount, .fin-aid-notice .pricing-version-promo-content .cost_after_discount, .pricing-version-promo .fin-aid-content .cost_after_discount, .pricing-version-promo .pricing-version-promo-content .cost_after_discount { font-weight: bold; }

.offer-fin-aid { margin-bottom: 20px; }

#cake_first .fin_aid_table { border: 1px solid #DDDDDD; margin: 15px auto 0 auto; max-width: 60%; }

#cake_first .fin_aid_table table { margin-top: 0; }

#choose_subscription .tooltip-inner, #add_on_plans_next_cake .tooltip-inner { max-width: 225px; width: 225px; }

#checkout-body .black-h3 { color: #444444; }

.h3-no-margin_bottom { margin-bottom: 0px; }

.consistent { margin-bottom: .7em; }

.consistent p { margin: 0; }

.consistent p:last-of-type { margin-bottom: 1em; }

.consistent h3 { margin-bottom: 0; }

.consistent .text-muted-sm { color: #777777; font-size: 16px; }

.consistent .text-muted-sm:first-of-type { margin: 0 0 .5em; }

.consistent .text-muted-sm:last-of-type { margin: 1em 0 0; }

.consistent #cake-modal #cake_first .fin-aid-notice { margin-bottom: 0; }

.consistent #cake-modal #cake_second .gather_cc { padding-bottom: 15px; }

.consistent #cake-modal #cake_second .gather_cc .form-group:last-of-type { margin-bottom: 0; }

.consistent #cake-modal #cake_second .foot-info { margin: 2em 0 0; }

.consistent .gather_cc { padding: 1em 0; }

.consistent #next #next-outer small { margin-top: 2em; }

.alternate_pay_btn { width: 200px; height: 45px; z-index: 1; position: relative; }

#modal-trial-after .alternate_pay_btn { float: right; }

#next-outer #paypal-fields { display: inline-block; }

#next-outer .alternate_pay_btn#applepay-checkout, #next-outer .alternate_pay_btn.googlepay-selected { width: auto; height: auto; }

#subscribe_cannot_afford_wrapper { display: flex; }

.slicker-stripe.StripeElement { margin: 14px 0 14px; max-width: 500px; box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; }

.slicker-stripe.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }

.slicker-stripe.StripeElement--invalid { border-color: #d9534f; }

.slicker-stripe.StripeElement--complete { border-color: #5cb85c; }

.slicker-stripe.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

.checkbox-option { margin-bottom: 20px; }

.checkbox-option label { font-weight: normal; }

.checkbox-option input[type="checkbox"] { margin-right: 3px; position: relative; top: 2px; float: left; }

.checkbox-option .label-text { margin-left: 20px; }

#checkout-body { width: 100%; }

#checkout-body .checkbox-option { margin-top: 20px; margin-bottom: 0; }

.charity-payment-message { margin-top: 10px; margin-bottom: 20px; }

.charity-payment-message a { cursor: pointer; }

@media (min-width: 500px) and (max-width: 767px) { #next-outer .alternate_pay_btn { margin-bottom: 10px; }
  #next-outer .alternate_pay_btn#paypal-button { margin-bottom: 17px; }
  #next-outer .googlepay-selected { margin-bottom: 10px; } }

@media (max-width: 767px) { .pay-methods #credit-cards-inline, .pay-methods #paypal-inline, .pay-methods #applepay-inline, .pay-methods #googlepay-inline, #next .pay-methods #credit-cards-inline, #next .pay-methods #paypal-inline, #next .pay-methods #applepay-inline, #next .pay-methods #googlepay-inline { height: 22px; }
  .pay-methods #googlepay-inline, #next .pay-methods #googlepay-inline { margin-left: 4px; }
  #next .pay-methods #credit-cards-inline { height: 19px; }
  .xs-next-padding { padding: 0; }
  #cake-modal-submit-no-trial-btn, #modal-not-ready-btn { min-width: 200px; }
  .consistent #cake-modal-submit-btn, .consistent #cake-modal-submit-no-trial-btn { margin-bottom: .5em; }
  #modal-trial-after .alternate_pay_btn { width: 100%; }
  #next-outer #subscribe_cannot_afford_wrapper { display: block; }
  #next-outer #paypal-fields { display: block; } }

@supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button { display: inline-block; -webkit-appearance: -apple-pay-button; -apple-pay-button-type: check-out; width: 100%; height: 100%; cursor: pointer; }
  .apple-pay-button-black { -apple-pay-button-style: black; -apple-pay-button-type: check-out; }
  .apple-pay-button-white { -apple-pay-button-style: white; }
  .apple-pay-button-white-with-line { -apple-pay-button-style: white-outline; } }

@supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button { display: inline-block; background-size: 100% 60%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; padding: 0px; box-sizing: border-box; width: 100%; height: 100%; -apple-pay-button-type: check-out; cursor: pointer; }
  .apple-pay-button-black { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black; -apple-pay-button-type: check-out; }
  .apple-pay-button-white { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; }
  .apple-pay-button-white-with-line { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white; border: .5px solid black; } }

#applepay_checkout_image_app { width: 250px; }

@media (max-width: 360px) { .pay-methods #credit-cards-inline, #next .pay-methods #credit-cards-inline { height: 15px; } }

#videotest, #videohardware { background-color: #F5F5F5; }

#videotest #cam_mic_help, #videotest #speaker_help, #videotest .network_test_finished.with_tips, #videohardware #cam_mic_help, #videohardware #speaker_help, #videohardware .network_test_finished.with_tips { text-align: center; border-top: 1px solid #DDDDDD; margin-top: 30px; }

#videotest #cam_mic_help ul, #videotest #speaker_help ul, #videotest .network_test_finished.with_tips ul, #videohardware #cam_mic_help ul, #videohardware #speaker_help ul, #videohardware .network_test_finished.with_tips ul { text-align: left; padding-left: 20px; }

#videotest #step_label, #videohardware #step_label { margin-bottom: 20px; }

#videotest #see_hear_yourself, #videohardware #see_hear_yourself { margin-top: 20px; }

#videotest #network_container, #videohardware #network_container { text-align: center; }

#videotest .opentok-hardware-setup, #videotest .opentok-hardware-setup *, #videohardware .opentok-hardware-setup, #videohardware .opentok-hardware-setup * { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

#videotest .opentok-hardware-setup strong, #videohardware .opentok-hardware-setup strong { font-weight: bold; }

#videotest .opentok-hardware-setup em, #videohardware .opentok-hardware-setup em { font-style: italic; }

#videotest .opentok-hardware-setup-loading, #videohardware .opentok-hardware-setup-loading { background: #000 url("data:image/gif;base64,R0lGODlhIAAgAPUAAAAAAEZFRxcWFyEhIisqLDEwMTQ0NTIxMi4tLicmJx4eHxkZGikpKjc2ODg3OTY1NzMzNCYlJhgXGBYVFigoKTg3ORUVFTo5OywsLR0cHTs6PDw7PSAgIBwbHCMiIy8uMCQjJD08Pj08Pj49PxsaGz8/QBISE0FAQRQUFBEREQ0NDQwLDAoKCg4ODw8PEAcHBwQEBQYGBgMDAwICAgAAAAkJCURDRUZFR0NCRAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAHAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEicDBCOS8lBbDqfgAUidDqVSlaoliggbEbX8Amy3S4MoXQ6fC1DM5eNeh0+uJ0Lx0YuWj8IEQoKd0UQGhsaIooGGYRQFBcakocRjlALFReRGhcDllAMFZmalZ9OAg0VDqofpk8Dqw0ODo2uTQSzDQ12tk0FD8APCb1NBsYGDxzERMcGEB3LQ80QtdEHEAfZg9EACNnZHtwACd8FBOIKBwXqCAvcAgXxCAjD3BEF8xgE28sS8wj6CLi7Q2PLAAz6GDBIQMLNjIJaLDBIuBCEAhRQYMh4WEYCgY8JIoDwoGCBhRQqVrBg8SIGjBkcAUDEQ2GhyAEcMnSQYMFEC0QVLDXCpEFUiwAQIUEMGJCBhEkTLoC2hPFyhhsLGW4K6rBAAIoUP1m6hOEIK04FGRY8jaryBdlPJgQscLpgggmULMoEAQAh+QQABwABACwAAAAAIAAgAAAG/0CAcEicDDCPSqnUeCBAxKiUuEBoQqGltnQSTb9CAUMjEo2woZHWpgBPFxDNZoPGqpc3iTvaeWjkG2V2dyUbe1QPFxd/ciIGDBEKChEEB4dCEwcVFYqLBxmXYAkOm6QVEaFgCw+kDQ4NHKlgFA21rlCyUwIPvLwIuV8cBsMGDx3AUwzEBr/IUggHENKozlEH19dt1UQF2AfH20MF3QcF4OEACN0FCNroBAUfCAgD6EIR8ggYCfYAGfoICBBYYE+APgwCPfQDgZAAgwTntkkQyIBCggh60HFg8DACiAEZt1kAcTHCgAEKFqT4MoPGJQERYp5UkGGBBRcqWLyIAWNGy0JQEmSi7LBgggmcOmHI+BnKAgeUCogaRbqzJ9NLKEhIIioARYoWK2rwXNrSZSgTC7haOJpTrNIZzkygQMF2RdI9QQAAIfkEAAcAAgAsAAAAACAAIAAABv9AgHBInHAwj0ZI9HggBhOidDpcYC4b0SY0GpW+pxFiQaUKKJWLRpPlhrjf0ulEKBMXh7R6LRK933EnNyR2Qh0GFYkXexttJV5fNgiFAAsGDhUOmIsQFCAKChEEF5GUEwVJmpoHGWUKGgOUEQ8GBk0PIJS6CxC1vgq6ugm+tbnBhQIHEMoGdceFCgfS0h3PhQnTB87WZQQFBQcFHtx2CN8FCK3kVAgfCO9k61PvCBgYhPJSGPUYBOr5Qxj0I8AAGMAhIAgQZGDsIIAMCxNEEOAQwAQKCSR+qghAgcQIHgZIqDhB44ABCkxUDBVSQYYOKg9aOMlBQYcFEkyokInS5oJECSZcqKgRA8aMGTRoWLOQIQOJBRaCqmDxAoYMpORMLHgaVShVq1jJpbAgoevUqleVynNhQioLokaRqpWnYirctHPLBAEAIfkEAAcAAwAsAAAAACAAIAAABv9AgHBInCgIBsNmkyQMJsSodLggNC5YjWYZGoU0iMV0Kkg8Kg5HdisKuUelEkEwHko+jXS+ctFuRG1ucSUPYmMdBw8GDw15an1LbV6DJSIKUxIHSUmMDgcJIAoKIAwNI3BxODcPUhMIBhCbBggdYwoGgycEUyAHvrEHHnVDCSc3DpgFvsuXw0MeCGMRB8q+A87YAAIF3NwU2dgZH9wIYeDOIOXl3+fDDBgYCE7twwT29rX0Y/cMDBL6+/oxSPAPoJQECBNEMGSQCAiEEUDkazhEgUIQA5pRFLJAoYeMJjYKsQACI4cMDDdmGMBBQQYSIUVaaPlywYQWIgEsUNBhgQRHCyZUiDRBgoRNFClasIix0YRPoC5UsHgBQ8YMGjQAmpgAVSpVq1kNujBhIurUqlcpqnBh9mvajSxWnAWLNWeMGDBm6K2LLQgAIfkEAAcABAAsAAAAACAAIAAABv9AgHBInCgYB8jlAjEQOBOidDqUMAwNR2V70XhFF8SCShVEDIbHo5GtdL0bkWhDEJCrmCY63V5+RSEhIw9jZCQIB0l7aw4NfnGAISUlGhlUEoiJBwZNBQkeGRkgDA8agYGTGoVDEwQHBZoHGB1kGRAiIyOTJQ92QwMFsMIDd0MJIruTBFUICB/PCJbFv7qTNjYSQh4YGM0IHNNSCSUnNwas3NwEEeFTDhpSGQTz86vtQtlSAwwEDAzs96ZFYECBQQJpAe9ESMAwgr2EUxJEiAACRBSIZCSCGDDgIsYpFTlC+UiFA0cFCnyRJNKBg4IMHfKtrIKyAwkJLmYOMQHz5gRVEzqrkFggAIUJFUEBmFggwYIJFypqJEUxAUUKqCxiBHVhFOqKGjFgzNDZ4qkKFi9gyJhBg8ZMFS3Opl3rVieLu2FnsE0K4MXcvXzD0q3LF4BewAGDAAAh+QQABwAFACwAAAAAIAAgAAAG/0CAcEicKBKHg6ORZCgmxKh0KElADNiHo8K9XCqYxXQ6ARWSV2yj4XB4NZoLQTCmEg7nQ9rwYLsvcBsiBmJjCwgFiUkHWX1tbxoiIiEXGVMSBAgfikkIEQMZGR4JBoCCkyMXhUMTFAgYCJoFDB1jGQeSISEjJQZQQwOvsbEcdUMRG7ohJSUEdgTQBBi1xsAbI7vMhQPR0ArVUQm8zCUIABYJFAkMDB7gUhDkzBIkCfb2Eu9RGeQnJxEcEkSIAGKAPikPSti4YYPAABAgPIAgcTAKgg0E8gGIOKAjnYp1Og7goAAFyDokFYQycXKMAgUdOixg2VJKTBILJNCsSYTeAlYBFnbyFIJCAlATKVgMHeJCQtAULlQsHWICaVQWL6YCUGHiao0XMLSqULECKwwYM6ayUIE1BtoZNGgsZWFWBly5U1+4nQFXq5CzfPH6BRB4MBHBhpcGAQAh+QQABwAGACwAAAAAIAAgAAAG/0CAcEgEZBKIgsFQKFAUk6J0Kkl8DljI0vBwOB6ExXQ6GSSb2MO2W2lXKILxUEJBID6FtHr5aHgrFxcQYmMLDHZ2eGl8fV6BGhoOGVMCDAQEGIgIBCADHRkDCQeOkBsbF4RDFiCWl5gJqUUZBxcapqYGUUMKCQmWlgpyQxG1IiHHBEMTvcywwkQcGyIiIyMahAoR2todz0URxiHVCAAoIOceIMHeRQfHIyUjEgsD9fUW7LIlxyUlER0KOChQMClfkQf9+hUAmKFhHINECCQs0aCDRRILTEAk4mGiCBIYJUhwsXFXwhMlRE6wYKFFSSEKTpZYicJEChUvp5iw6cLFikWcUnq6UKGCBdAiKloUZVEjxtEhLIrWeBEDxlOoLF7AgCFjxlUAMah2nTGDxtetZGmoNXs1LduvANLCJaJ2rt27ePPKCQIAIfkEAAcABwAsAAAAACAAIAAABv9AgHBIBHRABMzhgEEkFJOidCoANT+F7PJg6DIW06llkGwiCtsDpGtoPBKC8HACYhCSiDx6ue42Kg4HYGESEQkJdndme2wPfxUVBh1iEYaHDHYJAwokHRwgBQaOjxcPg0Mon5WWIKdFHR8OshcXGhBRQyQDHgMDIBGTckIgf7UbGgxDJgoKvb1xwkMKFcbHgwvM2RLRRREaGscbGAApHeYdGa7cQgcbIiEiGxIoC/X1KetFGSLvIyEgFgQImCDAQj4pEEIoFIHAgkMTKFwcLMJAYYgRBkxodOFCxUQiHkooLLEhBccWKlh8lFZixIgSJVCqWMHixUohCmDqTMmixotJGDcBhNQpgkXNGDBgBCWgs8SDFy+SwpgR9AOOGzZOfEA6dcYMGkEBTGCgIQGArjTShi3iVe1atl/fTokrVwrYunjz6t3Lt+/bIAAh+QQABwAIACwAAAAAIAAgAAAG/0CAcEgEdDwMAqJAIEQyk6J0KhhQCBiEdlk4eCmS6dSiSFCuTe2n64UYIBGBeGgZJO6JpBKx9h7cBg8FC3MTAyAgEXcUSVkfH34GkoEGHVMoCgOHiYoRChkkHQogCAeTDw0OBoRFopkDHiADYVMdCIEPDhUVB1FDExkZCsMcrHMAHgYNFboVFEMuCyShohbHRAoPuxcXFawmEuELC9bXRBEV3NwEACooFvAC5eZEHxca+BoSLSb9/S30imTIt2GDBxUtXCh0EVCKAQ0iCiJQQZHiioZFGGwIEdEAi48fa2AkMiBEiBEhLrxYGeNFjJFDFJwcMUIEjJs4YQqRSbOmjFQZM2TIgKETWQmaJTQAXTqjKIESUEs8oEGValOdDqKWKEBjCI2rIxWcgHriBAgiVHVqKDF2LK2iQ0DguFEWAdwpCW7gMHa3SIK+gAMLHky4sOGAQQAAIfkEAAcACQAsAAAAACAAIAAABv9AgHBIBCw4kQQBQ2F4MsWoFGBRJBNNAgHBLXwSkmnURBqAIleGlosoHAoFkEAsNGU4AzMogdViEB8fbwcQCGFTJh0KiwMeZ3xqf4EHlBAQBx1SKQskGRkKeB4DGR0LCxkDGIKVBgYHh0QWEhKcnxkTUyQElq2tBbhDKRYWAgKmwHQDB70PDQlDKikmJiiyJnRECgYPzQ4PC0IqLS4u0y7YRR7cDhUODAA1Kyrz5OhRCOzsDQIvNSz/KljYK5KBXYUKFwbEWNhP4MAiBxBeuEAAhsWFMR4WYVBBg8cDM2bIsAhDI5EBGjakrBCypQyTQxRsELGhJo2bNELCFKJAhM9dmkNyztgJYECIoyIuEKFBFACDECNGhDDQtMiDo1ERVI1ZAmpUEFuFPCgRtYQIWE0TnCjB9oTWrSBKrGVbAtxWAjfmniAQVsiAvCcuzOkLAO+ITIT9KkjMuLFjmEEAACH5BAAHAAoALAAAAAAgACAAAAb/QIBwSARMOgNPIgECDTrFqBRgWmQUgwEosmQQviDJNOqyLDpXThLU/WIQCM9kLGyhBJIFKa3leglvHwUEYlMqJiYWFgJ6aR5sCV5wCAUFCCRSLC0uLoiLCwsSEhMCewmAcAcFBx+FRCsqsS4piC5TCwkIHwe8BxhzQy8sw7AtKnRCHJW9BhFDMDEv0sMsyEMZvBAG2wtCMN/fMTHWRAMH29sUQjIzMzLf5EUE6A8GAu347fFEHdsPDw4GzKBBkOC+Ih8AOqhAwKAQGgeJJGjgoOIBiBGlDKi48EHGKRkqVLhA8qMUBSQvaLhgMsoAlRo0OGhZhEHMDRoM0CRiYIPPVQ0IdgrJIKLoBhEehAI4EEJE0w2uWiYIQZVq0J0DRjgNMUJDN5oJSpQYwXUEAZoCNIhdW6KBgJ0XcLANAUWojRNiNShQutRG2698N2B4y1dI1MJjggAAIfkEAAcACwAsAAAAACAAIAAABv9AgHBIBJgkHQVnwFQsitAooHVcdDIKxcATSXgHAimURUVZJFbstpugEBiDiVhYU7VcJjM6uQR1GQQECBQSYi8sKyoqeCYCEiRZA34JgIIIBE9QMDEvNYiLJqGhKEgDlIEIqQiFRTCunCyKKlISIKgIHwUEckMzMzIymy8vc0IKGKkFBQcgvb6+wTDFQx24B8sFrDTbNM/TRArLB+MJQjRD3d9FDOMHEBBhRNvqRB3jEAYGA/TFCPn5DPjNifDPwAeBYjg8MPBgIUIpGRo+cNDgYZQMDRo4qFDRYpEBDkJWeOCxSAKRFQ6UJHLgwoUKFwisFJJBg4YLN/fNPKBhg81UC6xKRhAhoqcGmSsHbCAqwmcmjwlEhGAqAqlFBQZKhNi69UE8hAgclBjLdYQGEh4PnBhbYsTYCxlKMrDBduyDpx5trF2L4WtJvSE+4F2ZwYNfKEEAACH5BAAHAAwALAAAAAAgACAAAAb/QIBwSAS0TBPJIsPsSIrQKOC1crlMFmVGwRl4QAqBNBqrrVRXlGDRUSi8kURCYRkPYbEXa9W6ZklbAyBxCRQRYlIzMzJ4emhYWm+DchQMDAtSNDSLeCwqKn1+CwqTCQwEqE9RmzONL1ICA6aoBAgUE5mcdkIZp7UICAO5MrtDJBgYwMCqRZvFRArAHx8FEc/PCdMF24jXYyTUBwUHCt67BAfpBwnmdiDpEBAI7WMK8BAH9FIdBv39+lEy+PsHsAiHBwMLFknwoOGDDwqJFGjgoCKBiLwcVNDoQBjGAhorVGjQrWCECyhFMsA44IIGDSkxKUywoebLCxQUChQRIoRNQwMln7lJQKBCiZ49a1YgQe9BiadHQ4wY4fNCBn0lTkCVOjWEAZn0IGiFWmLEBgJBzZ1YyzYEArAADZy4UOHDAFxjggAAIfkEAAcADQAsAAAAACAAIAAABv9AgHBIBLxYKlcKZRFMLMWoVAiDHVdJk0WyyCgW0Gl0RobFjtltV8EZdMJiAG0+k1lZK5cJNVl02AMgAxNxQzRlMTUrLSkmAn4KAx4gEREShXKHVYlIehJ/kiAJCRECmIczUyYdoaMUEXBSc5gLlKMMBAOYuwu3BL+Xu4UdFL8ECB7CmCC/CAgYpspiCxgYzggK0nEU1x8R2mIDHx8FBQTgUwrkBwUf6FIdBQfsB+9RHfP59kUK+fP7RCIYgDAQAcAhCAwoNEDhIIAODxYa4OAQwYOIEaPtA+GgY4MGDQFyaNCxgoMHCwBGqHChgksHCfZlOKChZssKEDQWQkAgggJNBREYPBCxoaaGCxdQKntQomnTECFEiNBQVMODDNJuOB0BteuGohBSKltgY2uIEWiJamCgc5cGHCecPh2hAYFYbRI+uCxxosIDBIPiBAEAIfkEAAcADgAsAAAAACAAIAAABv9AgHBIBNBmM1isxlK1XMWotHhUvpouk8WSmnqHVdhVlZ1IFhLTV0qrxsZlSSfTQa2JbaSytnKlUBMLHQqEAndDSDJWTX9nGQocAwMTh18uAguPkhEDFpVfFpADIBEJCp9fE6OkCQmGqFMLrAkUHLBeHK0UDAyUt1ESCbwEBBm/UhHExCDHUQrKGBTNRR0I1ggE00Qk19baQ9UIBR8f30IKHwUFB+XmIAfrB9nmBAf2BwnmHRAH/Aen3zAYMACB36tpIAYqzKdNgYEHCg0s0BbhgUWIDyKsEXABYJQMBxxUcOCgwYMDB6fYwHGiAQFTCiIwMKDhwoWRIyWuUXCihM9DEiNGhBi6QUPNCkgNdLhz44RToEGFhiha8+aBiWs6OH0KVaiIDUVvMkj5ZcGHElyDTv16AQNWVKoQlAwxwiKCSV+CAAAh+QQABwAPACwAAAAAIAAgAAAG/0CAcEgk0mYzGOxVKzqfT9pR+WKprtCs8yhbWl2mlEurlSZjVRXYMkmRo8dzbaVKmSaLBer9nHVjXyYoAgsdHSZ8WixrEoUKGXuJWS6EHRkKAySSWiYkl5gDE5tZFgocAx4gCqNZHaggEQkWrE8WA7AJFJq0ThwRsQkcvE4ZCbkJIMNFJAkMzgzKRAsMBNUE0UML1hjX2AAdCBjh3dgDCOcI0N4MHx/nEd4kBfPzq9gEBwX5BQLlB///4D25lUgBBAgAC0h4AuJEiQRvPBiYeBBCMmI2cJQo8SADlA4FHkyk+KFfkQg2bGxcaYCBqgwgEhxw0OCByIkHFjyRsGFliU8QQEUI1aDhQoUKDWiKPNAhy4IGDkuMGBE0BNGiRyvQLKBTiwAMK6eO2CBiA1GjRx8kMPlmwYcNIahumHv2wgMCXTdNMGczxAaRBDiIyhIEACH5BAAHABAALAAAAAAgACAAAAb/QIBwSCwOabSZcclkImcwWKxJXT6lr1p1C3hCY7WVasV1JqGwF0vlcrXKzJlMWlu7TCgXnJm2p1AWE3tNLG0mFhILgoNLKngTiR0mjEsuApEKC5RLAgsdCqAom0UmGaADAxKjRR0cqAMKq0QLAx4gIAOyQxK3Eb66QhK+CcTAABLEycYkCRTOCcYKDATUEcYJ1NQeRhaMCwgYGAQYGUUXD4wJCOvrAkMVNycl0HADHwj3CNtCISfy8rm4ZDhQoGABDKqEYCghr0SJEfSoDDhAkeCBfUImXGg4IsQIA+WWdEAAoSJFDIuGdAjhMITLEBsMUACRIQOIBAceGDBgsoAmVSMKRDgc0VHEBg0aLjhY+kDnTggQCpBosuBBx44wjyatwHTnTgQJmwggICKE0Q1HL1TgWqFBUwMJ3HH5pgEm0gtquTowwCAsnAkDMOzEW5KBgpRLggAAIfkEAAcAEQAsAAAAACAAIAAABv9AgHBILBqPyGSSpmw2aTOntAiVwaZSGhQWi2GX2pk1Vnt9j+EZDPZisc5INbu2UqngxzlL5Urd8UVtfC4mJoBGfCkmFhMuh0QrihYCEoaPQ4sCCx0Sl5gSmx0dnkImJB0ZChmkACapChwcrCiwA7asErYeu0MeBxGAJCAeIBG2Gic2JQ2AAxHPCQoRJycl1gpwEgnb2yQS1uAGcCAMDBQUCRYAH9XgCV8KBPLyA0IL4CEjG/VSHRjz8joJIWAthMENwJpwQMAQAQYE/IQIcFBihMEQIg6sOtKBQYECDREwmFCExIURFkNs0HDhQAIPGTI4+3Cg5oECHxAQEFgkwwVPjCI2rLzgwEGDBw8MGLD5ESSJJAsMBF3JsuhRpQYg1CxwYGcTAQQ0iL1woYJRpFi3giApZQGGCmQryHWQVCmEBDyxTOBAoGbRmxQUsEUSBAAh+QQABwASACwAAAAAIAAgAAAG/0CAcEgsGo/IpHLJbDqf0CiNNosyp1UrckqdwbRHrBcWAxdnaBjsxTYTZepXjcVyE2Nylqq1sgtjLCt7Li1+QoMuJimGACqJJigojCqQFgISBg8PBgZmLgKXEgslJyclJRlgLgusHR0ip6cRYCiuGbcOsSUEYBIKvwoZBaanD2AZHAMDHB0RpiEhqFYTyh7KCxIjJSMjIRBWHCDi4hYACNzdIrNPHQkR7wkKQgsb3NAbHE4LFBQJ/gkThhCAdu/COiUKCChk4E/eEAEPNkjcoOHCgQ5ISCRAgEEhAQYRyhEhcUGihooOHBSIMMDVABAEEMjkuFDCkQwOTl64UMFBA0hNnA4ILfDhw0wCC5IsgLCzQs+fnAwIHWoUAQWbSgQwcOrUwSZOEIYWKIBgQMAmCwg8SPnVQNihCbBCmaCAQYEDnMgmyHAWSRAAIfkEAAcAEwAsAAAAACAAIAAABv9AgHBILBqPyKRyyWw6n9CodEpV0qrLK/ZIo822w2t39gUDut4ZDAAyDLDkmQxGL5xsp8t7OofFYi8OJYMlBFR+gCwsIoQle1IxNYorKo0lClQ1lCoqLoQjJRxULC0upiaMIyElIFQqKSkmsg8lqiEMVC4WKBa9CCG2BlQTEgISEhYgwCEiIhlSJgvSJCQoEhsizBsHUiQZHRnfJgAIGxrnGhFQEgrt7QtCCxob5hoVok0SHgP8HAooQxjMO1fBQaslHSKA8MDQAwkiAgxouHDBgcUPHZBIAJEgQYSPEQYAJEKiwYUKFRo0ePAAAYgBHTooGECBAAEGDDp6FHAkwwNNlA5WGhh64EABBEgR2CRAwaOEJAsOOEj5YCiEokaTYlgKgqcSAQkeCDVwFetRBBiUDrDgZAGDoQbMFijwAW1XKRMUJKhbVGmEDBOUBAEAIfkEAAcAFAAsAAAAACAAIAAABv9AgHBILBqPyKRyyWw6n9CodEqFUqrJRQkHwhoRp5PtNPAKJaVTaf0xA0DqdUnhpdEK8lKDagfYZw8lIyMlBFQzdjQzMxolISElHoeLizIig490UzIwnZ0hmCKaUjAxpi8vGqAiIpJTMTWoLCwGGyIhGwxULCu9vQgbwRoQVCotxy0qHsIaFxlSKiYuKdQqEhrYGhUFUiYWJijhKgAEF80VDl1PJgsSAhMTJkILFRfoDg+jSxYZJAv/ElwMoVChQoMGDwy4UiJBgYIMGTp0mEBEwAEH6BIaQNABiQAOHgYMcKiggzwiCww4QGig5QEMI/9lUAAiQQQQIQdwUIDiSAdQAxoNQDhwoAACBBgIEGCQwOZNEAMoIllQQCNRokaRKmXaNMIAC0sEJHCJtcAHrUqbJlAAtomEBFcLmEWalEACDgKkTMiQQKlRBgxAdGiLJAgAIfkEAAcAFQAsAAAAACAAIAAABv9AgHBILBqPyKRyyWw6n0yFBtpcbHBTanLiKJVsWa2R4PXeNuLiouwdKdJERGk08ibgQ8mmFAqVIHhDICEjfSVvgQAIhH0GiUIGIiEiIgyPABoblCIDjzQboKAZcDQ0AKUamamIWjMzpTQzFakaFx5prrkzELUaFRRpMMLDBBfGDgdpLzExMMwDFxUVDg4dWi8sLC8vNS8CDdIODQhaKior2doADA7TDwa3Ty0uLi3mK0ILDw7vBhCsS1xYMGEiRQoX+IQk6GfAwIFOS1BIkGDBAgoULogIKNAPwoEDBEggsUAiA4kFEwVYaKHmQEOPHz8wGJBhwQISHQYM4KAgQ4dYkxIyGungEuaBDwgwECDAIEEEEDp5ZjBpIokEBB8LaEWQlCmFCE897FTQoaoSASC0bu3KNIFbEFAXmGUiIcEHpFyXNnUbIYMFLRMygGDAAAEBpxwW/E0SBAAh+QQABwAWACwAAAAAIAAgAAAG/0CAcEgsGo9I4iLJZAowuKa0uHicTqXpNLPBnnATLXOxKZnNUfFx8jCPzgb1kfAOhcwJuZE8GtlDA3pGGCF+hXmCRBIbIiEiIgeJRR4iGo8iGZJECBudGnGaQwYangyhQw4aqheBpwAXsBcVma6yFQ4VCq4AD7cODq2nBxXEDYh6NEQ0BL8NDx+JNNIA0gMODQbZHXoz3dI0MwIGD9kGGHowMN3dQhTk2QfBUzEx6ekyQgvZEAf9tFIsWNR4Qa/ekAgG+vUroKuJihYqVgisEYOIgA8KDxRAkGDJERcmTLhwoSIiiz0FNGpEgIFAggwkBEyQIGHBAgEWQo5UcdIIiVcPBQp8QICAAAMKCUB4GKAgQ4cFEiygMJFCRRIJBDayJGA0QQQQA5jChDrBhFUmE0AQLdo16dKmThegcKFFAggMLRkk2AtWrIQUeix0GPB1b9gOAkwwCQIAIfkEAAcAFwAsAAAAACAAIAAABv9AgHBInAw8xKRymVx8Sqcbc8oUEErYU4nKHS4e2LCN0KVmLthR+HQoMxeX0SgUCjcQbuXEEJr3SwYZeUsMIiIhhyIJg0sLGhuGIhsDjEsEjxuQEZVKEhcajxptnEkDn6AagqREGBeuFxCrSQcVFQ4Oi7JDD7a3lLpCDbYNDarADQ4NDw8KwEIGy9C/wAUG1gabzgzXBnjOAwYQEAcHHc4C4+QHDJU0SwnqBQXNeTM07kkSBQfyHwjmZWTMsOfu3hAQ/AogQECAHpUYMAQSxCdkAoEC/hgSACGBCQsWNSDCGDhDyYKFCwkwoJCAwwIBJkykcJGihQoWL0SOXEKCAAZVDCoZRADhgUOGDhIsoHBhE2ROGFMEUABKgCWIAQMUdFiQ1IQLFTdDcrEwQGWCBEOzHn2JwquLFTXcCBhwNsFVox1ILJiwdEUlCwsUDOCQdasFE1yCAAA7AAAAAAAAAAAA") no-repeat; background-position: 50% 50%; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-camera, #videohardware .opentok-hardware-setup .opentok-hardware-setup-camera { margin-bottom: 10px; padding: 0; overflow: auto; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-mic, #videohardware .opentok-hardware-setup .opentok-hardware-setup-mic { margin-bottom: 10px; padding: 0; overflow: auto; display: none; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-label, #videohardware .opentok-hardware-setup .opentok-hardware-setup-label { padding-top: 1px; line-height: 31px; font-weight: bold; display: none; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-selector, #videohardware .opentok-hardware-setup .opentok-hardware-setup-selector { padding: 0; margin: 0 auto 25px auto; border: 1px solid #9A9A9A; overflow: hidden; background-color: #fff; background: #fff; max-width: 300px; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-selector select::-ms-expand, #videohardware .opentok-hardware-setup .opentok-hardware-setup-selector select::-ms-expand { display: none; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-selector select, #videohardware .opentok-hardware-setup .opentok-hardware-setup-selector select { padding: 5px 8px; width: 100%; color: #414141; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-preview, #videohardware .opentok-hardware-setup .opentok-hardware-setup-preview { width: 220px; margin: 0 auto; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-camera .opentok-hardware-setup-preview, #videohardware .opentok-hardware-setup .opentok-hardware-setup-camera .opentok-hardware-setup-preview { height: 170px; margin: 0 auto; }

#videotest .opentok-hardware-setup .opentok-hardware-setup-activity-bg, #videohardware .opentok-hardware-setup .opentok-hardware-setup-activity-bg { height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22-1%200%2010%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2210px%22%20height%3D%2214px%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient1%22%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%22100%25%22%3E%3Cstop%20stop-color%3D%22%23808080%22%20stop-opacity%3D%221%22%20offset%3D%220%25%22/%3E%3Cstop%20stop-color%3D%22%23808080%22%20stop-opacity%3D%221%22%20offset%3D%22100%25%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20id%3D%22Layer%25201%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22url%28%23gradient1%29%22%20rx%3D%222.415%22%20ry%3D%222.415%22/%3E%3C/g%3E%3C/svg%3E"); /*https://codepen.io/yoksel/details/JDqvs*/ /*<svg viewBox="-1 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="10px" height="14px"><defs><linearGradient id="gradient1" x1="50%" y1="0%" x2="50%" y2="100%"><stop stop-color="#808080" stop-opacity="1" offset="0%"/><stop stop-color="#808080" stop-opacity="1" offset="100%"/></linearGradient></defs><g id="Layer%201"><rect x="0" y="0" width="7" height="14" fill="url(#gradient1)" rx="2.415" ry="2.415"/></g></svg>*/ /* <svg viewBox="-1 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="10px" height="14px"><g><rect x="0" y="0" width="7" height="14" fill="#ffffff" rx="2.415" ry="2.415"/></g></svg> */ }

#videotest .opentok-hardware-setup .opentok-hardware-setup-activity-fg, #videohardware .opentok-hardware-setup .opentok-hardware-setup-activity-fg { height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22-1%200%2010%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2210px%22%20height%3D%2214px%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient1%22%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%22100%25%22%3E%3Cstop%20stop-color%3D%22%23acd24c%22%20stop-opacity%3D%221%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%2397d000%22%20stop-opacity%3D%221%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer%25201%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%227%22%20height%3D%2214%22%20fill%3D%22url(%23gradient1)%22%20rx%3D%222.415%22%20ry%3D%222.415%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); /* <svg viewBox="-1 0 10 14" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="10px" height="14px"><defs><linearGradient id="gradient1" x1="50%" y1="0%" x2="50%" y2="100%"><stop stop-color="#acd24c" stop-opacity="1" offset="0%"/><stop stop-color="#97d000" stop-opacity="1" offset="100%"/></linearGradient></defs><g id="Layer%201"><rect x="0" y="0" width="7" height="14" fill="url(#gradient1)" rx="2.415" ry="2.415"/></g></svg> */ }

@media screen and (-webkit-min-device-pixel-ratio: 0) { #videotest .opentok-hardware-setup .opentok-hardware-setup-selector select, #videohardware .opentok-hardware-setup .opentok-hardware-setup-selector select { padding-right: 18px; } }

#videotest .container, #videotest .container .OT_subscriber, #videotest .container .OT_publisher, #videohardware .container, #videohardware .container .OT_subscriber, #videohardware .container .OT_publisher { overflow: hidden; }

#videotest #network_test_spinner, #videohardware #network_test_spinner { margin-left: 10px; }

#videotest .help, #videohardware .help { margin-top: 30px; }

#videotest #microphone_icon, #videohardware #microphone_icon { display: none; }

#videotest #see_hear_yourself, #videohardware #see_hear_yourself { font-weight: bold; font-size: large; }

#videotest #network_realtime_status, #videohardware #network_realtime_status { font-style: italic; }

#videotest .network_test_finished, #videohardware .network_test_finished { display: none; }

#videotest .btn-videotest, #videohardware .btn-videotest { margin-bottom: 10px; }

#videotest #select_camera, #videohardware #select_camera { margin-bottom: 0px; }

#advice_author .advice-blog .article_content .advice-author-portrait { margin-top: 30px; }

#advice #body-container, #advice_author #body-container, #author_list #body-container, #advice_search #body-container { background-color: #f5f5f5; }

#advice #body-container #content-container, #advice_author #body-container #content-container, #author_list #body-container #content-container, #advice_search #body-container #content-container { padding-top: 90px; }

#advice .advice-blog .feature-box, #advice_author .advice-blog .feature-box, #author_list .advice-blog .feature-box, #advice_search .advice-blog .feature-box { background-color: white; border: 1px solid #DDD; border-top: 7px solid #E36039; padding: 15px; margin-bottom: 30px; }

#advice .advice-blog div.block, #advice_author .advice-blog div.block, #author_list .advice-blog div.block, #advice_search .advice-blog div.block { background-color: transparent; }

#advice .advice-blog .list-of-articles, #advice_author .advice-blog .list-of-articles, #author_list .advice-blog .list-of-articles, #advice_search .advice-blog .list-of-articles { font-size: larger; }

#advice .advice-blog .article_content img, #advice .advice-blog .descriptive_text img, #advice_author .advice-blog .article_content img, #advice_author .advice-blog .descriptive_text img, #author_list .advice-blog .article_content img, #author_list .advice-blog .descriptive_text img, #advice_search .advice-blog .article_content img, #advice_search .advice-blog .descriptive_text img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

#advice .advice-blog .article_content, #advice_author .advice-blog .article_content, #author_list .advice-blog .article_content, #advice_search .advice-blog .article_content { word-wrap: break-word; }

#advice .advice-blog .page-description, #advice_author .advice-blog .page-description, #author_list .advice-blog .page-description, #advice_search .advice-blog .page-description { font-size: larger; }

#advice .advice-blog h1, #advice .advice-blog h2, #advice .advice-blog h3, #advice_author .advice-blog h1, #advice_author .advice-blog h2, #advice_author .advice-blog h3, #author_list .advice-blog h1, #author_list .advice-blog h2, #author_list .advice-blog h3, #advice_search .advice-blog h1, #advice_search .advice-blog h2, #advice_search .advice-blog h3 { font-family: Roboto Slab, serif; font-weight: 400; margin-top: 0; color: #555; }

#advice .advice-blog .left-column, #advice_author .advice-blog .left-column, #author_list .advice-blog .left-column, #advice_search .advice-blog .left-column { background-color: white; padding: 30px; border-radius: 10px; }

#advice .advice-blog h1, #advice_author .advice-blog h1, #author_list .advice-blog h1, #advice_search .advice-blog h1 { font-size: 28px; color: #444; }

#advice .advice-blog .article-summary, #advice_author .advice-blog .article-summary, #author_list .advice-blog .article-summary, #advice_search .advice-blog .article-summary { padding: 15px 0; margin-bottom: 20px; }

#advice .advice-blog .article-summary h2, #advice_author .advice-blog .article-summary h2, #author_list .advice-blog .article-summary h2, #advice_search .advice-blog .article-summary h2 { margin-bottom: 5px; }

#advice .advice-blog .category-list, #advice_author .advice-blog .category-list, #author_list .advice-blog .category-list, #advice_search .advice-blog .category-list { padding: 0px 30px 30px 30px; }

#advice .advice-blog .category-list h3, #advice_author .advice-blog .category-list h3, #author_list .advice-blog .category-list h3, #advice_search .advice-blog .category-list h3 { font-size: 1.3em; margin-bottom: 10px; }

#advice .advice-blog .category-list a, #advice_author .advice-blog .category-list a, #author_list .advice-blog .category-list a, #advice_search .advice-blog .category-list a { font-family: Lato, serif; color: #5faa41; font-size: 1.1em; line-height: 1.4em; margin-bottom: 10px; display: block; }

#advice .advice-blog .category-list hr, #advice_author .advice-blog .category-list hr, #author_list .advice-blog .category-list hr, #advice_search .advice-blog .category-list hr { display: none; }

#advice .advice-blog .featured-articles, #advice_author .advice-blog .featured-articles, #author_list .advice-blog .featured-articles, #advice_search .advice-blog .featured-articles { margin-top: 30px; }

#advice .advice-blog .disclaimer, #advice_author .advice-blog .disclaimer, #author_list .advice-blog .disclaimer, #advice_search .advice-blog .disclaimer { font-size: 12px; margin-top: 30px; }

#advice .advice-blog .tableofcontents, #advice_author .advice-blog .tableofcontents, #author_list .advice-blog .tableofcontents, #advice_search .advice-blog .tableofcontents { margin-top: 5px; margin-bottom: 30px; }

#advice .advice-blog .left-column hr, #advice_author .advice-blog .left-column hr, #author_list .advice-blog .left-column hr, #advice_search .advice-blog .left-column hr { margin-bottom: 30px; }

#advice .advice-blog .breadcrumbs, #advice_author .advice-blog .breadcrumbs, #author_list .advice-blog .breadcrumbs, #advice_search .advice-blog .breadcrumbs { margin-bottom: 10px; }

#advice .advice-blog .col-articles p, #advice .advice-blog .list-of-articles p, #advice_author .advice-blog .col-articles p, #advice_author .advice-blog .list-of-articles p, #author_list .advice-blog .col-articles p, #author_list .advice-blog .list-of-articles p, #advice_search .advice-blog .col-articles p, #advice_search .advice-blog .list-of-articles p { line-height: 1.4em; }

#advice .advice-blog .col-articles a.see-more, #advice_author .advice-blog .col-articles a.see-more, #author_list .advice-blog .col-articles a.see-more, #advice_search .advice-blog .col-articles a.see-more { color: #5faa41; }

#advice .advice-blog .col-articles .category-image, #advice_author .advice-blog .col-articles .category-image, #author_list .advice-blog .col-articles .category-image, #advice_search .advice-blog .col-articles .category-image { margin-bottom: 10px; }

#advice .advice-blog .list-of-articles p a, #advice_author .advice-blog .list-of-articles p a, #author_list .advice-blog .list-of-articles p a, #advice_search .advice-blog .list-of-articles p a { font-size: 0.9em; }

#advice .advice-blog .advice-slider, #advice_author .advice-blog .advice-slider, #author_list .advice-blog .advice-slider, #advice_search .advice-blog .advice-slider { background-color: #2488AB; }

#advice .advice-blog .advice-slider .advice-slider-title, #advice_author .advice-blog .advice-slider .advice-slider-title, #author_list .advice-blog .advice-slider .advice-slider-title, #advice_search .advice-blog .advice-slider .advice-slider-title { background-color: #2488AB; }

#advice .advice-blog .left-column, #advice_author .advice-blog .left-column, #author_list .advice-blog .left-column, #advice_search .advice-blog .left-column { border-radius: 0; border: 1px solid #DBDBDB; }

#advice .advice-blog h1, #advice_author .advice-blog h1, #author_list .advice-blog h1, #advice_search .advice-blog h1 { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 700; font-size: 28px; }

#advice .advice-blog h2, #advice .advice-blog h3, #advice_author .advice-blog h2, #advice_author .advice-blog h3, #author_list .advice-blog h2, #author_list .advice-blog h3, #advice_search .advice-blog h2, #advice_search .advice-blog h3 { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 400; font-size: 20px; }

#advice .advice-blog .tableofcontents, #advice_author .advice-blog .tableofcontents, #author_list .advice-blog .tableofcontents, #advice_search .advice-blog .tableofcontents { margin-top: 0; }

#advice .advice-blog .feature-box, #advice_author .advice-blog .feature-box, #author_list .advice-blog .feature-box, #advice_search .advice-blog .feature-box { background-color: #F0F7FA; border: 0; }

#advice .advice-blog .col-articles a.see-more, #advice_author .advice-blog .col-articles a.see-more, #author_list .advice-blog .col-articles a.see-more, #advice_search .advice-blog .col-articles a.see-more { color: #A54B9C; }

#advice .advice-blog .category-list a, #advice_author .advice-blog .category-list a, #author_list .advice-blog .category-list a, #advice_search .advice-blog .category-list a { color: #A54B9C; }

#advice .article-cta, #advice_author .article-cta, #author_list .article-cta, #advice_search .article-cta { margin: 35px auto; width: 100%; clear: both; text-align: center; padding: 15px; border-radius: 5px; font-size: 18px; background-color: #EBF5E6; border: 1px solid #C1DEB4; font-weight: bold; }

#advice .article-cta span, #advice_author .article-cta span, #author_list .article-cta span, #advice_search .article-cta span { display: inline-block; position: relative; top: 3px; }

#advice .article-cta a, #advice_author .article-cta a, #author_list .article-cta a, #advice_search .article-cta a { margin-top: 10px; }

#advice .article-cta.margin-small, #advice_author .article-cta.margin-small, #author_list .article-cta.margin-small, #advice_search .article-cta.margin-small { margin-bottom: 10px; }

#advice .bh-disclaimer, #advice_author .bh-disclaimer, #author_list .bh-disclaimer, #advice_search .bh-disclaimer { color: #666666; }

#advice .bh-disclaimer.margin-bottom, #advice_author .bh-disclaimer.margin-bottom, #author_list .bh-disclaimer.margin-bottom, #advice_search .bh-disclaimer.margin-bottom { margin-bottom: 10px; }

#advice .read_more_btn, #advice_author .read_more_btn, #author_list .read_more_btn, #advice_search .read_more_btn { margin: 15px 0; }

#advice .sidebar-cta, #advice_author .sidebar-cta, #author_list .sidebar-cta, #advice_search .sidebar-cta { text-align: center; padding: 10px; background-color: #ffffff; border: 1px solid #DBDBDB; border-radius: 5px; margin-bottom: 20px; }

#advice .sidebar-cta a, #advice_author .sidebar-cta a, #author_list .sidebar-cta a, #advice_search .sidebar-cta a { display: block; }

#advice .sidebar-cta .btn, #advice_author .sidebar-cta .btn, #author_list .sidebar-cta .btn, #advice_search .sidebar-cta .btn { display: block; height: auto; white-space: initial; padding: 10px; color: white; -webkit-text-fill-color: white; margin-top: 15px; margin-left: 0; line-height: 1.4em; }

#advice .author-wrap, #advice_author .author-wrap, #author_list .author-wrap, #advice_search .author-wrap { padding-top: 20px; }

#advice .author-wrap .author-image, #advice_author .author-wrap .author-image, #author_list .author-wrap .author-image, #advice_search .author-wrap .author-image { display: inline-block; width: 32%; padding: 0 10px 0 0; float: left; }

#advice .author-wrap .author-image img, #advice_author .author-wrap .author-image img, #author_list .author-wrap .author-image img, #advice_search .author-wrap .author-image img { width: 100%; }

#advice .author-wrap .author-name, #advice_author .author-wrap .author-name, #author_list .author-wrap .author-name, #advice_search .author-wrap .author-name { font-size: 16px; }

#advice .author-wrap .underline, #advice_author .author-wrap .underline, #author_list .author-wrap .underline, #advice_search .author-wrap .underline { border-bottom: 1px solid #DDDDDD; padding-top: 15px; clear: both; }

#advice .author-list, #advice_author .author-list, #author_list .author-list, #advice_search .author-list { clear: both; }

#advice .advice-sidebar-text, #advice_author .advice-sidebar-text, #author_list .advice-sidebar-text, #advice_search .advice-sidebar-text { margin: 10px 0; font-weight: bold; line-height: 1.3em; }

#advice .advice-slider, #advice_author .advice-slider, #author_list .advice-slider, #advice_search .advice-slider { background-color: #2E4057; }

#advice .advice-slider .advice-slider-title, #advice_author .advice-slider .advice-slider-title, #author_list .advice-slider .advice-slider-title, #advice_search .advice-slider .advice-slider-title { color: white; padding: 10px 20px; font-size: 18px; font-family: Roboto Slab, serif; font-weight: 300; }

#advice .advice-slider .slick-next, #advice_author .advice-slider .slick-next, #author_list .advice-slider .slick-next, #advice_search .advice-slider .slick-next { right: 15px; height: 36px; width: 36px; }

#advice .advice-slider .slick-prev, #advice_author .advice-slider .slick-prev, #author_list .advice-slider .slick-prev, #advice_search .advice-slider .slick-prev { left: 15px; z-index: 2; height: 36px; width: 36px; }

#advice .advice-slider .slick-prev:before, #advice .advice-slider .slick-next:before, #advice_author .advice-slider .slick-prev:before, #advice_author .advice-slider .slick-next:before, #author_list .advice-slider .slick-prev:before, #author_list .advice-slider .slick-next:before, #advice_search .advice-slider .slick-prev:before, #advice_search .advice-slider .slick-next:before { font-size: 36px; }

#advice .advice-slider-content a:hover, #advice_author .advice-slider-content a:hover, #author_list .advice-slider-content a:hover, #advice_search .advice-slider-content a:hover { text-decoration: none; }

#advice #advice-search, #advice_author #advice-search, #author_list #advice-search, #advice_search #advice-search { margin-bottom: 20px; }

#advice #advice-search input, #advice_author #advice-search input, #author_list #advice-search input, #advice_search #advice-search input { padding: 0 10px; border-radius: 5px 0 0 5px; width: 79%; height: 35px; }

#advice #advice-search button, #advice_author #advice-search button, #author_list #advice-search button, #advice_search #advice-search button { padding: 0 10px; border-radius: 0 5px 5px 0; width: 20%; border-width: 0; height: 35px; margin-left: -4px; }

#advice .article-cta, #advice_author .article-cta, #author_list .article-cta, #advice_search .article-cta { background-color: #f5f5f5; font-weight: 400; border-radius: 0; border: 1px solid #dbdbdb; }

#advice .advice-slider .advice-slider-title, #advice_author .advice-slider .advice-slider-title, #author_list .advice-slider .advice-slider-title, #advice_search .advice-slider .advice-slider-title { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 400; -webkit-text-fill-color: white; }

#advice .article-cta .btn, #advice_author .article-cta .btn, #author_list .article-cta .btn, #advice_search .article-cta .btn { font-weight: 400; }

#advice .sidebar-cta, #advice_author .sidebar-cta, #author_list .sidebar-cta, #advice_search .sidebar-cta { border-radius: 0; }

#advice .sidebar-cta .btn, #advice_author .sidebar-cta .btn, #author_list .sidebar-cta .btn, #advice_search .sidebar-cta .btn { padding: 5px 15px; font-weight: 400; }

#advice .advice-sidebar-text, #advice_author .advice-sidebar-text, #author_list .advice-sidebar-text, #advice_search .advice-sidebar-text { font-weight: 400; }

#advice_search .advice-blog .left-column hr { margin-bottom: 20px; }

@media (min-width: 768px) and (max-width: 991px) { #advice .sidebar-cta a, #advice_author .sidebar-cta a, #author_list .sidebar-cta a { font-size: 12px; } }

@media (max-width: 991px) { #advice .article-cta span, #advice_author .article-cta span, #author_list .article-cta span, #advice_search .article-cta span { position: static; }
  #advice .article-cta a, #advice_author .article-cta a, #author_list .article-cta a, #advice_search .article-cta a { display: block; height: auto; white-space: initial; padding: 10px; margin-top: 15px; margin-left: 0; line-height: 1.4em; } }

@media (max-width: 767px) { #advice_author .advice-blog .article_content .advice-author-portrait { max-height: 270px; width: auto; }
  #advice, #advice_author, #author_list, #advice_search { overflow-x: hidden; }
  #advice .sidebar-cta, #advice_author .sidebar-cta, #author_list .sidebar-cta, #advice_search .sidebar-cta { max-width: 300px; margin: 0 auto 20px auto; }
  #advice .advice-blog .article_content img, #advice .advice-blog .descriptive_text img, #advice_author .advice-blog .article_content img, #advice_author .advice-blog .descriptive_text img, #author_list .advice-blog .article_content img, #author_list .advice-blog .descriptive_text img, #advice_search .advice-blog .article_content img, #advice_search .advice-blog .descriptive_text img { width: 100%; height: auto; }
  #advice .advice-blog .category-list, #advice_author .advice-blog .category-list, #author_list .advice-blog .category-list, #advice_search .advice-blog .category-list { padding: 30px; }
  #advice .advice-blog .col-articles, #advice_author .advice-blog .col-articles, #author_list .advice-blog .col-articles, #advice_search .advice-blog .col-articles { margin-bottom: 30px; }
  #advice .advice-blog .col-articles, #advice_author .advice-blog .col-articles, #author_list .advice-blog .col-articles, #advice_search .advice-blog .col-articles { margin-bottom: 30px; }
  #advice .advice-blog .breadcrumbs, #advice_author .advice-blog .breadcrumbs, #author_list .advice-blog .breadcrumbs, #advice_search .advice-blog .breadcrumbs { margin-bottom: 10px; padding-left: 10px; }
  #advice .advice-blog h1, #advice_author .advice-blog h1, #author_list .advice-blog h1, #advice_search .advice-blog h1 { font-size: 22px; }
  #advice .advice-blog h2, #advice_author .advice-blog h2, #author_list .advice-blog h2, #advice_search .advice-blog h2 { font-size: 18px; }
  #advice .advice-blog .left-column, #advice_author .advice-blog .left-column, #author_list .advice-blog .left-column, #advice_search .advice-blog .left-column { padding: 20px; }
  #advice .container, #advice_author .container, #author_list .container, #advice_search .container { padding-left: 10px; padding-right: 10px; }
  #advice .advice-slider .advice-slider-title, #advice_author .advice-slider .advice-slider-title, #author_list .advice-slider .advice-slider-title, #advice_search .advice-slider .advice-slider-title { font-size: 12px; }
  #advice .advice-slider .slick-next, #advice_author .advice-slider .slick-next, #author_list .advice-slider .slick-next, #advice_search .advice-slider .slick-next { right: 10px; }
  #advice .advice-slider .slick-prev, #advice_author .advice-slider .slick-prev, #author_list .advice-slider .slick-prev, #advice_search .advice-slider .slick-prev { left: 10px; }
  #advice #advice-search input, #advice_author #advice-search input, #author_list #advice-search input, #advice_search #advice-search input { display: inline-block; vertical-align: middle; }
  #advice #advice-search button, #advice_author #advice-search button, #author_list #advice-search button, #advice_search #advice-search button { display: inline-block; vertical-align: middle; } }

@media (max-width: 991px) { #advice .article-cta a, #advice_author .article-cta a, #author_list .article-cta a, #advice_search .article-cta a { padding: 10px 20px; } }

@media (max-width: 767px) { #advice #body-container #content-container, #advice_author #body-container #content-container, #author_list #body-container #content-container, #advice_search #body-container #content-container { padding-top: 60px; padding-bottom: 20px; }
  #advice.mobile_menu #body-container #content-container, #advice_author.mobile_menu #body-container #content-container, #author_list.mobile_menu #body-container #content-container, #advice_search.mobile_menu #body-container #content-container { padding-top: 20px; padding-bottom: 70px; } }

#videosession-embed .inviting-client { background-color: #EEEEEE; padding: 1px 0; }

#videosession-embed .inviting-client p { text-align: center; font-weight: normal; font-size: 13px; margin: 10px auto; }

#videosession-embed .inviting-client img { display: inline-block; margin-right: 7px; }

#videosession-embed #videosession-controls-container .btn-primary { background-color: #dc8e1a; }

#videosession-embed #videosession-controls-container .btn-primary:hover { background-color: #b47a12; }

#videosession-embed #videosession-controls-container #videosession-reposition { position: absolute; color: white; opacity: .4; z-index: 1010; }

#videosession-embed #videosession-controls-container #videosession-reposition:hover { cursor: pointer; text-decoration: none; }

#videosession-embed #videosession-controls-container .videosession-reposition-top-right { transform: rotate(45deg); left: 1px; bottom: 0px; }

#videosession-embed #videosession-controls-container .videosession-reposition-lower-left { transform: rotate(225deg); right: 1px; top: -15px; }

#videosession-embed #videosession-waiting-client-camera { color: white; }

#videosession-embed #publisher video, #videosession-embed #subscriber video { height: 100%; max-height: 100%; width: 100%; max-width: 100%; }

.hd.videosession-mini { min-height: 253px !important; }

.hd.videosession-mini #video-session-container { height: 194px !important; }

.hd.videosession-mini .publisherPIP { height: 45px; bottom: 10px; }

.hd.videosession-standard #video-session-container { width: 100%; height: calc(51vw + 150px); }

.hd.videosession-standard #video-session-container.small-self-video { height: calc(51vw + 68px) !important; }

.hd.videosession-standard #video-session-container.small-self-video #subscriber { height: calc(100% - 68px) !important; top: 73px !important; }

.hd.videosession-standard #video-session-container #subscriber { height: calc(100% - 140px); top: 140px; }

.hd.videosession-standard #video-session-container .publisherPIP { width: 240px; height: 135px; position: absolute; bottom: inherit; top: -5px; right: inherit; left: 50%; margin-left: -120px; z-index: 10; }

.hd.videosession-standard #video-session-container .publisherPIPSmall { width: 120px !important; height: 68px !important; margin-left: -60px !important; top: 0px !important; }

.hd.videosession-full #video-session-container { width: 177.77vh !important; }

.hd.videosession-lower-left .inviting-client { bottom: 255px; }

.videosession-mini { position: fixed; z-index: 1000; min-height: 314px; width: 350px; background-color: #292929; }

.videosession-mini .inviting-client { position: absolute; width: 100%; border: 1px solid #DDDDDD; border-bottom: 0; }

.videosession-mini .inviting-client p { font-weight: normal; font-size: 12px; margin: 10px auto; }

.videosession-mini #videosession-controls-container { position: absolute; bottom: -51px; width: 100%; }

.videosession-mini #video-session-container { height: 258px; width: 344px; left: 3px; top: 3px; bottom: 70px; position: absolute; }

.videosession-mini #jitsi-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.videosession-mini .publisherOnly { width: 100%; height: 100%; position: absolute; z-index: 10; }

.videosession-mini #subscriber { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.videosession-mini .publisherPIP { width: 80px; height: 60px; position: absolute; bottom: 15px; right: 15px; z-index: 11; }

.videosession-mini #videosession-reposition { display: inline; }

.videosession-top-right { top: 0; right: 15px; }

.videosession-top-right .inviting-client { bottom: -50px; }

.videosession-lower-left { bottom: 0; left: 15px; }

.videosession-lower-left .inviting-client { bottom: 314px; }

.videosession-lower-left #videosession-controls-container .button-row { bottom: 8px; }

.videosession-standard { position: fixed; bottom: 0; left: 0; z-index: 1000; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); }

.videosession-standard #video-session-container { max-width: 90vw; width: 120vh; height: 67.5vw; max-height: 90vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.videosession-standard #videosession-controls-container { position: fixed; bottom: 5px; left: 50%; transform: translate(-50%, 0); z-index: 20; }

.videosession-standard #videosession-controls-container .button-row { bottom: 6px; }

.videosession-standard #jitsi-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.videosession-standard #subscriber { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.videosession-standard .publisherPIP { width: 240px; height: 180px; position: absolute; bottom: 25px; right: 25px; z-index: 10; }

.videosession-standard .publisherPIPSmall { width: 120px !important; height: 90px !important; }

.videosession-standard .publisherOnly { width: 100%; height: 100%; position: absolute; z-index: 10; }

.videosession-standard #videosession-waiting-client-camera { font-size: 22px; }

.videosession-standard #videosession-reposition { display: none; }

.videosession-standard .inviting-client { position: absolute !important; z-index: 125 !important; top: 0 !important; left: 0 !important; height: 50px !important; width: 100% !important; }

.videosession-full #video-session-container { max-width: 100vw !important; width: 133.33vh !important; height: 100vw !important; max-height: 100vh !important; }

#videosession-controls-container { text-align: center; }

#videosession-controls-container button { margin-right: 5px; }

#videosession-controls-container .button-row { position: relative; bottom: 10px; }

#videosession-controls-container .button-row .video-setting { height: 30px; padding: 0; margin-right: 5px; background-color: #292929; color: white; -webkit-text-fill-color: white; }

#videosession-controls-container .button-row .video-setting img { width: 25px; height: 25px; }

#videosession-controls-container .button-row .video-setting.available-size { color: #888888; -webkit-text-fill-color: #888888; border-color: #5a5a5a; }

#videosession-controls-container .button-row .video-setting.available-size:hover { color: #888888; -webkit-text-fill-color: #888888; border-color: #9e9e9e; }

#videosession-controls-container .button-row .video-setting.selected-size { color: #888888; -webkit-text-fill-color: #888888; background-color: #6d6d6d; border-color: #c5c5c5; }

#videosession-controls-container .button-row .video-setting.selected-size:hover { cursor: default; color: #888888; -webkit-text-fill-color: #888888; background-color: #888888; border-color: #ffffff; }

#videosession-controls-container .button-row .video-setting:focus { outline: 0; }

#videosession-controls-container .button-row #end-video-session { height: 30px; }

#videosession-controls-container .button-row .dropup { display: inline-block; }

#videosession-controls-container .button-row .dropup .video-setting { width: 45px; color: #c7c7c7; -webkit-text-fill-color: #c7c7c7; border-color: #5a5a5a; }

#videosession-controls-container .button-row .dropup .video-setting:hover { color: #c7c7c7; -webkit-text-fill-color: #c7c7c7; border-color: #9e9e9e; }

#videosession-controls-container .button-row .dropup .video-setting:active { color: #c7c7c7; -webkit-text-fill-color: #c7c7c7; background-color: #6d6d6d; border-color: #c5c5c5; }

#videosession-controls-container .button-row .dropup .dropdown-menu { min-width: 245px; max-width: 250px; padding: 5px 7px; }

#videosession-controls-container .button-row .dropup .dropdown-menu > li > a { padding: 3px 10px; white-space: normal; font-size: 12px; }

#videosession-controls-container .button-row .dropup .dropdown-menu > li > a .fa-check { color: #5FAA41; -webkit-text-fill-color: #5FAA41; margin-left: 6px; }

#videosession-controls-container .button-row .dropup .dropdown-menu .device-type-title { font-weight: bold; font-size: 12px; white-space: nowrap; }

#videosession-controls-container .button-row #videosession-timer { color: white; text-shadow: 1px 1px 3px #292929; font-size: 16px; position: relative; top: 1px; margin-right: 5px; }

#videosession-controls-container .button-row .media-device:hover { cursor: pointer; text-decoration: underline; }

#videosession-controls-container .button-row #videosession-mute { height: 30px; width: 30px; }

#videosession-controls-container .button-row #videosession-mute.muted { border-color: #D4403A; color: #D4403A; -webkit-text-fill-color: #D4403A; }

#videosession-controls-container .button-row #videosession-mute.muted:after { font-size: 18px; content: "\f131"; font-family: 'FontAwesome'; }

#videosession-controls-container .button-row #videosession-mute.muted:hover { background-color: #4B4B4B; border-color: #FF6F69; color: #FF6F69; -webkit-text-fill-color: #FF6F69; }

#videosession-controls-container .button-row #videosession-mute.unmuted { background-color: #6d6d6d; border-color: #c5c5c5; color: #E4E4E4; -webkit-text-fill-color: #E4E4E4; }

#videosession-controls-container .button-row #videosession-mute.unmuted:after { font-size: 18px; content: "\f130"; font-family: 'FontAwesome'; }

#videosession-controls-container .button-row #videosession-mute.unmuted:hover { background-color: #888888; border-color: #FFFFFF; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; }

@media (max-width: 991px) { .videosession-mini { width: 205px; min-height: 218px; }
  .videosession-mini .inviting-client { bottom: 218px; word-wrap: break-word; }
  .videosession-mini #video-session-container { height: 148px; width: 199px; }
  .videosession-mini #videosession-controls-container .btn-primary, .videosession-mini #videosession-controls-container .btn-danger { font-size: 12px; font-weight: normal; }
  .videosession-mini .publisherPIP { width: 40px; height: 30px; bottom: 26px; right: 14px; }
  #videosession-embed .inviting-client p { font-size: 11px; } }

#pip-click-for-small { position: absolute; bottom: 5px; left: 45px; padding-left: 10px; width: 150px; z-index: 150; color: white; background-color: black; }

#modal-new-video .counselor-icon-container { margin-top: 15px; margin-bottom: -5px; }

#modal-new-video .pulse-ring { content: ''; width: 120px; height: 120px; border: 10px solid #C0C0C0; border-radius: 50%; position: absolute; left: 0; right: 0; top: 20px; margin: 0 auto; animation: pulsate infinite 1.5s; }

@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.3, 1.3);
    opacity: 0; } }

.videosession-in-progress { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png") !important; }

.videosession-in-progress:hover { cursor: default !important; }

.livechat-in-progress { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png") !important; }

.livechat-in-progress:hover { cursor: default !important; }

.phonesession-in-progress { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png") !important; }

.phonesession-in-progress:hover { cursor: default !important; }

#gethelpnow { background-color: #F5F5F5; }

#financialaid { background-color: #F5F5F5; }

#financialaid .regain-width { max-width: 700px; margin: 0 auto; }

#financialaid ul { padding-left: 10px; }

#financialaid ol { margin-top: 0; padding-left: 10px; }

#financialaid ol li { margin-top: 30px; }

#financialaid ol li::marker, #financialaid ol li strong { font-size: 18px; font-weight: 700; }

#financialaid ol li:first-child { margin-top: 0; }

#financialaid ol li .form-control.inline { display: inline-block; margin: 10px 3px 0 0; }

#financialaid .back-link { display: inline-block; margin-left: 5px; }

#financialaid form#fin-aid-form .alert { font-weight: 700; text-align: left; border: 0; background-color: transparent; border-radius: 0; }

#financialaid form#fin-aid-form .alert.alert-danger, #financialaid form#fin-aid-form .alert.alert-error { border-bottom: 2px solid #AF2225; color: white; background-color: #AF2225; }

#financialaid form#fin-aid-form .alert.alert-danger .close, #financialaid form#fin-aid-form .alert.alert-error .close { color: white; }

#financialaid form#fin-aid-form .alert.alert-success { border-bottom: 2px solid #5FAA41; color: white; background-color: rgba(95, 170, 65, 0.4); }

#financialaid form#fin-aid-form .alert.alert-success .close { color: white; }

#financialaid .monthly-income { margin-top: 20px; max-width: 600px; }

#financialaid .monthly-income td { padding: 10px; border: 1px solid #DDDDDD; }

#financialaid .monthly-income td:first-child { width: 74%; }

#financialaid .monthly-income td:last-child { text-align: center; }

#financialaid .monthly-income td:last-child input { width: 6em; margin-top: 0; padding: 0 7px; text-align: center; }

#financialaid .monthly-income tr:nth-child(even) { background-color: #F5F5F5; }

#financialaid .help-block { margin-top: -2px; }

@media (max-width: 767px) { #financialaid .regain-width { max-width: initial; margin: auto; }
  #financialaid .monthly-income { width: 100%; font-size: 12px; }
  #financialaid .monthly-income td:first-child { width: 50%; }
  #financialaid .monthly-income td:last-child input { width: 4.9em; padding: 0 10px; }
  #financialaid #finaid_submit { width: 100%; }
  #financialaid .back-link { margin-left: 0px; width: 100%; }
  #financialaid .back-link .btn.btn-dismiss { width: 100%; margin-top: 20px; } }

#maintenance label { margin-left: 5px; display: inline; }

#maintenance #plan_description { font-size: 18px; }

#modal-you-are-on-maintenance-plan .btn { margin-top: 5px; }

#upgrade_app .app-icons { margin-top: 150px; margin-bottom: 40px; }

#upgrade_app .app-icons img { height: 46px; margin-right: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; overflow: hidden; }

#previousmessages { background-color: #F5F5F5; }

#previousmessages .container { max-width: 700px; }

#previousmessages .block { max-height: 550px; padding: 0 15px; overflow-y: scroll; border: 1px solid #DDDDDD; background-color: white; }

#previousmessages .block .message-bg { margin-top: 15px; border-radius: 5px; padding: 15px; margin-bottom: 20px; line-height: 1.8; overflow: auto; background-color: rgba(31, 174, 223, 0.1); }

@media (max-width: 767px) { #previousmessages .block { max-height: 470px; }
  #previousmessages .block { margin-top: 15px; } }

#opt_out hr { margin: 35px 0; }

#opt_out .light-gray-text { color: #888888; }

#privacy ol.privacy-terms-list > li, #terms ol.privacy-terms-list > li { font-weight: bold; }

#privacy .title-level2, #terms .title-level2 { font-size: 16px; }

#privacy ol.privacy-terms-list > li > p, #terms ol.privacy-terms-list > li > p { font-weight: normal; }

#privacy ol.privacy-terms-list > li > ul > li, #terms ol.privacy-terms-list > li > ul > li { font-weight: normal; }

#privacy table th, #terms table th { font-weight: bold; }

#privacy table th, #privacy table td, #terms table th, #terms table td { padding: 15px; text-align: left; border-bottom: 1px solid #ddd; }

#privacy table td, #terms table td { font-weight: normal; }

.counselor_terms { text-align: justify; text-justify: inter-word; }

.counselor_terms h1 { text-align: left; text-justify: none; }

.counselor_terms .indent { padding-left: 2em; }

@media (max-width: 767px) { .counselor_terms .indent { padding-left: .5em; } }

.counselor_terms .bold_underline { font-weight: bold; text-decoration: underline; }

.counselor_terms ol { list-style: decimal; margin-left: .75em; margin-top: 1em; padding: 0; }

@media (max-width: 767px) { .counselor_terms ol { margin-left: .1875em; } }

.counselor_terms ol ol { list-style: upper-alpha; margin-left: 1.25em; }

.counselor_terms ol ol ol { list-style: decimal; margin-left: 2.5em; }

@media (max-width: 767px) { .counselor_terms ol ol ol { margin-left: .625em; } }

.counselor_terms ol ol ol ol { list-style: lower-alpha; }

.counselor_terms ol ol ol ol ol { list-style: lower-roman; }

.counselor_terms li { padding-left: 2em; margin-bottom: 1em; }

@media (max-width: 767px) { .counselor_terms li { padding-left: .5em; } }

.counselor_terms li li { padding-left: 2em; }

@media (max-width: 767px) { .counselor_terms li li { padding-left: .5em; } }

.counselor_terms li li li { padding-left: 2em; }

@media (max-width: 767px) { .counselor_terms li li li { padding-left: .5em; } }

#error-page { padding-top: 1rem; text-align: center; color: #444444; }

#error-page h1 { font-size: 3rem; }

#error-page p.lead { font-size: 2rem; color: #444444; }

#error-page img.error-icon { margin: 4rem auto; max-width: 300px; }

@media (max-width: 767px) { #error-page { padding-top: 3rem; }
  #error-page img.error-icon { max-width: 275px; } }

@media (max-width: 576px) { #error-page img.error-icon { max-width: 250px; }
  #error-page h1 { font-size: 2rem; }
  #error-page p.lead { font-size: 1.75rem; } }

@media (max-width: 300px) { #error-page img.error-icon { max-width: 100%; } }

.volume-wrapper { width: 150px; height: 20px; border: 2px solid black; margin-bottom: 25px; display: inline-block; }

#modal-cloud-chat-client-invite #cloud-phone-client-country { margin-bottom: 10px; }

#modal-cloud-chat-client-invite #phone-for-voice-chat label { text-align: right; }

#modal-cloud-chat-client-invite p { font-size: 15px; }

.cloud-chat-start-mic-test-container { text-align: center; }

.cloud-chat-start-mic-test-container i { margin-right: 10px; }

.cloud-chat-start-mic-test-container .pids-wrapper-cloud-chat-counselor-start { display: inline-block; position: relative; bottom: 8px; }

.cloud-chat-start-mic-test-container .pid-cloud-chat-counselor-start { width: 12px; height: 6px; display: inline-block; margin-right: 5px; }

.pids-wrapper-cloud-chat-embed { display: inline-block; }

.pid-cloud-chat-embed { width: 10px; height: 5px; display: inline-block; margin-right: 5px; }

#cloud-chat-embed { position: fixed; z-index: 1000; height: 100px; width: 300px; background-color: #EEEEEE; top: 0; right: 15px; border: 1px solid gray; }

#cloud-chat-embed #cloud-chat-status-container { padding: 0 5px; }

#cloud-chat-embed #cloud-chat-bottom-container { position: absolute; bottom: 0px; width: 100%; padding: 5px; background-color: #292929; }

#cloud-chat-embed #cloud-chat-timer { color: white; margin-right: 5px; position: relative; bottom: -5px; }

#cloud-chat-embed .fa-microphone { color: white; position: relative; bottom: -2px; margin-right: 4px; }

#cloud-chat-embed #cloud-chat-mute { margin-right: 5px; }

#modal-cloud-chat-start .modal-border { border-top: 1px solid #EEEEEE; }

#cloud-chat-status-need-mic { text-align: center; margin-top: 15px; font-weight: 700; font-size: 16px; }

@media (max-width: 767px) { .cloud-chat-reject { margin-top: 10px; } }

#crisis_resources, #eap_crisis_resources { background-color: #F5F5F5; }

#crisis_resources h1, #eap_crisis_resources h1 { font-family: Roboto Slab, serif; font-weight: 400; }

#crisis_resources .directory-block, #eap_crisis_resources .directory-block { width: 80%; max-width: 420px; margin: 30px auto; text-align: left; background-color: white; padding: 15px; border-radius: 10px; }

#crisis_resources .directory-block label, #eap_crisis_resources .directory-block label { display: block; font-weight: normal; }

#crisis_resources .directory-block input[type="text"], #crisis_resources .directory-block .btn, #eap_crisis_resources .directory-block input[type="text"], #eap_crisis_resources .directory-block .btn { display: inline-block; vertical-align: middle; }

#crisis_resources .directory-block input[type="text"], #eap_crisis_resources .directory-block input[type="text"] { width: 110px; }

#crisis_resources .directory-block .btn, #eap_crisis_resources .directory-block .btn { font-size: 14px; height: 34px; }

#crisis_resources .directory-block .directory-title, #eap_crisis_resources .directory-block .directory-title { font-weight: bold; font-size: 1.3em; }

#crisis_resources .directory-block.other-resources .btn-success, #eap_crisis_resources .directory-block.other-resources .btn-success { margin-left: 5px; }

#crisis_resources .directory-block sup, #eap_crisis_resources .directory-block sup { top: 0; font-size: 120%; }

#crisis_resources .directory-block .small-gray-text, #eap_crisis_resources .directory-block .small-gray-text { color: #888888; font-size: 13px; }

#crisis_resources .mtop10, #eap_crisis_resources .mtop10 { margin-top: 10px; }

#crisis_resources .collapsed-question, #eap_crisis_resources .collapsed-question { margin-top: 30px; text-align: left; }

#crisis_resources .collapsed-question .panel-heading, #eap_crisis_resources .collapsed-question .panel-heading { cursor: pointer; display: block; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px; position: relative; }

#crisis_resources .collapsed-question .panel-heading a, #eap_crisis_resources .collapsed-question .panel-heading a { display: block; }

#crisis_resources .collapsed-question .panel-heading[data-toggle="collapse"]:after, #eap_crisis_resources .collapsed-question .panel-heading[data-toggle="collapse"]:after { content: "\f105"; font-family: 'FontAwesome'; position: absolute; color: rgba(165, 75, 156, 0.6); font-size: 18px; line-height: 22px; right: 20px; top: calc(50% - 10px); /* rotate "play" icon from > (right arrow) to down arrow */ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

#crisis_resources .collapsed-question .panel-heading[data-toggle="collapse"].collapsed:after, #eap_crisis_resources .collapsed-question .panel-heading[data-toggle="collapse"].collapsed:after { /* rotate "play" icon from > (right arrow) to ^ (up arrow) */ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

#crisis_resources .collapsed-question .panel-body, #eap_crisis_resources .collapsed-question .panel-body { padding: 10px; }

#crisis_resources .helpful-feedback, #eap_crisis_resources .helpful-feedback { margin-top: 30px; margin-bottom: 10px; }

#crisis_resources .helpful-feedback .btn-info, #eap_crisis_resources .helpful-feedback .btn-info { background-color: white; }

#crisis_resources .helpful-feedback .btn-info .fa, #eap_crisis_resources .helpful-feedback .btn-info .fa { margin-right: 5px; }

#crisis_resources .helpful-feedback .btn-info:first-child, #eap_crisis_resources .helpful-feedback .btn-info:first-child { margin-right: 10px; }

#crisis_resources .helpful-feedback #comment-submit, #eap_crisis_resources .helpful-feedback #comment-submit { margin-top: 20px; }

@media (max-width: 767px) { #crisis_resources h1 { font-size: 24px; }
  #crisis_resources .directory-block { width: 100%; max-width: inherit; } }

#groupinar { background-color: #F5F5F5; }

#groupinar .groupinar { font-size: 14px; line-height: 24px; margin-bottom: 20px; }

#groupinar .anchorlinks { display: inline; list-style-type: none; margin: 0; padding: 0; }

#groupinar .anchorlinks li { display: inline-block; list-style-type: none; padding: 0px 10px; }

#groupinar .anchorlinks li.title { font-weight: 700; padding-left: 0; margin-bottom: 15px; }

#groupinar h1 { margin-bottom: 20px; }

#groupinar.mobile_menu { padding-top: 90px; }

#groupinar.mobile_menu footer { visibility: hidden; }

#groupinar .section { display: block; color: #E36039; text-transform: uppercase; font-weight: 700; font-size: 18px; padding-top: 0; padding-bottom: 0; }

#groupinar .section .totop { float: right; text-transform: capitalize; font-size: 14px; font-weight: 400; }

#groupinar .groupinar-speaker-wrap { text-align: center; }

#groupinar .groupinar-speaker-wrap p { text-align: left; }

#groupinar .speaker img { width: 100%; margin-bottom: 15px; }

#groupinar .speaker img.usericon { height: 130px; width: 130px; border-radius: 50%; border: 2px solid #CCCCCC; }

#groupinar .description table th, #groupinar .details table th { padding-right: 20px; }

#groupinar .row + .row { margin-top: 20px; padding-top: 30px; margin-bottom: 10px; border-top: 1px solid #EEEEEE; }

#groupinar .row .date { background-color: #F5F5F5; margin-top: 20px; padding: 20px; }

#groupinar hr.bottom { margin-top: 5px; }

#groupinar .details h3:first-child { margin-top: 0; }

#groupinar .details table { width: 100%; background-color: #F5F5F5; margin-top: 20px; text-align: left; }

#groupinar .details table tr { border-bottom: 1px solid white; }

#groupinar .details table th, #groupinar .details table td { padding: 20px; }

#groupinar .details table td .btn { float: right; }

#groupinar .btn-middle { -ms-transform: translateY(25%); -webkit-transform: translateY(25%); transform: translateY(25%); }

@media (max-width: 991px) { #groupinar .btn-middle { -ms-transform: translateY(80%); -webkit-transform: translateY(80%); transform: translateY(80%); } }

@media (min-width: 768px) { #groupinar .totop { float: right !important; } }

@media (max-width: 767px) { #groupinar .anchorlinks li { display: block; padding: 5px 0; } }

#groupinars { background-color: #F5F5F5; }

#groupinars .groupinar { font-size: 14px; line-height: 24px; margin-bottom: 20px; }

#groupinars .anchorlinks { display: inline; list-style-type: none; margin: 0; padding: 0; }

#groupinars .anchorlinks li { display: inline-block; list-style-type: none; padding: 0px 10px; }

#groupinars .anchorlinks li.title { font-weight: 700; padding-left: 0; margin-bottom: 15px; }

#groupinars.mobile_menu { padding-top: 90px; }

#groupinars.mobile_menu footer { visibility: hidden; }

#groupinars .section { display: block; color: #E36039; text-transform: uppercase; font-weight: 700; font-size: 18px; padding-top: 0; padding-bottom: 0; }

#groupinars .section .totop { float: right; text-transform: capitalize; font-size: 14px; font-weight: 400; }

#groupinars .speaker img { width: 100%; margin-bottom: 15px; }

#groupinars .speaker img.usericon { height: 130px; width: 130px; border-radius: 50%; border: 2px solid #CCCCCC; }

#groupinars .description table th, #groupinars .details table th { padding-right: 20px; }

#groupinars .row + .row { margin-top: 20px; padding-top: 30px; margin-bottom: 10px; border-top: 1px solid #EEEEEE; }

#groupinars .row .date { background-color: #F5F5F5; margin-top: 20px; padding: 20px; }

#groupinars hr.bottom { margin-top: 5px; }

#groupinars .details h3:first-child { margin-top: 0; }

#groupinars .details table { width: 100%; background-color: #F5F5F5; margin-top: 20px; text-align: left; }

#groupinars .details table tr { border-bottom: 1px solid white; }

#groupinars .details table th, #groupinars .details table td { padding: 20px; }

#groupinars .details table td .btn { float: right; }

#groupinars .btn-middle { -ms-transform: translateY(25%); -webkit-transform: translateY(25%); transform: translateY(25%); }

#groupinars .btn-primary { margin-top: 13px; }

@media (max-width: 991px) { #groupinars .btn-middle { -ms-transform: translateY(80%); -webkit-transform: translateY(80%); transform: translateY(80%); } }

@media (min-width: 768px) { #groupinars .totop { float: right !important; } }

@media (max-width: 767px) { #groupinars .anchorlinks li { display: block; padding: 5px 0; } }

#journal #body-container #content-container { padding-top: 60px; padding-bottom: 0; height: 100vh; background-color: #f5f5f5; min-height: 0; }

#journal #body-container #journal-wrapper { display: flex; height: 100%; }

#journal #body-container #journal-wrapper .journal-date { font-weight: bold; }

#journal #body-container #journal-wrapper .journal-time, #journal #body-container #journal-wrapper .journal-example { font-size: 14px; margin-left: 10px; margin-right: 10px; }

#journal #body-container #journal-wrapper #journal-list { min-width: 150px; max-width: 30%; background-color: #cfcfcf; flex: 1; overflow-y: scroll; display: flex; flex-direction: column; }

#journal #body-container #journal-wrapper #journal-list .new-journal-entry .title { font-weight: bold; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item, #journal #body-container #journal-wrapper #journal-list .new-journal-entry { position: relative; border-right: 1px solid #c5c5c5; flex: 0; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item .title, #journal #body-container #journal-wrapper #journal-list .new-journal-entry .title { background-color: #efefef; width: 100%; padding: 10px 15px; font-size: 15px; color: #222222; -webkit-text-fill-color: #222222; border-bottom: 1px solid #c5c5c5; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item .title .fa-pencil-square-o, #journal #body-container #journal-wrapper #journal-list .new-journal-entry .title .fa-pencil-square-o { font-size: 22px; color: #5FAA41; -webkit-text-fill-color: #5FAA41; margin-left: 5px; position: relative; top: 3px; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item .hide-border, #journal #body-container #journal-wrapper #journal-list .new-journal-entry .hide-border { height: 100%; right: -2px; top: 0; position: absolute; z-index: 2000; width: 5px; background-color: blue; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item.selected, #journal #body-container #journal-wrapper #journal-list .new-journal-entry.selected { border-right: 0; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item.selected .title, #journal #body-container #journal-wrapper #journal-list .new-journal-entry.selected .title { background-color: #fff; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item.selected .title:hover, #journal #body-container #journal-wrapper #journal-list .new-journal-entry.selected .title:hover { background-color: #e0eeda; cursor: pointer; }

#journal #body-container #journal-wrapper #journal-list .journal-list-item:hover .title, #journal #body-container #journal-wrapper #journal-list .new-journal-entry:hover .title { background-color: #e0eeda; cursor: pointer; }

#journal #body-container #journal-wrapper #journal-list:after { content: ""; border-right: 1px solid #c5c5c5; display: block; flex: 1; }

#journal #body-container #journal-wrapper #journal-entry { background-color: #fff; flex: 2; overflow-y: scroll; }

#journal #body-container #journal-wrapper #journal-entry #journal-draft { padding: 30px; }

#journal #body-container #journal-wrapper #journal-entry #journal-draft #journal-entry-draft { margin-top: 15px; }

#journal #body-container #journal-wrapper #journal-entry #journal-draft #journal-entry-draft textarea { max-height: 600px; }

#journal #body-container #journal-wrapper #journal-entry #journal-draft h3.description { margin-top: 0; font-weight: normal; }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry { padding: 30px; overflow-y: scroll; height: calc(85vh - 60px); }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry .journal-entry-feeling { padding: 15px 0; font-size: 20px; }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry .journal-entry-date { font-size: 18px; }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry .journal-entry-buttons { margin: 30px 0; }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry .journal-entry-buttons .delete-journal-entry { margin-right: 10px; }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry .journal-entry-message { min-height: 200px; line-height: 1.25; }

#journal #body-container #journal-wrapper #journal-entry .view-entry .entry .journal-entry-message p { line-height: 1.7; margin: 0; }

#journal #body-container #journal-wrapper #journal-entry .new-entry-button { border-top: 1px solid #c5c5c5; text-align: center; display: flex; height: 15vh; min-height: 50px; flex-direction: column; text-align: center; justify-content: center; }

#journal #body-container #journal-wrapper #journal-entry .new-entry-button .btn { margin: 0 auto; }

#journal #body-container #modal-journal-feelings #feelings { width: 100%; display: flex; flex-wrap: wrap; }

#journal #body-container #modal-journal-feelings #feelings .feelings-column { width: 25%; padding: 0 10px 10px 0; }

#journal #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] { display: none; }

#journal #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label { height: 73px; line-height: 1.8; padding: 0 10px; width: 100%; color: #555555; background-color: #FFFFFF; border-color: #EEEEEE; }

#journal #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-name { font-size: 14px; line-height: 1; font-weight: normal; }

#journal #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-emoji { font-size: 24px; }

#journal #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"]:checked + label { border-color: #5FAA41; background-color: #f3f9f1; }

#journal #body-container footer { display: none; }

@media (max-width: 767px) { #journal.mobile_menu #body-container .mobile-new-journal-entry { top: 10px; right: 10px; position: fixed; z-index: 10; }
  #journal.mobile_menu #body-container #content-container { padding-top: 0; }
  #journal.mobile_menu #body-container #content-container .fa-pencil-square-o { color: #5FAA41; -webkit-text-fill-color: #5FAA41; font-size: 22px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper { min-width: 100%; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-entry { border-left: 0; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-draft { padding: 20px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-draft h3.description { font-size: 14px; line-height: 1.4em; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list { display: block; padding-bottom: 300px; max-width: 100%; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list #journal-draft #journal-entry-draft textarea { max-height: 130px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry { background-color: #fff; padding: 10px 15px 15px 15px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-date { display: none; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-feeling { padding: 0 0 20px 0; font-size: 16px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-message { min-height: 200px; line-height: 1.4em; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-message p { line-height: 1.7; margin: 0; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-buttons { display: flex; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-buttons button { flex: 1 50%; margin: 15px 5px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-entry-button { display: none; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item, #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-journal-entry { border-right: 0; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item.selected .title, #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-journal-entry.selected .title { background-color: white; border-bottom: 0; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item:hover .title, #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-journal-entry:hover .title { background-color: white; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item.selected, #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list #journal-draft { border-bottom: 1px solid #c5c5c5; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list:after { border-right: 0; }
  #journal.mobile_menu #body-container #modal-journal-feelings .modal-header h1 { font-size: 20px; }
  #journal.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column { padding: 0 4px 4px 0; }
  #journal.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label { height: 65px; padding: 0; }
  #journal.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-name { font-size: 12px; } }

.journal-header-link { position: relative; }

.journal-header-link:hover { text-decoration: none; }

.journal-header-link .journal-tooltip { position: absolute; background: #414141; padding: 5px; width: 260px; left: -95px; z-index: 99; bottom: -57px; border-radius: 5px; text-align: center; color: #fff; }

.journal-header-link .journal-tooltip:after { bottom: 100%; left: 50%; border: 9px solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #414141; margin-left: -4px; }

@media (max-width: 767px) { .journal-header-link .journal-tooltip { left: 101px; bottom: 9px; }
  .journal-header-link .journal-tooltip:after { bottom: 7px; left: -14px; border: 9px solid transparent; border-right-color: #414141; margin-left: -4px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #journal.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column { padding: 0 1px 1px 0; }
  #journal.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label { height: 65px; padding: 0; }
  #journal.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-name { font-size: 10px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-buttons { flex-direction: column; margin-top: 10px; }
  #journal.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-buttons button { margin: 10px; } }

#journal_v2 #body-container #content-container { padding-top: 60px; padding-bottom: 0; background-color: #f5f5f5; min-height: 0; }

#journal_v2 #body-container #content-container #journal-prompt-text .fa-lightbulb-o { color: #A54B9C; -webkit-text-fill-color: #A54B9C; }

#journal_v2 #body-container #journal-wrapper { height: 100%; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Chrome, Opera and Firefox */ -ms-overflow-style: none; scrollbar-width: none; cursor: grab; transition: background-color 0.2s; position: fixed; z-index: 5; background-color: #F5F5F5; border-bottom: 1px solid #CCCCCC; width: 100%; overflow: auto; white-space: nowrap; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector::-webkit-scrollbar { display: none; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector.active { cursor: grabbing; cursor: -webkit-grabbing; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector.active .date-slot { cursor: grabbing; cursor: -webkit-grabbing; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot { position: relative; vertical-align: middle; width: 50px; display: inline-block; margin: 10px 7px; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.clickable { cursor: pointer; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot .month, #journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot .year { text-align: center; font-weight: bold; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot .date { display: block; border: 1px solid #DDDDDD; background-color: #ffffff; color: #777777; border-radius: 50%; width: 45px; height: 45px; margin: 0 auto 5px auto; text-align: center; font-weight: bold; font-size: 16px; line-height: 43px; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot .day { font-size: 12px; text-align: center; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.has-entry .date { background-color: #A54B9C; color: white; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.before-first-journal { opacity: 0.3; filter: alpha(opacity=30); }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.selected:after { content: ''; position: absolute; left: calc(50% - 8px); width: 0; bottom: -10px; height: 0; border-bottom: solid 8px #a0a0a0; border-left: solid 8px transparent; border-right: solid 8px transparent; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.journal-settings { cursor: pointer; height: 90px; margin: 0; width: 88px; background: #F5F5F5; font-size: 12px; line-height: 14px; text-align: center; border-left: 1px solid #CCCCCC; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.journal-settings:hover { background: #e2e2e2; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.journal-settings .journal-settings-icon { font-size: 30px; line-height: 50px; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.journal-suggestions { cursor: pointer; height: 90px; margin: 0; width: 88px; background: #F5F5F5; font-size: 12px; line-height: 14px; text-align: center; border-left: 1px solid #CCCCCC; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.journal-suggestions:hover { background: #e2e2e2; }

#journal_v2 #body-container #journal-wrapper #journal-date-selector .date-slot.journal-suggestions .journal-suggestions-icon { font-size: 30px; line-height: 50px; }

#journal_v2 #body-container #journal-wrapper #journal-suggestions-template { padding-top: 30px; margin-left: 30px; margin-right: 30px; }

#journal_v2 #body-container #journal-wrapper #close-suggestions { margin-left: -10px; font-size: 27px; }

#journal_v2 #body-container #journal-wrapper #close-suggestions-mobile { display: none; }

#journal_v2 #body-container #journal-wrapper .journal-entry-top-padding { padding-top: 87px; }

#journal_v2 #body-container #journal-wrapper .journal-entry-suggestions-top-padding { padding-top: 20px; }

#journal_v2 #body-container #journal-wrapper #journal-entry { background-color: #fff; overflow-y: scroll; }

#journal_v2 #body-container #journal-wrapper #journal-entry .alert.alert-red { background-color: #AF2225; color: white; margin: 25px 30px 0px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .alert.alert-red a, #journal_v2 #body-container #journal-wrapper #journal-entry .alert.alert-red a:visited, #journal_v2 #body-container #journal-wrapper #journal-entry .alert.alert-red a:hover { color: white; -webkit-text-fill-color: white; text-decoration: underline; }

#journal_v2 #body-container #journal-wrapper #journal-entry .alert.alert-red a:hover { text-decoration: none; }

#journal_v2 #body-container #journal-wrapper #journal-entry .alert.alert-red .close { color: white; opacity: 0.7; }

#journal_v2 #body-container #journal-wrapper #journal-entry #journal-view { padding: 30px; }

#journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .new-journal-submit, #journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .cancel-edit { margin-top: 15px; }

#journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .automatic-sharing-indicator { margin-top: 15px; display: inline-block; text-align: center; font-size: 12px; padding: 0 0 0 17.5px; height: 35px; line-height: 35px; vertical-align: middle; }

#journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .automatic-sharing-indicator .sharing-on-off { font-weight: bold; }

#journal_v2 #body-container #journal-wrapper #journal-entry .add-new-entry { border-top: 1px solid #DDDDDD; }

#journal_v2 #body-container #journal-wrapper #journal-entry .add-new-entry button { display: block; margin: 20px auto; }

#journal_v2 #body-container #journal-wrapper #journal-entry .no-entries { padding-bottom: 20px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .journal-entry-draft { padding-bottom: 30px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .journal-entry-draft .tox .tox-toolbar, #journal_v2 #body-container #journal-wrapper #journal-entry .journal-entry-draft .tox .tox-toolbar__overflow, #journal_v2 #body-container #journal-wrapper #journal-entry .journal-entry-draft .tox .tox-toolbar__primary { border-top: 0; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry { padding: 20px 0; border-top: 1px solid #DDDDDD; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-title { margin: 0 0 15px 0; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-feeling { margin-bottom: 15px; font-size: 20px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-message { margin-bottom: 15px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-date { font-size: 12px; margin-bottom: 15px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-buttons { margin: 30px 0; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-buttons .delete-journal-entry, #journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-buttons .edit-journal-entry { margin-right: 10px; }

#journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-feeling { font-size: 16px; }

#journal_v2 #body-container .sharing-disabled { opacity: 0.3; filter: alpha(opacity=30); }

#journal_v2 #body-container #modal-journal-feelings #feelings { width: 100%; display: flex; flex-wrap: wrap; }

#journal_v2 #body-container #modal-journal-feelings #feelings .feelings-column { width: 25%; padding: 0 10px 10px 0; }

#journal_v2 #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] { display: none; }

#journal_v2 #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label { height: 73px; line-height: 1.8; padding: 0 10px; width: 100%; color: #555555; background-color: #FFFFFF; border-color: #EEEEEE; }

#journal_v2 #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-name { font-size: 14px; line-height: 1; font-weight: normal; }

#journal_v2 #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-emoji { font-size: 24px; }

#journal_v2 #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"]:checked + label { border-color: #A54B9C; background-color: #eedaec; }

#journal_v2 #body-container footer { display: none; }

.suggestions-description { margin-top: 5px; margin-bottom: 15px; }

.suggestions-title { margin-bottom: 0px; }

#shuffle_suggestion, #see_all_suggestions { background-color: #FFFFFF; }

.use_prompt { float: right; }

.prompt-table { width: 100%; border-collapse: unset; border-spacing: 7px; }

#journal-suggestions-container { display: flex; background-color: #F5F5F5; border-radius: 4px; }

#journal-prompt-buttons { margin: auto; display: flex; justify-content: space-between; padding-right: 30px; width: 276px; }

#journal-prompt-text { display: inline-block; padding-left: 0px; width: calc(100% - 276px); }

.journal-header-link { position: relative; }

.journal-header-link:hover { text-decoration: none; }

.journal-header-link .journal-tooltip { position: absolute; background: #414141; padding: 5px; width: 260px; left: -95px; z-index: 99; bottom: -57px; border-radius: 5px; text-align: center; color: #fff; }

.journal-header-link .journal-tooltip:after { bottom: 100%; left: 50%; border: 9px solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #414141; margin-left: -4px; }

@media (max-width: 767px) { #journal-prompt-text .fa-lightbulb-o { font-size: 15px !important; }
  .journal-suggestions-row { line-height: 1.5; }
  .suggestion-icon { padding-right: 3px; }
  #journal-prompt-text { padding-right: 0px; padding-left: 0px; line-height: 20px; width: 100%; margin-top: 0px; }
  #journal-suggestions-container { display: block; }
  .journal-entry-top-padding { padding-top: 82px; }
  #journal-suggestions-template { padding-top: 0px !important; padding-bottom: 10px; margin-left: 20px !important; margin-right: 20px !important; background-color: #F5F5F5; border-radius: 4px; margin-top: 15px; }
  #journal-prompt-buttons { margin: auto; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; width: 260px; }
  .prompt-category { background-color: white; margin: 0 auto; position: relative; width: 98%; padding: 0% 2% 1% 2%; }
  #close-suggestions { display: none; }
  #close-suggestions-mobile { display: block !important; font-size: 27px; margin-right: -7px; }
  .use_prompt { float: right; }
  .journal-suggestions-use { padding-left: 10px; }
  #journal_v2.mobile_menu .container.update-app { height: calc(100vh - 173px); top: 123px; }
  #journal_v2.mobile_menu .container.update-app h1 { margin: 0.67em 0; }
  #journal_v2.mobile_menu #body-container #journal-settings { height: calc(100vh - 173px); top: 123px; }
  #journal_v2.mobile_menu #body-container #journal-suggestions { height: calc(100vh - 173px); top: 123px; }
  #journal_v2.mobile_menu #body-container .mobile-new-journal-entry { top: 10px; right: 10px; position: fixed; z-index: 10; }
  #journal_v2.mobile_menu #body-container .mobile-journal-settings { top: 8.5px; right: 45px; position: fixed; z-index: 10; }
  #journal_v2.mobile_menu #body-container .mobile-journal-suggestions { top: 8.5px; right: 80px; position: fixed; z-index: 10; }
  #journal_v2.mobile_menu #body-container .mobile-journal-suggestions-back { top: -2px; left: 15px; position: fixed; z-index: 10; font-size: 25px; line-height: 45px; height: 45px; display: none; }
  #journal_v2.mobile_menu #body-container #content-container { padding-top: 0; }
  #journal_v2.mobile_menu #body-container #content-container .fa-pencil-square-o, #journal_v2.mobile_menu #body-container #content-container .fa-cog, #journal_v2.mobile_menu #body-container #content-container .fa-lightbulb-o { color: #A54B9C; -webkit-text-fill-color: #A54B9C; font-size: 22px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper { min-width: 100%; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-date-selector .date-slot { width: 14.2%; padding: 7px 0; margin: 3px 0 0 0; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-date-selector .date-slot .date { width: 39px; height: 39px; line-height: 37px; font-size: 14px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-date-selector .date-slot.selected:after { bottom: 0; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-date-selector .date-slot.journal-settings { display: none; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-date-selector .date-slot.journal-suggestions { display: none; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-entry { border-left: 0; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-view { padding: 20px 20px 63px 20px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-view .automatic-sharing-indicator { padding: 0 0 0 12px; font-size: 11px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-view .journal-entry-buttons { margin: 10px 0; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-view .journal-entry-buttons button { font-size: 14px; line-height: 28px; height: auto; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-entry #journal-view h3.description { font-size: 14px; line-height: 1.4em; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list { display: block; padding-bottom: 300px; max-width: 100%; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry { background-color: #fff; padding: 10px 15px 15px 15px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-date { display: none; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-feeling { padding: 0 0 20px 0; font-size: 16px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item, #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-journal-entry { border-right: 0; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item.selected .title, #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-journal-entry.selected .title { background-color: white; border-bottom: 0; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .journal-list-item:hover .title, #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .new-journal-entry:hover .title { background-color: white; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list:after { border-right: 0; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings .modal-header h1 { font-size: 20px; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column { padding: 0 2px 2px 0; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label { height: 65px; padding: 0; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-name { font-size: 11px; }
  .journal-header-link .journal-tooltip { left: 101px; bottom: 9px; }
  .journal-header-link .journal-tooltip:after { bottom: 7px; left: -14px; border: 9px solid transparent; border-right-color: #414141; margin-left: -4px; }
  #journal_v2 #body-container #journal-wrapper #journal-entry .entry { padding: 15px 0; margin-bottom: 0; }
  #journal_v2 #body-container #journal-wrapper #journal-entry .entry h2 { font-size: 18px; }
  #journal_v2 #body-container #journal-wrapper #journal-entry .entry .journal-entry-feeling { font-size: 14px; }
  #journal_v2 #body-container #journal-wrapper #journal-entry #journal-view { padding: 15px; }
  #journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .journal-entry-buttons .delete-journal-entry, #journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .journal-entry-buttons .edit-journal-entry { width: 47%; margin: 0; }
  #journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .journal-entry-buttons .delete-journal-entry { float: right; }
  #journal_v2 #body-container #journal-wrapper #journal-entry #journal-view .journal-entry-buttons .share-journal-entry { width: 100%; margin-top: 20px; }
  #journal_v2 #body-container #journal-wrapper #journal-entry .add-new-entry { padding-bottom: 120px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #journal_v2.mobile_menu #body-container #journal-settings { height: calc(100vh - 175px); top: 124px; }
  #journal_v2.mobile_menu #body-container #journal-suggestions { height: calc(100vh - 175px); top: 124px; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column { padding: 0 1px 1px 0; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label { height: 65px; padding: 0; }
  #journal_v2.mobile_menu #body-container #modal-journal-feelings #feelings .feelings-column input[type="radio"] + label .feeling-name { font-size: 10px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-buttons { margin-top: 10px; }
  #journal_v2.mobile_menu #body-container #content-container #journal-wrapper #journal-list .entry .journal-entry-buttons button { margin: 10px; } }

@media (max-width: 321px) { #journal-prompt-buttons { padding-left: 0px; padding-right: 0px; width: 220px; } }

#journal-settings { height: calc(100vh - 150px); padding-bottom: 150px; width: 100%; overflow-y: scroll; z-index: 9; position: fixed; top: 150px; background-color: #F5F5F5; border-top: 1px solid #CCCCCC; }

#journal-settings #close-settings { opacity: .6; font-size: 36px; margin: 5px 20px 10px; }

#journal-settings #close-settings-link { display: block; text-align: center; font-size: 14px; margin-bottom: 10px; }

#journal-settings .reminder-options-wrapper { max-width: 280px; }

#journal-settings .reminder-options-wrapper #select-time { margin-bottom: 25px; }

#journal-settings .block { padding: 15px; }

#journal-settings .block.reminders #reminders-off { margin: 4px 4px 0 0; }

#journal-settings .day-checkbox { display: inline-block; text-align: center; }

#journal-settings .day-checkbox label { display: block; }

#journal-settings .day-checkbox { width: 13%; }

#journal-settings .container { padding-top: 20px; padding-bottom: 10px; }

#journal-settings .reminders-off .form-group { opacity: 0.5; filter: alpha(opacity=0.5); cursor: not-allowed; }

#title-lightbulb { color: #A54B9C; -webkit-text-fill-color: #A54B9C; font-size: 15px; }

#journal-prompts { height: calc(100vh - 80px); padding-bottom: 150px; width: 100%; overflow-y: scroll; z-index: 9; position: fixed; top: 140px; background-color: #F5F5F5; border-top: 1px solid #CCCCCC; }

#journal-prompts #close-prompts { opacity: .6; font-size: 36px; margin: 5px 20px 10px; }

#journal-prompts #close-settings-link { display: block; text-align: center; font-size: 14px; margin-bottom: 10px; }

#journal-prompts #close-prompt-link { display: block; text-align: center; font-size: 14px; margin-bottom: 10px; }

#journal-prompts .reminder-options-wrapper { max-width: 280px; }

#journal-prompts .reminder-options-wrapper #select-time { margin-bottom: 25px; }

#journal-prompts .block { max-width: 100%; margin-right: 0px; margin-left: 0px; padding: 15px; margin-bottom: 50px; }

#journal-prompts .block.reminders #reminders-off { margin: 4px 4px 0 0; }

#journal-prompts .day-checkbox { display: inline-block; text-align: center; }

#journal-prompts .day-checkbox label { display: block; }

#journal-prompts .day-checkbox { width: 13%; }

#journal-prompts .container { padding-top: 25px; padding-bottom: 10px; }

#journal-prompts .reminders-off .form-group { opacity: 0.5; filter: alpha(opacity=0.5); cursor: not-allowed; }

.journal-suggestions-column { padding-bottom: 10px; }

@media (max-width: 767px) { #close-prompts { display: none; }
  .suggestions-title { display: none; }
  #journal-prompts { top: 30px; }
  #journal-settings .reminder-options-wrapper { width: 100%; }
  #journal-settings .day-checkbox { font-size: 12px; }
  #journal-settings #journal-settings-saved-alert { margin-top: 25px; }
  #journal_v2.mobile-menu #journal-settings { bottom: 246px; top: 123px; } }

#journal_v2 #body-container #content-container { padding-top: 40px; }

@media (min-width: 768px) { #journal_v2 #body-container #content-container { padding-top: 50px; } }

#journal_v2 #modal-journal-feelings label.btn { margin-bottom: 0px; border-radius: 5px; border-width: 2px; font-size: 16px; height: 35px; line-height: 31px; padding: 0 17.5px; }

#journal_v2 #journal-settings { top: 130px; }

@media (min-width: 768px) { #journal_v2 #journal-settings { top: 140px; } }

#verify_email .alert-code-not-received { margin-top: 20px; background-color: #DDDDDD; border-color: #DDDDDD; color: black; font-weight: 400; text-align: center; }

#two_factor_form_container { margin: auto; width: fit-content; }

#voucher .font-brand-color { color: #1FAEDF; }

#voucher .bg-brand-primary { background-color: #1FAEDF; border-color: #1FAEDF; }

#voucher .bg-brand-primary:hover { background: #198bb2; border-color: #198bb2; }

#voucher .header-hero { position: relative; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/home/betterhelp/person-using-phone-cropped.jpg"); background-color: #1FAEDF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100vh; margin-top: -40px; /* since navbar has height 60px, and #content-container has padding-top 100px */ text-align: center; display: table; }

#voucher .header-hero .hero-text-wrap { display: table-cell; text-align: center; position: relative; vertical-align: middle; }

#voucher .header-hero .hero-text-wrap h1 { display: inline-block; max-width: 375px; margin: 0 auto 30px; font-size: 3em; color: white; }

#voucher .header-hero .hero-text-wrap input.form-control, #voucher .header-hero .hero-text-wrap input[type='submit'] { width: 100%; max-width: 400px; margin: 0 auto 15px; text-align: center; }

#voucher .header-hero .hero-text-wrap input.form-control { font-style: italic; }

@media (max-width: 767px) { #voucher .header-hero .hero-text-wrap input.form-control, #voucher .header-hero .hero-text-wrap input[type='submit'] { width: 100%; max-width: 400px; } }

.grecaptcha-badge { display: none !important; }

#switch_choice .therapist-card { width: 48.2%; display: inline-block; padding: 20px; background-color: white; border-radius: 5px; border: 1px solid #DDDDDD; margin-bottom: 20px; vertical-align: top; }

#switch_choice .therapist-card .counselor-intro .therapist-name { overflow-wrap: break-word; word-wrap: break-word; font-size: 18px; font-weight: bold; line-height: 1.3em; }

#switch_choice .therapist-card .counselor-intro .counselor-intro-text { float: right; width: 78%; }

#switch_choice .therapist-card .counselor-intro img { border-radius: 50%; width: 18%; float: left; }

#switch_choice .therapist-card p { clear: both; margin-top: 20px; padding-top: 10px; }

#switch_choice .therapist-card:nth-child(odd) { margin-right: 20px; }

#switch_choice .therapist-card .btn.my-site { margin-right: 10px; }

#switch_choice .therapist-card .button-row { clear: both; padding-top: 5px; text-align: center; }

#switch_choice #therapist-list.flex-grid { display: flex; flex-wrap: wrap; }

#switch_choice #therapist-list.flex-grid .therapist-card { width: 48%; display: flex; padding: 0.5em; }

#switch_choice #therapist-list.flex-grid .therapist-card form.flex-content { display: flex; flex-direction: column; background-color: #fff; padding: 1em; width: 100%; }

#switch_choice #therapist-list.flex-grid .therapist-card form.flex-content p.counselor-desc { flex: 1 0 auto; margin-top: 10px; }

#switch_choice #therapist-list.flex-grid .therapist-card form.flex-content .weekly_session_summary p { margin: 0; padding-top: 5px; }

#switch_choice .weekly_session_summary ul { padding-left: 0; margin: 0; list-style: none; }

#switch_choice .weekly_session_summary .day { float: left; width: 25%; max-width: 120px; font-weight: bold; }

#switch_choice .weekly_session_summary .times { display: inline-block; width: 75%; }

#switch_choice .weekly_session_summary .timezone { font-style: italic; }

#switch_choice .weekly_session_summary .time { display: inline-block; }

#switch_choice .weekly_session_summary .weekly-summary-col { vertical-align: top; width: 50%; display: inline-block; max-width: 170px; }

#switch_choice .weekly_session_summary .weekly-summary-col .times { padding-right: 10px; }

#switch_choice .weekly_session_summary .weekly-summary-col .times .time { display: block; }

#switch_choice .switch-choice-weekly-summary { margin-top: 20px; display: block; clear: both; }

@media (min-width: 1200px) { #switch_choice .therapist-card { width: 48.9%; } }

@media (max-width: 991px) { #switch_choice .therapist-card .btn { display: block; }
  #switch_choice .therapist-card .btn.my-site { margin-bottom: 15px; }
  #switch_choice .therapist-card .btn.choose-counselor { display: inline-block; }
  #switch_choice .btn { width: 100%; } }

@media (max-width: 767px) { #switch_choice .therapist-card { width: 100%; }
  #switch_choice .therapist-card p { clear: both; margin-top: 30px; }
  #switch_choice .therapist-card .choose-counselor { width: 100%; }
  #switch_choice #therapist-list.flex-grid .therapist-card { width: 100%; margin-right: 0; } }

@media (max-width: 420px) { #switch_choice .therapist-card .counselor-intro img { float: none; display: block; margin: 0 auto; width: 70px; }
  #switch_choice .therapist-card .counselor-intro .counselor-intro-text { float: none; width: auto; display: block; margin-top: 15px; }
  #switch_choice .therapist-card p { margin-top: 15px; padding-top: 0; } }

@media (max-width: 320px) { #switch_choice .weekly_session_summary .weekly-summary-col { font-size: 12px; } }

#livechat_v2 #body-container #content-container { padding-top: 60px; background-color: #F5F5F5; padding-bottom: 0; }

#livechat_v2 footer { display: none; }

#livechat_v2 header .btn-exit { float: right; position: relative; top: 11px; }

#livechat_v2 header .header-name { vertical-align: middle; position: relative; font-size: 18px; top: -3px; }

#livechat_v2 header #timer { float: right; padding-right: 20px; font-size: 16px; position: relative; top: 15px; color: #888888; }

#livechat_v2 .bold { font-weight: bold; }

#livechat_v2 .livechat-wrapper { position: relative; background-color: white; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; width: 60%; max-width: 650px; height: calc(100vh - 60px); margin: 0 auto; }

#livechat_v2 .livechat-wrapper .message-received-wrapper, #livechat_v2 .livechat-wrapper .message-sent-wrapper { clear: both; overflow: auto; padding: 7px 0; }

#livechat_v2 .livechat-wrapper .typing-indicator { vertical-align: middle; width: 35px; }

#livechat_v2 .livechat-wrapper .typing-indicator span { height: 8px; width: 8px; float: left; margin: 0 1.5px; background-color: #575759; display: block; border-radius: 50%; opacity: 0.4; }

#livechat_v2 .livechat-wrapper .typing-indicator span:nth-of-type(1) { animation: 1.5s blink infinite 0.3333s; }

#livechat_v2 .livechat-wrapper .typing-indicator span:nth-of-type(2) { animation: 1.5s blink infinite 0.6666s; }

#livechat_v2 .livechat-wrapper .typing-indicator span:nth-of-type(3) { animation: 1.5s blink infinite 0.9999s; }

#livechat_v2 .livechat-wrapper .typing-message { padding-right: 2px; }

@keyframes blink { 50% { opacity: 1; } }

#livechat_v2 .livechat-wrapper #live-typing { clear: both; }

#livechat_v2 .livechat-wrapper .typing-on { background-color: #444444; }

#livechat_v2 .livechat-wrapper .typing-off { background-color: #DDDDDD; }

#livechat_v2 .livechat-wrapper .conversation-area { overflow-y: auto; overflow-wrap: break-word; padding: 0 20px 20px 20px; height: calc(100vh - 125px); }

#livechat_v2 .livechat-wrapper .conversation-area .live-typing-status { margin: 20px auto; }

#livechat_v2 .livechat-wrapper .conversation-area .live-typing-mini { vertical-align: middle; display: inline-block; border-radius: 3px; height: 16px; padding: 3px; margin: 0 2px; width: 24px; }

#livechat_v2 .livechat-wrapper .conversation-area .live-typing-mini img { width: 12px; margin: 0 auto; display: block; }

#livechat_v2 .livechat-wrapper .typing-area { position: absolute; left: 0; bottom: 0; padding: 20px; width: 100%; }

#livechat_v2 .livechat-wrapper .typing-area textarea { width: calc(100% - 106px); display: inline-block; margin: 0 7px; vertical-align: bottom; max-height: 200px; min-height: 35px; height: 35px; padding: 5px 10px; }

#livechat_v2 .livechat-wrapper .typing-area button { height: 33px; position: relative; top: -1px; }

#livechat_v2 .livechat-wrapper .typing-area .live-typing-button { padding: 7px; width: 38px; }

#livechat_v2 .livechat-wrapper .typing-area .live-typing-button img { width: 16px; position: relative; top: -4px; }

#livechat_v2 .livechat-wrapper .typing-area .live-typing-button.typing-on:hover { background-color: black; }

#livechat_v2 .livechat-wrapper .typing-area .live-typing-button.typing-off:hover { background-color: #cacaca; }

#livechat_v2 .livechat-wrapper .typing-area #send-message { width: 45px; }

#livechat_v2 .livechat-wrapper .typing-area.no-type-button textarea { width: calc(100% - 57px); margin: 0 7px 0 0; }

#livechat_v2 .livechat-wrapper.right-align-messages .message .typing, #livechat_v2 .livechat-wrapper.right-align-messages .message .sent, #livechat_v2 .livechat-wrapper.right-align-messages .message .received, #livechat_v2 .livechat-wrapper.right-align-messages .message .typing-message { direction: rtl; text-align: right; }

#livechat_v2 .livechat-wrapper.right-align-messages .typing-area textarea { direction: rtl; text-align: right; }

#livechat_v2 .livechat-wrapper.right-align-messages #is-typing .live-typing-mini img { -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-right: 5px; }

#livechat_v2 .livechat-wrapper.right-align-messages #is-typing .live-typing-status { text-align: right; direction: rtl; }

#livechat_v2 .message-received-wrapper .message:last-child .received { max-width: 85%; }

#livechat_v2 .message { border-radius: 5px; max-width: 80%; display: block; clear: both; }

#livechat_v2 .message div { display: inline-block; vertical-align: bottom; }

#livechat_v2 .message img.user-icon { height: 30px; width: 30px; border-radius: 50%; border: 1px solid #ccc; margin-right: 5px; display: inline-block; vertical-align: bottom; }

#livechat_v2 .message .sent { background-color: rgba(31, 174, 223, 0.15); display: block; }

#livechat_v2 .message .received, #livechat_v2 .message .typing-message { background-color: #f2f2f2; }

#livechat_v2 .message .typing { background-color: #f2f2f2; color: #929292; font-style: italic; }

#livechat_v2 .message.sent { text-align: left; -webkit-animation-name: fadeInSent; animation-name: fadeInSent; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

#livechat_v2 .message.received { text-align: left; }

#livechat_v2 .message.received.padded { padding-left: 35px; margin: 0 0 3px 0; display: inline-block; max-width: 85%; }

#livechat_v2 .message .typing, #livechat_v2 .message .sent, #livechat_v2 .message .received, #livechat_v2 .message .typing-message { padding: 5px 10px; border-radius: 5px; }

#livechat_v2 .message.sent { float: right; }

#livechat_v2 .message.sent.padded { margin: 0 0 3px 0; }

#livechat_v2 .message.received, #livechat_v2 .message.typing { float: left; }

#livechat_v2 #is-typing { display: block; clear: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding-top: 7px; }

#livechat_v2 #is-typing .typing-message { max-width: 80%; width: auto; font-style: italic; }

#livechat_v2 #is-typing .live-typing-status { display: inline-block; width: 100%; }

#livechat_v2 #is-typing .live-typing-mini, #livechat_v2 #is-typing .live-typing-status div { display: inline; }

#livechat_v2 #is-typing .live-typing-mini { padding: 0; border-radius: 0; height: 16px; width: 24px; }

#livechat_v2 #is-typing .live-typing-mini img { display: inline; width: 16px; position: relative; left: 2px; bottom: 4px; }

#livechat_v2 #is-typing .live-typing-status { margin: auto; text-align: left; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: .5; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: .5; } }

@-webkit-keyframes fadeInSent { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeInSent { 0% { opacity: 0; }
  100% { opacity: 1; } }

#livechat_v2 .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@media (max-width: 767px) { #livechat_v2 header { margin-bottom: 0; padding: 10px; }
  #livechat_v2 header .header-name { top: 2px; }
  #livechat_v2 header .btn-exit { position: static; }
  #livechat_v2 header #timer { top: 4px; }
  #livechat_v2 #body-container #content-container { padding-top: 55px; }
  #livechat_v2 .livechat-wrapper { width: 100%; max-width: initial; border-left: 0; border-right: 0; }
  #livechat_v2 .livechat-wrapper .conversation-area { overflow-wrap: break-word; padding: 0 15px; }
  #livechat_v2 .livechat-wrapper .typing-area { padding: 15px; }
  #livechat_v2 .livechat-wrapper .typing-area textarea { max-height: 90px; } }

@media (max-width: 320px) { #livechat_v2 .message-received-wrapper .message:last-child .received { max-width: 80%; } }

#text-reminder { padding: 0 10px; }

#text-reminder .form-control { margin: 0 auto 10px auto; width: 50%; }

#text-reminder-errors { color: red; margin-bottom: 10px; }

.invalid-phone { border-color: red; }

#sessions #left-bar .panel .panel-body.scheduling-tab #text-reminder .form-control { margin: 0 auto 10px auto; }

#scheduler-unscheduled .time-length-picker { margin-bottom: 10px; }

#scheduler-unscheduled .time-length-picker input[type='radio'] { display: none; }

#scheduler-unscheduled .time-length-picker input[type='radio'] + .minute-selector { height: 28px; border: 1px solid #CCCCCC; background: #ffffff; border-radius: 5px; margin: 0 15px 0 0; padding: 0 10px; font-size: 12px; font-weight: normal; cursor: pointer; }

#scheduler-unscheduled .time-length-picker input[type='radio'] + .minute-selector i { display: none; margin-right: 5px; }

#scheduler-unscheduled .time-length-picker input[type='radio']:checked + .minute-selector { color: #ffffff; border: 1px solid #5FAA41; background-color: #5FAA41; }

#scheduler-unscheduled .time-length-picker input[type='radio']:checked + .minute-selector i { display: inline-block; }

#async-video-overlay { display: none; position: absolute; z-index: 998; overflow: auto; }

#async-video-overlay .vjs-record-indicator { display: none; }

#async-video-overlay .video-entry { margin: 5px; }

#async-video-overlay video { pointer-events: none; }

#async-video-overlay #async-video-container { margin-bottom: 10px; }

#async-video-overlay .video-element-dimensions { width: 600px; height: 450px; }

#async-video-overlay #video-and-controls-wrapper { margin: auto; width: fit-content; width: -moz-fit-content; }

#async-video-overlay #video-and-controls-wrapper #video-controls .btn { padding: 0 7.5px; }

#async-video-overlay #video-and-controls-wrapper #video-controls .btn-record { background-color: #EEEEEE; color: #444444; }

#async-video-overlay #video-and-controls-wrapper #video-controls .btn-record#async-video-btn-stop { border-color: #bf3232; }

#async-video-overlay #video-and-controls-wrapper #video-controls .btn-info:hover { background-color: #cecece; }

#async-video-overlay #video-and-controls-wrapper #video-controls .parent-child-send { padding-top: 10px; }

#async-video-overlay #video-and-controls-wrapper #video-controls .parent-child-send #async-video-btn-send { float: none; }

#async-video-overlay #video-and-controls-wrapper #video-controls .parent-child-send #async-video-btn-send-partner { float: right; background-color: #387D7A; color: white; }

#async-video-overlay #video-and-controls-wrapper #video-controls .parent-child-send #async-video-btn-send-partner:hover, #async-video-overlay #video-and-controls-wrapper #video-controls .parent-child-send #async-video-btn-send-partner:active { background-color: #306663; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-btn-cancel { float: right; padding: 0 17.5px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-btn-send { float: right; margin-right: 5px; padding: 0 17.5px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-recording-in-progress { margin-left: 15px; vertical-align: middle; display: none; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-recording-in-progress #async-video-recording-duration { color: #EEEEEE; }

#async-video-overlay #video-and-controls-wrapper #video-controls .red-circle { width: 13px; height: 13px; background-color: #bf3232; border-radius: 50%; position: relative; top: 1.5px; margin-right: 10px; display: inline-block; }

#async-video-overlay #video-and-controls-wrapper #video-controls .blinking { margin-right: 3px; animation-name: blinker; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.5, 0, 1, 1); }

@keyframes blinker { from { opacity: 1; }
  to { opacity: 0; } }

#async-video-overlay #video-and-controls-wrapper #video-controls .red-square { width: 13px; height: 13px; background-color: #bf3232; margin-right: 10px; display: inline-block; top: 1.5px; position: relative; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded { height: 35px; display: none; margin-left: 10px; margin-right: 5px; width: 250px; vertical-align: middle; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded.longer-duration { width: 340px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded.longer-duration #async-video-progress-bar { margin-right: 10px; width: 210px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded.longer-duration #async-video-progress-wrapper { width: 210px !important; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-btn-play, #async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-btn-pause { color: #EEEEEE; -webkit-text-fill-color: #EEEEEE; font-size: 20px; margin-right: 5px; margin-top: 2px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-recorded-duration { color: #EEEEEE; display: inline; margin-right: 8px; position: relative; top: -3px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-progress-bar { width: 140px; height: 10px; padding-bottom: 4px; padding-top: 4px; float: right; display: inline; margin-top: 12px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-progress-bar #async-video-progress-wrapper { background-color: #666666; width: 140px; height: 2px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-progress-bar #async-video-progress-bar-progress { background-color: white; height: 2px; }

#async-video-overlay #video-and-controls-wrapper #video-controls #async-video-already-recorded #async-video-progress-bar #async-video-progress-bar-progress #async-video-progress-ball { height: 10px; width: 10px; border-radius: 50%; background-color: white; float: right; position: relative; top: -4px; margin-right: -10px; }

#async-video-overlay #video-and-controls-background { background-color: #222222; margin-top: 30px; padding: 10px; margin-bottom: 30px; border-radius: 3px; }

.landing-hero-wrapper { background-color: #a5adc9; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 94vh; padding: 20px 0; display: table; }

.landing-hero-wrapper .hero { display: table-cell; position: relative; vertical-align: middle; }

.landing-hero-wrapper .hero h1 { font-weight: 400; font-size: 2.4em; }

.landing-hero-wrapper .hero h2 { font-weight: normal; font-size: 1.4em; margin: 10px 0 20px 0; }

.landing-hero-wrapper .hero .sub-text { font-size: 1.4em; line-height: 1.4em; }

.landing-hero-wrapper .btn-primary { min-width: 200px; }

.landing-hero-wrapper .logo-text { margin-top: 50px; }

.landing-hero-wrapper .logo-text .left-image, .landing-hero-wrapper .logo-text .right-text { display: inline-block; vertical-align: top; }

.landing-hero-wrapper .logo-text .left-image { width: 25%; }

.landing-hero-wrapper .logo-text img { height: auto; width: 100%; }

.landing-hero-wrapper .logo-text .right-text { padding-left: 20px; font-size: 1.2em; width: 73%; }

.landing-hero-wrapper .disclaimer-text:first-of-type { margin-top: 35px; }

.generic-landing.landing-hero-wrapper { color: white; }

.generic-landing.landing-hero-wrapper h1 { color: white; }

.generic-landing.landing-hero-wrapper .generic-description h1, .generic-landing.landing-hero-wrapper .generic-description h2, .generic-landing.landing-hero-wrapper .generic-description h3, .generic-landing.landing-hero-wrapper .generic-description h4, .generic-landing.landing-hero-wrapper .generic-description h5, .generic-landing.landing-hero-wrapper .generic-description h6 { color: white; }

.generic-landing.landing-hero-wrapper .bottom-image img { width: 150px; margin-top: 30px; }

body#generic_landing_page #body-container #content-container { padding-bottom: 0; }

body#generic_landing_page footer { position: static; }

#org_landing_page_section #email_for_organization { max-width: 300px; }

@media (max-width: 767px) { .landing-hero-wrapper { margin-top: -20px; }
  .landing-hero-wrapper .hero h1 { font-size: 2em; }
  body#generic_landing_page footer { margin-top: 0; } }

#ask_a_counselor { background-color: #F5F5F5; }

#ask_a_counselor #form-errors { clear: both; }

#ask_a_counselor div.block { padding: 15px; max-width: initial; }

#ask_a_counselor div.block.question { padding: 30px; margin-bottom: 40px; }

#ask_a_counselor div.block.question .details { margin-bottom: 0; }

#ask_a_counselor #content-container .character-count { text-align: right; margin-top: 5px; color: #5FAA41; }

#ask_a_counselor #content-container .character-count.incomplete { color: #AF2225; }

#ask_a_counselor #content-container .pending { color: #E0AB50; }

#ask_a_counselor #content-container .rejected { color: #AF2225; }

#ask_a_counselor #content-container .answer-status { font-weight: normal; font-size: 16px; padding-left: 10px; }

#ask_a_counselor #modal-public-or-private button { min-width: 75%; display: block; margin-left: auto; margin-right: auto; }

#ask_a_counselor #modal-public-or-private button.choose-public { margin-top: 20px; }

#ask_a_counselor #modal-public-or-private .fine-print { margin: 15px 0 0 0; text-align: center; }

#ask_a_counselor .thanks-button { transition: background-color 500ms, color 500ms; background-color: transparent; color: #5FAA41; }

#ask_a_counselor .thanks-button.said-thanks { background-color: #5FAA41; color: #F5F5F5; }

#ask_a_counselor .thanks-button.said-thanks:hover, #ask_a_counselor .thanks-button.said-thanks:active { color: #EEEEEE; }

#ask_a_counselor .thanks-button.said-thanks:hover .fa, #ask_a_counselor .thanks-button.said-thanks:active .fa { transform: scaleY(-1); -webkit-animation: none; animation: none; }

#ask_a_counselor .thanks-button .fa { transition: transform 500ms; padding-right: 3px; }

#ask_a_counselor .thanks-button:hover, #ask_a_counselor .thanks-button:active { color: #599e3d; }

#ask_a_counselor .thanks-button:hover .fa, #ask_a_counselor .thanks-button:active .fa { -webkit-animation: scale-up-center 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: scale-up-center 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  75% { -webkit-transform: scale(2);
    transform: scale(2); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scale-up-center { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  75% { -webkit-transform: scale(2);
    transform: scale(2); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

#ask_a_counselor #post-answer-actions { margin-top: 20px; }

#ask_a_counselor .how-it-works { text-align: center; }

#ask_a_counselor .how-it-works img { width: 60%; display: block; margin: 0 auto 10px auto; }

#ask_a_counselor .tag, #counselor_question_view .tag { display: inline-block; padding: 3px 8px; margin: 3px 2px; font-size: 12px; background-color: #ddd; }

#ask_a_counselor .answered-date, #counselor_question_view .answered-date { margin-top: -10px; font-size: 12px; }

#ask_a_counselor .counselor-avatar, #counselor_question_view .counselor-avatar { margin: 0 10px 15px 0; display: inline-block; }

#ask_a_counselor .counselor-avatar img, #counselor_question_view .counselor-avatar img { width: 60px; height: 60px; border-radius: 50%; vertical-align: middle; }

#ask_a_counselor .counselor-info, #counselor_question_view .counselor-info { display: inline-block; line-height: 30px; vertical-align: middle; }

#ask_a_counselor .counselor-info .counselor-name, #counselor_question_view .counselor-info .counselor-name { font-weight: bold; font-size: 16px; }

@media (max-width: 767px) { #ask_a_counselor div.block { padding: 5px; }
  #ask_a_counselor div.block.question { padding: 15px; }
  #ask_a_counselor .thanks-button, #ask_a_counselor #start-counseling-button { display: block; width: 100%; }
  #ask_a_counselor .thanks-button { margin-left: 0; margin-top: 10px; display: block; width: 100%; }
  #ask_a_counselor .how-it-works { text-align: left; }
  #ask_a_counselor .how-it-works img, #ask_a_counselor .how-it-works .step { vertical-align: middle; }
  #ask_a_counselor .how-it-works img { width: 70px; display: inline-block; }
  #ask_a_counselor .how-it-works .step { width: calc(100% - 106px); display: inline-block; margin-left: 10px; }
  #ask_a_counselor .how-it-works .col-sm-4, #ask_a_counselor .how-it-works .col-sm-3 { padding-left: 0; padding-right: 0; } }

#accessibility { background-color: #F5F5F5; }

#accessibility h1 { margin-top: 0; }

#accessibility h3 { margin-bottom: 5px; }

@media (max-width: 767px) { #accessibility { background-color: white; }
  #accessibility .container { width: 100%; }
  #accessibility .container .row { margin-left: -20px; margin-right: -20px; }
  #accessibility .container .row .col-sm-10 { padding: 0; }
  #accessibility .container .row .col-sm-10 div.block { border: 0; } }

.cookie-footer { color: #444444; padding: 20px; background-color: white; position: fixed; bottom: 0; border-radius: 7px 7px 0 0; width: 100%; z-index: 2000; -webkit-box-shadow: 0px -7px 11px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -7px 11px -3px rgba(0, 0, 0, 0.2); box-shadow: 0px -7px 11px -3px rgba(0, 0, 0, 0.2); }

.cookie-footer .cookie-close, .cookie-footer .cookie-text, .cookie-footer .cookie-confirm, .cookie-footer .cookie-text-confirm { display: inline-block; vertical-align: middle; }

.cookie-footer .cookie-text-confirm { width: 95%; }

.cookie-footer .cookie-text { width: 62%; font-size: 16px; text-align: left; font-weight: normal; }

.cookie-footer .cookie-confirm { text-align: center; width: 35%; }

.cookie-footer .cookie-confirm .btn { min-width: 170px; font-size: 16px !important; font-weight: bold !important; height: 35px !important; line-height: 31px !important; padding: 0 17.5px !important; }

.cookie-footer .cookie-close { text-align: right; }

.cookie-footer .cookie-close a { font-size: 40px; line-height: 40px; font-weight: normal; -webkit-text-fill-color: #888888; color: #888888; }

.cookie-footer .cookie-close a:hover, .cookie-footer .cookie-close a:active { text-decoration: none; color: #666666; -webkit-text-fill-color: #666666; }

@media (max-width: 767px) { .cookie-footer .cookie-text-confirm { width: 100%; }
  .cookie-footer .cookie-text, .cookie-footer .cookie-confirm { display: block; width: 100%; }
  .cookie-footer .cookie-text { font-size: 14px; width: 90%; }
  .cookie-footer .cookie-confirm { margin: 20px 0 15px 0; }
  .cookie-footer .cookie-confirm .btn { width: 100%; min-width: initial; }
  .cookie-footer .cookie-wrap { position: relative; }
  .cookie-footer .cookie-close { position: absolute; right: 0; } }

#add-details { position: relative; }

#add-details textarea { resize: none; width: 100%; height: 80px; color: #444444; border: 1px solid #CCCCCC; border-radius: 5px; padding: 5px 7px; font-size: 14px; font-weight: normal; margin-top: 12px; }

#add-details .details-edit-link, #add-details .details-delete-link, #add-details .link-spacer { display: inline !important; cursor: pointer; }

#add-details .details-edit-link, #add-details .details-delete-link { color: #A54B9C !important; }

#add-details .link-spacer { color: #CCCCCC; margin-left: 10px; margin-right: 10px; }

#add-details .details-display-wrap { word-break: break-word; }

#add-details .details-edit-field-countdown { text-align: right; font-size: 12px; display: inline; color: #888888; position: relative; top: 2px; }

#add-details .clear-both { clear: both; }

#add-details .details-save-link, #add-details .details-cancel-edit-link { color: white; width: auto !important; }

#add-details .details-save-link[disabled] { opacity: 0.5; }

#add-details .details-edit-field-countdown { float: right; font-weight: normal; }

#add-details .add-details-button { margin-top: 10px; padding: 0 7px; border-width: 2px; font-size: 13px; background-color: white; }

#add-details #add-details-tooltip { position: absolute; left: calc(50% - 68px); top: 48px; width: 136px; color: white; font-size: 13px; line-height: 1.2em; padding: 4px 17px 4px 7px; border-radius: 5px; background-color: black; }

#add-details #add-details-tooltip:before { content: ' '; height: 0; position: absolute; width: 0; left: 61px; top: -13px; border: 7px solid transparent; border-bottom-color: #000000; }

#add-details #add-details-tooltip #close-add-details-tooltip { color: white; font-size: 16px; text-shadow: none; position: relative; top: -47px; left: 13px; opacity: 0.8; }

#counselor .details-display-wrap { border-top: 1px solid #CCCCCC; padding-top: 8px; margin-top: 10px; }

#sessions #left-bar #session-actions #add-details .details-display-wrap, #sessions #left-bar #session-actions #add-details .details-edit-wrap { padding: 10px; margin: 20px 0; border-radius: 5px; color: #444444; background-color: #F5F5F5; }

#sessions #left-bar #session-actions #add-details .clear-both { margin-top: 5px; }

#sessions #left-bar #session-actions #add-details textarea { margin-top: 0; }

#sessions #left-bar #session-actions #add-details .details-save-link { margin-bottom: 0; }

#sessions #left-bar #session-actions #add-details .edit-delete-details { margin-top: 5px; }

#sessions #left-bar #session-actions #add-details .btn.add-details-button { border: 1px solid rgba(31, 174, 223, 0.4); color: #1FAEDF; -webkit-text-fill-color: #1FAEDF; height: 30px; padding: 0; line-height: 30px; }

#sessions #left-bar #session-actions #add-details .btn.add-details-button span.notes { display: block; }

#sessions #left-bar #session-actions #add-details .btn.add-details-button:hover { background-color: rgba(31, 174, 223, 0.1); }

@media (min-width: 768px) and (max-width: 991px) { #add-details .details-save-link, #add-details .details-cancel-edit-link { font-size: 12px; padding: 0 6px; } }

@media (max-width: 767px) { .mobile-details-wrap #add-details { margin-bottom: 7px; }
  #counselor .tab-pane .client-card #add-details { font-size: 14px; font-weight: normal; border-top: 1px solid #CCCCCC; padding-top: 8px; margin-top: 5px; margin-bottom: 12px; }
  #counselor .tab-pane .client-card #add-details .details-display-wrap { border-top: 0; padding-top: 0; margin-top: 0; } }

.datepicker.datepicker-dropdown table tr td.today.disabled { background-color: #DDDDDD; }

.datepicker.datepicker-dropdown table tr td.active, .datepicker.datepicker-dropdown table tr td.active_date, .datepicker.datepicker-dropdown table tr td.disabled.active_date { background-color: #1FAEDF; color: #FFFFFF; }

.datepicker.datepicker-dropdown table tr td.day:not(.disabled):hover, .datepicker.datepicker-dropdown table tr td.day:not(.disabled).focused, .datepicker.datepicker-dropdown table tr td.today:not(.disabled):hover, .datepicker.datepicker-dropdown table tr td.today.disabled.disabled:hover { color: #333333 !important; background-color: rgba(31, 174, 223, 0.3); }

.bh-row { display: flex !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; flex-wrap: wrap; flex: 0 0 100%; }

.bh-row .bh-column { display: flex !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; flex-basis: 100%; }

@media screen and (min-width: 768px) { .bh-row .bh-column { flex: 1 1 0; } }

.display-inline { display: inline !important; }

.display-iblock { display: inline-block !important; }

.display-block { display: block !important; }

.display-flex { display: flex !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }

.display-flex.row { flex-direction: row; }

.display-flex.column { flex-direction: column; }

.display-none { display: none !important; }

.flex-justify-center { justify-content: center; }

.flex-justify-left { justify-content: flex-start; }

.flex-justify-right { justify-content: flex-end; }

.flex-align-top { align-items: flex-start; }

.flex-align-center { align-items: center; }

.flex-align-bottom { align-items: flex-end; }

.flex-item-1 { flex: 1 1 0; }

.flex-item-none { flex: 0 0 auto; }