/*! Bootstrap v3.3.5 (http://getbootstrap.com) Copyright 2011-2015 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/* The individual animation keyframe code */
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);
@-webkit-keyframes pulse-nav-shadow { from { opacity: 0.1;
    box-shadow: 0 0 0 0;
    transform: scale(0.95, 0.95); }
  to { opacity: 0;
    box-shadow: 0 0 0 20px;
    transform: scale(1.05, 1.05); } }

@-moz-keyframes pulse-nav-shadow { from { opacity: 0.1;
    box-shadow: 0 0 0 0;
    transform: scale(0.95, 0.95); }
  to { opacity: 0;
    box-shadow: 0 0 0 20px;
    transform: scale(1.05, 1.05); } }

@-ms-keyframes pulse-nav-shadow { from { opacity: 0.1; box-shadow: 0 0 0 0; transform: scale(0.95, 0.95); }
  to { opacity: 0; box-shadow: 0 0 0 20px; transform: scale(1.05, 1.05); } }

@-o-keyframes pulse-nav-shadow { from { opacity: 0.1;
    box-shadow: 0 0 0 0;
    transform: scale(0.95, 0.95); }
  to { opacity: 0;
    box-shadow: 0 0 0 20px;
    transform: scale(1.05, 1.05); } }

@keyframes pulse-nav-shadow { from { opacity: 0.1;
    box-shadow: 0 0 0 0;
    transform: scale(0.95, 0.95); }
  to { opacity: 0;
    box-shadow: 0 0 0 20px;
    transform: scale(1.05, 1.05); } }

@-webkit-keyframes pulse-nav-chevron { from { transform: scale(0.95, 0.95); }
  to { transform: scale(1.05, 1.05); } }

@-moz-keyframes pulse-nav-chevron { from { transform: scale(0.95, 0.95); }
  to { transform: scale(1.05, 1.05); } }

@-ms-keyframes pulse-nav-chevron { from { transform: scale(0.95, 0.95); }
  to { transform: scale(1.05, 1.05); } }

@-o-keyframes pulse-nav-chevron { from { transform: scale(0.95, 0.95); }
  to { transform: scale(1.05, 1.05); } }

@keyframes pulse-nav-chevron { from { transform: scale(0.95, 0.95); }
  to { transform: scale(1.05, 1.05); } }

@-webkit-keyframes flash-out-flash-in { 0% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes flash-out-flash-in { 0% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes flash-out-flash-in { 0% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes flash-out-flash-in { 0% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes flash-out-flash-in { 0% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; } }

/* @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: "Lato", Arial, sans-serif; font-size: 14px; line-height: 1.7; color: #444444; background-color: #FFFFFF; }

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

a { color: #5faa41; text-decoration: none; }

a:hover, a:focus { color: #5faa41; 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: 21px; 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: 14px; line-height: 1.7; color: #444444; }

.form-control { display: block; width: 100%; height: 34px; padding: 10px 15px; font-size: 14px; 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: 34px; }

.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: 12px; 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: 12px; 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: 32px; padding: 6px 10px; font-size: 12px; 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: 18px; 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: 18px; 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: 38px; padding: 16px 20px; font-size: 18px; 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: 18px; } }

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

.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: 14px; line-height: 1.7; border-radius: 5px; -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: #5faa41; border-color: transparent; }

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

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

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #FFFFFF; background-color: #4a8533; 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: #3c6b29; 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: #5faa41; border-color: transparent; }

.btn-default .badge { color: #5faa41; background-color: #FFFFFF; }

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

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

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

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #FFFFFF; background-color: #cc451d; 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: #ad3a18; 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: #E36039; border-color: transparent; }

.btn-primary .badge { color: #E36039; 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: #5faa41; 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: #5faa41; 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: 18px; line-height: 1.33333; border-radius: 5px; }

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

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

.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: #5faa41; }

.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: 14px; 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: 12px; 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: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 5px; 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: 14px; 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: 12px; 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: 18px; 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: 21px; 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: 12px; 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: #05BBD3; }

.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: 12px; 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; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-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: "Lato", 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: 12px; 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 { background-color: white; height: 60px; padding: 0 15px; overflow: visible; border-bottom: 2px solid #DDDDDD; z-index: 10; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); position: fixed; width: 100%; top: 0; margin-bottom: 0; }

header.landing { background-color: rgba(255, 255, 255, 0.92); }

header.worksheet { position: static; }

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

header div.brand { line-height: 60px; display: inline-block; margin-right: 20px; }

header div.brand img { height: 22px; vertical-align: middle; /* FORUM FIX */ }

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

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

header .header-eap-logo img { position: relative; top: -1px; height: 36px; }

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

header .title { display: inline-block; font-weight: 700; text-transform: uppercase; color: #444444; }

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

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%); }

header #banana-bread { display: inline-block; }

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 ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; }

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

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

header ul.main > a > li { text-transform: uppercase; color: #444444; }

header ul.main > a > li:hover { border-bottom: 5px solid #CCCCCC; color: #444444; }

header ul.main > a > li.active { border-bottom: 5px solid #5faa41; color: #444444; }

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 { position: relative; padding: 0px 12px; color: #888888; display: inline-block; }

header ul.right > a > li:hover, header ul.right > li:hover { border-bottom: 5px solid #CCCCCC; color: #444444; }

header ul.right > a > li.active, header ul.right > li.active { border-bottom: 5px solid #5faa41; color: #444444; }

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

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

header ul.right > li .dropdown > a { color: #444444; }

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

header ul.right .referral_notification { background-color: red; margin-right: 0; }

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

@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 { border-bottom: none; }

header ul.right #counselor-hours-menu-button { background-color: #5faa41; border-radius: 5px; padding: 11px; color: white; }

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

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

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

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

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

header ul.right .usericon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; vertical-align: middle; /* FORUM FIX */ }

header #counseling-menu { z-index: 5; background-color: #EEEEEE; margin: 0 -15px; 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: 60px; line-height: 60px; font-size: 20px; cursor: pointer; }

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

header .counseling-menu-tab { float: right; background-color: #EEEEEE; margin-right: 10px; padding: 10px 15px; border-radius: 5px 5px 0 0; font-weight: 700; margin-top: 10px; height: 50px; 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 .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; }

.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; }

#referral_notification_menu { background-color: red; margin-right: 5px; }

#counselor_referral_notification_menu { height: 5px; width: 5px; background-color: red; border-radius: 50%; margin-bottom: 7px; display: inline-block; }

.fa-gift { margin-right: 5px; color: #5faa41; }

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

@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 { font-size: 13px; padding: 0 4px; } }

@media (min-width: 768px) and (max-width: 991px) { header ul.right > a > li, header ul.right > li { padding: 0 5px; font-size: 14px; } }

@media (max-width: 767px) { body.fixedHeader.landingHeader #header-wrap { padding-top: 0px; }
  body.fixedHeader.landingHeader #header-wrap .container .row { padding-top: 100px; }
  header { overflow-x: visible; height: auto; margin-bottom: 20px; max-height: 100%; overflow-y: auto; }
  header div.menu { display: none; margin: 0 -15px; }
  header ul.main, header ul.right { padding: 0; width: 100%; display: block; float: none; text-align: left; z-index: 20; }
  header ul.main.main > a > li, header ul.right.main > a > li { text-transform: none; }
  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.right a > li, header ul.right li { display: block; height: auto; line-height: 50px; font-size: 16px; border-top: 1px solid #EEEEEE; padding: 0px 20px; color: #444444; }
  header ul.main a > li .fa-caret-down, header ul.main li .fa-caret-down, header ul.right a > li .fa-caret-down, header ul.right li .fa-caret-down { display: none; }
  header ul.main a > li:hover, header ul.main a > li:active, header ul.main li:hover, header ul.main li:active, header ul.right a > li:hover, header ul.right a > li:active, header ul.right li:hover, header ul.right li:active { background-color: #EEEEEE; border-bottom: 0; }
  header ul.main a > li.active, header ul.main li.active, header ul.right a > li.active, header ul.right li.active { color: #5faa41; font-weight: 700; border-bottom: 0; }
  header ul.main a > li > ul.dropdown, header ul.main li > ul.dropdown, header ul.right a > li > ul.dropdown, header ul.right li > 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.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 { background-color: white; }
  header ul.main a > li > ul.dropdown li, header ul.main li > ul.dropdown li, header ul.right a > li > ul.dropdown li, header ul.right li > ul.dropdown li { line-height: 40px; height: 40px; font-size: 14px; border: 0px; display: block; padding: 0; 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.right a > li > ul.dropdown li:hover, header ul.right li > 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.right a > li.mobile-active, header ul.right li.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.right a > li.mobile-active .dropdown, header ul.right li.mobile-active .dropdown { display: block; }
  header ul.main a > li.highlight, header ul.main li.highlight, header ul.right a > li.highlight, header ul.right li.highlight { color: #5faa41; font-weight: 700; }
  header ul.main a.btn.btn-info, header ul.right a.btn.btn-info { border: 0; border-top: 1px solid #EEEEEE; 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 #username { border-top: 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: inline-block; 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; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) { header .counseling-menu-tab { font-size: 13px; padding: 12px 9px; } }

footer { font-size: 14px; height: 200px; position: relative; bottom: 0; width: 100%; background-color: #F5F5F5; }

footer.extend-footer-pfmt { height: 275px; }

footer.minimal { height: 110px; }

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

footer #upperbar { padding: 25px 0; color: #666666; line-height: 1.4; font-weight: 700; background-color: white; }

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

footer #upperbar .right { text-align: right; }

footer #upperbar .right a { display: inline; }

footer #upperbar .right img { height: 40px; margin-left: 20px; opacity: .5; max-width: 100%; float: none; vertical-align: middle; }

footer #upperbar .right #mha-logo { height: 60px; }

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

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

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

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

footer ul li.social { border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 14px; float: right; margin-left: 10px; margin-right: 0; background-color: #888888; color: #FFFFFF !important; }

footer ul li.social.twitter { background-color: #4099FF; }

footer ul li.social.facebook { background-color: #3B5998; }

footer ul li.social.linkedin { background-color: #0077B5; }

footer ul li.social.pinterest { background-color: #cb2027; font-size: 18px; padding-top: 2px; }

footer ul.lower li { color: #CCCCCC; font-size: .85em; 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: #888888; }

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

footer #lowerbar { border-top: 2px solid #CCCCCC; padding: 25px 0; color: #CCCCCC; background-color: #F5F5F5; }

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

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

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

#pfmt-bar { background-color: #d3e8c8; border-top: 2px solid #C1DEB4; position: fixed; bottom: 0; left: 0; right: 0; height: 55px; display: block; text-align: center; }

#pfmt-bar #pfmt-text { display: inline-block; font-size: 20px; margin-top: 10px; }

#pfmt-bar #review_payment_info { display: inline-block; margin-left: 30px; margin-top: -5px; }

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; } }

@media (max-width: 991px) { footer { height: 260px; }
  footer #upperbar .right { margin-top: 20px; }
  footer #upperbar .right img { float: none; } }

@media (max-width: 767px) { footer { height: 480px; }
  footer.extend-footer-pfmt { height: 700px; }
  footer #upperbar .right { margin-top: 20px; float: left; text-align: left; }
  footer #upperbar .right img { float: none; margin-left: 0; margin-right: 10px; }
  footer.minimal { height: 240px; }
  body.mobile-white footer #upperbar { background-color: white; }
  body.mobile-white footer #lowerbar { background-color: #F5F5F5; }
  footer #lowerbar ul li { display: block; margin: 10px 0; }
  footer #lowerbar ul li.social { margin: 0 0 0 10px; }
  #pfmt-bar { height: 80px; }
  #pfmt-bar #pfmt-text { font-size: 14px; }
  #pfmt-bar #review_payment_info { margin-left: 0; font-size: 14px; margin-top: -15px; } }

@media (max-width: 415px) { footer #upperbar .right img { width: 18%; height: auto; }
  footer #upperbar .right #mha-logo { width: 16%; height: auto; } }

@media (min-height: 980px) and (min-width: 992px) { #start #body-container, #verify_email #body-container, #smart_match #body-container, #overview #body-container { position: relative; min-height: 100vh; }
  #start #body-container #content-container, #verify_email #body-container #content-container, #smart_match #body-container #content-container, #overview #body-container #content-container { min-height: 85vh; padding-bottom: 240px; } }

@media (min-height: 1045px) and (min-width: 992px) { #start footer, #verify_email footer, #smart_match footer, #overview footer { position: absolute; }
  #start.relative-footer #body-container #content-container { padding-bottom: 50px; }
  #start.relative-footer footer { position: relative; } }

#apply div.block table.table, #account div.block table.table, #stop div.block table.table, #financialaid div.block table.table, #find_a_counselor div.block table.table, #switch_counselor div.block table.table { font-size: 16px; }

#apply div.block table.table td, #apply div.block table.table th, #account div.block table.table td, #account div.block table.table th, #stop div.block table.table td, #stop div.block table.table th, #financialaid div.block table.table td, #financialaid div.block table.table th, #find_a_counselor div.block table.table td, #find_a_counselor div.block table.table th, #switch_counselor div.block table.table td, #switch_counselor div.block table.table th { padding: 7px 10px; padding-right: 40px; text-align: left; }

#apply div.block table.table td label.radio, #apply div.block table.table td input[type='radio'], #apply div.block table.table th label.radio, #apply div.block table.table th input[type='radio'], #account div.block table.table td label.radio, #account div.block table.table td input[type='radio'], #account div.block table.table th label.radio, #account div.block table.table th input[type='radio'], #stop div.block table.table td label.radio, #stop div.block table.table td input[type='radio'], #stop div.block table.table th label.radio, #stop div.block table.table th input[type='radio'], #financialaid div.block table.table td label.radio, #financialaid div.block table.table td input[type='radio'], #financialaid div.block table.table th label.radio, #financialaid div.block table.table th input[type='radio'], #find_a_counselor div.block table.table td label.radio, #find_a_counselor div.block table.table td input[type='radio'], #find_a_counselor div.block table.table th label.radio, #find_a_counselor div.block table.table th input[type='radio'], #switch_counselor div.block table.table td label.radio, #switch_counselor div.block table.table td input[type='radio'], #switch_counselor div.block table.table th label.radio, #switch_counselor div.block table.table th input[type='radio'] { margin: 0; padding: 5px 50px; position: static; }

#apply div.block table.table td.radio-box, #apply div.block table.table th.radio-box, #account div.block table.table td.radio-box, #account div.block table.table th.radio-box, #stop div.block table.table td.radio-box, #stop div.block table.table th.radio-box, #financialaid div.block table.table td.radio-box, #financialaid div.block table.table th.radio-box, #find_a_counselor div.block table.table td.radio-box, #find_a_counselor div.block table.table th.radio-box, #switch_counselor div.block table.table td.radio-box, #switch_counselor div.block table.table th.radio-box { text-align: center; vertical-align: top; }

#apply div.block table.table th, #account div.block table.table th, #stop div.block table.table th, #financialaid div.block table.table th, #find_a_counselor div.block table.table th, #switch_counselor div.block table.table th { text-align: left; }

#apply div.block table.table tr.expertise, #account div.block table.table tr.expertise, #stop div.block table.table tr.expertise, #financialaid div.block table.table tr.expertise, #find_a_counselor div.block table.table tr.expertise, #switch_counselor div.block table.table tr.expertise { border-top: 1px solid #EEEEEE; }

#apply div.block table.table tr.expertise:hover, #account div.block table.table tr.expertise:hover, #stop div.block table.table tr.expertise:hover, #financialaid div.block table.table tr.expertise:hover, #find_a_counselor div.block table.table tr.expertise:hover, #switch_counselor div.block table.table tr.expertise:hover { color: #5faa41; background-color: #F5F5F5; }

#apply div.block .counselor-photo, #account div.block .counselor-photo, #stop div.block .counselor-photo, #financialaid div.block .counselor-photo, #find_a_counselor div.block .counselor-photo, #switch_counselor div.block .counselor-photo { height: 200px; width: 200px; border-radius: 50%; border: 2px solid #CCCCCC; }

#apply .step, #account .step, #stop .step, #financialaid .step, #find_a_counselor .step, #switch_counselor .step { display: block; margin-top: 30px; font-size: 16px; }

#apply .step:first-child, #account .step:first-child, #stop .step:first-child, #financialaid .step:first-child, #find_a_counselor .step:first-child, #switch_counselor .step:first-child { margin-top: 0; }

#apply .step.step-incomplete, #account .step.step-incomplete, #stop .step.step-incomplete, #financialaid .step.step-incomplete, #find_a_counselor .step.step-incomplete, #switch_counselor .step.step-incomplete { color: #AF2225; font-weight: 700; }

#apply .step.step-incomplete a, #account .step.step-incomplete a, #stop .step.step-incomplete a, #financialaid .step.step-incomplete a, #find_a_counselor .step.step-incomplete a, #switch_counselor .step.step-incomplete a { color: #AF2225; }

#apply .step.step-incomplete:before, #account .step.step-incomplete:before, #stop .step.step-incomplete:before, #financialaid .step.step-incomplete:before, #find_a_counselor .step.step-incomplete:before, #switch_counselor .step.step-incomplete:before { font-size: 20px; content: "\f06a"; font-family: FontAwesome; margin-right: 10px; }

#apply .step.step-waiting, #account .step.step-waiting, #stop .step.step-waiting, #financialaid .step.step-waiting, #find_a_counselor .step.step-waiting, #switch_counselor .step.step-waiting { font-weight: 700; }

#apply .step.step-waiting a, #account .step.step-waiting a, #stop .step.step-waiting a, #financialaid .step.step-waiting a, #find_a_counselor .step.step-waiting a, #switch_counselor .step.step-waiting a { color: #315778; }

#apply .step.step-waiting:before, #account .step.step-waiting:before, #stop .step.step-waiting:before, #financialaid .step.step-waiting:before, #find_a_counselor .step.step-waiting:before, #switch_counselor .step.step-waiting:before { font-size: 20px; content: "\f071"; font-family: FontAwesome; margin-right: 10px; color: #315778; }

#apply .step.step-complete, #account .step.step-complete, #stop .step.step-complete, #financialaid .step.step-complete, #find_a_counselor .step.step-complete, #switch_counselor .step.step-complete { color: #5faa41; }

#apply .step.step-complete:before, #account .step.step-complete:before, #stop .step.step-complete:before, #financialaid .step.step-complete:before, #find_a_counselor .step.step-complete:before, #switch_counselor .step.step-complete:before { font-size: 20px; content: "\f058"; font-family: FontAwesome; margin-right: 10px; }

#apply .step.step-pending, #account .step.step-pending, #stop .step.step-pending, #financialaid .step.step-pending, #find_a_counselor .step.step-pending, #switch_counselor .step.step-pending { color: #E0AB50; }

#apply .step.step-pending a, #account .step.step-pending a, #stop .step.step-pending a, #financialaid .step.step-pending a, #find_a_counselor .step.step-pending a, #switch_counselor .step.step-pending a { color: #E0AB50; }

#apply .step.step-pending:before, #account .step.step-pending:before, #stop .step.step-pending:before, #financialaid .step.step-pending:before, #find_a_counselor .step.step-pending:before, #switch_counselor .step.step-pending:before { font-size: 20px; content: "\f058"; font-family: FontAwesome; margin-right: 10px; }

#apply .discount, #account .discount, #stop .discount, #financialaid .discount, #find_a_counselor .discount, #switch_counselor .discount { color: #AF2225; }

#apply .discount var, #account .discount var, #stop .discount var, #financialaid .discount var, #find_a_counselor .discount var, #switch_counselor .discount var { font-weight: 700; }

#apply .switch-footer, #account .switch-footer, #stop .switch-footer, #financialaid .switch-footer, #find_a_counselor .switch-footer, #switch_counselor .switch-footer { margin-top: 20px; }

#apply .switch-body div.radio, #apply .switch-body div.checkbox, #account .switch-body div.radio, #account .switch-body div.checkbox, #stop .switch-body div.radio, #stop .switch-body div.checkbox, #financialaid .switch-body div.radio, #financialaid .switch-body div.checkbox, #find_a_counselor .switch-body div.radio, #find_a_counselor .switch-body div.checkbox, #switch_counselor .switch-body div.radio, #switch_counselor .switch-body div.checkbox { margin-left: 50px; }

#apply .switch-body .switch-comments label, #account .switch-body .switch-comments label, #stop .switch-body .switch-comments label, #financialaid .switch-body .switch-comments label, #find_a_counselor .switch-body .switch-comments label, #switch_counselor .switch-body .switch-comments label { margin-top: 10px; }

#apply .questionnaire-table td, #account .questionnaire-table td, #stop .questionnaire-table td, #financialaid .questionnaire-table td, #find_a_counselor .questionnaire-table td, #switch_counselor .questionnaire-table td { padding: 3px; }

#apply .radio.inline, #account .radio.inline, #stop .radio.inline, #financialaid .radio.inline, #find_a_counselor .radio.inline, #switch_counselor .radio.inline { margin: 0; display: inline-block; }

#apply #switch-more-info, #account #switch-more-info, #stop #switch-more-info, #financialaid #switch-more-info, #find_a_counselor #switch-more-info, #switch_counselor #switch-more-info { width: 100%; }

#apply .switch-warning, #account .switch-warning, #stop .switch-warning, #financialaid .switch-warning, #find_a_counselor .switch-warning, #switch_counselor .switch-warning { background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

#apply #modal-payment .form-group, #account #modal-payment .form-group, #stop #modal-payment .form-group, #financialaid #modal-payment .form-group, #find_a_counselor #modal-payment .form-group, #switch_counselor #modal-payment .form-group { margin-top: 15px; }

#apply #modal-payment img#credit-cards, #account #modal-payment img#credit-cards, #stop #modal-payment img#credit-cards, #financialaid #modal-payment img#credit-cards, #find_a_counselor #modal-payment img#credit-cards, #switch_counselor #modal-payment img#credit-cards { margin-top: 5px; height: 22px; }

#apply #modal-payment .alert, #account #modal-payment .alert, #stop #modal-payment .alert, #financialaid #modal-payment .alert, #find_a_counselor #modal-payment .alert, #switch_counselor #modal-payment .alert { margin-top: 10px; margin-bottom: 10px; }

#apply #modal-payment #braintree-paypal-button, #account #modal-payment #braintree-paypal-button, #stop #modal-payment #braintree-paypal-button, #financialaid #modal-payment #braintree-paypal-button, #find_a_counselor #modal-payment #braintree-paypal-button, #switch_counselor #modal-payment #braintree-paypal-button { float: right; }

#apply #modal-payment #paypal-blurb, #account #modal-payment #paypal-blurb, #stop #modal-payment #paypal-blurb, #financialaid #modal-payment #paypal-blurb, #find_a_counselor #modal-payment #paypal-blurb, #switch_counselor #modal-payment #paypal-blurb { float: left; position: relative; left: 300px; top: 10px; }

#apply .bottom-buttons, #account .bottom-buttons, #stop .bottom-buttons, #financialaid .bottom-buttons, #find_a_counselor .bottom-buttons, #switch_counselor .bottom-buttons { margin-top: 30px; }

#apply .bottom-buttons .btn, #account .bottom-buttons .btn, #stop .bottom-buttons .btn, #financialaid .bottom-buttons .btn, #find_a_counselor .bottom-buttons .btn, #switch_counselor .bottom-buttons .btn { margin-right: 15px; }

#apply .discount_calc, #account .discount_calc, #stop .discount_calc, #financialaid .discount_calc, #find_a_counselor .discount_calc, #switch_counselor .discount_calc { text-align: right; }

#apply .discount_calc span, #account .discount_calc span, #stop .discount_calc span, #financialaid .discount_calc span, #find_a_counselor .discount_calc span, #switch_counselor .discount_calc span { color: #AF2225; }

#apply #modal-confirmation .fa-spinner, #account #modal-confirmation .fa-spinner, #stop #modal-confirmation .fa-spinner, #financialaid #modal-confirmation .fa-spinner, #find_a_counselor #modal-confirmation .fa-spinner, #switch_counselor #modal-confirmation .fa-spinner { float: left; font-size: 40px; margin-right: 20px; margin-top: -3px; }

#apply .language-select, #account .language-select, #stop .language-select, #financialaid .language-select, #find_a_counselor .language-select, #switch_counselor .language-select { width: 190px; }

#apply .popover, #account .popover { text-align: justify; width: 450px; line-height: 20px; }

#apply .custom-file-upload input[type="file"], #account .custom-file-upload input[type="file"] { display: none; }

#apply .photo_block, #account .photo_block { margin-top: 10px; }

#apply .cr-slider-wrap, #account .cr-slider-wrap { width: 200px !important; }

#change .change-radio { margin-bottom: 15px; padding: 0px; border: 2px solid #DDDDDD; border-radius: 5px; }

#change .change-radio label { width: 100%; padding: 0; }

#change .change-radio .row { margin-left: 0px; margin-right: 0px; }

#change .change-radio [type='radio'] { display: none; }

#change .change-radio:hover { border-color: #05BBD3; }

#change .change-radio .change-description { padding: 15px; }

#change .change-radio .change-price { text-align: right; padding: 15px; }

#change .change-radio .change-title { padding: 15px 15px 15px 30px; }

#change .change-radio .circle { display: none; }

#change .change-radio-select { border-color: #05BBD3; background-color: #EEEEEE; }

#change .change-radio-select .change-title { color: #05BBD3; }

#change .change-radio-select .circle { position: absolute; text-align: center; top: 50%; left: -15px; font-size: 20px; line-height: 30px; background-color: #05BBD3; height: 30px; width: 30px; border-radius: 50%; margin-top: -15px; display: block; color: white; }

#account .stripe-file-inputs-box { display: flex; align-items: center; margin-bottom: 10px; }

#account input[type="file"].stripe-file-input { display: flex; align-items: center; }

#account .stripe-file-inputs-box .remove-selected-file { color: #888888; flex-grow: 1; padding-left: 20px; }

#account .stripe-upload-section { margin: 30px 0 0 0; }

#account .stripe-upload-section #add-new-one { color: #5faa41; display: inline-block; margin-top: 10px; cursor: pointer; }

#account .stripe-upload-section #add-new-one:hover, #account .stripe-upload-section #add-new-one:active { text-decoration: underline; }

#card_cvc-tooltip-link + .tooltip.in { opacity: 1; }

#card_cvc-tooltip-link + .tooltip.right .tooltip-arrow { border-right-color: #5faa41; }

#card_cvc-tooltip-link + .tooltip.top .tooltip-arrow { border-top-color: #5faa41; }

#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 #5faa41; overflow: hidden; }

#card_cvc-tooltip-link + .tooltip .tooltip-text { padding: 10px; border-top: 1px solid #DDDDDD; }

@media (max-width: 991px) { #change .change-radio .change-description { border-top: 1px solid #EEEEEE; margin-top: 15px; text-align: center; }
  #change .change-radio.change-radio-select .change-description { border-top: 1px solid #DDDDDD; } }

@media (max-width: 767px) { #change .change-radio .change-price { text-align: left; padding-left: 30px; padding-top: 0; }
  #counselor_avatar .rotate_crop { padding-left: 10px; padding-right: 10px; }
  #account input[type="file"].stripe-file-input { max-width: 200px; }
  #account .need-top-space { margin-top: 0; }
  #account #personal_payment .col-sm-3 { margin-top: 15px; }
  #account #personal_payment .col-sm-3:first-child { margin-top: 0; }
  #account #company_payment .col-sm-4 { margin-top: 15px; }
  #account #company_payment .col-sm-4:first-child { margin-top: 0; } }

.brand-primary { color: #5faa41; }

.overlay-loading { top: 0; bottom: 0; left: 0; right: 0; position: fixed; background: url("//dy7glz37jgl0b.cloudfront.net/brand/betterhelp/spinning-logo.gif") no-repeat center center; z-index: 2502 !important; }

.additional-icon { max-height: 40px; }

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

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

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

var { font-style: normal; }

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

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

body #body-container { position: relative; }

body #body-container #content-container { min-height: 800px; min-height: 85vh; padding-bottom: 50px; padding-top: 100px; }

body.is_app #body-container #content-container { padding-bottom: 30px; padding-top: 70px; }

body.is_app#start footer, body.is_app#verify_email footer, body.is_app#next footer, body.is_app#smart_match footer, body.is_app#overview footer { display: none; }

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

body audio { max-width: 17em; }

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

.gray { background-color: #F5F5F5; }

.white { background-color: white; }

@media (max-width: 991px) { 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-top: 80px; }
  body.minimal #body-container #content-container { padding-bottom: 280px; }
  .container { padding-left: 20px; padding-right: 20px; } }

@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; } }

@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; }

.banner-intro { background-color: #445282; -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%; text-align: center; margin-top: -40px; height: 200px; display: table; }

.banner-intro .breadcrumbs { position: absolute; padding-top: 20px; padding-left: 20px; color: white; }

.banner-intro .breadcrumbs a { color: #b1dca1; }

.banner-intro .breadcrumbs a:hover { color: #6dcc5d; }

.banner-intro .banner-intro-title { color: white; display: table-cell; text-align: center; vertical-align: middle; }

.banner-intro .banner-intro-title h1 { font-weight: 300; font-family: "Roboto Slab", serif; margin: 0 auto; width: 90%; text-align: center; font-size: 2.2em; }

.btn { font-size: 16px; border-width: 2px; height: 35px; line-height: 31px; padding: 0 17.5px; }

.btn.btn-lg, .btn-group-lg > .btn { font-size: 18px; border-width: 2px; height: 45px; line-height: 41px; padding: 0 22.5px; }

.btn.btn-xlarge { font-size: 24px; border-width: 2px; height: 55px; line-height: 51px; padding: 0 27.5px; }

.btn.btn-sm, .btn-group-sm > .btn { font-size: 14px; height: 26px; line-height: 22px; padding: 0 10.4px; }

.btn.btn-secondary { background-color: #2E4057; border-color: #2E4057; color: white; }

.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus { background-color: #222f40; border-color: #222f40; }

.btn.btn-dismiss { color: #444444; background-color: #DDDDDD; }

.btn.btn-dismiss:hover, .btn.btn-dismiss:active, .btn.btn-dismiss:focus { background-color: #CCCCCC; }

.btn.btn-exit { background-color: #AF2225; border-color: #AF2225; color: white; }

.btn.btn-exit:hover, .btn.btn-exit:active, .btn.btn-exit:focus { background-color: #9c1d20; border-color: #9c1d20; }

textarea.form-control { resize: vertical; }

h1:first-child { margin-top: 0; }

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

small { line-height: 1.4; }

.red { color: #AF2225; }

.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-body .larger-text { font-size: 18px; }

.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; }

.modal-body h3 { margin: 0; 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 { text-align: right; display: block; font-weight: 700; margin-top: -30px; position: absolute; right: 40px; padding-left: 5px; background-color: white; z-index: 3; }

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 { padding: 30px; background-color: white; border-radius: 5px; margin-bottom: 15px; clear: both; overflow-y: auto; overflow-x: hidden; }

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: #315778; }

#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: #315778; }

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; }

.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; }

.field_hint { margin-top: 5px; color: grey; font-size: smaller; }

.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; }

.mleft10 { margin-left: 10px; }

@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; } }

.testimonial-in-quotes { background-color: #6AA371; color: white; font-style: italic; }

.testimonial-in-quotes .btn { font-style: normal; }

.testimonial-in-quotes .testimonial-highlight { font-size: 1.6em; line-height: 1.4em; margin-bottom: 30px; }

.testimonial-in-quotes .testimonial-content { font-size: 1em; font-weight: 400; }

.testimonial-in-quotes .start-quote, .testimonial-in-quotes .end-quote { position: absolute; width: 45px; z-index: 5; }

.testimonial-in-quotes .start-quote { left: -8px; }

.testimonial-in-quotes .end-quote { left: 94.5%; top: 0; }

.testimonial-in-quotes .testimonial-text { width: 90%; margin: 0 auto; }

.testimonial-in-quotes .testimonial-cta .btn { margin-top: 20px; background-color: transparent; color: white; border-color: white; }

.testimonial-in-quotes .testimonial-cta .btn:hover { background-color: #568c5d; }

.testimonial-in-quotes .testimonials { text-align: center; padding: 0; z-index: 5; }

.testimonial-in-quotes .testimonials .slide { display: none; height: 260px; outline: none !important; }

.testimonial-in-quotes .testimonials .slide:first-child { display: block; }

.testimonial-in-quotes .testimonials .slick-slider .slide { display: block; }

.testimonial-in-quotes .testimonials .slick-dots li button:before { color: white; font-style: normal; opacity: 0.8; }

.testimonial-in-quotes .testimonials .slick-dots li.slick-active button:before { color: #ADEF95; font-style: normal; }

.testimonial-in-quotes .testimonials div.slide table.counselor { display: inline-block; margin-left: 10px; text-align: left; font-weight: normal; font-size: 14px; font-style: normal; }

.testimonial-in-quotes .testimonials div.slide table.counselor td.intro { font-weight: 400; padding-right: 10px; }

.testimonial-in-quotes .testimonials div.slide table.counselor .user-icon { height: 70px; width: 70px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

.testimonial-in-quotes .testimonials div.slide table.counselor span.credentials { display: block; font-weight: 400; }

.testimonial-in-quotes .testimonials div.slide span.author { color: #444444; font-weight: bold; }

.testimonial-in-quotes .testimonials div.slide p.text { margin-bottom: 0; }

#modal-pay-for-me #btn-cancel-pay-for-me, #modal-pay-for-me #btn-submit-pay-for-me { margin-top: 25px; }

#modal-pay-for-me #pay-for-me-label .col-sm-7 { margin-bottom: 10px; }

.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; }

.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; color: #888888; }

.cookie-footer .cookie-close a:hover, .cookie-footer .cookie-close a:active { text-decoration: none; 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; }
  .mtop20-xs { margin-top: 20px; }
  .banner-intro { margin-top: -20px; height: 160px; }
  .banner-intro .banner-intro-title h1 { font-size: 24px; }
  .testimonial-in-quotes .start-quote, .testimonial-in-quotes .end-quote { width: 35px; }
  .testimonial-in-quotes .testimonials .slick-slider .slide { height: 270px; }
  #modal-pay-for-me #btn-cancel-pay-for-me, #modal-pay-for-me #btn-submit-pay-for-me { margin-top: 5px; }
  #modal-pay-for-me #pay-for-me-label .col-sm-7 { margin-bottom: 0; } }

@media (max-width: 576px) { .testimonial-in-quotes .testimonial-highlight { font-size: 1.3em; }
  .testimonial-in-quotes .start-quote, .testimonial-in-quotes .end-quote { position: absolute; width: 30px; }
  .testimonial-in-quotes .start-quote { left: -10px; }
  .testimonial-in-quotes .end-quote { right: -3px; } }

.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; }

@media (max-width: 767px) { .popover { max-width: 66.6666667%; z-index: 1; top: 81px !important; } }

.finger-pointer { cursor: pointer; }

.green { color: #5faa41; }

.red { color: #AF2225; }

.btn-ios-review-top { width: 170px; }

.btn-ios-review { margin-top: -30px; width: 170px; }

#counselor-index { background-color: #F5F5F5; }

#counselor-index #body-container #content-container { padding-top: 60px; }

#counselor-index header, #counselor-index .counselor-profile-header, #counselor-index .counselor-profile-subnav { width: 100%; }

#counselor-index footer #upperbar { background-color: #F5F5F5; }

#counselor-index footer #lowerbar { background-color: white; }

#counselor-index .counselor-profile-header { background-color: #315778; 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: #444444; 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: -270px; visibility: hidden; }

#counselor-index .content h2 { color: #5faa41; 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; }

@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 footer #upperbar { background-color: white; }
  #counselor-index footer #lowerbar { background-color: #F5F5F5; }
  #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.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; } }

html, body { height: 100%; min-height: 100%; }

#sessions { overflow: hidden; padding-top: 60px; }

#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 #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%; }

#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 #5faa41; 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: 2px solid #5faa41; }

#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 #5faa41; 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 #5faa41; }

#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: #444444; background-color: transparent; }

#sessions .todaystotal { width: 100%; margin: 30px 0 0; }

#sessions .todaystotal .prod-name-color { color: #5faa41; }

#sessions .todaystotal td, #sessions .todaystotal th { padding: 10px; }

#sessions .todaystotal td { text-align: right; }

#sessions .todaystotal th { text-align: left; }

#sessions .todaystotal tr.trial { color: #AF2225; }

#sessions .todaystotal tr.total { font-size: 18px; }

#sessions .todaystotal tr.total td, #sessions .todaystotal tr.total th { border-top: 1px solid #DDDDDD; }

#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(95, 170, 65, 0.3); }

#sessions #scheduler #btn-book-session:after { content: 'BOOK'; }

#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(95, 170, 65, 0.2); color: #5faa41; }

#sessions .todo-clients .btn-todo:hover, #sessions .todo-clients .btn-subscribers:hover { background-color: rgba(95, 170, 65, 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 #client-online { font-size: 24px; width: 25px; margin: 0 5px; position: relative; top: -7px; color: #888888; }

#sessions #client-online:after { color: inherit; }

#sessions #client-online span { position: absolute; font-size: 10px; top: 28px; left: -3px; }

#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(95, 170, 65, 0.2); border-bottom: 1px solid rgba(95, 170, 65, 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: 60px; 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 .message-wrap, #sessions #messages-loading .message-wrap { margin-bottom: 20px; }

#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%; }

#sessions #message-panel .message-wrap .message-and-timestamp .date-cont, #sessions #messages-loading .message-wrap .message-and-timestamp .date-cont { margin-top: 5px; font-size: 11px; color: #888888; }

#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:hover .button-bar, #sessions #messages-loading .message-wrap .message:hover .button-bar { display: inline-block; }

#sessions #message-panel .message-wrap .message .button-bar, #sessions #messages-loading .message-wrap .message .button-bar { overflow: auto; float: right; bottom: 0; margin-top: -26px; display: none; z-index: 999; position: relative; }

#sessions #message-panel .message-wrap .message .btn-icon, #sessions #messages-loading .message-wrap .message .btn-icon { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); }

#sessions #message-panel .message-wrap .message .btn-icon:hover, #sessions #messages-loading .message-wrap .message .btn-icon:hover { color: #444444; background-color: rgba(0, 0, 0, 0.05); }

#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: 12px; }

#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 .btn, #sessions #messages-loading .message-wrap .message .btn { float: right; margin-left: 5px; }

#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: #DDDDDD; border-top: 2px solid #CCCCCC; }

#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(68, 68, 68, 0.1); }

#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(68, 68, 68, 0.2); }

#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(49, 87, 120, 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(49, 87, 120, 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: #315778; }

#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.system, #sessions #message-panel .message-wrap .message.note, #sessions #messages-loading .message-wrap .message.system, #sessions #messages-loading .message-wrap .message.note { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px 0; }

#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: 5px; }

#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.note .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #sessions #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #sessions #messages-loading .message-wrap.note .message-and-timestamp .entry .system-msg-icon .fa-check-circle { 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 .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: 0; }

#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 .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 #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 .form-control { overflow-y: scroll; 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 .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 { background-color: #fbfdb6; margin-left: -10px; margin-right: -10px; border-top: 1px solid #CCCCCC; padding: 5px 10px; }

#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 #315778; 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: #5faa41; border: 1px solid white; }

#sessions #writer .editor-buttons .btn.btn-send[disabled] { color: #5faa41; -webkit-text-fill-color: #5faa41; background-color: white; border: 1px solid #5faa41; }

#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: hidden; 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 #5faa41; 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: 27px; }

#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 #recorder-modal-container { text-align: center; position: relative; }

#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 #client-feedback { background-color: #c7e6c7 !important; }

#sessions #client-feedback .cf-product-name { font-size: inherit; font-weight: inherit; }

#sessions #cfp-review-rating { margin-bottom: 15px; }

#sessions #cfp-review-rating h3 { display: inline-block; margin-right: 15px; }

#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 img { width: 15px; margin-right: 10px; margin-bottom: 5px; }

#sessions #counseling-menu .todo-widget-client a { font-size: 16px; line-height: 22px; display: block; height: 22px; text-decoration: none; padding-bottom: 27px; font-weight: 500; }

#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: 10px; padding-right: 10px; margin-left: 0; margin-right: 0; }

#sessions .client-promotions p { margin: 0; }

#sessions .client-promotions-writer { z-index: 1000; position: fixed; cursor: pointer; bottom: 65px; border-radius: 5px; margin-left: 15px; font-size: 13px; min-height: 40px; line-height: 1.4em; padding: 10px 30px 10px 20px; display: inline-block; white-space: normal; }

#sessions .client-promotions-writer.no-scheduler { bottom: 80px; }

#sessions a.sessions-promo { color: white; cursor: pointer; }

#sessions a.sessions-promo:visited, #sessions a.sessions-promo:hover, #sessions a.sessions-promo:active { text-decoration: none; }

#sessions .close-banner { position: absolute; right: 6px; font-size: 19px; cursor: default; }

#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 #credit, #change-subscription #credit { margin-bottom: 40px; }

#cake-modal #credit table, #change-subscription #credit table { margin-top: 0; font-size: 14px; }

#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 #5faa41; width: 250px; color: #666666; margin: 10px; border-radius: 10px; bottom: 30px; left: -50px; line-height: 1.4em; padding: 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(49, 87, 120, 0.1); border: 0; }

#sessions #message-panel .message-wrap .message.sent .att-file ul li.stop:hover { background-color: rgba(49, 87, 120, 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 .message .title-bar.audio_transcription { background-color: #DDDDDD; color: #444444; }

#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 #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.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; }
  #sessions .client-promotions-writer { font-size: 13px; margin-left: 10px; } }

@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: #5faa41; background-color: white; width: 74px; }
  #sessions:not(.mobile_menu) #scheduler button#btn-book-session:hover { color: #377e1b; 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 .sessions-promo .client-promotions-writer { position: static; margin: 0; border-radius: 0; max-width: initial; }
  #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 #writer #menu-bar .send-to-button { display: none; }
  #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 #message-panel { width: 100% !important; position: relative; margin-top: -10px; }
  #sessions #message-panel.flush-with-cake { margin-top: 0 !important; }
  #sessions #body-container > #content-container > .container > .row { margin-left: -15px; margin-right: 0; }
  #sessions #client-online { font-size: 18px; width: 20px; margin: 8px 10px; }
  #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 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; }
  #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%; margin: 0; padding: 0; }
  #sessions #writer .form-control { margin-bottom: 0; max-height: 130px; }
  #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; }
  #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; }
  #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 .modal-not-ready-btn { margin-top: 10px; font-size: 14px; width: 100%; }
  #sessions #modal-not-ready .btn { float: right; margin-right: 0; margin-top: 5px; } }

@media (max-width: 590px) { #sessions .client-promotions-writer { border-radius: 0; padding: 7px 30px; margin: -15px 0 0 0; height: auto; line-height: 1.4em; }
  #sessions .client-promotions-writer .close-banner { font-size: 21px; } }

@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 (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 #banana-bread, #cfp #left-bar #banana-bread { text-align: center; position: relative; }

#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(95, 170, 65, 0.2); border-bottom: 1px solid rgba(95, 170, 65, 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: '\f0da'; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 18px; margin: 0px 0px 0px 10px; color: #5faa41; -webkit-text-fill-color: #5faa41; 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: '\f0d7'; 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(95, 170, 65, 0.4); background-color: white; color: #5faa41; -webkit-text-fill-color: #5faa41; }

#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(95, 170, 65, 0.1); }

#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: hidden; 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(95, 170, 65, 0.4); color: #5faa41; -webkit-text-fill-color: #5faa41; height: 30px; background-color: white; line-height: 30px; font-size: 14px; display: inline-block; margin: 0 auto; }

#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(95, 170, 65, 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 .block, #cfp #left-bar .block { padding-top: 0; }

#sessions #left-bar .block .header, #cfp #left-bar .block .header { margin: 10px 0; }

#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 img, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client img { width: 22px; margin-right: 10px; }

#sessions #left-bar #todo-widget #todo-widget-clients .todo-widget-client a, #cfp #left-bar #todo-widget #todo-widget-clients .todo-widget-client a { font-size: 16px; line-height: 22px; display: inline-block; height: 22px; text-decoration: none; margin-bottom: 5px; }

#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(95, 170, 65, 0.4); color: #5faa41; -webkit-text-fill-color: #5faa41; 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(95, 170, 65, 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, #cfp #left-bar #session-actions .btn span.notes, #cfp #left-bar #session-actions .btn span.allmessages { 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-notes, #cfp #left-bar #session-actions .btn.btn-notes { border: 1px solid rgba(95, 170, 65, 0.4); color: #5faa41; -webkit-text-fill-color: #5faa41; height: 30px; padding: 0; line-height: 30px; }

#sessions #left-bar #session-actions .btn.btn-notes span.notes, #cfp #left-bar #session-actions .btn.btn-notes span.notes { display: block; }

#sessions #left-bar #session-actions .btn.btn-notes:hover, #cfp #left-bar #session-actions .btn.btn-notes:hover { background-color: rgba(95, 170, 65, 0.1); }

#sessions #left-bar #session-actions .btn.btn-allmessages, #cfp #left-bar #session-actions .btn.btn-allmessages { border: 1px solid rgba(49, 87, 120, 0.2); color: rgba(49, 87, 120, 0.7); -webkit-text-fill-color: rgba(49, 87, 120, 0.7); 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(49, 87, 120, 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 .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 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: #5faa41; 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(95, 170, 65, 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(95, 170, 65, 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(95, 170, 65, 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: #5faa41; 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(95, 170, 65, 0.3) !important; color: #666; -webkit-text-fill-color: #666; border: 1px solid rgba(95, 170, 65, 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: #5faa41 !important; color: white; -webkit-text-fill-color: white; border: 1px solid #5faa41; }

#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: #5faa41; }

#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-top: -15px; 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: #5faa41; -webkit-text-fill-color: #5faa41; }

#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(95, 170, 65, 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 #5faa41; background-color: rgba(95, 170, 65, 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: #5faa41; -webkit-text-fill-color: #5faa41; }

#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; }

.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: #315778; }

.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(95, 170, 65, 0.4); color: #5faa41; -webkit-text-fill-color: #5faa41; height: 30px; background-color: white; line-height: 30px; font-size: 14px; display: inline-block; margin: 0 auto; }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button:hover { background-color: rgba(95, 170, 65, 0.1); }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button#worksheet-preview { border: 1px solid rgba(227, 96, 57, 0.4); color: #E36039; -webkit-text-fill-color: #E36039; margin-right: 10px; }

.worksheets-tab.counselor-worksheets #worksheet-assign-buttons button#worksheet-preview:hover { background-color: rgba(227, 96, 57, 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: #315778; }

.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; } }

@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 #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 .confirm-session-type, #sessions .session-view #scheduler-widget #scheduler-confirm .confirm-session-type, #sessions .session-view #scheduler-widget #scheduler-unsupported-browser .confirm-session-type, #sessions .session-view #scheduler-widget #scheduler-unsupported-mobile .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-unsupported-browser .confirm-session-type, #cfp .session-view #scheduler-widget #scheduler-unsupported-mobile .confirm-session-type { margin-top: -10px; }
  #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(95, 170, 65, 0.2); } }

#faq.mobile_menu .faq-right-collapse { margin-top: 0; }

#faq .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/man-in-city-with-phone-2.jpg"); background-position: center center; }

#faq .faq-right-collapse { margin-top: 20px; }

#faq .faq-right-collapse .panel-title { font-size: 1.2em; line-height: 1.4em; }

#faq .faq-right-collapse .panel .panel-body { font-size: 14px; }

#faq .faq-right-collapse .panel .panel-body table { border-color: #DDDDDD; }

#faq .faq-right-collapse .panel .panel-body table th, #faq .faq-right-collapse .panel .panel-body table td { padding: 10px; border-color: #DDDDDD; }

#faq.counselor-guide .faq-toggle-all { margin: 0 0 20px 0; padding: 0; }

#faq.counselor-guide .faq-toggle-all #faq-toggle-all { background-color: #d9ecd1; color: #444444; padding: 0 10px 0 10px; }

#faq.counselor-guide .panel .panel-heading a.accordion-toggle { font-size: 18px; margin-bottom: 20px; display: block; color: #5faa41; font-weight: 700; text-decoration: none !important; outline: 0 !important; padding-left: 20px; }

#faq.counselor-guide .panel .panel-heading a.accordion-toggle.collapsed { color: #444444; font-weight: 400; }

#faq.counselor-guide .panel .panel-heading a.accordion-toggle.collapsed:before { content: "\f105"; margin-right: 10px; font-family: 'FontAwesome'; margin-left: -20px; }

#faq.counselor-guide .panel .panel-heading a.accordion-toggle:before { content: "\f107"; margin-right: 4px; font-family: 'FontAwesome'; color: #444444; font-weight: 400; margin-left: -20px; }

#faq.counselor-guide .panel .panel-heading a.accordion-toggle:hover { text-decoration: none; color: #5faa41; }

#faq.counselor-guide .panel .panel-heading.panel-category { margin-bottom: 20px; }

#faq.counselor-guide .panel .panel-heading.panel-category a.accordion-toggle { margin-bottom: 0; font-weight: bold; font-size: 16px; background-color: #d9ecd1; padding: 7px 10px 7px 20px; text-transform: uppercase; border-radius: 5px; }

#faq.counselor-guide .panel .panel-heading.panel-category a.accordion-toggle:before { margin-left: 0; }

#faq.counselor-guide .panel .panel-heading.panel-category a.accordion-toggle[aria-expanded="true"] { background-color: #84bb6c; color: white; }

#faq.counselor-guide .panel .panel-heading.panel-category a.accordion-toggle[aria-expanded="true"]:before { color: white; }

#faq.counselor-guide .panel .panel-heading a.accordion-toggle { font-size: 16px; }

#faq.counselor-guide .panel .panel-body { margin-bottom: 40px; display: block; padding-left: 20px; }

#faq.counselor-guide .panel .panel-body table { border-color: #DDDDDD; border-style: solid; border-width: 1px; }

#faq.counselor-guide .panel .panel-body table th, #faq.counselor-guide .panel .panel-body table td { padding: 10px; border-color: #DDDDDD; border-style: solid; border-width: 1px; }

#faq.counselor-guide .panel .panel-body .cs-img-lg { width: 100%; }

#faq.counselor-guide .panel .panel-body .cs-img-md { width: 50%; }

#faq.counselor-guide .panel .panel-body .cs-img-sm { width: 25%; }

#faq.counselor-guide .panel .panel-body .cs-img-lg, #faq.counselor-guide .panel .panel-body .cs-img-md, #faq.counselor-guide .panel .panel-body .cs-img-sm { height: auto; display: block; margin: 15px 0; }

@media (max-width: 767px) { #faq .panel .panel-heading a.accordion-toggle { font-size: 14px; }
  #faq .panel .panel-body { padding-left: 0; }
  #faq.counselor-guide .panel .panel-heading a.accordion-toggle { font-size: 14px; }
  #faq.counselor-guide .panel .panel-body { padding-left: 0; }
  #faq.counselor-guide .panel .panel-body .cs-img-lg, #faq.counselor-guide .panel .panel-body .cs-img-sm, #faq.counselor-guide .panel .panel-body .cs-img-md { width: 100%; height: auto; } }

#reviews .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/people-happy-park.jpg"); background-position: center center; }

#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: #888888; }

#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(95, 170, 65, 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 #login-bg .container:first-child .row:first-child { display: none; }

#login #login-bg .container:first-child .row:nth-child(3) { display: none; }

#login #login-bg .back-to-login { display: none; }

#login #body-container { background-size: cover; background-repeat: no-repeat; background-position: center center; }

#login #body-container #content-container { padding-top: 0px; }

#login #body-container header { margin-bottom: 0; position: relative; }

#login #body-container footer { height: auto; border-top: 2px solid #CCCCCC; }

#login #body-container footer #upperbar { padding: 25px 0 0 0; background-color: #F5F5F5; }

#login #body-container footer #upperbar .col-md-6 { width: 100%; }

#login #body-container footer #upperbar .right { display: none; }

#login #body-container footer #lowerbar { border-top: 0; padding: 10px 0 25px 0; }

#login #body-container footer #lowerbar .upper { display: none; }

#login #body-container footer #lowerbar .copyright-regain { display: none; }

#login #body-container .quote { padding: 20px; font-size: 22px; color: white; font-style: italic; font-weight: 700; border-radius: 5px; margin-top: 30px; line-height: 1.4; z-index: 5; }

#login #body-container .quote span.author { display: block; font-size: 18px; font-weight: 400; margin-top: 10px; }

#login #body-container form#login-form { background-color: rgba(0, 0, 0, 0.7); padding: 30px; border-radius: 0 0 5px 5px; text-align: center; z-index: 5; color: white; position: relative; }

#login #body-container form#login-form .form-control { font-size: 14px; }

#login #body-container form#login-form h2 { margin-top: 0; }

#login #body-container form#login-form span.title { font-weight: 700; text-align: left; font-size: 18px; margin-bottom: 10px; display: block; }

#login #body-container form#login-form a { font-weight: 700; }

#login #body-container form#login-form .alert { font-weight: 700; text-align: left; border: 0; background-color: transparent; border-radius: 0; }

#login #body-container form#login-form .alert.alert-danger, #login #body-container form#login-form .alert.alert-error { border-bottom: 2px solid #AF2225; color: white; background-color: rgba(175, 34, 37, 0.4); }

#login #body-container form#login-form .alert.alert-danger .close, #login #body-container form#login-form .alert.alert-error .close { color: white; }

#login #body-container form#login-form .alert.alert-success { border-bottom: 2px solid #5faa41; color: white; background-color: rgba(95, 170, 65, 0.4); }

#login #body-container form#login-form .alert.alert-success .close { color: white; }

#login #body-container .testimonials { position: absolute; width: 100%; bottom: 110px; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; padding: 30px; visibility: hidden; z-index: 5; }

#login #body-container .testimonials .slide { display: none; outline: none !important; }

#login #body-container .testimonials .slide:first-child { display: block; }

#login #body-container .testimonials .slick-slider .slide { display: block; }

#login #body-container .testimonials div.slide table.counselor { display: inline-block; margin-left: 10px; text-align: left; font-weight: 700; font-size: 14px; color: #5faa41; }

#login #body-container .testimonials div.slide table.counselor td.intro { color: white; font-weight: 400; padding-right: 10px; }

#login #body-container .testimonials div.slide table.counselor .user-icon { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#login #body-container .testimonials div.slide table.counselor span.credentials { display: block; color: #DDDDDD; font-weight: 400; }

#login #body-container .testimonials div.slide span.author { color: #CCCCCC; }

#login #body-container .testimonials div.slide p.text { margin-bottom: 0; }

#login #body-container.q001-tree { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q001-tree.jpg"); }

#login #body-container.q001-tree .quote { background-color: rgba(127, 176, 65, 0.8); }

#login #body-container.q002-door { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q002-door.jpg"); }

#login #body-container.q002-door .quote { background-color: rgba(56, 58, 63, 0.8); }

#login #body-container.q003-somebody { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q003-somebody.jpg"); }

#login #body-container.q003-somebody .quote { background-color: rgba(102, 87, 42, 0.8); }

#login #body-container.q004-stars { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q004-stars.jpg"); }

#login #body-container.q004-stars .quote { background-color: rgba(35, 41, 54, 0.8); }

#login #body-container.q005-failed { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q005-failed.jpg"); }

#login #body-container.q005-failed .quote { background-color: rgba(70, 54, 63, 0.8); }

#login #body-container.q006-dreams { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q006-dreams.jpg"); }

#login #body-container.q006-dreams .quote { background-color: rgba(158, 156, 137, 0.8); }

#login #body-container.q007-morning { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q007-morning.jpg"); }

#login #body-container.q007-morning .quote { background-color: rgba(143, 103, 113, 0.8); }

#login #body-container.q008-falling { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q008-falling.jpg"); }

#login #body-container.q008-falling .quote { background-color: rgba(132, 150, 148, 0.8); }

#login #body-container.q009-beauty { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q009-beauty.jpg"); }

#login #body-container.q009-beauty .quote { background-color: rgba(158, 81, 160, 0.8); }

#login #body-container.q010-tree { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q010-tree.jpg"); }

#login #body-container.q010-tree .quote { background-color: rgba(153, 111, 42, 0.8); }

#login #body-container.q011-stars { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q011-stars.jpg"); }

#login #body-container.q011-stars .quote { background-color: rgba(17, 46, 81, 0.8); }

#login #body-container.q012-light { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q012-light.jpg"); }

#login #body-container.q012-light .quote { background-color: rgba(58, 40, 29, 0.8); }

#login #body-container.q013-universe { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q013-universe.jpg"); }

#login #body-container.q013-universe .quote { background-color: rgba(40, 42, 46, 0.8); }

#login #body-container.q014-sailor { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q014-sailor.jpg"); }

#login #body-container.q014-sailor .quote { background-color: rgba(142, 150, 140, 0.8); }

#login #body-container.q015-work { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q015-work.jpg"); }

#login #body-container.q015-work .quote { background-color: rgba(111, 119, 114, 0.8); }

#login #body-container.q016-littlethings { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q016-littlethings.jpg"); }

#login #body-container.q016-littlethings .quote { background-color: rgba(117, 127, 138, 0.8); }

#login #body-container.q017-newday { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q017-newday.jpg"); }

#login #body-container.q017-newday .quote { background-color: rgba(175, 161, 151, 0.8); }

#login #body-container.q018-goal { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q018-goal.jpg"); }

#login #body-container.q018-goal .quote { background-color: rgba(164, 150, 139, 0.8); }

#login #body-container.q019-bicycle { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q019-bicycle.jpg"); }

#login #body-container.q019-bicycle .quote { background-color: rgba(196, 82, 63, 0.8); }

#login #body-container.q020-story { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q020-story.jpg"); }

#login #body-container.q020-story .quote { background-color: rgba(158, 121, 91, 0.8); }

#login #body-container.q021-impossible { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q021-impossible.jpg"); }

#login #body-container.q021-impossible .quote { background-color: rgba(137, 74, 39, 0.8); }

#login #body-container.q022-perfection { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q022-perfection.jpg"); }

#login #body-container.q022-perfection .quote { background-color: rgba(230, 142, 53, 0.8); }

#login #body-container.q023-imagination { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q023-imagination.jpg"); }

#login #body-container.q023-imagination .quote { background-color: rgba(147, 115, 130, 0.8); }

#login #body-container.q024-jobs { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q024-jobs.jpg"); }

#login #body-container.q024-jobs .quote { background-color: rgba(190, 155, 0, 0.8); }

#login #body-container.q025-rainbow { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q025-rainbow.jpg"); }

#login #body-container.q025-rainbow .quote { background-color: rgba(165, 152, 159, 0.8); }

#login #body-container.q026-soul { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q026-soul.jpg"); }

#login #body-container.q026-soul .quote { background-color: rgba(130, 150, 175, 0.8); }

#login #body-container.q027-shakespeare { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q027-shakespeare.jpg"); }

#login #body-container.q027-shakespeare .quote { background-color: rgba(137, 126, 108, 0.8); }

#login #body-container.q028-world { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q028-world.jpg"); }

#login #body-container.q028-world .quote { background-color: rgba(230, 142, 53, 0.8); }

#login #body-container.q029-thrive { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q029-thrive.jpg"); }

#login #body-container.q029-thrive .quote { background-color: rgba(144, 142, 147, 0.8); }

#login #body-container.q030-football { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q030-football.jpg"); }

#login #body-container.q030-football .quote { background-color: rgba(119, 100, 67, 0.8); }

#login #body-container.q031-believe { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q031-believe.jpg"); }

#login #body-container.q031-believe .quote { background-color: rgba(100, 102, 99, 0.8); }

#login #body-container.q032-help { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q032-help.jpg"); }

#login #body-container.q032-help .quote { background-color: rgba(117, 59, 48, 0.8); }

#login #body-container.q033-boxing { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q033-boxing.jpg"); }

#login #body-container.q033-boxing .quote { background-color: rgba(17, 46, 81, 0.8); }

#login #body-container.q034-clouds { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q034-clouds.jpg"); }

#login #body-container.q034-clouds .quote { background-color: rgba(138, 89, 72, 0.8); }

#login #body-container.q035-happy { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q035-happy.jpg"); }

#login #body-container.q035-happy .quote { background-color: rgba(122, 126, 88, 0.8); }

#login #body-container.q036-inside { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q036-inside.jpg"); }

#login #body-container.q036-inside .quote { background-color: rgba(168, 196, 199, 0.8); }

#login #body-container.q037-change { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q037-change.jpg"); }

#login #body-container.q037-change .quote { background-color: rgba(162, 135, 151, 0.8); }

#login #body-container.q038-love { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q038-love.jpg"); }

#login #body-container.q038-love .quote { background-color: rgba(173, 106, 113, 0.8); }

#login #body-container.q039-opportunity { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q039-opportunity.jpg"); }

#login #body-container.q039-opportunity .quote { background-color: rgba(136, 111, 132, 0.8); }

#login #body-container.q040-weare { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q040-weare.jpg"); }

#login #body-container.q040-weare .quote { background-color: rgba(157, 110, 64, 0.8); }

#login #body-container.q041-stars { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q041-stars.jpg"); }

#login #body-container.q041-stars .quote { background-color: rgba(90, 101, 97, 0.8); }

#login #body-container.q042-cave { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q042-cave.jpg"); }

#login #body-container.q042-cave .quote { background-color: rgba(223, 184, 109, 0.8); }

#login #body-container.q043-climbers { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q043-climbers.jpg"); }

#login #body-container.q043-climbers .quote { background-color: rgba(161, 118, 125, 0.8); }

#login #body-container.q044-hiker { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q044-hiker.jpg"); }

#login #body-container.q044-hiker .quote { background-color: rgba(127, 138, 124, 0.8); }

#login #body-container.q045-runner { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q045-runner.jpg"); }

#login #body-container.q045-runner .quote { background-color: rgba(149, 157, 182, 0.8); }

#login #body-container.q046-painters { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q046-painters.jpg"); }

#login #body-container.q046-painters .quote { background-color: rgba(185, 20, 37, 0.8); }

#login #body-container.q047-rocket { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q047-rocket.jpg"); }

#login #body-container.q047-rocket .quote { background-color: rgba(14, 115, 193, 0.8); }

#login #body-container.q048-bikers { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q048-bikers.jpg"); }

#login #body-container.q048-bikers .quote { background-color: rgba(135, 82, 42, 0.8); }

#login #body-container.q049-paintbrush { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q049-paintbrush.jpg"); }

#login #body-container.q049-paintbrush .quote { background-color: rgba(16, 160, 169, 0.8); }

#login #body-container.q050-impossible { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q050-impossible.jpg"); }

#login #body-container.q050-impossible .quote { background-color: rgba(114, 45, 63, 0.8); }

#login #body-container.q051-possibility { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q051-possibility.jpg"); }

#login #body-container.q051-possibility .quote { background-color: rgba(27, 49, 70, 0.8); }

#login #body-container.q052-airplane { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q052-airplane.jpg"); }

#login #body-container.q052-airplane .quote { background-color: rgba(251, 80, 54, 0.8); }

#login #body-container.q053-limits { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q053-limits.jpg"); }

#login #body-container.q053-limits .quote { background-color: rgba(14, 28, 29, 0.8); }

#login #body-container.q054-sunrise { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q054-sunrise.jpg"); }

#login #body-container.q054-sunrise .quote { background-color: rgba(197, 138, 62, 0.8); }

#login #body-container.q055-sprout { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q055-sprout.jpg"); }

#login #body-container.q055-sprout .quote { background-color: rgba(52, 78, 53, 0.8); }

#login h1.password-reset-title { color: #5cb85c; }

#login.is_app header { display: none; }

#login.is_app footer { display: none; }

#login.is_app #body-container { background-color: white; background-image: none; text-align: center; }

#login.is_app #body-container div.block { border-bottom: 0; }

#login.is_app #body-container img.page-icon { height: 34px; margin: 30px auto 0; }

#login.is_app #body-container h1 { font-family: 'Roboto Slab'; text-align: center; margin: 20px 0 0; font-weight: 300; }

#login.is_app #body-container .btn-close { color: #444; background-color: #ddd; }

#login.is_app #body-container form#login-form { background-color: transparent; padding: 0 15px; max-width: 500px; margin: 20px auto 0; color: #444444; }

#login.is_app #body-container form#login-form .alert.alert-error { color: #AF2225; background-color: rgba(175, 34, 37, 0.2); }

#login.is_app #body-container form#login-form .alert.alert-error .close { color: #AF2225; }

#login.is_app #body-container form#login-form input { height: 50px; font-size: 16px; border-radius: 10px; background-color: #F5F5F5; border-radius: 0; border-top: 0; border-left: 0; border-right: 0; box-shadow: none; border-bottom: 2px solid #DDDDDD; }

#login.is_app #body-container form#login-form input:focus { border-bottom: 2px solid #AAAAAA; }

#login.is_app #body-container form#login-form .btn { height: 50px; margin-top: 20px; font-size: 20px; }

#login.is_app #body-container form#login-form .app-reset-pw { display: inline-block; height: auto; white-space: normal; line-height: 25px; padding: 10px 17.5px; }

#login.is_app #body-container form#login-form a { font-size: 18px; margin-top: 20px; display: block; }

#login.is_app #body-container form#login-form p { font-size: 16px; }

#login.is_app #body-container form#login-form p a { display: inline; font-size: 16px; }

@media (max-width: 991px) { #login #body-container .quote { margin-top: 15px; }
  #login #body-container .testimonials { display: none; } }

@media (max-width: 767px) { #login #body-container .quote { margin-top: 5px; } }

@media (min-height: 650px) { #login.is_app #body-container img.page-icon { height: 50px; margin: 40px auto; }
  #login.is_app #body-container h1 { font-size: 30px; }
  #login.is_app #body-container .btn.btn-close { margin-top: 80px; }
  #login.is_app #body-container form#login-form input { height: 60px; font-size: 18px; }
  #login.is_app #body-container form#login-form .btn { margin-top: 40px; } }

@media (min-height: 750px) { #login.is_app #body-container img.icon { height: 50px; margin: 100px auto 60px; } }

@media (max-height: 600px) { #login #body-container .testimonials { position: relative; top: 50px; min-height: 200px; } }

.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 { background-color: #F5F5F5; }

@media (max-width: 767px) { #start #questionnaire-faq.white-text-sm { color: white; } }

#start #questionnaire-faq .container .row { height: 100%; align-items: center; justify-content: center; }

@media (min-width: 990px) { #start #questionnaire-faq .container .row { display: flex; } }

#start #questionnaire-faq .container .faq-col-outer { align-items: center; justify-content: center; margin: 0; }

@media (min-width: 990px) { #start #questionnaire-faq .container .faq-col-outer { padding: 23px 40px 40px 40px; } }

@media (min-width: 990px) { #start #questionnaire-faq .container .faq-col-outer { margin-top: 15px; } }

#start #questionnaire-faq .container .panel-title a:hover { background: #dbdbdb; }

#start #questionnaire-faq .container .faq-question { background: #e8e8e8; }

#start #questionnaire-faq .container a.accordion-toggle:before, #start #questionnaire-faq .container a.accordion-toggle.collapsed:before { color: #b2b2b2; }

#start #questionnaire-faq .container .faq-col-inner { margin: 0; padding: 0; }

#start #questionnaire-faq .container .questionnaire-faq-heading { text-align: center; }

#start #questionnaire-faq .container .questionnaire-faq-heading h2 { display: inline-block; }

#start #questionnaire-faq .container .panel a.accordion-toggle { line-height: 1.4em; }

#start #start-question-slider { height: auto !important; }

#start #start-question-slider .slick-list { min-height: 360px; }

#start #start-question-slider button.dropdown-toggle { position: relative; font-size: 16px; margin-top: 15px; padding: 0 15px; height: 40px; text-align: start; }

#start #start-question-slider button.dropdown-toggle .caret { text-align: end; position: absolute; left: 95%; top: 45%; }

#start #start-question-slider #age_dropdown { height: 220px; overflow: scroll; width: 100%; overflow-x: hidden; }

#start #start-question-slider #age_dropdown .age-option.active { background-color: #4876B0; color: white; }

#start form { margin-bottom: 1rem; }

#start #infographic, #start #infographic-carousel-container { text-align: center; margin-bottom: 3rem; /* The animation code */ /* =presignup experiement */ /* end presignup experiment */ }

#start #infographic row, #start #infographic-carousel-container row { border-radius: 5px; }

#start #infographic .infographic-header, #start #infographic-carousel-container .infographic-header { font-size: 1.25rem; background-color: #2E4057; padding: 0; border-radius: 5px 5px 0 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 { color: white; padding: 1rem; margin: 0 auto; position: relative; z-index: 2; width: 100%; }

#start #infographic .infographic-header:after, #start #infographic-carousel-container .infographic-header:after { position: absolute; z-index: 0; width: 35px; height: 35px; top: 100%; left: 50%; margin-left: -25px; content: ''; transform: rotate(45deg); margin-top: -25px; background-color: #2E4057; margin-bottom: 50px; }

#start #infographic .carousel-numeral-behind, #start #infographic-carousel-container .carousel-numeral-behind { color: rgba(49, 87, 120, 0.2); font-size: 8rem; font-family: "Roboto Slab", serif; position: absolute; z-index: 0; top: -5px; left: 25px; }

#start #infographic .carousel-numeral-behind.numeral-shifted-left, #start #infographic-carousel-container .carousel-numeral-behind.numeral-shifted-left { left: -15px; }

@keyframes pulse { from { box-shadow: 0 0 0 0 rgba(46, 64, 87, 0.1);
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: scale(1, 1); }
  to { box-shadow: 0 0 0 15px rgba(46, 64, 87, 0);
    -webkit-transform: translateZ(0) scale(1.3, 1.3);
    transform: scale(1.3, 1.3); } }

#start #infographic .animation-pulse, #start #infographic-carousel-container .animation-pulse { will-change: transform; animation: pulse 1.33s infinite cubic-bezier(0.66, 0, 0, 1); position: relative; top: 55px; width: 15px; height: 15px; border: none; box-shadow: 0 -5px rgba(49, 87, 120, 0.5); border-radius: 50%; background-color: none; }

#start #infographic .infographic-subtitle, #start #infographic-carousel-container .infographic-subtitle { font-weight: 400; font-size: medium; }

#start #infographic .infographic-item, #start #infographic-carousel-container .infographic-item { padding-top: 20px; }

#start #infographic .background-gradient-body, #start #infographic-carousel-container .background-gradient-body { position: relative; background-color: white; height: 100%; border-radius: 10px 10px 0 0; }

#start #infographic h3, #start #infographic-carousel-container h3 { min-height: 58px; }

#start #infographic .infographic_text-purplebold, #start #infographic-carousel-container .infographic_text-purplebold { font-weight: bold; color: #315778; }

#start #infographic img, #start #infographic-carousel-container img { margin: 0 auto; display: block; max-width: 75px; }

#start #infographic img.img-larger, #start #infographic-carousel-container img.img-larger { max-width: 150px !important; height: 75px; }

#start #infographic.test-green .infographic-header, #start #infographic.test-green .infographic-header:after, #start #infographic-carousel-container.test-green .infographic-header, #start #infographic-carousel-container.test-green .infographic-header:after { background-color: #5faa41; }

#start #infographic.test-green .carousel-numeral-behind, #start #infographic-carousel-container.test-green .carousel-numeral-behind { color: rgba(95, 170, 65, 0.2); }

#start #infographic.test-green .background-gradient-body, #start #infographic-carousel-container.test-green .background-gradient-body { background-color: #fafaf0; }

#start #infographic { margin: 3rem auto; }

#start #infographic img { margin-bottom: 20px; }

#start #infographic-carousel-bh { width: 100%; /* =presignup experiement */ /* end presignup experiment */ }

#start #infographic-carousel-bh .item { min-height: 200px; margin-bottom: 3rem; }

#start #infographic-carousel-bh .carousel-control { background-image: none; position: absolute; top: 40%; }

#start #infographic-carousel-bh .carousel-control .fa { position: relative; top: 15px; color: #315778; }

#start #infographic-carousel-bh .carousel-indicators { padding-top: 3rem; }

#start #infographic-carousel-bh li { background-color: white; border-color: #315778; opacity: 0.5; margin-left: 5px; margin-right: 5px; }

#start #infographic-carousel-bh li.active { height: 12px; width: 12px; background-color: #315778; border-color: #315778; opacity: 0.75; }

#start #infographic-carousel-bh.test-green { background-color: #fafaf0 !important; border: none; }

#start #infographic-carousel-bh.test-green .infographic-header, #start #infographic-carousel-bh.test-green .infographic-header:after { background-color: #377e1b; }

#start #infographic-carousel-bh.test-green .carousel-numeral-behind { color: rgba(95, 170, 65, 0.2); }

#start.defranco { background-color: #F5F5F5; }

#start .discount-banner { margin-bottom: 0; margin-top: -10px; text-align: center; font-size: 14px; }

#start footer #upperbar { background-color: #F5F5F5; }

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

#start #intro { text-align: center; margin-bottom: 20px; }

#start #intro h1 { font-size: 40px; }

#start.samsung #intro { margin-bottom: 0; }

#start .samsung-funnel { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/samsung-funnel-top.jpg") no-repeat top center; background-size: cover; padding: 10px; text-align: center; color: white; margin-bottom: 10px; min-height: 160px; }

#start .samsung-funnel .brand { height: auto; margin: 10px auto; }

#start .samsung-funnel .brand img { width: 90%; }

#start .samsung-funnel h1 { font-size: 20px; padding: 0 10px; }

#start .samsung-funnel.samsung-account .brand { margin-top: 32px; }

#start .go-away { display: none; }

#start .mobile h1 { text-align: center; }

#start .affiliate-header-xs { background-color: #F5F5F5; padding: 10px; margin-bottom: 20px; }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-image-xs, #start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-content-xs { display: inline-block; vertical-align: middle; }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-image-xs { width: 28%; }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-image-xs img { height: 100px; width: 100px; border-radius: 50%; border: 2px solid #CCCCCC; width: 100%; height: 100%; border: 2px solid white; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-content-xs { text-align: left; width: 69%; padding-left: 10px; }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-content-xs img { height: 18px; margin-bottom: 5px; width: auto; }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-content-xs .affiliate-welcome-xs { font-family: Roboto Slab, serif; font-weight: 400; font-size: 14px; }

#start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-content-xs .affiliate-quote-xs { font-size: 12px; }

#start .dark-font-affiliate h1 { margin-top: 20px; }

#start .slider { border-radius: 5px; }

#start .slider .image-text { font-size: 24px; padding: 8px; display: block; text-align: center; color: black; line-height: 1; }

#start .slider .image-logo { padding: 5px; }

#start .slider .image-logo img { height: 22px; vertical-align: middle; }

#start .slider .image-by { font-size: 18px; }

#start .slider .image-testimonial { min-height: 260px; background-size: cover; overflow: hidden; position: relative; }

#start .slider .image-bottom-bar { background-color: white; width: 100%; position: absolute; bottom: 0; opacity: .9; }

#start .slider .image-table { background-color: #2E4057; opacity: 1; padding-left: -5px; text-align: left; }

#start .slider.questionnaire { background-color: white; font-size: 16px; }

#start .slider.questionnaire .question, #start .slider.questionnaire .next { display: none; outline: none !important; }

#start .slider.questionnaire .question:first-child { display: block; }

#start .slider.questionnaire.slick-slider .question, #start .slider.questionnaire.slick-slider .next { display: block; }

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

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

#start .slider.questionnaire .questionnaire-content .login-link { display: none; }

#start .slider.questionnaire .questionnaire-content .show-more-wrapper { margin: 20px 0 20px 27px; }

#start .slider.questionnaire .questionnaire-content.slider-funnel { text-align: left; }

#start .slider.questionnaire .questionnaire-content.slider-funnel h2 { margin-top: 0; }

#start .slider.questionnaire .questionnaire-content.slider-funnel .mbot15 { margin-bottom: 15px; }

#start .slider.questionnaire .questionnaire-content.slider-funnel .width-sm { width: 30%; }

#start .slider.questionnaire .questionnaire-content.slider-funnel p { font-weight: 400; line-height: 1.4em; font-size: 16px; }

#start .slider.questionnaire .questionnaire-content.slider-funnel.slider-funnel-smartmatch label.checkbox { margin-top: 5px; margin-bottom: 5px; font-weight: normal; }

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

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

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

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

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

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

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

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

#start .slider.questionnaire .range-mid { text-align: center; }

#start .slider.questionnaire .range-max { padding-right: 0; text-align: right; }

#start .slider.testimonials { padding: 40px; background-color: #2E4057; color: white; }

#start .slider.testimonials .start-testimonial { display: none; }

#start .slider.testimonials .start-testimonial:first-child { display: block; }

#start .slider.testimonials .slick-slider .start-testimonial { display: block; }

#start .slider.testimonials .center { text-align: center; }

#start .slider.testimonials table { line-height: 1.2; color: white; font-size: 18px; }

#start .slider.testimonials table .user-icon { height: 80px; width: 80px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#start .slider.testimonials table .counselor { display: block; font-size: 24px; margin-top: 5px; }

#start .slider.testimonials table .credentials { color: #CCCCCC; font-size: 20px; }

#start .slider.testimonials .user-icon { height: 175px; width: 175px; border-radius: 50%; border: 2px solid #CCCCCC; }

#start .slider.testimonials .counselor { display: block; font-size: 24px; margin-top: 5px; }

#start .questionnaire-table { background-color: white; border-radius: 5px; padding: 40px; text-align: center; }

#start .questionnaire-table table.table { font-size: 16px; margin: 0 auto 20px; margin-bottom: 20px; }

#start .questionnaire-table table.table td, #start .questionnaire-table table.table th { padding: 7px 10px; padding-right: 40px; text-align: left; }

#start .questionnaire-table table.table td label.radio, #start .questionnaire-table table.table td input[type='radio'], #start .questionnaire-table table.table th label.radio, #start .questionnaire-table table.table th input[type='radio'] { margin: 0; padding: 5px 50px; position: static; }

#start .questionnaire-table table.table td.radio-box, #start .questionnaire-table table.table th.radio-box { text-align: center; vertical-align: top; }

#start .questionnaire-table table.table th { text-align: left; }

#start .questionnaire-table table.table tr.expertise { border-top: 1px solid #EEEEEE; }

#start .questionnaire-table table.table tr.expertise:hover { color: #5faa41; background-color: #F5F5F5; }

#start .signup { background-color: white; padding: 40px; margin-bottom: 20px; border-radius: 5px; }

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

#start .signup #signup-form #return_home { display: inherit; }

#start .signup .tac_signup { width: 20px; height: 20px; }

#start .signup-notes { background-color: #2E4057; color: white; padding: 40px; border-radius: 5px; }

#start .signup-notes h2 { margin-top: 0; }

#start .signup-notes ul { padding-left: 20px; }

#start .signup-notes ul li { margin-top: 20px; }

#start span.password_strength { margin-top: 0px; right: 20px; top: 40px; }

#start .user-invalid { background-color: white; padding: 40px; border-radius: 5px; }

#start .user-invalid p:first-child { margin-top: 0; -webkit-margin-before: 0; }

#start .user-invalid #start-description { resize: vertical; }

#start 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 { list-style-type: none; margin: 3px 0; text-transform: capitalize; }

#start ul.ui-autocomplete li.ui-menu-item:hover { background-color: #DDDDDD; }

#start #fa_pixel_start_q { display: none; }

#start .fa_start_q_conversion { background-image: url("https://www.facebook.com/tr?ev=6022108765368&amp;cd[value]=0.00&amp;cd[currency]=USD&amp"); }

#start #fb_pixel_rich { display: none; }

#start .fb_pixel_rich { background-image: url("https://www.facebook.com/tr?ev=6026633047768&amp;cd[value]=0.00&amp;cd[currency]=USD&amp"); }

#start .help-input { background-color: rgba(95, 170, 65, 0.2); padding: 10px; margin-bottom: 10px; font-size: 18px; border-radius: 5px; }

#start .help-input .help-heard { display: inline-block; }

#start .help-input .help-query { display: inline-block; word-wrap: break-word; max-width: 100%; line-height: 1.4em; }

#start .help-input .help-query::first-letter { text-transform: uppercase; }

#start .landing-promo { margin-top: -20px; margin-bottom: 20px; }

#start .landing-promo.mtop0, #start .landing-promo.app_promo_margin { margin-top: 0; }

#start #seo-footer { margin-top: 30px; color: #797979; }

#start #seo-footer .panel-heading { cursor: pointer; display: block; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px; position: relative; }

#start #seo-footer .panel-heading a { display: block; }

#start #seo-footer .panel-heading[data-toggle="collapse"]:after { content: "\f105"; font-family: 'FontAwesome'; position: absolute; color: rgba(95, 170, 65, 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); }

#start #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); }

#start #seo-footer .panel-body { padding: 10px; }

#start #whats-online-therapy-about-accordion h3 { margin: 2em 0 0.5em; }

#start #whats-online-therapy-about-accordion h4 { margin: 1.5em 0 0 0; }

#start #whats-online-therapy-about-accordion h5 { line-height: .83em; margin-bottom: 0; }

#start #whats-online-therapy-about-accordion p { margin: 0.5em 0 1em; }

#start #whats-online-therapy-about-accordion .center-cta { text-align: center; margin: 20px auto; }

@media (max-width: 321px) { #start #whats-online-therapy-about-accordion .center-cta a { font-size: 14px; } }

.center-fb-google { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; }

.center-fb-google.continue-with a { border-radius: 5px; padding: 8px 35px 8px 8px; height: 40px; line-height: 20px; display: inline-block; vertical-align: middle; }

.center-fb-google.continue-with a i, .center-fb-google.continue-with a span, .center-fb-google.continue-with a img { vertical-align: middle; }

.center-fb-google.continue-with a:hover, .center-fb-google.continue-with a:active, .center-fb-google.continue-with a:focus { text-decoration: none; }

.center-fb-google.continue-with a.facebook-btn { background-color: #4267b2; color: white; margin-right: 20px; }

.center-fb-google.continue-with a.facebook-btn i { font-size: 21px; margin-right: 24px; position: relative; top: 1px; }

.center-fb-google.continue-with a.facebook-btn span { position: relative; top: 1px; }

.center-fb-google.continue-with a.facebook-btn:hover, .center-fb-google.continue-with a.facebook-btn:active, .center-fb-google.continue-with a.facebook-btn:focus { background-color: #3A5A9C; }

.center-fb-google.continue-with a.google-btn { color: #797a7a; border: 1px solid #ccc; font-family: 'Roboto', sans-serif; }

.center-fb-google.continue-with a.google-btn img { width: 18px; height: auto; margin-right: 24px; }

.center-fb-google.continue-with a.google-btn:hover, .center-fb-google.continue-with a.google-btn:active, .center-fb-google.continue-with a.google-btn:focus { background-color: #eeeeee; }

.ff-question-container { background-color: #4876B0; padding: 15px 15px 10px 15px; color: white; font-size: 14px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; min-height: 85px; }

.ff-question-container .ff-center { display: table; margin: 0 auto; }

.ff-question-container .ff-question-image { display: table-cell; vertical-align: middle; }

.ff-question-container .ff-question-image img { height: 50px; width: 50px; border-radius: 50%; float: left; position: relative; top: 3px; }

.ff-question-container .ff-question { display: table-cell; padding-left: 10px; vertical-align: middle; }

.ff-question-container.ff-top { border-radius: 10px; margin-bottom: 20px; }

#specify_podcast .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 .filter-option-inner { position: relative; top: 5px; }

#specify_podcast #next_podcast { margin-top: 30px; margin-bottom: 200px; background-color: #5faa41; }

#specify_podcast .dropdown-menu { margin-top: 5px !important; }

.questionnaire-content #insurance_description { margin-top: 20px; font-weight: normal; }

.questionnaire-content #insurance_carrier { margin-top: 5px; }

.questionnaire-content #insurance_carrier input { font-weight: normal; }

.questionnaire-content #insurance_carrier label { width: 100%; }

.questionnaire-content #insurance_carrier [list]::-webkit-calendar-picker-indicator { display: none; }

.questionnaire-content #insurance_carrier #carrier_buttons { margin-top: 10px; display: block; }

.questionnaire-content #insurance_carrier #carrier_buttons #dont_know_carrier { display: inline-block; text-decoration: underline; }

.questionnaire-content #insurance_carrier #carrier_buttons #dont_know_carrier:hover { text-decoration: none; cursor: pointer; }

.questionnaire-content #insurance_income { margin-bottom: 175px; }

.questionnaire-content #insurance_income #additional_income label { display: block; margin-bottom: 10px; margin-left: 30px; }

.questionnaire-content #insurance_income #additional_income #household_income { border: 1px solid #DDDDDD; border-radius: 5px; max-width: 150px; margin-top: 5px; }

.questionnaire-content #insurance_income #additional_income #household_income: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); }

.questionnaire-content #insurance_income #additional_income #household_income .currency_input { display: inline-block; margin-left: 3px; }

.questionnaire-content #insurance_income #additional_income #household_income #annual_income { display: inline-block; border: none; border-radius: 0; margin: 0; font-weight: normal; width: 131px; padding-left: 5px; }

.questionnaire-content #insurance_income #additional_income #household_income #annual_income:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.questionnaire-content #insurance_income #additional_income #household_size { font-weight: normal; margin-top: 5px; width: 150px; }

#modal-quiz-progress-save .modal-dialog { max-width: 400px; }

#modal-quiz-progress-save #funnel-progress-email, #modal-quiz-progress-save #funnel-progress-save { width: 95%; }

#modal-quiz-progress-save #quiz-progress-continue-without-email { font-weight: 600; }

.quiz-restarted-div { padding: 0 25px; color: #888888; }

@media (max-width: 1199px) { #start .ad-match-header { padding: 55px 0; font-size: 14px; } }

@media (min-width: 992px) { .center-align-signup-form { left: 20.83333%; position: relative; } }

@media (min-width: 992px) and (max-width: 1199px) { .center-fb-google.continue-with a { padding: 8px 23px 8px 8px; }
  .center-fb-google.continue-with a.facebook-btn { margin-right: 10px; } }

@media (max-width: 991px) { #start .ad-match-header { padding: 35px 0; font-size: 14px; }
  #start .signup, #start .slider.questionnaire { margin-bottom: 20px; }
  #start .questionnaire-table table.table td label.radio, #start .questionnaire-table table.table td input[type='radio'], #start .questionnaire-table table.table th label.radio, #start .questionnaire-table table.table th input[type='radio'] { padding: 5px 20px; } }

@media (min-width: 768px) { #start .affiliate-header-xs { padding: 10px 20px; border-bottom: 1px solid #DDDDDD; margin-top: -40px; }
  #start .affiliate-header-xs .affiliate-header-wrap-xs { text-align: center; }
  #start .affiliate-header-xs .affiliate-header-wrap-xs .affiliate-image-xs { width: 20%; }
  #start .affiliate-header-xs.top-margin { margin-top: -10px; } }

@media (max-width: 767px) { #start .bottom_icons { color: #666666; line-height: 1.4; font-weight: 700; background-color: white; margin-left: -10px; margin-top: -30px; }
  #start .bottom_icons.gray { background-color: #F5F5F5; }
  #start .bottom_icons .left { text-align: left; }
  #start .bottom_icons .left img { height: 40px; margin-left: 20px; opacity: .5; max-width: 100%; float: none; vertical-align: middle; }
  #start .bottom_icons .left #mha-logo { height: 60px; }
  #start h3 { margin-top: 3rem; }
  #start #infographic-carousel-bh { border-radius: 7px 7px 0 0; border: solid 1px #2E4057; }
  #start #infographic-carousel-container { background-color: none; }
  #start #infographic-carousel-bh .carousel-control.left { padding-left: 2rem; }
  #start #infographic-carousel-bh .carousel-control.right { padding-right: 2rem; }
  #start #infographic-carousel-bh .carousel-numeral-behind { left: 20%; }
  #start .login-link .btn { border: 1px solid #5faa41; color: #5faa41; background-color: white; }
  #start .login-link .btn:hover { border: 1px solid #4a8533; color: #4a8533; }
  #start.sleep-mobile .login-link .btn { color: white; }
  #start .phq9_intro { padding-top: 20px; }
  #start.designed-funnel.is_app #starts { margin-top: 30px; }
  #start.designed-funnel.is_app #starts .signup { padding: 0 30px 30px 30px; }
  .is_app #followup-form { margin-top: 20px; }
  .ff-question-container { margin-top: 20px; font-size: 13px; }
  #overview .ff-question-container { margin-top: 0; }
  .designed-funnel#verify_email header, .designed-funnel#smart_match header, .designed-funnel#overview header, .designed-funnel#next header, .designed-funnel#pin_code header, .designed-funnel#next_checkout header, .designed-funnel#mobile_quiz_p2 header, .designed-funnel#mobile_quiz_p3 header { display: none; }
  .designed-funnel#verify_email .mobile-funnel-header, .designed-funnel#smart_match .mobile-funnel-header, .designed-funnel#overview .mobile-funnel-header, .designed-funnel#next .mobile-funnel-header, .designed-funnel#pin_code .mobile-funnel-header, .designed-funnel#next_checkout .mobile-funnel-header, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header { margin-top: -80px; }
  .designed-funnel#verify_email .mobile-funnel-header .nav, .designed-funnel#smart_match .mobile-funnel-header .nav, .designed-funnel#overview .mobile-funnel-header .nav, .designed-funnel#next .mobile-funnel-header .nav, .designed-funnel#pin_code .mobile-funnel-header .nav, .designed-funnel#next_checkout .mobile-funnel-header .nav, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav { display: inline-block; position: absolute; right: 10px; top: -11px; }
  .designed-funnel#verify_email .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#smart_match .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#overview .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#next .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#pin_code .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#next_checkout .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav .dropdown-menu, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav .dropdown-menu { top: 42px; left: -42px; width: 66px; text-align: center; min-width: initial; color: white; border: 1px solid white; padding: 2px; background-color: #333; /* ie fallback */ background-color: rgba(0, 0, 0, 0.5); }
  .designed-funnel#verify_email .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#smart_match .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#overview .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#next .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#pin_code .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#next_checkout .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav .dropdown-menu a, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav .dropdown-menu a { color: white; font-weight: bold; }
  .designed-funnel#verify_email .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#smart_match .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#overview .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#next .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#pin_code .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#next_checkout .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav .dropdown-menu a:hover, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav .dropdown-menu a:hover { color: #5faa41; text-decoration: none; }
  .designed-funnel#verify_email .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#smart_match .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#overview .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#next .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#pin_code .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#next_checkout .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav .dropdown-menu:hover, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav .dropdown-menu:hover { background-color: #333; /* ie fallback */ background-color: rgba(0, 0, 0, 0.7); }
  .designed-funnel#verify_email .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#smart_match .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#overview .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#next .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#pin_code .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#next_checkout .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav .dropdown-mobile-toggle, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav .dropdown-mobile-toggle { padding: 5px; font-size: 22px; background-color: transparent; color: white; }
  .designed-funnel#verify_email .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#smart_match .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#overview .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#next .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#pin_code .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#next_checkout .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#mobile_quiz_p2 .mobile-funnel-header .nav .dropdown-mobile-toggle:hover, .designed-funnel#mobile_quiz_p3 .mobile-funnel-header .nav .dropdown-mobile-toggle:hover { color: #5faa41; }
  .designed-funnel#pin_code .mobile-funnel-header .nav { top: -31px; }
  .designed-funnel#overview .next-block { margin-top: 20px; }
  .mobile-funnel-header { background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 10px; text-align: center; color: white; margin-bottom: 10px; overflow-wrap: break-word; word-wrap: break-word; min-height: 160px; }
  .mobile-funnel-header.mf-questionnaire { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/samsung-funnel-top.jpg"); }
  .mobile-funnel-header.mf-account { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/create-account-header.jpg"); }
  .mobile-funnel-header.mf-verify { background-image: linear-gradient(rgba(0, 0, 0, 0.57), rgba(0, 0, 0, 0.67)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/verify-header.jpg"); }
  .mobile-funnel-header.mf-match { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/smart-match-1-header.jpg"); }
  .mobile-funnel-header.mf-match { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/smart-match-1-header.jpg"); }
  .mobile-funnel-header.mf-match-2 { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/smart-match-2-header.jpg"); }
  .mobile-funnel-header.mf-overview { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/overview-header.jpg"); }
  .mobile-funnel-header.mf-pin { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/pin-code-header.jpg"); }
  .mobile-funnel-header.mf-enter-pin { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/enter-pin-code-no-icon.jpg"); }
  .mobile-funnel-header.mf-next { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/next-header-4.jpg"); }
  .mobile-funnel-header.mf-short-1 { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/short-quiz-part-1-header.jpg"); }
  .mobile-funnel-header.mf-short-2 { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/short-quiz-part-2-header.jpg"); }
  .mobile-funnel-header.hands-phone { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/start/hands-phone-mobile.jpg"); }
  .mobile-funnel-header.no-margin-bottom { margin-bottom: 0; }
  .mobile-funnel-header .brand { height: auto; margin: 10px auto !important; }
  .mobile-funnel-header .brand img { max-height: 20px !important; width: auto; display: inline-block; }
  .mobile-funnel-header .brand.eap-mobile-funnel-logo img { max-height: 35px !important; }
  .mobile-funnel-header .mobile-funnel-header-wrap { display: table; width: 100%; }
  .mobile-funnel-header .mobile-funnel-header-wrap .mobile-funnel-header-title { height: 90px; display: table-cell; vertical-align: middle; }
  .mobile-funnel-header .mobile-funnel-header-wrap .mobile-funnel-header-title h1 { margin-bottom: 0 !important; margin-top: 0; padding: 0 10px; font-family: 'Roboto Slab', serif; font-weight: 300; text-align: center; color: white; font-size: 22px !important; text-transform: none !important; }
  .mobile-funnel-header.samsung-account .brand { margin-top: 32px; }
  #start { background-color: #165038; padding-top: 0; }
  #start.sleep-mobile { background-color: #0d3a78; }
  #start.sleep-mobile .slider.questionnaire label.radio, #start.sleep-mobile .btn-next, #start.sleep-mobile .btn-block { background-color: #3886cc; }
  #start.sleep-mobile .slider.questionnaire label.radio:hover, #start.sleep-mobile .btn-next:hover, #start.sleep-mobile .btn-block:hover { background-color: #246eb1; }
  #start.sleep-mobile .login-link .btn-block { background-color: #5faa41; }
  #start.sleep-mobile .login-link .btn-block:hover { background-color: #4a8533; }
  #start .dark-font-affiliate h1 { color: #444444; font-family: Lato, sans-serif; font-weight: bold; padding-bottom: 20px; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #EEEEEE; }
  #start .dark-font-affiliate.app_margin { margin-bottom: 20px; }
  #start .help-input { background-color: #CEE8C3; }
  #start #body-container #content-container { padding-bottom: 0; padding-top: 0; }
  #start header, #start footer { display: none; }
  #start .brand { height: 20px; display: block; text-align: center; margin: 30px auto; }
  #start .brand img { max-height: 100%; width: auto; display: inline-block; }
  #start .brand.eap-start-logo { height: auto; }
  #start .brand.eap-start-logo img { height: 45px; max-height: initial; }
  #start .brand.eap-mobile-funnel-logo { height: auto; }
  #start .start-with-accordion { margin-bottom: 420px; }
  #start .start-min-bottom { margin-bottom: 10px; }
  #start #seo-footer { margin-top: 30px; padding-bottom: 20px; margin-bottom: 35px; color: rgba(255, 255, 255, 0.8); font-size: 12px; }
  #start #seo-footer .panel-heading { border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 0; }
  #start.samsung { background-color: white; }
  #start.samsung .slider.questionnaire label.radio { background-color: #7dc12e; }
  #start.samsung .questionnaire-content .btn-lg, #start.samsung .questionnaire-content .btn-group-lg > .btn { background-color: #7dc12e; }
  #start.samsung .signup-notes { background-color: #2E4057; }
  #start.designed-funnel { background-color: white; }
  #start.designed-funnel .slider.questionnaire .questionnaire-content { padding: 0 15px; }
  #start.designed-funnel .slider.questionnaire .questionnaire-content .login-link .btn { border: 1px solid #5faa41; color: #5faa41; background-color: white; }
  #start.designed-funnel .slider.questionnaire .questionnaire-content .login-link .btn:hover { border: 1px solid #4a8533; color: #4a8533; }
  #start.designed-funnel .slider.questionnaire label.radio, #start.designed-funnel .slider.questionnaire .country, #start.designed-funnel .slider.questionnaire .btn-block { background-color: #5faa41; }
  #start.designed-funnel .slider.questionnaire label.radio:hover, #start.designed-funnel .slider.questionnaire .country:hover, #start.designed-funnel .slider.questionnaire .btn-block:hover { background-color: #4a8533; }
  #start.designed-funnel .questionnaire-content .btn-lg, #start.designed-funnel .questionnaire-content .btn-group-lg > .btn { background-color: #5faa41; }
  #start.designed-funnel .questionnaire-content .btn-lg:hover, #start.designed-funnel .questionnaire-content .btn-group-lg > .btn:hover { background-color: #4a8533; }
  #start.designed-funnel .signup-notes { background-color: #2E4057; }
  #start.samsung #seo-footer, #start.designed-funnel #seo-footer { color: #444444; }
  #start.samsung #seo-footer .panel-heading, #start.designed-funnel #seo-footer .panel-heading { border-top: 1px solid #DDDDDD; }
  #start h1, #start #intro h1 { font-family: 'Roboto Slab', serif; font-weight: 300; text-align: center; color: white; font-size: 24px; }
  #start h1.dark-text-underlined, #start #intro h1.dark-text-underlined { color: #444444; margin-top: 10px; margin-bottom: 0; font-family: "lato", sans-serif; font-weight: 700; font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
  #start .slider.questionnaire .questionnaire-content { padding: 15px 20px; }
  #start .slider.questionnaire .questionnaire-content .login-link { display: block; }
  #start .slider.questionnaire .questionnaire-content small { font-size: 0.7em; }
  #start .slider.questionnaire .questionnaire-content .show-more-wrapper { margin: 0 0 20px 20px; }
  #start .slider.questionnaire .questionnaire-content-label { color: #444444; font-size: 20px; }
  #start .slider.questionnaire label.radio { font-size: 18px; padding: 15px 20px; line-height: 1.3; color: white; background-color: #123123; margin: 10px 0; border-radius: 5px; }
  #start .slider.questionnaire label.radio:active, #start .slider.questionnaire label.radio:focus { color: white; background-color: #5faa41; }
  #start .slider.questionnaire label.radio input[type='radio'] { display: none; }
  #start .slider.questionnaire #specify_podcast .dropdown-menu { min-width: 0 !important; width: 100% !important; }
  #start .slider.questionnaire #specify_podcast .filter-option-inner { position: relative; top: 5px; }
  #start .user-invalid, #start .signup { padding: 30px; }
  #start .signup-notes { background-color: rgba(0, 0, 0, 0.3); padding: 30px; }
  #start .signup .center-fb-google { display: block; padding-top: 0; padding-bottom: 0; border-bottom: 0; border-top: 0; }
  .questionnaire-content #insurance_income { margin-bottom: 215px; }
  #verify_email #resend_email { margin-bottom: 20px; } }

#app_pin_code h1 { font-size: 18px; text-transform: uppercase; text-align: center; }

#app_pin_code p { text-align: center; margin-top: 0; }

#app_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); }

#app_pin_code .alert.alert-error .close { color: #AF2225; }

#app_pin_code form { text-align: center; }

#app_pin_code input { background-color: transparent; font-size: 20px; letter-spacing: 10px; border: 0; margin: 0 auto 20px; text-align: center; display: inline-block; color: #5faa41; }

#app_pin_code div.row { max-width: 450px; margin: 0 auto; }

#app_pin_code div.col-xs-4 { text-align: center; padding: 5px; }

#app_pin_code div.col-xs-4:first-child { text-align: right; }

#app_pin_code div.col-xs-4:last-child { text-align: left; }

#app_pin_code div.col-xs-4 .pin-button, #app_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; }

#app_pin_code div.col-xs-4 .pin-button:hover, #app_pin_code div.col-xs-4 .pin-button:active, #app_pin_code div.col-xs-4 .pin-button:focus, #app_pin_code div.col-xs-4 .pin-submit:hover, #app_pin_code div.col-xs-4 .pin-submit:active, #app_pin_code div.col-xs-4 .pin-submit:focus { background-color: #DDDDDD; }

#app_pin_code div.col-xs-4 .pin-button.highlight, #app_pin_code div.col-xs-4 .pin-submit.highlight { background-color: #5faa41; border-color: #5faa41; color: white; }

#app_pin_code div.col-xs-4 .pin-button.highlight:hover, #app_pin_code div.col-xs-4 .pin-button.highlight:active, #app_pin_code div.col-xs-4 .pin-button.highlight:focus, #app_pin_code div.col-xs-4 .pin-submit.highlight:hover, #app_pin_code div.col-xs-4 .pin-submit.highlight:active, #app_pin_code div.col-xs-4 .pin-submit.highlight:focus { background-color: #377e1b; border-color: #377e1b; color: white; }

@media (max-width: 600px) { .center-fb-google.continue-with a { display: block; padding: 8px 0; }
  .center-fb-google.continue-with a.facebook-btn { margin-bottom: 20px; margin-right: 0; } }

@media (max-width: 450px) { #app_pin_code div.col-xs-4 .pin-button { width: 85px; height: 85px; font-size: 18px; line-height: 71px; }
  #start #infographic-carousel-bh .carousel-numeral-behind { left: 15%; top: 75px; } }

@media (max-width: 400px) { #app_pin_code div.col-xs-4 .pin-button { width: 75px; height: 75px; font-size: 18px; line-height: 71px; } }

@media (max-width: 350px) { #app_pin_code div.col-xs-4 .pin-button { width: 60px; height: 60px; font-size: 18px; line-height: 58px; } }

@media (max-width: 280px) { #app_pin_code div.col-xs-4 .pin-button { width: 50px; height: 50px; font-size: 18px; line-height: 48px; } }

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { #start .start-with-accordion { margin-bottom: 450px; } }

@media (max-width: 415px) { #start .bottom_icons .left img { width: 18%; height: auto; }
  #start .bottom_icons .left #mha-logo { width: 16%; height: auto; } }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { #start .start-with-accordion { margin-bottom: 500px; } }

#about { background-color: #F5F5F5; }

#about #counselor-grid { margin-bottom: 30px; }

#about #counselor-grid div { display: none; }

#about .image-carousel { overflow: hidden; }

#about .image-carousel .images { width: 2000em; position: relative; left: 0; }

#about .image-carousel .carousel-control-prev, #about .image-carousel .carousel-control-next { position: absolute; top: 50%; margin-top: -15px; width: 40px; height: 40px; text-align: center; background: #5faa41; color: white; text-decoration: none; font: 33px/38px Arial, sans-serif; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }

#about .image-carousel .carousel-control-prev:hover, #about .image-carousel .carousel-control-next:hover { background-color: white; color: #5faa41; }

#about .image-carousel .carousel-control-prev { left: 25px; }

#about .image-carousel .carousel-control-next { right: 25px; }

#about .mbot20 { margin-bottom: 20px; }

#about .mtop20 { margin-top: 20px; }

#about .slick-dots li.slick-active button:before { color: #5faa41; }

#about .slick-dots li button:before { color: #888888; }

#about .center-button { margin: 30px auto 20px auto; text-align: center; }

#about a.second-cta { border: 1px solid #5faa41; border-radius: 5px; color: #5faa41; text-align: center; margin-top: 20px; font-size: 16px; padding: 10px 15px; }

#about a.second-cta:hover, #about a.second-cta:active { background-color: rgba(95, 170, 65, 0.7); color: white; text-decoration: none; }

#about .testimonials { text-align: left; font-size: 14px; position: relative; overflow: hidden; }

#about .testimonials .testimonial-slider { padding-bottom: 20px; }

#about .testimonials .container { position: relative; z-index: 1; }

#about .testimonials #background-image { background-color: transparent; background: url(//dy7glz37jgl0b.cloudfront.net/home/betterhelp/home-header.jpg) no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .2; }

#about .testimonials .container { padding-right: 100px; padding-left: 100px; }

#about .testimonials .author { font-size: 14px; margin-top: 10px; display: block; }

#about .testimonials .slide { display: none; outline: none !important; }

#about .testimonials .slide:first-child { display: block; }

#about .testimonials .slick-slider .slide { display: block; }

#about .about-boxes { margin-bottom: 20px; }

#about .about-boxes h3 { color: #5faa41; font-family: "Roboto Slab", serif; font-weight: 400; padding-top: 0; margin-top: 0; margin-bottom: 5px; font-size: 1.7em; text-align: center; }

#about .about-boxes h3.mbot20 { margin-bottom: 20px; }

#about .about-boxes h3.mtop20 { margin-top: 20px; }

#about .about-boxes > div { background-color: white; padding: 20px; }

#about .about-boxes.double-row { background-color: white; }

#about .about-boxes.double-row .leadership-row-2 { margin-top: -30px; }

#about .about-numbers-box { background-color: #F5F5F5 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

#about #our-mission p { font-size: 17px !important; }

#about #our-numbers { font-size: 20px; }

#about #our-numbers .row { margin-left: -20px; margin-right: -20px; }

#about #our-numbers .row > div:first-child { padding-left: 0; }

#about #our-numbers .row > div:nth-child(3) { padding-right: 0; }

#about #our-numbers .row > div > div { background-color: white; padding: 30px; border: 1px solid #5faa41; }

#about #our-numbers .counter-number { text-align: center; color: #5faa41; font-size: 34px; font-family: "Roboto Slab", serif; }

#about #our-numbers p { text-align: center; margin-top: 0; }

#about #our-numbers .counter-link { text-align: center; margin-top: 20px; }

#about #our-numbers .counter-cta { text-align: center; }

#about .our-leadership .row-centered { text-align: center; }

#about .our-leadership .about-person { margin-bottom: 20px; }

#about .our-leadership .about-person strong { font-size: 14px; }

#about .our-leadership .about-person .team-linkedin { background-color: #0077B5; color: white; padding: 1px 4px; border-radius: 2px; margin-right: 2px; }

#about .our-leadership .about-person .team-email { background-color: #5faa41; color: white; padding: 1px 4px; border-radius: 2px; }

#about .our-leadership .about-person img { width: 120px; height: auto; margin-right: 10px; }

#about .our-leadership .about-person img.img-portrait-leadership { float: right; margin-bottom: 25px; margin-right: 0; min-height: 120px; min-width: 120px; }

#about .our-leadership .about-person .figure-leadership { text-align: right; padding-right: 0; }

#about .our-leadership .about-person .figcaption-leadership { padding-left: 0; text-align: left; }

#about .our-leadership .break-695-768 { display: none; }

#about .our-leadership .leadership-row-2 { margin-top: 20px; }

#about #our-research p { font-size: 17px !important; margin-bottom: 20px; }

#about #our-research p strong { text-decoration: underline; }

#about #our-research img.bw { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); display: block; margin: 20px auto 0 auto; opacity: 0.5; width: 80px; }

#about #our-research .stats { text-align: center; }

#about #our-research .stats > div > div { border: 1px solid #DDDDDD; font-size: 16px; min-height: 140px; padding: 10px 20px 20px 20px; margin: auto 5px; }

#about #our-research .large-green { color: #5faa41; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 32px; }

#about #our-research .large-green img { display: inline-block; width: 35px; margin-right: 10px; }

#about #our-research .center-button { margin-top: 30px; }

#about #our-products img { max-height: 30px; display: inline-block; margin: 0 30px 25px 30px; }

#about #our-products .bh-logo-sm { max-height: 25px; }

#about #our-partners .center-button { margin: 20px auto; text-align: center; }

#about #our-success-stories img { height: 80px; width: 80px; border-radius: 50%; display: block; margin: 0 auto 20px auto; border: 2px solid #ccc; }

#about #our-success-stories .success-story { margin-bottom: 20px; }

#about #advisory-panel .advisory-person { margin-top: 20px; text-align: center; border: 1px solid #DDDDDD; border-radius: 10px; padding: 20px; }

#about #advisory-panel .advisory-person img { height: 80px; width: 80px; border-radius: 50%; display: block; margin: 0 auto 10px auto; border: 2px solid #ccc; }

#about #advisory-panel .advisory-person .advisory-name { font-weight: bold; font-size: 14px; }

#about #advisory-panel .advisory-person .advisory-linkedin { background-color: #0077B5; display: inline-block; color: white; padding: 0px 4px; border-radius: 2px; margin-right: 2px; margin-left: 5px; font-size: 11px; }

#about #advisory-panel .advisory-person .advisory-linkedin a { color: white; }

#about #advisory-panel .advisory-person .license-length { color: #888888; font-weight: normal; }

#about #our-support .jcarousel-control-prev, #about #our-support .jcarousel-control-next { top: 57%; }

#about #our-office .jcarousel-control-prev, #about #our-office .jcarousel-control-next { top: 59%; }

#about #our-press img { max-height: 30px; display: block; margin: 20px auto 0 auto; }

#about #our-press .image-col .top-logo { margin-top: 20px; }

#about #our-press .image-col .bbc-logo { max-height: 32px; }

#about #our-press .image-col img { margin-bottom: 20px; opacity: 0.5; }

@media (max-width: 991px) { #about #title-header h1 { width: 87%; text-align: center; }
  #about #our-numbers .counter-link.visible-sm { margin-bottom: 30px; } }

@media (max-width: 767px) { #about .about-boxes.row { margin-left: 0; margin-right: 0; }
  #about .about-boxes.mbot0 { margin-bottom: 0; }
  #about .about-boxes.double-row { background-color: white; }
  #about .about-boxes.double-row .leadership-row-2 { margin-top: -40px; }
  #about #our-mission { min-height: initial; }
  #about #our-numbers .counter-link.visible-xs { margin-bottom: 30px; }
  #about #our-numbers .row { margin-left: -15px; margin-right: -15px; }
  #about #our-numbers .row > div:first-child { padding-left: 0; padding-right: 0; }
  #about #our-numbers .row > div:nth-child(2) { padding-right: 0; padding-left: 0; }
  #about #our-numbers .row > div:nth-child(3) { padding-right: 0; padding-left: 0; }
  #about #our-numbers .row > div > div { background-color: white; padding: 30px; margin-bottom: 20px; }
  #about #our-research .stats > div > div { margin-bottom: 20px; width: 70%; min-height: auto; margin-left: auto; margin-right: auto; }
  #about #our-press .image-col { border-top: 1px solid #DDDDDD; padding-top: 10px; margin: 20px 20px 0 20px; }
  #about #our-press .image-col img { display: block; margin: 0 auto 20px auto; }
  #about #our-success .center-button { position: static; }
  #about #our-counselors { min-height: initial; }
  #about #our-products img, #about #our-partners img { display: block; margin: 20px auto; }
  #about #our-partners .center-button { margin-top: 20px; }
  #about #our-office .jcarousel-control-prev, #about #our-office .jcarousel-control-next { top: 50%; }
  #about #our-support .jcarousel-control-prev, #about #our-support .jcarousel-control-next { top: 50%; }
  #about .our-leadership .about-person > div:nth-child(2) { font-size: 14px; padding-left: 30px; }
  #about .our-leadership .about-person img { max-width: 90px; }
  #about #title-header h1 { width: 100%; font-size: 24px; padding-top: 70px; text-align: center; text-transform: none; } }

@media (min-width: 695px) and (max-width: 769px) { #about .our-leadership .figcaption-leadership .break-695-768 { display: block; } }

@media (min-width: 390px) and (max-width: 767px) { #about .our-leadership .about-person img { float: right; }
  #about .our-leadership .about-person > div:nth-child(2) { padding-left: 0; } }

#livechat header .livechat-header { float: right; margin-top: 12px; }

#livechat #alert-time { position: absolute; margin: 10px 25px 10px 10px; padding-right: 40px; display: none; z-index: 10; }

#livechat #alert-time button { margin-right: -25px; }

#livechat .livechat-textarea { min-height: 50px; background-color: white; border-collapse: separate; border: 1px solid #DDDDDD; padding: 20px; border-radius: 5px; outline: none; max-height: 320px; overflow: auto; height: 400px; resize: none; width: 100%; }

#livechat .livechat-textarea.writer-receive { background-color: white; }

#livechat .livechat-textarea.writer-send { background-color: rgba(5, 187, 211, 0.15); border-color: rgba(5, 187, 211, 0.5); }

#livechat .livechat-textarea:focus { border: 2px solid #05BBD3; outline: 0; padding: 19px; }

#livechat .author { margin-bottom: 10px; font-weight: 700; line-height: 30px; }

#livechat .author .user-icon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#livechat #body-container #content-container { padding-bottom: 100px; }

#livechat footer { background-color: #F5F5F5; height: 100px; }

#livechat .modal .day-column { display: inline-block; }

#livechat .modal .day-column label { font-weight: 400; }

@media (min-width: 768px) { #livechat .livechat-textarea { min-height: 120px; max-height: 400px; } }

@media (min-width: 991px) { #livechat .livechat-textarea { min-height: 250px; max-height: 400px; } }

@media (max-width: 767px) { #livechat { font-size: 14px; }
  #livechat .container { padding: 0 10px; }
  #livechat .container .row { margin-left: 0; margin-right: 0; }
  #livechat .container .col-sm-6 { padding-left: 0; padding-right: 0; }
  #livechat #body-container #content-container { padding: 0; margin-top: 70px; }
  #livechat .livechat-textarea { padding: 10px; }
  #livechat .livechat-textarea:focus { padding: 10px 9px 9px; }
  #livechat .livechat-textarea.writer-receive { padding-top: 20px; border-radius: 5px 5px 0 0; border-bottom: 0; }
  #livechat .livechat-textarea.writer-send { border-radius: 0 0 5px 5px; border-top-width: 2px; }
  #livechat .author { position: absolute; font-size: 12px; color: #888888; top: 5px; left: 5px; line-height: 12px; padding: 2px; background-color: white; }
  #livechat .author .user-icon { display: none; }
  #livechat .author.send { display: none; }
  #livechat header { height: 60px; margin-bottom: 10px; overflow-y: visible; }
  #livechat header .mobilemenu-toggle { display: none !important; }
  #livechat header .brand-logo .brand { display: none; }
  #livechat header .title { height: 58px; line-height: 58px; font-size: 18px; text-transform: none; }
  #livechat header .btn { font-size: 11px; padding: 0 5px; }
  #livechat header .livechat-header div#timer { font-size: 12px; padding: 5px; margin-left: 5px; line-height: 47px; }
  #livechat header .livechat-header div#timer #time { margin-right: 2px; }
  #livechat footer { display: none; }
  #livechat .modal { overflow: auto; }
  #livechat .modal .input-group { margin-top: 10px; }
  #livechat .modal .day-column { display: block; margin-top: 5px; }
  #livechat .modal .day-column label { padding-right: 40px; } }

#apply div.block table.table, #account div.block table.table, #stop div.block table.table, #financialaid div.block table.table, #find_a_counselor div.block table.table, #switch_counselor div.block table.table { font-size: 16px; }

#apply div.block table.table td, #apply div.block table.table th, #account div.block table.table td, #account div.block table.table th, #stop div.block table.table td, #stop div.block table.table th, #financialaid div.block table.table td, #financialaid div.block table.table th, #find_a_counselor div.block table.table td, #find_a_counselor div.block table.table th, #switch_counselor div.block table.table td, #switch_counselor div.block table.table th { padding: 7px 10px; padding-right: 40px; text-align: left; }

#apply div.block table.table td label.radio, #apply div.block table.table td input[type='radio'], #apply div.block table.table th label.radio, #apply div.block table.table th input[type='radio'], #account div.block table.table td label.radio, #account div.block table.table td input[type='radio'], #account div.block table.table th label.radio, #account div.block table.table th input[type='radio'], #stop div.block table.table td label.radio, #stop div.block table.table td input[type='radio'], #stop div.block table.table th label.radio, #stop div.block table.table th input[type='radio'], #financialaid div.block table.table td label.radio, #financialaid div.block table.table td input[type='radio'], #financialaid div.block table.table th label.radio, #financialaid div.block table.table th input[type='radio'], #find_a_counselor div.block table.table td label.radio, #find_a_counselor div.block table.table td input[type='radio'], #find_a_counselor div.block table.table th label.radio, #find_a_counselor div.block table.table th input[type='radio'], #switch_counselor div.block table.table td label.radio, #switch_counselor div.block table.table td input[type='radio'], #switch_counselor div.block table.table th label.radio, #switch_counselor div.block table.table th input[type='radio'] { margin: 0; padding: 5px 50px; position: static; }

#apply div.block table.table td.radio-box, #apply div.block table.table th.radio-box, #account div.block table.table td.radio-box, #account div.block table.table th.radio-box, #stop div.block table.table td.radio-box, #stop div.block table.table th.radio-box, #financialaid div.block table.table td.radio-box, #financialaid div.block table.table th.radio-box, #find_a_counselor div.block table.table td.radio-box, #find_a_counselor div.block table.table th.radio-box, #switch_counselor div.block table.table td.radio-box, #switch_counselor div.block table.table th.radio-box { text-align: center; vertical-align: top; }

#apply div.block table.table th, #account div.block table.table th, #stop div.block table.table th, #financialaid div.block table.table th, #find_a_counselor div.block table.table th, #switch_counselor div.block table.table th { text-align: left; }

#apply div.block table.table tr.expertise, #account div.block table.table tr.expertise, #stop div.block table.table tr.expertise, #financialaid div.block table.table tr.expertise, #find_a_counselor div.block table.table tr.expertise, #switch_counselor div.block table.table tr.expertise { border-top: 1px solid #EEEEEE; }

#apply div.block table.table tr.expertise:hover, #account div.block table.table tr.expertise:hover, #stop div.block table.table tr.expertise:hover, #financialaid div.block table.table tr.expertise:hover, #find_a_counselor div.block table.table tr.expertise:hover, #switch_counselor div.block table.table tr.expertise:hover { color: #5faa41; background-color: #F5F5F5; }

#apply div.block .counselor-photo, #account div.block .counselor-photo, #stop div.block .counselor-photo, #financialaid div.block .counselor-photo, #find_a_counselor div.block .counselor-photo, #switch_counselor div.block .counselor-photo { height: 200px; width: 200px; border-radius: 50%; border: 2px solid #CCCCCC; }

#apply .step, #account .step, #stop .step, #financialaid .step, #find_a_counselor .step, #switch_counselor .step { display: block; margin-top: 30px; font-size: 16px; }

#apply .step:first-child, #account .step:first-child, #stop .step:first-child, #financialaid .step:first-child, #find_a_counselor .step:first-child, #switch_counselor .step:first-child { margin-top: 0; }

#apply .step.step-incomplete, #account .step.step-incomplete, #stop .step.step-incomplete, #financialaid .step.step-incomplete, #find_a_counselor .step.step-incomplete, #switch_counselor .step.step-incomplete { color: #AF2225; font-weight: 700; }

#apply .step.step-incomplete a, #account .step.step-incomplete a, #stop .step.step-incomplete a, #financialaid .step.step-incomplete a, #find_a_counselor .step.step-incomplete a, #switch_counselor .step.step-incomplete a { color: #AF2225; }

#apply .step.step-incomplete:before, #account .step.step-incomplete:before, #stop .step.step-incomplete:before, #financialaid .step.step-incomplete:before, #find_a_counselor .step.step-incomplete:before, #switch_counselor .step.step-incomplete:before { font-size: 20px; content: "\f06a"; font-family: FontAwesome; margin-right: 10px; }

#apply .step.step-waiting, #account .step.step-waiting, #stop .step.step-waiting, #financialaid .step.step-waiting, #find_a_counselor .step.step-waiting, #switch_counselor .step.step-waiting { font-weight: 700; }

#apply .step.step-waiting a, #account .step.step-waiting a, #stop .step.step-waiting a, #financialaid .step.step-waiting a, #find_a_counselor .step.step-waiting a, #switch_counselor .step.step-waiting a { color: #315778; }

#apply .step.step-waiting:before, #account .step.step-waiting:before, #stop .step.step-waiting:before, #financialaid .step.step-waiting:before, #find_a_counselor .step.step-waiting:before, #switch_counselor .step.step-waiting:before { font-size: 20px; content: "\f071"; font-family: FontAwesome; margin-right: 10px; color: #315778; }

#apply .step.step-complete, #account .step.step-complete, #stop .step.step-complete, #financialaid .step.step-complete, #find_a_counselor .step.step-complete, #switch_counselor .step.step-complete { color: #5faa41; }

#apply .step.step-complete:before, #account .step.step-complete:before, #stop .step.step-complete:before, #financialaid .step.step-complete:before, #find_a_counselor .step.step-complete:before, #switch_counselor .step.step-complete:before { font-size: 20px; content: "\f058"; font-family: FontAwesome; margin-right: 10px; }

#apply .step.step-pending, #account .step.step-pending, #stop .step.step-pending, #financialaid .step.step-pending, #find_a_counselor .step.step-pending, #switch_counselor .step.step-pending { color: #E0AB50; }

#apply .step.step-pending a, #account .step.step-pending a, #stop .step.step-pending a, #financialaid .step.step-pending a, #find_a_counselor .step.step-pending a, #switch_counselor .step.step-pending a { color: #E0AB50; }

#apply .step.step-pending:before, #account .step.step-pending:before, #stop .step.step-pending:before, #financialaid .step.step-pending:before, #find_a_counselor .step.step-pending:before, #switch_counselor .step.step-pending:before { font-size: 20px; content: "\f058"; font-family: FontAwesome; margin-right: 10px; }

#apply .discount, #account .discount, #stop .discount, #financialaid .discount, #find_a_counselor .discount, #switch_counselor .discount { color: #AF2225; }

#apply .discount var, #account .discount var, #stop .discount var, #financialaid .discount var, #find_a_counselor .discount var, #switch_counselor .discount var { font-weight: 700; }

#apply .switch-footer, #account .switch-footer, #stop .switch-footer, #financialaid .switch-footer, #find_a_counselor .switch-footer, #switch_counselor .switch-footer { margin-top: 20px; }

#apply .switch-body div.radio, #apply .switch-body div.checkbox, #account .switch-body div.radio, #account .switch-body div.checkbox, #stop .switch-body div.radio, #stop .switch-body div.checkbox, #financialaid .switch-body div.radio, #financialaid .switch-body div.checkbox, #find_a_counselor .switch-body div.radio, #find_a_counselor .switch-body div.checkbox, #switch_counselor .switch-body div.radio, #switch_counselor .switch-body div.checkbox { margin-left: 50px; }

#apply .switch-body .switch-comments label, #account .switch-body .switch-comments label, #stop .switch-body .switch-comments label, #financialaid .switch-body .switch-comments label, #find_a_counselor .switch-body .switch-comments label, #switch_counselor .switch-body .switch-comments label { margin-top: 10px; }

#apply .questionnaire-table td, #account .questionnaire-table td, #stop .questionnaire-table td, #financialaid .questionnaire-table td, #find_a_counselor .questionnaire-table td, #switch_counselor .questionnaire-table td { padding: 3px; }

#apply .radio.inline, #account .radio.inline, #stop .radio.inline, #financialaid .radio.inline, #find_a_counselor .radio.inline, #switch_counselor .radio.inline { margin: 0; display: inline-block; }

#apply #switch-more-info, #account #switch-more-info, #stop #switch-more-info, #financialaid #switch-more-info, #find_a_counselor #switch-more-info, #switch_counselor #switch-more-info { width: 100%; }

#apply .switch-warning, #account .switch-warning, #stop .switch-warning, #financialaid .switch-warning, #find_a_counselor .switch-warning, #switch_counselor .switch-warning { background-color: #f2dede; border-color: #ebccd1; color: #a94442; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

#apply #modal-payment .form-group, #account #modal-payment .form-group, #stop #modal-payment .form-group, #financialaid #modal-payment .form-group, #find_a_counselor #modal-payment .form-group, #switch_counselor #modal-payment .form-group { margin-top: 15px; }

#apply #modal-payment img#credit-cards, #account #modal-payment img#credit-cards, #stop #modal-payment img#credit-cards, #financialaid #modal-payment img#credit-cards, #find_a_counselor #modal-payment img#credit-cards, #switch_counselor #modal-payment img#credit-cards { margin-top: 5px; height: 22px; }

#apply #modal-payment .alert, #account #modal-payment .alert, #stop #modal-payment .alert, #financialaid #modal-payment .alert, #find_a_counselor #modal-payment .alert, #switch_counselor #modal-payment .alert { margin-top: 10px; margin-bottom: 10px; }

#apply #modal-payment #braintree-paypal-button, #account #modal-payment #braintree-paypal-button, #stop #modal-payment #braintree-paypal-button, #financialaid #modal-payment #braintree-paypal-button, #find_a_counselor #modal-payment #braintree-paypal-button, #switch_counselor #modal-payment #braintree-paypal-button { float: right; }

#apply #modal-payment #paypal-blurb, #account #modal-payment #paypal-blurb, #stop #modal-payment #paypal-blurb, #financialaid #modal-payment #paypal-blurb, #find_a_counselor #modal-payment #paypal-blurb, #switch_counselor #modal-payment #paypal-blurb { float: left; position: relative; left: 300px; top: 10px; }

#apply .bottom-buttons, #account .bottom-buttons, #stop .bottom-buttons, #financialaid .bottom-buttons, #find_a_counselor .bottom-buttons, #switch_counselor .bottom-buttons { margin-top: 30px; }

#apply .bottom-buttons .btn, #account .bottom-buttons .btn, #stop .bottom-buttons .btn, #financialaid .bottom-buttons .btn, #find_a_counselor .bottom-buttons .btn, #switch_counselor .bottom-buttons .btn { margin-right: 15px; }

#apply .discount_calc, #account .discount_calc, #stop .discount_calc, #financialaid .discount_calc, #find_a_counselor .discount_calc, #switch_counselor .discount_calc { text-align: right; }

#apply .discount_calc span, #account .discount_calc span, #stop .discount_calc span, #financialaid .discount_calc span, #find_a_counselor .discount_calc span, #switch_counselor .discount_calc span { color: #AF2225; }

#apply #modal-confirmation .fa-spinner, #account #modal-confirmation .fa-spinner, #stop #modal-confirmation .fa-spinner, #financialaid #modal-confirmation .fa-spinner, #find_a_counselor #modal-confirmation .fa-spinner, #switch_counselor #modal-confirmation .fa-spinner { float: left; font-size: 40px; margin-right: 20px; margin-top: -3px; }

#apply .language-select, #account .language-select, #stop .language-select, #financialaid .language-select, #find_a_counselor .language-select, #switch_counselor .language-select { width: 190px; }

#apply .popover, #account .popover { text-align: justify; width: 450px; line-height: 20px; }

#apply .custom-file-upload input[type="file"], #account .custom-file-upload input[type="file"] { display: none; }

#apply .photo_block, #account .photo_block { margin-top: 10px; }

#apply .cr-slider-wrap, #account .cr-slider-wrap { width: 200px !important; }

#change .change-radio { margin-bottom: 15px; padding: 0px; border: 2px solid #DDDDDD; border-radius: 5px; }

#change .change-radio label { width: 100%; padding: 0; }

#change .change-radio .row { margin-left: 0px; margin-right: 0px; }

#change .change-radio [type='radio'] { display: none; }

#change .change-radio:hover { border-color: #05BBD3; }

#change .change-radio .change-description { padding: 15px; }

#change .change-radio .change-price { text-align: right; padding: 15px; }

#change .change-radio .change-title { padding: 15px 15px 15px 30px; }

#change .change-radio .circle { display: none; }

#change .change-radio-select { border-color: #05BBD3; background-color: #EEEEEE; }

#change .change-radio-select .change-title { color: #05BBD3; }

#change .change-radio-select .circle { position: absolute; text-align: center; top: 50%; left: -15px; font-size: 20px; line-height: 30px; background-color: #05BBD3; height: 30px; width: 30px; border-radius: 50%; margin-top: -15px; display: block; color: white; }

#account .stripe-file-inputs-box { display: flex; align-items: center; margin-bottom: 10px; }

#account input[type="file"].stripe-file-input { display: flex; align-items: center; }

#account .stripe-file-inputs-box .remove-selected-file { color: #888888; flex-grow: 1; padding-left: 20px; }

#account .stripe-upload-section { margin: 30px 0 0 0; }

#account .stripe-upload-section #add-new-one { color: #5faa41; display: inline-block; margin-top: 10px; cursor: pointer; }

#account .stripe-upload-section #add-new-one:hover, #account .stripe-upload-section #add-new-one:active { text-decoration: underline; }

#card_cvc-tooltip-link + .tooltip.in { opacity: 1; }

#card_cvc-tooltip-link + .tooltip.right .tooltip-arrow { border-right-color: #5faa41; }

#card_cvc-tooltip-link + .tooltip.top .tooltip-arrow { border-top-color: #5faa41; }

#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 #5faa41; overflow: hidden; }

#card_cvc-tooltip-link + .tooltip .tooltip-text { padding: 10px; border-top: 1px solid #DDDDDD; }

@media (max-width: 991px) { #change .change-radio .change-description { border-top: 1px solid #EEEEEE; margin-top: 15px; text-align: center; }
  #change .change-radio.change-radio-select .change-description { border-top: 1px solid #DDDDDD; } }

@media (max-width: 767px) { #change .change-radio .change-price { text-align: left; padding-left: 30px; padding-top: 0; }
  #counselor_avatar .rotate_crop { padding-left: 10px; padding-right: 10px; }
  #account input[type="file"].stripe-file-input { max-width: 200px; }
  #account .need-top-space { margin-top: 0; }
  #account #personal_payment .col-sm-3 { margin-top: 15px; }
  #account #personal_payment .col-sm-3:first-child { margin-top: 0; }
  #account #company_payment .col-sm-4 { margin-top: 15px; }
  #account #company_payment .col-sm-4:first-child { margin-top: 0; } }

#answer_security_questions .security-question-icon-text div { display: inline; }

#answer_security_questions .fa-lock { font-size: 35px; margin-right: 10px; float: left; }

@media (max-width: 767px) { #answer_security_questions .fa-lock { float: none; margin-right: 0px; margin-bottom: 15px; }
  #answer_security_questions .lock-icon { text-align: center; } }

#answer_security_questions .answers-recovery-link { text-align: center; margin-top: 1em; font-size: 1.1em; }

.video-testimonial .quote { font-size: 1.2em; background-color: #EEEEEE; border-radius: 5px; padding: 15px; margin: 10px 30px; }

.video-testimonial .quote:before, .video-testimonial .quote:after { content: '"'; }

.loading-spinner { margin-top: 4em; }

#start-go #header-wrap { background: url(//dy7glz37jgl0b.cloudfront.net/home/betterhelp/home-header.jpg) no-repeat center center; background-size: cover; overflow: hidden; background-color: #222222; }

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

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

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

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

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

#start-go #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; }

#start-go #logos { background-color: #F5F5F5; padding: 25px 0; line-height: 2.7; }

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

#start-go #questionnaire-container { float: right; }

#start-go #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; }

#start-go #questionnaire .question, #start-go #questionnaire .next { display: none; }

#start-go #questionnaire .question:first-child { display: block; }

#start-go #questionnaire .slick-slider { margin-bottom: 0; }

#start-go #questionnaire .slick-slider .question, #start-go #questionnaire .slick-slider .next { display: block; }

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

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

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

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

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

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

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

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

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

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

#start-go #questionnaire .range-mid { text-align: center; }

#start-go #questionnaire .range-max { padding-right: 0; text-align: right; }

#start-go .section { padding-top: 60px; padding-bottom: 60px; }

#start-go .section h1 { font-weight: 300; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; text-align: center; font-size: 24px; letter-spacing: 2px; }

#start-go .section.overview { text-align: center; }

#start-go .section.overview .col-md-4 { padding-left: 30px; padding-right: 30px; }

#start-go .section.overview h2 { color: #5faa41; font-family: 'Roboto Slab'; font-weight: 300; font-size: 30px; margin-bottom: 15px; }

#start-go .section.testimonials { color: white; text-align: center; padding-bottom: 90px; font-size: 16px; background: url(//dy7glz37jgl0b.cloudfront.net/home/betterhelp/testimonials-bg.jpg) no-repeat center center; background-size: cover; }

#start-go .section.testimonials .container { padding-right: 100px; padding-left: 100px; }

#start-go .section.testimonials .author { font-size: 14px; margin-top: 10px; display: block; }

#start-go .section.counselors { background-color: #F5F5F5; text-align: center; padding-bottom: 80px; }

#start-go .section.getstarted { padding-top: 100px; text-align: center; }

#start-go .section.getstarted .col-sm-4 { padding-right: 40px; padding-left: 40px; }

#start-go .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; }

#start-go .section.getstarted .btn { margin-top: 30px; }

#start-go #counselor-bar { width: 100%; overflow: hidden; text-align: center; height: 100px; margin-top: -50px; margin: -50px 0 -50px 0; }

#start-go #counselor-bar img { height: 100px; width: 100px; border-radius: 50%; border: 2px solid #CCCCCC; margin: 0 5px; display: inline-block; }

#start-go #final-message { font-family: 'Roboto Slab'; font-size: 30px; text-align: center; font-weight: 300; }

#start-go #final-message span { color: #5faa41; }

@media (max-width: 991px) { #start-go #header-wrap #intro-line { font-size: 44px; }
  #start-go .section.testimonials .container { padding-left: 15px; padding-right: 15px; }
  #start-go .section.overview .col-sm-4 { padding-right: 15px; padding-left: 15px; }
  #start-go .section.getstarted .col-sm-4 { padding-right: 15px; padding-left: 15px; }
  #start-go #logos img { height: 22px; } }

@media (max-width: 767px) { #start-go #header-wrap { background-position: center center; }
  #start-go #header-wrap #intro-line { margin-top: 30px; font-size: 34px; line-height: 1.3; }
  #start-go #header-wrap #intro-line span#better { display: block; }
  #start-go #header-wrap .message h1 { font-size: 22px; }
  #start-go #header-wrap .message .app-icons { margin-top: 60px; }
  #start-go #logos img { margin: 10px; }
  #start-go #questionnaire-container { float: none; }
  #start-go #questionnaire { position: static; display: block; right: auto; margin-top: 30px; margin-bottom: 30px; }
  #start-go .section.testimonials .container { padding-left: 20px; padding-right: 20px; }
  #start-go #counselor-bar { height: 50px; margin-top: -20px; }
  #start-go #counselor-bar img { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; margin: 0 3px; }
  #start-go #final-message { font-size: 22px; } }

#corporation_intro .menu { display: none !important; }

#corporation_intro .mobilemenu-toggle { display: none !important; }

#corporation_intro .corporate-question { font-size: 1.17em; font-weight: bold; }

.modal_site_icon { height: 1em; }

.hebrew_styling { direction: rtl; }

#archive .archive-header { border-radius: 5px 5px 0 0; border-top: 1px solid #DDDDDD; }

.clinical-approaches, .focus-areas { columns: 3 320px; -webkit-columns: 3 320px; -moz-columns: 3 320px; }

.clinical-approaches .checkbox label, .focus-areas .checkbox label { padding-left: 5px; }

.focus-areas-wrapper .focus-show-more { text-align: center; padding: 30px 0 10px 0; margin-top: -60px; position: relative; font-size: 18px; z-index: 9; background: white; background: linear-gradient(0deg, white 20%, rgba(255, 255, 255, 0.557861) 100%); }

#counselor .online-status { display: none; }

#counselor .online-status.online { display: inline-block; }

#counselor .online-status.online:after { content: "\f111"; font-size: 9px; vertical-align: top; }

#counselor .dashboard-tab-header .tooltip-search-wrapper { white-space: nowrap; }

#counselor .dashboard-tab-header .tooltip-search-wrapper a.tooltip-search { border-radius: 50%; background-color: #222222; color: #EEEEEE; height: 18px; width: 18px; text-align: center; margin-left: 3px; vertical-align: middle; display: inline-block; }

#counselor .dashboard-tab-header .tooltip-search-wrapper a.tooltip-search .fa-search { position: relative; top: -4px; left: 0.5px; font-size: 11px; }

#counselor .client-card .icons-wrap, #counselor .client-card .names-wrap { display: inline-block; }

#counselor .client-card .icons-wrap { vertical-align: top; }

#counselor .client-card .banana-bread-bar { width: 126px; }

#counselor .client-card #progress-bar-container { position: relative; z-index: 0; overflow: hidden; width: 126px; 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 */ }

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

#counselor .client-card .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%); }

#counselor .client-card .progress-bar-tooltip, #counselor .client-card .surge-indicator-tooltip { position: absolute; background: #414141; padding: 5px; width: 217px; left: -30px; z-index: 9999; border-radius: 5px; text-align: center; color: #fff; margin-top: 20px; }

#counselor .client-card .progress-bar-tooltip a, #counselor .client-card .surge-indicator-tooltip a { color: #5faa41 !important; }

#counselor .client-card .progress-bar-tooltip:after, #counselor .client-card .surge-indicator-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; }

#counselor .client-card .surge-indicator-tooltip { font-size: 14px; margin-top: 15px; width: 200px; left: -100px; font-weight: normal; padding: 7px; line-height: 1.4em; }

#counselor .client-card .follow_up_date { color: #444444; }

#counselor .client-card .follow_up_link { text-decoration-color: #444444; }

#counselor #stats { padding: 15px; }

#counselor #stats #active_vs_matched { height: 150px; }

#counselor #scheduling h2 { text-align: center; }

#counselor #scheduling .div-table-with-floating-header { overflow: hidden; margin-bottom: 15px; }

#counselor #scheduling .table-floating-header { background-color: white; margin-top: 60px; }

#counselor #scheduling table { table-layout: fixed; width: 100%; empty-cells: show; }

#counselor #scheduling table th, #counselor #scheduling table td { border: 1px solid white; text-align: center; vertical-align: middle; }

#counselor #scheduling table td { background-color: white; overflow: hidden; }

#counselor #scheduling table td a { display: block; width: 100%; height: 23px; color: white; text-decoration: none; vertical-align: middle; padding: 0 5px; font-size: 12px; line-height: 23px; white-space: nowrap; cursor: pointer !important; }

#counselor #scheduling table td a.past { background-color: #DDDDDD !important; color: white; cursor: default !important; }

#counselor #scheduling table td a.past.booked { color: #05BBD3; cursor: pointer !important; }

#counselor #scheduling table td a.past.booked:hover { background-color: rgba(5, 187, 211, 0.5) !important; color: white !important; }

#counselor #scheduling table td a.unavailable { background-color: #EEEEEE; }

#counselor #scheduling table td a.unavailable:hover { background-color: rgba(95, 170, 65, 0.5); }

#counselor #scheduling table td a.available { background-color: #5faa41; }

#counselor #scheduling table td a.available:hover { background-color: rgba(175, 34, 37, 0.7); }

#counselor #scheduling table td a.booked { background-color: #f0ad4e; }

#counselor #scheduling table td a.booked:hover { background-color: rgba(240, 173, 78, 0.7); }

#counselor #scheduling table td a:hover { cursor: pointer; }

#counselor #phone-status { display: block; background-color: #DDDDDD; border-radius: 5px; padding: 5px 15px; overflow: auto; }

#counselor #phone-status .btn { float: right; }

#counselor #phone-status.active { background-color: rgba(95, 170, 65, 0.3); }

#counselor #phone-status.active i { color: #5faa41; }

#counselor #surge-campaign-banner { background-color: #915db0; border-radius: 5px; padding: 5px 15px; margin-bottom: 15px; overflow: auto; color: white; }

#counselor #surge-campaign-banner .alert-text { display: inline-block; vertical-align: middle; padding-right: 7px; }

#counselor #surge-campaign-banner .fa { margin-right: 10px; }

#counselor #surge-campaign-banner .btn { float: right; background-color: white; color: black; }

#counselor #surge-campaign-banner .btn:hover { background-color: #F5F5F5; }

#counselor #surge-campaign-banner .fa-bolt { color: #ffde75; }

#counselor #overdue-banner, #counselor .counselor-announcement, #counselor #overdue-banner-baa { display: block; background-color: #AF2225; border-radius: 5px; padding: 5px 15px; overflow: auto; color: white; margin-bottom: 15px; }

#counselor #overdue-banner .btn, #counselor .counselor-announcement .btn, #counselor #overdue-banner-baa .btn { float: right; background-color: white; color: black; }

#counselor #overdue-banner .alert-text, #counselor .counselor-announcement .alert-text, #counselor #overdue-banner-baa .alert-text { display: inline-block; vertical-align: middle; width: 85%; padding-right: 7px; }

#counselor #overdue-banner .btn, #counselor .counselor-announcement .btn, #counselor #overdue-banner-baa .btn { float: right; background-color: white; color: black; }

#counselor #overdue-banner .btn:hover, #counselor .counselor-announcement .btn:hover, #counselor #overdue-banner-baa .btn:hover { background-color: #F5F5F5; }

#counselor #step-up-bonus-banner { display: block; background-color: #5faa41; border-radius: 5px; padding: 5px 15px; overflow: auto; color: white; margin-bottom: 15px; font-weight: bold; }

#counselor #step-up-bonus-banner .alert-text { display: inline-block; vertical-align: middle; width: 85%; padding-right: 7px; }

#counselor #step-up-bonus-banner .step_up_details { float: right; }

#counselor #step-up-bonus-banner .step_up_details .tooltip-question-mark { color: white; }

#counselor #step-up-bonus-banner .btn { float: right; background-color: white; color: black; }

#counselor #step-up-bonus-banner .btn:hover { background-color: #F5F5F5; }

#counselor #available-status { display: block; background-color: #AF2225; border-radius: 5px; padding: 5px 15px; margin-bottom: 15px; overflow: visible; color: white; font-weight: bold; }

#counselor #available-status .tooltip-not-available { width: 80px; color: white; }

#counselor #available-status #accepting_clients_bar { display: inline-block; position: relative; }

#counselor #available-status .btn { float: right; position: relative; top: -1px; background-color: white; color: black; }

#counselor #available-status .faa-tada { animation-iteration-count: 3; }

#counselor #available-status.active { background-color: #5faa41; color: white; }

#counselor #available-status.active i { color: white; }

#counselor #available-status.active .btn { background-color: white; color: black; }

#counselor #available-status.active .btn i { color: black; }

#counselor #available-status.stable { background-color: #EBC005; color: white; }

#counselor #available-status.stable i { color: white; }

#counselor #available-status.stable .btn { background-color: white; color: black; }

#counselor #available-status.stable .btn i { color: black; }

#counselor .surge-indicator { display: inline-block; width: 15px; position: relative; }

#counselor .surge-indicator .fa { font-size: 22px; color: #eeb01d; position: relative; top: 3px; }

#counselor .surge-indicator .fa:hover { color: #facc1e; }

#counselor #insufficient-slots { display: block; padding: 5px 15px; overflow: auto; background-color: rgba(175, 34, 37, 0.2); color: black; border-radius: 5px; margin-bottom: 15px; }

#counselor #insufficient-slots .btn { font-size: 14px; height: 25px; line-height: 21px; padding: 0 17.5px; }

#counselor #insufficient-slots .btn-primary { float: right; background-color: white; color: black; }

#counselor .tab-pane { background-color: white; border: 1px solid #DDDDDD; border-top: 0; border-radius: 0 0 5px 5px; overflow: visible; }

#counselor .tab-pane p.potential-link { display: block; border-top: 1px solid #CCCCCC; padding: 15px; margin: 0; }

#counselor .tab-content .status_holder { text-align: center; padding-top: 100px; padding-bottom: 100px; }

#counselor .tab-content .status_holder .fa-spinner { font-size: 48px; color: #999999; }

#counselor .tab-content .inactive-alert { margin: 10px; background-color: rgba(95, 170, 65, 0.15); color: #444444; border: 0; display: block; }

#counselor #dashboard-tabs a { color: #888888; font-weight: 700; font-size: 16px; }

#counselor #dashboard-tabs li.active a { color: #444444; }

#counselor #dashboard-tabs #scores-tab .badge { position: relative; }

#counselor #dashboard-tabs #scores-tab .updated-score { position: absolute; top: 44px; left: -23px; white-space: normal; line-height: 1.4em; width: 113px; padding: 8px; text-align: center; z-index: 1; background: #414141; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#counselor #dashboard-tabs #scores-tab .updated-score:before { content: ''; display: block; width: 0; height: 0; position: absolute; border: 8px solid transparent; border-bottom: 8px solid #414141; left: 46px; top: -16px; }

#counselor #dashboard-tabs.followup-nav { background-color: #999; padding-top: 3px; }

#counselor #dashboard-tabs.followup-nav li.active { width: 100%; }

#counselor #dashboard-tabs.followup-nav li.active #followup-tab { border: 0; margin-right: 0; border-radius: 0; }

#counselor #dashboard-tabs .dashboard-tooltip { position: absolute; background: #414141; padding: 5px; width: 217px; left: -60px; z-index: 9; bottom: 100%; border-radius: 5px; text-align: center; color: #fff; }

#counselor #dashboard-tabs .dashboard-tooltip:after { top: 100%; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #414141; border-width: 9px; margin-left: -4px; }

#counselor #stats-tab-inner { position: relative; }

#counselor .stat-container { position: relative; }

#counselor .stat-container:not(:first-child) { margin-top: 50px; }

#counselor .stats-tab-not-enough-data { border: 2px solid #888888; position: absolute; background-color: white; width: 200px; height: 50px; line-height: 46px; margin: -27px 0 0 -102px; font-size: 16px; text-align: center; top: 50%; left: 50%; font-weight: bold; z-index: 99999; }

#counselor table.table { background-color: white; width: 100%; }

#counselor table.table td, #counselor table.table th { padding: 8px 15px; }

#counselor table.table thead { text-align: left; }

#counselor table.table thead th { padding: 15px; border-bottom: 2px solid #CCCCCC; }

#counselor table.table tr:nth-child(odd) td { background-color: #EEEEEE; }

#counselor table.table tr:nth-child(even) td { background-color: white; }

#counselor i.red { -webkit-text-fill-color: #af2225; color: #AF2225; }

#counselor i.red:hover { -webkit-text-fill-color: #af2225; color: #AF2225; }

#counselor i.yellow { color: #E0AB50; }

#counselor .dashboard-tab-header { padding: 15px 0; background-color: white; border-bottom: 2px solid #DDDDDD; overflow: visible; margin-left: 0; margin-right: 0; }

#counselor .dashboard-tab-header > div { font-weight: bold; display: inline-block; vertical-align: middle; float: none; }

#counselor #reviews { padding: 0 15px; }

#counselor #reviews .review { padding: 15px 0; border-top: 1px solid #DDDDDD; }

#counselor #reviews .review:nth-child(3) { border-top: none; }

#counselor #reviews .review.read { background-color: #EEEEEE; }

#counselor #reviews .review:not(.read) { font-weight: bold; }

#counselor #example .client-card.unread .example-client-name a span.client-name, #counselor #example .client-card.unread div.example-description { font-weight: bold; }

#counselor .client-card { background: white; padding: 10px 0; }

#counselor .client-card:nth-child(odd) { background-color: #EEEEEE; }

#counselor .client-card > div { display: inline-block; vertical-align: middle; float: none; }

#counselor .client-card .pencil_icon { width: 12px; margin: 0 5px; }

#counselor .client-card .snooze_client { cursor: pointer; }

#counselor .client-card div.client { font-size: 14px; font-weight: normal; padding: 20px 15px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; }

#counselor .client-card div.client.archive-client-name #client_link { display: inline; }

#counselor .client-card div.client.site_column img { margin: 0 auto; display: block; width: 20px; }

#counselor .client-card div.client .client-avatar { display: none; }

#counselor .client-card div.client .client-online { margin-right: -6px; }

#counselor .client-card div.started-on { font-weight: normal; font-size: 12px; color: #888888; margin-top: 5px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; }

#counselor .client-card p { margin: 0 0 10px 0; }

#counselor .client-card hr { margin: 10px 0; }

#counselor .client-card .usericon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; }

#counselor .client-card div.client a { color: #315778; text-decoration: none; }

#counselor .client-card div.client a:hover, #counselor .client-card div.client a:active, #counselor .client-card div.client a:focus { text-decoration: underline; }

#counselor .client-card .client-flag { padding: 2px 5px; font-size: 12px; }

#counselor .client-card .client-flag.red { background-color: #AF2225; color: white; }

#counselor .client-card .client-flag.yellow { background-color: #E0AB50; color: white; }

#counselor .client-card .client-flag.orange { background-color: #d85932; color: white; }

#counselor .client-card .client_site_logo { margin-right: 5px; }

#counselor .client-card .client_site_logo img { width: 20px; vertical-align: middle; margin-top: -2px; }

#counselor .counselor-announcement { background-color: #ffd600; color: #444444; word-break: break-word; }

#counselor .counselor-announcement a { color: #444444; }

#counselor #scores .counselor-scores:first-of-type { margin-top: -12px; }

#counselor #scores .counselor-scores:first-of-type .row { border: 1px solid #DDDDDD; border-radius: 5px; padding-top: 20px; font-weight: bold; font-size: 18px; padding-bottom: 5px; margin-bottom: 25px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); }

#counselor #scores .counselor-scores:first-of-type .row .view-trend { font-weight: normal; }

#counselor #scores .counselor-scores .score-label { margin-top: 2px; margin-bottom: 28px; text-align: right; font-weight: bold; }

#counselor #scores .counselor-scores .score-label .fa { position: relative; padding-left: 2px; color: #888888; }

#counselor #scores .counselor-scores .score-label .fa:hover { color: #666666; cursor: hand; }

#counselor #scores .counselor-scores .score-label .score-info-wrap { position: relative; display: inline-block; }

#counselor #scores .counselor-scores .score-label .tooltip-text { position: absolute; right: -194px; top: -26px; float: right; white-space: normal; line-height: 1.4em; width: 181px; padding: 10px; z-index: 1; text-align: center; background: #414141; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#counselor #scores .counselor-scores .score-label .tooltip-text:before { content: ''; display: block; width: 0; height: 0; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #414141; left: -8px; top: 30px; }

#counselor #scores .counselor-scores .progress { display: inline-block; width: 82%; margin-bottom: 13px; position: relative; }

#counselor #scores .counselor-scores .score { width: 15%; display: inline-block; margin-left: 10px; }

#counselor #scores .counselor-scores .score .score-number { font-size: 16px; }

#counselor #scores .counselor-scores .score .score-count { line-height: 1em; font-size: 12px; color: #888888; }

#counselor #scores .counselor-scores .view-trend { cursor: pointer; display: inline-block; border: 2px solid #ccc; line-height: 1.7em; }

#counselor #scores .counselor-scores .view-trend:hover { color: #888888; background-color: rgba(0, 0, 0, 0); border-color: #adadad; text-decoration: none; }

#counselor #scores .close-chart { cursor: pointer; display: inline-block; border: 2px solid #ccc; line-height: 1.7em; width: 140px; text-align: center; }

#counselor #scores .close-chart:hover { color: #888888; background-color: rgba(0, 0, 0, 0); border-color: #adadad; text-decoration: none; }

#counselor #scores table.striped-rows { text-align: left; width: 100%; border: 1px solid #bfbfbf; }

#counselor #scores table.striped-rows .top-row { font-weight: bold; }

#counselor #scores table.striped-rows th { background-color: #e4e4e4; }

#counselor #scores table.striped-rows td, #counselor #scores table.striped-rows th { padding: 7px; border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; }

#counselor #scores table.striped-rows tr:nth-child(odd) { background-color: white; }

#counselor #scores table.striped-rows tr:nth-child(even) { background-color: #F5F5F5; }

#counselor #scores #session-feedback, #counselor #scores #feedback-from-members, #counselor #scores #testimonials, #counselor #scores #case-load-impact { margin-top: 40px; }

.client-card:nth-of-type(odd) .semi-circle::before { background: #EEEEEE; }

.client-card:nth-of-type(even) .semi-circle::before { background: white; }

#live_session_log .block h3 { font-size: 18px; margin-bottom: 7px; }

#live_session_log .log-item { margin-bottom: 40px; }

#live_session_log .log-item table { width: 100%; border: 1px solid #c3c3c3; padding: 0; }

#live_session_log .log-item table td { padding: 5px; border: 1px solid #c3c3c3; }

#live_session_log .log-item table td.name { width: 150px; }

#live_session_log .log-item table tr:nth-child(odd) td { background-color: #EEEEEE; }

#live_session_log .log-item table tr:nth-child(even) td { background-color: white; }

#license_upload #upload-processing { display: block; margin: 0 auto 20px auto; }

#account_counselor .still-uploading { margin-left: 30px; font-size: 14px; color: #888888; }

.counselor-referral-program .tooltip-arrow { display: none; }

.counselor-referral-program .highlight-box { padding: 5px; width: 65%; margin-bottom: 25px; border: 1px solid #ddd; }

.counselor-referral-program #one_week_free { color: #5faa41; }

.counselor-referral-program #referral_links input { height: 0; opacity: 0; }

.counselor-referral-program #referral_links textarea { margin: 0 0 20px 0; width: 65%; padding: 5px; border: 1px solid #ddd; display: block; }

.counselor-referral-program #referral_links .wrapper-referral-links { display: inline-block; width: 50%; }

.counselor-referral-program #referral_links .referral_btn { display: inline-block; vertical-align: middle; }

.counselor-referral-program #referral_links .referral_btn.referral_with_icon { width: 55px; height: auto; text-align: center; font-size: 13px; }

.counselor-referral-program #referral_links .referral_btn.referral_with_icon .text-icon { position: relative; left: 3px; }

.counselor-referral-program #referral_links .referral_btn.referral_with_icon img { width: 35px; height: auto; margin-bottom: 5px; border: 0; }

.counselor-referral-program #referral_links .btn.btn-default.referral_btn { margin-right: 50px; }

.counselor-referral-program #refer-list-table { overflow-x: auto; }

.counselor-referral-program table.striped-rows { text-align: left; width: 100%; border: 1px solid #bfbfbf; }

.counselor-referral-program table.striped-rows .top-row { font-weight: bold; }

.counselor-referral-program table.striped-rows th { background-color: #e4e4e4; }

.counselor-referral-program table.striped-rows td, .counselor-referral-program table.striped-rows th { padding: 7px; border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; word-break: break-word; }

.counselor-referral-program table.striped-rows tr:nth-child(odd) { background-color: white; }

.counselor-referral-program table.striped-rows tr:nth-child(even) { background-color: #F5F5F5; }

.counselor-referral-program .need-space { margin-top: 40px; }

.counselor-referral-program .counselor-referral-alert { border-radius: 4px; width: 100%; background-color: #5faa41; color: white; padding: 10px 15px; margin-bottom: 20px; }

@media (max-width: 991px) { #counselor .client-card div.started-on { font-size: 12px; color: #888888; } }

@media (max-width: 1199px) { #counselor #scores .counselor-scores .progress { width: 72%; }
  #counselor #scores .counselor-scores .score { width: 23%; } }

@media (min-width: 768px) { #two_factor_auth .btn-warning { font-size: 14px; }
  #two_factor_auth .troubleshoot-link { text-align: center; margin-top: 1em; font-size: 1.1em; } }

@media (max-width: 767px) { #refresh-tab { background-color: #5faa41 !important; color: white; border-radius: 4px; }
  #counselor #reviews .review { padding: 0 15px; border: 1px solid #DDDDDD; margin-bottom: 15px; }
  #counselor #reviews .review:nth-child(3) { border-top: 1px solid #DDDDDD; }
  #counselor #reviews .review:not(.read) { background-color: white; }
  #counselor #scores:first-of-type { margin-top: -12px; }
  #counselor #scores .counselor-scores { padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; margin-bottom: 20px; }
  #counselor #scores .counselor-scores:first-of-type { border-bottom: 0; margin-top: 15px; }
  #counselor #scores .counselor-scores:first-of-type .row { padding-bottom: 25px; margin-bottom: -10px; margin-top: -30px; }
  #counselor #scores .counselor-scores .score-label { margin-bottom: 10px; text-align: left; position: relative; }
  #counselor #scores .counselor-scores .score-label .tooltip-text { width: 150px; float: none; top: 30px; right: -30px; }
  #counselor #scores .counselor-scores .score-label .tooltip-text:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #414141; top: -15px; left: 106px; }
  #counselor #scores .counselor-scores .view-trend { margin-top: 10px; }
  #counselor #scores .counselor-scores .progress { width: 100%; margin-bottom: 0; }
  #counselor #scores .counselor-scores .score { width: 100%; margin-left: 0; }
  #counselor #scores .counselor-scores .score .score-count { line-height: 1.1em; }
  #counselor #scores hr { display: none; }
  #counselor #surge-campaign-banner .alert-text, #counselor #overdue-banner .alert-text, #counselor .counselor-announcement .alert-text, #counselor #overdue-banner-baa .alert-text { width: 79%; }
  #counselor #surge-campaign-banner .btn, #counselor #overdue-banner .btn, #counselor .counselor-announcement .btn, #counselor #overdue-banner-baa .btn { float: none; width: 20%; }
  #counselor #available-status #accepting_clients_bar { width: 87%; }
  #counselor #available-status .btn { width: 11%; min-width: 37px; float: right; }
  #counselor .tab-pane { background: #F5F5F5; border: none; }
  #counselor .tab-pane .client-card { background: white; border: 1px solid #DDDDDD; padding: 0 15px 15px 15px; margin-bottom: 15px; display: block; }
  #counselor .tab-pane .client-card div { display: block; vertical-align: baseline; }
  #counselor .tab-pane .client-card div.surge-indicator { display: inline-block; }
  #counselor .tab-pane .client-card .surge-indicator-tooltip { margin-top: 10px; left: -18px; }
  #counselor .tab-pane .client-card .surge-indicator-tooltip:after { left: 18px; }
  #counselor .tab-pane .client-card .mobile-next-session-wrap, #counselor .tab-pane .client-card .mobile-last-message-wrap, #counselor .tab-pane .client-card #status.mobile_dash { margin-top: 10px; }
  #counselor .tab-pane .client-card div.client { margin: 15px 0 10px 0; padding: 0; font-size: 1.5em; font-weight: bold; display: inline-block; width: 100%; }
  #counselor .tab-pane .client-card div.client.site_column { display: block; border-bottom: 1px solid #F5F5F5; margin-bottom: 0; text-align: center; }
  #counselor .tab-pane .client-card div.client.site_column img { margin: 0 auto 15px auto; width: 25px; display: inline-block; }
  #counselor .tab-pane .client-card div.client .client-content-wrap { display: flex; display: -webkit-flex; flex-direction: row; }
  #counselor .tab-pane .client-card div.client .names-wrap { flex-grow: 1; padding-left: 5px; }
  #counselor .tab-pane .client-card div.client .client_site_logo img { vertical-align: middle; }
  #counselor .tab-pane .client-card div.client .icons-wrap, #counselor .tab-pane .client-card div.client .names-wrap { display: inline-block; }
  #counselor .tab-pane .client-card div.client .icons-wrap { vertical-align: top; margin-top: 5px; }
  #counselor .tab-pane .client-card div.client a, #counselor .tab-pane .client-card div.client #client_link { display: inline; line-height: 40px; vertical-align: middle; }
  #counselor .tab-pane .client-card div.client #partner_link:hover, #counselor .tab-pane .client-card div.client #partner_link:active, #counselor .tab-pane .client-card div.client #client_link:hover, #counselor .tab-pane .client-card div.client #client_link:active { text-decoration: none; }
  #counselor .tab-pane .client-card div.client #engagement-bar-forum-link { vertical-align: baseline; }
  #counselor .tab-pane .client-card div.client .client-flag { float: none; margin: 0; }
  #counselor .tab-pane .client-card div.client .client-avatar { float: right; display: inline-block; vertical-align: middle; margin-top: 7px; }
  #counselor .tab-pane .client-card div.client .client-avatar .usericon { height: 35px; width: 35px; }
  #counselor .tab-pane .client-card div.client .client-name { float: none; display: inline-block; padding: 0; font-size: 16px; }
  #counselor .tab-pane .client-card p { margin: 0 0 10px 0; }
  #counselor .tab-pane .client-card hr { margin: 10px 0; }
  #counselor .tab-pane .client-card .usericon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; }
  #counselor .tab-pane .client-card.alert-card { background-color: transparent; border: 0; padding: 0; }
  #counselor .tab-pane .client-card.alert-card .inactive-alert { margin: 0; }
  #counselor #scheduling { margin-right: -10px; margin-left: -10px; }
  #counselor #scheduling div.block { padding: 10px; }
  #counselor #scheduling div.block .alert-success { margin-top: 0; }
  #counselor #scheduling table { font-size: 10px; }
  #counselor #scheduling table tr.table-floating-header-original th, #counselor #scheduling table tr.table-floating-header th { padding: 0 8px; }
  #counselor #scheduling table td { vertical-align: middle; }
  #counselor #scheduling table td a { height: 30px; line-height: 30px; padding: 0 2px; font-size: 10px; }
  #counselor #scheduling table td a.available:hover { background-color: #5faa41; }
  #counselor #scheduling table td a.unavailable:hover { background-color: #EEEEEE; }
  #weekly_schedule #scheduling { margin-left: auto; margin-right: auto; }
  #weekly_schedule #scheduling div.block { margin-left: -10px; margin-right: -10px; }
  #detailed_payment_report div.block { overflow-x: auto; }
  .counselor-referral-program .highlight-box { width: 100%; }
  .counselor-referral-program #referral_links .wrapper-referral-links { display: block; width: 100%; margin-top: 20px; }
  .counselor-referral-program #referral_links textarea { width: 100%; } }

@media (max-width: 500px) { .security-questions .block select.form-control { white-space: normal; height: 75px; }
  #counselor #surge-campaign-banner .alert-text, #counselor #overdue-banner .alert-text, #counselor .counselor-announcement .alert-text, #counselor #overdue-banner-baa .alert-text { width: 65%; }
  #counselor #surge-campaign-banner .btn, #counselor #overdue-banner .btn, #counselor .counselor-announcement .btn, #counselor #overdue-banner-baa .btn { width: 33%; } }

@media (min-width: 992px) and (max-width: 1199px) { #dashboard .tabs-container .nav-tabs > li > a { padding: 10px; } }

@media (min-width: 768px) and (max-width: 991px) { #dashboard .tabs-container { width: auto; }
  #dashboard .tabs-container .nav-tabs > li > a { padding: 6px; }
  #dashboard .tabs-container .badge { font-size: 11px; padding: 3px 5px 4px 5px; }
  #counselor #dashboard-tabs a { font-size: 14px; } }

@media (max-width: 386px) { #counselor #scores .counselor-scores .score-label .tooltip-text { width: 140px; left: -24px; right: initial; }
  #counselor #scores .counselor-scores .score-label .tooltip-text:before { left: 24px; right: initial; } }

@media (max-width: 320px) { #counselor #scores .counselor-scores .score-label .tooltip-text { left: -63px; }
  #counselor #scores .counselor-scores .score-label .tooltip-text:before { left: 63px; } }

#payments_container.banana { max-width: 1100px; margin: auto; }

#payments_container.banana h3 { font-size: 22px; margin-bottom: 10px; }

#payments_container.banana .main-payment-graph { margin-top: 20px; }

#payments_container.banana .block .title-text { font-size: 16px; }

#payments_container.banana .block.previous-payment h3 { margin-bottom: 0; }

#payments_container.banana .block.previous-payment #payments-bar-container { cursor: default; }

#payments_container.banana #payments-bar-container { display: grid; border-color: #444444; border-width: 2px; border-radius: 2px; border-style: solid; background-color: #444444; grid-auto-flow: column; column-gap: 1px; margin-top: 25px; position: relative; cursor: pointer; }

#payments_container.banana #payments-bar-container #payments-bar-chunk { background-color: #f5f5f5; height: 25px; position: relative; }

#payments_container.banana #payments-bar-container #payments-bar-chunk #hour-count, #payments_container.banana #payments-bar-container #payments-bar-chunk #pay-count { font-size: 12px; }

#payments_container.banana #payments-bar-container #payments-bar-chunk #hour-count { position: absolute; top: -20px; right: -13px; }

#payments_container.banana #payments-bar-container #payments-bar-chunk #pay-count { text-align: center; margin-top: 32px; line-height: 10px; }

@media (max-width: 767px) { #payments_container.banana #payments-bar-container #payments-bar-chunk #pay-count { font-size: 10px; } }

#payments_container.banana #payments-bar-container #payments-bar-chunk .pay-count-previous { margin-top: 30px !important; }

#payments_container.banana #payments-bar-container #payments-bar-progress { background-color: #5faa41; position: absolute; height: 100%; opacity: 0.75; border-right-style: solid; border-right-color: #444444; border-right-width: 2px; pointer-events: none; transition: width 1.5s; }

#payments_container.banana #payments-bar-container #payments-bar-hover-marker { display: none; position: absolute; width: 0px; height: 25px; border-right-style: solid; border-right-color: #000000; border-right-width: 3px; pointer-events: none; }

#payments_container.banana #payments-bar-hover-info { display: none; background-color: #222222; color: white; font-size: 12px; padding: 0px 25px; }

#payments_container.banana #increase-availability-container { display: block; border-color: #DDDDDD; border-width: 1px; border-style: solid; margin-top: 30px; margin-bottom: 10px; border-radius: 5px; padding: 15px; }

#payments_container.banana #prev-payment-bar-container { background-color: #DDDDDD; border-radius: 5px; overflow: hidden; height: 25px; margin-top: 12px; }

#payments_container.banana #prev-payment-bar-container #prev-payment-bar { background-color: #5faa41; height: 100%; }

#detailed_payment_report #payments table.table { background-color: white; width: 100%; }

#detailed_payment_report #payments table.table td, #detailed_payment_report #payments table.table th { padding: 8px 15px; }

#detailed_payment_report #payments table.table thead { text-align: left; }

#detailed_payment_report #payments table.table thead th { padding: 15px; border-bottom: 2px solid #CCCCCC; border-top: 2px solid #888888; }

#detailed_payment_report #payments table.table thead:first-child th { border-top: 0; }

#detailed_payment_report #payments table.table tr:nth-child(odd) td { background-color: #EEEEEE; }

#detailed_payment_report #payments table.table tr:nth-child(even) td { background-color: white; }

#detailed_payment_report #payments table.table tr.info td { background-color: rgba(5, 187, 211, 0.2); border-top: 2px solid #05BBD3; }

#detailed_payment_report #new_report_block { background-color: #ffffff; border-radius: 15px; }

#detailed_payment_report #new_report_block h2 { font-size: 18px; margin-bottom: 10px; }

#detailed_payment_report #new_report_block .subtitle { font-size: 18px; }

#detailed_payment_report #new_report_block #week_selection { margin-left: 5px; display: inline-block; width: 200px; }

#detailed_payment_report #new_report_block .row { margin-left: 0px; margin-right: 0px; }

#detailed_payment_report #new_report_block #payments table.table { background-color: white; width: 100%; text-align: left; table-layout: fixed; }

#detailed_payment_report #new_report_block #payments table.table td, #detailed_payment_report #new_report_block #payments table.table th { padding: 8px 15px; }

#detailed_payment_report #new_report_block #payments table.table thead th { background-color: #cccccc; padding: 8px 15px; border-bottom: 2px solid #CCCCCC; border-top: 2px solid #888888; cursor: pointer; }

#detailed_payment_report #new_report_block #payments table.table thead th .arrow { text-align: right; margin-left: 5px; font-size: 12px; }

#detailed_payment_report #new_report_block #payments table.table tbody th { font-weight: normal; }

#detailed_payment_report #new_report_block #payments table.table tbody tr:nth-child(odd) th { background-color: #EEEEEE; }

#detailed_payment_report #new_report_block #payments table.table tbody tr:nth-child(even) th { background-color: white; }

#detailed_payment_report #new_report_block #payments table.table tfoot td { background-color: #EEEEEE; border-top: 2px solid #888888; font-weight: bold; }

#detailed_payment_report #new_report_block #payments #payment_calculation { border-color: #CCCCCC; border-width: 1px; border-style: solid; padding: 15px; border-radius: 5px; }

#detailed_payment_report #new_report_block #payments #breakdown_keys { display: flex; max-width: 550px; margin-top: 20px; justify-content: space-between; }

@media (max-width: 767px) { #detailed_payment_report #new_report_block #payments #breakdown_keys { flex-direction: column; } }

#detailed_payment_report #new_report_block #payments #breakdown_keys #breakdown_key_item { display: flex; align-items: center; }

#detailed_payment_report #new_report_block #payments #breakdown_keys #breakdown_key_item #colored_square { width: 20px; height: 20px; margin-right: 8px; }

#detailed_payment_report #new_report_block #payments #breakdown_bar { display: flex; height: 30px; align-items: stretch; }

#detailed_payment_report #new_report_block #payments #bottom_links { width: 100%; text-align: center; }

#detailed_payment_report .referral_details { padding-left: 30px; }

[class|="confetti"] { position: absolute; }

.confetti-0 { width: 0px; height: 0px; background-color: #d13447; top: -10%; opacity: 0.5; transform: rotate(0deg); animation: drop-0 2s 0s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0s; }

@keyframes drop-0 { 0% { top: -10%;
    left: 0vw;
    opacity: 100; }
  100% { top: 110%;
    left: -7.5vw;
    opacity: 0; } }

.confetti-1 { width: 14.73431px; height: 5.89372px; background-color: #ffbf00; top: -10%; opacity: 0.9586; transform: rotate(284.60733deg); animation: drop-1 2.43028s 0.35509s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.96103s; }

@keyframes drop-1 { 0% { top: -10%;
    left: 87.061vw;
    opacity: 100; }
  100% { top: 110%;
    left: 88.64087vw;
    opacity: 0; } }

.confetti-2 { width: 1.46862px; height: 0.58745px; background-color: #d13447; top: -10%; opacity: 1.4172; transform: rotate(209.21466deg); animation: drop-2 2.86056s 0.71018s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.67206s; }

@keyframes drop-2 { 0% { top: -10%;
    left: 74.122vw;
    opacity: 100; }
  100% { top: 110%;
    left: 69.78175vw;
    opacity: 0; } }

.confetti-3 { width: 16.20292px; height: 6.48117px; background-color: #ffbf00; top: -10%; opacity: 0.8758; transform: rotate(133.82199deg); animation: drop-3 2.29084s 0.06527s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.38309s; }

@keyframes drop-3 { 0% { top: -10%;
    left: 61.18299vw;
    opacity: 100; }
  100% { top: 110%;
    left: 65.92262vw;
    opacity: 0; } }

.confetti-4 { width: 2.93723px; height: 1.17489px; background-color: #d13447; top: -10%; opacity: 1.33439; transform: rotate(58.42932deg); animation: drop-4 2.72112s 0.42037s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.09412s; }

@keyframes drop-4 { 0% { top: -10%;
    left: 48.24399vw;
    opacity: 100; }
  100% { top: 110%;
    left: 47.06349vw;
    opacity: 0; } }

.confetti-5 { width: 17.67154px; height: 7.06862px; background-color: #ffbf00; top: -10%; opacity: 0.79299; transform: rotate(343.03665deg); animation: drop-5 2.15139s 0.77546s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.05515s; }

@keyframes drop-5 { 0% { top: -10%;
    left: 35.30499vw;
    opacity: 100; }
  100% { top: 110%;
    left: 28.20436vw;
    opacity: 0; } }

.confetti-6 { width: 4.40585px; height: 1.76234px; background-color: #d13447; top: -10%; opacity: 1.25159; transform: rotate(267.64398deg); animation: drop-6 2.58167s 0.13055s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.76618s; }

@keyframes drop-6 { 0% { top: -10%;
    left: 22.36599vw;
    opacity: 100; }
  100% { top: 110%;
    left: 24.34524vw;
    opacity: 0; } }

.confetti-7 { width: 19.14015px; height: 7.65606px; background-color: #ffbf00; top: -10%; opacity: 0.71019; transform: rotate(192.25131deg); animation: drop-7 2.01195s 0.48564s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.47721s; }

@keyframes drop-7 { 0% { top: -10%;
    left: 9.42699vw;
    opacity: 100; }
  100% { top: 110%;
    left: 5.48611vw;
    opacity: 0; } }

.confetti-8 { width: 5.87446px; height: 2.34979px; background-color: #d13447; top: -10%; opacity: 1.16879; transform: rotate(116.85864deg); animation: drop-8 2.44223s 0.84073s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.18824s; }

@keyframes drop-8 { 0% { top: -10%;
    left: 96.48799vw;
    opacity: 100; }
  100% { top: 110%;
    left: 101.62698vw;
    opacity: 0; } }

.confetti-9 { width: 20.60877px; height: 8.24351px; background-color: #ffbf00; top: -10%; opacity: 0.62739; transform: rotate(41.46597deg); animation: drop-9 2.87251s 0.19582s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.14927s; }

@keyframes drop-9 { 0% { top: -10%;
    left: 83.54898vw;
    opacity: 100; }
  100% { top: 110%;
    left: 82.76786vw;
    opacity: 0; } }

.confetti-10 { width: 7.34308px; height: 2.93723px; background-color: #d13447; top: -10%; opacity: 1.08599; transform: rotate(326.0733deg); animation: drop-10 2.30279s 0.55091s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.8603s; }

@keyframes drop-10 { 0% { top: -10%;
    left: 70.60998vw;
    opacity: 100; }
  100% { top: 110%;
    left: 63.90873vw;
    opacity: 0; } }

.confetti-11 { width: 22.07739px; height: 8.83095px; background-color: #ffbf00; top: -10%; opacity: 0.54459; transform: rotate(250.68063deg); animation: drop-11 2.73307s 0.90601s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.57133s; }

@keyframes drop-11 { 0% { top: -10%;
    left: 57.67098vw;
    opacity: 100; }
  100% { top: 110%;
    left: 60.0496vw;
    opacity: 0; } }

.confetti-12 { width: 8.81169px; height: 3.52468px; background-color: #d13447; top: -10%; opacity: 1.00318; transform: rotate(175.28796deg); animation: drop-12 2.16335s 0.2611s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.28236s; }

@keyframes drop-12 { 0% { top: -10%;
    left: 44.73198vw;
    opacity: 100; }
  100% { top: 110%;
    left: 41.19047vw;
    opacity: 0; } }

.confetti-13 { width: 23.546px; height: 9.4184px; background-color: #ffbf00; top: -10%; opacity: 1.46178; transform: rotate(99.89529deg); animation: drop-13 2.59363s 0.61619s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.24339s; }

@keyframes drop-13 { 0% { top: -10%;
    left: 31.79298vw;
    opacity: 100; }
  100% { top: 110%;
    left: 37.33135vw;
    opacity: 0; } }

.confetti-14 { width: 10.28031px; height: 4.11212px; background-color: #d13447; top: -10%; opacity: 0.92038; transform: rotate(24.50262deg); animation: drop-14 2.0239s 0.97128s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.95443s; }

@keyframes drop-14 { 0% { top: -10%;
    left: 18.85397vw;
    opacity: 100; }
  100% { top: 110%;
    left: 18.47222vw;
    opacity: 0; } }

.confetti-15 { width: 25.01462px; height: 10.00585px; background-color: #ffbf00; top: -10%; opacity: 1.37898; transform: rotate(309.10995deg); animation: drop-15 2.45418s 0.32637s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.66546s; }

@keyframes drop-15 { 0% { top: -10%;
    left: 5.91497vw;
    opacity: 100; }
  100% { top: 110%;
    left: -0.38691vw;
    opacity: 0; } }

.confetti-16 { width: 11.74893px; height: 4.69957px; background-color: #d13447; top: -10%; opacity: 0.83758; transform: rotate(233.71728deg); animation: drop-16 2.88446s 0.68146s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.37649s; }

@keyframes drop-16 { 0% { top: -10%;
    left: 92.97597vw;
    opacity: 100; }
  100% { top: 110%;
    left: 95.75397vw;
    opacity: 0; } }

.confetti-17 { width: 26.48323px; height: 10.59329px; background-color: #ffbf00; top: -10%; opacity: 1.29618; transform: rotate(158.32461deg); animation: drop-17 2.31474s 0.03655s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.08752s; }

@keyframes drop-17 { 0% { top: -10%;
    left: 80.03697vw;
    opacity: 100; }
  100% { top: 110%;
    left: 76.89484vw;
    opacity: 0; } }

.confetti-18 { width: 13.21754px; height: 5.28702px; background-color: #d13447; top: -10%; opacity: 0.75478; transform: rotate(82.93194deg); animation: drop-18 2.74502s 0.39164s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.04855s; }

@keyframes drop-18 { 0% { top: -10%;
    left: 67.09797vw;
    opacity: 100; }
  100% { top: 110%;
    left: 73.03571vw;
    opacity: 0; } }

.confetti-19 { width: 27.95185px; height: 11.18074px; background-color: #ffbf00; top: -10%; opacity: 1.21338; transform: rotate(7.53927deg); animation: drop-19 2.1753s 0.74674s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.75958s; }

@keyframes drop-19 { 0% { top: -10%;
    left: 54.15896vw;
    opacity: 100; }
  100% { top: 110%;
    left: 54.17658vw;
    opacity: 0; } }

.confetti-20 { width: 14.68616px; height: 5.87446px; background-color: #d13447; top: -10%; opacity: 0.67197; transform: rotate(292.1466deg); animation: drop-20 2.60558s 0.10183s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.47061s; }

@keyframes drop-20 { 0% { top: -10%;
    left: 41.21996vw;
    opacity: 100; }
  100% { top: 110%;
    left: 35.31746vw;
    opacity: 0; } }

.confetti-21 { width: 1.42046px; height: 0.56819px; background-color: #ffbf00; top: -10%; opacity: 1.13057; transform: rotate(216.75393deg); animation: drop-21 2.03586s 0.45692s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.18164s; }

@keyframes drop-21 { 0% { top: -10%;
    left: 28.28096vw;
    opacity: 100; }
  100% { top: 110%;
    left: 31.45833vw;
    opacity: 0; } }

.confetti-22 { width: 16.15477px; height: 6.46191px; background-color: #d13447; top: -10%; opacity: 0.58917; transform: rotate(141.36126deg); animation: drop-22 2.46614s 0.81201s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.14267s; }

@keyframes drop-22 { 0% { top: -10%;
    left: 15.34196vw;
    opacity: 100; }
  100% { top: 110%;
    left: 12.5992vw;
    opacity: 0; } }

.confetti-23 { width: 2.88908px; height: 1.15563px; background-color: #ffbf00; top: -10%; opacity: 1.04777; transform: rotate(65.96859deg); animation: drop-23 2.89641s 0.1671s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.8537s; }

@keyframes drop-23 { 0% { top: -10%;
    left: 2.40296vw;
    opacity: 100; }
  100% { top: 110%;
    left: 8.74008vw;
    opacity: 0; } }

.confetti-24 { width: 17.62339px; height: 7.04936px; background-color: #d13447; top: -10%; opacity: 0.50637; transform: rotate(350.57592deg); animation: drop-24 2.32669s 0.52219s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.56473s; }

@keyframes drop-24 { 0% { top: -10%;
    left: 89.46396vw;
    opacity: 100; }
  100% { top: 110%;
    left: 89.88095vw;
    opacity: 0; } }

.confetti-25 { width: 4.3577px; height: 1.74308px; background-color: #ffbf00; top: -10%; opacity: 0.96497; transform: rotate(275.18325deg); animation: drop-25 2.75697s 0.87728s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.27576s; }

@keyframes drop-25 { 0% { top: -10%;
    left: 76.52495vw;
    opacity: 100; }
  100% { top: 110%;
    left: 71.02182vw;
    opacity: 0; } }

.confetti-26 { width: 19.092px; height: 7.6368px; background-color: #d13447; top: -10%; opacity: 1.42357; transform: rotate(199.79058deg); animation: drop-26 2.18725s 0.23238s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.23679s; }

@keyframes drop-26 { 0% { top: -10%;
    left: 63.58595vw;
    opacity: 100; }
  100% { top: 110%;
    left: 67.16269vw;
    opacity: 0; } }

.confetti-27 { width: 5.82631px; height: 2.33052px; background-color: #ffbf00; top: -10%; opacity: 0.88217; transform: rotate(124.39791deg); animation: drop-27 2.61753s 0.58747s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.94782s; }

@keyframes drop-27 { 0% { top: -10%;
    left: 50.64695vw;
    opacity: 100; }
  100% { top: 110%;
    left: 48.30357vw;
    opacity: 0; } }

.confetti-28 { width: 20.56062px; height: 8.22425px; background-color: #d13447; top: -10%; opacity: 1.34076; transform: rotate(49.00524deg); animation: drop-28 2.04781s 0.94256s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.65885s; }

@keyframes drop-28 { 0% { top: -10%;
    left: 37.70795vw;
    opacity: 100; }
  100% { top: 110%;
    left: 44.44444vw;
    opacity: 0; } }

.confetti-29 { width: 7.29493px; height: 2.91797px; background-color: #ffbf00; top: -10%; opacity: 0.79936; transform: rotate(333.61257deg); animation: drop-29 2.47809s 0.29765s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.36988s; }

@keyframes drop-29 { 0% { top: -10%;
    left: 24.76895vw;
    opacity: 100; }
  100% { top: 110%;
    left: 25.58531vw;
    opacity: 0; } }

.confetti-30 { width: 22.02923px; height: 8.81169px; background-color: #d13447; top: -10%; opacity: 1.25796; transform: rotate(258.2199deg); animation: drop-30 2.90837s 0.65274s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.08091s; }

@keyframes drop-30 { 0% { top: -10%;
    left: 11.82994vw;
    opacity: 100; }
  100% { top: 110%;
    left: 6.72619vw;
    opacity: 0; } }

.confetti-31 { width: 8.76354px; height: 3.50542px; background-color: #ffbf00; top: -10%; opacity: 0.71656; transform: rotate(182.82723deg); animation: drop-31 2.33865s 0.00783s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.04194s; }

@keyframes drop-31 { 0% { top: -10%;
    left: 98.89094vw;
    opacity: 100; }
  100% { top: 110%;
    left: 102.86706vw;
    opacity: 0; } }

.confetti-32 { width: 23.49785px; height: 9.39914px; background-color: #d13447; top: -10%; opacity: 1.17516; transform: rotate(107.43455deg); animation: drop-32 2.76892s 0.36292s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.75297s; }

@keyframes drop-32 { 0% { top: -10%;
    left: 85.95194vw;
    opacity: 100; }
  100% { top: 110%;
    left: 84.00793vw;
    opacity: 0; } }

.confetti-33 { width: 10.23216px; height: 4.09286px; background-color: #ffbf00; top: -10%; opacity: 0.63376; transform: rotate(32.04188deg); animation: drop-33 2.1992s 0.71802s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.464s; }

@keyframes drop-33 { 0% { top: -10%;
    left: 73.01294vw;
    opacity: 100; }
  100% { top: 110%;
    left: 80.1488vw;
    opacity: 0; } }

.confetti-34 { width: 24.96647px; height: 9.98659px; background-color: #d13447; top: -10%; opacity: 1.09236; transform: rotate(316.64921deg); animation: drop-34 2.62948s 0.07311s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.17503s; }

@keyframes drop-34 { 0% { top: -10%;
    left: 60.07394vw;
    opacity: 100; }
  100% { top: 110%;
    left: 61.28968vw;
    opacity: 0; } }

.confetti-35 { width: 11.70077px; height: 4.68031px; background-color: #ffbf00; top: -10%; opacity: 0.55096; transform: rotate(241.25654deg); animation: drop-35 2.05976s 0.4282s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.13606s; }

@keyframes drop-35 { 0% { top: -10%;
    left: 47.13494vw;
    opacity: 100; }
  100% { top: 110%;
    left: 42.43055vw;
    opacity: 0; } }

.confetti-36 { width: 26.43508px; height: 10.57403px; background-color: #d13447; top: -10%; opacity: 1.00955; transform: rotate(165.86387deg); animation: drop-36 2.49004s 0.78329s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.84709s; }

@keyframes drop-36 { 0% { top: -10%;
    left: 34.19593vw;
    opacity: 100; }
  100% { top: 110%;
    left: 38.57142vw;
    opacity: 0; } }

.confetti-37 { width: 13.16939px; height: 5.26776px; background-color: #ffbf00; top: -10%; opacity: 1.46815; transform: rotate(90.4712deg); animation: drop-37 2.92032s 0.13838s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.55812s; }

@keyframes drop-37 { 0% { top: -10%;
    left: 21.25693vw;
    opacity: 100; }
  100% { top: 110%;
    left: 19.7123vw;
    opacity: 0; } }

.confetti-38 { width: 27.9037px; height: 11.16148px; background-color: #d13447; top: -10%; opacity: 0.92675; transform: rotate(15.07853deg); animation: drop-38 2.3506s 0.49347s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.26915s; }

@keyframes drop-38 { 0% { top: -10%;
    left: 8.31793vw;
    opacity: 100; }
  100% { top: 110%;
    left: 0.85317vw;
    opacity: 0; } }

.confetti-39 { width: 14.63801px; height: 5.8552px; background-color: #ffbf00; top: -10%; opacity: 1.38535; transform: rotate(299.68586deg); animation: drop-39 2.78088s 0.84856s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.23018s; }

@keyframes drop-39 { 0% { top: -10%;
    left: 95.37893vw;
    opacity: 100; }
  100% { top: 110%;
    left: 96.99404vw;
    opacity: 0; } }

.confetti-40 { width: 1.37231px; height: 0.54893px; background-color: #d13447; top: -10%; opacity: 0.84395; transform: rotate(224.29319deg); animation: drop-40 2.21116s 0.20366s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.94122s; }

@keyframes drop-40 { 0% { top: -10%;
    left: 82.43993vw;
    opacity: 100; }
  100% { top: 110%;
    left: 78.13491vw;
    opacity: 0; } }

.confetti-41 { width: 16.10662px; height: 6.44265px; background-color: #ffbf00; top: -10%; opacity: 1.30255; transform: rotate(148.90052deg); animation: drop-41 2.64143s 0.55875s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.65225s; }

@keyframes drop-41 { 0% { top: -10%;
    left: 69.50092vw;
    opacity: 100; }
  100% { top: 110%;
    left: 74.27579vw;
    opacity: 0; } }

.confetti-42 { width: 2.84093px; height: 1.13637px; background-color: #d13447; top: -10%; opacity: 0.76115; transform: rotate(73.50785deg); animation: drop-42 2.07171s 0.91384s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.36328s; }

@keyframes drop-42 { 0% { top: -10%;
    left: 56.56192vw;
    opacity: 100; }
  100% { top: 110%;
    left: 55.41666vw;
    opacity: 0; } }

.confetti-43 { width: 17.57524px; height: 7.03009px; background-color: #ffbf00; top: -10%; opacity: 1.21975; transform: rotate(358.11518deg); animation: drop-43 2.50199s 0.26893s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.07431s; }

@keyframes drop-43 { 0% { top: -10%;
    left: 43.62292vw;
    opacity: 100; }
  100% { top: 110%;
    left: 36.55753vw;
    opacity: 0; } }

.confetti-44 { width: 4.30954px; height: 1.72382px; background-color: #d13447; top: -10%; opacity: 0.67834; transform: rotate(282.72251deg); animation: drop-44 2.93227s 0.62402s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.03534s; }

@keyframes drop-44 { 0% { top: -10%;
    left: 30.68392vw;
    opacity: 100; }
  100% { top: 110%;
    left: 32.69841vw;
    opacity: 0; } }

.confetti-45 { width: 19.04385px; height: 7.61754px; background-color: #ffbf00; top: -10%; opacity: 1.13694; transform: rotate(207.32984deg); animation: drop-45 2.36255s 0.97911s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.74637s; }

@keyframes drop-45 { 0% { top: -10%;
    left: 17.74492vw;
    opacity: 100; }
  100% { top: 110%;
    left: 13.83928vw;
    opacity: 0; } }

.confetti-46 { width: 5.77816px; height: 2.31126px; background-color: #d13447; top: -10%; opacity: 0.59554; transform: rotate(131.93717deg); animation: drop-46 2.79283s 0.3342s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.4574s; }

@keyframes drop-46 { 0% { top: -10%;
    left: 4.80591vw;
    opacity: 100; }
  100% { top: 110%;
    left: 9.98015vw;
    opacity: 0; } }

.confetti-47 { width: 20.51247px; height: 8.20499px; background-color: #ffbf00; top: -10%; opacity: 1.05414; transform: rotate(56.5445deg); animation: drop-47 2.22311s 0.6893s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.16843s; }

@keyframes drop-47 { 0% { top: -10%;
    left: 91.86691vw;
    opacity: 100; }
  100% { top: 110%;
    left: 91.12102vw;
    opacity: 0; } }

.confetti-48 { width: 7.24678px; height: 2.89871px; background-color: #d13447; top: -10%; opacity: 0.51274; transform: rotate(341.15183deg); animation: drop-48 2.65339s 0.04439s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.12946s; }

@keyframes drop-48 { 0% { top: -10%;
    left: 78.92791vw;
    opacity: 100; }
  100% { top: 110%;
    left: 72.2619vw;
    opacity: 0; } }

.confetti-49 { width: 21.98108px; height: 8.79243px; background-color: #ffbf00; top: -10%; opacity: 0.97134; transform: rotate(265.75916deg); animation: drop-49 2.08367s 0.39948s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.84049s; }

@keyframes drop-49 { 0% { top: -10%;
    left: 65.98891vw;
    opacity: 100; }
  100% { top: 110%;
    left: 68.40277vw;
    opacity: 0; } }

.confetti-50 { width: 8.71539px; height: 3.48616px; background-color: #d13447; top: -10%; opacity: 1.42994; transform: rotate(190.36649deg); animation: drop-50 2.51394s 0.75457s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.55152s; }

@keyframes drop-50 { 0% { top: -10%;
    left: 53.04991vw;
    opacity: 100; }
  100% { top: 110%;
    left: 49.54364vw;
    opacity: 0; } }

.confetti-51 { width: 23.4497px; height: 9.37988px; background-color: #ffbf00; top: -10%; opacity: 0.88854; transform: rotate(114.97382deg); animation: drop-51 2.94422s 0.10966s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.26255s; }

@keyframes drop-51 { 0% { top: -10%;
    left: 40.11091vw;
    opacity: 100; }
  100% { top: 110%;
    left: 45.68452vw;
    opacity: 0; } }

.confetti-52 { width: 10.18401px; height: 4.0736px; background-color: #d13447; top: -10%; opacity: 1.34713; transform: rotate(39.58115deg); animation: drop-52 2.3745s 0.46475s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.22358s; }

@keyframes drop-52 { 0% { top: -10%;
    left: 27.1719vw;
    opacity: 100; }
  100% { top: 110%;
    left: 26.82539vw;
    opacity: 0; } }

.confetti-53 { width: 24.91831px; height: 9.96733px; background-color: #ffbf00; top: -10%; opacity: 0.80573; transform: rotate(324.18848deg); animation: drop-53 2.80478s 0.81984s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.93461s; }

@keyframes drop-53 { 0% { top: -10%;
    left: 14.2329vw;
    opacity: 100; }
  100% { top: 110%;
    left: 7.96626vw;
    opacity: 0; } }

.confetti-54 { width: 11.65262px; height: 4.66105px; background-color: #d13447; top: -10%; opacity: 1.26433; transform: rotate(248.79581deg); animation: drop-54 2.23506s 0.17493s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.64564s; }

@keyframes drop-54 { 0% { top: -10%;
    left: 1.2939vw;
    opacity: 100; }
  100% { top: 110%;
    left: 4.10713vw;
    opacity: 0; } }

.confetti-55 { width: 26.38693px; height: 10.55477px; background-color: #ffbf00; top: -10%; opacity: 0.72293; transform: rotate(173.40314deg); animation: drop-55 2.66534s 0.53003s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.35667s; }

@keyframes drop-55 { 0% { top: -10%;
    left: 88.3549vw;
    opacity: 100; }
  100% { top: 110%;
    left: 85.24801vw;
    opacity: 0; } }

.confetti-56 { width: 13.12124px; height: 5.2485px; background-color: #d13447; top: -10%; opacity: 1.18153; transform: rotate(98.01047deg); animation: drop-56 2.09562s 0.88512s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.0677s; }

@keyframes drop-56 { 0% { top: -10%;
    left: 75.4159vw;
    opacity: 100; }
  100% { top: 110%;
    left: 81.38888vw;
    opacity: 0; } }

.confetti-57 { width: 27.85555px; height: 11.14222px; background-color: #ffbf00; top: -10%; opacity: 0.64013; transform: rotate(22.6178deg); animation: drop-57 2.5259s 0.24021s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.02873s; }

@keyframes drop-57 { 0% { top: -10%;
    left: 62.47689vw;
    opacity: 100; }
  100% { top: 110%;
    left: 62.52975vw;
    opacity: 0; } }

.confetti-58 { width: 14.58985px; height: 5.83594px; background-color: #d13447; top: -10%; opacity: 1.09873; transform: rotate(307.22513deg); animation: drop-58 2.95618s 0.5953s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.73976s; }

@keyframes drop-58 { 0% { top: -10%;
    left: 49.53789vw;
    opacity: 100; }
  100% { top: 110%;
    left: 43.67063vw;
    opacity: 0; } }

.confetti-59 { width: 1.32416px; height: 0.52966px; background-color: #ffbf00; top: -10%; opacity: 0.55732; transform: rotate(231.83246deg); animation: drop-59 2.38645s 0.95039s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.45079s; }

@keyframes drop-59 { 0% { top: -10%;
    left: 36.59889vw;
    opacity: 100; }
  100% { top: 110%;
    left: 39.8115vw;
    opacity: 0; } }

.confetti-60 { width: 16.05847px; height: 6.42339px; background-color: #d13447; top: -10%; opacity: 1.01592; transform: rotate(156.43979deg); animation: drop-60 2.81673s 0.30548s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.16182s; }

@keyframes drop-60 { 0% { top: -10%;
    left: 23.65989vw;
    opacity: 100; }
  100% { top: 110%;
    left: 20.95237vw;
    opacity: 0; } }

.confetti-61 { width: 2.79278px; height: 1.11711px; background-color: #ffbf00; top: -10%; opacity: 1.47452; transform: rotate(81.04712deg); animation: drop-61 2.24701s 0.66057s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.12285s; }

@keyframes drop-61 { 0% { top: -10%;
    left: 10.72089vw;
    opacity: 100; }
  100% { top: 110%;
    left: 17.09324vw;
    opacity: 0; } }

.confetti-62 { width: 17.52709px; height: 7.01083px; background-color: #d13447; top: -10%; opacity: 0.93312; transform: rotate(5.65445deg); animation: drop-62 2.67729s 0.01567s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.83388s; }

@keyframes drop-62 { 0% { top: -10%;
    left: 97.78189vw;
    opacity: 100; }
  100% { top: 110%;
    left: 98.23412vw;
    opacity: 0; } }

.confetti-63 { width: 4.26139px; height: 1.70456px; background-color: #ffbf00; top: -10%; opacity: 1.39172; transform: rotate(290.26178deg); animation: drop-63 2.10757s 0.37076s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.54491s; }

@keyframes drop-63 { 0% { top: -10%;
    left: 84.84288vw;
    opacity: 100; }
  100% { top: 110%;
    left: 79.37499vw;
    opacity: 0; } }

.confetti-64 { width: 18.9957px; height: 7.59828px; background-color: #d13447; top: -10%; opacity: 0.85032; transform: rotate(214.86911deg); animation: drop-64 2.53785s 0.72585s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.25594s; }

@keyframes drop-64 { 0% { top: -10%;
    left: 71.90388vw;
    opacity: 100; }
  100% { top: 110%;
    left: 75.51586vw;
    opacity: 0; } }

.confetti-65 { width: 5.73001px; height: 2.292px; background-color: #ffbf00; top: -10%; opacity: 1.30892; transform: rotate(139.47644deg); animation: drop-65 2.96813s 0.08094s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.21697s; }

@keyframes drop-65 { 0% { top: -10%;
    left: 58.96488vw;
    opacity: 100; }
  100% { top: 110%;
    left: 56.65674vw;
    opacity: 0; } }

.confetti-66 { width: 20.46432px; height: 8.18573px; background-color: #d13447; top: -10%; opacity: 0.76752; transform: rotate(64.08377deg); animation: drop-66 2.39841s 0.43603s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.92801s; }

@keyframes drop-66 { 0% { top: -10%;
    left: 46.02588vw;
    opacity: 100; }
  100% { top: 110%;
    left: 52.79761vw;
    opacity: 0; } }

.confetti-67 { width: 7.19862px; height: 2.87945px; background-color: #ffbf00; top: -10%; opacity: 1.22611; transform: rotate(348.6911deg); animation: drop-67 2.82869s 0.79112s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.63904s; }

@keyframes drop-67 { 0% { top: -10%;
    left: 33.08688vw;
    opacity: 100; }
  100% { top: 110%;
    left: 33.93848vw;
    opacity: 0; } }

.confetti-68 { width: 21.93293px; height: 8.77317px; background-color: #d13447; top: -10%; opacity: 0.68471; transform: rotate(273.29843deg); animation: drop-68 2.25896s 0.14621s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.35007s; }

@keyframes drop-68 { 0% { top: -10%;
    left: 20.14787vw;
    opacity: 100; }
  100% { top: 110%;
    left: 15.07935vw;
    opacity: 0; } }

.confetti-69 { width: 8.66724px; height: 3.4669px; background-color: #ffbf00; top: -10%; opacity: 1.14331; transform: rotate(197.90576deg); animation: drop-69 2.68924s 0.50131s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.0611s; }

@keyframes drop-69 { 0% { top: -10%;
    left: 7.20887vw;
    opacity: 100; }
  100% { top: 110%;
    left: 11.22023vw;
    opacity: 0; } }

.confetti-70 { width: 23.40155px; height: 9.36062px; background-color: #d13447; top: -10%; opacity: 0.60191; transform: rotate(122.51309deg); animation: drop-70 2.11952s 0.8564s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.02213s; }

@keyframes drop-70 { 0% { top: -10%;
    left: 94.26987vw;
    opacity: 100; }
  100% { top: 110%;
    left: 92.3611vw;
    opacity: 0; } }

.confetti-71 { width: 10.13586px; height: 4.05434px; background-color: #ffbf00; top: -10%; opacity: 1.06051; transform: rotate(47.12042deg); animation: drop-71 2.5498s 0.21149s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.73316s; }

@keyframes drop-71 { 0% { top: -10%;
    left: 81.33087vw;
    opacity: 100; }
  100% { top: 110%;
    left: 88.50197vw;
    opacity: 0; } }

.confetti-72 { width: 24.87016px; height: 9.94807px; background-color: #d13447; top: -10%; opacity: 0.51911; transform: rotate(331.72775deg); animation: drop-72 2.98008s 0.56658s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.44419s; }

@keyframes drop-72 { 0% { top: -10%;
    left: 68.39187vw;
    opacity: 100; }
  100% { top: 110%;
    left: 69.64285vw;
    opacity: 0; } }

.confetti-73 { width: 11.60447px; height: 4.64179px; background-color: #ffbf00; top: -10%; opacity: 0.97771; transform: rotate(256.33508deg); animation: drop-73 2.41036s 0.92167s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.15522s; }

@keyframes drop-73 { 0% { top: -10%;
    left: 55.45287vw;
    opacity: 100; }
  100% { top: 110%;
    left: 50.78372vw;
    opacity: 0; } }

.confetti-74 { width: 26.33878px; height: 10.53551px; background-color: #d13447; top: -10%; opacity: 1.43631; transform: rotate(180.94241deg); animation: drop-74 2.84064s 0.27676s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.11625s; }

@keyframes drop-74 { 0% { top: -10%;
    left: 42.51386vw;
    opacity: 100; }
  100% { top: 110%;
    left: 46.92459vw;
    opacity: 0; } }

.confetti-75 { width: 13.07309px; height: 5.22923px; background-color: #ffbf00; top: -10%; opacity: 0.8949; transform: rotate(105.54974deg); animation: drop-75 2.27092s 0.63185s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.82728s; }

@keyframes drop-75 { 0% { top: -10%;
    left: 29.57486vw;
    opacity: 100; }
  100% { top: 110%;
    left: 28.06546vw;
    opacity: 0; } }

.confetti-76 { width: 27.80739px; height: 11.12296px; background-color: #d13447; top: -10%; opacity: 1.3535; transform: rotate(30.15707deg); animation: drop-76 2.7012s 0.98695s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.53831s; }

@keyframes drop-76 { 0% { top: -10%;
    left: 16.63586vw;
    opacity: 100; }
  100% { top: 110%;
    left: 9.20634vw;
    opacity: 0; } }

.confetti-77 { width: 14.5417px; height: 5.81668px; background-color: #ffbf00; top: -10%; opacity: 0.8121; transform: rotate(314.7644deg); animation: drop-77 2.13147s 0.34204s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.24934s; }

@keyframes drop-77 { 0% { top: -10%;
    left: 3.69686vw;
    opacity: 100; }
  100% { top: 110%;
    left: 5.34721vw;
    opacity: 0; } }

.confetti-78 { width: 1.27601px; height: 0.5104px; background-color: #d13447; top: -10%; opacity: 1.2707; transform: rotate(239.37173deg); animation: drop-78 2.56175s 0.69713s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.21037s; }

@keyframes drop-78 { 0% { top: -10%;
    left: 90.75786vw;
    opacity: 100; }
  100% { top: 110%;
    left: 86.48808vw;
    opacity: 0; } }

.confetti-79 { width: 16.01032px; height: 6.40413px; background-color: #ffbf00; top: -10%; opacity: 0.7293; transform: rotate(163.97906deg); animation: drop-79 2.99203s 0.05222s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.9214s; }

@keyframes drop-79 { 0% { top: -10%;
    left: 77.81885vw;
    opacity: 100; }
  100% { top: 110%;
    left: 82.62896vw;
    opacity: 0; } }

.confetti-80 { width: 2.74463px; height: 1.09785px; background-color: #d13447; top: -10%; opacity: 1.1879; transform: rotate(88.58639deg); animation: drop-80 2.42231s 0.40731s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.63243s; }

@keyframes drop-80 { 0% { top: -10%;
    left: 64.87985vw;
    opacity: 100; }
  100% { top: 110%;
    left: 63.76983vw;
    opacity: 0; } }

.confetti-81 { width: 17.47893px; height: 6.99157px; background-color: #ffbf00; top: -10%; opacity: 0.6465; transform: rotate(13.19372deg); animation: drop-81 2.85259s 0.7624s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.34346s; }

@keyframes drop-81 { 0% { top: -10%;
    left: 51.94085vw;
    opacity: 100; }
  100% { top: 110%;
    left: 44.9107vw;
    opacity: 0; } }

.confetti-82 { width: 4.21324px; height: 1.6853px; background-color: #d13447; top: -10%; opacity: 1.1051; transform: rotate(297.80105deg); animation: drop-82 2.28287s 0.11749s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.05449s; }

@keyframes drop-82 { 0% { top: -10%;
    left: 39.00185vw;
    opacity: 100; }
  100% { top: 110%;
    left: 41.05157vw;
    opacity: 0; } }

.confetti-83 { width: 18.94755px; height: 7.57902px; background-color: #ffbf00; top: -10%; opacity: 0.56369; transform: rotate(222.40838deg); animation: drop-83 2.71315s 0.47258s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.01552s; }

@keyframes drop-83 { 0% { top: -10%;
    left: 26.06285vw;
    opacity: 100; }
  100% { top: 110%;
    left: 22.19245vw;
    opacity: 0; } }

.confetti-84 { width: 5.68186px; height: 2.27274px; background-color: #d13447; top: -10%; opacity: 1.02229; transform: rotate(147.01571deg); animation: drop-84 2.14343s 0.82768s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.72655s; }

@keyframes drop-84 { 0% { top: -10%;
    left: 13.12384vw;
    opacity: 100; }
  100% { top: 110%;
    left: 18.33332vw;
    opacity: 0; } }

.confetti-85 { width: 20.41617px; height: 8.16647px; background-color: #ffbf00; top: -10%; opacity: 1.48089; transform: rotate(71.62304deg); animation: drop-85 2.57371s 0.18277s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.43758s; }

@keyframes drop-85 { 0% { top: -10%;
    left: 0.18484vw;
    opacity: 100; }
  100% { top: 110%;
    left: -0.52581vw;
    opacity: 0; } }

.confetti-86 { width: 7.15047px; height: 2.86019px; background-color: #d13447; top: -10%; opacity: 0.93949; transform: rotate(356.23037deg); animation: drop-86 2.00398s 0.53786s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.14861s; }

@keyframes drop-86 { 0% { top: -10%;
    left: 87.24584vw;
    opacity: 100; }
  100% { top: 110%;
    left: 80.61507vw;
    opacity: 0; } }

.confetti-87 { width: 21.88478px; height: 8.75391px; background-color: #ffbf00; top: -10%; opacity: 1.39809; transform: rotate(280.8377deg); animation: drop-87 2.43426s 0.89295s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.10964s; }

@keyframes drop-87 { 0% { top: -10%;
    left: 74.30684vw;
    opacity: 100; }
  100% { top: 110%;
    left: 76.75594vw;
    opacity: 0; } }

.confetti-88 { width: 8.61909px; height: 3.44764px; background-color: #d13447; top: -10%; opacity: 0.85669; transform: rotate(205.44503deg); animation: drop-88 2.86454s 0.24804s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.82067s; }

@keyframes drop-88 { 0% { top: -10%;
    left: 61.36784vw;
    opacity: 100; }
  100% { top: 110%;
    left: 57.89681vw;
    opacity: 0; } }

.confetti-89 { width: 23.3534px; height: 9.34136px; background-color: #ffbf00; top: -10%; opacity: 1.31529; transform: rotate(130.05236deg); animation: drop-89 2.29482s 0.60313s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.5317s; }

@keyframes drop-89 { 0% { top: -10%;
    left: 48.42884vw;
    opacity: 100; }
  100% { top: 110%;
    left: 54.03768vw;
    opacity: 0; } }

.confetti-90 { width: 10.0877px; height: 4.03508px; background-color: #d13447; top: -10%; opacity: 0.77389; transform: rotate(54.65969deg); animation: drop-90 2.7251s 0.95822s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.24273s; }

@keyframes drop-90 { 0% { top: -10%;
    left: 35.48983vw;
    opacity: 100; }
  100% { top: 110%;
    left: 35.17856vw;
    opacity: 0; } }

.confetti-91 { width: 24.82201px; height: 9.9288px; background-color: #ffbf00; top: -10%; opacity: 1.23248; transform: rotate(339.26702deg); animation: drop-91 2.15538s 0.31332s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.20376s; }

@keyframes drop-91 { 0% { top: -10%;
    left: 22.55083vw;
    opacity: 100; }
  100% { top: 110%;
    left: 16.31943vw;
    opacity: 0; } }

.confetti-92 { width: 11.55632px; height: 4.62253px; background-color: #d13447; top: -10%; opacity: 0.69108; transform: rotate(263.87435deg); animation: drop-92 2.58566s 0.66841s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.9148s; }

@keyframes drop-92 { 0% { top: -10%;
    left: 9.61183vw;
    opacity: 100; }
  100% { top: 110%;
    left: 12.4603vw;
    opacity: 0; } }

.confetti-93 { width: 26.29063px; height: 10.51625px; background-color: #ffbf00; top: -10%; opacity: 1.14968; transform: rotate(188.48168deg); animation: drop-93 2.01594s 0.0235s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.62583s; }

@keyframes drop-93 { 0% { top: -10%;
    left: 96.67283vw;
    opacity: 100; }
  100% { top: 110%;
    left: 93.60118vw;
    opacity: 0; } }

.confetti-94 { width: 13.02494px; height: 5.20997px; background-color: #d13447; top: -10%; opacity: 0.60828; transform: rotate(113.08901deg); animation: drop-94 2.44622s 0.37859s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.33686s; }

@keyframes drop-94 { 0% { top: -10%;
    left: 83.73383vw;
    opacity: 100; }
  100% { top: 110%;
    left: 89.74205vw;
    opacity: 0; } }

.confetti-95 { width: 27.75924px; height: 11.1037px; background-color: #ffbf00; top: -10%; opacity: 1.06688; transform: rotate(37.69634deg); animation: drop-95 2.87649s 0.73368s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.04789s; }

@keyframes drop-95 { 0% { top: -10%;
    left: 70.79482vw;
    opacity: 100; }
  100% { top: 110%;
    left: 70.88292vw;
    opacity: 0; } }

.confetti-96 { width: 14.49355px; height: 5.79742px; background-color: #d13447; top: -10%; opacity: 0.52548; transform: rotate(322.30366deg); animation: drop-96 2.30677s 0.08877s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.00892s; }

@keyframes drop-96 { 0% { top: -10%;
    left: 57.85582vw;
    opacity: 100; }
  100% { top: 110%;
    left: 52.02379vw;
    opacity: 0; } }

.confetti-97 { width: 1.22786px; height: 0.49114px; background-color: #ffbf00; top: -10%; opacity: 0.98408; transform: rotate(246.91099deg); animation: drop-97 2.73705s 0.44386s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.71995s; }

@keyframes drop-97 { 0% { top: -10%;
    left: 44.91682vw;
    opacity: 100; }
  100% { top: 110%;
    left: 48.16467vw;
    opacity: 0; } }

.confetti-98 { width: 15.96217px; height: 6.38487px; background-color: #d13447; top: -10%; opacity: 1.44268; transform: rotate(171.51832deg); animation: drop-98 2.16733s 0.79896s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.43098s; }

@keyframes drop-98 { 0% { top: -10%;
    left: 31.97782vw;
    opacity: 100; }
  100% { top: 110%;
    left: 29.30554vw;
    opacity: 0; } }

.confetti-99 { width: 2.69647px; height: 1.07859px; background-color: #ffbf00; top: -10%; opacity: 0.90127; transform: rotate(96.12565deg); animation: drop-99 2.59761s 0.15405s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.14201s; }

@keyframes drop-99 { 0% { top: -10%;
    left: 19.03882vw;
    opacity: 100; }
  100% { top: 110%;
    left: 25.44641vw;
    opacity: 0; } }

.confetti-100 { width: 17.43078px; height: 6.97231px; background-color: #d13447; top: -10%; opacity: 1.35987; transform: rotate(20.73298deg); animation: drop-100 2.02789s 0.50914s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.10304s; }

@keyframes drop-100 { 0% { top: -10%;
    left: 6.09982vw;
    opacity: 100; }
  100% { top: 110%;
    left: 6.58729vw;
    opacity: 0; } }

.confetti-101 { width: 4.16509px; height: 1.66604px; background-color: #ffbf00; top: -10%; opacity: 0.81847; transform: rotate(305.34031deg); animation: drop-101 2.45817s 0.86423s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.81407s; }

@keyframes drop-101 { 0% { top: -10%;
    left: 93.16081vw;
    opacity: 100; }
  100% { top: 110%;
    left: 87.72816vw;
    opacity: 0; } }

.confetti-102 { width: 18.8994px; height: 7.55976px; background-color: #d13447; top: -10%; opacity: 1.27707; transform: rotate(229.94764deg); animation: drop-102 2.88845s 0.21932s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.5251s; }

@keyframes drop-102 { 0% { top: -10%;
    left: 80.22181vw;
    opacity: 100; }
  100% { top: 110%;
    left: 83.86903vw;
    opacity: 0; } }

.confetti-103 { width: 5.63371px; height: 2.25348px; background-color: #ffbf00; top: -10%; opacity: 0.73567; transform: rotate(154.55497deg); animation: drop-103 2.31873s 0.57441s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.23613s; }

@keyframes drop-103 { 0% { top: -10%;
    left: 67.28281vw;
    opacity: 100; }
  100% { top: 110%;
    left: 65.0099vw;
    opacity: 0; } }

.confetti-104 { width: 20.36801px; height: 8.14721px; background-color: #d13447; top: -10%; opacity: 1.19427; transform: rotate(79.1623deg); animation: drop-104 2.749s 0.9295s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.19716s; }

@keyframes drop-104 { 0% { top: -10%;
    left: 54.34381vw;
    opacity: 100; }
  100% { top: 110%;
    left: 61.15078vw;
    opacity: 0; } }

.confetti-105 { width: 7.10232px; height: 2.84093px; background-color: #ffbf00; top: -10%; opacity: 0.65287; transform: rotate(3.76963deg); animation: drop-105 2.17928s 0.2846s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.90819s; }

@keyframes drop-105 { 0% { top: -10%;
    left: 41.40481vw;
    opacity: 100; }
  100% { top: 110%;
    left: 42.29165vw;
    opacity: 0; } }

.confetti-106 { width: 21.83663px; height: 8.73465px; background-color: #d13447; top: -10%; opacity: 1.11146; transform: rotate(288.37696deg); animation: drop-106 2.60956s 0.63969s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.61922s; }

@keyframes drop-106 { 0% { top: -10%;
    left: 28.4658vw;
    opacity: 100; }
  100% { top: 110%;
    left: 23.43252vw;
    opacity: 0; } }

.confetti-107 { width: 8.57094px; height: 3.42837px; background-color: #ffbf00; top: -10%; opacity: 0.57006; transform: rotate(212.98429deg); animation: drop-107 2.03984s 0.99478s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.33025s; }

@keyframes drop-107 { 0% { top: -10%;
    left: 15.5268vw;
    opacity: 100; }
  100% { top: 110%;
    left: 19.5734vw;
    opacity: 0; } }

.confetti-108 { width: 23.30525px; height: 9.3221px; background-color: #d13447; top: -10%; opacity: 1.02866; transform: rotate(137.59162deg); animation: drop-108 2.47012s 0.34987s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.04128s; }

@keyframes drop-108 { 0% { top: -10%;
    left: 2.5878vw;
    opacity: 100; }
  100% { top: 110%;
    left: 0.71427vw;
    opacity: 0; } }

.confetti-109 { width: 10.03955px; height: 4.01582px; background-color: #ffbf00; top: -10%; opacity: 1.48726; transform: rotate(62.19895deg); animation: drop-109 2.9004s 0.70496s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.00231s; }

@keyframes drop-109 { 0% { top: -10%;
    left: 89.6488vw;
    opacity: 100; }
  100% { top: 110%;
    left: 96.85514vw;
    opacity: 0; } }

.confetti-110 { width: 24.77386px; height: 9.90954px; background-color: #d13447; top: -10%; opacity: 0.94586; transform: rotate(346.80628deg); animation: drop-110 2.33068s 0.06005s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.71334s; }

@keyframes drop-110 { 0% { top: -10%;
    left: 76.7098vw;
    opacity: 100; }
  100% { top: 110%;
    left: 77.99601vw;
    opacity: 0; } }

.confetti-111 { width: 11.50817px; height: 4.60327px; background-color: #ffbf00; top: -10%; opacity: 1.40446; transform: rotate(271.41361deg); animation: drop-111 2.76096s 0.41514s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.42437s; }

@keyframes drop-111 { 0% { top: -10%;
    left: 63.77079vw;
    opacity: 100; }
  100% { top: 110%;
    left: 59.13689vw;
    opacity: 0; } }

.confetti-112 { width: 26.24248px; height: 10.49699px; background-color: #d13447; top: -10%; opacity: 0.86306; transform: rotate(196.02094deg); animation: drop-112 2.19124s 0.77023s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.1354s; }

@keyframes drop-112 { 0% { top: -10%;
    left: 50.83179vw;
    opacity: 100; }
  100% { top: 110%;
    left: 55.27776vw;
    opacity: 0; } }

.confetti-113 { width: 12.97678px; height: 5.19071px; background-color: #ffbf00; top: -10%; opacity: 1.32166; transform: rotate(120.62827deg); animation: drop-113 2.62151s 0.12533s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.09643s; }

@keyframes drop-113 { 0% { top: -10%;
    left: 37.89279vw;
    opacity: 100; }
  100% { top: 110%;
    left: 36.41863vw;
    opacity: 0; } }

.confetti-114 { width: 27.71109px; height: 11.08444px; background-color: #d13447; top: -10%; opacity: 0.78025; transform: rotate(45.2356deg); animation: drop-114 2.05179s 0.48042s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.80746s; }

@keyframes drop-114 { 0% { top: -10%;
    left: 24.95379vw;
    opacity: 100; }
  100% { top: 110%;
    left: 17.55951vw;
    opacity: 0; } }

.confetti-115 { width: 14.4454px; height: 5.77816px; background-color: #ffbf00; top: -10%; opacity: 1.23885; transform: rotate(329.84293deg); animation: drop-115 2.48207s 0.83551s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.51849s; }

@keyframes drop-115 { 0% { top: -10%;
    left: 12.01479vw;
    opacity: 100; }
  100% { top: 110%;
    left: 13.70038vw;
    opacity: 0; } }

.confetti-116 { width: 1.17971px; height: 0.47188px; background-color: #d13447; top: -10%; opacity: 0.69745; transform: rotate(254.45026deg); animation: drop-116 2.91235s 0.1906s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.22952s; }

@keyframes drop-116 { 0% { top: -10%;
    left: 99.07579vw;
    opacity: 100; }
  100% { top: 110%;
    left: 94.84125vw;
    opacity: 0; } }

.confetti-117 { width: 15.91402px; height: 6.36561px; background-color: #ffbf00; top: -10%; opacity: 1.15605; transform: rotate(179.05759deg); animation: drop-117 2.34263s 0.54569s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.19055s; }

@keyframes drop-117 { 0% { top: -10%;
    left: 86.13678vw;
    opacity: 100; }
  100% { top: 110%;
    left: 90.98212vw;
    opacity: 0; } }

.confetti-118 { width: 2.64832px; height: 1.05933px; background-color: #d13447; top: -10%; opacity: 0.61465; transform: rotate(103.66492deg); animation: drop-118 2.77291s 0.90078s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.90159s; }

@keyframes drop-118 { 0% { top: -10%;
    left: 73.19778vw;
    opacity: 100; }
  100% { top: 110%;
    left: 72.123vw;
    opacity: 0; } }

.confetti-119 { width: 17.38263px; height: 6.95305px; background-color: #ffbf00; top: -10%; opacity: 1.07325; transform: rotate(28.27225deg); animation: drop-119 2.20319s 0.25587s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.61262s; }

@keyframes drop-119 { 0% { top: -10%;
    left: 60.25878vw;
    opacity: 100; }
  100% { top: 110%;
    left: 53.26387vw;
    opacity: 0; } }

.confetti-120 { width: 4.11694px; height: 1.64678px; background-color: #d13447; top: -10%; opacity: 0.53185; transform: rotate(312.87958deg); animation: drop-120 2.63347s 0.61097s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.32365s; }

@keyframes drop-120 { 0% { top: -10%;
    left: 47.31978vw;
    opacity: 100; }
  100% { top: 110%;
    left: 49.40474vw;
    opacity: 0; } }

.confetti-121 { width: 18.85125px; height: 7.5405px; background-color: #ffbf00; top: -10%; opacity: 0.99045; transform: rotate(237.48691deg); animation: drop-121 2.06375s 0.96606s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.03468s; }

@keyframes drop-121 { 0% { top: -10%;
    left: 34.38078vw;
    opacity: 100; }
  100% { top: 110%;
    left: 30.54562vw;
    opacity: 0; } }

.confetti-122 { width: 5.58555px; height: 2.23422px; background-color: #d13447; top: -10%; opacity: 1.44904; transform: rotate(162.09424deg); animation: drop-122 2.49402s 0.32115s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.99571s; }

@keyframes drop-122 { 0% { top: -10%;
    left: 21.44177vw;
    opacity: 100; }
  100% { top: 110%;
    left: 26.68649vw;
    opacity: 0; } }

.confetti-123 { width: 20.31986px; height: 8.12794px; background-color: #ffbf00; top: -10%; opacity: 0.90764; transform: rotate(86.70157deg); animation: drop-123 2.9243s 0.67624s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.70674s; }

@keyframes drop-123 { 0% { top: -10%;
    left: 8.50277vw;
    opacity: 100; }
  100% { top: 110%;
    left: 7.82736vw;
    opacity: 0; } }

.confetti-124 { width: 7.05417px; height: 2.82167px; background-color: #d13447; top: -10%; opacity: 1.36624; transform: rotate(11.3089deg); animation: drop-124 2.35458s 0.03133s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.41777s; }

@keyframes drop-124 { 0% { top: -10%;
    left: 95.56377vw;
    opacity: 100; }
  100% { top: 110%;
    left: 88.96823vw;
    opacity: 0; } }

.confetti-125 { width: 21.78848px; height: 8.71539px; background-color: #ffbf00; top: -10%; opacity: 0.82484; transform: rotate(295.91623deg); animation: drop-125 2.78486s 0.38642s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.1288s; }

@keyframes drop-125 { 0% { top: -10%;
    left: 82.62477vw;
    opacity: 100; }
  100% { top: 110%;
    left: 85.10911vw;
    opacity: 0; } }

.confetti-126 { width: 8.52279px; height: 3.40911px; background-color: #d13447; top: -10%; opacity: 1.28344; transform: rotate(220.52356deg); animation: drop-126 2.21514s 0.74151s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.08983s; }

@keyframes drop-126 { 0% { top: -10%;
    left: 69.68577vw;
    opacity: 100; }
  100% { top: 110%;
    left: 66.24998vw;
    opacity: 0; } }

.confetti-127 { width: 23.25709px; height: 9.30284px; background-color: #ffbf00; top: -10%; opacity: 0.74204; transform: rotate(145.13089deg); animation: drop-127 2.64542s 0.09661s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.80086s; }

@keyframes drop-127 { 0% { top: -10%;
    left: 56.74677vw;
    opacity: 100; }
  100% { top: 110%;
    left: 62.39085vw;
    opacity: 0; } }

.confetti-128 { width: 9.9914px; height: 3.99656px; background-color: #d13447; top: -10%; opacity: 1.20064; transform: rotate(69.73822deg); animation: drop-128 2.0757s 0.4517s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.51189s; }

@keyframes drop-128 { 0% { top: -10%;
    left: 43.80776vw;
    opacity: 100; }
  100% { top: 110%;
    left: 43.53173vw;
    opacity: 0; } }

.confetti-129 { width: 24.72571px; height: 9.89028px; background-color: #ffbf00; top: -10%; opacity: 0.65924; transform: rotate(354.34555deg); animation: drop-129 2.50598s 0.80679s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.22292s; }

@keyframes drop-129 { 0% { top: -10%;
    left: 30.86876vw;
    opacity: 100; }
  100% { top: 110%;
    left: 24.6726vw;
    opacity: 0; } }

.confetti-130 { width: 11.46002px; height: 4.58401px; background-color: #d13447; top: -10%; opacity: 1.11783; transform: rotate(278.95288deg); animation: drop-130 2.93625s 0.16188s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.18395s; }

@keyframes drop-130 { 0% { top: -10%;
    left: 17.92976vw;
    opacity: 100; }
  100% { top: 110%;
    left: 20.81347vw;
    opacity: 0; } }

.confetti-131 { width: 26.19433px; height: 10.47773px; background-color: #ffbf00; top: -10%; opacity: 0.57643; transform: rotate(203.56021deg); animation: drop-131 2.36653s 0.51697s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.89498s; }

@keyframes drop-131 { 0% { top: -10%;
    left: 4.99076vw;
    opacity: 100; }
  100% { top: 110%;
    left: 1.95434vw;
    opacity: 0; } }

.confetti-132 { width: 12.92863px; height: 5.17145px; background-color: #d13447; top: -10%; opacity: 1.03503; transform: rotate(128.16754deg); animation: drop-132 2.79681s 0.87206s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.60601s; }

@keyframes drop-132 { 0% { top: -10%;
    left: 92.05176vw;
    opacity: 100; }
  100% { top: 110%;
    left: 98.09522vw;
    opacity: 0; } }

.confetti-133 { width: 27.66294px; height: 11.06518px; background-color: #ffbf00; top: -10%; opacity: 1.49363; transform: rotate(52.77487deg); animation: drop-133 2.22709s 0.22715s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.31704s; }

@keyframes drop-133 { 0% { top: -10%;
    left: 79.11275vw;
    opacity: 100; }
  100% { top: 110%;
    left: 79.23609vw;
    opacity: 0; } }

.confetti-134 { width: 14.39725px; height: 5.7589px; background-color: #d13447; top: -10%; opacity: 0.95223; transform: rotate(337.3822deg); animation: drop-134 2.65737s 0.58225s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.02807s; }

@keyframes drop-134 { 0% { top: -10%;
    left: 66.17375vw;
    opacity: 100; }
  100% { top: 110%;
    left: 60.37696vw;
    opacity: 0; } }

.confetti-135 { width: 1.13156px; height: 0.45262px; background-color: #ffbf00; top: -10%; opacity: 1.41083; transform: rotate(261.98953deg); animation: drop-135 2.08765s 0.93734s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.9891s; }

@keyframes drop-135 { 0% { top: -10%;
    left: 53.23475vw;
    opacity: 100; }
  100% { top: 110%;
    left: 56.51784vw;
    opacity: 0; } }

.confetti-136 { width: 15.86586px; height: 6.34635px; background-color: #d13447; top: -10%; opacity: 0.86943; transform: rotate(186.59686deg); animation: drop-136 2.51793s 0.29243s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.70013s; }

@keyframes drop-136 { 0% { top: -10%;
    left: 40.29575vw;
    opacity: 100; }
  100% { top: 110%;
    left: 37.65871vw;
    opacity: 0; } }

.confetti-137 { width: 2.60017px; height: 1.04007px; background-color: #ffbf00; top: -10%; opacity: 1.32803; transform: rotate(111.20419deg); animation: drop-137 2.94821s 0.64752s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.41116s; }

@keyframes drop-137 { 0% { top: -10%;
    left: 27.35675vw;
    opacity: 100; }
  100% { top: 110%;
    left: 33.79958vw;
    opacity: 0; } }

.confetti-138 { width: 17.33448px; height: 6.93379px; background-color: #d13447; top: -10%; opacity: 0.78662; transform: rotate(35.81152deg); animation: drop-138 2.37849s 0.00261s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.12219s; }

@keyframes drop-138 { 0% { top: -10%;
    left: 14.41774vw;
    opacity: 100; }
  100% { top: 110%;
    left: 14.94045vw;
    opacity: 0; } }

.confetti-139 { width: 4.06879px; height: 1.62752px; background-color: #ffbf00; top: -10%; opacity: 1.24522; transform: rotate(320.41885deg); animation: drop-139 2.80876s 0.3577s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.08322s; }

@keyframes drop-139 { 0% { top: -10%;
    left: 1.47874vw;
    opacity: 100; }
  100% { top: 110%;
    left: -3.91867vw;
    opacity: 0; } }

.confetti-140 { width: 18.8031px; height: 7.52124px; background-color: #d13447; top: -10%; opacity: 0.70382; transform: rotate(245.02618deg); animation: drop-140 2.23904s 0.71279s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.79425s; }

@keyframes drop-140 { 0% { top: -10%;
    left: 88.53974vw;
    opacity: 100; }
  100% { top: 110%;
    left: 92.2222vw;
    opacity: 0; } }

.confetti-141 { width: 5.5374px; height: 2.21496px; background-color: #ffbf00; top: -10%; opacity: 1.16242; transform: rotate(169.63351deg); animation: drop-141 2.66932s 0.06789s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.50528s; }

@keyframes drop-141 { 0% { top: -10%;
    left: 75.60074vw;
    opacity: 100; }
  100% { top: 110%;
    left: 73.36307vw;
    opacity: 0; } }

.confetti-142 { width: 20.27171px; height: 8.10868px; background-color: #d13447; top: -10%; opacity: 0.62102; transform: rotate(94.24084deg); animation: drop-142 2.0996s 0.42298s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.21631s; }

@keyframes drop-142 { 0% { top: -10%;
    left: 62.66174vw;
    opacity: 100; }
  100% { top: 110%;
    left: 69.50395vw;
    opacity: 0; } }

.confetti-143 { width: 7.00602px; height: 2.80241px; background-color: #ffbf00; top: -10%; opacity: 1.07962; transform: rotate(18.84817deg); animation: drop-143 2.52988s 0.77807s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 1.17734s; }

@keyframes drop-143 { 0% { top: -10%;
    left: 49.72274vw;
    opacity: 100; }
  100% { top: 110%;
    left: 50.64482vw;
    opacity: 0; } }

.confetti-144 { width: 21.74033px; height: 8.69613px; background-color: #d13447; top: -10%; opacity: 0.53822; transform: rotate(303.4555deg); animation: drop-144 2.96016s 0.13316s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.88838s; }

@keyframes drop-144 { 0% { top: -10%;
    left: 36.78373vw;
    opacity: 100; }
  100% { top: 110%;
    left: 31.78569vw;
    opacity: 0; } }

.confetti-145 { width: 8.47463px; height: 3.38985px; background-color: #ffbf00; top: -10%; opacity: 0.99682; transform: rotate(228.06283deg); animation: drop-145 2.39044s 0.48825s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.59941s; }

@keyframes drop-145 { 0% { top: -10%;
    left: 23.84473vw;
    opacity: 100; }
  100% { top: 110%;
    left: 27.92656vw;
    opacity: 0; } }

.confetti-146 { width: 23.20894px; height: 9.28358px; background-color: #d13447; top: -10%; opacity: 1.45541; transform: rotate(152.67016deg); animation: drop-146 2.82072s 0.84334s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.31044s; }

@keyframes drop-146 { 0% { top: -10%;
    left: 10.90573vw;
    opacity: 100; }
  100% { top: 110%;
    left: 9.06744vw;
    opacity: 0; } }

.confetti-147 { width: 9.94325px; height: 3.9773px; background-color: #ffbf00; top: -10%; opacity: 0.91401; transform: rotate(77.27749deg); animation: drop-147 2.251s 0.19843s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.02147s; }

@keyframes drop-147 { 0% { top: -10%;
    left: 97.96673vw;
    opacity: 100; }
  100% { top: 110%;
    left: 105.20831vw;
    opacity: 0; } }

.confetti-148 { width: 24.67756px; height: 9.87102px; background-color: #d13447; top: -10%; opacity: 1.37261; transform: rotate(1.88482deg); animation: drop-148 2.68127s 0.55352s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.9825s; }

@keyframes drop-148 { 0% { top: -10%;
    left: 85.02773vw;
    opacity: 100; }
  100% { top: 110%;
    left: 86.34918vw;
    opacity: 0; } }

.confetti-149 { width: 11.41187px; height: 4.56475px; background-color: #ffbf00; top: -10%; opacity: 0.83121; transform: rotate(286.49215deg); animation: drop-149 2.11155s 0.90862s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.69353s; }

@keyframes drop-149 { 0% { top: -10%;
    left: 72.08872vw;
    opacity: 100; }
  100% { top: 110%;
    left: 67.49006vw;
    opacity: 0; } }

.confetti-150 { width: 26.14617px; height: 10.45847px; background-color: #d13447; top: -10%; opacity: 1.28981; transform: rotate(211.09948deg); animation: drop-150 2.54183s 0.26371s infinite; animation-timing-function: ease-out; animation-iteration-count: 1; animation-delay: 0.40456s; }

@keyframes drop-150 { 0% { top: -10%;
    left: 59.14972vw;
    opacity: 100; }
  100% { top: 110%;
    left: 63.63093vw;
    opacity: 0; } }

@media (max-width: 767px) { #payments_container.banana #payments-bar-container #payments-bar-chunk #hour-count, #payments_container.banana #payments-bar-container #payments-bar-chunk #pay-count { font-size: 9px; }
  #detailed_payment_report #new_report_block .subtitle { display: block; margin-bottom: 5px; }
  #detailed_payment_report #new_report_block #week_selection { display: block; width: 100%; } }

#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 .section { display: block; color: #E36039; text-transform: uppercase; font-weight: 700; font-size: 18px; }

#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: 140px; width: 140px; 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 .section { display: block; color: #E36039; text-transform: uppercase; font-weight: 700; font-size: 18px; }

#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: 140px; width: 140px; 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; } }

#next .header, #mt_pricing_in_bh_next .header { display: none; }

#next .pad0, #mt_pricing_in_bh_next .pad0 { padding: 0; }

#next .next-block, #mt_pricing_in_bh_next .next-block { padding: 40px; margin-bottom: 20px; background-color: #F5F5F5; border-radius: 5px; overflow: auto; }

#next .next-block label.checkbox, #mt_pricing_in_bh_next .next-block label.checkbox { margin-left: 30px; }

#next .next-block .questionnaire-table, #mt_pricing_in_bh_next .next-block .questionnaire-table { text-align: center; }

#next .next-block .questionnaire-table table.table, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table { font-size: 16px; margin: 0 auto 20px; width: 100%; margin-bottom: 20px; }

#next .next-block .questionnaire-table table.table td, #next .next-block .questionnaire-table table.table th, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table td, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table th { padding: 7px 10px; padding-right: 40px; text-align: left; }

#next .next-block .questionnaire-table table.table td label.radio, #next .next-block .questionnaire-table table.table td input[type='radio'], #next .next-block .questionnaire-table table.table th label.radio, #next .next-block .questionnaire-table table.table th input[type='radio'], #mt_pricing_in_bh_next .next-block .questionnaire-table table.table td label.radio, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table td input[type='radio'], #mt_pricing_in_bh_next .next-block .questionnaire-table table.table th label.radio, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table th input[type='radio'] { margin: 0; padding: 5px 50px; position: static; }

#next .next-block .questionnaire-table table.table td.radio-box, #next .next-block .questionnaire-table table.table th.radio-box, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table td.radio-box, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table th.radio-box { text-align: center; vertical-align: top; }

#next .next-block .questionnaire-table table.table th, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table th { text-align: left; }

#next .next-block .questionnaire-table table.table tr.expertise, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table tr.expertise { border-top: 1px solid #EEEEEE; }

#next .next-block .questionnaire-table table.table tr.expertise:hover, #mt_pricing_in_bh_next .next-block .questionnaire-table table.table tr.expertise:hover { color: #5faa41; background-color: white; }

#next .screenshot-row, #mt_pricing_in_bh_next .screenshot-row { padding-top: 10px; width: 120%; }

#next .screenshot-row img, #mt_pricing_in_bh_next .screenshot-row img { display: inline-block; margin-right: 10px; width: 23%; max-width: 250px; border: 1px solid #DDDDDD; }

#next .screenshot-row img:last-child, #mt_pricing_in_bh_next .screenshot-row img:last-child { margin-right: 0; }

#next #body-container #content-container.mobile, #mt_pricing_in_bh_next #body-container #content-container.mobile { padding-bottom: 0; }

#next #applepay_img, #mt_pricing_in_bh_next #applepay_img { margin: 0 auto; display: block; }

#next #applepay_button, #mt_pricing_in_bh_next #applepay_button { width: 100%; height: auto; border: 2px solid #000000; padding: 12px 22px; border-radius: 9px; }

#next #applepay_anchor, #mt_pricing_in_bh_next #applepay_anchor { display: block; padding: 6px 10px; }

#next #applepay_nopaymenttext, #mt_pricing_in_bh_next #applepay_nopaymenttext { text-align: center; }

#next #applepay_overlay, #mt_pricing_in_bh_next #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; }

#next .question-title, #mt_pricing_in_bh_next .question-title { font-weight: 700; margin-top: 25px; display: block; text-decoration: underline; }

#next ul.answer, #mt_pricing_in_bh_next ul.answer { margin-top: 5px; }

#next #next-outer, #mt_pricing_in_bh_next #next-outer { margin-top: 30px; padding: 20px; background-color: #F5F5F5; border-radius: 5px; }

#next #next-outer small, #mt_pricing_in_bh_next #next-outer small { display: block; margin-top: 15px; }

#next #next-outer h3, #mt_pricing_in_bh_next #next-outer h3 { margin-top: 0; }

#next #next-outer #cake-modal-submit-btn, #mt_pricing_in_bh_next #next-outer #cake-modal-submit-btn { font-size: 16px; height: 45px; line-height: 31px; padding: 0 17.5px; }

#next .no-bold, #mt_pricing_in_bh_next .no-bold { font-weight: normal; }

#next .todaystotal, #mt_pricing_in_bh_next .todaystotal { width: 100%; margin: 30px 0 0; }

#next .todaystotal .prod-name-color, #mt_pricing_in_bh_next .todaystotal .prod-name-color { color: #5faa41; }

#next .todaystotal td, #next .todaystotal th, #mt_pricing_in_bh_next .todaystotal td, #mt_pricing_in_bh_next .todaystotal th { padding: 10px; }

#next .todaystotal td, #mt_pricing_in_bh_next .todaystotal td { text-align: right; }

#next .todaystotal th, #mt_pricing_in_bh_next .todaystotal th { text-align: left; }

#next .todaystotal tr.trial, #mt_pricing_in_bh_next .todaystotal tr.trial { color: #AF2225; }

#next .todaystotal tr.trial.trial-reduction, #mt_pricing_in_bh_next .todaystotal tr.trial.trial-reduction { border-top: 1px solid #DDDDDD; border-top: none; }

#next .todaystotal tr.trial.trial-reduction.dont-overflow, #mt_pricing_in_bh_next .todaystotal tr.trial.trial-reduction.dont-overflow { max-width: 50%; }

#next .todaystotal tr.total, #mt_pricing_in_bh_next .todaystotal tr.total { font-size: 18px; }

#next .todaystotal tr.total td, #next .todaystotal tr.total th, #mt_pricing_in_bh_next .todaystotal tr.total td, #mt_pricing_in_bh_next .todaystotal tr.total th { border-top: 1px solid #DDDDDD; }

#next .todaystotal .footnote, #mt_pricing_in_bh_next .todaystotal .footnote { font-size: 12px; font-weight: normal; }

#next #credit-cards, #mt_pricing_in_bh_next #credit-cards { height: 22px; margin-top: 5px; }

#next #card_cvc-tooltip-link + .tooltip.in, #mt_pricing_in_bh_next #card_cvc-tooltip-link + .tooltip.in { opacity: 1; }

#next #card_cvc-tooltip-link + .tooltip.right .tooltip-arrow, #mt_pricing_in_bh_next #card_cvc-tooltip-link + .tooltip.right .tooltip-arrow { border-right-color: #5faa41; }

#next #card_cvc-tooltip-link + .tooltip.top .tooltip-arrow, #mt_pricing_in_bh_next #card_cvc-tooltip-link + .tooltip.top .tooltip-arrow { border-top-color: #5faa41; }

#next #card_cvc-tooltip-link + .tooltip .tooltip-inner, #mt_pricing_in_bh_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 #5faa41; overflow: hidden; }

#next #card_cvc-tooltip-link + .tooltip .tooltip-text, #mt_pricing_in_bh_next #card_cvc-tooltip-link + .tooltip .tooltip-text { padding: 10px; border-top: 1px solid #DDDDDD; }

#next .modal-not-ready-btn, #mt_pricing_in_bh_next .modal-not-ready-btn { background-color: white; color: #888888; border: 2px solid #DDDDDD; margin-left: 10px; }

#next .modal-not-ready-btn:hover, #mt_pricing_in_bh_next .modal-not-ready-btn:hover { text-decoration: none; border: 2px solid #b3b3b3; color: #666666; }

#next .extra-bottom-margin, #mt_pricing_in_bh_next .extra-bottom-margin { margin-bottom: 130px; }

#next .contact-us-box, #mt_pricing_in_bh_next .contact-us-box { background-color: #f2f7f1; border: 1px solid #98cc83; border-radius: 10px; padding: 15px; }

#next .contact-us-box p, #mt_pricing_in_bh_next .contact-us-box p { margin-bottom: 0; }

#next .contact-us-box.static-box, #mt_pricing_in_bh_next .contact-us-box.static-box { max-width: 400px; margin-top: 20px; }

#next .contact-us-box.pop-up-box, #mt_pricing_in_bh_next .contact-us-box.pop-up-box { width: 250px; clear: both; position: absolute; right: 30px; bottom: 0; }

#next .contact-us-box.pop-up-box h3, #mt_pricing_in_bh_next .contact-us-box.pop-up-box h3 { text-align: left; }

#next .contact-us-box.pop-up-box button.close, #mt_pricing_in_bh_next .contact-us-box.pop-up-box button.close { font-size: 28px; }

#next .contact-us-box h3, #mt_pricing_in_bh_next .contact-us-box h3 { font-family: Roboto Slab, serif; font-weight: 700; padding-top: 0; margin-top: 0; }

#next #content-container.top-banner-padding, #mt_pricing_in_bh_next #content-container.top-banner-padding { padding-top: 60px; }

#next .top-banner.charity, #mt_pricing_in_bh_next .top-banner.charity { background-color: rgba(95, 170, 65, 0.3); color: #222222; font-size: 16px; padding: 10px; margin: 0 0 20px 0; }

#next .top-banner.charity h4, #mt_pricing_in_bh_next .top-banner.charity h4 { margin: 0; }

#next.designed-funnel #content-container.top-banner-padding, #mt_pricing_in_bh_next.designed-funnel #content-container.top-banner-padding { padding-top: 80px; }

#next.designed-funnel #content-container.top-banner-padding .top-banner.charity, #mt_pricing_in_bh_next.designed-funnel #content-container.top-banner-padding .top-banner.charity { margin: -10px 0 0 0; }

#credit { font-size: 14px; display: inline-block; border: 1px solid #DDDDDD; background-color: white; border-radius: 5px; }

#credit table td { padding: 7px 10px; }

#credit table .border-top { border-top: 1px solid #444444; }

.pay-methods { margin-bottom: 10px; margin-top: -20px; }

.pay-methods #credit-cards-inline { margin-left: 5px; }

.pay-methods label { margin-bottom: 5px; }

.plan-faq { margin-top: 20px; }

.add-on-offer { display: inline-block; background-color: rgba(95, 170, 65, 0.2); padding: 5px 10px; border-radius: 5px; margin: 5px 0; }

#add_on_plans_next_cake, #add_on_plans_subscribe { margin-bottom: 10px; }

#add_on_plans_subscribe h4 { margin-bottom: 5px; }

#mt_pricing_in_bh .tt-header { margin-left: 0; margin-right: 0; text-align: center; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block { background-color: #F5F5F5; min-height: 400px; text-align: center; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block.shorter-plan-block { min-height: 400px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner { padding: 25px 15px 15px 15px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-title { font-size: 18px; font-weight: bold; line-height: 1.3em; width: 82%; margin: 0 auto 20px auto; display: block; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-price { font-size: 16px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-price-monthly { font-size: 12px; margin-bottom: 20px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-offer { margin-bottom: 20px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-offer .plan-offer-title { background-color: rgba(95, 170, 65, 0.2); padding: 7px; font-size: 12px; border-radius: 5px 5px 0 0; font-weight: bold; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-offer .plan-offer-details { background-color: rgba(95, 170, 65, 0.9); color: white; padding: 7px; border-radius: 0 0 5px 5px; font-size: 13px; line-height: 1.3em; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta { position: absolute; bottom: 20px; left: 50%; margin-left: -59px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta .plan-comparison { font-size: 12px; line-height: 16px; width: 60%; margin: 15px auto 0 auto; font-weight: bold; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta.in-office-offset { margin-left: -59px; }

#mt_pricing_in_bh .plan-block-wrapper .plan-block .deal-label { width: 57px; height: 57px; border-radius: 50%; font-size: 12px; padding-top: 14px; color: #fff; line-height: 13px; text-align: center; background: #2E4057; position: absolute; right: -9px; top: -10px; }

#mt_pricing_in_bh_next .tt-header { margin-left: 0; margin-right: 0; text-align: center; }

#mt_pricing_in_bh_next .plan-selected { text-align: center; font-size: 20px; margin-top: 10px; }

#mt_pricing_in_bh_next .plan-selected .teal-underline { border-bottom: 3px solid #22a7b7; }

#mt_pricing_in_bh_next .plan-selected #change_plan { font-size: 14px; top: -2px; }

#mt_pricing_in_bh_next .offer-box { background-color: rgba(95, 170, 65, 0.2); padding: 5px 10px; font-size: 16px; text-align: center; margin-top: 20px; }

#modal-counseling-process .modal-header { padding: 10px; }

#modal-counseling-process .modal-header a.btn { margin-top: 10px; }

#next .todaystotal { font-weight: 700; }

#next .todaystotal.no-margin-top { margin-top: 0px; }

#next .comparison-table-footnotes { font-size: 12px; margin-left: 10px; margin-top: 10px; }

#next #body-container #content-container.mobile { padding-bottom: 50px; }

.request-pfm-btn-next { display: block; margin-bottom: 20px; cursor: pointer; text-decoration: none; font-size: 16px; }

.request-pfm-btn-next:hover { text-decoration: underline; }

@media (max-width: 1199px) { #next .contact-us-box.static-box h3 { text-align: left; font-size: 14px; } }

@media (max-width: 848px) { #next .contact-us-box.pop-up-box { max-width: 210px; }
  #next .contact-us-box.pop-up-box h3 { font-size: 16px; }
  #next .contact-us-box.pop-up-box p { font-size: 13px; } }

@media (min-width: 768px) and (max-width: 991px) { #next .screenshot-row { width: 135%; } }

@media (min-width: 768px) { #modal-counseling-process .modal-dialog { width: 700px; } }

@media (max-width: 767px) { #mt_pricing_in_bh_next .plan-selected, #mt_pricing_in_bh .plan-selected { font-size: 16px; }
  #modal-counseling-process .modal-header { padding: 7px; }
  #modal-counseling-process .modal-header a.btn { display: block; }
  #mt_pricing_in_bh .tt-header { margin-top: -10px; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block { margin-bottom: 20px; border: 2px solid #2E4057; border-radius: 10px; min-height: auto; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block.shorter-plan-block { min-height: auto; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .deal-label { width: 55px; height: 55px; font-size: 10px; right: -2px; top: -5px; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner { padding: 20px; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner .plan-offer { margin: 0 auto 20px auto; width: 80%; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta { position: static; margin-left: auto; width: 100%; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta .btn { width: 100%; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta .plan-comparison { width: 60%; font-size: 14px; }
  #mt_pricing_in_bh .plan-block-wrapper .plan-block .plan-block-inner form .plan-bottom-cta.in-office-offset { margin-left: auto; } }

@media (max-width: 767px) { #next .next-block, #mt_pricing_in_bh_next .next-block { padding: 20px; }
  #next #next-outer #cake-modal-submit-btn, #mt_pricing_in_bh_next #next-outer #cake-modal-submit-btn { font-size: 14px; }
  #next .screenshot-row, #mt_pricing_in_bh_next .screenshot-row { overflow-x: scroll; overflow-y: hidden; width: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 20px; }
  #next .screenshot-row img, #mt_pricing_in_bh_next .screenshot-row img { width: 60%; }
  #next .modal-not-ready-btn, #mt_pricing_in_bh_next .modal-not-ready-btn { margin-top: 10px; font-size: 16px; margin-left: 0; }
  #next .contact-us-box.static-box, #mt_pricing_in_bh_next .contact-us-box.static-box { width: auto; }
  #next .contact-us-box.pop-up-box, #mt_pricing_in_bh_next .contact-us-box.pop-up-box { z-index: 1000; position: fixed; width: 100%; right: 0; bottom: -300px; max-width: 100%; font-size: 12px; border-radius: 0; padding: 10px; border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #98cc83; }
  #next .contact-us-box.pop-up-box h3, #mt_pricing_in_bh_next .contact-us-box.pop-up-box h3 { font-size: 14px; margin-bottom: 5px; }
  #next .extra-footer-padding, #mt_pricing_in_bh_next .extra-footer-padding { padding-bottom: 95px; }
  .request-pfm-btn-next { display: block; margin-top: 10px; margin-left: 0; } }

@media (max-width: 500px) { #next #service-comparison-table table.table thead th { vertical-align: middle; }
  #next #service-comparison-table table.table thead th.last-column { font-size: 1.5rem; }
  #next #service-comparison-table img.bh-brand-logo { max-width: 100px; } }

@media (min-width: 514px) and (max-width: 767px) { #next .modal-not-ready-btn { margin-top: 0; } }

@media (max-width: 400px) { #next #service-comparison-table .examples-tooltip[id*='tooltip'] { left: 0; right: -15%; bottom: 30px; } }

body#library, body#depression, body#anxiety, body#eating-disorders, body#grief, body#ptsd, body#stress { background-color: #EEEEEE; }

body#library .block, body#depression .block, body#anxiety .block, body#eating-disorders .block, body#grief .block, body#ptsd .block, body#stress .block { border-radius: 20px; border: 1px solid #DDDDDD; }

body#library .block h2, body#depression .block h2, body#anxiety .block h2, body#eating-disorders .block h2, body#grief .block h2, body#ptsd .block h2, body#stress .block h2 { margin-top: 0; }

body#library .block h4, body#depression .block h4, body#anxiety .block h4, body#eating-disorders .block h4, body#grief .block h4, body#ptsd .block h4, body#stress .block h4 { margin-bottom: 10px; }

body#library .block h4 + ul, body#depression .block h4 + ul, body#anxiety .block h4 + ul, body#eating-disorders .block h4 + ul, body#grief .block h4 + ul, body#ptsd .block h4 + ul, body#stress .block h4 + ul { margin-top: 10px; margin-bottom: 20px; }

body#library .block.main, body#depression .block.main, body#anxiety .block.main, body#eating-disorders .block.main, body#grief .block.main, body#ptsd .block.main, body#stress .block.main { border-width: 2px; }

body#library .block.listing hr, body#depression .block.listing hr, body#anxiety .block.listing hr, body#eating-disorders .block.listing hr, body#grief .block.listing hr, body#ptsd .block.listing hr, body#stress .block.listing hr { margin-bottom: 0; }

body#library .block.listing h2, body#depression .block.listing h2, body#anxiety .block.listing h2, body#eating-disorders .block.listing h2, body#grief .block.listing h2, body#ptsd .block.listing h2, body#stress .block.listing h2 { margin-bottom: 5px; margin-top: 30px; }

body#library .block.listing p, body#depression .block.listing p, body#anxiety .block.listing p, body#eating-disorders .block.listing p, body#grief .block.listing p, body#ptsd .block.listing p, body#stress .block.listing p { margin-top: 5px; margin-bottom: 20px; }

body#library .tableofcontents hr, body#depression .tableofcontents hr, body#anxiety .tableofcontents hr, body#eating-disorders .tableofcontents hr, body#grief .tableofcontents hr, body#ptsd .tableofcontents hr, body#stress .tableofcontents hr { margin-top: 5px; }

body#library .tableofcontents ul, body#depression .tableofcontents ul, body#anxiety .tableofcontents ul, body#eating-disorders .tableofcontents ul, body#grief .tableofcontents ul, body#ptsd .tableofcontents ul, body#stress .tableofcontents ul { padding-left: 20px; }

body#library .tableofcontents ul a > h4, body#depression .tableofcontents ul a > h4, body#anxiety .tableofcontents ul a > h4, body#eating-disorders .tableofcontents ul a > h4, body#grief .tableofcontents ul a > h4, body#ptsd .tableofcontents ul a > h4, body#stress .tableofcontents ul a > h4 { color: #444444; }

body#library .tableofcontents a:last-child h3, body#depression .tableofcontents a:last-child h3, body#anxiety .tableofcontents a:last-child h3, body#eating-disorders .tableofcontents a:last-child h3, body#grief .tableofcontents a:last-child h3, body#ptsd .tableofcontents a:last-child h3, body#stress .tableofcontents a:last-child h3 { margin-bottom: 0; }

.quit-modals-or-option { margin-right: 15px; }

#video #header-wrap header { background-color: white; width: 100%; border: 0; font-size: 14px; }

#video #header-wrap header ul.right > a > li, #video #header-wrap header ul.right > li { color: #444444; }

#video #header-wrap header .btn.btn-info { color: #444444; }

#video #header-wrap header:hover { border-color: #444444; }

#video #infobox { margin-top: 50px; padding-left: 40px; padding-right: 40px; }

#video #infobox .content { font-size: 22px; font-weight: 200; background-color: white; padding: 40px; border-radius: 10px; margin-bottom: 15px; text-align: center; }

#video #infobox .content .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

#video #infobox .content .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#video #infobox .content h1 { font-family: 'Roboto Slab'; font-size: 20px; text-align: center; font-weight: 300; margin-top: 30px; margin-bottom: 20px; }

#video #infobox .content h2 { font-family: 'Roboto Slab'; font-size: 24px; text-align: center; font-weight: 300; margin-top: 30px; margin-bottom: 20px; }

@media (min-width: 992px) { #video header .brand-logo { display: inline-block; }
  #video header .brand-logo img { height: 22px; } }

@media (max-width: 991px) { #video #infobox { padding: 0 15px; } }

@media (max-width: 767px) { #video #header-wrap { background-image: none; }
  #video #header-wrap header { background-color: white; border-bottom: 2px solid #DDDDDD; margin-bottom: 0; }
  #video #header-wrap header ul.right > a > li, #video #header-wrap header ul.right > li { color: #444444; }
  #video #infobox { padding: 0 15px; }
  #video #infobox .content { padding: 30px; font-size: 18px; } }

#organization_password span.password_strength { right: 60px; }

#organization_password .org-password-agree { padding-left: 20px; }

#modal-org-more-info .push-down { position: relative; top: 11px; }

#please-wait-modal-container { text-align: center; position: relative; }

#organization_signup .banner-intro { height: auto; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/organizations/organization-hands-bg-2.jpg"); background-position: center center; }

#organization_signup .banner-intro .banner-intro-title { text-align: left; padding: 150px 0; }

#organization_signup .banner-intro .banner-intro-title h1 { text-align: left; font-weight: 400; font-size: 2.9em; width: 100%; }

#organization_signup .banner-intro .no-bold { font-weight: normal; }

#organization_signup section { padding: 40px 0; }

#organization_signup section h2 { text-align: center; font-family: Roboto Slab, serif; font-weight: 400; margin: 0 0 30px 0; padding: 0; font-size: 1.9em; }

#organization_signup section .btn { font-size: 17px; border-width: 2px; height: 45px; line-height: 42px; padding: 0 40.5px; }

#organization_signup .tour-support-purpose { background-color: white; }

#organization_signup .tour-support-purpose p { font-size: 16px; }

#organization_signup .tour-support-purpose .tour-support-subtitle { margin: 40px auto 0 auto; text-align: center; }

#organization_signup .tour-support-purpose .tour-support-subtitle img, #organization_signup .tour-support-purpose .tour-support-subtitle .tour-support-link { display: inline-block; vertical-align: middle; }

#organization_signup .tour-support-purpose .tour-support-subtitle img { width: 150px; }

#organization_signup .tour-support-purpose .tour-support-subtitle .tour-support-link { width: 200px; padding-left: 15px; text-align: left; }

#organization_signup .organizations-steps { text-align: center; }

#organization_signup .organizations-steps .step-icon { height: 120px; margin-bottom: 20px; }

#organization_signup .organizations-steps .step-icon img { max-width: 120px; margin: 0 auto 20px auto; display: block; }

#organization_signup .organizations-steps .step-icon.smaller-icon img { max-width: 100px; padding-top: 10px; }

#organization_signup .organizations-steps .step-title { font-weight: bold; font-size: 1.2em; width: 90%; line-height: 1.4em; margin: 0 auto 10px auto; }

#organization_signup .organizations-steps .step-description { width: 90%; margin: 0 auto; }

#organization_signup .organizations-steps .end-cta { clear: both; display: block; margin-top: 30px; }

#organization_signup .organizations-steps .end-cta h3 { font-size: 1.4em; }

#organization_signup .blue-bg { background-color: #E2F8F9; }

#organization_signup .white-bg { background-color: white !important; }

#organization_signup .organizations-contact { background-color: #fafaf0; }

#organization_signup .organizations-contact h2 { text-align: center; padding-top: 0; }

#organization_signup .organizations-contact .contact-form { background-color: white; border-radius: 10px; padding: 20px; color: #444444; border: 1px solid #DDDDDD; }

#organization_signup .organizations-contact .contact-form .submit-button { text-align: center; margin: 20px auto 5px auto; }

#organization_signup .organizations-contact .contact-form .submit-button input { width: 100%; }

#organization_signup .organizations-contact.tour-signup h2 { text-align: left; }

#organization_signup .organizations-contact.tour-signup h3 { font-weight: normal; }

#organization_signup .organizations-contact.tour-signup .contact-form h3 { font-weight: bold; margin-top: 0; }

#organization_signup .organizations-contact.tour-signup .col-sm-6 { padding: 0 30px; }

#organization_signup .organizations-contact.tour-signup .col-sm-6:first-of-type { border-right: 1px solid #DDDDDD; }

#organization_signup .organizations-contact.tour-signup .tour-support-individuals { padding-top: 50px; }

#organization_signup .organizations-contact.tour-signup .tour-support-individuals h2 { text-align: center; }

#organization_signup .organizations-contact.tour-signup .tour-support-individuals p { text-align: center; font-size: 16px; }

#organization_signup .faq-right-collapse .panel .panel-title { font-size: 1.1em; }

#organization_signup .faq-right-collapse .panel .panel-body { font-size: 1em; }

#organization_signup .faq-right-collapse .panel .panel-body .faq-answer { padding: 10px 10px 20px 10px; overflow-wrap: break-word; word-wrap: break-word; }

#organization_signup .faq-right-collapse .panel a.accordion-toggle:before, #organization_signup .faq-right-collapse .panel a.accordion-toggle.collapsed:before { position: relative; top: -9px; }

#organization_signup .faq-right-collapse .bottom-cta .btn { margin-top: 40px; }

#organization_signup .faq-right-collapse .bordered-box { width: 70%; margin: 20px auto; padding: 20px; border: 1px solid #DDDDDD; }

#organization_dashboard .hyperlink_label { color: #5faa41; cursor: pointer; margin-bottom: 0; font-weight: normal; }

#organization_dashboard .hyperlink_label:hover { text-decoration: underline; }

#organization_dashboard #csv_file { display: none; }

#organization_dashboard .input-caption-wrap .left-input, #organization_dashboard .input-caption-wrap .right-text { display: inline-block; vertical-align: top; }

#organization_dashboard .input-caption-wrap .left-input { width: 60%; }

#organization_dashboard .input-caption-wrap .left-input textarea { margin-bottom: 5px; }

#organization_dashboard .input-caption-wrap .right-text { padding-left: 20px; width: 30%; }

#organization_dashboard .input-caption-wrap .right-text.wider-right-text { width: 65%; position: relative; top: 10px; padding-left: 10px; }

#organization_dashboard .input-caption-wrap .short-select { width: 30%; }

#organization_dashboard .input-caption-wrap .short-select select { margin: 5px 0 30px 0; }

#organization_dashboard .choose-plan { margin-top: 30px; }

#organization_dashboard .scroll-div { max-height: 300px; overflow-y: scroll; }

#organization_dashboard .scroll-div .table { text-align: center; width: 100%; border: 1px solid #DDDDDD; }

#organization_dashboard .scroll-div .table .top-row { font-weight: bold; }

#organization_dashboard .scroll-div .table td { padding: 7px; }

#organization_dashboard .scroll-div .table tr:nth-child(odd) { background-color: white; }

#organization_dashboard .scroll-div .table tr:nth-child(even) { background-color: #F5F5F5; }

#organization_dashboard .faq-right-collapse .panel .panel-heading .panel-title a { background-color: #F5F5F5; }

#organization_dashboard .faq-right-collapse .panel .panel-heading .panel-title a:hover { background-color: #DDDDDD; }

#organization_dashboard .faq-right-collapse .panel .panel-heading .panel-title a.accordion-toggle:before, #organization_dashboard .faq-right-collapse .panel .panel-heading .panel-title a.accordion-toggle.collapsed:before { color: #444444; font-size: 20px; position: relative; top: -4px; }

@media (max-width: 767px) { #organization_dashboard .scroll-div { font-size: 12px; }
  #organization_dashboard .input-caption-wrap .left-input, #organization_dashboard .input-caption-wrap .right-text { width: 100%; display: block; }
  #organization_dashboard .input-caption-wrap .form-group { margin-bottom: 5px; }
  #organization_dashboard .input-caption-wrap .right-text { padding-left: 0; }
  #organization_dashboard .input-caption-wrap .right-text.wider-right-text { padding-left: 0; position: static; width: 100%; }
  #organization_dashboard .input-caption-wrap .short-select select { margin-bottom: 5px; }
  #organization_dashboard #invite_employees { margin-top: 30px; }
  #organization_signup .banner-intro { height: auto; }
  #organization_signup .banner-intro .banner-intro-title { padding: 100px 0; }
  #organization_signup .banner-intro .banner-intro-title h1 { font-size: 2em; }
  #organization_signup .banner-intro .banner-intro-title h2 { font-size: 1.4em; }
  #organization_signup section h2 { font-size: 1.4em; }
  #organization_signup .testimonial-in-quotes .testimonials .slick-slider .slide { height: 320px; }
  #organization_signup .organizations-contact.tour-signup h2 { text-align: center; }
  #organization_signup .organizations-contact.tour-signup .contact-form { margin-bottom: 40px; }
  #organization_signup .organizations-contact.tour-signup .col-sm-6 { padding: 0 15px; }
  #organization_signup .organizations-contact.tour-signup .col-sm-6:first-of-type { border-right: none; border-bottom: 1px solid #DDDDDD; }
  #organization_signup .organizations-contact.tour-signup .col-sm-6:nth-child(2) { padding-top: 40px; }
  #organization_signup .organizations-contact.tour-signup .tour-support-individuals { border-top: 1px solid #DDDDDD; margin-top: 40px; padding-top: 40px; }
  #organization_signup .organizations-contact.tour-signup .tour-support-individuals h2 { text-align: center; }
  #organization_signup .organizations-contact.tour-signup .tour-support-individuals p { text-align: left; }
  #organization_signup .organizations-steps .step-description { margin-bottom: 30px; }
  #organization_signup .organizations-steps .end-cta h3 { font-size: 1.2em; }
  #organization_signup .tour-support-purpose .tour-support-subtitle { text-align: center; display: block; margin: 0 auto; }
  #organization_signup .tour-support-purpose .tour-support-subtitle img, #organization_signup .tour-support-purpose .tour-support-subtitle .tour-support-link { display: block; }
  #organization_signup .tour-support-purpose .tour-support-subtitle img { margin: 30px auto 0 auto; }
  #organization_signup .tour-support-purpose .tour-support-subtitle .tour-support-link { padding-left: 0; width: 200px; margin: 10px auto 0 auto; text-align: center; } }

#modal-org-uninvite-warning #pending-uninvite-list { overflow-y: scroll; height: 200px; }

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

#searching_for_counselor h1 { font-family: 'Roboto Slab'; font-weight: 300; text-align: center; }

#searching_for_counselor p { text-align: center; }

#searching_for_counselor .counselor-bar { margin-top: 60px; text-align: center; height: 85px; overflow: hidden; }

#searching_for_counselor .counselor-bar img { height: 80px; width: 80px; border-radius: 50%; border: 2px solid #CCCCCC; margin-bottom: 10px; }

#searching_for_counselor .counselor-bar img.selected { border: 6px solid #05BBD3; }

@media (max-width: 991px) { #searching_for_counselor #body-container #content-container { padding-bottom: 0; }
  #searching_for_counselor .counselor-bar { height: 65px; }
  #searching_for_counselor .counselor-bar img { height: 60px; width: 60px; border-radius: 50%; border: 2px solid #CCCCCC; } }

@media (max-width: 767px) { #searching_for_counselor #body-container #content-container { padding-bottom: 0; }
  #searching_for_counselor .counselor-bar { height: 45px; }
  #searching_for_counselor .counselor-bar img { height: 40px; width: 40px; border-radius: 50%; border: 2px solid #CCCCCC; } }

#mobgo header, #mobgo footer { display: none; }

#mobgo #body-container { text-align: center; color: white; background-image: -webkit-linear-gradient(top, #0d3a78, #155c92); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image: -moz-linear-gradient(top, #0d3a78, #155c92); /* For Firefox (3.6 to 15) */ background-image: -o-linear-gradient(top, #0d3a78, #155c92); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #0d3a78, #155c92); /* Standard syntax; must be last */ background-color: #0d3a78; /* fallback color if gradients are not supported */ }

#mobgo #body-container #content-container { padding: 0; min-height: initial; }

#mobgo .container { padding: 60px 0px 0; height: 100%; }

#mobgo .container .slider { height: 100%; padding-bottom: 180px; }

#mobgo .container .slider #mobgo-slider { height: 100%; }

#mobgo .container .slide { display: none; outline: none !important; }

#mobgo .container .slide:first-child { display: block; }

#mobgo .container .slick-slider .slide { display: block; }

#mobgo .container div.slide img.logo { height: 22px; width: auto; margin: 30px auto 15px; }

#mobgo .container div.slide div.image-bar { height: 50px; text-align: center; overflow: hidden; }

#mobgo .container div.slide div.image-bar img { height: 100%; width: auto; margin: 2px 0; display: inline-block; }

#mobgo .container div.slide img.icon { height: 80px; width: auto; margin: 30px auto 15px; }

#mobgo .container div.slide h2, #mobgo .container div.slide h3 { color: #5faa41; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 24px; }

#mobgo .container div.slide h3 { font-size: 22px; margin-top: 50px; }

#mobgo .container div.slide h1, #mobgo .container div.slide h2, #mobgo .container div.slide p { padding: 0 30px; }

#mobgo #bottom-buttons { position: absolute; display: block; bottom: 0; width: 100%; left: 0; font-weight: 700; padding: 20px 30px; }

#mobgo #bottom-buttons .btn { margin-bottom: 20px; }

@media (max-width: 599px) { #mobgo { background-image: -webkit-linear-gradient(top, #0d3a78, #155c92); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image: -moz-linear-gradient(top, #0d3a78, #155c92); /* For Firefox (3.6 to 15) */ background-image: -o-linear-gradient(top, #0d3a78, #155c92); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #0d3a78, #155c92); /* Standard syntax; must be last */ background-color: #0d3a78; /* fallback color if gradients are not supported */ }
  #mobgo #body-container { background-image: none; background-color: initial; } }

@media (max-height: 600px) { #mobgo .container { padding-top: 30px; } }

@media (max-height: 500px) { #mobgo .container { padding-top: 0px; }
  #mobgo .container div.slide img.icon { height: 50px; }
  #mobgo .container div.slide div.image-bar { height: 30px; }
  #mobgo .container div.slide h3, #mobgo .container div.slide h2 { margin-top: 20px; } }

@media (min-height: 701px) { #mobgo { font-size: 16px; }
  #mobgo .container div.slide img.icon { height: 100px; }
  #mobgo .container div.slide img.logo { height: 30px; }
  #mobgo .container div.slide div.image-bar { margin: 40px 0; height: 60px; }
  #mobgo .container div.slide h3, #mobgo .container div.slide h2 { margin: 50px 0; font-size: 28px; } }

@media (min-height: 701px) and (min-width: 600px) { #mobgo { font-size: 18px; }
  #mobgo #body-container #content-container { padding-top: 80px; }
  #mobgo .container div.slide img.icon { height: 140px; }
  #mobgo .container div.slide img.logo { height: 40px; }
  #mobgo .container div.slide h3, #mobgo .container div.slide h2 { margin: 50px auto; font-size: 36px; width: 70%; }
  #mobgo .container div.slide p { width: 70%; margin: 20px auto; }
  #mobgo .container div.slide div.image-bar { height: 80px; margin: 50px 0; } }

@media only screen and (device-width: 768px) { #mobgo { background-image: -webkit-linear-gradient(top, #0d3a78, #155c92); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image: -moz-linear-gradient(top, #0d3a78, #155c92); /* For Firefox (3.6 to 15) */ background-image: -o-linear-gradient(top, #0d3a78, #155c92); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #0d3a78, #155c92); /* Standard syntax; must be last */ background-color: #0d3a78; /* fallback color if gradients are not supported */ }
  #mobgo #body-container { background-image: none; background-color: initial; height: 100%; } }

@media only screen and (device-width: 1024px) { #mobgo { background-image: -webkit-linear-gradient(top, #0d3a78, #155c92); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ background-image: -moz-linear-gradient(top, #0d3a78, #155c92); /* For Firefox (3.6 to 15) */ background-image: -o-linear-gradient(top, #0d3a78, #155c92); /* For old Opera (11.1 to 12.0) */ background-image: linear-gradient(to bottom, #0d3a78, #155c92); /* Standard syntax; must be last */ background-color: #0d3a78; /* fallback color if gradients are not supported */ }
  #mobgo #body-container { background-image: none; background-color: initial; height: 100%; } }

#app_pin_code h1 { font-size: 18px; text-transform: uppercase; text-align: center; }

#app_pin_code p { text-align: center; margin-top: 0; }

#app_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); }

#app_pin_code .alert.alert-error .close { color: #AF2225; }

#app_pin_code form { text-align: center; }

#app_pin_code input { background-color: transparent; font-size: 20px; letter-spacing: 10px; border: 0; margin: 0 auto 20px; text-align: center; display: inline-block; color: #5faa41; }

#app_pin_code div.row { max-width: 450px; margin: 0 auto; }

#app_pin_code div.col-xs-4 { text-align: center; padding: 5px; }

#app_pin_code div.col-xs-4:first-child { text-align: right; }

#app_pin_code div.col-xs-4:last-child { text-align: left; }

#app_pin_code div.col-xs-4 .pin-button, #app_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; }

#app_pin_code div.col-xs-4 .pin-button:hover, #app_pin_code div.col-xs-4 .pin-button:active, #app_pin_code div.col-xs-4 .pin-button:focus, #app_pin_code div.col-xs-4 .pin-submit:hover, #app_pin_code div.col-xs-4 .pin-submit:active, #app_pin_code div.col-xs-4 .pin-submit:focus { background-color: #DDDDDD; }

#app_pin_code div.col-xs-4 .pin-button.highlight, #app_pin_code div.col-xs-4 .pin-submit.highlight { background-color: #5faa41; border-color: #5faa41; color: white; }

#app_pin_code div.col-xs-4 .pin-button.highlight:hover, #app_pin_code div.col-xs-4 .pin-button.highlight:active, #app_pin_code div.col-xs-4 .pin-button.highlight:focus, #app_pin_code div.col-xs-4 .pin-submit.highlight:hover, #app_pin_code div.col-xs-4 .pin-submit.highlight:active, #app_pin_code div.col-xs-4 .pin-submit.highlight:focus { background-color: #377e1b; border-color: #377e1b; color: white; }

@media (max-width: 450px) { #app_pin_code div.col-xs-4 .pin-button { width: 85px; height: 85px; font-size: 18px; line-height: 71px; } }

@media (max-width: 400px) { #app_pin_code div.col-xs-4 .pin-button { width: 75px; height: 75px; font-size: 18px; line-height: 71px; } }

@media (max-width: 350px) { #app_pin_code div.col-xs-4 .pin-button { width: 60px; height: 60px; font-size: 18px; line-height: 58px; } }

@media (max-width: 280px) { #app_pin_code div.col-xs-4 .pin-button { width: 50px; height: 50px; font-size: 18px; line-height: 48px; } }

#start-go2 .therapist-button { margin-left: 20px; }

#start-go2 #questionnaire-faq .container .row { height: 100%; align-items: center; justify-content: center; }

@media (min-width: 990px) { #start-go2 #questionnaire-faq .container .row { display: flex; } }

#start-go2 #questionnaire-faq .container .faq-col-outer { align-items: center; justify-content: center; margin: 0; background: white; }

@media (min-width: 990px) { #start-go2 #questionnaire-faq .container .faq-col-outer { padding: 23px 40px 40px 40px; } }

@media (min-width: 990px) { #start-go2 #questionnaire-faq .container .faq-col-outer { margin-top: 15px; } }

#start-go2 #questionnaire-faq .container .panel-title a:hover { background: #dbdbdb; }

#start-go2 #questionnaire-faq .container .faq-question { background: #e8e8e8; }

#start-go2 #questionnaire-faq .container a.accordion-toggle:before, #start-go2 #questionnaire-faq .container a.accordion-toggle.collapsed:before { color: #b2b2b2; }

#start-go2 #questionnaire-faq .container .faq-col-inner { margin: 0; padding: 0; }

#start-go2 #questionnaire-faq .container .questionnaire-faq-heading { text-align: center; }

#start-go2 #questionnaire-faq .container .questionnaire-faq-heading h2 { display: inline-block; }

#start-go2 #questionnaire-faq .container .panel a.accordion-toggle { line-height: 1.4em; }

#start-go2 #body-container #content-container { padding-top: 0; }

#start-go2 .filter-option-inner { top: 0px; }

#start-go2 .btn { border-radius: 100px; }

#start-go2 header { background-color: transparent; border: 0; position: absolute; top: 0; width: 100%; z-index: 100; }

#start-go2 header ul.right > a > li { color: white; }

#start-go2 header ul.right > a.btn { color: white; }

#start-go2 header .brand-logo-reverse { display: inline-block; }

#start-go2 #header-wrap { background: #032e46; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#032e46, #0c6954); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#032e46, #0c6954); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#032e46, #0c6954); /* For Firefox 3.6 to 15 */ background: linear-gradient(#032e46, #0c6954); /* Standard syntax */ background-size: cover; overflow: hidden; color: white; padding: 120px 0 40px; text-align: center; width: 100%; display: block; overflow: hidden; position: relative; }

#start-go2 #header-wrap .container { position: relative; z-index: 1; }

#start-go2 #header-wrap .affiliate-header-lg { background-color: #17986A; width: 100%; z-index: 2; position: relative; height: 190px; margin-bottom: 50px; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap { width: 75%; position: relative; margin: 0 auto; bottom: 20px; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-image, #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content { display: inline-block; vertical-align: middle; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-image { width: 30%; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-image img { height: 230px; width: 230px; border-radius: 50%; border: 2px solid #CCCCCC; border: 5px solid white; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content { text-align: left; width: 69%; padding-left: 20px; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content .affiliate-welcome { font-family: Roboto Slab, serif; font-weight: 400; font-size: 24px; }

#start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content .affiliate-quote { font-size: 16px; }

#start-go2 #header-wrap #top-questionnaire #top-questionnaire-intro { color: white; text-align: left; }

#start-go2 #header-wrap #top-questionnaire #slider-funnel-error { margin-top: 10px; margin-bottom: 0; }

#start-go2 #header-wrap #top-questionnaire #questionnaire-match { background-color: white; color: #222222; padding: 20px; border-bottom: 1px solid #DDDDDD; margin-top: 20px; border-radius: 5px 5px 0 0; }

#start-go2 #header-wrap #top-questionnaire #questionnaire-match h1 { font-size: 24px; }

#start-go2 #header-wrap #top-questionnaire #questionnaire-match p { margin: 10px 0 0 0; font-size: 12px; line-height: 1.4em; }

#start-go2 #header-wrap #top-questionnaire #questionnaire { color: #444444; border-radius: 0 0 5px 5px; background-color: white; width: 100%; font-size: 16px; min-height: 350px; margin-top: 0; text-align: left; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .question, #start-go2 #header-wrap #top-questionnaire #questionnaire .next { display: none; outline: none !important; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .question:first-child { display: block; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .slick-slider .question, #start-go2 #header-wrap #top-questionnaire #questionnaire .slick-slider .next { display: block; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content { padding: 30px 40px; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content small { font-size: 0.75em; line-height: 1.7; margin-bottom: 10px; display: block; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content .login-link { display: none; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content.slider-funnel { text-align: left; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content.slider-funnel h2 { margin-top: 0; font-size: 20px; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content.slider-funnel .mbot15 { margin-bottom: 15px; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content.slider-funnel .width-sm { width: 30%; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content.slider-funnel p { font-weight: 400; line-height: 1.4em; font-size: 16px; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content.slider-funnel.slider-funnel-smartmatch label.checkbox { margin-top: 5px; margin-bottom: 5px; font-weight: normal; }

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

#start-go2 #header-wrap #top-questionnaire #questionnaire .questionnaire-content-label { font-size: 20px; line-height: 1.3; }

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

#start-go2 #header-wrap #top-questionnaire #questionnaire label.range { padding-left: 0 !important; }

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

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

#start-go2 #header-wrap #top-questionnaire #questionnaire .btn { margin-top: 15px; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .range-min { padding-left: 0; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .range-mid { text-align: center; }

#start-go2 #header-wrap #top-questionnaire #questionnaire .range-max { padding-right: 0; text-align: right; }

#start-go2 #header-wrap #background-image { background-color: transparent; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .1; }

#start-go2 #header-wrap #background-image.less-opaque-bg { background-size: cover !important; opacity: 0.25; }

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

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

#start-go2 #header-wrap p { font-size: 18px; }

#start-go2 #header-wrap .app-icons { margin: 30px auto 0; }

#start-go2 #header-wrap .app-icons img { height: 34px; margin: 0 2px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; overflow: hidden; }

#start-go2 #logos { background-color: #111111; padding: 15px 0; line-height: 2.7; text-align: center; }

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

#start-go2 #logos img.taller-press-logo { height: 35px; }

#start-go2 #questionnaire-container { background-color: #EEEEEE; padding-top: 40px; overflow: visible; }

#start-go2 #questionnaire-container .right-text { padding: 15px 0 20px 0; }

#start-go2 #questionnaire-container .slick-slider { margin-bottom: 0; }

#start-go2 #questionnaire-container #questionnaire { border-radius: 5px 5px 0 0; background-color: white; width: 100%; font-size: 16px; min-height: 350px; }

#start-go2 #questionnaire-container #questionnaire .question, #start-go2 #questionnaire-container #questionnaire .next { display: none; outline: none !important; }

#start-go2 #questionnaire-container #questionnaire .question:first-child { display: block; }

#start-go2 #questionnaire-container #questionnaire .slick-slider .question, #start-go2 #questionnaire-container #questionnaire .slick-slider .next { display: block; }

#start-go2 #questionnaire-container #questionnaire .questionnaire-content { padding: 30px 40px; }

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

#start-go2 #questionnaire-container #questionnaire .questionnaire-content .login-link { display: none; }

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

#start-go2 #questionnaire-container #questionnaire .questionnaire-content-label { font-size: 24px; line-height: 1.3; }

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

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

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

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

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

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

#start-go2 #questionnaire-container #questionnaire .range-mid { text-align: center; }

#start-go2 #questionnaire-container #questionnaire .range-max { padding-right: 0; text-align: right; }

#start-go2 .section { padding-top: 40px; padding-bottom: 40px; clear: both; }

#start-go2 .section:last-child { padding-bottom: 0; }

#start-go2 .section h1 { margin-top: 0; margin-bottom: 20px; text-align: center; font-size: 24px; }

#start-go2 .section.overview { text-align: center; }

#start-go2 .section.overview .col-md-4 { padding: 0 0 0 20px; text-align: left; }

#start-go2 .section.overview .col-md-4.left { text-align: right; padding: 0 20px 0 0; }

#start-go2 .section.overview h2 { font-size: 24px; margin-bottom: 15px; }

#start-go2 .section.testimonials { color: white; text-align: center; font-size: 16px; background: #0d564e; /* For browsers that do not support gradients */ position: relative; overflow: hidden; }

#start-go2 .section.testimonials #testimonial-slider { padding-bottom: 20px; }

#start-go2 .section.testimonials .container { position: relative; z-index: 1; }

#start-go2 .section.testimonials #background-image { background-color: transparent; background: url(//dy7glz37jgl0b.cloudfront.net/home/betterhelp/home-header.jpg) no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .2; }

#start-go2 .section.testimonials .container { padding-right: 100px; padding-left: 100px; }

#start-go2 .section.testimonials .author { font-size: 14px; margin-top: 10px; display: block; }

#start-go2 .section.testimonials .slide { display: none; outline: none !important; }

#start-go2 .section.testimonials .slide:first-child { display: block; }

#start-go2 .section.testimonials .slick-slider .slide { display: block; }

#start-go2 #counselor-bar { display: block; overflow: hidden; text-align: center; height: 80px; }

#start-go2 #counselor-bar div.counselors { margin: 0 -100px; }

#start-go2 #counselor-bar div.counselors img { margin: 1px; float: left; height: 80px; width: 80px; }

#start-go2 #final-message { font-size: 30px; text-align: center; font-weight: 700; }

#start-go2 #final-message span { color: #5faa41; }

#start-go2 .questionnaire-content #insurance_income { margin-bottom: 190px; }

.landing-promo { background-color: #dbecd4; color: #222222; padding: 10px 15px; font-size: 16px; border-radius: 10px; margin-top: 20px; }

.landing-promo strong { color: #2f9c04; }

.discount-banner { padding: 10px; margin-bottom: 20px; margin-top: -20px; font-size: 16px; background-color: #dbecd4; color: #222222; }

.discount-banner strong { color: #2f9c04; }

.discount-banner .discount-amount { font-weight: bold; display: inline-block; }

.promo_with_image { list-style-type: none; padding-left: 0; margin-top: 5px; margin-bottom: 5px; }

.promo_with_image li { display: inline-block; vertical-align: middle; }

.promo_with_image li:first-child { width: 23%; }

.promo_with_image li:nth-child(2) { width: 75%; padding-left: 10px; }

.promo_with_image img { display: inline-block; height: 90px; width: 90px; border-radius: 50%; border: 2px solid #CCCCCC; }

#helpme #body-container #content-container { padding-top: 60px; }

#helpme #hero { background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("//dy7glz37jgl0b.cloudfront.net/funnel/issue-test/hero-smaller.jpg") no-repeat center center; background-size: cover; text-align: center; color: white; padding: 60px 0; font-family: 'Lato', serif; }

#helpme #hero h1 { font-weight: 300; font-family: 'Roboto Slab', serif; margin: 0; padding: 15px; font-size: 36px; }

#helpme #hero h2 { color: white; font-family: 'Lato', serif; margin: 0; padding: 0; font-size: 22px; }

#helpme #hero span.trial-text { font-size: 20px; }

#helpme #hero a { margin: 10px 0; }

#helpme .help-form { width: 400px; text-align: left; display: block; margin: 0 auto; }

#helpme .help-form form { margin: 15px 0 5px 0; font-size: 16px; }

#helpme .help-form form input[type=text] { border: 1px solid #CCCCCC; color: #222222; padding: 5px 7px; width: 75%; }

#helpme .help-form form input[type=submit] { background-color: #E36039; border: 0; border-radius: 0 5px 5px 0; color: white; padding: 6px 0; width: 20%; margin-left: -4px; }

#helpme .help-form form input[type=submit]:hover { background-color: #d85932; }

#helpme .help-form span.desc-text { font-size: 14px; text-align: left; font-weight: 300; }

#helpme header { margin-bottom: 0; }

#helpme h2 { color: #5faa41; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 26px; line-height: 1.4em; text-align: center; }

#helpme #logos { background-color: #111111; padding: 15px 0; line-height: 2.7; text-align: center; }

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

#helpme #choose-issue { padding: 20px 0px; background-color: #F5F5F5; }

#helpme #choose-issue .col-sm-3 { padding: 20px; }

#helpme #choose-issue .issue-name { position: absolute; width: calc(100% - 40px); height: calc(100% - 40px); color: white; background: rgba(42, 98, 17, 0.6); text-align: center; }

#helpme #choose-issue .issue-name span { position: relative; top: 40%; font-size: 24px; }

#helpme #choose-issue .issue-name:hover { background: rgba(42, 98, 17, 0.7); cursor: pointer; }

#helpme #social-reviews { text-align: center; padding: 30px 0; }

#helpme #social-reviews img { max-height: 50px; }

#helpme #social-reviews img.reviewopedia { max-height: 30px; margin: 10px 0; }

#helpme #start-steps { color: #444444; background-color: #F5F5F5; text-align: center; padding: 30px 0; }

#helpme #start-steps img { max-width: 130px; }

#helpme #start-steps p { max-width: 80%; font-size: 15px; line-height: 1.4em; margin: 0 auto 20px auto; }

#helpme #end-cta { padding: 30px 0; text-align: center; }

#helpme #end-cta h2 { margin: 0; }

#helpme #end-cta a { margin: 10px 0; }

@media (max-width: 991px) { #start-go2 #header-wrap #intro-line { font-size: 44px; }
  #start-go2 #header-wrap .affiliate-header-lg { height: 180px; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap { bottom: 20px; width: 95%; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-image { width: 30%; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-image img { height: 220px; width: 220px; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content { width: 69%; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content .affiliate-welcome { font-size: 22px; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content .affiliate-quote { font-size: 16px; }
  #start-go2 #questionnaire-container { background-color: #EEEEEE; padding: 40px 0; overflow: visible; }
  #start-go2 #questionnaire-container .right-text { margin-bottom: 0px; text-align: center; }
  #start-go2 #questionnaire-container #questionnaire { border-radius: 5px; min-height: 0; }
  .promo_with_image li:first-child { width: 14%; }
  .promo_with_image li:nth-child(2) { width: 83%; } }

@media (max-width: 767px) { #start-go2 #header-wrap #top-questionnaire #top-questionnaire-intro .landing-promo { margin-top: -20px; }
  #start-go2 header .mobilemenu-toggle { color: white; }
  #start-go2 header div.menu { background-color: white; }
  #start-go2 header div.menu ul.right > a > li { color: #444444; }
  #start-go2 header div.menu ul.right > a.btn-info { color: #444444; }
  #start-go2 header div.menu .btn { border-radius: 0; }
  #start-go2 #header-wrap { background-position: center center; }
  #start-go2 #header-wrap .affiliate-header-lg { margin-top: -20px; height: auto; padding: 15px 0; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap { bottom: 0; width: 97%; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-image img { height: 100%; width: 100%; border: 2px solid white; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content .affiliate-welcome { font-size: 20px; }
  #start-go2 #header-wrap .affiliate-header-lg .affiliate-header-wrap .affiliate-content .affiliate-quote { font-size: 14px; }
  #start-go2 #logos img { margin: 10px; }
  #start-go2 .questionnaire-content #insurance_income { margin-bottom: 220px; }
  #start-go2 .section { padding: 30px; }
  #start-go2 .section.testimonials .container { padding-left: 20px; padding-right: 20px; }
  #start-go2 .section.overview .col-md-4 { margin-bottom: 30px; text-align: left; padding: 0; }
  #start-go2 .section.overview .col-md-4.left { text-align: left; padding: 0; }
  #start-go2 .section.overview .col-md-4:last-child { margin-bottom: 0; }
  #start-go2 #counselor-bar { height: 50px; }
  #start-go2 #counselor-bar div.counselors img { height: 50px; width: 50px; }
  #start-go2 #final-message { font-size: 22px; }
  #helpme .help-form { width: 300px; }
  #helpme h2 { font-size: 24px; padding: 0 15px; }
  #helpme #social-reviews img { margin-bottom: 10px; }
  #helpme #social-reviews p { max-width: 80%; display: block; margin: 0 auto 30px auto; }
  #helpme #choose-issue .issue-name span { font-size: 22px; }
  .promo_with_image li:first-child { width: 16%; }
  .promo_with_image li:nth-child(2) { font-size: 14px; width: 78%; }
  .promo_with_image img { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; } }

#acquisitioncontent #content-container img { float: left; margin: 0 15px 0 0; max-width: 50%; }

@media (max-width: 992px) { #acquisitioncontent #content-container img { float: none; width: 100%; max-width: 100%; margin: 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 .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; }

#switch_counselor .switch-q { font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; line-height: 1.4; }

#switch_counselor .switch-submit { float: left; }

#switch_counselor .pull-right { float: left; }

#switch_counselor .cancel-out { margin-left: 10px; }

#quit .quit-q { font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; line-height: 1.4; }

#quit .quit-cta { text-transform: uppercase; }

#quit .quit-cta .btn { text-transform: uppercase; }

#quit .quit-cta .btn-success { margin-left: 10px; }

#quit .modal .btn-close:hover { text-decoration: underline; color: #5faa41; }

@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: #5faa41; border: none; padding: 0 0 3px 0; font: inherit; cursor: pointer; }

.privacy_settings #request_data:hover { color: #5faa41; }

.privacy_settings #delete_data { background: none; color: #5faa41; border: none; padding: 0 0 3px 0; font: inherit; cursor: pointer; }

.privacy_settings #delete_data:hover { color: #5faa41; }

#pin_code { background-color: #F5F5F5; padding-top: 20px; }

#pin_code footer { display: none; }

#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: 31px; 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; letter-spacing: 10px; border: 0; width: 100%; padding-left: 10px; font-weight: 700; margin: 10px auto 20px; text-align: center; display: inline-block; color: #5faa41; }

#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: 24px; line-height: 72px; 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: #5faa41; border-color: #5faa41; 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: #599e3d; border-color: #599e3d; 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: 60px; } }

@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; } }

#support .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/woman-park-phone-2.jpg"); background-position: center top; }

#support h1 { margin-top: 0; }

#support div.block { padding: 0 20px; }

#support .contact-form { margin-top: 20px; }

#support.mobile_menu .hsds-beacon .QateM { bottom: 70px; right: 25px; }

#support.mobile_menu .hsds-beacon .jhlvex.is-mobile { z-index: 2000; }

.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; margin-top: -40px; 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-family: "Roboto Slab", serif; 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; }

#generic_landing_page .generic-lp-faq { padding: 40px 0; font-size: 1.2em; line-height: 1.4em; }

#generic_landing_page .generic-lp-faq .bottom-cta { margin-top: 30px; }

#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; }
  #generic_landing_page .generic-lp-faq { padding: 20px 0; } }

#vault .additional-icon { max-height: 30px; }

#vault #hero { background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/corporation/vault-bg-4.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 660px; padding-top: 140px; text-align: center; border-bottom: 2px solid #DDDDDD; }

#vault #hero p { font-size: 20px; line-height: 1.4em; }

#vault #hero h1, #vault #hero h2 { text-align: center; margin: 0; padding: 15px; }

#vault #hero h1 { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 60px; color: #5faa41; }

#vault #hero h2 { font-size: 24px; padding-top: 10px; padding-bottom: 25px; font-weight: normal; }

#vault #hero a { font-size: 20px; height: 45px; line-height: 11px; padding: 15px 20px; margin-top: 20px; }

#vault #hero .trial-text { font-size: 20px; }

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

#bowen .additional-icon { max-height: 23px; }

#bowen #hero { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url("//dy7glz37jgl0b.cloudfront.net/corporation/bowen-bg-3.jpg") no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 550px; padding-top: 80px; border-bottom: 2px solid #DDDDDD; }

#bowen #hero p { font-size: 20px; line-height: 1.4em; }

#bowen #hero h1, #bowen #hero h2 { text-align: left; margin: 0; }

#bowen #hero h1 { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 60px; color: #5faa41; }

#bowen #hero h2 { font-size: 24px; padding-top: 10px; padding-bottom: 25px; font-weight: normal; }

#bowen #hero a { font-size: 20px; height: 45px; line-height: 11px; padding: 15px 20px; margin-top: 20px; }

#bowen #hero .trial-text { font-size: 20px; }

#alamedahealthsystem .landing-hero-wrapper { color: #444444; }

#alamedahealthsystem .landing-hero-wrapper.bg-image { background-color: #DDDDDD; background-image: url("//dy7glz37jgl0b.cloudfront.net/affiliates/alameda-health-bg.jpg"); }

#alamedahealthsystem .landing-hero-wrapper .bottom-text { font-size: 1.2em; margin: 25px 0; }

#alamedahealthsystem .landing-hero-wrapper .bottom-image img { width: 200px; }

#stepupformentalhealth .landing-hero-wrapper { color: #444444; }

#stepupformentalhealth .landing-hero-wrapper.bg-image { background-image: url("//dy7glz37jgl0b.cloudfront.net/affiliates/step-up-bg-2.jpg"); }

#ascap .landing-hero-wrapper { color: white; }

#ascap .landing-hero-wrapper.bg-image { background-image: linear-gradient(to right, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); background-image: -moz-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); background-image: -webkit-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); background-image: -o-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); background: -ms-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); }

#vault #body-container #content-container, #bowen #body-container #content-container { padding-top: 50px; }

#matchgroup .landing-hero-wrapper { color: #444444; }

#matchgroup .landing-hero-wrapper.bg-image { background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/matchdotcom_bg-1.jpg"); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/matchdotcom_bg-1.jpg"); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/matchdotcom_bg-1.jpg"); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/matchdotcom_bg-1.jpg"); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/matchdotcom_bg-1.jpg"); background-size: cover; }

#matchgroup .landing-hero-wrapper .bottom-image { margin-top: 30px; }

#matchgroup .landing-hero-wrapper .bottom-image img { width: 180px; }

#reliaquest .landing-hero-wrapper { color: white; }

#reliaquest .landing-hero-wrapper.bg-image { background: linear-gradient(to right, rgba(18, 18, 18, 0.4) 0%, rgba(5, 5, 5, 0.2) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/reliaquest-bg-2.jpg"); background: -moz-linear-gradient(left, rgba(18, 18, 18, 0.4) 0%, rgba(5, 5, 5, 0.2) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/reliaquest-bg-2.jpg"); background: -webkit-linear-gradient(left, rgba(18, 18, 18, 0.4) 0%, rgba(5, 5, 5, 0.2) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/reliaquest-bg-2.jpg"); background: -o-linear-gradient(left, rgba(18, 18, 18, 0.4) 0%, rgba(5, 5, 5, 0.2) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/reliaquest-bg-2.jpg"); background: -ms-linear-gradient(left, rgba(18, 18, 18, 0.4) 0%, rgba(5, 5, 5, 0.2) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/reliaquest-bg-2.jpg"); background-size: cover; }

#reliaquest .landing-hero-wrapper .bottom-image { margin-top: 30px; }

#reliaquest .landing-hero-wrapper .bottom-image img { width: 120px; }

#cvs_openbucks section { padding: 40px 0; font-size: 1.2em; line-height: 1.4em; }

#cvs_openbucks section h2 { margin-top: 0; }

#cvs_openbucks .landing-hero-wrapper { color: #444444; height: auto; font-size: 18px; }

#cvs_openbucks .landing-hero-wrapper .block { border: 2px solid #DDDDDD; }

#cvs_openbucks .landing-hero-wrapper .block h1 { font-size: 1.6em; }

#cvs_openbucks .landing-hero-wrapper.bg-image { background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/pharmacy-aisle.jpg"); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/pharmacy-aisle.jpg"); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/pharmacy-aisle.jpg"); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/pharmacy-aisle.jpg"); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/affiliates/pharmacy-aisle.jpg"); background-size: cover; }

#cvs_openbucks .landing-hero-wrapper .bottom-image { margin-top: 30px; }

#cvs_openbucks .landing-hero-wrapper .bottom-image img { width: 120px; }

#cvs_openbucks .landing-hero-wrapper h1 { font-size: 1.6em; }

#cvs_openbucks .landing-hero-wrapper .have-account-link { margin-top: 20px; }

#cvs_openbucks .redeem-card { background-color: #6AA371; }

#cvs_openbucks .redeem-card .col-sm-7 { float: right; }

#cvs_openbucks .redeem-card .block { width: 80%; margin: 0 auto; }

#cvs_openbucks .redeem-card .inline-image { display: inline; height: 20px; position: relative; top: -3px; padding: 0 3px; }

#cvs_openbucks .redeem-card .extra-links { width: 80%; margin: 20px auto auto auto; }

#cvs_openbucks .redeem-card .extra-links a { color: white; text-decoration: underline; padding: 0 20px; }

#cvs_openbucks .redeem-card .extra-links a:hover { text-decoration: none; }

#cvs_openbucks .redeem-card .extra-links .have-account-link { border-left: 1px solid #444444; }

#cvs_openbucks .cvs-how-it-works { background-color: #FAFAF0; }

#cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step { display: inline-block; width: 32.8%; position: relative; padding: 0 15px; vertical-align: top; }

#cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step img { max-width: 70%; margin: 0 auto; }

#cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step img.sm-image { max-width: 70%; }

#cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step .cvs-step-text { text-align: center; max-width: 90%; display: block; margin: 10px auto auto auto; font-size: 16px; line-height: 1.4em; }

#cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step .number { position: absolute; font-size: 30px; z-index: 0; top: 26px; left: 20px; color: #888888; }

#cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step:last-child { float: right; }

@media (max-width: 1000px) { #vault #body-container #content-container { padding-top: 0; min-height: auto; padding-bottom: 0; }
  #vault #hero { background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/corporation/vault-bg-4.jpg") no-repeat fixed; background-position: -180px 0; padding-top: 130px; min-height: 600px; }
  #vault #hero h1 { font-size: 50px; font-weight: 400; }
  #vault #hero h2 { font-size: 22px; }
  #vault #hero .trial-text { font-size: 22px; } }

@media (max-width: 991px) { #cvs_openbucks .redeem-card .block, #cvs_openbucks .redeem-card .extra-links { width: 100%; }
  #cvs_openbucks .redeem-card .block { padding: 20px; }
  #cvs_openbucks .redeem-card .inline-image { height: 16px; top: -2px; }
  #cvs_openbucks .redeem-card .extra-links a { padding: 0 10px; }
  #cvs_openbucks section h2 { font-size: 1.2em; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #reliaquest .landing-hero-wrapper.bg-image, #matchgroup .landing-hero-wrapper.bg-image { background-position: center center; } }

@media (max-width: 767px) { #bowen #body-container #content-container { padding-top: 0; min-height: auto; padding-bottom: 0; }
  #bowen #hero { background-position: -320px 0; padding-top: 130px; min-height: 600px; }
  #bowen #hero h1 { font-size: 50px; font-weight: 400; }
  #bowen #hero h2 { font-size: 22px; }
  #bowen #hero .trial-text { font-size: 22px; }
  #alamedahealthsystem .landing-hero-wrapper.bg-image { background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/alameda-health-bg.jpg"); background-position: center right; }
  #stepupformentalhealth .landing-hero-wrapper { color: white; }
  #stepupformentalhealth .landing-hero-wrapper.bg-image { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/step-up-bg-mobile.jpg"); }
  #ascap .landing-hero-wrapper { color: white; }
  #ascap .landing-hero-wrapper.bg-image { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); background-position: center right; }
  #ascap .landing-hero-wrapper { color: white; }
  #ascap .landing-hero-wrapper.bg-image { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/ascap-bg-1.jpg"); background-position: center right; }
  #matchgroup .landing-hero-wrapper.bg-image { background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/matchdotcom-bg-sm-2.jpg"); }
  #reliaquest .landing-hero-wrapper { color: white; }
  #reliaquest .landing-hero-wrapper.bg-image { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/reliaquest-bg-sm-3.jpg"); background-position: center right; }
  #cvs_openbucks .landing-hero-wrapper .hero { vertical-align: top; padding-top: 15px; }
  #cvs_openbucks .landing-hero-wrapper h1 { font-size: 1.4em; }
  #cvs_openbucks .landing-hero-wrapper.bg-image { background-position: center center; background-color: white; background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/pharmacy-aisle.jpg"); }
  #cvs_openbucks .redeem-card .col-sm-7 { float: none; }
  #cvs_openbucks .redeem-card .col-sm-5 { clear: both; }
  #cvs_openbucks .redeem-card .col-sm-5 img { max-width: 400px; width: 100%; margin: 20px auto auto auto; }
  #cvs_openbucks .redeem-card .extra-links a { display: block; padding: 5px; }
  #cvs_openbucks .redeem-card .extra-links .have-account-link { border-left: 0; }
  #cvs_openbucks .cvs-how-it-works .no-padding { padding: 0; }
  #cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step { padding: 10px; }
  #cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step img { max-width: 100%; }
  #cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step .cvs-step-text { font-size: 12.5px; max-width: 100%; }
  #cvs_openbucks .cvs-how-it-works .cvs-steps .a-cvs-step .number { font-size: 20px; left: -2px; }
  #cvs_openbucks .faq-right-collapse { font-size: 1.1em; } }

#united_eligibility_check .united-brand { font-size: 12px; display: inline-block; vertical-align: middle; line-height: 1.1em; }

#united_eligibility_check #id-type-united { margin-bottom: 10px; }

#united_eligibility_check #id-type-united label { margin-left: 6px; font-weight: normal; margin-right: 15px; margin-bottom: 0; }

#united_eligibility_check .no-bold { font-weight: normal; }

#united_landing_page .united-brand { font-size: 12px; display: inline-block; vertical-align: middle; line-height: 1.1em; }

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

#united_landing_page #hero { background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("//dy7glz37jgl0b.cloudfront.net/corporation/united-bg-2.jpg") no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 600px; color: white; padding-top: 70px; text-align: left; border-bottom: 2px solid #DDDDDD; }

#united_landing_page #hero p { font-size: 20px; line-height: 1.4em; }

#united_landing_page #hero h1, #united_landing_page #hero h2 { margin: 0; padding: 15px 15px 15px 0; }

#united_landing_page #hero h1 { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 60px; color: white; }

#united_landing_page #hero h2 { font-size: 24px; padding-top: 10px; padding-bottom: 25px; font-weight: normal; }

#united_landing_page #hero a { font-size: 20px; height: 45px; line-height: 11px; padding: 15px 20px; margin-top: 20px; }

#united_landing_page #hero .btn-info { margin-left: 20px; color: white; }

#united_landing_page #hero .btn-info:hover { color: #CCCCCC; border-color: #CCCCCC; }

#united_landing_page #hero .notice { margin-top: 30px; margin-bottom: 30px; }

#united_landing_page #hero .notice a { height: auto; padding: 0; margin: auto; }

#united_landing_page .getstarted { padding-top: 30px; padding-bottom: 60px; text-align: center; }

#united_landing_page .getstarted .col-sm-4 { padding-right: 40px; padding-left: 40px; }

#united_landing_page .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; }

#united_landing_page .getstarted .btn { margin-top: 30px; }

@media (max-width: 767px) { #united_landing_page #body-container #content-container { padding-top: 0; min-height: auto; padding-bottom: 0; }
  #united_landing_page #hero { padding-top: 100px; min-height: 600px; }
  #united_landing_page #hero h1 { font-size: 50px; font-weight: 400; }
  #united_landing_page #hero h2 { font-size: 22px; } }

@media (max-width: 414px) { #united_landing_page #hero { background-position: -450px 0; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) { #united_eligibility_check .united-brand, #united_landing_page .united-brand { font-size: 9px; display: inline-block; vertical-align: middle; line-height: 1.1em; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) { #united_landing_page #hero { background-size: cover; background-position: center top; } }

#amsa { background: linear-gradient(to right, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-bg-lg.jpg"); background: -moz-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-bg-lg.jpg"); background: -webkit-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-bg-lg.jpg"); background: -o-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-bg-lg.jpg"); background: -ms-linear-gradient(left, rgba(18, 18, 18, 0.9) 0%, rgba(5, 5, 5, 0.3) 50%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-bg-lg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; }

#amsa .corporate-question { font-size: 1.17em; font-weight: bold; }

#amsa .corporate-hero { color: white; }

#amsa .corporate-hero h1 { font-family: 'Roboto Slab', serif; font-weight: 500; font-size: 35px; }

#amsa .corporate-hero h2 { padding: 0; margin: 30px 0 0 0; }

#amsa .corporate-hero p { font-size: 15px; line-height: 1.4em; margin-top: 5px; }

#amsa .corporate-hero .btn { margin: 20px auto; }

#amsa #corporation_logo { background-image: url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-header.png"); background-repeat: no-repeat; display: inline-block; min-width: 120px; height: 100%; vertical-align: top; margin: 10px 0; background-size: 120px auto; }

@media (max-width: 991px) { #amsa { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/corporation/amsa-bg-sm.jpg") no-repeat center center; background-size: cover; }
  #amsa #corporation_logo { min-width: 90px; margin: 15px 0 15px -10px; height: 30px; background-size: 90px auto; }
  #amsa header ul.right > a > li { padding: 0px 8px; } }

@media (max-width: 767px) { #amsa .corporate-hero h1 { font-size: 26px; }
  #amsa .corporate-hero .btn { display: block; } }

#worksheet .btn-save { color: #5faa41; -webkit-text-fill-color: #5faa41; background-color: white; border-color: #5faa41; margin: 0 5px; }

#worksheet .btn-save:hover { color: rgba(95, 170, 65, 0.7); -webkit-text-fill-color: rgba(95, 170, 65, 0.7); background-color: white; border-color: rgba(95, 170, 65, 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 .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 .mtop20 { margin-top: 20px; }

#worksheet .mtop10 { margin-top: 10px; }

#worksheet .worksheet-block { overflow: auto; border-radius: 0 0 5px 5px; border-radius: 0 0 0 0; border-top: 5px solid #5faa41; }

#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 { padding: 0 0 7px 0; border-bottom: 1px solid #5faa41; color: #5faa41; }

#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 .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 .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 .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 .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 .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 .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 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 .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 .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 .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 { -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 #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; }

#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-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 { color: #888888; }

#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(95, 170, 65, 0.4); background-color: white; color: #5faa41; -webkit-text-fill-color: #5faa41; display: block; margin: 0 auto; height: 30px; font-size: 14px; line-height: 30px; }

#goals-widget #goals-widget-add .btn:hover { background-color: rgba(95, 170, 65, 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 #goals-widget-add { text-align: center; margin: 10px auto; }
  #goals-widget #goals-widget-add .btn { height: 35px; font-size: 16px; line-height: 31px; }
  #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.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 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: -16px; 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: 50px; 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 { list-style-type: none; padding-left: 10px; margin-bottom: 25px; }
  body.mobile_menu#sessions .session-view[data-view="schedule"] #mobile-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: 50px; }
  body.mobile_menu #mobile-menu { display: block; height: 50px; 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: 3px 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 .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: -4px; right: -10px; 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: #5faa41; -webkit-text-fill-color: #5faa41; }
  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: 10px; position: relative; }
  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; min-width: initial; font-size: 2px; padding: 3px; margin-left: 2px; }
  body.mobile_menu #mobile-menu .mobile-menu-row .mobile-menu-item #more_bars { position: relative; }
  #more { height: auto; background-color: #F5F5F5; 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 #more-logo img.eap-more-logo { max-height: 45px; }
  #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; }
  #more ul.more_links a { color: #444; -webkit-text-fill-color: #444; }
  #more ul.more_links a .fa-gift { -webkit-text-fill-color: #5faa41; }
  #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; }
  #more ul.more_links li .fa-caret-right { float: right; font-size: 25px; } }

#counselors .banner-intro, #press .banner-intro, #jobs .banner-intro, #about .banner-intro, #timeline .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/about/header.jpg"); }

#counselors #subnav, #press #subnav, #jobs #subnav, #about #subnav, #timeline #subnav { background-color: #5faa41; display: block; height: 45px; margin-bottom: 20px; text-align: center; font-size: 14px; }

#counselors #subnav ul, #press #subnav ul, #jobs #subnav ul, #about #subnav ul, #timeline #subnav ul { list-style-type: none; margin: 0; padding: 0; }

#counselors #subnav ul li, #press #subnav ul li, #jobs #subnav ul li, #about #subnav ul li, #timeline #subnav ul li { list-style-type: none; display: inline-block; line-height: 45px; padding: 0 20px; }

#counselors #subnav ul li a, #press #subnav ul li a, #jobs #subnav ul li a, #about #subnav ul li a, #timeline #subnav ul li a { color: white; }

#counselors #subnav ul li a:hover, #press #subnav ul li a:hover, #jobs #subnav ul li a:hover, #about #subnav ul li a:hover, #timeline #subnav ul li a:hover { color: white; text-decoration: underline; }

#counselors .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/shaking-hands-bg.jpg"); }

#press .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("//dy7glz37jgl0b.cloudfront.net/about/press-header.jpg"); }

#counselors .box, #press .box, #jobs .box { margin-bottom: 20px; border: 1px solid #DDDDDD; border-bottom-width: 2px; padding: 20px; }

#counselors .box.quote span.quote, #press .box.quote span.quote, #jobs .box.quote span.quote { font-size: 16px; font-style: italic; }

#counselors .box .author, #press .box .author, #jobs .box .author { margin-top: 20px; }

#counselors .box .author strong, #press .box .author strong, #jobs .box .author strong { font-size: 18px; display: block; }

#counselors .box .author .user-icon, #press .box .author .user-icon, #jobs .box .author .user-icon { height: 100px; width: 100px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 15px; }

#counselors .box.letter .title, #press .box.letter .title, #jobs .box.letter .title { background-color: #5faa41; height: 40px; margin: -20px -20px 20px -20px; padding: 0 20px; color: white; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; font-size: 12px; }

#counselors .box.quote-inspirational, #press .box.quote-inspirational, #jobs .box.quote-inspirational { color: white; font-size: 16px; padding: 60px 40px; background-size: cover; background-position: center center; font-style: italic; }

#counselors .box.quote-inspirational div, #press .box.quote-inspirational div, #jobs .box.quote-inspirational div { padding: 10px; border-radius: 5px; }

#counselors .box.quote-inspirational.q003-somebody, #press .box.quote-inspirational.q003-somebody, #jobs .box.quote-inspirational.q003-somebody { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q003-somebody.jpg"); }

#counselors .box.quote-inspirational.q003-somebody div, #press .box.quote-inspirational.q003-somebody div, #jobs .box.quote-inspirational.q003-somebody div { background-color: rgba(102, 87, 42, 0.8); }

#counselors .box.quote-inspirational.q004-stars, #press .box.quote-inspirational.q004-stars, #jobs .box.quote-inspirational.q004-stars { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q004-stars.jpg"); }

#counselors .box.quote-inspirational.q004-stars div, #press .box.quote-inspirational.q004-stars div, #jobs .box.quote-inspirational.q004-stars div { background-color: rgba(35, 41, 54, 0.8); }

#counselors .box.quote-inspirational.q007-morning, #press .box.quote-inspirational.q007-morning, #jobs .box.quote-inspirational.q007-morning { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q007-morning.jpg"); }

#counselors .box.quote-inspirational.q007-morning div, #press .box.quote-inspirational.q007-morning div, #jobs .box.quote-inspirational.q007-morning div { background-color: rgba(143, 103, 113, 0.8); }

#counselors .box.quote-inspirational.q008-falling, #press .box.quote-inspirational.q008-falling, #jobs .box.quote-inspirational.q008-falling { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q008-falling.jpg"); }

#counselors .box.quote-inspirational.q008-falling div, #press .box.quote-inspirational.q008-falling div, #jobs .box.quote-inspirational.q008-falling div { background-color: rgba(132, 150, 148, 0.8); }

#counselors .box.quote-inspirational.q014-sailor, #press .box.quote-inspirational.q014-sailor, #jobs .box.quote-inspirational.q014-sailor { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q014-sailor.jpg"); }

#counselors .box.quote-inspirational.q014-sailor div, #press .box.quote-inspirational.q014-sailor div, #jobs .box.quote-inspirational.q014-sailor div { background-color: rgba(142, 150, 140, 0.8); }

#counselors .box.quote-inspirational.q018-goal, #press .box.quote-inspirational.q018-goal, #jobs .box.quote-inspirational.q018-goal { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q018-goal.jpg"); }

#counselors .box.quote-inspirational.q018-goal div, #press .box.quote-inspirational.q018-goal div, #jobs .box.quote-inspirational.q018-goal div { background-color: rgba(164, 150, 139, 0.8); }

#counselors .box.quote-inspirational.q020-story, #press .box.quote-inspirational.q020-story, #jobs .box.quote-inspirational.q020-story { background-image: url("//dy7glz37jgl0b.cloudfront.net/login/q020-story.jpg"); }

#counselors .box.quote-inspirational.q020-story div, #press .box.quote-inspirational.q020-story div, #jobs .box.quote-inspirational.q020-story div { background-color: rgba(158, 121, 91, 0.8); }

#counselors .box.icon, #press .box.icon, #jobs .box.icon { text-align: center; color: #5faa41; letter-spacing: 2px; font-size: 12px; background-color: #EEEEEE; }

#counselors .box.icon img, #press .box.icon img, #jobs .box.icon img { height: 140px; margin-bottom: 15px; }

#counselors a.box-link:hover, #press a.box-link:hover, #jobs a.box-link:hover { text-decoration: none; }

#jobs { font-size: 14px; }

#jobs .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/team-holiday-party-2018-2.jpg"); }

#jobs .row-centered { text-align: center; }

#jobs .page-header p { font-size: 16px; }

#jobs .padding-top-added { padding-top: 16px; }

#jobs section.page-section { margin-bottom: 32px; padding: 28px; background-color: white; }

#jobs section.page-section .page-section-heading { margin-bottom: 32px; font-family: "Roboto Slab", serif; font-weight: 400; color: #5faa41; }

#jobs .benefits { text-align: center; }

#jobs .benefits figure { min-height: 175px; text-align: center; }

#jobs .benefits img.icon { height: auto; min-height: 90px; width: 90px; padding: 16px; }

#jobs .benefits figcaption { padding-left: 32px; padding-right: 32px; max-width: 200px; margin: 0 auto 32px; }

#jobs .benefits .row div { min-height: 170px; }

#jobs .benefits #available-jobs #whr_embed_hook ul.whr-items { margin-bottom: 16px; }

#jobs #people { background-color: white; overflow-x: hidden; }

#jobs #people #slick-slider { margin-bottom: 0; }

#jobs #people .slick-dots { position: static; max-width: 280px; margin: 16px auto; }

#jobs #people .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: 1px solid #5faa41; border-radius: 100%; background-color: white; text-indent: -9999px; }

#jobs #people .slick-dots li.slick-active button { background-color: #5faa41; }

#jobs #people .slick-slide { background-color: white; border-color: white; padding-top: 32px; padding-bottom: 32px; position: relative; z-index: 0; }

#jobs #people .slick-slide img { height: 350px; border: 2px solid white; transition: border 0.75s ease-in-out; }

#jobs #people .slick-center { position: relative; z-index: 1; }

#jobs #people .slick-center img { transform: scale(1.1); transition: transform 0.75s ease-in-out; }

#jobs #people .slick-next:before, #jobs #people .slick-prev:before { font-size: 32px; line-height: 32px; color: #5faa41; opacity: 1; }

#jobs #people .slick-prev, #jobs #people .slick-next { height: 32px; width: 32px; }

#jobs #people .slick-next { right: -22px; z-index: 1; }

#jobs #people .slick-prev { left: -22px; z-index: 1; }

#jobs #people .col-md-3 { background-size: cover; background-position: center center; }

#jobs #people .col-md-3.jobs-pic-4 { background-image: url("//dy7glz37jgl0b.cloudfront.net/about/jobs/team-at-steins.jpg"); }

#jobs #people .col-md-3.jobs-pic-2 { background-image: url("//dy7glz37jgl0b.cloudfront.net/about/jobs/team-at-db.jpg"); }

#jobs #people .col-md-3.jobs-pic-1 { background-image: url("//dy7glz37jgl0b.cloudfront.net/about/jobs/mario.jpg"); }

#jobs #people .col-md-3.jobs-pic-3 { background-image: url("//dy7glz37jgl0b.cloudfront.net/about/jobs/nick-dave.jpg"); }

#jobs .jobs { padding: 40px 0; text-align: center; }

#jobs .jobs h2.whr-group { font-weight: 400; }

#jobs .jobs .counselor-join { max-width: 280px; margin: 0 auto 32px; }

#jobs .jobs .counselor-join .counselor-redirect-link { font-size: 16px; font-weight: 700; }

#jobs .jobs .counselor-join h2, #jobs .jobs .counselor-join h3 { font-weight: normal; }

#jobs .jobs .counselor-join h3 a { font-weight: bold; }

#jobs .jobs ul.whr-items { list-style-type: none; padding: 0; margin: 0; }

#jobs .jobs ul.whr-items li.whr-item { list-style-type: none; }

#jobs .jobs ul.whr-items li.whr-item .whr-title { margin-top: 0; font-weight: 400 !important; }

#jobs .jobs ul.whr-items li.whr-item ul.whr-info { list-style-type: none; padding: 0; margin: 0 0 30px 0; }

#jobs .jobs ul.whr-items li.whr-item ul.whr-info li.whr-location, #jobs .jobs ul.whr-items li.whr-item ul.whr-info li.whr-date { display: none; }

#press .box.highlight { background-color: #F5F5F5; }

#press .box span.date { color: #5faa41; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; display: block; margin-bottom: 15px; }

#press .box img.icon { display: block; height: auto; width: auto; max-width: 100%; max-height: 45px; }

#press .box span.title { display: block; font-weight: 700; font-size: 20px; margin-top: 15px; line-height: 1.4; }

#press .box span.author { color: #888888; display: block; font-size: 16px; font-weight: 700; margin-top: 10px; }

#press .box div.image { height: 300px; margin: 20px -20px -20px -20px; background-size: cover; background-position: center bottom; position: relative; border-top: 2px solid #DDDDDD; }

#press .box div.image div.credit { background-color: rgba(255, 255, 255, 0.9); font-size: 12px; line-height: 1.4; padding: 10px; position: absolute; bottom: 0; width: 100%; }

#counselors .counselor { margin: 15px 0; }

#counselors .counselor img { height: 50px; width: 50px; border-radius: 50%; border: 2px solid #CCCCCC; float: left; margin-right: 15px; overflow: hidden; }

#counselors .counselor a { font-weight: 700; display: block; font-size: 16px; }

#counselors .counselor .credentials { display: block; }

#counselors .testimonial { border-top: 3px solid #EEEEEE; border-bottom: 3px solid #EEEEEE; padding: 0; margin: 15px 0; display: table; }

#counselors .testimonial .spotlight { border-right: 2px solid #EEEEEE; margin: 0; padding: 20px; display: table-cell; float: none; vertical-align: middle; }

#counselors .testimonial .spotlight h1 { font-size: 14px; color: #888888; text-transform: uppercase; margin: 0 0 10px; }

#counselors .testimonial .quote { background-color: #F5F5F5; height: 100%; padding: 20px; font-size: 16px; line-height: 26px; font-style: italic; display: table-cell; vertical-align: middle; float: none; }

#counselors .testimonial .quote a { font-size: 14px; }

#counselors .testimonial.right .spotlight { border-right: 0; border-left: 2px solid #EEEEEE; }

#press_kit h2 { font-weight: 400; }

#press_kit .press-item { margin-bottom: 20px; border: 1px solid #DDDDDD; border-radius: 5px; padding: 15px 0; }

#press_kit .press-item.row { margin-left: 0; margin-right: 0; }

#press_kit .press-item .item-desc { margin-top: -5px; }

#press_kit .press-item img { vertical-align: middle; }

#press_kit .press-item .extra-margin { margin-top: 7px; }

@media (max-width: 991px) { #counselors #title-header h1 { width: 90%; } }

@media (max-width: 767px) { #jobs section.page-section { margin-right: 0; margin-left: 0; }
  #jobs #people #slick-slider { padding: 0; width: 660px; max-width: 100%; }
  #jobs #people .slick-prev, #jobs #people .slick-next { height: 25px; width: 25px; }
  #jobs #people .slick-prev:before, #jobs #people .slick-next:before { font-size: 25px; line-height: 25px; }
  #jobs #people .slick-prev { left: -26px; }
  #jobs #people .slick-next { right: -26px; }
  #jobs #people .slick-slide img { min-width: 320px; }
  #about #subnav, #press #subnav, #counselors #subnav, #jobs #subnav { height: auto; font-size: 14px; padding: 5px 0; }
  #about #subnav ul li, #press #subnav ul li, #counselors #subnav ul li, #jobs #subnav ul li { line-height: 30px; padding: 0 10px; }
  #counselors #title-header, #press #title-header, #jobs #title-header, #about #title-header { position: absolute; left: 0; right: 0; }
  #counselors #title-header h1, #press #title-header h1, #jobs #title-header h1, #about #title-header h1 { width: 100%; }
  #jobs .intro .left-side { text-align: left; margin-top: 30px; }
  #counselors .counselor { margin-top: 10px; margin-bottom: 10px; }
  #counselors .counselor a { font-size: 14px; }
  #counselors .counselor img { height: 40px; width: 40px; border-radius: 50%; border: 2px solid #CCCCCC; float: left; margin-right: 10px; }
  #counselors .testimonial { margin: 15px 0; padding: 0 15px; border: 0; }
  #counselors .testimonial .spotlight { display: none; } }

@media (max-width: 480px) { #jobs #people #slick-slider { padding: 0; width: 400px; max-width: 100%; }
  #jobs #people .slick-slide img { min-width: 200px; } }

#love .leave-review img { max-height: 35px; width: auto; display: block; margin: 0 auto; }

#love .leave-review .logo-margin-top { margin-top: 20px; }

@media (max-width: 991px) { #love .leave-review .btn { margin-top: 20px; } }

.helpme-page .about-issue h1 { text-align: center; font-family: Roboto Slab, serif; font-weight: 400; color: #5faa41; }

.helpme-page .about-issue img { float: left; max-width: 200px; margin-right: 20px; }

.helpme-page .about-issue h2 { text-align: center; font-family: Roboto Slab, serif; font-weight: 400; color: #5faa41; }

@media (max-width: 767px) { .helpme-page .about-issue img { float: none; max-width: 150px; margin: 0 auto 20px auto; }
  .helpme-page .about-issue h1 { font-size: 22px; } }

@media (max-width: 767px) { #notification { display: none; background-color: #5faa41; 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; } }

#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 .weekly_session_summary ul { margin-left: 0; padding-left: 0; list-style: none; }

#switch_choice .weekly_session_summary .day { float: left; width: 25%; max-width: 120px; }

#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; }

@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%; } }

@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; } }

#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-not-ready .not-ready-restart, .modal-not-ready-btn { color: #5faa41; }

#modal-not-ready .not-ready-restart:hover, .modal-not-ready-btn:hover { color: #5faa41; 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-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-advice-have-account, #modal-advice-desktop-login, #modal-advice-mobile-login { text-align: center; }

#modal-advice-have-account h3, #modal-advice-desktop-login h3, #modal-advice-mobile-login h3 { font-family: Roboto Slab, serif; font-weight: 400; font-size: 18px; }

#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-confirm #eap_url_modal_dismiss { font-size: 20px; margin-top: -10px; }

#modal-advice-desktop-login #login-form, #modal-advice-mobile-login #login-form { margin: 30px 0; }

#modal-advice-desktop-login #login-form .btn, #modal-advice-mobile-login #login-form .btn { background-color: #5faa41; }

#modal-advice-desktop-login #login-form .btn:hover, #modal-advice-desktop-login #login-form .btn:active, #modal-advice-mobile-login #login-form .btn:hover, #modal-advice-mobile-login #login-form .btn:active { background-color: #599e3d; }

#modal-advice-desktop-login .right-border { border-right: 1px solid #DDDDDD; padding-right: 30px; }

#modal-advice-desktop-login .modal-content .modal-header button.close { right: 20px; top: 20px; z-index: 1000; position: absolute; float: none; }

#modal-advice-desktop-login p { margin: 30px auto; }

#modal-advice-have-account .btn { display: block; width: 100%; height: 45px; line-height: 42px; }

#modal-advice-have-account #already-have-account { background-color: #5faa41; margin-bottom: 15px; }

#modal-advice-have-account #already-have-account:hover, #modal-advice-have-account #already-have-account:active { background-color: #599e3d; }

#modal-troubleshooting-two-factor ol { padding-left: 20px; }

#modal-matched-with-counselor #modal-video.couns-intro-video-modal { margin-bottom: 5px; }

#modal-matched-with-counselor #modal-video.couns-intro-video-modal video { width: 100%; max-width: 650px; }

#modal-enter-promo-code .modal-body { padding-bottom: 0px; }

#refer_to_regain .modal-footer .btn, #refer_to_teen .modal-footer .btn { width: 48%; text-align: center; height: auto; white-space: normal; line-height: 21px; padding: 5px 17.5px; }

#refer_to_regain .modal-footer .btn:first-child, #refer_to_teen .modal-footer .btn:first-child { margin-right: 10px; }

#refer_to_regain .modal-footer .btn span, #refer_to_teen .modal-footer .btn span { display: block; font-weight: normal; font-size: 14px; }

#modal-available.adjust-availability h3 { margin-bottom: 0; margin-top: 25px; font-size: 20px; }

#modal-available.adjust-availability .modal-content .modal-footer { clear: both; padding: 20px 0; }

#modal-available.adjust-availability .radio, #modal-available.adjust-availability .checkbox { clear: both; }

#modal-available.adjust-availability .radio small { margin-left: 20px; display: block; }

#modal-available.adjust-availability small { line-height: 1.7em; }

#modal-available.adjust-availability #daily_average_new_subscribers { margin-top: 10px; margin-left: 20px; }

#modal-available.adjust-availability #daily_average_new_subscribers .form-group { margin-bottom: 5px; }

#modal-available.adjust-availability .member-preferences { margin-bottom: 0; }

#modal-available.adjust-availability #automated_introductions_block_il .form-group, #modal-available.adjust-availability .member-preferences .form-group { margin-top: 10px; }

#modal-available.adjust-availability #automated_introductions_block_il .form-group .form-label, #modal-available.adjust-availability .member-preferences .form-group .form-label { margin-bottom: 0; }

#modal-available.adjust-availability #banana-pudding-aggressive-availability-msg { background-color: #b7daa7; inline-size: fit-content; margin: 10px 0 0 20px; padding: 5px 10px; font-weight: bold; }

#modal-available.adjust-availability #banana-pudding-aggressive-availability-msg .fa { margin-right: 5px; }

@media (max-width: 767px) { #refer_to_pride .modal-footer, #refer_to_teen .modal-footer { text-align: center; }
  #refer_to_pride .modal-footer button, #refer_to_teen .modal-footer button { display: block; margin: 0 auto; }
  #refer_to_pride .modal-footer #redirect-to-site, #refer_to_pride .modal-footer .redirect-button, #refer_to_pride .modal-footer #redirect-parent-to-teen, #refer_to_teen .modal-footer #redirect-to-site, #refer_to_teen .modal-footer .redirect-button, #refer_to_teen .modal-footer #redirect-parent-to-teen { margin-bottom: 10px; display: inline-block; }
  #refer_to_regain .modal-footer .btn, #refer_to_teen .modal-footer .btn { width: 100%; }
  #refer_to_regain .modal-footer .btn:first-child, #refer_to_teen .modal-footer .btn:first-child { margin-right: 0; }
  #modal-troubleshooting-two-factor .btn-primary { display: inline-block; height: auto; white-space: normal; line-height: 20px; padding: 10px 17.5px; }
  #modal-advice-desktop-login .right-border { border-right: 0; border-bottom: 1px solid #DDDDDD; margin-bottom: 30px; }
  #modal-advice-desktop-login .btn { width: 100%; } }

.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-turn-on-availability #turn-on-availability-text { font-size: 14px; }

#modal-turn-on-availability .modal-footer .btn.btn-primary.become-available { background-color: rgba(95, 170, 65, 0.9); }

#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; }

#modal-opt-in .modal-body .eu_flag_div { margin: -15px 0px -5px 0; padding: 0; text-align: center; }

#modal-opt-in .modal-body .eu_flag_div h2 { font-family: 'Roboto Slab', Serif; }

#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-right: 10px; float: left; margin-top: 10px; 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; }
  #referral-program-modal #accordion .panel-heading[data-toggle="collapse"]:after { right: 190px; }
  #modal-eap-url-information-capture .modal-center-form label { width: 100%; } }

@media (max-width: 500px) { #referral-program-modal #referral_links .wrapper-referral-links { display: block; width: 100%; margin-top: 15px; }
  #referral-program-modal #referral_links #copy_referral_link { margin-bottom: 20px; } }

.modal-live-session-rating .submit-rating { text-align: right; }

#modal-counselor-feedback .agree_scale { margin-left: 10px; }

#modal-counselor-feedback .agree_scale .agree_choice:first-child { margin-top: 20px; }

#modal-counselor-feedback .agree_scale .agree_choice { display: block; padding-bottom: 5px; }

#modal-counselor-feedback .agree_scale .agree_choice label { font-weight: 400; display: inline; }

#modal-counselor-feedback .agree_scale .agree_choice input { margin-right: 5px; display: inline; }

#modal-counselor-feedback .zero-to-ten .zero-to-ten-scale { margin-top: 50px; }

#modal-counselor-feedback .zero-to-ten .zero-to-ten-scale .left { float: left; }

#modal-counselor-feedback .zero-to-ten .zero-to-ten-scale .right { float: right; }

#modal-counselor-feedback .zero-to-ten table { table-layou: fixed; }

#modal-counselor-feedback .zero-to-ten table td { border: 1px solid #999; width: 5%; text-align: center; padding-bottom: 5px; }

#modal-counselor-feedback .zero-to-ten table td input { margin: 5px auto; display: block; }

#modal-counselor-ai #ai-message-example p { font-style: italic; }

#modal-counselor-ai-success .modal-body { padding-bottom: 30px; }

#cf-feedback-submit { margin-top: 10px; }

.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; }

.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: 14px; }

.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; }
  #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; } }

#about_my_counselor .meet-header { background-color: #315778; padding: 20px; margin: -40px 0 20px 0; color: white; }

#about_my_counselor .meet-header video { width: 100%; max-width: 600px; }

#about_my_counselor .meet-header img { height: 70px; width: 70px; border-radius: 50%; border: 2px solid #CCCCCC; }

#about_my_counselor .meet-header h1 { margin: 0; font-weight: normal; font-size: 24px; padding: 0; }

#about_my_counselor .video-action-buttons { margin-top: 20px; }

#about_my_counselor .video-action-buttons a { margin: 0 2px; }

#about_my_counselor .meet-info h4 { margin-top: 0; }

#about_my_counselor .meet-info p { margin-top: 0; }

#about_my_counselor .meet-info .side-info { border-top: 1px solid #DDDDDD; padding: 20px 0 0 0; margin-top: 20px; }

#about_my_counselor .meet-info .side-info:last-child { border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; margin-bottom: 20px; }

#about_my_counselor .meet-info .side-info h3 { text-transform: uppercase; font-size: 14px; color: #888888; }

#about_my_counselor .meet-info img { height: 120px; width: 120px; border-radius: 50%; border: 2px solid #CCCCCC; display: block; margin: 0 auto; }

@media (max-width: 767px) { #about_my_counselor .meet-header { margin-top: -20px; }
  #about_my_counselor .meet-header h1 { font-size: 18px; }
  #about_my_counselor .video-action-buttons { padding-top: 20px; margin-top: 0; }
  #about_my_counselor .video-action-buttons a { margin: 2px auto; width: 100%; }
  #about_my_counselor .video-action-buttons a:first-child { margin-bottom: 10px; } }

#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; }

#cfp { padding-top: 60px; }

#cfp #body-container { background-color: white; }

#cfp .sm-fluid-leftbar { width: 30%; float: left; border-right: 1px solid #DDDDDD; overflow-y: auto; height: calc(100vh - 60px); }

#cfp #messages-loading { height: 100%; }

#cfp #entries { width: 69.99%; max-width: initial; float: left; }

#cfp #entries_container { width: 100%; }

#cfp .bubble-announce { display: none; position: absolute; z-index: 12; background-color: white; border: 2px solid #5faa41; max-width: 200px; color: #666666; margin: 10px; border-radius: 10px; top: 10px; padding: 10px; box-shadow: 3px 3px 3px #666666; }

#cfp .bubble-announce#client-new-goal { right: 10px; top: 0; }

#cfp .bubble-announce#client-new-goal .arrow-up { right: -120px; }

#cfp .bubble-announce .arrow-up { width: 0; height: 0; position: relative; bottom: 19px; border-left: 7px solid transparent; border-right: 7px solid transparent; border: 2px solid #5faa41; }

#cfp .bubble-announce #close-button { text-align: right; font-size: 22px; cursor: pointer; position: absolute; top: 0; right: 6px; }

#cfp .bubble-announce p { max-width: 160px; font-size: 13px; margin-bottom: 0; }

#cfp .change-counselor-announce { position: relative; display: none; z-index: 12; background-color: white; border: 2px solid #5faa41; 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; }

#cfp .change-counselor-announce .arrow-up { width: 0; height: 0; position: relative; bottom: 8px; border-left: 7px solid transparent; border-right: 7px solid transparent; border: 2px solid #5faa41; }

#cfp .change-counselor-announce #close-button { text-align: right; font-size: 18px; cursor: pointer; top: 0; right: 6px; }

#cfp .change-counselor-announce .margin-zero { margin-top: 0px; margin-bottom: 0px !important; }

#cfp h2 { color: #444444; background-color: transparent; }

#cfp .todaystotal { width: 100%; margin: 30px 0 0; }

#cfp .todaystotal .prod-name-color { color: #5faa41; }

#cfp .todaystotal td, #cfp .todaystotal th { padding: 10px; }

#cfp .todaystotal td { text-align: right; }

#cfp .todaystotal th { text-align: left; }

#cfp .todaystotal tr.trial { color: #AF2225; }

#cfp .todaystotal tr.total { font-size: 18px; }

#cfp .todaystotal tr.total td, #cfp .todaystotal tr.total th { border-top: 1px solid #DDDDDD; }

#cfp #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(95, 170, 65, 0.3); }

#cfp #scheduler #btn-book-session:after { content: 'BOOK'; }

#cfp #unresponded_count { text-align: center; color: white; background: #E36039; border-radius: 5px; margin-bottom: 10px; }

#cfp footer { display: none; }

#cfp #sessions-container { width: 1170px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; display: block; }

#cfp #sessions-container:before, #cfp #sessions-container:after { content: " "; display: table; }

#cfp #sessions-container:after { clear: both; }

#cfp #entries { height: 0 !important; }

#cfp .todo-clients { margin-top: 15px; background-color: #fff; padding-bottom: 10px; border-radius: 5px 5px 0 0; }

#cfp .todo-clients p.header { background-color: #EEEEEE; border-radius: 5px 5px 0 0; width: 100%; padding: 10px 0; color: #888888; margin-bottom: 0px !important; }

#cfp .todo-clients .btn-todo, #cfp .todo-clients .btn-subscribers { display: block; text-align: center; background-color: rgba(95, 170, 65, 0.2); color: #5faa41; }

#cfp .todo-clients .btn-todo:hover, #cfp .todo-clients .btn-subscribers:hover { background-color: rgba(95, 170, 65, 0.4); }

#cfp .todo-clients hr { margin: 5px 0; }

#cfp .todo-clients .no-todo-msg { margin: 10px; color: #888888; }

#cfp .todo-clients a { padding: 5px 15px; font-size: 14px; display: block; text-align: left; text-decoration: none; }

#cfp .todo-clients a i { margin-right: 10px; width: 15px; text-align: center; display: inline-block; }

#cfp #client-online { font-size: 24px; width: 25px; margin: 0 5px; position: relative; top: -7px; color: #888888; }

#cfp #client-online:after { color: inherit; }

#cfp #client-online span { position: absolute; font-size: 10px; top: 28px; left: -3px; }

#cfp .start-realtime-button { width: 25px; margin: 2px 5px 0 5px; }

#cfp .close_not_an_intro { opacity: 100; color: white; }

#cfp #applepay_img { margin: 0 auto; display: block; }

#cfp #applepay_button { width: 100%; height: auto; border: 2px solid #000000; padding: 12px 22px; border-radius: 9px; }

#cfp #applepay_anchor { display: block; padding: 6px 10px; }

#cfp #applepay_nopaymenttext { text-align: center; }

#cfp #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; }

#cfp #modal-recorder-recording:hover { cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; }

#cfp #modal-recorder-recording:active { cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing; }

#cfp #modal-recorder-recording .modal-dialog { width: 400px; }

#cfp #body-container #content-container { padding: 0; }

#cfp .alert_wrapper { display: block; top: 60px; z-index: 2; }

#cfp .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(95, 170, 65, 0.2); border-bottom: 1px solid rgba(95, 170, 65, 0.5); }

#cfp .alert_wrapper .alert.alert-warning a.close { line-height: 18px; }

#cfp #form_failed_enter_payment .cc-gather-label { padding-top: 5px; }

#cfp #new-message-alert { position: fixed; top: 60px; 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; }

#cfp #message-panel, #cfp #messages-loading { padding: 15px 15px 0; z-index: 0; position: fixed; width: 69.99%; background-color: white; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

#cfp #message-panel span.loading, #cfp #messages-loading span.loading { display: block; background-color: rgba(255, 255, 255, 0.8); padding: 15px; border-radius: 5px; font-size: 18px; color: #CCCCCC; }

#cfp #message-panel #no-notes, #cfp #messages-loading #no-notes { font-size: 18px; color: #888888; display: none; text-align: center; margin: 15px 0; }

#cfp #message-panel .btn-block, #cfp #messages-loading .btn-block { margin-bottom: 15px; }

#cfp #message-panel #jump_to.unread, #cfp #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); }

#cfp #message-panel .message-wrap, #cfp #messages-loading .message-wrap { margin-bottom: 10px; }

#cfp #message-panel .message-wrap .from-avatar, #cfp #message-panel .message-wrap .message-and-timestamp, #cfp #messages-loading .message-wrap .from-avatar, #cfp #messages-loading .message-wrap .message-and-timestamp { display: inline-block; vertical-align: bottom; }

#cfp #message-panel .message-wrap .message-and-timestamp, #cfp #messages-loading .message-wrap .message-and-timestamp { width: 85%; }

#cfp #message-panel .message-wrap .message-and-timestamp .date-cont, #cfp #messages-loading .message-wrap .message-and-timestamp .date-cont { font-size: 12px; color: #888888; }

#cfp #message-panel .message-wrap .from-avatar .author-image, #cfp #message-panel .message-wrap .from-avatar .user-icon, #cfp #messages-loading .message-wrap .from-avatar .author-image, #cfp #messages-loading .message-wrap .from-avatar .user-icon { height: 30px; width: 30px; border-radius: 50%; border: 1px solid #ccc; margin-right: 5px; position: relative; }

#cfp #message-panel .message-wrap .from-avatar.right-avatar .author-image, #cfp #messages-loading .message-wrap .from-avatar.right-avatar .author-image { margin-right: 0; margin-left: 5px; }

#cfp #message-panel .message-wrap.add_padding, #cfp #messages-loading .message-wrap.add_padding { margin-bottom: 10px; }

#cfp #message-panel .message-wrap.received.add_padding .message-and-timestamp, #cfp #messages-loading .message-wrap.received.add_padding .message-and-timestamp { margin-left: 38px; }

#cfp #message-panel .message-wrap.sent.add_padding .message-and-timestamp, #cfp #messages-loading .message-wrap.sent.add_padding .message-and-timestamp { margin-right: 38px; }

#cfp #message-panel .message-wrap .message, #cfp #messages-loading .message-wrap .message { background-color: white; border-radius: 5px; padding: 10px; line-height: 1.8; overflow: auto; }

#cfp #message-panel .message-wrap .message#questionnaire strong, #cfp #messages-loading .message-wrap .message#questionnaire strong { display: block; }

#cfp #message-panel .message-wrap .message:hover .button-bar, #cfp #messages-loading .message-wrap .message:hover .button-bar { display: block; }

#cfp #message-panel .message-wrap .message .button-bar, #cfp #messages-loading .message-wrap .message .button-bar { margin-top: -26px; overflow: auto; float: right; bottom: 0; display: none; z-index: 999; position: relative; }

#cfp #message-panel .message-wrap .message .btn-icon, #cfp #messages-loading .message-wrap .message .btn-icon { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); }

#cfp #message-panel .message-wrap .message .btn-icon:hover, #cfp #messages-loading .message-wrap .message .btn-icon:hover { color: #444444; background-color: rgba(0, 0, 0, 0.05); }

#cfp #message-panel .message-wrap .message div.entry, #cfp #messages-loading .message-wrap .message div.entry { margin-top: 5px; overflow-x: auto; }

#cfp #message-panel .message-wrap .message div.entry img, #cfp #messages-loading .message-wrap .message div.entry img { max-width: 100%; }

#cfp #message-panel .message-wrap .message div.entry div, #cfp #message-panel .message-wrap .message div.entry p, #cfp #message-panel .message-wrap .message div.entry span, #cfp #messages-loading .message-wrap .message div.entry div, #cfp #messages-loading .message-wrap .message div.entry p, #cfp #messages-loading .message-wrap .message div.entry span { background-color: transparent !important; }

#cfp #message-panel .message-wrap .message div.entry .att-file, #cfp #messages-loading .message-wrap .message div.entry .att-file { padding: 5px 10px; background-color: #DDDDDD !important; }

#cfp #message-panel .message-wrap .message div.entry .att-file .remove, #cfp #messages-loading .message-wrap .message div.entry .att-file .remove { display: none; }

#cfp #message-panel .message-wrap .message.sent .entry .att-file, #cfp #messages-loading .message-wrap .message.sent .entry .att-file { background-color: rgba(5, 187, 211, 0.2) !important; }

#cfp #message-panel .message-wrap .message .author, #cfp #messages-loading .message-wrap .message .author { font-weight: 700; font-size: 12px; }

#cfp #message-panel .message-wrap .message .user-icon, #cfp #messages-loading .message-wrap .message .user-icon { height: 30px; width: 30px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#cfp #message-panel .message-wrap .message .btn, #cfp #messages-loading .message-wrap .message .btn { float: right; margin-left: 5px; }

#cfp #message-panel .message-wrap .message .title-bar, #cfp #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; }

#cfp #message-panel .message-wrap .message .title-bar.urgent, #cfp #messages-loading .message-wrap .message .title-bar.urgent { background-color: #AF2225; }

#cfp #message-panel .message-wrap .message .title-bar.audio_transcription, #cfp #messages-loading .message-wrap .message .title-bar.audio_transcription { background-color: #DDDDDD; color: #444444; }

#cfp #message-panel .message-wrap .message .att-file, #cfp #messages-loading .message-wrap .message .att-file { padding: 0; margin: 20px -10px -10px -10px; border-radius: 0 0 5px 5px; border: 0; background-color: #DDDDDD; border-top: 2px solid #CCCCCC; }

#cfp #message-panel .message-wrap .message .att-file audio, #cfp #message-panel .message-wrap .message .att-file video, #cfp #messages-loading .message-wrap .message .att-file audio, #cfp #messages-loading .message-wrap .message .att-file video { margin-top: 3px; margin-left: 5px; max-width: 300px; }

#cfp #message-panel .message-wrap .message .att-file ul li.remove, #cfp #message-panel .message-wrap .message .att-file ul li.download, #cfp #message-panel .message-wrap .message .att-file ul li.worksheet, #cfp #messages-loading .message-wrap .message .att-file ul li.remove, #cfp #messages-loading .message-wrap .message .att-file ul li.download, #cfp #messages-loading .message-wrap .message .att-file ul li.worksheet { border: 0; background-color: rgba(68, 68, 68, 0.1); }

#cfp #message-panel .message-wrap .message .att-file ul li.remove:hover, #cfp #message-panel .message-wrap .message .att-file ul li.download:hover, #cfp #message-panel .message-wrap .message .att-file ul li.worksheet:hover, #cfp #messages-loading .message-wrap .message .att-file ul li.remove:hover, #cfp #messages-loading .message-wrap .message .att-file ul li.download:hover, #cfp #messages-loading .message-wrap .message .att-file ul li.worksheet:hover { background-color: rgba(68, 68, 68, 0.2); }

#cfp #message-panel .message-wrap .message.sent, #cfp #messages-loading .message-wrap .message.sent { background-color: #E8F3F8; }

#cfp #message-panel .message-wrap .message.sent .att-file, #cfp #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); }

#cfp #message-panel .message-wrap .message.sent .att-file ul li.remove, #cfp #message-panel .message-wrap .message.sent .att-file ul li.download, #cfp #message-panel .message-wrap .message.sent .att-file ul li.worksheet, #cfp #messages-loading .message-wrap .message.sent .att-file ul li.remove, #cfp #messages-loading .message-wrap .message.sent .att-file ul li.download, #cfp #messages-loading .message-wrap .message.sent .att-file ul li.worksheet { background-color: rgba(49, 87, 120, 0.1); border: 0; }

#cfp #message-panel .message-wrap .message.sent .att-file ul li.remove:hover, #cfp #message-panel .message-wrap .message.sent .att-file ul li.download:hover, #cfp #message-panel .message-wrap .message.sent .att-file ul li.worksheet:hover, #cfp #messages-loading .message-wrap .message.sent .att-file ul li.remove:hover, #cfp #messages-loading .message-wrap .message.sent .att-file ul li.download:hover, #cfp #messages-loading .message-wrap .message.sent .att-file ul li.worksheet:hover { background-color: rgba(49, 87, 120, 0.2); }

#cfp #message-panel .message-wrap .message.sent .title-bar, #cfp #messages-loading .message-wrap .message.sent .title-bar { color: white; background-color: rgba(5, 187, 211, 0.45); }

#cfp #message-panel .message-wrap .message.sent .title-bar.unread, #cfp #messages-loading .message-wrap .message.sent .title-bar.unread { background-color: #315778; }

#cfp #message-panel .message-wrap .message.sent .title-bar.urgent, #cfp #messages-loading .message-wrap .message.sent .title-bar.urgent { background-color: #AF2225; }

#cfp #message-panel .message-wrap .message.received, #cfp #messages-loading .message-wrap .message.received { background-color: #F5F5F5; }

#cfp #message-panel .message-wrap .message.system, #cfp #messages-loading .message-wrap .message.system { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 20px 0; }

#cfp #message-panel .message-wrap .message.cfp-review, #cfp #messages-loading .message-wrap .message.cfp-review { background-color: rgba(224, 121, 0, 0.25); }

#cfp #message-panel .message-wrap .message.draft, #cfp #messages-loading .message-wrap .message.draft { background-color: rgba(5, 187, 211, 0.15); border: 1px dashed #05BBD3; }

#cfp #message-panel .message-wrap .message.draft .title-bar, #cfp #messages-loading .message-wrap .message.draft .title-bar { background-color: #05BBD3; }

#cfp #message-panel .message-wrap .message.note, #cfp #messages-loading .message-wrap .message.note { background-color: #f8f6d6; }

#cfp #message-panel .message-wrap.sent, #cfp #message-panel .message-wrap.questionnaire-wrap, #cfp #messages-loading .message-wrap.sent, #cfp #messages-loading .message-wrap.questionnaire-wrap { text-align: right; }

#cfp #message-panel .message-wrap.sent .message, #cfp #message-panel .message-wrap.questionnaire-wrap .message, #cfp #messages-loading .message-wrap.sent .message, #cfp #messages-loading .message-wrap.questionnaire-wrap .message { text-align: left; }

#cfp #message-panel .message-wrap.questionnaire-wrap .from-avatar .user-icon, #cfp #messages-loading .message-wrap.questionnaire-wrap .from-avatar .user-icon { bottom: 0; }

#cfp #message-panel .message-wrap.questionnaire-wrap.sent, #cfp #messages-loading .message-wrap.questionnaire-wrap.sent { text-align: right; }

#cfp #message-panel .message-wrap.questionnaire-wrap.received, #cfp #messages-loading .message-wrap.questionnaire-wrap.received { text-align: left; }

#cfp #message-panel .message-wrap.system, #cfp #messages-loading .message-wrap.system { margin: 15px auto; }

#cfp #message-panel .message-wrap.system .message-and-timestamp, #cfp #messages-loading .message-wrap.system .message-and-timestamp { width: 100%; text-align: center; }

#cfp #message-panel .message-wrap.system .message-and-timestamp .entry, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry { margin: 0 auto; width: 70%; }

#cfp #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon { font-size: 50px; line-height: 1em; color: #CCCCCC; margin-bottom: 10px; }

#cfp #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-check-circle, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-check-circle { color: #5faa41; }

#cfp #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-file-text-o, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-file-text-o { color: #CCCCCC; }

#cfp #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-times-circle, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-times-circle { color: #AF2225; }

#cfp #message-panel .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-trophy, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry .system-msg-icon .fa-trophy { color: #e7d470; }

#cfp #message-panel .message-wrap.system ul, #cfp #messages-loading .message-wrap.system ul { text-align: left; }

#cfp #message-panel .message-wrap.system .message, #cfp #messages-loading .message-wrap.system .message { border-radius: 0; }

#cfp #message-panel .message-wrap.note .message-and-timestamp, #cfp #messages-loading .message-wrap.note .message-and-timestamp { width: 100%; }

#cfp #message-panel .message-wrap.note .from-avatar, #cfp #messages-loading .message-wrap.note .from-avatar { display: none; }

#cfp #message-panel.notesonly .message-wrap.draft, #cfp #message-panel.notesonly .message-wrap.system, #cfp #message-panel.notesonly .message-wrap.sent, #cfp #message-panel.notesonly .message-wrap.received, #cfp #messages-loading.notesonly .message-wrap.draft, #cfp #messages-loading.notesonly .message-wrap.system, #cfp #messages-loading.notesonly .message-wrap.sent, #cfp #messages-loading.notesonly .message-wrap.received { display: none; }

#cfp #message-panel.notesonly span.allmessages, #cfp #messages-loading.notesonly span.allmessages { display: block; }

#cfp #message-panel.notesonly span.notes, #cfp #messages-loading.notesonly span.notes { display: none; }

#cfp #message-panel.notesonly #no-notes, #cfp #messages-loading.notesonly #no-notes { display: block; }

#cfp #message-panel.notesonly #get_more_messages.no-notes, #cfp #message-panel.notesonly #jump_to, #cfp #messages-loading.notesonly #get_more_messages.no-notes, #cfp #messages-loading.notesonly #jump_to { display: none; }

#cfp #message-panel.notesonly #questionnaire, #cfp #messages-loading.notesonly #questionnaire { display: block; }

#cfp #message-panel .note .att-file, #cfp #messages-loading .note .att-file { background-color: rgba(56, 125, 122, 0.2); border-top: 2px solid rgba(56, 125, 122, 0.6); }

#cfp #writer { width: 69.99%; position: fixed; bottom: 0; z-index: 9; background-color: white; border-top: 1px solid #CCCCCC; }

#cfp #writer #editor-take, #cfp #writer #editor-reject { margin-top: 20px; }

#cfp #writer #menu-bar { padding: 0 10px; }

#cfp #writer #menu-bar .live-button-wrapper { display: none; }

#cfp #writer #menu-bar .editor-real-time-buttons .online-status { font-size: 24px; width: 25px; margin: 0 5px; position: relative; top: -7px; color: #888888; }

#cfp #writer #menu-bar .editor-real-time-buttons .online-status:after { color: inherit; }

#cfp #writer #menu-bar .editor-real-time-buttons .online-status span { position: absolute; font-size: 10px; top: 28px; left: -3px; }

#cfp #writer #menu-bar .editor-real-time-buttons a, #cfp #writer #menu-bar .editor-real-time-buttons .span-button { display: inline-block; width: 25px; height: 25px; margin: 0 5px; background-size: cover; cursor: pointer; }

#cfp #writer #menu-bar .editor-real-time-buttons a.video-button, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.video-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.video-button.online, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.video-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_green.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.phone-button, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.phone-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.phone-button.online, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.phone-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_green.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.livechat-button, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.livechat-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.livechat-button.online, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.livechat-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_green.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.partner-video-button, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.partner-video-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_offline.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.partner-video-button.online, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.partner-video-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/videosession_green.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.partner-phone-button, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.partner-phone-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_offline.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.partner-phone-button.online, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.partner-phone-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/phonesession_green.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.partner-livechat-button, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.partner-livechat-button { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_offline.png"); }

#cfp #writer #menu-bar .editor-real-time-buttons a.partner-livechat-button.online, #cfp #writer #menu-bar .editor-real-time-buttons .span-button.partner-livechat-button.online { background-image: url("//dy7glz37jgl0b.cloudfront.net/icons/livechat_green.png"); }

#cfp #writer #menu-bar .attach-button { display: none; }

#cfp #writer .form-control { overflow-y: scroll; resize: vertical; width: 100%; height: auto; min-height: 100px; max-height: 300px; position: relative; margin-bottom: 5px; bottom: 0; border-radius: 0; border: 0; }

#cfp #writer .form-control:focus { border: 2px solid #05bbd3; }

#cfp #writer .btn-livechat { margin-top: 10px; background-color: #EEEEEE; font-size: 14px; text-align: left; color: #444444; }

#cfp #writer .btn-livechat i { color: #5faa41; }

#cfp #writer .btn-livechat:hover { color: #444444; background-color: #DDDDDD; }

#cfp #writer .btn-livechat.available { background-color: rgba(95, 170, 65, 0.2); }

#cfp #writer .btn-livechat.available:hover { background-color: rgba(95, 170, 65, 0.4); color: #444444; }

#cfp #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; }

#cfp #writer #messages-bottom:hover { background-color: rgba(68, 68, 68, 0.5); }

#cfp #writer .alert { text-align: left; border: 0; background-color: #AF2225; color: white; border-radius: 0; margin-bottom: 0; box-shadow: 0px 1px 2px #888888; }

#cfp #writer .alert a { color: rgba(255, 255, 255, 0.8); -webkit-text-fill-color: rgba(255, 255, 255, 0.8); text-decoration: underline; }

#cfp #writer .alert a:hover { color: white; }

#cfp #writer .alert.alert-danger, #cfp #writer .alert.alert-error { border-bottom: 2px solid #AF2225; color: #AF2225; background-color: white; }

#cfp #writer .alert.alert-danger .close, #cfp #writer .alert.alert-error .close { color: white; }

#cfp #writer #editor-toolbar { border-bottom: 0; border-radius: 0; background-color: white; display: inline-block; line-height: 0; }

#cfp #writer #editor-toolbar input#uploadFile { position: absolute; opacity: 0; }

#cfp #writer #editor-toolbar .dropdown, #cfp #writer #editor-toolbar .dropup { display: inline-block; }

#cfp #writer #editor-toolbar .dropdown.open, #cfp #writer #editor-toolbar .dropup.open { background-color: #F5F5F5; }

#cfp #writer #editor-toolbar #editor-note { padding: 8px; }

#cfp #writer #editor-toolbar #editor-note .save-note-icon, #cfp #writer #editor-toolbar #editor-note .save-note-text { display: inline-block; vertical-align: middle; }

#cfp #writer #editor-toolbar #editor-note .save-note-icon { width: 16px; height: auto; }

#cfp #writer #editor-toolbar #editor-note .save-note-text { margin-left: 5px; }

#cfp #writer #editor-toolbar .dropdown .urgent label { margin-bottom: 0; font-weight: normal; }

#cfp #writer #editor-toolbar .dropdown.expand-collapse { display: none; }

#cfp #writer #editor-toolbar .tool { padding: 9px; top: 0; line-height: 1; position: relative; color: #444444; -webkit-text-fill-color: #444444; opacity: 0.5; filter: alpha(opacity=50); z-index: 1; display: table-cell; }

#cfp #writer #editor-toolbar .tool:hover, #cfp #writer #editor-toolbar .tool:active #cfp #writer #editor-toolbar .tool.open { opacity: 1; filter: alpha(opacity=100); background-color: #F5F5F5; cursor: pointer; text-decoration: none; }

#cfp #writer #editor-toolbar #stop_record { color: #ff0000; -webkit-text-fill-color: #ff0000; border: 1px solid #FF0000; opacity: 1; }

#cfp #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; }

#cfp #writer #editor-toolbar ul.dropdown-menu li { cursor: pointer; }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_dropdown { min-width: 280px; }

#cfp #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; }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_dropdown a:hover { background-color: #CCCCCC; }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_emoticon { padding-left: 12px; padding-right: 12px; padding-bottom: 9px; }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_emoticons { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/emoticons.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_angry { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/angry.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_arrogant { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/arrogant.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_bashful { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/bashful.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_beat_up { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/beat_up.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_clap { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/clap.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_crying { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/crying.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_disappointed { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/disappointed.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_embarrassed { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/embarrassed.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_excruciating { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/excruciating.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_freaked_out { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/freaked_out.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_laugh { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/laugh.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_happy { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/happy.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_sad { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/sad.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_pissed_off { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/pissed_off.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_in_love { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/in_love.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_love_over { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/love_over.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_mad_tongue { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/mad_tongue.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_nervous { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/nervous.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_neutral { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/neutral.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_question { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/question.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_shame { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/shame.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_shocked { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/shocked.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_shut_mouth { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/shut_mouth.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_sleepy { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/sleepy.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_stressed { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/stressed.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_thinking { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/thinking.png); }

#cfp #writer #editor-toolbar ul.dropdown-menu .redactor_btn_wink { background: url(//dy7glz37jgl0b.cloudfront.net/emoticons/large/wink.png); }

#cfp #writer #editor-message { width: 100%; margin-top: 0; border: 0; min-height: 100px; height: auto; max-height: 400px; overflow-y: auto; position: relative; transition: 0s; }

#cfp #writer #editor-message:focus { font-size: 14px; border: 2px solid #05BBD3; padding: 8px 13px; }

#cfp #writer .editor-buttons { margin-left: 10px; margin-left: 10px; display: inline-block; position: relative; top: 2px; float: right; }

#cfp #writer .editor-buttons .btn { margin-left: 10px; padding: 0 10px; height: 30px; line-height: 27px; font-size: 14px; }

#cfp #writer .editor-buttons.first_counselor_entry { margin-left: -10px; margin-right: 5px; }

#cfp #writer .editor-buttons .btn.btn-info { background-color: #EEEEEE; }

#cfp #writer .editor-buttons .btn.btn-info.attach-button { background-color: #EEEEEE; float: right; }

#cfp #writer .editor-buttons .btn.btn-info.attach-button a { color: #888888; }

#cfp #writer .editor-buttons .btn.btn-send { color: white; -webkit-text-fill-color: white; background-color: #5faa41; border: 1px solid white; margin-bottom: 10px; margin-right: 10px; }

#cfp #writer .editor-buttons .btn.btn-send[disabled] { color: #5faa41; -webkit-text-fill-color: #5faa41; background-color: white; border: 1px solid #5faa41; }

#cfp #writer .editor-buttons .send-to-button.editor-send { display: none; }

#cfp #writer .editor-buttons .btn-send.editor-send i { display: none; }

#cfp #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: hidden; font-weight: 700; min-height: 40px; }

#cfp #writer #file-upload p:first-letter { text-transform: uppercase; }

#cfp #writer #file-upload p { margin: 0; }

#cfp #writer #file-upload a.remove, #cfp #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); }

#cfp #writer #file-upload a.remove:hover, #cfp #writer #file-upload a.play:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#cfp #writer #file-upload p { margin-top: 0; }

#cfp #writer #file-upload .att-file .remove { height: 30px; line-height: 30px; color: #AF2225; }

#cfp #writer #file-upload .att-file .remove:hover { color: #9c1d20; }

#cfp #writer #file-upload .att-file audio, #cfp #writer #file-upload .att-file video { width: 300px; display: inline-block; margin-right: 15px; }

#cfp #writer #file-upload .att-file video { border: 5px solid rgba(68, 68, 68, 0.8); border-radius: 5px; }

#cfp #writer #file-upload .att-file ul, #cfp #writer #file-upload .att-file li { display: inline-block; list-style: none; margin: 0; padding: 0; }

#cfp #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; }

#cfp #writer-paste #message-editor-paste { width: 100%; margin-top: 0; border: 0; min-height: 100px; height: auto; max-height: 400px; overflow-y: auto; position: relative; transition: 0s; }

#cfp #writer-paste #message-editor-paste:focus { font-size: 14px; border: 2px solid #05BBD3; padding: 8px 13px; }

#cfp #writer #editor-message .att-file, #cfp #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; }

#cfp #writer #editor-message .att-file ul, #cfp #message-panel .att-file ul { list-style-type: none; margin: 0; padding: 0; }

#cfp #writer #editor-message .att-file ul .audio-wrapper, #cfp #message-panel .att-file ul .audio-wrapper { display: inline; }

#cfp #writer #editor-message .att-file ul li, #cfp #message-panel .att-file ul li { list-style-type: none; display: inline-block; padding: 5px 10px; }

#cfp #writer #editor-message .att-file ul li.remove, #cfp #writer #editor-message .att-file ul li.download, #cfp #writer #editor-message .att-file ul li.play, #cfp #writer #editor-message .att-file ul li.stop, #cfp #writer #editor-message .att-file ul li.worksheet, #cfp #message-panel .att-file ul li.remove, #cfp #message-panel .att-file ul li.download, #cfp #message-panel .att-file ul li.play, #cfp #message-panel .att-file ul li.stop, #cfp #message-panel .att-file ul li.worksheet { font-weight: 700; }

#cfp #writer #editor-message .att-file ul li.remove, #cfp #writer #editor-message .att-file ul li.download, #cfp #writer #editor-message .att-file ul li.worksheet, #cfp #message-panel .att-file ul li.remove, #cfp #message-panel .att-file ul li.download, #cfp #message-panel .att-file ul li.worksheet { float: right; background-color: #F5F5F5; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

#cfp #writer #editor-message .att-file ul li.remove:hover, #cfp #writer #editor-message .att-file ul li.download:hover, #cfp #writer #editor-message .att-file ul li.worksheet:hover, #cfp #message-panel .att-file ul li.remove:hover, #cfp #message-panel .att-file ul li.download:hover, #cfp #message-panel .att-file ul li.worksheet:hover { background-color: #DDDDDD; cursor: pointer; text-decoration: none; }

#cfp #writer #editor-message .att-file ul li.stop, #cfp #message-panel .att-file ul li.stop { color: #444444; }

#cfp #writer #editor-message .att-file ul li.remove, #cfp #message-panel .att-file ul li.remove { color: #444444; }

#cfp #writer #editor-message .att-file ul li.remove:after, #cfp #message-panel .att-file ul li.remove:after { content: "\f1f8"; font-family: 'FontAwesome'; line-height: 1; margin-left: 5px; }

#cfp #writer #editor-message .att-file ul li.download, #cfp #message-panel .att-file ul li.download { color: #444444; }

#cfp #writer #editor-message .att-file ul li.download:after, #cfp #message-panel .att-file ul li.download:after { content: "\f019"; line-height: 1; font-family: 'FontAwesome'; margin-left: 5px; }

#cfp #writer #editor-message .att-file ul li.worksheet, #cfp #message-panel .att-file ul li.worksheet { color: #444444; }

#cfp #writer #editor-message .att-file ul li.worksheet:after, #cfp #message-panel .att-file ul li.worksheet:after { content: "\f040"; line-height: 1; font-family: 'FontAwesome'; margin-left: 5px; }

#cfp #writer #editor-message .att-file ul li.video-message:before, #cfp #message-panel .att-file ul li.video-message:before { content: "\f03d"; line-height: 1; font-family: 'FontAwesome'; margin-right: 5px; }

#cfp #writer #editor-message .att-file ul li.audio-message:before, #cfp #message-panel .att-file ul li.audio-message:before { content: "\f028"; line-height: 1; font-family: 'FontAwesome'; margin-right: 5px; }

#cfp #writer #editor-message .att-file ul li.filename:before, #cfp #message-panel .att-file ul li.filename:before { content: "\f15b"; line-height: 1; font-family: 'FontAwesome'; margin-right: 5px; }

#cfp #writer #editor-message .att-file.error, #cfp #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; }

#cfp #writer #editor-message .att-file.load, #cfp #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; }

#cfp .updated-tocpp-announce { position: absolute; display: none; z-index: 14; background-color: white; border: 2px solid #5faa41; 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; }

#cfp .updated-tocpp-announce #close-tocpp-button { text-align: right; font-size: 18px; cursor: pointer; top: 4px; right: 14px; position: absolute; }

#cfp .updated-tocpp-announce .margin-zero { margin-top: 0px; margin-bottom: 0px !important; }

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

#cfp .modal .modal-footer-left { text-align: left; }

#cfp .modal .modal-footer-small { font-size: 12px; line-height: 1.4; }

#cfp #modal-video-player .modal-dialog { width: 50vw; max-width: 400px; }

#cfp #modal-video-player .modal-dialog .modal-content { width: 50vw; max-width: 400px; background: #333; }

#cfp #modal-video-player .modal-dialog .modal-body { padding: 0; width: 50vw; max-width: 400px; }

#cfp #modal-video-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }

#cfp #modal-video-player .modal-dialog .modal-header .close { font-size: 32px; color: #fff; opacity: 1; }

#cfp #modal-video-player .modal-dialog video { width: 50vw; max-width: 400px; }

#cfp #modal-audio-player .modal-dialog { width: 35vw; max-width: 400px; }

#cfp #modal-audio-player .modal-dialog .modal-content { width: 35vw; max-width: 400px; }

#cfp #modal-audio-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }

#cfp #modal-audio-player .modal-dialog .modal-header .close { font-size: 32px; color: #333; opacity: 1; }

#cfp #modal-audio-player .modal-dialog audio { width: 25vw; max-width: 400px; }

#cfp #recorder-modal-container { text-align: center; position: relative; }

#cfp #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); }

#cfp #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); }

#cfp .progress-bar { background-color: #5faa41; }

#cfp .after-client_intro-msg { padding-bottom: 15px; font-style: italic; }

#cfp #action-due { margin: -15px -15px 15px -15px; padding: 0 15px; background: white; border-bottom: 1px solid #CCCCCC; }

#cfp #action-due #set_follow_up-form { padding-left: 5px; }

#cfp .hiddendiv { display: none; }

#cfp .agree_scale { margin-left: 10px; }

#cfp .agree_scale .agree_choice:first-child { margin-top: 20px; }

#cfp .agree_scale .agree_choice { display: block; }

#cfp .agree_scale .agree_choice label { font-weight: 400; }

#cfp .agree_scale .agree_choice input { margin-right: 5px; }

#cfp .zero-to-ten .zero-to-ten-scale { margin-top: 50px; }

#cfp .not-disclosed-counselor { margin-top: 30px; font-style: italic; }

#cfp #cf-concerns-submit { margin-top: 10px; }

#cfp .cf-product-name { font-size: 18px; font-weight: 800; }

#cfp #client-feedback { background-color: #c7e6c7 !important; }

#cfp #client-feedback .cf-product-name { font-size: inherit; font-weight: inherit; }

#cfp #cfp-review-rating { margin-bottom: 15px; }

#cfp #cfp-review-rating h3 { display: inline-block; margin-right: 15px; }

#cfp #counseling-menu .todo-clients hr { margin: 0 0 5px 0; }

#cfp #counseling-menu .todo-widget-client { text-align: left; }

#cfp #counseling-menu .todo-widget-client img { width: 15px; margin-right: 10px; margin-bottom: 5px; }

#cfp #counseling-menu .todo-widget-client a { font-size: 16px; line-height: 22px; display: block; height: 22px; text-decoration: none; padding-bottom: 27px; font-weight: 500; }

#cfp .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: 10px; padding-right: 10px; margin-left: 0; margin-right: 0; }

#cfp .client-promotions p { margin: 0; }

#cfp .client-promotions-writer { z-index: 1000; position: fixed; cursor: pointer; bottom: 65px; border-radius: 5px; margin-left: 15px; font-size: 13px; min-height: 40px; line-height: 1.4em; padding: 10px 30px 10px 20px; display: inline-block; white-space: normal; }

#cfp .client-promotions-writer.no-scheduler { bottom: 80px; }

#cfp a.sessions-promo { color: white; cursor: pointer; }

#cfp a.sessions-promo:visited, #cfp a.sessions-promo:hover, #cfp a.sessions-promo:active { text-decoration: none; }

#cfp .close-banner { position: absolute; right: 6px; font-size: 19px; cursor: default; }

#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 #credit, #change-subscription #credit { margin-bottom: 40px; }

#cake-modal #credit table, #change-subscription #credit table { margin-top: 0; font-size: 14px; }

#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; }

#cfp #writer #menu-bar .audio-message-announce { position: absolute; display: none; z-index: 12; background-color: white; border: 2px solid #5faa41; width: 250px; color: #666666; margin: 10px; border-radius: 10px; bottom: 30px; left: -50px; line-height: 1.4em; padding: 10px; box-shadow: 3px 3px 3px #c2c2c2; }

#cfp #writer #menu-bar .audio-message-announce #close-button { text-align: right; font-size: 18px; cursor: pointer; top: 4px; right: 14px; position: absolute; }

#cfp #writer #menu-bar .audio-message-announce .margin-zero { margin-top: 0px; margin-bottom: 0px !important; }

#cfp #writer #editor-message ul .audio-wrapper, #cfp #message-panel ul .audio-wrapper { display: inline; }

#cfp #writer #editor-message ul li.stop, #cfp #message-panel ul li.stop { float: left; background-color: #F5F5F5; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

#cfp #writer #editor-message ul li.stop:hover, #cfp #message-panel ul li.stop:hover { background-color: #DDDDDD; cursor: pointer; text-decoration: none; }

#cfp #writer #editor-message ul li.play, #cfp #message-panel ul li.play { color: #444444; padding: 5px 0; text-align: center; float: left; margin-left: -15px; width: 60%; }

#cfp #writer #editor-message ul li.play .inline-block-display, #cfp #message-panel ul li.play .inline-block-display { display: inline-block; vertical-align: middle; }

#cfp #writer #editor-message ul li.play .inline-block-display:first-child, #cfp #message-panel ul li.play .inline-block-display:first-child { width: 45px; cursor: pointer; }

#cfp #writer #editor-message ul li.play .inline-block-display:last-child, #cfp #message-panel ul li.play .inline-block-display:last-child { width: 78%; }

#cfp #writer #editor-message ul li.play .fa-play, #cfp #writer #editor-message ul li.play .fa-stop, #cfp #message-panel ul li.play .fa-play, #cfp #message-panel ul li.play .fa-stop { padding: 5px 10px; color: white; -webkit-text-fill-color: white; background-color: #6a6a6a; border-radius: 16px; }

#cfp #writer #editor-message ul li.play .fa-play:hover, #cfp #writer #editor-message ul li.play .fa-stop:hover, #cfp #message-panel ul li.play .fa-play:hover, #cfp #message-panel ul li.play .fa-stop:hover { background-color: #4b4b4b; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .fa-circle, #cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper, #cfp #message-panel ul li.play .audio-progress-bar .fa-circle, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper { display: inline-block; vertical-align: middle; position: relative; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .fa-circle, #cfp #message-panel ul li.play .audio-progress-bar .fa-circle { z-index: 1; font-size: 10px; top: -7px; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper { width: 94%; z-index: 0; left: -11px; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper hr, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper hr { margin: 5px auto 9px auto; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-disabled, #cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-state-disabled, #cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper button[disabled], #cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-select .ui-btn.ui-state-disabled, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-disabled, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-state-disabled, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper button[disabled], #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper .ui-select .ui-btn.ui-state-disabled { filter: Alpha(Opacity=70); opacity: 0.7; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .audio-time, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper .audio-time { width: 100%; font-size: 11px; line-height: 11px; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-played, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-played { float: left; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-remaining, #cfp #message-panel ul li.play .audio-progress-bar .bar-wrapper .audio-time .time-remaining { float: right; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-slider, #cfp #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; }

#cfp #writer #editor-message ul li.play .audio-progress-bar .bar-wrapper .ui-slider .ui-slider-handle, #cfp #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; }

#cfp #message-panel .message-wrap .message .att-file ul li.stop { background-color: rgba(0, 0, 0, 0.08); border: 0; }

#cfp #message-panel .message-wrap .message .att-file ul li.stop:hover { background-color: rgba(0, 0, 0, 0.15); }

#cfp #message-panel .message-wrap .message.sent .att-file ul li.stop { background-color: rgba(49, 87, 120, 0.1); border: 0; }

#cfp #message-panel .message-wrap .message.sent .att-file ul li.stop:hover { background-color: rgba(49, 87, 120, 0.2); }

#cfp #message-panel .message-wrap .message.sent .att-file ul li.play:hover, #cfp #message-panel .message-wrap .message.sent .att-file ul li.stop:hover { background-color: inherit; cursor: default; }

#cfp #entries .message .title-bar.audio_transcription { background-color: #DDDDDD; color: #444444; }

#cfp #entries #file-upload a.play { right: 36px; color: rgba(68, 68, 68, 0.7); }

#cfp #entries #file-upload a.play:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#cfp #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; }

#cfp #entries #file-upload #time_left { margin-left: 20px; }

#cfp #entries #file-upload .not_recording { background-color: darkred !important; }

#cfp #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; } }

#cfp #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); }

#cfp #entries #file-upload a.stop:hover { background: rgba(68, 68, 68, 0.15); color: #444444; }

#cfp #entries #file-upload a.stop { color: #444444; right: 36px; }

@media (min-width: 1200px) { #cfp #message-panel .message-wrap.system .message-and-timestamp .entry, #cfp #messages-loading .message-wrap.system .message-and-timestamp .entry { width: 50%; } }

@media (max-width: 991px) { #cfp #message-panel .att-file ul li.play { margin-left: 0; } }

@media (max-width: 767px) { #cfp #writer #menu-bar .audio-message-announce { left: -20px; }
  #cfp .client-promotions { position: static; }
  #cfp #message-panel .message-wrap.system .message-and-timestamp .entry { width: 80%; }
  #cfp #message-panel .message-wrap .message-and-timestamp { width: 80%; }
  #cfp #message-panel .message-wrap.sent .message-and-timestamp { width: 85%; }
  #cfp #message-panel .att-file ul li.play { width: 100%; border-left: 0; display: block; text-align: left; padding-left: 10px; }
  #cfp #message-panel .att-file ul li.play .audio-progress-bar .bar-wrapper { width: 100%; left: 0; }
  #cfp #message-panel .att-file ul li.play .inline-block-display:first-child { width: 41px; }
  #cfp #message-panel .att-file ul li.play .inline-block-display:last-child { width: 225px; } }

@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) { #cfp #message-panel #messages-bottom, #cfp #messages-loading #messages-bottom, #cfp #writer #messages-bottom { margin-left: 547px; }
  #cfp #scheduler { width: 627px; }
  #cfp .client-promotions-writer { font-size: 13px; margin-left: 10px; } }

@media (max-width: 991px) { #cfp .container { width: auto; }
  #cfp #entries { margin-left: 0; width: 64.99%; }
  #cfp .sm-fluid-leftbar { width: 35%; }
  #cfp:not(.mobile_menu) #scheduler { margin: 0; height: 45px; line-height: 45px; width: 66.666667%; padding: 0 0 0 15px; }
  #cfp:not(.mobile_menu) #scheduler button { height: 45px; position: absolute; bottom: 0; right: 0; border-radius: 0; }
  #cfp:not(.mobile_menu) #scheduler button#btn-book-session { color: #5faa41; background-color: white; width: 74px; }
  #cfp:not(.mobile_menu) #scheduler button#btn-book-session:hover { color: #377e1b; color: white; }
  #cfp:not(.mobile_menu) #scheduler button#btn-cancel-session { color: white; }
  #cfp:not(.mobile_menu) #scheduler button#btn-client-no-show { background: #E0AB50; color: white; text-align: center; }
  #cfp #modal-video-player .modal-dialog { width: 90vw; }
  #cfp #modal-video-player .modal-dialog .modal-content { width: 90vw; background: #333; }
  #cfp #modal-video-player .modal-dialog .modal-body { padding: 0; width: 90vw; }
  #cfp #modal-video-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }
  #cfp #modal-video-player .modal-dialog .modal-header .close { font-size: 32px; color: #fff; opacity: 1; }
  #cfp #modal-video-player .modal-dialog video { width: 90vw; }
  #cfp #modal-audio-player .modal-dialog { width: 95vw; }
  #cfp #modal-audio-player .modal-dialog .modal-content { width: 95vw; max-width: 400px; }
  #cfp #modal-audio-player .modal-dialog .modal-header { padding: 0; position: relative; top: 0; right: 5px; border: none; z-index: 999; background: #333; }
  #cfp #modal-audio-player .modal-dialog .modal-header .close { font-size: 32px; color: #333; opacity: 1; }
  #cfp #modal-audio-player .modal-dialog audio { width: 65vw; }
  #cfp .alert_wrapper { display: block; top: 0px; }
  #cfp #left-bar { padding: 0; margin-top: 0; float: none; }
  #cfp #left-bar .top-bar { height: 40px; line-height: 40px; }
  #cfp #left-bar #tablet-bar { height: auto; }
  #cfp #left-bar #tablet-bar p { line-height: 1.7; }
  #cfp #writer { margin-left: 0; width: 64.99%; }
  #cfp #writer .form-control { min-height: 80px; }
  #cfp #writer #left-bar { padding: 0; float: none; text-align: center; }
  #cfp #writer .editor-buttons.first_counselor_entry .btn { padding: 0 7px; }
  #cfp #writer .btn-livechat.mobile { margin-bottom: 0px; margin-top: -15px; border-radius: 0; }
  #cfp #writer .btn-livechat.mobile:hover, #cfp #writer .btn-livechat.mobile:active, #cfp #writer .btn-livechat.mobile:focus { background-color: white; }
  #cfp #writer #messages-bottom { margin-left: 640px; }
  #cfp #writer #editor-message { min-height: 50px; max-height: 150px; border-radius: 0 !important; }
  #cfp #writer #menu-bar .attach-button { display: inline-block; }
  #cfp #writer #menu-bar .send-to-button { display: none; }
  #cfp #message-panel, #cfp #messages-loading { z-index: 0; width: 64.99%; margin-left: 0; margin-top: 0; }
  #cfp #message-panel .message:hover .button-bar, #cfp #messages-loading .message:hover .button-bar { display: none; }
  #cfp .client-promotions-writer { position: static; margin: 0; border-radius: 0; } }

@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; }
  #cfp { background-color: white; font-size: 14px; }
  #cfp .updated-tocpp-announce { width: 90%; bottom: 15px; max-width: initial; }
  #cfp .sm-fluid-leftbar { display: none; }
  #cfp #entries { width: 100%; float: none; clear: both; }
  #cfp #entries_container { width: 100%; }
  #cfp #message-panel { width: 100% !important; position: relative; margin-top: -10px; }
  #cfp #body-container > #content-container > .container > .row { margin-left: -15px; margin-right: 0; }
  #cfp #client-online { font-size: 18px; width: 20px; margin: 8px 10px; }
  #cfp #action-due { margin: 0; }
  #cfp .change-counselor-announce { position: absolute; top: 0px; right: -5px; }
  #cfp .change-counselor-announce #close-button { font-size: 25px; z-index: 11; }
  #cfp .change-counselor-announce p { position: relative; top: -15px; z-index: 10; }
  #cfp .change-counselor-announce .arrow-up { left: 166px; }
  #cfp .start-realtime-button { width: 20px; margin: 5px 10px 0 0; }
  #cfp #message-panel .att-file ul li.worksheet { display: block; width: 100%; }
  #cfp header .brand-logo .brand { display: none; }
  #cfp header .brand-icon .brand { display: inline-block !important; }
  #cfp .container { padding: 0; }
  #cfp #left-bar { display: none; }
  #cfp #left-bar .top-bar { margin-right: 0; margin-left: 0; height: auto; line-height: 1; }
  #cfp #message-panel, #cfp #messages-loading { width: 100%; margin: 0; }
  #cfp.mobile_menu #goals-widget { margin-top: 15px; }
  #cfp.mobile_menu #goals-widget #goals-widget-desc { font-size: 18px; text-align: center; }
  #cfp.mobile_menu #scheduler { margin: 0; padding: 15px; position: relative; background-color: transparent; border: none; width: auto; height: auto; font-size: 18px; }
  #cfp.mobile_menu #scheduler select { display: block; position: relative; margin: 0 0 15px 0; padding: 5px; border: 1px solid #DDDDDD; }
  #cfp.mobile_menu #scheduler button { position: relative; height: auto; width: auto !important; }
  #cfp.mobile_menu #scheduler button#btn-book-session { background-color: #5faa41; color: white; }
  #cfp.mobile_menu #scheduler button#btn-book-session:hover { background-color: #377e1b; }
  #cfp.mobile_menu #scheduler button#btn-cancel-session { color: white; }
  #cfp.mobile_menu #scheduler button#btn-client-no-show { background: #E0AB50; color: white; text-align: center; }
  #cfp:not(.mobile_menu) #scheduler { padding: 0 0 0 5px; margin: 0; font-size: 12px; height: 35px; width: 100%; line-height: 35px; }
  #cfp:not(.mobile_menu) #scheduler select { font-size: 12px; }
  #cfp:not(.mobile_menu) #scheduler button { font-size: 10px; height: 35px; background-color: white; max-width: 71px; }
  #cfp:not(.mobile_menu) #scheduler button#btn-cancel-session { background-color: #AF2225; width: 74px; }
  #cfp:not(.mobile_menu) #scheduler button#btn-book-session { width: 74px; background-color: #5faa41; color: white; }
  #cfp:not(.mobile_menu) #scheduler button#btn-book-session:hover { background-color: #377e1b; }
  #cfp:not(.mobile_menu) #scheduler button #btn-book-session:after { content: 'SCHEDULE'; }
  #cfp #writer { width: 100%; margin: 0; padding: 0; }
  #cfp #writer .form-control { margin-bottom: 0; }
  #cfp #writer .alert { padding-left: 30px; margin-bottom: 0; }
  #cfp #writer #editor-toolbar #uploadBtn .fa { font-size: 16px; }
  #cfp #writer #editor-toolbar .dropdown.expand-collapse { display: inline-block; }
  #cfp #writer #menu-bar { margin-top: 5px; }
  #cfp #writer #menu-bar .live-button-wrapper { display: inline-block; vertical-align: top; border-left: 1px solid #CCCCCC; padding-left: 15px; }
  #cfp #writer #menu-bar .live-button-wrapper .editor-real-time-buttons .online-status { font-size: 21px; }
  #cfp #writer #menu-bar .live-button-wrapper .editor-real-time-buttons a { height: 25px; width: 25px; }
  #cfp #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.primary, #cfp #writer #menu-bar .live-button-wrapper .editor-real-time-buttons.partner { display: inline-block; vertical-align: top; }
  #cfp #writer #menu-bar .editor-buttons { margin: 0; top: 4px; }
  #cfp #writer #menu-bar .editor-buttons .btn { margin: 0; }
  #cfp #writer #menu-bar .editor-buttons .btn.btn-warning, #cfp #writer #menu-bar .editor-buttons .btn.btn-send { color: #888888; }
  #cfp #writer .btn.btn-info:hover, #cfp #writer .btn.btn-info:active { color: #E0AB50; }
  #cfp #writer .form-group { margin-bottom: 0; }
  #cfp #writer #messages-bottom { margin-left: 0; right: 25px; margin-top: -33px; }
  #cfp #writer #editor-message { width: 100%; margin-top: 0; border: 0; border-radius: 0; min-height: 40px; height: auto; max-height: 300px; overflow-y: auto; position: relative; transition: 0s; }
  #cfp #writer-paste { width: 100%; margin: 0; padding: 0; }
  #cfp #writer-paste .form-group { margin-bottom: 0; }
  #cfp #writer-paste #editor-message-paste { width: 100%; margin-top: 0; border: 0; border-radius: 0; min-height: 40px; height: auto; max-height: 300px; overflow-y: auto; position: relative; transition: 0s; }
  #cfp #counseling-menu .todo-clients { margin-top: 0; }
  #cfp .modal-not-ready-btn { margin-top: 10px; font-size: 14px; width: 100%; }
  #cfp #modal-not-ready .btn { float: right; margin-right: 0; margin-top: 5px; } }

@media (max-width: 590px) { #cfp .client-promotions-writer { border-radius: 0; padding: 7px 30px; margin: -15px 0 0 0; height: auto; line-height: 1.4em; }
  #cfp .client-promotions-writer .close-banner { top: -10px; font-size: 21px; } }

@media (max-height: 850px) { #cfp #writer .form-control { max-height: 300px; } }

@media (max-height: 700px) { #cfp #writer .form-control { max-height: 200px; } }

@media (max-height: 550px) { #cfp #writer .form-control { min-height: 60px; max-height: 100px; } }

#advice_author .advice-blog .article_content .advice-author-portrait { margin-top: 30px; }

#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_author .advice-blog .article_content img, #author_list .advice-blog .article_content img, #advice_search .advice-blog .article_content 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 h3, #advice_author .advice-blog .category-list a h3, #author_list .advice-blog .category-list a h3, #advice_search .advice-blog .category-list a h3 { font-family: Lato, serif; color: #5faa41; font-size: 1.1em; margin-bottom: 10px; }

#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 .article_content #quiz_in_article, #advice_author .advice-blog .article_content #quiz_in_article, #author_list .advice-blog .article_content #quiz_in_article, #advice_search .advice-blog .article_content #quiz_in_article { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; margin-top: 20px; margin-bottom: 20px; }

#advice .advice-blog #quiz_at_bottom, #advice_author .advice-blog #quiz_at_bottom, #author_list .advice-blog #quiz_at_bottom, #advice_search .advice-blog #quiz_at_bottom { border-top: 1px solid #EEEEEE; margin-top: 20px; }

#advice .advice-blog #starts1, #advice .advice-blog #starts1a, #advice_author .advice-blog #starts1, #advice_author .advice-blog #starts1a, #author_list .advice-blog #starts1, #author_list .advice-blog #starts1a, #advice_search .advice-blog #starts1, #advice_search .advice-blog #starts1a { background-color: #e3ebf5; padding: 15px; min-height: 126px; margin: 0 0 30px 0; border-radius: 10px; }

#advice .advice-blog #starts1 .col-md-6, #advice .advice-blog #starts1a .col-md-6, #advice_author .advice-blog #starts1 .col-md-6, #advice_author .advice-blog #starts1a .col-md-6, #author_list .advice-blog #starts1 .col-md-6, #author_list .advice-blog #starts1a .col-md-6, #advice_search .advice-blog #starts1 .col-md-6, #advice_search .advice-blog #starts1a .col-md-6 { width: 100%; text-align: center; }

#advice .advice-blog #starts1 .login-link, #advice .advice-blog #starts1a .login-link, #advice_author .advice-blog #starts1 .login-link, #advice_author .advice-blog #starts1a .login-link, #author_list .advice-blog #starts1 .login-link, #author_list .advice-blog #starts1a .login-link, #advice_search .advice-blog #starts1 .login-link, #advice_search .advice-blog #starts1a .login-link { display: none; }

#advice .advice-blog #starts1 .slick-slider, #advice .advice-blog #starts1a .slick-slider, #advice_author .advice-blog #starts1 .slick-slider, #advice_author .advice-blog #starts1a .slick-slider, #author_list .advice-blog #starts1 .slick-slider, #author_list .advice-blog #starts1a .slick-slider, #advice_search .advice-blog #starts1 .slick-slider, #advice_search .advice-blog #starts1a .slick-slider { margin-bottom: 0; }

#advice .advice-blog #starts1 .slick-slider .countrya, #advice .advice-blog #starts1 .slick-slider .country, #advice .advice-blog #starts1a .slick-slider .countrya, #advice .advice-blog #starts1a .slick-slider .country, #advice_author .advice-blog #starts1 .slick-slider .countrya, #advice_author .advice-blog #starts1 .slick-slider .country, #advice_author .advice-blog #starts1a .slick-slider .countrya, #advice_author .advice-blog #starts1a .slick-slider .country, #author_list .advice-blog #starts1 .slick-slider .countrya, #author_list .advice-blog #starts1 .slick-slider .country, #author_list .advice-blog #starts1a .slick-slider .countrya, #author_list .advice-blog #starts1a .slick-slider .country, #advice_search .advice-blog #starts1 .slick-slider .countrya, #advice_search .advice-blog #starts1 .slick-slider .country, #advice_search .advice-blog #starts1a .slick-slider .countrya, #advice_search .advice-blog #starts1a .slick-slider .country { font-size: 16px; font-weight: normal; height: 34px; line-height: 30px; padding: 0px 17.5px; background-color: #5374c1; position: relative; top: -1px; left: 4px; }

#advice .advice-blog #starts1 .slick-slider .countrya:hover, #advice .advice-blog #starts1 .slick-slider .country:hover, #advice .advice-blog #starts1a .slick-slider .countrya:hover, #advice .advice-blog #starts1a .slick-slider .country:hover, #advice_author .advice-blog #starts1 .slick-slider .countrya:hover, #advice_author .advice-blog #starts1 .slick-slider .country:hover, #advice_author .advice-blog #starts1a .slick-slider .countrya:hover, #advice_author .advice-blog #starts1a .slick-slider .country:hover, #author_list .advice-blog #starts1 .slick-slider .countrya:hover, #author_list .advice-blog #starts1 .slick-slider .country:hover, #author_list .advice-blog #starts1a .slick-slider .countrya:hover, #author_list .advice-blog #starts1a .slick-slider .country:hover, #advice_search .advice-blog #starts1 .slick-slider .countrya:hover, #advice_search .advice-blog #starts1 .slick-slider .country:hover, #advice_search .advice-blog #starts1a .slick-slider .countrya:hover, #advice_search .advice-blog #starts1a .slick-slider .country:hover { background-color: #395287; }

#advice .advice-blog #starts1 .slick-slider .questionnaire-content-label, #advice .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice .advice-blog #starts1a .slick-slider .questionnaire-content-label, #advice .advice-blog #starts1a .slick-slider .questionnaire-content h2, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content-label, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content-label, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content h2, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content-label, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content h2, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content-label, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content h2, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content-label, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content-label, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content h2 { display: block; font-size: 1.2em; }

#advice .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #advice .advice-blog #starts1 .slick-slider .questionnaire-content h2 strong, #advice .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #advice .advice-blog #starts1a .slick-slider .questionnaire-content h2 strong, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content h2 strong, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content h2 strong, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content h2 strong, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content h2 strong, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content h2 strong, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content h2 strong { font-weight: 400; }

#advice .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice .advice-blog #starts1a .slick-slider .questionnaire-content h2, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content h2, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content h2, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content h2, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content h2 { margin-top: 10px; }

#advice .advice-blog #starts1 .slick-slider .form-group, #advice .advice-blog #starts1a .slick-slider .form-group, #advice_author .advice-blog #starts1 .slick-slider .form-group, #advice_author .advice-blog #starts1a .slick-slider .form-group, #author_list .advice-blog #starts1 .slick-slider .form-group, #author_list .advice-blog #starts1a .slick-slider .form-group, #advice_search .advice-blog #starts1 .slick-slider .form-group, #advice_search .advice-blog #starts1a .slick-slider .form-group { margin-bottom: 0; }

#advice .advice-blog #starts1 .slick-slider .form-group div, #advice .advice-blog #starts1a .slick-slider .form-group div, #advice_author .advice-blog #starts1 .slick-slider .form-group div, #advice_author .advice-blog #starts1a .slick-slider .form-group div, #author_list .advice-blog #starts1 .slick-slider .form-group div, #author_list .advice-blog #starts1a .slick-slider .form-group div, #advice_search .advice-blog #starts1 .slick-slider .form-group div, #advice_search .advice-blog #starts1a .slick-slider .form-group div { display: inline-block; }

#advice .advice-blog #starts1 .slick-slider .radio, #advice .advice-blog #starts1 .slick-slider .checkbox, #advice .advice-blog #starts1a .slick-slider .radio, #advice .advice-blog #starts1a .slick-slider .checkbox, #advice_author .advice-blog #starts1 .slick-slider .radio, #advice_author .advice-blog #starts1 .slick-slider .checkbox, #advice_author .advice-blog #starts1a .slick-slider .radio, #advice_author .advice-blog #starts1a .slick-slider .checkbox, #author_list .advice-blog #starts1 .slick-slider .radio, #author_list .advice-blog #starts1 .slick-slider .checkbox, #author_list .advice-blog #starts1a .slick-slider .radio, #author_list .advice-blog #starts1a .slick-slider .checkbox, #advice_search .advice-blog #starts1 .slick-slider .radio, #advice_search .advice-blog #starts1 .slick-slider .checkbox, #advice_search .advice-blog #starts1a .slick-slider .radio, #advice_search .advice-blog #starts1a .slick-slider .checkbox { display: inline-block; background-color: #5374c1; padding: 10px 15px; border-radius: 5px; color: white; cursor: pointer; margin-right: 10px; font-weight: normal; }

#advice .advice-blog #starts1 .slick-slider .radio:hover, #advice .advice-blog #starts1 .slick-slider .checkbox:hover, #advice .advice-blog #starts1a .slick-slider .radio:hover, #advice .advice-blog #starts1a .slick-slider .checkbox:hover, #advice_author .advice-blog #starts1 .slick-slider .radio:hover, #advice_author .advice-blog #starts1 .slick-slider .checkbox:hover, #advice_author .advice-blog #starts1a .slick-slider .radio:hover, #advice_author .advice-blog #starts1a .slick-slider .checkbox:hover, #author_list .advice-blog #starts1 .slick-slider .radio:hover, #author_list .advice-blog #starts1 .slick-slider .checkbox:hover, #author_list .advice-blog #starts1a .slick-slider .radio:hover, #author_list .advice-blog #starts1a .slick-slider .checkbox:hover, #advice_search .advice-blog #starts1 .slick-slider .radio:hover, #advice_search .advice-blog #starts1 .slick-slider .checkbox:hover, #advice_search .advice-blog #starts1a .slick-slider .radio:hover, #advice_search .advice-blog #starts1a .slick-slider .checkbox:hover { background-color: #395287; }

#advice .advice-blog #starts1 .slick-slider .btn-block, #advice .advice-blog #starts1a .slick-slider .btn-block, #advice_author .advice-blog #starts1 .slick-slider .btn-block, #advice_author .advice-blog #starts1a .slick-slider .btn-block, #author_list .advice-blog #starts1 .slick-slider .btn-block, #author_list .advice-blog #starts1a .slick-slider .btn-block, #advice_search .advice-blog #starts1 .slick-slider .btn-block, #advice_search .advice-blog #starts1a .slick-slider .btn-block { background-color: #5374c1; padding: 10px 15px; border-radius: 5px; color: white; display: inline-block; height: 34px; width: 20%; font-size: 16px; border-width: 0; line-height: 16px; cursor: pointer; font-weight: normal; }

#advice .advice-blog #starts1 .slick-slider .btn-block:hover, #advice .advice-blog #starts1a .slick-slider .btn-block:hover, #advice_author .advice-blog #starts1 .slick-slider .btn-block:hover, #advice_author .advice-blog #starts1a .slick-slider .btn-block:hover, #author_list .advice-blog #starts1 .slick-slider .btn-block:hover, #author_list .advice-blog #starts1a .slick-slider .btn-block:hover, #advice_search .advice-blog #starts1 .slick-slider .btn-block:hover, #advice_search .advice-blog #starts1a .slick-slider .btn-block:hover { background-color: #395287; }

#advice .advice-blog #starts1 .slick-slider input[type="radio"], #advice .advice-blog #starts1a .slick-slider input[type="radio"], #advice_author .advice-blog #starts1 .slick-slider input[type="radio"], #advice_author .advice-blog #starts1a .slick-slider input[type="radio"], #author_list .advice-blog #starts1 .slick-slider input[type="radio"], #author_list .advice-blog #starts1a .slick-slider input[type="radio"], #advice_search .advice-blog #starts1 .slick-slider input[type="radio"], #advice_search .advice-blog #starts1a .slick-slider input[type="radio"] { visibility: hidden; }

#advice .advice-blog #starts1 .slick-slider .slick-slide.next, #advice .advice-blog #starts1a .slick-slider .slick-slide.next, #advice_author .advice-blog #starts1 .slick-slider .slick-slide.next, #advice_author .advice-blog #starts1a .slick-slider .slick-slide.next, #author_list .advice-blog #starts1 .slick-slider .slick-slide.next, #author_list .advice-blog #starts1a .slick-slider .slick-slide.next, #advice_search .advice-blog #starts1 .slick-slider .slick-slide.next, #advice_search .advice-blog #starts1a .slick-slider .slick-slide.next { float: left; }

#advice .advice-blog #starts1 .slick-slider select.form-control, #advice .advice-blog #starts1a .slick-slider select.form-control, #advice_author .advice-blog #starts1 .slick-slider select.form-control, #advice_author .advice-blog #starts1a .slick-slider select.form-control, #author_list .advice-blog #starts1 .slick-slider select.form-control, #author_list .advice-blog #starts1a .slick-slider select.form-control, #advice_search .advice-blog #starts1 .slick-slider select.form-control, #advice_search .advice-blog #starts1a .slick-slider select.form-control { min-width: 220px; margin-top: 10px; }

#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.lightblue, #advice_author .article-cta.lightblue, #author_list .article-cta.lightblue, #advice_search .article-cta.lightblue { background-color: #EEEEEE; border: 1px solid #CCCCCC; }

#advice .article-cta.lightblue .btn, #advice_author .article-cta.lightblue .btn, #author_list .article-cta.lightblue .btn, #advice_search .article-cta.lightblue .btn { color: white; background-color: #35b0dd; }

#advice .article-cta.lightblue .btn:hover, #advice_author .article-cta.lightblue .btn:hover, #author_list .article-cta.lightblue .btn:hover, #advice_search .article-cta.lightblue .btn:hover { background-color: #24a5d5; }

#advice .article-cta.blue, #advice_author .article-cta.blue, #author_list .article-cta.blue, #advice_search .article-cta.blue { background-color: #EEEEEE; border: 1px solid #CCCCCC; }

#advice .article-cta.blue .btn, #advice_author .article-cta.blue .btn, #author_list .article-cta.blue .btn, #advice_search .article-cta.blue .btn { color: white; background-color: #3872dc; }

#advice .article-cta.blue .btn:hover, #advice_author .article-cta.blue .btn:hover, #author_list .article-cta.blue .btn:hover, #advice_search .article-cta.blue .btn:hover { background-color: #2564d5; }

#advice .article-cta.yellow, #advice_author .article-cta.yellow, #author_list .article-cta.yellow, #advice_search .article-cta.yellow { background-color: #F5F5F5; border: 1px solid #CCCCCC; }

#advice .article-cta.yellow .btn, #advice_author .article-cta.yellow .btn, #author_list .article-cta.yellow .btn, #advice_search .article-cta.yellow .btn { color: #444444; background-color: #fad077; }

#advice .article-cta.yellow .btn:hover, #advice_author .article-cta.yellow .btn:hover, #author_list .article-cta.yellow .btn:hover, #advice_search .article-cta.yellow .btn:hover { background-color: #f9c85e; }

#advice .article-cta.orange, #advice_author .article-cta.orange, #author_list .article-cta.orange, #advice_search .article-cta.orange { background-color: #F5F5F5; border: 1px solid #CCCCCC; }

#advice .article-cta.orange .btn, #advice_author .article-cta.orange .btn, #author_list .article-cta.orange .btn, #advice_search .article-cta.orange .btn { color: #444444; background-color: #fca243; }

#advice .article-cta.orange .btn:hover, #advice_author .article-cta.orange .btn:hover, #author_list .article-cta.orange .btn:hover, #advice_search .article-cta.orange .btn:hover { background-color: #fc962a; }

#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; 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_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_author .advice-blog .article_content img, #author_list .advice-blog .article_content img, #advice_search .advice-blog .article_content 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 .advice-blog #starts1, #advice .advice-blog #starts1a, #advice_author .advice-blog #starts1, #advice_author .advice-blog #starts1a, #author_list .advice-blog #starts1, #author_list .advice-blog #starts1a, #advice_search .advice-blog #starts1, #advice_search .advice-blog #starts1a { padding: 15px; min-height: 110px; }
  #advice .advice-blog #starts1 .col-md-6, #advice .advice-blog #starts1a .col-md-6, #advice_author .advice-blog #starts1 .col-md-6, #advice_author .advice-blog #starts1a .col-md-6, #author_list .advice-blog #starts1 .col-md-6, #author_list .advice-blog #starts1a .col-md-6, #advice_search .advice-blog #starts1 .col-md-6, #advice_search .advice-blog #starts1a .col-md-6 { padding-left: 0; padding-right: 0; }
  #advice .advice-blog #starts1 .slick-slider .form-group div, #advice .advice-blog #starts1a .slick-slider .form-group div, #advice_author .advice-blog #starts1 .slick-slider .form-group div, #advice_author .advice-blog #starts1a .slick-slider .form-group div, #author_list .advice-blog #starts1 .slick-slider .form-group div, #author_list .advice-blog #starts1a .slick-slider .form-group div, #advice_search .advice-blog #starts1 .slick-slider .form-group div, #advice_search .advice-blog #starts1a .slick-slider .form-group div { display: block; }
  #advice .advice-blog #starts1 .slick-slider .radio, #advice .advice-blog #starts1 .slick-slider .checkbox, #advice .advice-blog #starts1 .slick-slider .countrya, #advice .advice-blog #starts1 .slick-slider .country, #advice .advice-blog #starts1a .slick-slider .radio, #advice .advice-blog #starts1a .slick-slider .checkbox, #advice .advice-blog #starts1a .slick-slider .countrya, #advice .advice-blog #starts1a .slick-slider .country, #advice_author .advice-blog #starts1 .slick-slider .radio, #advice_author .advice-blog #starts1 .slick-slider .checkbox, #advice_author .advice-blog #starts1 .slick-slider .countrya, #advice_author .advice-blog #starts1 .slick-slider .country, #advice_author .advice-blog #starts1a .slick-slider .radio, #advice_author .advice-blog #starts1a .slick-slider .checkbox, #advice_author .advice-blog #starts1a .slick-slider .countrya, #advice_author .advice-blog #starts1a .slick-slider .country, #author_list .advice-blog #starts1 .slick-slider .radio, #author_list .advice-blog #starts1 .slick-slider .checkbox, #author_list .advice-blog #starts1 .slick-slider .countrya, #author_list .advice-blog #starts1 .slick-slider .country, #author_list .advice-blog #starts1a .slick-slider .radio, #author_list .advice-blog #starts1a .slick-slider .checkbox, #author_list .advice-blog #starts1a .slick-slider .countrya, #author_list .advice-blog #starts1a .slick-slider .country, #advice_search .advice-blog #starts1 .slick-slider .radio, #advice_search .advice-blog #starts1 .slick-slider .checkbox, #advice_search .advice-blog #starts1 .slick-slider .countrya, #advice_search .advice-blog #starts1 .slick-slider .country, #advice_search .advice-blog #starts1a .slick-slider .radio, #advice_search .advice-blog #starts1a .slick-slider .checkbox, #advice_search .advice-blog #starts1a .slick-slider .countrya, #advice_search .advice-blog #starts1a .slick-slider .country { margin: 5px auto; width: 90%; padding: 7px 10px; }
  #advice .advice-blog #starts1 .slick-slider .country, #advice .advice-blog #starts1 .slick-slider .countrya, #advice .advice-blog #starts1a .slick-slider .country, #advice .advice-blog #starts1a .slick-slider .countrya, #advice_author .advice-blog #starts1 .slick-slider .country, #advice_author .advice-blog #starts1 .slick-slider .countrya, #advice_author .advice-blog #starts1a .slick-slider .country, #advice_author .advice-blog #starts1a .slick-slider .countrya, #author_list .advice-blog #starts1 .slick-slider .country, #author_list .advice-blog #starts1 .slick-slider .countrya, #author_list .advice-blog #starts1a .slick-slider .country, #author_list .advice-blog #starts1a .slick-slider .countrya, #advice_search .advice-blog #starts1 .slick-slider .country, #advice_search .advice-blog #starts1 .slick-slider .countrya, #advice_search .advice-blog #starts1a .slick-slider .country, #advice_search .advice-blog #starts1a .slick-slider .countrya { margin-top: 10px; width: 30%; line-height: 18px; }
  #advice .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice .advice-blog #starts1a .slick-slider .questionnaire-content h2, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content h2, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content h2, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content h2, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content h2, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content h2 { font-size: 1.1em; }
  #advice .advice-blog #starts1 .slick-slider .btn-block, #advice .advice-blog #starts1a .slick-slider .btn-block, #advice_author .advice-blog #starts1 .slick-slider .btn-block, #advice_author .advice-blog #starts1a .slick-slider .btn-block, #author_list .advice-blog #starts1 .slick-slider .btn-block, #author_list .advice-blog #starts1a .slick-slider .btn-block, #advice_search .advice-blog #starts1 .slick-slider .btn-block, #advice_search .advice-blog #starts1a .slick-slider .btn-block { width: 30%; line-height: 15px; }
  #advice .advice-blog #starts1 .slick-slider .questionnaire-content-label, #advice .advice-blog #starts1a .slick-slider .questionnaire-content-label, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content-label, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content-label, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content-label, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content-label, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content-label, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content-label { font-size: 1em; }
  #advice .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #advice .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #advice_author .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #advice_author .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #author_list .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #author_list .advice-blog #starts1a .slick-slider .questionnaire-content-label strong, #advice_search .advice-blog #starts1 .slick-slider .questionnaire-content-label strong, #advice_search .advice-blog #starts1a .slick-slider .questionnaire-content-label strong { font-weight: bold; }
  #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; } }

#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%; }

.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: 3px; width: 100%; }

.videosession-mini #video-session-container { height: 258px; width: 344px; left: 3px; top: 3px; bottom: 70px; position: absolute; }

.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: 10px; left: 50%; transform: translate(-50%, 0); }

.videosession-standard #videosession-controls-container .button-row { bottom: 6px; }

.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; 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; }

#pip-click-for-small { position: absolute; bottom: 5px; left: 50px; 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; }

#financialaid { background-color: #F5F5F5; }

#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 .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; }

#counselor_application .toggle-controls { position: relative; display: flex; height: 300px; max-width: inherit; margin: auto; }

#counselor_application .toggle-controls i { opacity: 0.8; }

#counselor_application .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/counselor-working.jpg"); background-position: center center; }

#counselor_application .banner-intro .subtitle-text { font-size: 20px; }

#counselor_application .banner-intro.darken { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/counselor-working.jpg"); }

#counselor_application video { max-height: 100%; max-width: 100%; }

#counselor_application section { padding: 40px 0; }

#counselor_application section h2 { text-align: center; font-family: Roboto Slab, serif; font-style: normal; font-weight: 400; margin: 0 0 30px 0; padding: 0; font-size: 1.7em; }

#counselor_application .video-testimonial { padding: 20px 0px 40px 0px; }

#counselor_application .why-and-apply { background-color: #fafaf0; }

#counselor_application .why-and-apply .apply-form { background-color: transparent; }

#counselor_application .why-and-apply .apply-form h2 { margin-bottom: 10px; }

#counselor_application .why-and-apply .apply-details img { max-width: 100px; }

#counselor_application .counselor-earnings { background: #6AA371; color: white; }

#counselor_application .counselor-earnings p { font-size: 16px; }

#counselor_application .counselor-earnings h2 { text-align: left; }

#counselor_application .counselor-earnings .margin-right { margin-right: 10px; }

#counselor_application .counselor-earnings a { color: #8A8A85; font-size: 20px; }

#counselor_application .testimonial-in-quotes .testimonials .slick-slider .slide { height: 270px; }

#counselor_application .requirements ul { padding-left: 0; }

#counselor_application .apply-subhead { background-color: #fafaf0; text-align: center; }

#counselor_application .apply-subhead h2 { margin: 0 0 20px 0; }

#counselor_application .apply-subhead h3 { margin-top: 0; }

#counselor_application .apply-subhead p { max-width: 600px; display: block; margin: 20px auto; }

#counselor_application .apply-details h2 { text-align: left; margin: 0 0 15px 0; }

#counselor_application .apply-details h3 { margin-top: 0; margin-bottom: 0; }

#counselor_application .apply-details p { margin-bottom: 30px; }

#counselor_application .apply-details img { width: 100%; max-width: 80px; }

#counselor_application .apply-form { background-color: #E2F8F9; }

#counselor_application .apply-form form { background-color: white; border-radius: 10px; padding: 20px; border: 1px solid #DDDDDD; }

#counselor_application .apply-form button { margin: 0 auto; display: block; }

#counselor_application_faq h2 { padding-top: 20px; }

#counselor_application_faq .panel .panel-heading { font-size: 18px; margin-bottom: 20px; display: block; color: #5faa41; font-weight: 700; text-decoration: none !important; outline: 0 !important; padding-left: 20px; }

#counselor_application_faq .panel .panel-heading .panel-title { display: inline; }

#counselor_application_faq .panel .panel-heading.collapsed { color: #444444; font-weight: 400; }

#counselor_application_faq .panel .panel-heading.collapsed:before { content: "\f105"; margin-right: 10px; font-family: 'FontAwesome'; margin-left: -20px; }

#counselor_application_faq .panel .panel-heading:before { content: "\f107"; margin-right: 4px; font-family: 'FontAwesome'; color: #444444; font-weight: 400; margin-left: -20px; }

#counselor_application_faq .panel .panel-heading:hover { text-decoration: none; color: #5faa41; }

#counselor_application_faq .panel .panel-body { margin-bottom: 40px; display: block; padding-left: 20px; }

#counselor_application_faq .panel .panel-body table { border-color: #DDDDDD; }

#counselor_application_faq .panel .panel-body table th, #counselor_application_faq .panel .panel-body table td { padding: 10px; border-color: #DDDDDD; }

#counselor-funnel { background-color: white; border-radius: 10px; padding: 20px; border: 1px solid #DDDDDD; }

#counselor-funnel .slick-slider { margin-bottom: 0; }

#counselor-funnel .counselor_question { font-size: 16px; }

#counselor-funnel .counselor_question .slider-next-select, #counselor-funnel .counselor_question .slider-next-check { padding-left: 25px; font-weight: normal; }

#counselor-funnel .counselor_question .form-group { margin-bottom: 10px; }

#counselor-funnel .counselor_question .radio, #counselor-funnel .counselor_question .checkbox { margin-top: 15px; margin-bottom: 15px; cursor: pointer; }

#counselor-funnel .counselor_question .radio input[type="checkbox"], #counselor-funnel .counselor_question .radio input[type="radio"], #counselor-funnel .counselor_question .checkbox input[type="checkbox"], #counselor-funnel .counselor_question .checkbox input[type="radio"] { top: 3px; }

#counselor-funnel .counselor_question .questionnaire-content-label, #counselor-funnel .counselor_question .questionnaire-content h2.end-questionnaire { font-size: 26px; font-family: 'Lato', serif; font-weight: bold; line-height: 1.4em; }

#counselor-earnings-calculator { background-color: #fafaf0; border-radius: 10px; padding: 15px 20px; font-size: 16px; color: #444444; }

#counselor-earnings-calculator label { font-weight: normal; }

#counselor-earnings-calculator input[type="radio"] { cursor: pointer; }

#counselor-earnings-calculator .range-wrap { position: relative; margin: 20px auto; font-size: 14px; }

#counselor-earnings-calculator .range-wrap .margin-top { margin-top: 10px; }

#counselor-earnings-calculator .range-wrap .margin-top .center { position: relative; top: 3px; }

#counselor-earnings-calculator .range { width: 100%; }

#counselor-earnings-calculator .bubble { color: black; padding: 4px 12px; position: absolute; border-radius: 4px; left: 50%; top: -32px; transform: translateX(-50%); }

#counselor-earnings-calculator .tooltip { line-height: 1.4em; }

#counselor-earnings-calculator h3 { margin: 0; font-size: 20px; display: inline-block; }

#counselor-earnings-calculator .padding-right { padding-right: 10px; }

#counselor-earnings-calculator .margin-bottom { margin-bottom: 22px; }

#counselor-earnings-calculator .employment-type { margin-bottom: 15px; }

#counselor-earnings-calculator .range-slider { margin: 60px 0 0 0%; }

#counselor-earnings-calculator .range-slider-range { -webkit-appearance: none; width: 100%; height: 8px; border-radius: 5px; outline: none; padding: 0; margin: 0; }

#counselor-earnings-calculator .range-slider-range::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #F1F1F1; border: 2px solid #A1A1A1; cursor: pointer; transition: background .15s ease-in-out; }

#counselor-earnings-calculator .range-slider-range::-moz-range-thumb { -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid #A1A1A1; border-radius: 50%; background: #F1F1F1; cursor: pointer; transition: background .15s ease-in-out; }

#counselor-earnings-calculator .earnings-amount-container { margin-left: 5px; color: #3769A9; display: inline-block; }

#counselor_complete_signup .form-group { margin-bottom: 20px; }

#counselor_complete_signup .form-horizontal .control-label { text-align: left; padding-bottom: 5px; padding-top: 0; }

#counselor_complete_signup .block .checkbox { padding-left: 20px; }

#counselor_complete_signup #upload_resume, #counselor_complete_signup #file_name { font-weight: normal; }

#counselor_complete_signup .help-text { color: #888888; font-weight: normal; }

@media (max-width: 767px) { #counselor_application .toggle-controls { height: auto; }
  #counselor_application .banner-intro .subtitle-text { font-size: 16px; }
  #counselor_application section { padding: 30px 0; }
  #counselor_application section h2 { font-size: 1.4em; margin: 0 0 15px 0; }
  #counselor_application section h2.mtop20-xs { margin-top: 20px; }
  #counselor_application .why-and-apply .apply-details h2 { margin-top: 40px; margin-bottom: 20px; text-align: center; }
  #counselor_application .requirements ul { padding-left: 20px; }
  #counselor_application .testimonial-in-quotes .testimonial-highlight { font-size: 1.4em; }
  #counselor_application .testimonial-in-quotes .testimonials .slick-slider .slide { height: 265px; }
  #counselor_application_faq .panel .panel-heading { font-size: 14px; }
  #counselor_application_faq .panel .panel-body { padding-left: 0; }
  #counselor-funnel .counselor_question .questionnaire-content-label, #counselor-funnel .counselor_question .questionnaire-content h2.end-questionnaire { font-size: 22px; }
  #counselor-earnings-calculator .range-wrap { font-size: 12px; } }

@media (max-width: 576px) { #counselor_application .testimonial-in-quotes .testimonial-highlight { font-size: 1.1em; }
  #counselor_application .testimonial-in-quotes .testimonials .slick-slider .slide { height: 300px; }
  #counselor_application .testimonial-in-quotes .testimonials div.slide table.counselor .user-icon { height: 60px; width: 60px; }
  #counselor-earnings-calculator .employment-type .type-title { display: block; } }

#therapists { background-color: #F5F5F5; }

#therapists .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("//dy7glz37jgl0b.cloudfront.net/advice/supporting-hands.jpg"); }

#therapists .geo-popular-cities { background-image: linear-gradient(rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.78)), url("//dy7glz37jgl0b.cloudfront.net/advice/city-map-bg-light.jpg"); }

#therapists .sub-section, #therapists_filtered .sub-section { padding: 30px 0; }

#therapists .sub-section h2, #therapists_filtered .sub-section h2 { margin-top: 0; }

#therapists .geo-partners, #therapists_filtered .geo-partners { border-radius: 5px; }

#therapists .geo-partners h2, #therapists_filtered .geo-partners h2 { text-align: left; }

#therapists .geo-partners .center-button, #therapists_filtered .geo-partners .center-button { margin: 0 auto 20px auto; text-align: center; }

#therapists .geo-reviews, #therapists_filtered .geo-reviews { background-color: white; }

#therapists .geo-reviews .testimonials, #therapists_filtered .geo-reviews .testimonials { text-align: center; padding: 30px; z-index: 5; }

#therapists .geo-reviews .testimonials .slide, #therapists_filtered .geo-reviews .testimonials .slide { display: none; outline: none !important; }

#therapists .geo-reviews .testimonials .slide:first-child, #therapists_filtered .geo-reviews .testimonials .slide:first-child { display: block; }

#therapists .geo-reviews .testimonials .slick-slider .slide, #therapists_filtered .geo-reviews .testimonials .slick-slider .slide { display: block; }

#therapists .geo-reviews .testimonials .slick-dots li button:before, #therapists_filtered .geo-reviews .testimonials .slick-dots li button:before { color: #888888; }

#therapists .geo-reviews .testimonials .slick-dots li.slick-active button:before, #therapists_filtered .geo-reviews .testimonials .slick-dots li.slick-active button:before { color: #5faa41; }

#therapists .geo-reviews .testimonials div.slide table.counselor, #therapists_filtered .geo-reviews .testimonials div.slide table.counselor { display: inline-block; margin-left: 10px; text-align: left; font-weight: 700; font-size: 16px; color: #444444; }

#therapists .geo-reviews .testimonials div.slide table.counselor td.intro, #therapists_filtered .geo-reviews .testimonials div.slide table.counselor td.intro { font-weight: 400; padding-right: 10px; }

#therapists .geo-reviews .testimonials div.slide table.counselor .user-icon, #therapists_filtered .geo-reviews .testimonials div.slide table.counselor .user-icon { height: 70px; width: 70px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

#therapists .geo-reviews .testimonials div.slide table.counselor span.credentials, #therapists_filtered .geo-reviews .testimonials div.slide table.counselor span.credentials { display: block; color: #444444; font-weight: 400; }

#therapists .geo-reviews .testimonials div.slide span.author, #therapists_filtered .geo-reviews .testimonials div.slide span.author { color: #444444; font-weight: bold; }

#therapists .geo-reviews .testimonials div.slide p.text, #therapists_filtered .geo-reviews .testimonials div.slide p.text { margin-bottom: 0; }

#therapists h2, #therapists_state h2, #therapists_city h2, #therapists_filtered h2 { font-size: 1.7em; }

#therapists .banner-intro, #therapists_state .banner-intro, #therapists_city .banner-intro, #therapists_filtered .banner-intro { height: auto; }

#therapists .banner-intro .banner-intro-title, #therapists_state .banner-intro .banner-intro-title, #therapists_city .banner-intro .banner-intro-title, #therapists_filtered .banner-intro .banner-intro-title { padding: 85px 0; }

.banner-intro .geo-search-wrapper { margin-top: 20px; }

.banner-intro .geo-search-wrapper #geo-search .form-control { height: 40px; border-radius: 5px 0 0 5px; width: 200px; }

.banner-intro .geo-search-wrapper #geo-search .btn { border-radius: 0 5px 5px 0; height: 40px; position: relative; left: -4px; background-color: #5faa41; }

.banner-intro .geo-search-wrapper #geo-search .btn:hover { background-color: #599e3d; }

.geo-search-results h2 { margin-bottom: 0; }

.geo-search-results ul { padding-left: 0; }

.geo-search-results ul li { list-style-type: none; width: 33%; font-size: 16px; display: inline-block; }

.article-cta { margin: 35px auto 0 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; }

.article-cta span { display: inline-block; position: relative; top: 3px; }

.article-cta a { margin-top: 10px; }

.geo-popular-cities { padding: 30px 0; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("//dy7glz37jgl0b.cloudfront.net/advice/city-map-bg-light.jpg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.geo-popular-cities ul { padding-left: 0; }

.geo-popular-cities ul li { list-style-type: none; width: 33%; display: inline-block; line-height: 1.8em; font-size: 16px; }

.geo-popular-cities h2 { margin-top: 0; }

.geo-therapist-list { background-color: #F5F5F5; padding: 30px 0; }

.geo-therapist-list .custom-state-content { margin-bottom: 20px; }

.geo-therapist-list .therapist-wrap { margin-bottom: 20px; padding: 20px; border: 1px solid #DDDDDD; border-radius: 5px; background-color: white; }

.geo-therapist-list .therapist-photo, .geo-therapist-list .therapist-info { display: inline-block; vertical-align: top; }

.geo-therapist-list .therapist-name { font-size: 18px; }

.geo-therapist-list .therapist-photo { width: 20%; }

.geo-therapist-list .therapist-photo img { margin-bottom: 20px; }

.geo-therapist-list .therapist-info { width: 79%; padding-left: 20px; padding-right: 20px; }

.geo-therapist-list .therapist-cta .btn { display: block; }

.geo-therapist-list .therapist-cta .btn:first-child { background-color: #5faa41; margin-bottom: 10px; }

.geo-therapist-list .therapist-cta .btn:first-child:hover { background-color: #599e3d; }

#therapists_filtered .geo-faq { background-color: #F5F5F5; }

#therapists_state .banner-intro, #therapists_filtered .banner-intro { background-image: url("//dy7glz37jgl0b.cloudfront.net/advice/state-bg.jpg"); }

#therapists_state .therapists-filters, #therapists_filtered .therapists-filters { margin-bottom: 20px; z-index: 9; }

#therapists_state .therapists-filters .dropdown-backdrop, #therapists_filtered .therapists-filters .dropdown-backdrop { z-index: 0; }

@media (max-width: 767px) { #therapists_state .therapists-filters, #therapists_filtered .therapists-filters { position: sticky; background-color: #F5F5F5; margin: 0 -20px; padding: 10px 20px; }
  #therapists_state .therapists-filters .filter-title, #therapists_filtered .therapists-filters .filter-title { display: block; padding-bottom: 5px; }
  #therapists_state .therapists-filters .specialties-div, #therapists_state .therapists-filters .preferences-div, #therapists_state .therapists-filters .state-div, #therapists_filtered .therapists-filters .specialties-div, #therapists_filtered .therapists-filters .preferences-div, #therapists_filtered .therapists-filters .state-div { display: inline-block; }
  #therapists_state .therapists-filters .specialties-div, #therapists_state .therapists-filters .preferences-div, #therapists_filtered .therapists-filters .specialties-div, #therapists_filtered .therapists-filters .preferences-div { margin-bottom: 3px; }
  #therapists_state .therapists-filters .multiselect-container, #therapists_filtered .therapists-filters .multiselect-container { width: 60px; }
  #therapists_state .therapists-filters .multiselect-container li a label, #therapists_filtered .therapists-filters .multiselect-container li a label { white-space: pre-wrap; }
  #therapists_state .therapists-filters .multiselect-native-select .btn-group, #therapists_filtered .therapists-filters .multiselect-native-select .btn-group { max-width: 100px; }
  #therapists_state .therapists-filters .btn-group button, #therapists_filtered .therapists-filters .btn-group button { margin-left: 0; margin-right: 5px; } }

@media (min-width: 768px) { #therapists_state .therapists-filters .specialties-div, #therapists_state .therapists-filters .preferences-div, #therapists_state .therapists-filters .state-div, #therapists_filtered .therapists-filters .specialties-div, #therapists_filtered .therapists-filters .preferences-div, #therapists_filtered .therapists-filters .state-div { display: inline; } }

#therapists_state .therapists-filters .filter-title, #therapists_filtered .therapists-filters .filter-title { padding-right: 5px; }

#therapists_state .therapists-filters button, #therapists_state .therapists-filters .multiselect-reset .btn, #therapists_filtered .therapists-filters button, #therapists_filtered .therapists-filters .multiselect-reset .btn { padding: 6px 10px; background-color: white; color: #444444; font-weight: normal; border: 1px solid #DDDDDD; border-radius: 5px; height: 31px; font-size: 13px; line-height: 14px; }

#therapists_state .therapists-filters button .caret, #therapists_state .therapists-filters .multiselect-reset .btn .caret, #therapists_filtered .therapists-filters button .caret, #therapists_filtered .therapists-filters .multiselect-reset .btn .caret { margin-left: 4px; }

#therapists_state .therapists-filters button:hover, #therapists_state .therapists-filters .multiselect-reset .btn:hover, #therapists_filtered .therapists-filters button:hover, #therapists_filtered .therapists-filters .multiselect-reset .btn:hover { background-color: #f7f7f7; }

#therapists_state .therapists-filters .multiselect-reset .btn, #therapists_filtered .therapists-filters .multiselect-reset .btn { line-height: 17px; width: 100px; }

#therapists_state .therapists-filters .multiselect-container, #therapists_filtered .therapists-filters .multiselect-container { border: 1px solid #DDDDDD; border-radius: 5px; padding: 5px 0; font-size: 13px; background-color: white; z-index: 8; }

#therapists_state .therapists-filters .multiselect-container li a label, #therapists_filtered .therapists-filters .multiselect-container li a label { padding-left: 30px; padding-right: 10px; }

#therapists_state .therapists-filters .multiselect-native-select, #therapists_filtered .therapists-filters .multiselect-native-select { margin: 0 3px; }

@media (max-width: 320px) { #therapists_state .therapists-filters, #therapists_filtered .therapists-filters { padding: 10px; }
  #therapists_state .therapists-filters button, #therapists_state .therapists-filters .multiselect-reset .btn, #therapists_filtered .therapists-filters button, #therapists_filtered .therapists-filters .multiselect-reset .btn { padding: 6px; }
  #therapists_state .therapists-filters .multiselect-native-select, #therapists_filtered .therapists-filters .multiselect-native-select { margin: 0; } }

#therapists_city .banner-intro { background-image: linear-gradient(rgba(18, 77, 90, 0.8), rgba(18, 77, 90, 0.8)), url(//dy7glz37jgl0b.cloudfront.net/advice/city-bg.jpg); background-position: center bottom; }

@media (max-width: 991px) { .article-cta span { position: static; }
  .article-cta a { display: block; height: auto; white-space: initial; padding: 10px; margin-top: 15px; margin-left: 0; line-height: 1.4em; } }

@media (min-width: 768px) and (max-width: 991px) { .geo-therapist-list .therapist-cta .btn { font-size: 13.5px; } }

@media (max-width: 767px) { #therapists .banner-intro .geo-search-wrapper #geo-search .form-control { display: inline-block; }
  #therapists .banner-intro .geo-search-wrapper #geo-search .btn { top: -2px; }
  #therapists .banner-intro, #therapists_city .banner-intro, #therapists_state .banner-intro, #therapists_filtered .banner-intro { height: auto; }
  #therapists .banner-intro .banner-intro-title, #therapists_city .banner-intro .banner-intro-title, #therapists_state .banner-intro .banner-intro-title, #therapists_filtered .banner-intro .banner-intro-title { padding: 60px 0; }
  .geo-popular-cities ul li { width: 49%; }
  .geo-therapist-list .therapist-wrap .therapist-photo { width: 22%; }
  .geo-therapist-list .therapist-wrap .therapist-info-wrap { display: inline-block; padding-left: 10px; width: 75%; }
  .geo-therapist-list .therapist-info { width: 100%; display: block; padding: 0; } }

#previousmessages .block { max-height: 550px; padding: 0 15px; overflow-y: scroll; border: 1px solid #DDDDDD; background-color: #EEEEEE; border-radius: 5px; }

#previousmessages .block .message-bg { margin-top: 15px; border-radius: 5px; padding: 15px; margin-bottom: 20px; line-height: 1.8; overflow: auto; background-color: rgba(5, 187, 211, 0.15); }

@media (max-width: 767px) { #previousmessages .block { max-height: 470px; } }

#main header { background-color: transparent; border-bottom: 0; box-shadow: none; transition: all 0.2s ease-in-out; }

#main header ul.right > a > li { color: white; }

#main header ul.right > a > li:hover { color: #F5F5F5; }

#main header ul.main > a > li { color: white; }

#main header ul.right .btn-info { color: white; }

#main header ul.right > li { color: white; }

#main header .header-cta { display: none; }

#main header.scroll-header { background-color: white; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05); border-bottom: 2px solid #DDDDDD; }

#main header.scroll-header ul.right > a > li { color: #888888; }

#main header.scroll-header ul.right > a > li:hover { color: #444444; }

#main header.scroll-header ul.main > a > li { color: #444444; }

#main header.scroll-header ul.main > a > li:hover { color: #444444; }

#main header.scroll-header ul.right .btn-info { color: #888888; }

#main header.scroll-header ul.right > li { color: #888888; }

#main header.scroll-header ul.right > li:hover { color: #444444; }

#main .btn-success { font-size: 17px; border-width: 2px; height: 45px; line-height: 42px; padding: 0 40.5px; }

#main .hidden-mobile { display: block; }

#main .show-mobile { display: none; }

#main .hero-wrapper { background-color: #445282; -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: -100px; text-align: center; display: table; }

#main .hero-wrapper .hero { color: white; display: table-cell; text-align: center; position: relative; vertical-align: middle; }

#main .hero-wrapper .hero h1 { font-weight: 300; font-family: "Roboto Slab", serif; margin: 0 auto; width: 90%; text-align: center; font-size: 2.8em; }

#main .hero-wrapper .hero h2 { font-weight: normal; font-size: 1.4em; margin: 10px 0 20px 0; }

#main .hero-wrapper .hero .down-arrow { position: absolute; bottom: 10px; width: 100%; }

#main .hero-wrapper .hero .down-arrow img { width: 80px; cursor: pointer; }

#main .hero-wrapper .hero .down-arrow img:hover { opacity: 0.6; }

#main .hero-wrapper.hands-support { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("//dy7glz37jgl0b.cloudfront.net/home/betterhelp/hero-bg.jpg"); }

#main .hero-wrapper .cta-question { font-size: 1.4em; padding-top: 20px; width: 70%; margin: 0 auto 20px auto; }

#main .hero-wrapper .button-inline-mobile-block { margin-top: 25px; }

#main .hero-wrapper .button-inline-mobile-block a { width: 165px; height: auto; line-height: 1.4em; font-weight: 700; padding: 7px; }

#main .hero-wrapper .button-inline-mobile-block a:first-child { margin-right: 20px; }

#main .hero-wrapper .button-inline-mobile-block a:last-child { margin-left: 20px; }

#main .hero-wrapper .help-text { font-size: 13px; font-weight: normal; line-height: 20px; }

#main .body-section { padding: 60px 0; font-size: 1.2em; line-height: 1.4em; }

#main .body-section h2 { text-align: center; font-family: Roboto Slab, serif; font-weight: 400; margin: 0 0 30px 0; padding: 0; font-size: 1.7em; }

#main .numbers { background-color: #FAFAF0; text-align: center; }

#main .numbers .counter-number { color: white; border-radius: 5px; display: inline-block; font-size: 1.5em; margin: 20px 0; letter-spacing: 0.1em; }

#main .counselor-feature { background-color: #6AA371; text-align: center; color: white; }

#main .counselor-feature h2 { color: white; }

#main .counselor-feature .counselor-row { width: 100%; clear: both; text-align: center; }

#main .counselor-feature .counselor-row img { width: 13%; border-radius: 50%; position: relative; margin-left: -12px; height: auto; border: 2px solid #DDDDDD; }

#main .counselor-feature .counselor-row img:nth-child(odd) { z-index: 1; }

#main .counselor-feature .counselor-row img:nth-child(even) { z-index: 2; }

#main .counselor-feature p { margin-bottom: 0; }

#main .counselor-feature .btn { margin-top: 20px; background-color: transparent; color: white; border-color: white; }

#main .counselor-feature .btn:hover { background-color: #568c5d; }

#main .partners { padding: 30px 0; }

#main .partners img { margin: 0 10px; }

#main .partners img:first-child { margin-left: 0; }

#main .partners img:last-child { margin-right: 0; }

#main .steps { background-color: #E2F8F9; }

#main .steps .step-container { margin-bottom: 50px; }

#main .steps .step-container:last-child { margin-bottom: 0; }

#main .steps .step-1 .matching-wrap { text-align: center; }

#main .steps .step-1 .matching-wrap .matching-img, #main .steps .step-1 .matching-wrap .matching-text { display: inline-block; vertical-align: top; }

#main .steps .step-1 .matching-wrap .matching-img { width: 40%; }

#main .steps .step-1 .matching-wrap .matching-text { padding-left: 20px; width: 49%; text-align: left; }

#main .steps .step-2 .modalities-wrap { text-align: center; }

#main .steps .step-2 .modalities-wrap div { font-weight: bold; display: inline-block; padding: 0 10px; }

#main .steps .step-2 .modalities-wrap div .fa { color: #518ECB; font-size: 7px; position: relative; top: -3px; }

#main .steps .step-2 img { margin: 30px auto; }

#main .steps .step-3 .two-col-wrap .left-col, #main .steps .step-3 .two-col-wrap .right-col { width: 49%; display: inline-block; vertical-align: top; margin-bottom: 20px; }

#main .steps .step-3 .two-col-wrap.image-captions { position: relative; left: 5px; }

#main .steps .step-3 .two-col-wrap.image-captions .left-col, #main .steps .step-3 .two-col-wrap.image-captions .right-col { width: 46%; text-align: center; }

#main .steps .step-3 .two-col-wrap.image-captions .plus-sign { width: 5%; font-size: 40px; text-align: center; display: inline-block; vertical-align: middle; color: rgba(81, 142, 203, 0.5); top: 20px; position: relative; }

#main .steps .step-3 .two-col-wrap .left-col .message-text, #main .steps .step-3 .two-col-wrap .right-col .message-text { width: 70%; margin: 0 auto; }

#main .steps .step-3 .two-col-wrap.screenshots .left-col, #main .steps .step-3 .two-col-wrap.screenshots .right-col { margin-bottom: 0; }

#main .steps .step-3 .two-col-wrap.screenshots img { max-width: 70%; margin: 0 auto; }

#main .steps .step-4 .img-text-wrap { text-align: center; }

#main .steps .step-4 .img-text-wrap .img-wrap, #main .steps .step-4 .img-text-wrap .text-wrap { display: inline-block; vertical-align: top; }

#main .steps .step-4 .img-text-wrap .img-wrap { width: 25%; }

#main .steps .step-4 .img-text-wrap .text-wrap { padding-left: 40px; width: 49%; text-align: left; }

#main .steps .arrow { padding: 10px 0 60px 0; }

#main .steps .arrow img { width: 50px; opacity: .50; display: block; margin: 0 auto; }

#main .home-faq .bottom-cta { margin-top: 20px; }

#main .home-faq .bottom-cta a:first-child { display: block; margin-bottom: 40px; }

#main .odometer.odometer-theme-train-station .odometer-inside .odometer-formatting-mark, #main .odometer.odometer-animating-up .odometer-inside .odometer-formatting-mark { color: #222222; position: relative; top: 5px; left: 1px; }

#main .odometer.odometer-theme-train-station .odometer-inside .odometer-digit, #main .odometer.odometer-animating-up .odometer-inside .odometer-digit { padding: .2em; }

#main .odometer.odometer-theme-train-station .odometer-inside .odometer-digit .odometer-digit-inner, #main .odometer.odometer-animating-up .odometer-inside .odometer-digit .odometer-digit-inner { top: .3em; left: .26em; }

.faq-right-collapse .panel .panel-heading .panel-title { margin-bottom: 10px; }

.faq-right-collapse .panel .panel-heading .panel-title a { color: #444444; background-color: #E2F8F9; padding: 10px; display: block; }

.faq-right-collapse .panel .panel-heading .panel-title a:hover { background-color: #c6edef; }

.faq-right-collapse .panel .panel-heading .panel-title .fa { float: right; font-size: 26px; }

.faq-right-collapse .panel .panel-body { font-size: 0.95em; padding: 10px 10px 20px 10px; }

.faq-right-collapse .panel a.accordion-toggle:active, .faq-right-collapse .panel a.accordion-toggle:hover { text-decoration: none; }

.faq-right-collapse .panel a.accordion-toggle:focus { outline: none; text-decoration: none; outline-offset: 0; }

.faq-right-collapse .panel a.accordion-toggle.collapsed { color: #444444; font-weight: 400; }

.faq-right-collapse .panel a.accordion-toggle.collapsed:before { content: "\f0da"; }

.faq-right-collapse .panel a.accordion-toggle:before, .faq-right-collapse .panel a.accordion-toggle.collapsed:before { font-size: 26px; color: #699cbb; padding-left: 10px; float: right; font-family: 'FontAwesome'; font-weight: 400; }

.faq-right-collapse .panel a.accordion-toggle.collapsed:before { padding-left: 16px; }

.faq-right-collapse .panel a.accordion-toggle:before { content: "\f0d7"; }

.partners { text-align: center; background-color: white; }

.partners img { opacity: 0.5; max-height: 33px; display: inline-block; margin: 0 20px; }

.partners img.ismho-logo { max-height: 75px; }

.partners img.therapist-aid-logo { height: 20px; }

@media (max-width: 991px) { #main .testimonial .testimonials .slick-slider .slide { height: 250px; } }

@media (min-width: 768px) { #main header .menu ul.right li.open { color: #888888; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #main .hero-wrapper.graphic_neutral { background-repeat: repeat-x; background-position: -590px center; } }

@media (max-width: 767px) { #main header .mobilemenu-toggle { color: white; }
  #main header .mobilemenu-toggle:hover, #main header .mobilemenu-toggle:active { color: #5faa41; }
  #main header .header-cta { display: inline-block; text-align: center; position: relative; float: right; top: 13px; right: 10px; }
  #main header .header-cta a { font-size: 13px; padding: 0px 8px; border: 1px solid #5faa41; background-color: white; color: #5faa41; line-height: 32px; }
  #main header .header-cta a:hover { background-color: #F5F5F5; }
  #main header ul.main a > li, #main header ul.main li, #main header ul.right a > li, #main header ul.right li { color: #444444; }
  #main header div.menu { background-color: white; }
  #main header div.menu ul.right > a > li { color: #444444; }
  #main header div.menu ul.right > a.btn-info { color: #444444; }
  #main header div.menu .btn { border-radius: 0; }
  #main header.scroll-header .mobilemenu-toggle { color: #444444; }
  #main header.scroll-header .mobilemenu-toggle:hover, #main header.scroll-header .mobilemenu-toggle:active { color: #5faa41; }
  #main header.scroll-header ul.main a > li, #main header.scroll-header ul.main li, #main header.scroll-header ul.right a > li, #main header.scroll-header ul.right li { color: #444444; }
  #main .numbers .counter-number { margin: 20px 0 10px 0; font-size: 1.8em; }
  #main .numbers .counter-label { margin-bottom: 20px; }
  #main .hero-wrapper { height: 103vh; }
  #main .hero-wrapper .hero h1 { font-size: 2.1em; }
  #main .hero-wrapper .hero h2 { font-size: 1.4em; }
  #main .hero-wrapper .hero .down-arrow img { width: 60px; }
  #main .hero-wrapper.hands-support { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url(//dy7glz37jgl0b.cloudfront.net/home/betterhelp/hero-bg.jpg); }
  #main .hero-wrapper .button-inline-mobile-block a { display: block; margin: 0 auto 20px auto; }
  #main .hero-wrapper .button-inline-mobile-block a:first-child, #main .hero-wrapper .button-inline-mobile-block a:last-child { margin-left: auto; margin-right: auto; }
  #main .counselor-feature .counselor-row img { width: 23%; }
  #main .testimonial .start-quote, #main .testimonial .end-quote { width: 35px; }
  #main .testimonial .testimonials .slick-slider .slide { height: 270px; }
  #main .body-section { padding: 40px 0; }
  #main .body-section.home-faq { padding-bottom: 0; }
  .partners img { margin: 10px; }
  .partners img:first-child { margin: 10px; }
  .partners img:last-child { margin: 10px; } }

@media (min-width: 577px) { #main .steps .step-3 .screenshot-row { display: none; } }

@media (max-width: 576px) { #main .hidden-mobile { display: none; }
  #main .show-mobile { display: block; }
  #main .btn-success { display: inline-block; height: auto; white-space: normal; line-height: 25px; font-weight: normal; padding: 10px 17.5px; }
  #main .hero-wrapper { height: 70vh; }
  #main .hero-wrapper .hero h1 { font-size: 1.8em; }
  #main .hero-wrapper .hero h2 { font-size: 1.2em; padding: 0 30px; }
  #main .hero-wrapper .hero .cta-question { font-size: 1.2em; }
  #main .hero-wrapper.even-taller-mobile { height: 97vh; }
  #main .partners img { margin: 10px; max-height: 27px; }
  #main .partners img:first-child { margin: 15px; }
  #main .partners img:last-child { margin: 15px; }
  #main .partners img.ismho-logo { max-height: 60px; }
  #main .steps .step-container { margin-bottom: 20px; }
  #main .steps .arrow { padding: 10px 0 30px 0; }
  #main .steps .arrow img { width: 40px; }
  #main .steps .step-1 img, #main .steps .step-2 img { width: 90%; margin: 0 auto; }
  #main .steps .step-1 .matching-wrap .matching-img, #main .steps .step-1 .matching-wrap .matching-text { display: block; width: 100%; }
  #main .steps .step-1 .matching-wrap .matching-text { padding-left: 0; text-align: center; }
  #main .steps .step-1 .matching-wrap .matching-img { margin: 20px auto; }
  #main .steps .step-2 .modalities-wrap { margin: 0 auto; text-align: center; }
  #main .steps .step-2 .modalities-wrap div { display: inline-block; padding: 0 5px; }
  #main .steps .step-2 p { margin-bottom: 0; }
  #main .steps .step-2 img { margin-top: 20px; }
  #main .steps .step-3 .screenshots { display: none; }
  #main .steps .step-3 .two-col-wrap { text-align: center; }
  #main .steps .step-3 .two-col-wrap .left-col, #main .steps .step-3 .two-col-wrap .right-col { width: 100%; display: block; }
  #main .steps .step-3 .two-col-wrap .left-col .message-text, #main .steps .step-3 .two-col-wrap .right-col .message-text { padding-left: 0; }
  #main .steps .step-3 .two-col-wrap.image-captions .left-col, #main .steps .step-3 .two-col-wrap.image-captions .right-col, #main .steps .step-3 .two-col-wrap.image-captions .plus-sign { width: 100%; display: block; }
  #main .steps .step-3 .two-col-wrap.image-captions .plus-sign { position: static; margin-bottom: 20px; font-size: 30px; }
  #main .steps .step-3 .two-col-wrap.image-captions .left-col .message-text, #main .steps .step-3 .two-col-wrap.image-captions .right-col .message-text { padding-left: 0; width: 100%; }
  #main .steps .step-3 .screenshot-row { overflow-x: scroll; overflow-y: hidden; width: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; margin: 0 -35px; }
  #main .steps .step-3 .screenshot-row img { width: 55%; }
  #main .steps .step-3 .screenshot-row img:first-child { margin-right: 10px; margin-left: 30px; }
  #main .steps .step-3 .screenshot-row img:last-child { margin-right: 30px; }
  #main .steps .step-4 .img-text-wrap { text-align: center; }
  #main .steps .step-4 .img-text-wrap .img-wrap, #main .steps .step-4 .img-text-wrap .text-wrap { display: block; width: 100%; }
  #main .steps .step-4 .img-text-wrap .img-wrap { width: 50%; margin: 20px auto; }
  #main .steps .step-4 .img-text-wrap .text-wrap { padding-left: 0; text-align: center; }
  #main .body-section { padding: 30px 0; font-size: 1.1em; }
  #main .body-section h2 { font-size: 1.4em; margin: 0 0 15px 0; }
  #main .body-section.home-faq { padding-bottom: 0; }
  #main .home-faq .faq-container { padding-left: 0; padding-right: 0; } }

#opt_out hr { margin: 35px 0; }

#opt_out .light-gray-text { color: #888888; }

#online_counseling .banner-intro, #online_therapy .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(//dy7glz37jgl0b.cloudfront.net/funnel/betterhelp/typing-bg.jpg); }

#online_counseling .slider.questionnaire, #online_therapy .slider.questionnaire { border-radius: 10px; background-color: white; font-size: 16px; }

#online_counseling .slider.questionnaire .question:first-child, #online_therapy .slider.questionnaire .question:first-child { display: block; }

#online_counseling .slider.questionnaire.slick-slider .question, #online_counseling .slider.questionnaire.slick-slider .next, #online_therapy .slider.questionnaire.slick-slider .question, #online_therapy .slider.questionnaire.slick-slider .next { display: block; }

#online_counseling .slider.questionnaire .questionnaire-content, #online_therapy .slider.questionnaire .questionnaire-content { padding: 40px; }

#online_counseling .slider.questionnaire .questionnaire-content small, #online_therapy .slider.questionnaire .questionnaire-content small { display: block; margin-bottom: 10px; }

#online_counseling .slider.questionnaire p, #online_therapy .slider.questionnaire p { margin-top: 0; color: #888888; font-weight: 700; }

#online_counseling .slider.questionnaire .questionnaire-content-label, #online_therapy .slider.questionnaire .questionnaire-content-label { font-size: 20px; line-height: 1.3; }

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

#online_counseling .slider.questionnaire label.range, #online_therapy .slider.questionnaire label.range { padding-left: 0 !important; }

#online_counseling .slider.questionnaire select, #online_therapy .slider.questionnaire select { font-size: 16px; margin-top: 15px; padding: 0 15px; height: 40px; }

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

#online_counseling .slider.questionnaire .btn, #online_therapy .slider.questionnaire .btn { margin-top: 15px; }

#online_therapy #content-4 ul { list-style-type: none; }

#online_therapy #content-4 ul li { margin-bottom: 20px; }

#online_therapy #content-4 ul li:before { font-family: 'FontAwesome'; content: '\f00c'; margin: 0 5px 0 -15px; color: #5faa41; }

#online_therapy #content-6 .img-content .img-right { width: 19%; }

#online_therapy #content-6 .img-content .content-left { width: 80%; }

#online_therapy #content-8 img { max-width: 200px; margin: 0 auto 10px auto; display: block; }

#online_therapy .seo-section.seo-testimonials .testimonials .slick-slider .slide { height: 240px; }

#online_therapy .faq-right-collapse h3 { font-weight: 400; font-family: "Lato", Arial, sans-serif; font-size: 14px; margin: 0; line-height: 1.7em; }

.seo-section { padding: 20px 0; }

.seo-section .therapy-benefit { margin-right: 10px; color: #5faa41; }

.seo-section.section-gray-bg { background-color: #F5F5F5; }

.seo-section ul { margin-left: 20px; padding-left: 0; }

.seo-section ul li { margin-bottom: 10px; }

.seo-section .img-content { margin-bottom: 20px; }

.seo-section .img-content .img-left, .seo-section .img-content .content-right, .seo-section .img-content .img-right, .seo-section .img-content .content-left { display: inline-block; vertical-align: middle; }

.seo-section .img-content .img-left { width: 20%; }

.seo-section .img-content .img-left img { width: 70%; margin: 0 auto; display: block; }

.seo-section .img-content .content-right { width: 79%; padding-left: 30px; }

.seo-section .img-content .img-right { width: 27%; vertical-align: top; }

.seo-section .img-content .content-left { width: 70%; padding-right: 30px; vertical-align: top; }

.seo-section .center-cta { text-align: center; margin: 20px auto; }

.seo-section .three-col-content .content-block { display: inline-block; width: 32%; margin-bottom: 20px; margin-right: 1%; vertical-align: top; }

.seo-section .three-col-content .content-block.no-margin-right { margin-right: 0; }

.seo-section .three-col-content .content-block video { width: 100%; }

.seo-section .two-col-content .content-block { display: inline-block; width: 49%; margin-bottom: 20px; vertical-align: top; }

.seo-section .two-col-content .content-block .step-number { width: 50px; line-height: 50px; border-radius: 50%; display: block; margin: 0 auto 20px auto; text-align: center; color: #559a55; font-size: 20px; background-color: #def1de; border: 1px solid #c4e2c4; }

.seo-section .two-col-content .content-block .img-and-caption { font-weight: bold; text-align: center; font-size: 16px; margin-bottom: 10px; }

.seo-section .two-col-content .content-block .img-and-caption img { width: 88px; height: auto; margin: 0 auto 10px auto; display: block; }

.seo-section .two-col-content .content-block:nth-child(odd) { padding-right: 20px; }

.seo-section .two-col-content .content-block:first-child .img-and-caption img { position: relative; right: -14px; }

.seo-section.faq-right-collapse .panel .panel-body { padding: 0; }

.seo-section.faq-right-collapse .panel .panel-body .faq-answer { padding: 10px 10px 20px 10px; overflow-wrap: break-word; word-wrap: break-word; }

.seo-section.faq-right-collapse .panel a.accordion-toggle:before, .seo-section.faq-right-collapse .panel a.accordion-toggle.collapsed:before { position: relative; top: -9px; }

.seo-section.faq-right-collapse.faq-dark-bg .panel .panel-heading .panel-title a { border: 1px solid #d5eaea; }

.seo-section.seo-about-bh .img-content .img-left { width: 35%; }

.seo-section.seo-about-bh .img-content .img-left img { width: 100%; }

.seo-section.seo-about-bh .img-content .content-right { width: 64%; padding-left: 20px; }

.seo-section.seo-about-bh .img-content .img-left, .seo-section.seo-about-bh .img-content .content-right { vertical-align: top; }

.seo-section.seo-testimonials .testimonials { text-align: center; padding: 20px 0; z-index: 5; }

.seo-section.seo-testimonials .testimonials .slick-dots { margin-left: initial; padding-left: initial; }

.seo-section.seo-testimonials .testimonials .slide { display: none; outline: none !important; }

.seo-section.seo-testimonials .testimonials .slide:first-child { display: block; }

.seo-section.seo-testimonials .testimonials .slick-slider .slide { display: block; height: 280px; }

.seo-section.seo-testimonials .testimonials .slick-dots li button:before { color: #888888; }

.seo-section.seo-testimonials .testimonials .slick-dots li.slick-active button:before { color: #5faa41; }

.seo-section.seo-testimonials .testimonials .slick-list { padding-bottom: 20px; }

.seo-section.seo-testimonials .testimonials div.slide table.counselor { display: inline-block; margin-left: 10px; text-align: left; font-weight: 700; font-size: 16px; color: #444444; }

.seo-section.seo-testimonials .testimonials div.slide table.counselor td.intro { font-weight: 400; padding-right: 10px; }

.seo-section.seo-testimonials .testimonials div.slide table.counselor .user-icon { height: 70px; width: 70px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }

.seo-section.seo-testimonials .testimonials div.slide table.counselor span.credentials { display: block; color: #444444; font-weight: 400; }

.seo-section.seo-testimonials .testimonials div.slide span.author { color: #444444; font-weight: bold; }

.seo-section.seo-testimonials .testimonials div.slide p.text { margin-bottom: 0; }

.seo-section#content-1 hr, .seo-section#content-2 hr, .seo-section#content-3 hr, .seo-section#content-4 hr, .seo-section#content-5 hr, .seo-section#content-6 hr, .seo-section#content-7 hr, .seo-section#content-8 hr, .seo-section#content-9 hr { height: 1px; }

.seo-section#content-1 hr, .seo-section#content-4 hr, .seo-section#content-7 hr { height: 1px; background-color: #6cb4b3; }

.seo-section#content-2 hr, .seo-section#content-5 hr, .seo-section#content-8 hr { background-color: #6ec788; }

.seo-section#content-3 hr, .seo-section#content-6 hr, .seo-section#content-9 hr { background-color: #9fc8ee; }

.mtop20 { margin-top: 20px; }

.seo-toc .toc-intro h2 { margin-bottom: 10px; }

.seo-toc .toc-list { margin-top: 30px; }

.seo-toc .toc-list a { background-color: #F5F5F5; padding: 10px; display: block; margin-bottom: 15px; color: #444444; border-left-width: 9px; border-left-style: solid; }

.seo-toc .toc-list a:nth-child(3n+1) { border-left-color: #6cb4b3; }

.seo-toc .toc-list a:nth-child(3n+2) { border-left-color: #6ec788; }

.seo-toc .toc-list a:nth-child(3n+3) { border-left-color: #9fc8ee; }

.seo-toc .toc-list a:hover, .seo-toc .toc-list a:focus, .seo-toc .toc-list a:active { text-decoration: none; background-color: #DDDDDD; }

@media (max-width: 767px) { #online_therapy .slider.questionnaire, #online_counseling .slider.questionnaire { padding: 20px 0; }
  #online_therapy .slider.questionnaire .questionnaire-content-label, #online_counseling .slider.questionnaire .questionnaire-content-label { color: #444444; font-size: 20px; }
  #online_therapy .slider.questionnaire label.radio, #online_counseling .slider.questionnaire label.radio { font-size: 18px; padding: 15px 20px; line-height: 1.3; color: white; background-color: #123123; margin: 10px 0; border-radius: 5px; }
  #online_therapy .slider.questionnaire label.radio:active, #online_therapy .slider.questionnaire label.radio:focus, #online_counseling .slider.questionnaire label.radio:active, #online_counseling .slider.questionnaire label.radio:focus { color: white; background-color: #5faa41; }
  #online_therapy .slider.questionnaire label.radio input[type='radio'], #online_counseling .slider.questionnaire label.radio input[type='radio'] { display: none; }
  #online_therapy .slider.questionnaire .questionnaire-content, #online_counseling .slider.questionnaire .questionnaire-content { padding: 0 15px; }
  #online_therapy .slider.questionnaire label.radio, #online_therapy .slider.questionnaire .country, #online_therapy .slider.questionnaire .btn-block, #online_counseling .slider.questionnaire label.radio, #online_counseling .slider.questionnaire .country, #online_counseling .slider.questionnaire .btn-block { background-color: #5faa41; }
  #online_therapy .slider.questionnaire label.radio:hover, #online_therapy .slider.questionnaire .country:hover, #online_therapy .slider.questionnaire .btn-block:hover, #online_counseling .slider.questionnaire label.radio:hover, #online_counseling .slider.questionnaire .country:hover, #online_counseling .slider.questionnaire .btn-block:hover { background-color: #4a8533; }
  #online_therapy #content-6 .img-content .img-right, #online_therapy #content-6 .img-content .content-left { width: 100%; }
  #online_therapy #content-6 .img-content .img-right img { max-width: 110px; margin-top: 20px; }
  #online_therapy #content-6 .img-content .content-left { padding-left: 0; }
  #online_therapy #content-8 img { max-width: 110px; }
  #online_therapy .seo-section.seo-testimonials .testimonials .slick-slider .slide { height: 310px; }
  .seo-section .img-content .img-left, .seo-section .img-content .content-right, .seo-section .img-content .img-right, .seo-section .img-content .content-left { display: block; }
  .seo-section .img-content .img-left, .seo-section .img-content .img-right { width: 90%; display: block; margin: 0 auto; }
  .seo-section .img-content .img-left img, .seo-section .img-content .img-right img { max-width: 110px; margin: 0 auto 20px auto; }
  .seo-section .img-content .content-right, .seo-section .img-content .content-left { width: 100%; padding-left: 0; padding-right: 0; }
  .seo-section .img-content .img-right.phone-screenshot img { max-width: 200px; }
  .seo-section .center-cta a { display: inline-block; height: auto; white-space: normal; line-height: 25px; padding: 10px 17.5px; }
  .seo-section .two-col-content .content-block { text-align: center; display: block; width: 100%; margin-bottom: 30px; }
  .seo-section .two-col-content .content-block .step-number { width: 40px; line-height: 40px; font-size: 18px; }
  .seo-section .two-col-content .content-block .img-and-caption img { max-width: 110px; }
  .seo-section .two-col-content .content-block:nth-child(odd) { padding-right: 0; }
  .seo-section .three-col-content .content-block { display: block; width: 100%; margin-bottom: 20px; margin-right: 0; }
  .seo-section .three-col-content .content-block .toggle-controls { max-width: inherit; }
  .seo-section.seo-about-bh .img-content .img-left, .seo-section.seo-about-bh .img-content .content-right { width: 100%; }
  .seo-section.seo-about-bh .img-content .img-left img { max-width: 200px; }
  .seo-section.seo-about-bh .img-content .content-right { padding-left: 0; }
  .seo-section.seo-testimonials .testimonials { padding: 10px 0; }
  .seo-section.seo-testimonials .testimonials .slick-slider .slide { height: 415px; } }

#mental_health_day .img-left { width: 30%; }

#mental_health_day .content-right { width: 69%; padding-left: 20px; }

#mental_health_day .content-right #link-to-mental-health-day-tweet { margin-right: 10px; }

#mental_health_day .content-right h2 { font-weight: normal; margin-bottom: 30px; }

#mental_health_day .content-right h2:nth-child(2) { margin-bottom: 30px; }

#mental_health_day .content-right p { background-color: rgba(95, 170, 65, 0.15); padding: 5px 10px; font-weight: bold; font-size: 18px; margin-bottom: 30px; }

#mental_health_day .content-right #fine-print { font-size: 12px; margin-top: 20px; }

#mental_health_day .img-left, #mental_health_day .content-right { display: inline-block; vertical-align: top; }

#modal-linked-to-twitter { text-align: center; }

#modal-linked-to-twitter .modal-header img { width: 150px; display: block; margin: 20px auto; }

#modal-linked-to-twitter .modal-header p { background-color: rgba(95, 170, 65, 0.15); padding: 5px 10px; font-weight: bold; font-size: 16px; }

@media (max-width: 767px) { #modal-linked-to-twitter .modal-header h2 { font-size: 20px; }
  #modal-linked-to-twitter .modal-footer { text-align: center; }
  #mental_health_day .img-left, #mental_health_day .content-right { display: block; width: 100%; padding-left: 0; text-align: center; }
  #mental_health_day .img-left img { width: 150px; height: auto; margin: 0 auto 20px auto; }
  #mental_health_day .content-right #link-to-mental-health-day-tweet { margin-right: 0; margin-bottom: 10px; }
  #mental_health_day .content-right h2 { font-size: 18px; }
  #mental_health_day .content-right p { font-size: 16px; }
  #mental_health_day .content-right a.btn { display: block; } }

#privacy ol.privacy-terms-list > li, #terms ol.privacy-terms-list > li { font-weight: bold; }

#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; }

#creator_code_of_ethics .block { margin-top: 30px; }

#creator_code_of_ethics .banner-intro { background-image: linear-gradient(rgba(38, 79, 22, 0.8), rgba(38, 79, 22, 0.8)), url("//dy7glz37jgl0b.cloudfront.net/affiliates/hand-joining.jpg"); }

#error-page { padding-top: 1rem; text-align: center; color: #444444; }

#error-page h1 { font-size: 3rem; color: #5faa41; font-family: "Roboto Slab", serif; font-weight: 300; }

#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%; } }

#happy-dashboard { /* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ /* FlexSlider Necessary Styles */ /* Hide the slides before the JS is loaded. Avoids image jumping */ /* Clearfix for the .slides element */ /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */ /* FlexSlider Default Theme */ /* Direction Nav */ /*.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before  { content: '\f002'; } */ /* Control Nav */ /* Didascalia */ /* Padding */ /* Margin */ /* Footer */ display: none; background: url(//dy7glz37jgl0b.cloudfront.net/extras/dashboard-sky-bg.jpg) no-repeat center center fixed; background-size: cover; /*li.flex-active-slide {*/ /*height: 500px;*/ /*}*/ }

#happy-dashboard .flex-container a:active, #happy-dashboard .flexslider a:active, #happy-dashboard .flex-container a:focus, #happy-dashboard .flexslider a:focus { outline: none; }

#happy-dashboard .slides, #happy-dashboard .flex-control-nav, #happy-dashboard .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

#happy-dashboard .flexslider { margin: 0; padding: 0; position: relative; zoom: 1; }

#happy-dashboard .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

#happy-dashboard .flexslider .slides img { width: 100%; display: block; }

#happy-dashboard .flex-pauseplay span { text-transform: capitalize; }

#happy-dashboard .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#happy-dashboard html[xmlns] .slides { display: block; }

#happy-dashboard * html .slides { height: 1%; }

#happy-dashboard .no-js .slides > li:first-child { display: block; }

#happy-dashboard .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

#happy-dashboard .loading .flex-viewport { max-height: 300px; }

#happy-dashboard .flexslider .slides { zoom: 1; }

#happy-dashboard .carousel li { margin-right: 5px; }

#happy-dashboard .flex-direction-nav { *height: 0; }

#happy-dashboard .flex-direction-nav a { display: block; width: 37px; height: 37px; margin: 0; text-indent: -9999px; background: url(/images/success/bg_direction_nav.png) -37px 0 no-repeat; position: absolute; top: 25%; z-index: 10; overflow: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }

#happy-dashboard .flex-direction-nav .flex-prev { left: 10px; }

#happy-dashboard .flex-direction-nav .flex-next { right: 10px; background-position: -74px 0; }

#happy-dashboard .flexslider .flex-prev:hover { background-position: 0px 0px; }

#happy-dashboard .flexslider .flex-next:hover { background-position: -111px 0; }

#happy-dashboard .flex-control-nav { width: 100%; position: absolute; bottom: -50px; text-align: center; }

#happy-dashboard .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

#happy-dashboard .flex-control-paging li a { width: 14px; height: 14px; display: block; background: #454545; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

#happy-dashboard .flex-control-paging li a:hover, #happy-dashboard .flex-control-paging li a.flex-active { background: #333; }

#happy-dashboard .flex-caption { /*background-color:rgba(0,0,0,0.64);*/ color: #000; width: 350px; position: absolute; padding: 0 25px; right: 0; top: 50%; margin-top: -60px; font-weight: 700; text-align: left; }

#happy-dashboard .flex-caption .titolo { font-size: 28px; margin: 0; line-height: 110%; }

#happy-dashboard .flex-caption .button { color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #000; padding: 8px 25px; font-size: 15px; font-weight: 400; margin: 15px 0 0; display: inline-block; }

#happy-dashboard html, #happy-dashboard body, #happy-dashboard div, #happy-dashboard span, #happy-dashboard iframe, #happy-dashboard p, #happy-dashboard a, #happy-dashboard em, #happy-dashboard font, #happy-dashboard img, #happy-dashboard strong, #happy-dashboard b, #happy-dashboard u, #happy-dashboard i, #happy-dashboard ol, #happy-dashboard ul, #happy-dashboard li, #happy-dashboard fieldset, #happy-dashboard form, #happy-dashboard label, #happy-dashboard table { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; list-style-type: none; }

#happy-dashboard body { color: #404752; font-weight: 300; font-size: 14px; line-height: 24px; font-family: 'Roboto', sans-serif; background: url(//dy7glz37jgl0b.cloudfront.net/images/success/bg.jpg) #E0DFDB top center repeat-x; }

#happy-dashboard a { color: #43a100; text-decoration: none; font-weight: 400; cursor: pointer; }

#happy-dashboard a:hover, #happy-dashboard a:active, #happy-dashboard a:focus { color: black; text-decoration: none; }

#happy-dashboard strong { font-weight: 600; }

#happy-dashboard p { margin: 0.85em 0; }

#happy-dashboard ul, #happy-dashboard ol { margin: 0 0 20px 30px; padding: 0; }

#happy-dashboard ul { list-style: disc inside; }

#happy-dashboard ol { list-style: decimal inside; }

#happy-dashboard .hidden { display: none; }

#happy-dashboard .alignleft { float: left; }

#happy-dashboard .alignright { float: right; }

#happy-dashboard .aligncenter { display: block; clear: both; margin-right: auto; margin-left: auto; }

#happy-dashboard .textalignleft { text-align: left; }

#happy-dashboard .textaligncenter { text-align: center; }

#happy-dashboard .textalignright { text-align: right; }

#happy-dashboard img.alignleft { float: left; margin: 20px 25px 20px 0; }

#happy-dashboard img.alignright { display: block; margin: 20px 0 20px 25px; }

#happy-dashboard img.aligncenter { display: block; clear: both; margin: 0 auto; }

#happy-dashboard img.alignnone { display: block; margin: 20px 0; }

#happy-dashboard .img-full-responsive { width: 100%; height: auto; display: block; max-width: none; }

#happy-dashboard .divider { background-color: #ccc; height: 1px; width: 100%; display: block; margin: 30px 0; }

#happy-dashboard .no-padding { padding: 0; }

#happy-dashboard .small-padding { padding: 40px 0 40px; }

#happy-dashboard .default-padding { padding: 70px 0 70px; }

#happy-dashboard .default-padding-sml { padding: 30px 0 0px; }

#happy-dashboard .default-padding-mod { padding: 70px 0 40px; }

#happy-dashboard .default-padding-mod-center { padding: 100px 0 70px; }

#happy-dashboard .large-padding { padding: 100px 0 100px; }

#happy-dashboard .padding-bottom-20 { padding-bottom: 20px; }

#happy-dashboard .margin-0 { margin-bottom: 0 !important; }

#happy-dashboard .margin-10 { margin-bottom: 10px !important; }

#happy-dashboard .margin-15 { margin-bottom: 15px !important; }

#happy-dashboard .margin-20 { margin-bottom: 20px !important; }

#happy-dashboard .margin-30 { margin-bottom: 30px !important; }

#happy-dashboard .margin-40 { margin-bottom: 40px !important; }

#happy-dashboard .margin-50 { margin-bottom: 50px !important; }

#happy-dashboard .margin-60 { margin-bottom: 60px !important; }

#happy-dashboard .margin-70 { margin-bottom: 70px !important; }

#happy-dashboard .margin-80 { margin-bottom: 80px !important; }

#happy-dashboard .margin-90 { margin-bottom: 90px !important; }

#happy-dashboard .margin-100 { margin-bottom: 100px !important; }

#happy-dashboard .no-margin-top { margin-top: 0 !important; }

#happy-dashboard .no-margin-bottom { margin-bottom: 0 !important; }

#happy-dashboard .no-margin-left { margin-left: 0 !important; }

#happy-dashboard .no-margin-right { margin-right: 0 !important; }

#happy-dashboard .no-margin { margin: 0 !important; }

#happy-dashboard h1, #happy-dashboard h2, #happy-dashboard h3, #happy-dashboard h4, #happy-dashboard h5, #happy-dashboard h6 { font-family: 'Roboto', sans-serif; }

#happy-dashboard .home-h1 { font-weight: 300; font-size: 35px; text-align: center; border-top: 1px solid #ccc; padding: 30px 0; }

#happy-dashboard h1 { font-weight: 300; font-size: 22px; text-align: center; border-top: 1px solid #ccc; padding: 30px 0 0 0; margin-top: 0; }

@media (min-width: 768px) { #happy-dashboard h1 { font-size: 35px; } }

#happy-dashboard h2 { font-size: 30px; text-align: center; padding: 0 0 30px 0; letter-spacing: 1px; color: #43a100; }

#happy-dashboard .next-payment-wrap h3 { font-size: 20px; text-align: center; letter-spacing: 1px; color: #43a100; }

#happy-dashboard .password_strength { padding-left: 8px; display: inline-block; }

#happy-dashboard .password_strength_1 { color: #B94A48; }

#happy-dashboard .password_strength_2 { color: #B94A48; }

#happy-dashboard .password_strength_3 { color: #C09853; }

#happy-dashboard .password_strength_4 { color: #468847; }

#happy-dashboard .password_strength_5 { color: #468847; }

#happy-dashboard .has-feedback .form-control-feedback { top: 8px; z-index: 1000; }

#happy-dashboard .media-heading-counselors { color: #5faa41; }

#happy-dashboard .media-heading-credentials { font-size: 14px; padding-bottom: 10px; }

#happy-dashboard header .logo { padding: 16px 0 0 0; color: #43a100; }

#happy-dashboard header .logo img { vertical-align: bottom; padding: 0 10px 0 0; }

#happy-dashboard header nav ul { margin: 0; padding: 53px 0 0 0; float: right; }

#happy-dashboard header nav ul li { float: left; }

#happy-dashboard header nav ul li a { letter-spacing: 0; font-size: 16px; display: block; padding: 5px 10px; color: #404752; font-weight: 300; }

#happy-dashboard header nav ul li a:hover { color: #43a100; }

#happy-dashboard header nav ul li a.btn { font-size: 15px; font-weight: 300; float: right; color: #ffffff; padding: 4px 15px; letter-spacing: 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; margin: 0 0 0 8px; background-color: #4B535F; }

#happy-dashboard header nav ul li a.btn.signup { background-color: #4C9D0C; }

#happy-dashboard header nav ul li a.btn.login { background-color: #4B535F; }

#happy-dashboard header nav ul li a.btn.signup:hover { color: #ffffff; background-color: #75B53E; }

#happy-dashboard header nav ul li a.btn.login:hover { color: #ffffff; background-color: #5D636C; }

#happy-dashboard .logged-in { padding-top: 30px; }

#happy-dashboard .logout { font-size: 15px; font-weight: 300; float: right; color: #ffffff; padding: 4px 15px; letter-spacing: 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; margin: 0 0 0 8px; background-color: #4B535F; }

#happy-dashboard .logout:hover { color: #ffffff; background-color: #5D636C; }

#happy-dashboard .mobilemenu { display: none; }

#happy-dashboard #main .slider { width: 100%; display: block; background-color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }

#happy-dashboard #main .slider .who { width: 100%; display: block; position: relative; }

#happy-dashboard #main .slider .who .name { width: 100%; background-color: rgba(66, 73, 83, 0.78); padding: 13px 20px; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; color: #fff; font-size: 24px; }

#happy-dashboard #main .slider .info { width: 100%; display: block; background-color: #6C7179; overflow: hidden; }

#happy-dashboard #main .slider .info .locate { float: left; color: #fff; padding: 4px 20px; }

#happy-dashboard #main .slider .info .year { float: right; color: #fff; padding: 4px 20px; }

#happy-dashboard #main .slider .testimonial { width: 100%; display: block; overflow: hidden; padding: 15px 20px; }

#happy-dashboard #main .slider .testimonial .title { color: #43a100; margin: 0 0 20px 0; font-size: 17px; font-weight: 400; }

#happy-dashboard #main .slider .testimonial .content { background: url(//dy7glz37jgl0b.cloudfront.net/images/success/apice.png) top left no-repeat; padding: 0 0 0 50px; line-height: 150%; }

#happy-dashboard #main .opt-in { width: 100%; position: relative; display: block; padding: 10px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #eee; background-color: #ffffff; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }

#happy-dashboard #main .opt-in .stickler { width: 88px; height: 94px; position: absolute; display: block; z-index: 1; top: -4px; right: -4px; }

#happy-dashboard #main .opt-in form .input-group { padding: 0 27px; }

#happy-dashboard #main .opt-in form label { margin-bottom: 5px; font-weight: 300; width: 100%; display: block; margin: 0 0 3px 0 !important; cursor: pointer; }

#happy-dashboard #main .opt-in form .search-btn { border: none; font-size: 23px; font-weight: 300; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); background: url(//dy7glz37jgl0b.cloudfront.net/images/success/bg-search-button.jpg) top center repeat-x; color: #fff; padding: 0 30px; margin: 15px 0 5px; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.13); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.13); }

#happy-dashboard #main .opt-in form .search-btn img { vertical-align: central; }

#happy-dashboard #main .bottom { width: 100%; text-align: center; float: left; clear: both; }

#happy-dashboard #main .bottom strong { font-size: 22px; font-weight: 400; }

#happy-dashboard #main .bottom span { color: #43a100; }

#happy-dashboard #main .videobox { width: 100%; color: #fff; display: block; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #484F5B; font-size: 24px; padding: 5px; margin: 20px 0 0 0; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }

#happy-dashboard #main .videobox strong { font-size: 15px; }

#happy-dashboard #main .videobox img { float: left; margin: 0 20px 0 0; }

#happy-dashboard #main .videobox p { margin: 50px 0 0 0; }

#happy-dashboard footer { margin: 10px 0 0 0; }

#happy-dashboard footer .social { text-align: right; }

#happy-dashboard footer .social a { padding: 0 0 0 20px; color: #404752; }

#happy-dashboard footer .social a:hover { padding: 0 0 0 20px; color: #43a100; }

#happy-dashboard .promo { position: fixed; bottom: 10%; right: 0; z-index: 1000; }

@media (max-width: 991px) { #happy-dashboard header .logo { text-align: center; }
  #happy-dashboard header nav ul { margin: 0; padding: 45px 0 0 0; float: none; text-align: center; }
  #happy-dashboard header nav ul li { float: none; display: inline-block; }
  #happy-dashboard #main .opt-in { margin: 20px 0 0; }
  #happy-dashboard footer { text-align: center; }
  #happy-dashboard footer .social { text-align: center; padding: 10px 0 30px; } }

@media (max-width: 768px) { #happy-dashboard .mobilemenu { display: block; cursor: pointer; background: url(//dy7glz37jgl0b.cloudfront.net/images/success/arrow-select.png) 5px center no-repeat; background-color: #4C9D0C; border: 0; color: #FFFFFF; padding: 0; margin: 24px 0 0 0; padding: 5px 0 5px 30px; float: right; width: 100%; }
  #happy-dashboard header nav ul { text-align: left; width: 100%; padding: 0; display: none; }
  #happy-dashboard header nav ul li { float: left; display: block; width: 100%; margin: 0 0 1px 0; }
  #happy-dashboard header nav ul li a { background-color: #ddd; }
  #happy-dashboard header nav ul li a.btn { font-size: 15px; font-weight: 300; float: left; width: 100%; color: #ffffff; padding: 6px 15px; letter-spacing: 1px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; display: inline-block; margin: 0; background-color: #4B535F; }
  #happy-dashboard #main .videobox { padding: 10px; text-align: center; }
  #happy-dashboard #main .videobox img { float: left; margin: 0; width: 100%; } }

@media (max-width: 768px) and (max-width: 399px) { #happy-dashboard header .logo img { padding: 0; display: block; margin: auto; } }

#happy-dashboard #starts .slider { width: 100%; display: block; background-color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); min-height: 280px; }

#happy-dashboard .start-testimonial { width: 100%; color: #888; display: block; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: rgba(255, 255, 255, 0.85); padding: 35px; margin: 0; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }

#happy-dashboard ol.flex-control-nav { bottom: 0; }

#happy-dashboard .flex-control-paging li a:hover, #happy-dashboard .flex-control-paging li a.flex-active { background-color: #4C9D0C; }

#happy-dashboard .flex-control-paging li a { background: white; }

#happy-dashboard .questionnaire-content { padding: 35px; }

#happy-dashboard .questionnaire-content-label { font-size: 20px; }

#happy-dashboard .starts-thumbnail { border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 2px solid white; }

#happy-dashboard .start-testimonial-say { color: #4C9D0C; }

#happy-dashboard .start-testimonial-text { font-style: italic; }

#happy-dashboard .btn-next { color: white; background-color: #4C9D0C; border-color: #ccc; }

#happy-dashboard .btn-next:hover { color: #ffffff; background-color: #75B53E; }

#happy-dashboard .questionnaire-table { background-color: white; padding: 10px 35px 35px 35px; }

#happy-dashboard .questionnaire-table h3 { text-align: center; padding-bottom: 20px; }

#happy-dashboard .questionnaire-table label { margin-top: 0px; margin-bottom: 5px; }

#happy-dashboard .img-visa { padding-top: 10px; }

#happy-dashboard .logo-wrap { text-align: center; padding: 22px 0 39px; }

#happy-dashboard .logo-wrap a { display: inline-block; margin-left: 23px; position: relative; height: 107px; text-align: center; overflow: hidden; }

#happy-dashboard .over { display: none; position: absolute; left: 0; top: 0; }

#happy-dashboard .logo-wrap a:hover img.over { display: inline-block; }

#happy-dashboard .overview-question { display: block; background-color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); padding: 20px; }

#happy-dashboard #nexts .overview-question p { margin-top: 0; margin-bottom: 13px; }

#happy-dashboard #nexts .overview-question h4 { margin-bottom: 0; }

#happy-dashboard .signup-notes { display: block; background-color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); padding: 20px; }

#happy-dashboard .signup-notes li { list-style-type: disc; color: #4C9D0C; padding-bottom: 20px; }

#happy-dashboard .signup-notes li span { color: #404752; }

@media (max-width: 991px) { #happy-dashboard #starts .col-md-6 { margin-top: 20px; } }

#happy-dashboard .next-payment-wrap { padding-bottom: 35px; }

#happy-dashboard .go-away { left: -9999px; width: 0px; height: 0px; position: absolute; }

#happy-dashboard .big-radio input[type='radio'] { transform: scale(2); }

#happy-dashboard .next13hr { border-top: 3px solid black; margin: 0px; }

#happy-dashboard .ribbon-wrapper-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -2px; right: 13px; }

#happy-dashboard .ribbon-green { font: 13px Sans-Serif; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#50982C), to(#58A52D)); background-image: -webkit-linear-gradient(top, #50982C, #58A52D); background-image: -moz-linear-gradient(top, #50982C, #58A52D); background-image: -ms-linear-gradient(top, #50982C, #58A52D); background-image: -o-linear-gradient(top, #50982C, #58A52D); color: white; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

#happy-dashboard .ribbon-green:before, #happy-dashboard .ribbon-green:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; }

#happy-dashboard .ribbon-green:before { left: 0; }

#happy-dashboard .ribbon-green:after { right: 0; }

#happy-dashboard .next-overview-plans { display: block; background-color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); padding: 20px; min-height: 430px; }

#happy-dashboard .next-overview-plans-selected { display: block; background-color: #ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 2px 2px 4px #43a100; -moz-box-shadow: 3px 3px 4px #43a100; -webkit-box-shadow: 3px 3px 4px #43a100; padding: 20px; min-height: 430px; }

#happy-dashboard .bottom-button { position: absolute; bottom: 15px; width: 90%; }

#happy-dashboard .sticker { margin-left: -20px; margin-top: -20px; width: 90px; position: absolute; }

#happy-dashboard .mobile-radio { background-color: #5A9642; color: white; margin: 0px 0px 6px 0px; padding: 20px; font-size: 20px; border-width: 4px; border-color: black; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

#happy-dashboard .mobile-radio input[type='radio'] { display: none; }

#happy-dashboard #ga_pixel_start_q { display: none; }

#happy-dashboard .ga_start_q_conversion { background-image: url("https://www.facebook.com/tr?ev=6022108765368&amp;cd[value]=0.00&amp;cd[currency]=USD&amp"); }

#happy-dashboard #fb_pixel_rich { display: none; }

#happy-dashboard .fb_pixel_rich { background-image: url("https://www.facebook.com/tr?ev=6026633047768&amp;cd[value]=0.00&amp;cd[currency]=USD&amp"); }

#happy-dashboard .hello-header-wrap { background: url(//dy7glz37jgl0b.cloudfront.net/images/body-bg-modal.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#happy-dashboard .hello-header-wrap h2 { padding-bottom: 0px; color: white; }

#happy-dashboard .ui-autocomplete { position: absolute; z-index: 1000; cursor: default; padding: 0; margin-top: 2px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

#happy-dashboard .ui-autocomplete > li { padding: 3px 20px; }

#happy-dashboard .ui-autocomplete > li.ui-state-focus { background-color: #DDD; }

#happy-dashboard .ui-helper-hidden-accessible { display: none; }

#happy-dashboard #dashboard-loading { position: absolute; width: 100%; height: 100%; left: 0; right: 0; z-index: 3; -webkit-transition: 1s cubic-bezier(0.42, -0.19, 0.5, 1.15); }

#happy-dashboard #dashboard-loading img { margin: auto; max-width: 65%; max-height: 100%; vertical-align: middle; border: 0; left: 0; right: 0; position: absolute; top: 30vh; padding: 31px; border-radius: 25px; -webkit-transition: 1.5s cubic-bezier(0.42, -0.19, 0.5, 1.15); }

#happy-dashboard #dashboard-loading.clear img { /*top: 0;*/ top: 10%; max-width: 40%; max-height: 40%; -webkit-transition: 1s; }

#happy-dashboard .counselor .media-body h5 { color: #5faa41; }

#happy-dashboard ol.flex-control-nav, #happy-dashboard ul.flex-direction-nav, #happy-dashboard nav ul { display: none; }

#happy-dashboard .flexslider { width: 100%; height: 45vh; bottom: 10vh; position: absolute; display: none; }

#happy-dashboard .slides { font-size: 3.75vh; line-height: 1.75em; }

#happy-dashboard .flexslider .slides img { width: 100%px; height: 600px; }

#happy-dashboard .media { height: 45vh; }

#happy-dashboard .start-testimonial-text { font-style: normal; font-size: 90%; line-height: 1.3em; }

#happy-dashboard span.be-happy { position: relative; top: 50%; font-size: 10vh; }

#happy-dashboard div#current-stats { position: absolute; bottom: 0; background-color: #5faa41; z-index: 1; width: 100%; height: 10vh; text-align: center; display: none; }

#happy-dashboard span#number-helped { /* top: 40%; */ line-height: normal; position: relative; font-size: 5vh; font-weight: bold; top: 20px; text-transform: uppercase; color: white; vertical-align: middle; }

#happy-dashboard div#deserve-happy { width: 100vw; height: 100vh; background-color: #333; position: absolute; top: 0; right: 0; left: 0; z-index: 2; font-size: 4em; text-align: center; display: none; font-weight: bolder; }

#happy-dashboard span#be-happy { position: relative; top: 60%; font-size: 1.2em; color: white; text-transform: uppercase; display: none; }

#happy-dashboard .media-heading { margin: 3px 15px 0; font-size: .7em; }

#happy-dashboard li { line-height: 20px; }

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

#happy-dashboard p { margin: 0 0 10px; }

#happy-dashboard .flexslider { overflow: hidden; }

#organization-terms .underline { border-bottom: 1px solid #444444; padding-top: 15px; clear: both; }

#organization-terms ol { counter-reset: section; list-style-type: none; }

#organization-terms ol > li { position: relative; }

#organization-terms li:before { counter-increment: section; content: counters(section, ".") ". "; font-weight: bold; }

#organization-terms .counter-list > li:before { position: absolute; left: -1.9em; }

#organization-terms .counter-list li { padding-left: 4px; }

#organization-terms .counter-list.inner-list { padding-left: 65px; }

#organization-terms .counter-list.inner-list li { padding-left: 25px; }

#organization-terms .counter-list.double-digits { padding-left: 50px; }

#organization-terms .counter-list.double-digits li { padding-left: 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: 100px; }

#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 .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(95, 170, 65, 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; } }

#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 #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: #ececec; border-bottom: 1px solid #DDDDDD; 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: #5faa41; 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: #DDDDDD; font-size: 12px; line-height: 14px; text-align: center; }

#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-entry { background-color: #fff; overflow-y: scroll; padding-top: 87px; }

#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.on { color: #5faa41; }

#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: #5faa41; background-color: #f3f9f1; }

#journal_v2 #body-container footer { display: none; }

.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_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 .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 #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 { color: #5faa41; -webkit-text-fill-color: #5faa41; 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-entry { border-left: 0; padding-top: 80px; }
  #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 4px 4px 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: 12px; }
  .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 #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; } }

#journal-settings { height: calc(100vh - 150px); padding-bottom: 150px; width: 100%; overflow-y: scroll; z-index: 9; position: fixed; top: 150px; background-color: #DDDDDD; }

#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; }

@media (max-width: 767px) { #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; } }

#verify_email .alert-code-not-received { margin-top: 20px; background-color: #DDDDDD; border-color: #DDDDDD; color: black; font-weight: 400; text-align: center; }

#voucher .font-brand-color { color: #5faa41; }

#voucher .bg-brand-primary { background-color: #5faa41; border-color: #5faa41; }

#voucher .bg-brand-primary:hover { background: #4a8533; border-color: #4a8533; }

#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: #5faa41; -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; } }

#taboola #body-container #content-container { padding-top: 60px; font-family: 'Lato', Helvetica, Arial, sans-serif; }

#taboola .header-img-container { min-height: 700px; padding-left: 0; padding-right: 0; }

#taboola .article-header-image { max-width: 100%; margin: 0 auto; }

#taboola .pull-upwards { position: relative; top: -700px; }

#taboola .article-header { height: auto; max-width: 90%; margin: 0 auto 64px; font-family: 'Roboto slab', serif; font-weight: 600; font-size: 48px; line-height: 58px; color: #444444; }

#taboola .article-header .drop-case-numeral { float: left; font-size: 240px; font-weight: 700; line-height: 192px; color: #5faa41; padding-right: 32px; }

#taboola .article-lead { margin-bottom: 64px; font-size: 24px; font-weight: 400; line-height: 36px; color: #444444; }

#taboola .article-lead strong { font-weight: 600; color: #222222; }

#taboola .article-ordered-list { margin-bottom: 64px; }

#taboola .article-ordered-list ol { list-style: none; counter-reset: item; margin-top: -64px; padding-inline-start: 64px; padding-right: 64px; font-size: 20px; font-weight: 400; }

#taboola .article-ordered-list ol li { counter-increment: item; }

#taboola .article-ordered-list ol li:before { margin-right: 10px; display: inline-block; position: relative; left: -40px; top: 48px; font-family: 'Roboto Slab', Serif; font-weight: 600; font-size: 56px; line-height: 48px; color: #5faa41; content: counter(item); }

#taboola .article-ordered-list ol li h3 { margin-bottom: 16px; font-size: 24px; font-weight: 600; color: #222222; }

#taboola .article-trial-link { padding-top: 32px; font-weight: 600; font-size: 24px; text-align: center; }

#taboola .article-section-division { height: 4px; margin-bottom: 32px; color: #eeeeee; }

#taboola .article-cta { margin-top: 0; margin-bottom: 32px; padding: 32px; background-color: #2E4057; border: 1px solid #222f40; color: #EEEEEE; }

#taboola .start-form-wrapper { max-width: 555px; margin: 0 auto; min-height: 300px; }

#taboola #start-question-slider .questionnaire-content-label #insurance_description { display: block; }

#taboola #start-question-slider .questionnaire-content-label small:after { content: ""; display: block; }

@media (max-width: 1199px) { #taboola .header-img-container { min-height: 600px; }
  #taboola .pull-upwards { top: -600px; } }

@media (max-width: 991px) { #taboola .header-img-container { min-height: 400px; }
  #taboola .pull-upwards { top: -400px; } }

@media (max-width: 767px) { #taboola .header-img-container { min-height: 300px; }
  #taboola .pull-upwards { top: -300px; } }

@media (max-width: 480px) { #taboola .header-img-container { min-height: 180px; }
  #taboola .pull-upwards { top: -180px; }
  #taboola .article-header { margin-bottom: 32px; font-size: 30px; line-height: 40px; }
  #taboola .article-header .drop-case-numeral { padding-right: 16px; font-size: 150px; line-height: 120px; }
  #taboola .article-ordered-list ol { padding-inline-start: 24px; padding-right: 24px; }
  #taboola .header-img-container { min-height: 180px; }
  #taboola .pull-upwards { top: -180px; } }

#service-comparison-table { max-width: 750px; padding-top: 3rem; }

#service-comparison-table .hide-over-400px { display: none; }

#service-comparison-table h2 { margin-bottom: 3rem; }

#service-comparison-table .table-comparison-text .tooltip-inner { width: 150px; }

#service-comparison-table .background-transparent { background-color: transparent; }

#service-comparison-table .text-align-center { text-align: center; }

#service-comparison-table .table-column-box-shadow { background-color: #fafaf0; box-shadow: inset 2px 2px 2px 2px black; }

#service-comparison-table .margin-left-10px { margin-left: 10px; }

#service-comparison-table img.bh-brand-logo { max-width: 150px; margin: 0 auto; padding: 10px 5px 0; min-width: 35px; }

#service-comparison-table .bh-table-total-price { text-align: center; box-shadow: 0 -5px 5px -5px inset; padding: 20px 10px; }

#service-comparison-table h2, #service-comparison-table thead { text-align: center; }

#service-comparison-table table.table { width: 100%; vertical-align: middle; }

#service-comparison-table table.table thead .last-column { font-weight: 400; font-size: 2.5rem; }

#service-comparison-table table.table tr { border-top: 1px solid #DDDDDD; }

#service-comparison-table table.table tr.table-row-bottomandcentered { vertical-align: bottom; text-align: center; }

#service-comparison-table table.table tr td, #service-comparison-table table.table tr th { float: none; padding: 10px; height: 100%; position: relative; }

#service-comparison-table table.table tr td.bh-table-total-price, #service-comparison-table table.table tr th.bh-table-total-price { padding: 20px 10px; }

#service-comparison-table table.table tr td:nth-child(even):before, #service-comparison-table table.table tr th:nth-child(even):before { box-shadow: -3px 0 3px -3px inset; content: ""; color: black; height: 100%; left: -3px; position: absolute; top: 0; width: 3px; }

#service-comparison-table table.table tr td:nth-child(even):after, #service-comparison-table table.table tr th:nth-child(even):after { box-shadow: 3px 0 3px -3px inset; content: " "; color: black; height: 100%; position: absolute; top: 0; right: -3px; width: 3px; }

#service-comparison-table table.table tr td .question-circle-o span, #service-comparison-table table.table tr th .question-circle-o span { font-family: Lato, sans-serif; line-height: 1.25; padding: 10px 15px; }

#service-comparison-table .comparison_table_tooltip { color: #888888; }

#service-comparison-table .comparison_table_tooltip:hover { color: black; }

#service-comparison-table .table-comparison-icon { text-align: center; color: #888888; font-weight: 700; }

#service-comparison-table .table-comparison-icon.feature-present { color: #5faa41; font-size: 20px; }

#service-comparison-table .table-comparison-icon.feature-present-not { color: #AF2225; font-size: 14px; font-weight: 400; }

#service-comparison-table .table-comparison-icon.question-mark { font-size: 22px; }

#service-comparison-table #comparison-table-footer tr.trial-reduction { color: #AF2225; font-weight: 700; border: none; background-color: white; }

#service-comparison-table #comparison-table-footer tr.trial-reduction .no-box-shadow:before, #service-comparison-table #comparison-table-footer tr.trial-reduction .no-box-shadow:after { box-shadow: none !important; }

#main #service-comparison-table table.table tbody tr:last-child { border-bottom: 1px solid #DDDDDD; }

#main #service-comparison-table, #start-go2 #service-comparison-table { max-width: initial; padding-top: 0; margin-bottom: 20px; }

#main #service-comparison-table table.table thead th, #start-go2 #service-comparison-table table.table thead th { vertical-align: middle; }

#main #service-comparison-table table.table thead th.last-column, #start-go2 #service-comparison-table table.table thead th.last-column { font-size: 1.2em; }

#main #service-comparison-table table.table thead img.bh-brand-logo, #start-go2 #service-comparison-table table.table thead img.bh-brand-logo { max-width: 120px; padding: 0; }

#start-go2 .comparison-table-wrap { font-size: 1.2em; padding: 30px 0; background-color: #F5F5F5; }

#start-go2 .comparison-table-wrap #service-comparison-table h2 { margin-top: 0; }

#start-go2 .comparison-table-wrap #service-comparison-table table.table { border-radius: 10px; background-color: white; }

#start-go2 .comparison-table-wrap #service-comparison-table table.table thead tr { border-top: 0; }

#start-go2 .comparison-table-wrap #service-comparison-table table.table tr td:first-child { padding: 10px 10px 10px 20px; }

@media (max-width: 767px) { #main .comparison-table-wrap #service-comparison-table table.table thead th.last-column, #start-go2 .comparison-table-wrap #service-comparison-table table.table thead th.last-column { font-size: 1em; }
  #main .comparison-table-wrap #service-comparison-table table.table thead img.bh-brand-logo, #start-go2 .comparison-table-wrap #service-comparison-table table.table thead img.bh-brand-logo { max-width: 90px; }
  #main .comparison-table-wrap #service-comparison-table table.table tr td, #start-go2 .comparison-table-wrap #service-comparison-table table.table tr td { padding: 7px; }
  #main .comparison-table-wrap #service-comparison-table table.table tr td:first-child, #start-go2 .comparison-table-wrap #service-comparison-table table.table tr td:first-child { font-size: 0.9em; }
  #start-go2 .comparison-table-wrap #service-comparison-table table.table tr td { padding: 2px; }
  #start-go2 .comparison-table-wrap #service-comparison-table table.table tr td:first-child { padding: 5px 5px 5px 10px; font-size: 0.8em; } }

@media (max-width: 500px) { #service-comparison-table table.table thead th { vertical-align: middle; }
  #service-comparison-table table.table thead th.last-column { font-size: 1.5rem; }
  #service-comparison-table img.bh-brand-logo { max-width: 100px; } }

@media (max-width: 400px) { #service-comparison-table .examples-tooltip[id*='tooltip'] { left: 0; right: -15%; bottom: 30px; } }

@media (max-width: 320px) { #service-comparison-table table.table tr td, #service-comparison-table table.table tr th { padding: 7px; font-size: 13px; } }

@media (min-width: 768px) { #regAllSteps { margin-top: -40px; margin-bottom: 30px; z-index: 9; }
  #mobile_quiz_p2 .question { background-color: #F5F5F5; font-size: 16px; border-radius: 5px; padding: 30px; margin-bottom: 20px; }
  #mobile_quiz_p2 .question p { margin-top: 0; color: #888888; font-weight: 700; }
  #mobile_quiz_p2 .question .questionnaire-content-label { font-size: 26px; line-height: 1.3; }
  #mobile_quiz_p2 .question label.radio, #mobile_quiz_p2 .question label.checkbox, #mobile_quiz_p2 .question label.range { padding-left: 30px; color: #444444; cursor: pointer; line-height: 30px; margin-top: 20px; }
  #mobile_quiz_p2 .question label.range { padding-left: 0 !important; }
  #mobile_quiz_p2 .question select { font-size: 16px; margin-top: 15px; padding: 0 15px; height: 40px; }
  #mobile_quiz_p2 .question .radio input[type="radio"], #mobile_quiz_p2 .question .radio-inline input[type="radio"], #mobile_quiz_p2 .question .checkbox input[type="checkbox"], #mobile_quiz_p2 .question .checkbox-inline input[type="checkbox"] { margin-left: -25px; line-height: 30px; margin-top: 8px; }
  #mobile_quiz_p2 .question .btn { margin-top: 15px; } }

#regAllSteps { width: 100%; background-color: #d7d7d7; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; }

#regProgress { height: 9px; background-color: #4876B0; }

#mobile_quiz_p2 #regProgress { width: 9%; }

#mobile_quiz_p3 #regProgress { width: 65%; }

#mobile_quiz_p3 .gray-block { padding: 20px; margin-bottom: 20px; background-color: #F5F5F5; border-radius: 5px; overflow: auto; }

#mobile_quiz_p3 .gray-block label.checkbox { margin-left: 20px; }

#smart_match #regProgress { width: 72%; }

#overview #regProgress { width: 85%; }

#next #regProgress { width: 93%; }

@media (max-width: 767px) { #mobile_quiz_p2 #regAllSteps { z-index: 9; }
  #mobile_quiz_p2 .ff-question-container { margin-bottom: 20px; }
  #mobile_quiz_p2 .question { margin: 0 -20px; padding: 20px; }
  #mobile_quiz_p2 .question:nth-of-type(odd) { background-color: #F5F5F5; }
  #mobile_quiz_p2 .question:nth-of-type(n+2) { min-height: 50vh; }
  #mobile_quiz_p2 .questionnaire-content-label { color: #444444; line-height: 1.4em; font-size: 20px; }
  #mobile_quiz_p2 label.radio { font-size: 16px; padding: 15px 20px; line-height: 1.3; color: white; background-color: #5faa41; margin: 10px 0; border-radius: 5px; }
  #mobile_quiz_p2 label.radio:active, #mobile_quiz_p2 label.radio:focus, #mobile_quiz_p2 label.radio.funnel-answer-box-selected { color: white; background-color: #123123; }
  #mobile_quiz_p2 label.radio input[type='radio'] { display: none; }
  #mobile_quiz_p2 .next { margin-top: 25px; }
  #mobile_quiz_p2 .next .btn { background-color: #E36039; }
  #mobile_quiz_p2 .next .btn:hover { background-color: #d85932; }
  #mobile_quiz_p2 #starts .container { padding: 0; } }

#counselors_near_me { background-image: linear-gradient(rgba(32, 77, 14, 0.8), rgba(26, 67, 10, 0.8)), url("//dy7glz37jgl0b.cloudfront.net/home/betterhelp/hero-bg.jpg"); background-size: cover; background-position: center center; overflow: hidden; }

#counselors_near_me header, #counselors_near_me footer { display: none; }

#counselors_near_me #body-container #content-container { padding-top: 15%; }

#counselors_near_me .title { font-weight: 300; font-family: "Roboto Slab", serif; padding: 40px 20px 20px 20px; color: white; line-height: 1.4em; text-align: center; font-size: 28px; }

#counselors_near_me #finding-counselors #counselors-slideshow { position: relative; text-align: center; }

#counselors_near_me #finding-counselors #counselors-slideshow img { width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; border: 5px solid white; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }

#counselors_near_me #finding-counselors #counselors-slideshow .counselor-name { text-align: center; font-size: 18px; color: white; margin-top: 20px; }

#counselors_near_me #finding-counselors #counselors-slideshow > div { position: absolute; top: 10px; left: 5px; right: 5px; bottom: 5px; }

#counselors_near_me #found-counselors { display: none; }

#counselors_near_me #found-counselors .btn { width: 90%; display: block; max-width: 200px; margin: 0 auto; }

@media (max-width: 767px) { #counselors_near_me #body-container #content-container { padding-top: 20%; } }

#health-quiz { color: #666666; /* Levels */ /* Labels */ /* Slider bar */ /* Slider Knob */ }

#health-quiz #health-quiz-intro { text-align: center; font-family: 'Roboto Slab', serif; margin-bottom: 10px; }

#health-quiz #health-quiz-intro h1 { font-weight: 500; margin: 0; padding: 0; }

#health-quiz #health-quiz-prompt { background-color: white; }

#health-quiz #health-quiz-prompt .col-md-12 { text-align: center; font-size: 18px; width: 100%; background-color: #315778; color: white; margin: 20px auto 10px auto; border-radius: 0px; padding: 10px 20px; display: inline-block; }

#health-quiz #health-quiz-prompt #health-quiz-rate { padding-top: 10px; background-color: white; }

#health-quiz #health-quiz-prompt #health-quiz-rate ul { color: #444444; text-align: center; margin: 0 0 10px 0; padding: 0; font-weight: bold; width: 100%; }

#health-quiz #health-quiz-prompt #health-quiz-rate ul li { display: inline-block; list-style-type: none; width: 24%; font-size: 14px; line-height: 1.2em; }

#health-quiz #health-quiz-prompt #health-quiz-rate ul li div { width: 60%; margin: 0 auto; }

#health-quiz .fixed-prompt { position: fixed; width: 100%; top: 0; left: 0; z-index: 500; }

#health-quiz #health-quiz-questions .rate-prompt { font-size: 16px; line-height: 1.2em; padding-left: 90px; display: table; width: 100%; min-height: 92px; color: #444444; }

#health-quiz #health-quiz-questions .rate-prompt div { display: table-cell; vertical-align: middle; }

#health-quiz #health-quiz-questions .rate-wrap:nth-child(even) { background-color: white; }

#health-quiz #health-quiz-questions .rate-wrap:nth-child(odd) { background-color: #F5F5F5; }

#health-quiz #submit-questions button { background-color: #5faa41; display: block; color: white; margin: 20px auto; }

#health-quiz #submit-questions button:hover { background-color: #599e3d; }

#health-quiz .radios-to-slider { background-color: #e0e0e0; display: block; position: relative; margin: 30px auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; }

#health-quiz .radios-to-slider.medium { height: 22px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; padding: 5px; }

#health-quiz .radios-to-slider .slider-level { background-color: #fff; cursor: pointer; position: absolute; display: block; }

#health-quiz .radios-to-slider .slider-level.slider-lower-level { opacity: 0.2; }

#health-quiz .radios-to-slider.medium .slider-level { width: 22px; height: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; z-index: 2; }

#health-quiz .slider-label { position: absolute; display: block; cursor: pointer; color: #5e5e5e; text-align: center; }

#health-quiz .slider-label-active { font-weight: bold; }

#health-quiz .radios-to-slider.medium .slider-label { top: -50px; width: 44px; }

#health-quiz .radios-to-slider .slider-bar { background-color: #00b4f1; float: left; height: 100%; width: 0; pointer-events: none; display: none; position: absolute; left: 0; top: 0; }

#health-quiz .slider-bar.transition-enabled { -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; }

#health-quiz .radios-to-slider.medium .slider-bar { -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; }

#health-quiz .slider-knob { float: right; background-color: #0977B5; }

#health-quiz .radios-to-slider.medium .slider-knob { width: 32px; height: 32px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; }

#health-score #start-steps { color: #444444; text-align: center; padding: 30px 0; }

#health-score #start-steps img { max-width: 130px; }

#health-score #start-steps p { max-width: 80%; font-size: 15px; line-height: 1.4em; margin: 0 auto 20px auto; }

#health-score #hs-header { text-align: center; font-family: 'Roboto Slab', serif; }

#health-score #hs-results { text-align: center; }

#health-score #hs-results .score-wrap { width: 90%; display: block; margin: 0 auto; }

#health-score #hs-results .score-wrap .col-md-5 { width: 47%; }

#health-score #hs-results .score-wrap .col-md-5:nth-child(2) { float: right; }

#health-score #hs-results .depression { background-color: rgba(95, 170, 65, 0.1); }

#health-score #hs-results .depression h3 { color: #5faa41; border-bottom: 1px solid #5faa41; }

#health-score #hs-results .anxiety { background-color: rgba(49, 87, 120, 0.1); }

#health-score #hs-results .anxiety h3 { color: #315778; border-bottom: 1px solid #315778; }

#health-score #hs-results .depression, #health-score #hs-results .anxiety { font-size: 15px; line-height: 1.5em; border-radius: 7px; overflow: hidden; padding: 0; min-height: 830px; }

#health-score #hs-results .depression div:nth-child(n+2), #health-score #hs-results .anxiety div:nth-child(n+2) { padding: 5px 20px; }

#health-score #hs-results .depression div:nth-child(2), #health-score #hs-results .anxiety div:nth-child(2) { padding: 20px 20px 0 20px; }

#health-score #hs-results .depression h3, #health-score #hs-results .anxiety h3 { text-align: center; font-size: 20px; padding-bottom: 5px; }

#health-score #hs-results .depression-score { background-color: #5faa41; }

#health-score #hs-results .anxiety-score { background-color: #315778; }

#health-score #hs-results .depression-score, #health-score #hs-results .anxiety-score { color: white; font-size: 20px; padding: 20px; }

#health-score #hs-results .risks { text-align: left; }

#health-score #hs-results .solutions { text-align: left; }

#health-score #bh-cta { background-color: white; margin-top: 40px; color: #666666; border-top: 1px solid #CCCCCC; text-align: center; }

#health-score #bh-cta .mtop20 { margin-top: 20px; }

#health-score #bh-cta h2 { font-size: 28px; font-family: 'Roboto Slab', serif; color: #5faa41; font-weight: 500; margin-bottom: 10px; }

#health-score #bh-cta h3 { font-size: 26px; margin: 5px 0 10px 0; font-family: 'Roboto Slab', serif; padding: 0; font-weight: 300; color: #444444; }

#health-score #bh-cta span { font-size: 20px; font-weight: bold; color: #888888; }

#health-score #bh-cta a { margin-top: 10px; }

#health-score #bh-cta .score-wrap { width: 90%; display: block; margin: 0 auto; }

#health-score #bh-cta .score-wrap .col-md-5 { width: 47%; padding: 0; }

#health-score #bh-cta .score-wrap .col-md-5:nth-child(2) { float: right; }

#health-score #bh-cta .depression { background-color: white; }

#health-score #bh-cta .depression h3 { color: #5faa41; border-bottom: 1px solid #5faa41; }

#health-score #bh-cta .anxiety { background-color: white; }

#health-score #bh-cta .anxiety h3 { color: #315778; border-bottom: 1px solid #315778; }

#health-score #bh-cta .depression-score { background-color: #5faa41; }

#health-score #bh-cta .anxiety-score { background-color: #315778; }

#health-score #bh-cta .depression-score, #health-score #bh-cta .anxiety-score { color: white; font-size: 18px; padding: 10px; }

#health-score #bh-cta .sentence { text-align: left; }

#health-score #bh-cta .sentence p { margin-bottom: 20px; }

#health-signup label { font-size: 16px; }

#health-signup label.radio { font-weight: 500; font-size: 14px; }

#health-signup .question { display: inline-block; vertical-align: top; margin: 10px 0; }

#health-signup .question .form-group .radio { margin-left: 20px; }

#health-signup .question:nth-child(2) { width: 45%; }

#health-signup .question:nth-child(3) { width: 45%; float: right; }

#health-signup .question:nth-child(4) { width: 45%; }

#health-signup .question:nth-child(5) { width: 45%; float: right; }

#health-signup .question:nth-child(6) { width: 100%; }

#health-signup .question:nth-child(7) { width: 100%; }

#health-signup .question:nth-child(8) { width: 100%; }

#health-signup .country { display: none; }

#health-signup .input-lg, #health-signup .input-group-lg > .form-control, #health-signup .input-group-lg > .input-group-addon, #health-signup .input-group-lg > .input-group-btn > .btn { height: 36px; font-size: 16px; }

#health-signup #start-email { width: 100%; }

#health-signup .alert { margin-bottom: 20px; }

#health-signup h1 { font-size: 28px; font-family: 'Roboto Slab', serif; color: #5faa41; font-weight: 500; margin-bottom: 30px; text-align: center; }

#health-signup h3 { text-align: center; color: #888888; }

@media (min-width: 993px) and (max-width: 1200px) { #health-score #hs-results .depression, #health-score #hs-results .anxiety { min-height: 870px; } }

@media (max-width: 992px) { #health-score #hs-results .score-wrap .col-md-5, #health-score #bh-cta .score-wrap .col-md-5 { width: initial; margin-bottom: 20px; }
  #health-score #hs-results .depression, #health-score #hs-results .anxiety { min-height: inherit; }
  #health-quiz #health-quiz-questions .rate-prompt { padding-left: 0; text-align: center; min-height: inherit; margin-bottom: 20px; }
  #health-quiz #health-quiz-prompt { background-color: #315778; color: white; }
  #health-quiz #health-quiz-prompt .col-md-12 { font-size: 16px; padding: 10px; margin: 0; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li:first-child { text-align: left; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li:last-child { text-align: right; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li:nth-child(2) div { margin-left: -5px; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li:nth-child(3) div { margin-left: 20%; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li { font-size: 12px; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li div { width: 80%; }
  #health-quiz #health-quiz-prompt #health-quiz-rate .col-md-6 { padding: 0; } }

@media (max-width: 767px) { #health-quiz #health-quiz-intro h1 { font-size: 22px; }
  #health-quiz #health-quiz-questions .rate-wrap { border-bottom: 1px solid #CCCCCC; }
  #health-quiz #health-quiz-prompt .col-md-12 { line-height: 1.4; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li { font-size: 12px; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li div { width: 80%; }
  #health-score #bh-cta h2 { font-size: 22px; }
  #health-score #bh-cta h3 { font-size: 18px; }
  #health-score #bh-cta span { font-size: 17px; }
  #health-score #bh-cta .depression-score, #health-score #bh-cta .anxiety-score { font-size: 16px; }
  #health-signup .question { display: inline-block; vertical-align: top; margin: 10px 0; }
  #health-signup .question .form-group .radio { margin-left: 20px; }
  #health-signup .question:nth-child(2) { width: 100%; }
  #health-signup .question:nth-child(3) { width: 100%; float: right; }
  #health-signup .question:nth-child(4) { width: 100%; }
  #health-signup .question:nth-child(5) { width: 100%; float: right; }
  #health-signup h1 { display: none; }
  #health-signup h3 { display: none; } }

@media (max-width: 400px) { #health-quiz #health-quiz-questions .rate-prompt { font-size: 14px; line-height: 1.4em; }
  #health-quiz #health-quiz-prompt .col-md-12 { line-height: 1.4; font-size: 14px; margin: 10px auto; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li:nth-child(2) div { margin-left: 0px; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li:nth-child(3) div { margin-left: 15px; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li { font-size: 12px; }
  #health-quiz #health-quiz-prompt #health-quiz-rate ul li div { width: 80%; } }

#worksheet_library .form-inline { text-align: right; }

#worksheet_library .form-inline input { padding: 0 10px; border-radius: 5px 0 0 5px; width: 79%; height: 35px; }

#worksheet_library .form-inline button { padding: 0 10px; border-radius: 0 5px 5px 0; width: 20%; border-width: 0; height: 35px; margin-left: -4px; }

#worksheet_library .block a { cursor: pointer; display: block; margin: 5px 0; }

#attach-from-library .select-client-wrap, #attach-from-library .attach-for-client { display: inline-block; vertical-align: middle; }

#attach-from-library .select-client-wrap select { margin-left: 5px; display: inline-block; width: 200px; }

#attach-from-library .attach-for-client { float: right; }

@media (max-width: 767px) { #attach-from-library { text-align: center; }
  #attach-from-library .select-client-wrap, #attach-from-library .attach-for-client { display: block; }
  #attach-from-library .select-client-wrap select { margin-left: 0; margin-top: 5px; display: block; width: 100%; }
  #attach-from-library .attach-for-client { float: none; margin-top: 20px; }
  #attach-from-library .attach-for-client a { width: 100%; }
  #worksheet_library .col-xs-7 { padding-left: 0; }
  #worksheet_library .block { font-size: 12px; padding: 10px; word-wrap: break-word; }
  #worksheet_library .block a { margin: 12px 0; }
  #worksheet_library .form-inline { margin-bottom: 20px; }
  #worksheet_library .form-inline input { display: inline-block; vertical-align: middle; }
  #worksheet_library .form-inline button { display: inline-block; vertical-align: middle; } }

#account_recovery .form-horizontal .form-group { margin: 0; }

#account_recovery .recovery-images { width: 90%; margin: 0 auto; }

#account_recovery .recovery-images img { margin-bottom: 20px; }

#account_recovery .recovery-images .img-row img { display: inline-block; width: 48.5%; }

#account_recovery .recovery-images .img-row img:first-child { margin-right: 10px; }

#account_recovery .recovery-images .img-row img:nth-child(2) { float: right; }

#account_recovery .recovery-images .img-row.first-img-large img { width: 39%; }

#account_recovery .recovery-images .img-row.first-img-large img:first-child { width: 58%; }

#account_recovery h3 { margin-bottom: 10px; }

#account_recovery #uploaded { padding: 20px 0; }

#account_recovery #uploaded #uploaded-image { max-height: 300px; }

#account_recovery .custom-file-upload input[type="file"] { display: none; }

#account_recovery .box { border: 1px solid #DDDDDD; padding: 15px; }

#account_recovery .btn-dismiss { margin-right: 10px; }

@media (max-width: 767px) { #account_recovery h1 { font-size: 1.2em; }
  #account_recovery h3 { font-size: 1em; }
  #account_recovery .recovery-images { width: 100%; }
  #account_recovery .recovery-images .img-row img { width: 47%; }
  #account_recovery .recovery-images .img-row.first-img-large img { width: 90%; max-width: 370px; margin-left: auto; margin-right: auto; display: block; }
  #account_recovery .recovery-images .img-row.first-img-large img:first-child { width: 100%; }
  #account_recovery .recovery-images .img-row.first-img-large img:nth-child(2) { float: none; } }

.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; } }

.payment_clean #next-outer-clean { padding: 20px; background-color: #F5F5F5; }

.payment_clean #next-outer-clean #subscribe_cannot_afford_wrapper { display: block; }

.payment_clean #next-outer-clean #subscribe_cannot_afford_wrapper #modal-not-ready-btn { display: inline-block; }

#clean-modal-body { padding: 35px; }

.clean-payment { width: 100%; }

.payment_clean { padding: 0; }

.payment_clean .payment-outer-clean { border-radius: 5px; display: inline-block; margin-top: 0; width: 100%; }

.payment_clean .payment-outer-clean #payment-breakdown { width: 100%; }

.payment_clean .payment-outer-clean #payment-breakdown #clean-table-body { vertical-align: top; }

.payment_clean .payment-outer-clean #payment-breakdown #clean_promo { color: white; }

.payment_clean .payment-outer-clean #payment-breakdown #clean_promo #promo_discount_text_clean { background-color: #E0AB50; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 3px 0 3px 7px; }

.payment_clean .payment-outer-clean #payment-breakdown #clean_promo #promo_discount_value_clean { background-color: #E0AB50; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 3px 7px 3px 0; }

.payment_clean .payment-outer-clean #payment-breakdown #clean_divider { padding-top: 6px; }

.payment_clean .payment-outer-clean #payment-breakdown td { padding-bottom: 3px; }

.payment_clean .payment-outer-clean #payment-breakdown td.total-cost { padding-top: 5px; }

.payment_clean .payment-outer-clean #payment-breakdown .table-clean-payment-cost { text-align: right; }

.payment_clean .payment-outer-clean #payment-breakdown #payment-total { border-top: 1px solid #9c9c9c; }

.payment_clean .payment-outer-clean #payment-cc { margin-top: 25px; }

#next .payment_clean #next-outer-clean #subscribe_cannot_afford_wrapper #modal-not-ready-btn { vertical-align: top; }

#next .payment_clean #next-outer-clean #paypal-fields, #next .payment_clean #next-outer-clean .applepay-selected, #next .payment_clean #next-outer-clean .googlepay-selected { display: inline-block; }

#next .payment_clean #next-outer-clean .alternate_pay_btn#applepay-checkout { width: auto; height: auto; }

#next .payment_clean #next-outer-clean .googlepay-selected { width: auto; height: auto; }

#precheckout-body #cake_discounts { padding: 10px; background-color: #E0AB50; color: white; width: 100%; margin-top: 15px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 5px; }

#precheckout-body #payment-breakdown { width: 100%; margin-top: 0; }

@media (max-width: 991px) { #next .payment_clean #next-outer-clean #subscribe_cannot_afford_wrapper #modal-not-ready-btn { vertical-align: top; margin-left: 0; margin-top: 10px; }
  #next .payment_clean #next-outer-clean #cake-modal-submit-no-trial-btn { display: block; }
  #next .payment_clean #next-outer-clean #paypal-fields, #next .payment_clean #next-outer-clean .applepay-selected, #next .payment_clean #next-outer-clean .googlepay-selected { display: block; } }

@media (max-width: 767px) { .payment_clean .payment-outer-clean { font-size: 13px; }
  .payment_clean .payment-outer-clean#next-outer-clean { padding: 15px; }
  .payment_clean .payment-outer-clean#next-outer-clean #cake-modal-submit-btn { font-size: 17px; padding: 0 11.5px; }
  .payment_clean .payment-outer-clean#cake-outer-clean { padding: 0; }
  .payment_clean .payment-outer-clean#cake-outer-clean #payment-breakdown { margin-top: 0; }
  .payment_clean .payment-outer-clean#cake-outer-clean #payment-breakdown .table-clean-payment-text { width: 60%; word-break: break-word; }
  .payment_clean .payment-outer-clean #payment-cc { margin-top: 15px; }
  #clean-modal-body { padding: 20px; } }

@media (max-width: 321px) { .payment_clean .payment-outer-clean { padding: 10px; font-size: 12px; }
  .payment_clean .payment-outer-clean#next-outer-clean #cake-modal-submit-btn { font-size: 15px; } }

.grecaptcha-badge { display: none !important; }

#counselor_landing #body-container #content-container { padding-top: 60px; }

#counselor_landing .counselor-name { background-color: #315778; color: white; }

#counselor_landing .counselor-name .logo { display: none; }

#counselor_landing .counselor-name .photo-name-license img, #counselor_landing .counselor-name .photo-name-license .name-license { display: inline-block; vertical-align: middle; }

#counselor_landing .counselor-name .photo-name-license .name-license { width: 75%; }

#counselor_landing .counselor-name .photo-name-license img { height: 130px; width: 130px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 20px; }

#counselor_landing .counselor-name .photo-name-license h1 { margin-bottom: 0; }

#counselor_landing .counselor-name .photo-name-license.bigger-photo img { height: 150px; width: 150px; border-radius: 50%; border: 2px solid #CCCCCC; }

#counselor_landing .counselor-name .counselor-specialties { margin-top: 10px; color: white; }

#counselor_landing .counselor-name .counselor-specialties .services-offered { margin-top: 10px; }

#counselor_landing .counselor-name .counselor-specialties .services-offered .fa { margin-right: 4px; color: white; display: inline; }

#counselor_landing section { padding: 20px 0; }

#counselor_landing section.gray-bg { background-color: #F5F5F5; }

#counselor_landing section h2 { margin: 0; }

#counselor_landing section h2.mtop30 { margin-top: 30px; }

#counselor_landing .counselor-start { padding: 10px 0; }

#counselor_landing .counselor-start h3 { margin-top: 0; }

#counselor_landing .counselor-start .slider.questionnaire { border-radius: 10px; font-size: 16px; }

#counselor_landing .counselor-start .slider.questionnaire #start-question-slider { margin-bottom: 0; }

#counselor_landing .counselor-start .slider.questionnaire .question:first-child { display: block; }

#counselor_landing .counselor-start .slider.questionnaire.slick-slider { margin-bottom: 0; }

#counselor_landing .counselor-start .slider.questionnaire.slick-slider .question, #counselor_landing .counselor-start .slider.questionnaire.slick-slider .next { display: block; }

#counselor_landing .counselor-start .slider.questionnaire .questionnaire-content { padding: 40px; }

#counselor_landing .counselor-start .slider.questionnaire .questionnaire-content small { display: block; margin-bottom: 10px; }

#counselor_landing .counselor-start .slider.questionnaire p { margin-top: 0; color: #888888; font-weight: 700; }

#counselor_landing .counselor-start .slider.questionnaire .questionnaire-content-label { font-size: 20px; line-height: 1.3; }

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

#counselor_landing .counselor-start .slider.questionnaire label.range { padding-left: 0 !important; }

#counselor_landing .counselor-start .slider.questionnaire select { font-size: 16px; margin-top: 15px; padding: 0 15px; height: 40px; }

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

#counselor_landing .counselor-start .slider.questionnaire .btn { margin-top: 15px; }

#counselor_landing .counselor-start #start-form.button-questionnaire .green-box { background-color: rgba(95, 170, 65, 0.2); padding: 10px; font-size: 18px; border-radius: 5px; margin: 20px; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content { padding: 15px 20px; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content .login-link { display: block; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content small { font-size: 0.7em; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content .show-more-wrapper { margin: 0 0 20px 20px; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content .btn-lg, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content .btn-group-lg > .btn { background-color: #5faa41; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content .btn-lg:hover, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content .btn-group-lg > .btn:hover { background-color: #4a8533; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .questionnaire-content-label { color: #444444; font-size: 20px; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire label.radio { font-size: 18px; padding: 15px 20px; line-height: 1.3; color: white; margin: 10px 0; border-radius: 5px; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire label.radio:active, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire label.radio:focus { color: white; background-color: #5faa41; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire label.radio input[type='radio'] { display: none; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire label.radio, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .country, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .btn-block { background-color: #5faa41; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire label.radio:hover, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .country:hover, #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire .btn-block:hover { background-color: #4a8533; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire #specify_podcast .dropdown-menu { min-width: 0 !important; width: 100% !important; }

#counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire #specify_podcast .filter-option-inner { position: relative; top: 5px; }

#counselor_landing .counselor-reviews { padding-top: 0; }

#counselor_landing .counselor-reviews.testimonial-in-quotes { background-color: transparent; margin: 0 0 30px 0; padding: 20px 40px; color: #444444; border-radius: 10px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .start-quote, #counselor_landing .counselor-reviews.testimonial-in-quotes .end-quote { font-size: 30px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-prev, #counselor_landing .counselor-reviews.testimonial-in-quotes .slick-next { height: 25px; width: 25px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-next:before, #counselor_landing .counselor-reviews.testimonial-in-quotes .slick-prev:before { font-style: normal; font-size: 25px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-next { right: -35px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-prev { left: -35px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-next:before { font-family: FontAwesome; content: "\f105"; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-prev:before { font-family: FontAwesome; content: "\f104"; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-dots li.slick-active button:before { color: #5faa41; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .slick-dots li button:before { color: #888888; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .testimonials { text-align: left; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .testimonials .slide { height: auto; min-height: 130px; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .testimonials .written-by { text-align: center; margin: 0 auto; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .testimonials .slick-slider { margin-bottom: 0; }

#counselor_landing .counselor-reviews.testimonial-in-quotes .testimonial-highlight { font-size: 14px; line-height: 1.7em; font-style: normal; }

#counselor_landing .online-therapy-footer { padding-top: 30px; }

#counselor_landing .online-therapy-footer .work-with-me-button { margin-bottom: 30px; }

#counselor_landing .online-therapy-footer #seo-footer { color: #797979; }

#counselor_landing .online-therapy-footer #seo-footer .panel-heading { cursor: pointer; display: block; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px; position: relative; }

#counselor_landing .online-therapy-footer #seo-footer .panel-heading a { display: block; }

#counselor_landing .online-therapy-footer #seo-footer .panel-heading[data-toggle="collapse"]:after { content: "\f105"; font-family: 'FontAwesome'; position: absolute; color: rgba(95, 170, 65, 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); }

#counselor_landing .online-therapy-footer #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); }

#counselor_landing .online-therapy-footer #seo-footer .panel-body { padding: 10px; }

#counselor_landing .slick-prev:before, #counselor_landing .slick-next:before { color: #00000070; }

#counselor_landing.counselor-landing-deemphasized .deemphasized-start-header { background-color: #315778; padding-left: 15px; padding-right: 15px; }

#counselor_landing.counselor-landing-deemphasized .deemphasized-start-header .know-better, #counselor_landing.counselor-landing-deemphasized .deemphasized-start-header .start-instructions { text-align: center; color: white; }

#counselor_landing.counselor-landing-deemphasized .deemphasized-start-header #start-form { background-color: white; border-radius: 5px; margin: 20px 0 0 0; }

#counselor_landing.counselor-landing-deemphasized .counselor-name { background-color: #F5F5F5; color: #444444; }

#counselor_landing.counselor-landing-deemphasized .counselor-name .photo-name-license { border-bottom: 1px solid #DDDDDD; padding-bottom: 40px; }

#counselor_landing.counselor-landing-deemphasized .counselor-name .counselor-specialties { color: #444444; }

#counselor_landing.counselor-landing-deemphasized .counselor-name .counselor-specialties .services-offered .fa { color: #444444; }

#counselor_landing.counselor-landing-deemphasized .counselor-about-me { padding-top: 10px; }

@media (max-width: 991px) { #counselor_landing .counselor-name .photo-name-license img { height: 100px; width: 100px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }
  #counselor_landing .counselor-name .photo-name-license.bigger-photo img { height: 120px; width: 120px; border-radius: 50%; border: 2px solid #CCCCCC; } }

@media (max-width: 767px) { #counselor_landing #body-container #content-container { padding-top: 0; }
  #counselor_landing.counselor-landing-deemphasized header { display: block; }
  #counselor_landing.counselor-landing-deemphasized #body-container #content-container { padding-top: 60px; }
  #counselor_landing.counselor-landing-deemphasized .deemphasized-start-header h1 { font-size: 26px; }
  #counselor_landing.counselor-landing-deemphasized .counselor-name .logo { display: none; }
  #counselor_landing.counselor-landing-deemphasized .counselor-name .photo-name-license { border-bottom: 0; padding-bottom: 0; }
  #counselor_landing.counselor-landing-deemphasized .counselor-name .counselor-specialties { border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; }
  #counselor_landing header { display: none; }
  #counselor_landing .counselor-name .logo { display: block; }
  #counselor_landing .counselor-name .logo img { width: 150px; margin-bottom: 10px; }
  #counselor_landing .counselor-name .photo-name-license img { height: 60px; width: 60px; border-radius: 50%; border: 2px solid #CCCCCC; margin-right: 10px; }
  #counselor_landing .counselor-name .photo-name-license h1 { font-size: 20px; }
  #counselor_landing .counselor-name .photo-name-license.bigger-photo img { height: 80px; width: 80px; border-radius: 50%; border: 2px solid #CCCCCC; }
  #counselor_landing .counselor-name .photo-name-license.bigger-photo .name-license { width: 72%; }
  #counselor_landing section { padding: 15px 0; }
  #counselor_landing section h2 { font-size: 18px; }
  #counselor_landing .counselor-start { padding-top: 0; }
  #counselor_landing .counselor-start .col-sm-6 { padding-left: 0; padding-right: 0; }
  #counselor_landing .counselor-start #start-form.button-questionnaire .slider.questionnaire { padding: 5px 0; }
  #counselor_landing .counselor-start #start-form.button-questionnaire .green-box { margin: 20px 20px 0 20px; }
  #counselor_landing .counselor-start .slider.questionnaire { padding: 20px 0; background-color: white; }
  #counselor_landing .counselor-start .slider.questionnaire .questionnaire-content-label { color: #444444; font-size: 20px; }
  #counselor_landing .counselor-start .slider.questionnaire label.radio { font-size: 18px; padding: 15px 20px; line-height: 1.3; color: white; background-color: #123123; margin: 10px 0; border-radius: 5px; }
  #counselor_landing .counselor-start .slider.questionnaire label.radio:active, #counselor_landing .counselor-start .slider.questionnaire label.radio:focus { color: white; background-color: #5faa41; }
  #counselor_landing .counselor-start .slider.questionnaire label.radio input[type='radio'] { display: none; }
  #counselor_landing .counselor-start .slider.questionnaire .questionnaire-content { padding: 0 15px; }
  #counselor_landing .counselor-start .slider.questionnaire label.radio, #counselor_landing .counselor-start .slider.questionnaire .country, #counselor_landing .counselor-start .slider.questionnaire .btn-block { background-color: #5faa41; }
  #counselor_landing .counselor-start .slider.questionnaire label.radio:hover, #counselor_landing .counselor-start .slider.questionnaire .country:hover, #counselor_landing .counselor-start .slider.questionnaire .btn-block:hover { background-color: #4a8533; }
  #counselor_landing .counselor-reviews { padding-top: 0; }
  #counselor_landing .counselor-reviews.testimonial-in-quotes { min-height: auto; }
  #counselor_landing .counselor-about-me .work-with-me-button { text-align: center; }
  #counselor_landing footer { display: none; } }

@media (max-width: 320px) { #counselor_landing .counselor-name .photo-name-license.bigger-photo .name-license { width: 66%; } }

#eap .eap-hero { padding: 60px 0; }

#eap .eap-hero.banner-intro { text-align: left; color: white; background: linear-gradient(to right, rgba(18, 18, 18, 0.7) 0%, rgba(5, 5, 5, 0.4) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/public_pages/eap/eap-header-2.jpg"); background: -moz-linear-gradient(left, rgba(18, 18, 18, 0.7) 0%, rgba(5, 5, 5, 0.4) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/public_pages/eap/eap-header-2.jpg"); background: -webkit-linear-gradient(left, rgba(18, 18, 18, 0.7) 0%, rgba(5, 5, 5, 0.4) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/public_pages/eap/eap-header-2.jpg"); background: -o-linear-gradient(left, rgba(18, 18, 18, 0.7) 0%, rgba(5, 5, 5, 0.4) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/public_pages/eap/eap-header-2.jpg"); background: -ms-linear-gradient(left, rgba(18, 18, 18, 0.7) 0%, rgba(5, 5, 5, 0.4) 60%, rgba(0, 0, 0, 0) 100%), url("//dy7glz37jgl0b.cloudfront.net/public_pages/eap/eap-header-2.jpg"); background-size: cover; height: auto; background-position: center center; }

#eap .eap-hero p { font-size: 16px; }

#eap .eap-modalities { background-color: #FAFAF0; }

#eap .eap-modalities .modalities-wrap { margin: 0 auto; max-width: 70%; }

#eap .eap-modalities .modalities-wrap img { display: inline-block; width: 21%; vertical-align: middle; margin-right: 15px; }

#eap .eap-modalities .modalities-wrap img:last-child { margin-right: 0; }

#eap .faq-right-collapse .faq-container { font-size: 1.2em; line-height: 1.4em; }

#eap h1, #eap h2 { font-family: Roboto Slab, serif; font-weight: 400; }

#eap section { padding: 30px 0; }

#eap section h2 { margin-top: 0; }

#eap .eap-experience .icon-description { margin-bottom: 40px; }

#eap .eap-experience .icon-description .icon, #eap .eap-experience .icon-description .description { display: inline-block; vertical-align: middle; }

#eap .eap-experience .icon-description .icon { width: 25%; }

#eap .eap-experience .icon-description .icon img { width: 100%; max-width: 60px; display: block; margin: 0 auto; }

#eap .eap-experience .icon-description .description { width: 70%; padding-left: 10px; }

#eap .eap-feature { padding-bottom: 0; color: white; background-color: #6AA371; }

#eap .eap-program { color: white; padding: 0; }

#eap .eap-program .green-top { background-color: #6AA371; height: 450px; padding: 30px 0; }

#eap .eap-program .program-items { list-style-type: none; margin-left: 0; padding-left: 0; }

#eap .eap-program .program-items li { display: inline-block; width: 32%; vertical-align: top; padding: 0 15px; text-align: center; }

#eap .eap-program .program-items li .item-img { height: 60px; }

#eap .eap-program .program-items li .item-img img { height: 100%; max-width: initial; margin: 0 auto; }

#eap .eap-program .program-items li .program-desc { padding-top: 10px; margin-bottom: 20px; }

#eap .eap-program .white-bottom { color: #444444; position: relative; }

#eap .eap-program .white-bottom .eap-testimonials { top: -300px; position: absolute; width: 95%; }

#eap .eap-program .white-bottom .eap-testimonials .slick-dots li.slick-active button:before { color: #5faa41; }

#eap .eap-program .white-bottom .eap-testimonials .slick-dots li button:before { color: #888888; }

#eap .eap-program .white-bottom .eap-testimonials .written-by .author, #eap .eap-program .white-bottom .eap-testimonials .written-by .company { display: inline-block; width: 48%; }

#eap .eap-program .white-bottom .eap-testimonials .written-by .company { padding-left: 10px; }

#eap .eap-program .white-bottom .eap-testimonials .slide { margin-bottom: 20px; }

#eap .eap-contact { background-color: #F5F5F5; text-align: left; }

#eap .eap-contact .inline-form .name-input { margin-bottom: 20px; }

#eap .eap-contact .inline-form .name-input label, #eap .eap-contact .inline-form .name-input .form-control { display: inline-block; vertical-align: center; }

#eap .eap-contact .inline-form .name-input label { width: 34%; font-size: 16px; }

#eap .eap-contact .inline-form .name-input .form-control { width: 65%; }

#access_code_dropdown { position: relative; }

#access_code_dropdown .fa-spinner { float: right; }

#access_code_dropdown #access_code_list { position: absolute; }

#resend_inv_email { float: right; cursor: pointer; }

#resend_case_id { margin-left: 5px; }

@media (min-width: 1200px) { #eap .eap-program .green-top .video-image { max-width: 360px; margin: 0 auto; }
  #eap .eap-program .white-bottom .eap-testimonials { top: -280px; } }

@media (max-width: 991px) { #eap .eap-experience .col-sm-4 { padding-left: 0; padding-right: 0; }
  #eap .eap-experience .icon-description { margin-bottom: 25px; }
  #eap .eap-experience .icon-description .icon img { max-width: 40px; }
  #eap .eap-experience .icon-description .description { font-size: 13px; padding-left: 5px; }
  #eap .eap-program .white-bottom .eap-testimonials { top: -100px; }
  #eap .eap-testimonials { width: 85%; } }

#eap-verify #verification_code { width: 90px; }

#eap-verify .block .btn.btn-primary { margin-right: 10px; }

#eap-account-settings #secret_toggle { margin-left: 5px; }

#eap-account-settings .table.striped-rows { text-align: left; width: 100%; border: 1px solid #CCCCCC; }

#eap-account-settings .table.striped-rows th { background-color: #F5F5F5; font-size: 16px; border-bottom: 1px solid #CCCCCC; }

#eap-account-settings .table.striped-rows td, #eap-account-settings .table.striped-rows th { padding: 10px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; word-break: break-word; }

#eap-account-settings .table.striped-rows tbody tr:nth-child(odd) { background-color: white; }

#eap-account-settings .table.striped-rows tbody tr:nth-child(even) { background-color: #F5F5F5; }

#eap-account-settings .table.striped-rows tbody td:first-child { max-width: 60%; }

#eap-account-settings .table.striped-rows tbody input.form-control { width: 100%; }

#eap-account-settings .download-data button { display: block; margin-top: 20px; }

#eap-admin-invite-select .form-control, #eap-account-settings .form-control { display: inline-block; width: auto; }

#eap-admin-invite-select { margin-bottom: 20px; font-size: 16px; }

@media (min-width: 768px) and (max-width: 991px) { #eap .faq-right-collapse { margin-top: 160px; } }

@media (min-width: 768px) { #eap .eap-program .white-bottom .col-sm-7 { float: right; } }

@media (max-width: 767px) { #eap .eap-hero h1 { font-size: 1.6em; }
  #eap .eap-feature img { max-width: 250px; margin: 0 auto; }
  #eap .eap-modalities .modalities-wrap { max-width: 90%; }
  #eap .eap-modalities .modalities-wrap img { width: 19.5%; }
  #eap .eap-experience .col-sm-4 { padding-left: 15px; padding-right: 15px; }
  #eap .eap-experience .icon-description { max-width: 300px; margin: 0 auto 30px auto; }
  #eap .eap-experience .icon-description .icon img { max-width: 60px; }
  #eap .eap-experience .icon-description .description { font-size: 14px; padding-left: 10px; }
  #eap section { padding: 20px 0; }
  #eap section h2 { font-size: 1.3em; text-align: center; }
  #eap .eap-contact .inline-form .name-input label, #eap .eap-contact .inline-form .name-input .form-control { display: block; vertical-align: center; width: 100%; }
  #eap .eap-program h1 { font-size: 1.3em; text-align: center; font-weight: 400; }
  #eap .eap-program .green-top { height: auto; padding: 20px 0; }
  #eap .eap-program .green-top .video-image { max-width: 250px; display: block; margin: 0 auto 30px auto; }
  #eap .eap-program .program-items li { width: 48%; }
  #eap .eap-program .white-bottom { padding-top: 20px; padding-bottom: 20px; }
  #eap .eap-program .white-bottom .eap-testimonials { position: static; width: 100%; }
  #eap-verify .block .btn { display: block; width: 100%; }
  #eap-verify .block .btn.btn-primary { margin-right: 0; margin-bottom: 20px; }
  #eap-account-settings .download-data .year-label { margin-left: 0; margin-top: 20px; }
  #eap-admin-invite-select .eap-dropdown.form-control, #eap-account-settings .eap-dropdown.form-control { display: block; width: 100%; margin-left: 0; } }

@media (max-width: 600px) { #eap .eap-hero.banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/eap/eap-header-mobile.jpg"); background-position: center right; height: auto; } }

@media not all and (min-resolution: 0.001dpcm) { #eap .eap-program .white-bottom { height: 320px; }
  #eap .eap-program .white-bottom .eap-testimonials { position: static; margin-top: 30px; }
  #eap .faq-right-collapse { margin-top: 0; } }

#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; }

.profile_boost_program #google_cost_breakdown { width: 100%; }

.profile_boost_program #google_cost_breakdown td { width: 15%; border: 1px solid black; text-align: center; padding: 5px 10px; }

.profile_boost_program #google_cost_breakdown .td-large { width: 35%; }

.profile_boost_program #google_cost_breakdown .td-large.td-note { text-align: left; }

@media (max-width: 767px) { .profile_boost_program #google_cost_breakdown { font-size: 11px; }
  .profile_boost_program #google_cost_breakdown td { width: 5%; border: 1px solid black; text-align: center; padding: 3px 7px; }
  .profile_boost_program #google_cost_breakdown .td-large { width: 15%; }
  .profile_boost_program #google_cost_breakdown .td-large.td-note { text-align: left; } }

#ask_a_counselor #form-errors { clear: both; }

#ask_a_counselor div.block { padding: 15px; }

#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; } }

#counselor_questions table { text-align: left; width: 100%; border: 1px solid #bfbfbf; }

#counselor_questions table th { background-color: #e4e4e4; font-weight: bold; }

#counselor_questions table td, #counselor_questions table th { padding: 10px; border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; word-break: break-word; }

#counselor_questions table tr:nth-child(odd) { background-color: white; }

#counselor_questions table tr:nth-child(even) { background-color: #F5F5F5; }

#counselor_questions table th.question { width: 25%; }

#counselor_questions table th.details { width: 50%; }

#counselor_questions table th.action { width: 25%; }

#counselor_questions table td.action { text-align: center; }

#counselor_questions table .status { word-break: normal; }

#counselor_questions table .due-date { margin-top: 5px; font-size: 12px; }

#counselor_questions table .due-date.overdue { color: #AF2225; }

#counselor_questions table .thanks { color: #777; font-size: 12px; }

#counselor_questions .section { margin-bottom: 40px; }

#counselor_questions #how-does-it-work .panel .panel-heading .panel-title { font-size: 16px; margin-bottom: 10px; }

#counselor_questions #how-does-it-work .panel .panel-heading .panel-title a { display: block; }

#counselor_questions #how-does-it-work .panel .panel-heading .panel-title .fa { float: left; font-size: 26px; line-height: 20px; }

#counselor_questions #how-does-it-work .panel .panel-body { padding: 10px 10px 20px 25px; }

#counselor_questions #how-does-it-work .panel a:active, #counselor_questions #how-does-it-work .panel a:hover { text-decoration: none; }

#counselor_questions #how-does-it-work .panel a:focus { outline: none; text-decoration: none; outline-offset: 0; }

#counselor_questions #how-does-it-work .panel a.collapsed { color: #444444; font-weight: 400; }

#counselor_questions #how-does-it-work .panel a.collapsed:before { content: "\f0da"; }

#counselor_questions #how-does-it-work .panel a:before, #counselor_questions #how-does-it-work .panel a.collapsed:before { font-size: 20px; line-height: 24px; padding-right: 10px; float: left; font-family: 'FontAwesome'; font-weight: 400; }

#counselor_questions #how-does-it-work .panel a.collapsed:before { line-height: 20px; padding-right: 16px; }

#counselor_questions #how-does-it-work .panel a:before { content: "\f0d7"; }

#modal-question-details .details-text { white-space: pre-wrap; word-break: break-word; }

#modal-question-details .question-option { display: block; width: 100%; }

#modal-question-details .question-option.take-question { margin-bottom: 0; }

#modal-question-details .question-option.inappropriate, #modal-question-details .question-option.personal-info { font-size: 14px; margin-top: 20px; display: inline-block; height: auto; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; line-height: 25px; padding: 3px 17.5px; margin-left: 0; }

#modal-question-details .question-option i { font-size: 18px; margin-left: 10px; position: relative; top: 1px; }

#counselor_question_view .question-block { padding: 30px; background-color: white; border-radius: 5px; margin-bottom: 40px; }

#counselor_question_view .question-block h3.main-question { margin-top: 0; }

#counselor_question_view h3.nick-name { margin-top: 0; }

#counselor_question_view .report { cursor: pointer; }

#counselor_question_view .report-question { margin-top: 20px; }

#counselor_question_view .report-question .personal { padding-left: 10px; margin-left: 10px; border-left: 1px solid #444444; }

#counselor_question_view .character-count { text-align: right; margin-top: 5px; position: relative; right: 3px; color: #5faa41; }

#counselor_question_view .character-count .answer-word-count.needs-more { color: #AF2225; }

#counselor_question_view .primary-tag-select, #counselor_question_view .secondary-tag-select { margin-bottom: 40px; }

#counselor_question_view .tag-list { margin: 5px 0; }

#counselor_question_view .tag-list input { opacity: 0; position: fixed; width: 0; }

#counselor_question_view .tag-list label { display: inline-block; background-color: #ddd; padding: 3px 8px; font-family: sans-serif, Arial; font-size: 12px; margin: 3px 2px; cursor: pointer; box-sizing: border-box; }

#counselor_question_view .tag-list label:hover { background-color: rgba(95, 170, 65, 0.3); }

#counselor_question_view .tag-list input:checked + label { box-shadow: inset 0 0 0 1px #5faa41; background-color: rgba(95, 170, 65, 0.5); }

#counselor_question_view .tag-list input[type='checkbox'] + label:hover { background-color: rgba(227, 96, 57, 0.3); }

#counselor_question_view .tag-list input[type='checkbox']:checked + label { box-shadow: inset 0 0 0 1px #E36039; background-color: rgba(227, 96, 57, 0.5); }

#counselor_question_view .submit-buttons { margin-top: 15px; }

#counselor_question_view #ask-a-counselor-submit { margin-right: 10px; }

.questions-tooltip-container { position: relative; left: 3px; text-align: left; display: inline; }

.questions-tooltip-container .questions-tooltip { display: none; z-index: 1000; position: absolute; top: 3px; transform: translateY(-50%); }

.questions-tooltip-container .questions-tooltip .tooltip-text { font-size: 12px; line-height: 16px; white-space: normal; width: 240px; background-color: #222; color: #eee; padding: 10px; }

.questions-tooltip-container .questions-tooltip::after { content: ""; position: absolute; top: calc(50% - 5px); width: 0; height: 0; margin: 0; padding: 0; border-color: transparent; border-style: solid; }

.questions-tooltip-container .questions-tooltip.right { left: calc(100% + 20px); }

.questions-tooltip-container .questions-tooltip.right::after { left: -10px; border-width: 10px 10px 10px 0; border-right-color: #222; }

.questions-tooltip-container .questions-tooltip.left { right: calc(100% + 20px); }

.questions-tooltip-container .questions-tooltip.left::after { right: -10px; border-width: 10px 0 10px 10px; border-left-color: #222; }

.questions-tooltip-container .questions-tooltip p:first-of-type { margin-top: 0; }

.questions-tooltip-container .questions-tooltip p:last-of-type { margin-bottom: 0; }

.questions-tooltip-container:hover .questions-tooltip { display: block; }

@media (max-width: 767px) { #counselor_question_view .question-block { padding: 20px; } }

#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(95, 170, 65, 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%; } }

#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; }

#our_action .banner-intro { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("//dy7glz37jgl0b.cloudfront.net/public_pages/our-action-bg.jpg"); background-position: center top; }

#accessibility { background-color: #F5F5F5; }

#accessibility h1 { margin-top: 0; }

#accessibility h3 { margin-bottom: 5px; }

#update_questionnaire .questionnaire-content-label { font-size: 16px; line-height: 1.4em; }

#update_questionnaire .form-group { margin-bottom: 30px; }

#update_questionnaire .phq9-label { font-weight: normal; }

#update_questionnaire header .questionnaire_cancel { position: absolute; right: 15px; top: 12px; }

#update_questionnaire .block .questionnaire_cancel { margin-left: 10px; }

#sessions #message-panel .questionnaire-wrap .message { position: relative; }

#sessions #message-panel .questionnaire-wrap .message .edit_questionnaire, #sessions #message-panel .questionnaire-wrap .message .last_updated { position: absolute; right: 10px; top: 10px; }

#sessions #message-panel .questionnaire-wrap .message .last_updated { font-size: 12px; }

#sessions #message-panel .questionnaire-wrap .message .edit_questionnaire { font-size: 14px; }

@media (max-width: 767px) { #sessions #message-panel .questionnaire-wrap .message { position: relative; }
  #sessions #message-panel .questionnaire-wrap .message .edit_questionnaire, #sessions #message-panel .questionnaire-wrap .message .last_updated { position: static; } }

#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: #5faa41 !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(95, 170, 65, 0.4); color: #5faa41; -webkit-text-fill-color: #5faa41; 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(95, 170, 65, 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; } }

#counselor-review { text-align: center; }

#counselor-review button { margin-bottom: 5px; }

#counselor-review #text-preference-saved { color: #5faa41; }

#timeline .timeline-content { /* The actual timeline (the vertical ruler) */ position: relative; max-width: 600px; margin: 0 auto; /* The actual timeline (the vertical ruler) */ /* Add arrows to the left container (pointing right) */ /* Add arrows to the right container (pointing left) */ /* The circles on the timeline */ /* Fix the circle for containers on the right side */ }

#timeline .timeline-content .content { background-color: white; position: relative; border-radius: 5px; padding: 5px 0px; margin-bottom: 15px; }

#timeline .timeline-content .content h2, #timeline .timeline-content .content p { padding: 0 20px; }

#timeline .timeline-content .content img { width: 100%; border-left: 10px solid white; border-right: 10px solid white; }

#timeline .timeline-content .event { position: relative; width: 50%; }

#timeline .timeline-content .event.left { margin-left: 0; }

#timeline .timeline-content .event.left .content { left: -35px; }

#timeline .timeline-content .event.right { margin-left: 53%; }

#timeline .timeline-content .event.right .content { left: 15px; }

#timeline .timeline-content::after { content: ''; position: absolute; width: 3px; background-color: #5FAA41; top: 0; bottom: 0; left: 50%; margin-left: -3px; border-radius: 1.5px; }

#timeline .timeline-content .left::before { content: " "; height: 0; position: absolute; top: 70px; width: 0; z-index: 1; left: 265px; border: medium solid white; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent white; }

#timeline .timeline-content .right::before { content: " "; height: 0; position: absolute; top: 70px; width: 0; z-index: 1; left: 0px; border: medium solid white; border-width: 15px 15px 15px 0; border-color: transparent white transparent transparent; }

#timeline .timeline-content .event::after { content: ''; position: absolute; width: 20px; height: 20px; left: 288.5px; background-color: white; border: 3px solid #5faa41; top: 75px; border-radius: 50%; z-index: 1; }

#timeline .timeline-content .right::after { left: -30px; }

@media screen and (max-width: 767px) { #timeline .timeline-content { /* Place the timeline to the left */ /* Full-width containers */ }
  #timeline .timeline-content::after { left: 50px; }
  #timeline .timeline-content .event { width: 95%; padding-left: 70px; padding-right: 25px; margin-bottom: 35px; }
  #timeline .timeline-content .event.left, #timeline .timeline-content .event.right { margin-left: 5px; padding-left: 115px; }
  #timeline .timeline-content .event.right .content { left: -35px; }
  #timeline .timeline-content .event::before { left: 65px; border: medium solid white; border-width: 15px 15px 15px 0; border-color: transparent white transparent transparent; }
  #timeline .timeline-content .event.left::after, #timeline .timeline-content .event.right::after { left: 33px; } }