<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/** Session List Page + Session Buttons */
.btn-session {
  width: 100%;
  height: 75px;
  border-radius: 10px;
  color: #FFF;
  display: inline-block;
  margin-top: 25px;
  padding-top: 24px;
  padding-left: 25px;
  font-size: 21px;
  font-weight: 600;
  box-shadow: 0px 0px 15px #ccc;
  background: #767676;
  position: relative;
  /*background-image: url(../img/arrow-right.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  background-position: right 20px center;*/ }

  .btn-session:after{
    content: ' ';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    background: url(../img/arrow-right.png) no-repeat;
    height: 22px;
    width: 21px;
  }

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

.--finished,
.btn-s-finished {
  background-color: #39B54A; }

.--active,
.btn-s-active {
  background-color: #0071BC; }

.--disabled,
.btn-s-disabled {
  background-color: #767676; }

/* Messages Page*/
.msgs .msgs-wrapper, .msgs .jrnl-wrapper {
  padding: 20px;
  background: #008abc;
  background: linear-gradient(to right, #008abc, #22b573);
  max-height: 500px;
  overflow-y: scroll; }

.msgs .avatar-circle {
  float: none;
  display: inline-block;
  margin-top: 0px;
  margin-right: 0; }

.msgs .msgs-box {
  clear: both;
  padding-bottom: 20px; }

.msgs .msgs-me .msgs-left {
  float: left;
  width: 88%;
  position: relative; }

.msgs .msgs-me .msgs-left:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  right: -22px;
  top: 10px;
  border: 15px solid transparent;
  border-left: 15px solid #ffffff; }

.msgs .msgs-me .msgs-right {
  float: right;
  text-align: right;
  width: 9%; }

.msgs .msgs-me .msgs-message {
  padding: 10px;
  background: #FFF;
  border-radius: 7px;
  min-height: 58px;
  overflow: hidden; }

.msgs .msgs-me .msgs-message-body {
  word-wrap: break-word; }

.msgs .msgs-partner .msgs-left {
  float: left;
  width: 9%;
  position: relative; }

.msgs .msgs-partner .msgs-right {
  float: right;
  text-align: left;
  width: 88%;
  position: relative; }

.msgs .msgs-partner .msgs-right:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  left: -22px;
  top: 10px;
  border: 15px solid transparent;
  border-right: 15px solid #ffffff; }

.msgs .msgs-partner .msgs-message {
  padding: 10px;
  background: #FFF;
  border-radius: 7px;
  min-height: 58px;
  overflow: hidden; }

.msgs .msgs-partner .msgs-message-body {
  word-wrap: break-word; }

.msgs .date {
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px; }

.msgs .name {
  margin-left: 0;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
  color: #cc3d00;
  font-weight: 600; }

.msgs .msgs-input {
  width: 100%;
  padding: 5px;
  border: 2px solid;
  border-color: #008abc;
  border-image: linear-gradient(to right, #008abc, #22b573) 1;
  text-align: right; }
  .msgs .msgs-input textarea {
    border: none;
    width: 80%;
    height: 70px;
    padding: 10px;
    resize: none;
    float: left; }
  .msgs .msgs-input textarea:focus {
    border: none;
    outline: none; }
  .msgs .msgs-input button {
    background-color: #d44500;
    background-image: url(../img/ico-rocket.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* put the height and width of your image here */
    height: 70px;
    width: 70px;
    border: none;
    border-radius: 50%; }
  .msgs .msgs-input button:focus {
    outline: none; }
  .msgs .msgs-input button span {
    display: none; }

/* Session Pages */
.sn .page-white {
  padding-top: 20px;
  padding-bottom: 20px; }

.sn .sn-tabs {
  padding: 0px;
  margin: 0px; }
  .sn .sn-tabs li {
    padding-top: 72px;
    padding-left: 46px;
    padding-right: 46px;
    height: 100px;
    border-bottom: none;
    background-color: transparent;
    background-position: center 15px;
    background-repeat: no-repeat;
    text-align: center; }
  .sn .sn-tabs li:focus, .sn .sn-tabs a:focus {
    outline: none; }
  .sn .sn-tabs li.slick-current {
    border-bottom: 4px solid #002A54;
    background-color: #FFF; }
  .sn .sn-tabs a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px; }
  .sn .sn-tabs a:hover, .sn .sn-tabs a:focus {
    text-decoration: none; }
  .sn .sn-tabs .link-1 {
    background-image: url("../img/ico-reading.png"); }
  .sn .sn-tabs .link-2 {
    background-image: url("../img/ico-session.png"); }
  .sn .sn-tabs .link-3 {
    background-image: url("../img/ico-outcomes.png"); }
  .sn .sn-tabs .link-4 {
    background-image: url("../img/ico-reflections.png"); }
  .sn .sn-tabs .link-5 {
    background-image: url("../img/ico-notes.png"); }
  .sn .sn-tabs .link-6 {
    background-image: url("../img/ico-journal.png"); }
  .sn .sn-tabs .slick-current.link-1 {
    background-image: url("../img/ico-reading-s.png"); }
  .sn .sn-tabs .slick-current.link-2 {
    background-image: url("../img/ico-session-s.png"); }
  .sn .sn-tabs .slick-current.link-3 {
    background-image: url("../img/ico-outcomes-s.png"); }
  .sn .sn-tabs .slick-current.link-4 {
    background-image: url("../img/ico-reflections-s.png"); }
  .sn .sn-tabs .slick-current.link-5 {
    background-image: url("../img/ico-notes-s.png"); }
  .sn .sn-tabs .slick-current.link-6 {
    background-image: url("../img/ico-journal-s.png"); }
  .sn .sn-tabs .slick-current a {
    color: #002A54; }

.sn .slick-slide {
  outline: none; }

.sn .btn-warning.close_session {
  width: 100%;
  border-radius: 0;
  height: 85px;
  background-color: #002A54;
  border: none;
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 600; }
  .sn .btn-warning.close_session:active {
    background-color: #8dc63f; }

.sn .btn-warning.session_next_tab {
  width: 100%;
  border-radius: 0;
  height: 85px;
  background-color: #002A54;
  border: none;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600; }

.sn .btn-warning.session_call_btn {
  width: 100%;
  border-radius: 0;
  height: 85px;
  background-color: #8dc63f;
  border: none;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 74px; }

.btn span.glyphicon {
  opacity: 0; }

.btn.active span.glyphicon {
  opacity: 1; }

.checkbox {
  padding-left: 20px; }

.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #434449; }

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #d44500;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -19px;
  padding-left: 3px;
  padding-top: 0;
  font-size: 14px;
  color: #d44500; }

.checkbox input[type="checkbox"] {
  opacity: 0; }

.checkbox input[type="checkbox"]:focus + label::before {
  outline: none;
  /* outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; */ }

.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c"; }

.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; }

.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #d44500;
  border-color: #d44500; }

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.form-horizontal .ckbx-outcome {
  padding-top: 20px; }

/* Package Page */
.package-form {
  padding-top: 50px; }

.package-form-heading {
  color: #002A54;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px; }

.package-list-box {
  background: url(../img/package-box-bg.png) no-repeat scroll center top #fff;
  box-shadow: 0 0 60px rgba(214, 214, 216, 0.75);
  padding: 22px 25px 50px 25px;
  min-height: 543px;
  margin-top: 20px; }

.package-box-head {
  margin-bottom: 140px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 31px;
  text-align: center; }

.dpstyle {
  background-color: #fff;
  border: 1px solid #A3AFB7;
  border-radius: 0;
  color: #606060;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  height: 48px; }

.package-list-box select {
  background: transparent;
  overflow-y: hidden;
  border: none;
  box-shadow: none;
  text-align: center;
  font-size: 18px;
  color: #002A54;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500; }

.package-list-box select:focus,
.package-list-box select:active {
  outline: none;
  border: none;
  box-shadow: none; }

.package-list-box select option:first-child {
  border-top: none; }

.package-list-box option {
  border-top: 1px solid #e5eaef;
  font-size: 18px;
  color: #002A54;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding-bottom: 15px;
  padding-top: 15px; }

span.package-text,
span.package-pay {
  color: #002A54;
  margin-top: 20px;
  display: inline-block;
  font-weight: 700; }

.basicprojects {
  margin-top: 25px; }

/* journals */
.jrnl-item {
  margin-bottom: 25px; }

.jrnl-top {
  color: white;
  padding: 5px; }

.jrnl-top-left {
  float: left;
  font-size: 14px; }

.jrnl-top-right {
  float: right; }
  .jrnl-top-right i {
    margin-left: 10px; }

.jrnl-body {
  padding: 10px;
  background: #FFF;
  border-radius: 7px; }

.textpage {
  min-height: 500px; }

.emptyfornav {
  width: 100%;
  height: 87px; }

.pagination-nav, .details-nav, .reflections-nav {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center; }
  .pagination-nav .pagination &gt; li &gt; a, .pagination-nav .pagination &gt; li &gt; span, .details-nav .pagination &gt; li &gt; a, .details-nav .pagination &gt; li &gt; span, .reflections-nav .pagination &gt; li &gt; a, .reflections-nav .pagination &gt; li &gt; span {
    padding: 12px 20px;
    color: #002A54;
    border-color: #002A54; }
  .pagination-nav .pagination &gt; .active &gt; a, .pagination-nav .pagination &gt; .active &gt; a:hover, .pagination-nav .pagination &gt; .active &gt; a:focus, .pagination-nav .pagination &gt; .active &gt; span, .pagination-nav .pagination &gt; .active &gt; span:hover, .pagination-nav .pagination &gt; .active &gt; span:focus, .details-nav .pagination &gt; .active &gt; a, .details-nav .pagination &gt; .active &gt; a:hover, .details-nav .pagination &gt; .active &gt; a:focus, .details-nav .pagination &gt; .active &gt; span, .details-nav .pagination &gt; .active &gt; span:hover, .details-nav .pagination &gt; .active &gt; span:focus, .reflections-nav .pagination &gt; .active &gt; a, .reflections-nav .pagination &gt; .active &gt; a:hover, .reflections-nav .pagination &gt; .active &gt; a:focus, .reflections-nav .pagination &gt; .active &gt; span, .reflections-nav .pagination &gt; .active &gt; span:hover, .reflections-nav .pagination &gt; .active &gt; span:focus {
    color: #fff;
    background-color: #002A54;
    border-color: #002A54; }
  .pagination-nav .pagination &gt; .disabled &gt; span, .pagination-nav .pagination &gt; .disabled &gt; span:hover, .pagination-nav .pagination &gt; .disabled &gt; span:focus, .pagination-nav .pagination &gt; .disabled &gt; a, .pagination-nav .pagination &gt; .disabled &gt; a:hover, .pagination-nav .pagination &gt; .disabled &gt; a:focus, .details-nav .pagination &gt; .disabled &gt; span, .details-nav .pagination &gt; .disabled &gt; span:hover, .details-nav .pagination &gt; .disabled &gt; span:focus, .details-nav .pagination &gt; .disabled &gt; a, .details-nav .pagination &gt; .disabled &gt; a:hover, .details-nav .pagination &gt; .disabled &gt; a:focus, .reflections-nav .pagination &gt; .disabled &gt; span, .reflections-nav .pagination &gt; .disabled &gt; span:hover, .reflections-nav .pagination &gt; .disabled &gt; span:focus, .reflections-nav .pagination &gt; .disabled &gt; a, .reflections-nav .pagination &gt; .disabled &gt; a:hover, .reflections-nav .pagination &gt; .disabled &gt; a:focus {
    border-color: #002A54; }

/* End Session Pages */
/* Error Help / Contact Us Page*/
.contact-us {
  padding: 40px 50px; }
  .contact-us .frm-label {
    font-weight: 600;
    font-size: 16px;
    color: #d44500;
    padding-left: 25px; }
  .contact-us textarea {
    border-color: #E5E5E4; }
  .contact-us a {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin: 0 5px;
    background-color: #d44500;
    transition: all 0.2s ease-in; }
    .contact-us a:hover {
      background-color: #de550a; }
  .contact-us .custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px; }
  .contact-us .custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 30px; }
    .contact-us .custom-file-upload label {
      display: block;
      margin-bottom: 5px; }
  .contact-us .file-upload-wrapper {
    position: relative;
    margin-bottom: 5px; }
  .contact-us .file-upload-input {
    width: 200px;
    color: #000;
    font-size: 16px;
    padding: 11px 17px;
    border: none;
    background-color: #dedede;
    border-radius: 21px 0 0 21px;
    height: 42px;
    padding: 0 30px;
    transition: all 0.2s ease-in;
    float: left;
    /* IE 9 Fix */ }
    .contact-us .file-upload-input:hover, .contact-us .file-upload-input:focus {
      background-color: #d1d1d1;
      outline: none; }
  .contact-us .file-upload-button {
    font-family: 'nexa_bold';
    letter-spacing: .1em;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 20px;
    border: none;
    margin-left: -1px;
    background-color: #d44500;
    border-radius: 0 21px 21px 0;
    float: left;
    /* IE 9 Fix */
    height: 42px;
    padding: 0 30px;
    transition: all 0.2s ease-in; }
    .contact-us .file-upload-button:hover {
      background-color: #b74608;
      outline: none; }
  .contact-us .modal-footer {
    padding: 50px 0;
    text-align: left;
    border-top: none; }
    .contact-us .modal-footer input {
      text-transform: uppercase;
      letter-spacing: .1em;
      font-family: 'nexa_bold';
      border-radius: 21px;
      height: 42px;
      padding: 0 30px; }
      .contact-us .modal-footer input:focus {
        outline: none; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.right-logout {
  display: none; }

.top-nav .navbar-nav {
  display: none; }

.mobile-nav {
  display: block; }

.navbar-header {
  float: none; }

.navbar &gt; .container .navbar-brand, .navbar &gt; .container-fluid .navbar-brand {
  width: 225px;
  margin: -3px 0 0;
  padding: 0px; }

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .sidenav {
    display: none; }
  .top-nav .navbar-nav {
    display: block;
    margin-top: 2px; }
  .mobile-nav {
    display: none; }
  .navbar-header {
    float: left;
    top: -3px; }
  .navbar &gt; .container .navbar-brand, .navbar &gt; .container-fluid .navbar-brand {
    width: 220px;
    height: 63px; }
  .footer {
    /* height: 175px; */
    }
    .footer .footer-logo {
      width: 190px;
      margin-top: 70px; }
    .footer li {
      display: inline; }
    .footer .footer-nav-1 {
      text-align: center;
      float: none; }
    .footer .footer-nav-2 {
      text-align: center;
      float: none; }
    .footer .footer-nav-social {
      clear: initial;
      float: none; }
    .footer .footer-nav-1 li, .footer .footer-nav-2 li {
      padding-left: 30px; }
    .footer .footer-nav-1 li:first-child, .footer .footer-nav-2 li:first-child {
      padding-left: 0; }
    .footer .footer-nav-1 {
      margin-top: 55px;
      margin-bottom: 35px; }
    .footer .footer-nav-social {
      margin-top: 70px; }
    .footer .footer-nav-social li {
      margin-left: 5px; }
    .footer .footer-nav-social li:first-child {
      margin-left: 0px; }
    .footer .col-social {
      padding-right: 0;
      padding-left: 0; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .footer .col-social {
    padding-right: inherit;
    padding-left: inherit; }
  .footer .footer-nav-1 li, .footer .footer-nav-2 li {
    padding-left: 50px; } }

@media (min-width: 1290px) {
  .right-logout {
    display: block; } }

@media (min-width: 992px) and (max-width: 1110px) {
  .pri-nav {
    width: 37.5%; }
  .right-nav {
    width: 37.5%; }
  .nav &gt; li &gt; a {
    padding: 10px 5px; }
  .navbar &gt; .container .navbar-brand, .navbar &gt; .container-fluid .navbar-brand {
    width: 220px; }
  .top-nav .navbar-nav {
    margin-top: 11px; } }

/*
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }*/
/* Media Queries */
@media screen and (max-width: 1199px) {
  .user-bar {
    margin-top: 15px; } }

@media screen and (max-width: 1024px) {
  .top-nav .navbar-nav.navbar-right {
    margin-right: 0; }
  .navbar-nav &gt; li &gt; .dropdown-menu.me {
    right: -32px; } }

@media screen and (max-width: 992px) {
  .sn .sn-tabs a {
    height: 17px;
    display: inline-block;
    overflow: hidden; }
  .footer .footer-nav-1 li, .footer .footer-nav-2 li {
    margin-bottom: 10px; }
  .footer .footer-logo {
    margin-bottom: 15px; }
  .footer .footer-nav-social {
    margin-bottom: 20px; }
  .footer .footer-nav-social li {
    margin-left: 8px; } }

@media screen and (max-width: 768px) {
  .navbar-nav {
    display: none; }
  .mobile-nav {
    display: block; }
  #mySidenav .navbar-nav {
    display: block; } }

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
  .sidenav a {
    font-size: 18px; } }

@keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

.nopadding {
  padding: 0 !important; }

.register h1 {
  font-family: "nexa_bold";
  font-size: 40px;
  font-weight: normal; }

.register p {
  font-size: 22px; }

html {
  height: 100%;
  margin: 0 !important; }

body {
  height: 100%; }
  body.register .holder {
    background: url(../img/bg-register.jpg) no-repeat center center fixed;
    height: 100%;
    background-size: cover; }
  body.pg-login .holder {
    background-image: url(../img/bg-login.jpg); }
  body.pg-forgotpw .holder {
    background-image: url(../img/bg-forgot.jpg); }
  body.full .page-container {
    height: 100%;
    padding: 0;
    width: 100%; }
  body.full .container-fluid {
    height: 100%;
    width: 100%; }
  body.full .row {
    height: 100%; }
  body.full .f_screen_row {
    height: 100%; }

.f_screen_row .panel, .f_screen_row &gt; div {
  height: 100%; }

.f_screen_row .panel.panel-default {
  border: none;
  border-radius: 0;
  margin-bottom: 0; }

.f_screen_row .textbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%; }
  .f_screen_row .textbox h1 {
    margin-top: 40px; }
  .f_screen_row .textbox h1, .f_screen_row .textbox p {
    color: #fff; }

.f_screen_row .panel-body {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%; }

.f_screen_row .panel-body &gt; h1 {
  color: #d44500; }

.f_screen_row .panel-body &gt; p {
  color: #5e5e5e;
  font-size: 14px; }

.f_screen_row .panel-body &gt; div,
.f_screen_row .panel-body &gt; form {
  margin-top: 70px; }

.wizard_w_box {
  background: #fff;
  border: none;
  margin-bottom: 12px;
  padding: 0 85px 100px 85px;
  text-align: center;
  position: relative; }
  .wizard_w_box &gt; .panel-body {
    padding: 0; }
  .wizard_w_box h1 {
    margin-top: 23px;
    color: #d44500;
    font-family: "Open Sans";
    font-size: 36px;
    /*font-style: italic;*/
    font-weight: 600; }
  .wizard_w_box p {
    margin: 20px 0 25px 0;
    color: #5E5E5E;
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: 600; }

.wizard_form {
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 12px;
  padding: 35px 100px 50px 100px; }
  .wizard_form .panel-body {
    padding: 0; }
  .wizard_form button.imageUploader {
    margin-left: 45px;
    margin-top: 25px; }

.imagePreview .avatar-circle {
  height: 120px;
  width: 120px; }

.imagePreview .avatar-circle img {
  height: 120px;
  width: 120px; }

.imagePreview .initials {
  font-size: 42px;
  top: 37px; }

/*.wizard_head, .survey_head {
  border-bottom: 2px solid #7b91a8;
  height: 193px; }*/
  .wizard_head h3, .survey_head h3 {
    color: #002A54;
    /*font-family: "nexa_bold";*/
    font-size: 24px;
    font-weight: normal; }
  .wizard_head .survey-head, .survey_head .survey-head {
    display: block;
    text-align: center;
    color: #919191;
    /*font-family: "nexa_bold";*/
    font-size: 18px;
    font-weight: normal; }
  .wizard_head ul, .survey_head ul {
    height: 95px;
    padding: 0; }
  .wizard_head li, .survey_head li {
    display: inline-block;
    width: 19%;
    color: #002A54;
    font-size: 12px;
    font-weight: bold; }
    .wizard_head li .wizard_bar_wrap, .survey_head li .wizard_bar_wrap {
      display: block;
      margin-top: 9px;
      position: relative; }
  .wizard_head .wizard_bullet_wrap, .survey_head .wizard_bullet_wrap {
    display: inline-block;
    margin-top: 9px;
    text-align: center;
    position: relative; }
  .wizard_head .wizard_bullet_wrap .wizard_id, .survey_head .wizard_bullet_wrap .wizard_id {
    left: calc(50% - 20px);
    top: 22px; }
  .wizard_head .wizard_id, .survey_head .wizard_id {
    background-color: #e2e2e2;
    height: 39px;
    max-height: 39px;
    max-width: 39px;
    padding: 9px 15px;
    width: 39px;
    font-size: 17px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }
  .wizard_head li.active_bullet .wizard_id, .survey_head li.active_bullet .wizard_id {
    background-color: #002A54;
    color: #fff; }
  .wizard_head li.done .wizard_id, .survey_head li.done .wizard_id {
    background: #008abc;
    /* For browsers that do not support gradients */
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #008abc, #22b573);
    /* Standard syntax */
    color: #fff; }
  .wizard_head li.done .wizard_id span, .survey_head li.done .wizard_id span {
    background-image: url(../img/tick-ico.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 23px;
    width: 21px;
    text-indent: -4000px;
    position: absolute;
    left: 9px;
    top: 11px; }
  .wizard_head .wizard_bar, .survey_head .wizard_bar {
    background-color: #e2e2e2;
    display: inline-block;
    height: 9px;
    width: 110%;
    position: absolute;
    left: 95px;
    top: 15px; }
  .wizard_head li.completed .wizard_bar, .survey_head li.completed .wizard_bar {
    background: url(../img/active-bar.png) repeat-x; }
  .wizard_head li.in_process .wizard_bar, .survey_head li.in_process .wizard_bar {
    background-color: #002A54; }

.clist_wrap {
  border: 2px solid #ccc; }
  .clist_wrap .clist_head {
    padding: 10px 0;
    border-bottom: 2px solid #ccc;
    text-align: center; }
  .clist_wrap .clist_item:first-child {
    border-top: none; }
  .clist_wrap .clist_item {
    padding: 20px 0;
    border-top: 2px solid #ccc; }
  .clist_wrap .clist_item &gt; div {
    top: 8px;
    text-align: center; }
  .clist_wrap .clist_item &gt; .go_meeting_btn,
  .clist_wrap .clist_item &gt; .go_confirm_btn {
    top: 0; }
  .clist_wrap .clist_item &gt; .go_confirm_btn a {
    background-color: #d44500; }
  .clist_wrap .clist_item &gt; .list_item_action {
    font-size: 14px;
    top: 2px; }
    .clist_wrap .clist_item &gt; .list_item_action i:first-child {
      margin-left: 0; }
    .clist_wrap .clist_item &gt; .list_item_action i {
      cursor: pointer;
      margin-left: 10px; }

.clist_header {
  padding: 30px 0; }
  .clist_header button#new_meeting {
    margin-top: 3px; }

/*.survey_head {
  height: 120px; }*/

.survey-wizard #wrapper {
  /*float: left;*/
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 328px; }

.survey-wizard #wrapper .content {
  border-bottom: 2px solid #d44500;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }
  .survey-wizard #wrapper .content &gt; h2 {
    background-color: #d44500;
    margin: 0 0 20px 0;
    min-height: 154px;
    padding: 45px 15px 55px 15px;
    color: #fff;
    font-family: "Open Sans";
    font-size: 25px;
    font-style: italic;
    font-weight: 600; }
  .survey-wizard #wrapper .content .br-widget a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #5E5E5E;
    display: inline-block;
    height: 63px;
    margin-bottom: 25px;
    margin-left: 55px;
    padding-top: 17px;
    text-align: center;
    width: 63px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 700; }
    .survey-wizard #wrapper .content .br-widget a:hover, .survey-wizard #wrapper .content .br-widget a:focus {
      background: #d44500;
      outline: none;
      text-decoration: none; }
    .survey-wizard #wrapper .content .br-widget a.br-current {
      background: #d44500; }
  .survey-wizard #wrapper .content .inst {
    margin-bottom: 20px;
    margin-top: 20px;
    color: #5E5E5E;
    font-size: 16px; }

.survey-wizard #contentContainer button {
  float: left;
  margin-top: 45px; }

.wizard-last-step {
  height: 550px;
  padding: 0; }

.wizard_inner_fw_box {
    background: #008abc;
    background: transparent;
    margin-top: 6px;
    padding: 26px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .wizard_inner_fw_box &gt; p {
    color: #fff !important;
    margin: 37px 0 !important; }
  .wizard_inner_fw_box .part-img {
    float: left;
    padding-right: 25px;
    width: 50%; }
  .wizard_inner_fw_box .part_img_round {
    border: 5px solid #fff;
    float: right;
    height: 125px;
    width: 125px;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px; }
  .wizard_inner_fw_box .part_img_round .initials {
    font-size: 35px;
    top: 35px; }
  .wizard_inner_fw_box .partner-info {
    float: left;
    width: 50%; }
  .wizard_inner_fw_box .partner-info span {
    display: block;
    padding-left: 25px;
    text-align: left;
    color: #000;
    font-size: 16px; }
  .wizard_inner_fw_box .partner-info .part_name {
    color: #000;
    font-family: "nexa_bold";
    font-size: 22px;
    font-weight: normal; }
  .wizard_inner_fw_box .partner-info .part_position {
    margin-bottom: 7px; }
  .wizard_inner_fw_box .partner-info .part_email {
    margin-bottom: 8px;
    color: #002A54; }

.wizard-step .inner_box {
  padding: 0 85px 0 85px; }

.wizard-step p.small {
  color: #5E5E5E;
  font-size: 16px;
  font-weight: normal; }

.rights_bar p {
  margin-bottom: 13px;
  color: #333333;
  font-size: 14px; }

.confirm_date_box_wrap .confirm_date_box {
  border-bottom: 1px solid #F4F4F4;
  padding: 18px 0; }
  .confirm_date_box_wrap .confirm_date_box:first-child {
    border-top: 1px solid #F4F4F4; }
  .confirm_date_box_wrap .confirm_date_box .confirm_date {
    float: left;
    text-align: left; }
  .confirm_date_box_wrap .confirm_date_box .confirm_date_btn {
    float: right; }
  .confirm_date_box_wrap .confirm_date_box .confirm_date span {
    font-size: 16px;
    color: #5E5E5E; }
  .confirm_date_box_wrap .confirm_date_box .confirm_date h3 {
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 21px;
    font-weight: 600;
    text-transform: capitalize; }
  .confirm_date_box_wrap .confirm_date_box .confirm_date_btn button {
    margin: 0; }

.dropdown-menu .call.disabled {
  cursor: not-allowed; }

.dropdown-menu .call-indicate-txt {
  color: #0071bc;
  font-size: 10px;
  line-height: 22px; }

.video_container .major-box {
  width: 100%;
  margin-top: 10px;
  position: relative; }
  .video_container .major-box .minor-box {
    height: 135px;
    width: 180px;
    position: absolute;
    right: 0px;
    top: 0; }
  .video_container .major-box .minor-box.box-standby {
    margin-bottom: 10px;
    height: 390px;
    width: 100%; }
  .video_container .major-box #local-video {
    width: 100%; }
  .video_container .major-box #call-peer {
    text-transform: capitalize; }
  .video_container .major-box #ringing-overlay {
    background: #008abc;
    background: linear-gradient(to right, #008abc, #22b573);
    height: 405px;
    width: 100%;
    position: absolute;
    top: 0; }
  .video_container .major-box #ringing-overlay img {
    width: 100px;
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 50px); }
  .video_container .major-box .ringing-overlay-img {
    left: calc(50% - 33px);
    position: absolute;
    top: calc(50% - 25px); }
  .video_container .major-box .incoming .ringing-overlay-img {
    top: calc(50% - 55px); }
  .video_container .major-box .incoming .ringing-overlay-spinner {
    top: 51%; }
  .video_container .major-box .ringing-overlay-spinner {
    position: absolute;
    left: calc(50% - 8px);
    top: 29%; }
  .video_container .major-box .ringing-overlay-spinner &gt; span {
    background-color: #fff;
    border-radius: 20px;
    height: 10px;
    width: 10px;
    display: block;
    margin: 5px 0; }
  .video_container .major-box .ringing-overlay-spinner &gt; span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both; }
  .video_container .major-box .ringing-overlay-spinner &gt; span:nth-child(2) {
    animation-delay: .2s; }
  .video_container .major-box .ringing-overlay-spinner &gt; span:nth-child(3) {
    animation-delay: .4s; }
  .video_container .major-box #ringing-overlay.outgoing .ringing-overlay-spinner &gt; span {
    animation-delay: .4s; }
  .video_container .major-box #ringing-overlay.outgoing .ringing-overlay-spinner &gt; span:nth-child(2) {
    animation-delay: .2s; }
  .video_container .major-box #ringing-overlay.outgoing .ringing-overlay-spinner &gt; span:nth-child(3) {
    animation-delay: .1s; }
  .video_container .major-box .video-instr-ico {
    background: url(../img/info-ico.png) no-repeat;
    display: block;
    height: 29px;
    margin-bottom: 5px; }
  .video_container .major-box #remote-user-warning {
    background-color: rgba(255, 0, 0, 0.7);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 35px;
    padding: 11px 0;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 90px; }
  .video_container .major-box #remote-users {
    background-color: rgba(0, 42, 84, 0.6);
    height: 80px;
    padding: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px; }
  .video_container .major-box #remote-user .user {
    float: left;
    padding-top: 6px; }
  .video_container .major-box #remote-user .btn {
    background-color: #595b59;
    color: #7b7b7b;
    float: right;
    height: 47px;
    margin: 4px 0 0;
    padding: 9px 30px; }
  .video_container .major-box #remote-user.online .btn {
    background-color: #39b44a;
    color: #fff; }
  .video_container .major-box #r-user-state {
    background: #989998;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    display: inline-block;
    height: 12px;
    width: 12px;
    position: relative;
    top: -1px; }
  .video_container .major-box #remote-user.online #r-user-state {
    background: #39b44a; }
  .video_container .major-box #r-user-state-txt {
    color: #989998;
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding-left: 16px; }
  .video_container .major-box #remote-user.online #r-user-state-txt {
    color: #fff; }
  .video_container .major-box #r-user-name {
    color: #989998;
    font-size: 21px;
    font-weight: 500; }
  .video_container .major-box #remote-user.online #r-user-name {
    color: #fff; }
  .video_container .major-box #remote-video {
    background-color: #000;
    margin-bottom: 10px;
    height: 405px;
    width: 100%; }
  .video_container .major-box #remote-usercontrol {
    display: none;
    float: left;
    text-align: right;
    width: 50%; }
  .video_container .major-box #usercontrol {
    position: absolute;
    left: 0;
    bottom: 15px;
    visibility: hidden;
    width: 100%; }
    .video_container .major-box #usercontrol .start-call-wt {
      background-image: url(../img/pickup.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      display: inline-block;
      height: 80px;
      padding: 5px;
      width: 80px; }
    .video_container .major-box #usercontrol .end-call-wt {
      background-image: url(../img/hangup.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      float: right;
      height: 80px;
      margin: 0 auto;
      padding: 5px;
      width: 50%; }
    .video_container .major-box #usercontrol .full.end-call-wt {
      background-position: center;
      visibility: visible;
      width: 100%; }
    .video_container .major-box #usercontrol #call-time {
      font-size: 14px;
      color: #fff;
      display: block;
      text-align: center; }
  .video_container .major-box .rounded-btn {
    border-radius: 50px;
    -ms-flex-item-align: center;
    align-self: center;
    cursor: hand; }

.video_container #errors-msgs {
  background-color: rgba(136, 13, 23, 0.9);
  color: #fff;
  position: absolute;
  top: -20px;
  width: 100%;
  left: 0;
  max-width: 1170px;
  padding: 15px;
  z-index: 9;
  opacity: 1;
  transition: opacity 500ms; }

.video_container #errors-msgs.hide {
  opacity: 0; }

#myvideo {
  margin-bottom: 10px;
  /* height: 260px; */
  height: 390px;
  width: 100%; }

#remoteContainer {
  height: auto;
  width: 100%; }

#remoteContainer video {
  margin-bottom: 0;
  height: 260px;
  width: 100%; }

#videoII {
  /* position: fixed;
	max-width: 540px;	
	width: 45%; */
  width: 100%;
  padding-top: 15px; }

.container.video_container .close_session {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 99;
  margin-bottom: 0; }

.container.video_container .sn .page-white {
  padding-bottom: 120px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #5e5e5e; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  color: #5e5e5e;
  font-size: 21px; }

.notifi .notifi-list {
  height: 295px;
  overflow: hidden; }

#notification_confirm_btn {
  margin-top: 25px;
  margin-bottom: 7px; }

.session-tabs-wrap {
  padding-bottom: 35px; }

/** Video Instruction Wrapper **/
.video_instruction_wrap .page-white {
  padding: 50px 40px; }

.video_instruction_wrap p {
  font-size: 0.899em;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 40px; }

.video_instruction_wrap img {
  max-width: 100%;
  margin: 0 auto 40px auto;
  display: block; }

/** Popup **/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  max-width: 700px;
  margin: 0 auto; }
  .white-popup .popup_title {
    color: #002A54;
    font-size: 1.2em;
    margin-bottom: 10px; }
  .white-popup .popup_subpage {
    font-size: 0.9em;
    color: #d44500;
    margin-bottom: 28px; }
  .white-popup a {
    color: #fff;
    background-color: #d44500;
    padding: 10px 20px;
    display: inline-block;
    font-size: 15px;
    margin-top: 10px; }
  .white-popup .bottom_heading {
    color: #8dc63f;
    font-size: 1em;
    margin-bottom: 0; }
  .white-popup p {
    margin-bottom: 20px; }
  .white-popup ol {
    padding-left: 18px;
    margin-bottom: 30px; }
  .white-popup li {
    margin-bottom: 25px;
    font-size: 0.85em;
    line-height: 23px; }

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8); }
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0; }
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }

@media screen and (max-width: 1199px) {
  .survey-wizard #wrapper .content .br-widget a {
    margin-left: 20px; } }

@media screen and (max-width: 991px) {
  .wizard_head .wizard_bar {
    left: 65px; }
  .wizard_w_box {
    padding: 0 25px 100px 25px; }
  .survey-wizard #wrapper .content .br-widget a {
    margin-left: 10px; } }

@media screen and (max-width: 767px) {
  .f_screen_row &gt; .pull-left,
  .f_screen_row &gt; .pull-right {
    float: none !important; } }

.btn-primary:active, .btn-primary.active, .open &gt; .btn-primary.dropdown-toggle {
  background-color: #002A54;
  border-color: #002A54; }

a.grn-btn,
a.org-btn {
  line-height: 33px; }

button.grn-btn,
input.grn-btn,
a.grn-btn,
button.org-btn,
input.org-btn,
a.org-btn {
  border: none;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 9px 50px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #fff;
  font-family: "nexa_bold";
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  height: 50px; }

button.grn-btn,
input.grn-btn,
a.grn-btn {
  background-color: #0e891e; }
  button.grn-btn:hover, button.grn-btn:focus,
  input.grn-btn:hover,
  input.grn-btn:focus,
  a.grn-btn:hover,
  a.grn-btn:focus {
    background-color: #39B54A;
    outline: none; }

button.org-btn,
input.org-btn,
a.org-btn {
  background-color: #d44500; }
  button.org-btn:hover, button.org-btn:focus,
  input.org-btn:hover,
  input.org-btn:focus,
  a.org-btn:hover,
  a.org-btn:focus {
    background-color: #39B54A;
    outline: none; }

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: none; }

button.imageUploader {
  background: transparent;
  border: 2px solid #767676;
  padding: 15px 64px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  color: #767676;
  font-size: 18px;
  text-transform: uppercase; }

.f_screen_row label {
  display: none; }

.f_screen_row input {
  height: 50px;
  padding-left: 25px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px; }
  .f_screen_row input::-webkit-input-placeholder {
    color: #919191;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: normal; }
  .f_screen_row input:-moz-placeholder {
    color: #919191;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: normal; }
  .f_screen_row input::-moz-placeholder {
    color: #919191;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: normal; }
  .f_screen_row input:-ms-input-placeholder {
    color: #919191;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: normal; }

.f_screen_row .form-group p {
  color: #5e5e5e;
  font-size: 14px; }

.f_screen_row .form-group a {
  color: #5e5e5e;
  text-decoration: underline; }

.f_screen_row .form-group .btn-link {
  color: #002b55;
  font-size: 16px;
  text-decoration: underline; }

.w_box_form .form-group {
  margin-bottom: 26px; }

.w_box_form label {
  display: block;
  margin-bottom: 8px;
  color: #5E5E5E;
  font-size: 16px;
  font-weight: normal; }

.w_box_form input.form-control {
  border: 1px solid #E5E5E5;
  height: 48px;
  color: #5E5E5E;
  font-size: 16px; }

.w_box_form select {
  border: 1px solid #E5E5E5;
  height: 48px;
  color: #5E5E5E;
  font-size: 16px; }

.w_box_form .radio {
  float: left;
  margin-bottom: 0; }
  .w_box_form .radio &gt; div {
    /*float: left;*/
    position: relative; }
  .w_box_form .radio input[type=radio] {
    position: absolute;
    visibility: hidden; }
  .w_box_form .radio label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 20px !important;
    padding: 0px 25px 25px 35px !important;
    margin: 0 auto !important;
    /*height: 50px !important;*/
    z-index: 9;
    cursor: pointer;
   line-height: 26px !important;}
  .w_box_form .radio .check {
    display: block;
    position: absolute;
    border: 2px solid #d44500;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 1px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear; }
  .w_box_form .radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear; }
  .w_box_form .radio input[type=radio]:checked ~ .check {
    border: 2px solid #d44500; }
  .w_box_form .radio input[type=radio]:checked ~ .check::before {
    background: #d44500; }

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

.has-error .form-control {
  border-color: red; }

.has-error .help-block strong {
  font-weight: 400; }

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

.alert-danger {
  background-color: #e8003a;
  border: none;
  color: white; }

.alert-success {
  background-color: #39B54A;
  border: none;
  color: white; }

.leadership-message {
  padding: 20px;
  background: #0478b5;
  background: linear-gradient(to right, #0478b5, #22b573);
  position: relative;
  margin-bottom: 75px; }

.leadership-message p {
  color: #fff;
  font-size: 21px;
  font-weight: 600; }

.leadership-message img {
  position: absolute;
  bottom: -54px;
  left: 100px; }

.dash .panel-title {
  font-size: 12px;
  font-weight: 600;
  color: #5E5E5E; }

.dash .panel-title img {
  margin-right: 10px; }

.dash {
  border: none;
  border-top: 1px solid #E5E5E5;
  border-radius: 0;
  box-shadow: none;
  padding-top: 40px;
  height: 485px;
  margin-bottom: 0;
  overflow: auto; }

.map-title {
  margin-bottom: -35px; }

.system_users_info {
  font-size: 12px;
  text-transform: uppercase;
  color: #5E5E5E;
  font-weight: 600; }

.user-count {
  font-size: 18px;
  color: #0071BC;
  font-weight: 300;
  display: block; }

.default-bar, .completion-bar {
  height: 6px;
  background: #E5E5E5;
  display: block;
  margin-top: 10px; }

.completion-bar {
  background: #0071BC;
  margin-top: 0;
  position: absolute;
  top: 0; }

.user-bar {
  position: relative; }

.notification .notifi-green {
  background: url(../img/notifi-green.png) no-repeat scroll center left; }

.notification small {
  background: url(../img/notifi-red.png) no-repeat scroll center left;
  padding-left: 50px;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  margin-bottom: 15px;
  display: block; }

.notification p {
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  padding-left: 50px; }

.notification {
  margin-top: 20px; }

.journal_indi p {
  font-size: 12px;
  color: #000;
  font-weight: 600; }

.journal_indi {
  margin-left: 40px;
  margin-top: 20px; }

p.journal-info {
  color: #0071BC; }

a.more-link {
  color: #d44500;
  padding-top: 14px; }

.dashboard-wrap {
  margin-bottom: 80px;
  padding-bottom: 0; }

.dashboard-wrap .dash:nth-child(odd) {
  border-right: 1px solid #E5E5E5; }

.notify-box {
  background: #fff;
  box-shadow: 0px 0px 20px 0px #D7DBDC;
  margin: 20px 0; }

.notify-box h3 {
  color: #d44500;
  margin: 0; }

.notify-box .panel-heading {
  padding: 15px;
  border: none; }

.notifications-list:nth-child(even) {
  background: #F2F2F2; }

.notifications-list {
  padding: 15px;
  position: relative; }

.notifications-list small {
  background: url(../img/notifi-red.png) no-repeat scroll center left;
  padding-left: 50px;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  margin-bottom: 15px;
  display: block; }

.notifications-list .notifi-green {
  background: url(../img/notifi-green.png) no-repeat scroll center left; }

.notifications-list p {
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  padding-left: 50px; }

.notifications-list a {
  position: absolute;
  right: 15px;
  top: 15px; }

.sn-content h1, .details-content h1 {
  font-size: 36px;
  color: #d44500;
  font-weight: 600; }

.sn-content h2, .details-content h2 {
  font-size: 21px;
  font-weight: 600;
  color: #002A54; }

.sn-content p, .sn-content li,
.details-content li, .details-content p {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-weight: 400; }

.sn-content p em, .details-content p em,
.sn-content li em, .details-content li em {
  color: #002A54;
  font-style: normal; }

.sn-content p.question, .details-content p.question {
  color: #9B04FF; }

.sn-content p.instruction, .details-content p.instruction {
  padding-left: 25px; }

.wizard_w_box h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px; }

.wizard_w_box label {
  color: #5E5E5E;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px; }

.wizard_w_box .form-group {
  text-align: left;
  margin-top: 20px; }

#message_to_partner {
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  color: #5E5E5E;
  font-size: 16px;
  font-weight: 400;
  padding: 5px; }

.wizard_w_box p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  clear: both;
  margin: 20px 0 40px;
  display: inline-block; }

.wizard_w_box .form-control {
  height: 47px;
  box-shadow: none;
  border: 1px solid #E2E2E2;
  color: #5E5E5E;
  font-size: 16px;
  border-right: 0; }

.wizard_w_box.clndr-box .form-control {
  color: #FFF;
  border: none;
  background-color: #337AC2; }
.clndr-box .form-control
  {
    color: #000 !important;
    border: solid 1px #33333338 !important;
    background-color: transparent !important;
  }
  .clndr-box label {
    color: #5E5E5E;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
.clndr-box{
  padding-top: 50px;
}

.wizard_w_box .input-group-addon {
  padding: 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: transparent;
  border: 1px solid #E2E2E2;
  border-left: none;
  border-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

@media (max-width: 767px) {
  .clist_wrap .clist_item {
    padding: 20px 0;
    border-top: 2px solid #ccc;
    display: flex;
}
.clist_wrap .clist_head {
    padding: 10px 0;
    border-bottom: 2px solid #ccc;
    text-align: left;
    display: flex;
    width: 130%;
}
.clist_wrap {
    border: 2px solid #ccc;
    overflow-y: hidden;
    display: block;
    overflow-x: auto;
}
  .go_meeting_btn
  {
    margin: 15px 10px 8px;
  }
  .dash {
    height: auto;
    border-right: none; }
  .dashboard-wrap .dash:nth-child(odd) {
    border: none; }
  .system_users_info .col-sm-4 {
    margin-bottom: 20px; }
  .wizard_w_box {
    padding: 0 15px 50px 15px; }
  .wizard-step .inner_box {
    padding: 0; }
  .wizard-last-step {
    height: auto; }
  .wizard_w_box h1 {
    font-size: 28px; }
  .wizard_inner_fw_box .part-img {
    float: none;
    padding-right: 0;
    width: 100%;
    text-align: center; }
  .wizard_inner_fw_box .part_img_round {
    float: none;
    margin: 0 auto; }
  .wizard_inner_fw_box {
    height: 300px;display: inline-block; }
  .wizard_inner_fw_box .partner-info span {
    padding-left: 0;
    text-align: center; }
  .wizard_inner_fw_box .partner-info {
    float: none;
    width: 100%;
    margin-top: 15px; }
  button.grn-btn, input.grn-btn, a.grn-btn, button.org-btn, input.org-btn, a.org-btn {
    padding: 9px 20px;
    font-size: 14px; }
  .wizard_head .wizard_bullet_wrap {
    margin-top: 20px;
    text-align: left;
    margin-left: 15px;
    padding-left: 58px;
    padding-top: 14px; }
  .wizard_head li {
    display: block;
    width: 100%;
    position: relative; }
  .wizard_head .wizard_bullet_wrap .wizard_id {
    left: 0;
    top: 0; }
  .wizard_head li .wizard_bar_wrap {
    position: absolute;
    width: 7px;
    left: 0; }
  .wizard_head .wizard_bar {
    left: 30px;
    top: 0; }
  .wizard_head {
    width: 100%;
    height: 325px; }
  .wizard_head ul {
    text-align: left;
    height: 260px; }
  .sn .sn-tabs li {
    padding-top: 57px;
    padding-left: 0px;
    padding-right: 0px;
    background-position: center 10px; }
  .wizard_form {
    padding: 35px 0px 50px 0px; }
  .wizard_form button.imageUploader {
    margin-top: 30px;
    padding: 12px 38px; }
  .contact-us .file-upload-button {
    padding: 0 15px;
    width: 50px;
    overflow: hidden;
    color: transparent; }
  .contact-us .file-upload-button:before {
    content: '+';
    color: #fff;
    font-size: 37px; }
  .contact-us .file-upload-input {
    width: 270px; } }

@media (max-width: 600px) {
  .msgs .msgs-me .msgs-left,
  .msgs .msgs-partner .msgs-right {
    width: 80%; }
  .msgs .msgs-me .msgs-right,
  .msgs .msgs-partner .msgs-left {
    width: 60px; }
  .sn .sn-tabs a {
    font-size: 12px; }
  .contact-us {
    padding: 40px 15px; } }

@media (max-width: 400px) {
  .msgs .msgs-me .msgs-left,
  .msgs .msgs-partner .msgs-right {
    width: 70%; }
  .imagePreview .avatar-circle {
    float: none;
    margin: 0 auto; }
  .wizard_form button.imageUploader {
    margin-left: 0px;
    width: 100%; }
  .contact-us .file-upload-input {
    width: 210px; } }

/*# sourceMappingURL=app.css.map */

/*==== Survey page style =====*/

/*==== Flaticons for Survey =====*/
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
/*margin-left: 20px;*/
}

.flaticon-win:before { content: "\f100"; }
.flaticon-browser:before { content: "\f101"; }
.flaticon-feedback:before { content: "\f102"; }
.flaticon-planning:before { content: "\f103"; }
.flaticon-planning-1:before { content: "\f104"; }

.glyph-icon:before{
  font-size: 75px;
  /*color: #d6d3d6;*/
  font-weight: 300;
}

/*=== fontface end ====*/

.survey_wrapper{
  background: #f9f9f9;
  padding: 50px 0px 0;
}
.survey_wrapper .wizard_head{
  height: auto;
  border: none;
  min-height: 250px;
}
.survey_wrapper .wizard_head ul{
  min-height: 250px;
}
.survey_wrapper .wizard_head ul li{
  font-weight: 600;
}
.survey_wrapper .wizard_head ul li .wizard_step_label{
  font-size: 16px;
  color: #d6d3d6;
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
.survey_wrapper .wizard_head ul li .wizard_bullet_wrap .wizard_step_label .glyph-icon{
  display: block;
  margin-bottom: 6px;
}
.survey_wrapper .wizard_head ul li .wizard_id{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  padding: 0;
  top: 100%;
  margin-top: 18px;
  left: calc(50% - 9px);
  background: #d6d3d6;
}
.survey_wrapper .wizard_head .wizard_bar{
  left: 110px;
  height: 8px;
  width: 100%;
  background: #d6d3d6;
}
.survey_wrapper .wizard_head ul li.active_bullet .wizard_id, .survey_wrapper .wizard_head ul li.done .wizard_id, .survey_wrapper .wizard_head ul li.in_process .wizard_bar, .survey_wrapper .wizard_head ul li.completed .wizard_bar{
  background: #61c7ff;
}

.survey_wrapper .wizard_head ul li.done .wizard_step_label, .survey_wrapper .wizard_head ul li.active_bullet .wizard_step_label{
  color: #61c7ff;
}
.survey_wrapper .wizard_head h3{
  font-size: 34px;
  font-weight: 600;
  text-transform: inherit;
  font-family: inherit;
}
.survey_wrapper .wizard_w_box{
  /*background: linear-gradient(to right, #008abc, #22b573);*/
  background: #eee;
  padding: 40px 50px;
  margin-bottom: 50px;
  border-radius: 8px;
  margin-top: 60px;
 /* display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;*/
    margin: 50px auto;
}
.survey_wrapper .wizard_w_box h1{
    font-size: 62px;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 20px;
}
.survey_wrapper .wizard_w_box p{
  color: #434242 !important;
  padding: 0px 40px;
  line-height: 43px;
  margin: 20px 0 20px;
  font-size: 24px;
}
.survey_wrapper .grn-btn{
  border-radius: 5px;
  background: #61c7ff;
}
.survey_wrapper .grn-btn:hover, .survey_wrapper .grn-btn:focus{
  background: #3cb8fc;
}

/*=== Complete Profile steps =====*/

.survey_wrapper .wizard_form{
  background: #f9f9f9;
  margin-top: 60px;
  padding: 80px 60px;
  border-radius: 8px;

}

.survey_wrapper .imagePreview{
  width:100%;
  height: 100%
  text-center;
  display: block;
}
.survey_wrapper .imagePreview .avatar-circle{
  float: none;
  margin: 0 auto;
}
.survey_wrapper .wizard_form button.imageUploader{
  margin-left: 0;
  display: block;
  width: 100%;
  padding: 15px 0px;  
  font-size: 14px;
}
.survey_wrapper .w_box_form .radio .check{
  width: 16px;
  height: 16px;
  border: 2px solid #999;
}
.survey_wrapper .w_box_form .radio input[type=radio]:checked ~ .check{
  border: 2px solid #61c7ff;
}
.survey_wrapper .w_box_form .radio .check::before{
  width: 8px;
  height: 8px;
  top: 2px;
  left: 2px;
}
.survey_wrapper .w_box_form .radio input[type=radio]:checked ~ .check::before{
  background: #61c7ff;
}
.survey_wrapper .w_box_form .radio label{
  font-size: 16px;
}
.survey_wrapper .w_box_form .form-group{
  margin-bottom: 35px;
}

/*=== Survey Step ===*/
.survey_wrapper .survey-wizard #wrapper .content &gt; h2{
  background-color: transparent;
  color: #434242;
  font-style: normal;
  padding: 20px 45px 0px 45px;
  font-weight: 300;
  min-height: inherit;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget{
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;*/
  display: table-cell;
  border-collapse: separate;
  border-spacing: 15px;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget a{
  height: 60px;
    width: auto;
    margin: auto 15px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    padding: 22px 10px;
    line-height: 20px;
    min-width: 170px;
    margin-bottom: 20px;
}

.survey_wrapper .survey-wizard #wrapper .content .br-widget a:nth-child(1){
  background: #d50028;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget a:nth-child(2){
  background: #FF1D47;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget a:nth-child(3){
  background: #FDAA27;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget a:nth-child(4){
  background: #ACCC61;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget a:nth-child(5){
  background: #418A47;
}
.survey_wrapper .survey-wizard #wrapper .content .br-widget a:hover{
  background: #333;
}

.survey_wrapper .survey-wizard #wrapper .content{
  border-bottom: transparent;
}
.survey_wrapper .survey-wizard #wrapper{
  height: 340px;
}

.session_congrats{
 height: calc(100vh - 280px);
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 align-items: center;
 justify-content: center;
}

.session_congrats .session_message{
  margin: auto;
  text-align: center;
}
.session_congrats .session_message h1{
  font-weight: 300;
  font-size: 48px;
  margin-bottom: 30px;
  margin-top: 0;
}
.session_congrats .session_message p{
  font-size: 16px;
  margin: 0;
}

.sidebar_settings{
  margin-top: 60px;
}
.sidebar_settings ul{
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
}
.sidebar_settings ul li{
  display: block;
}
.sidebar_settings ul li a{
  font-size: 16px;
  display: block;
  padding: 20px 15px;
  border-bottom: 1px solid #eee;
  color: #333;
}

.sidebar_settings ul li a:hover, .sidebar_settings ul li a:focus, .sidebar_settings ul li.active a{
  color: #ce3f00;
  border-bottom: 1px solid #d44500;
  text-decoration: none;
}


/*==========| notofication setting start |==========*/
.brightSity_notification .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
}
.brightSity_notification .switch input {
    display: none;
}
.brightSity_notification input:checked + .slider {
    background-color: #60cc7f!important;
}
.brightSity_notification .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bdbdbd!important;
    -webkit-transition: .4s;
    transition: .4s;
}
.brightSity_notification .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.brightSity_notification input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.brightSity_notification .slider.round {
    border-radius: 34px;
}
.brightSity_notification .slider.round:before {
    border-radius: 50%;
}
.brightSity_notification .wili_notify_row h5{
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  padding-left: 60px;
  margin-bottom: 25px;
}
.brightSity_notification .wili_notify_row .switch{
  position: absolute;
  left: 0;
  top:0;
}
.brightSity_notification .wili_notify_row .wili_notify_text{
  font-size: 16px;
  line-height: 20px;
  color: #999;
  padding-top: 10px;
  font-weight: 400;
  display: block;
}
.brightSity_notification{
  padding: 40px 50px;
  margin: 50px 0px;
  border: none;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  border-radius: 15px;
}
.brightSity_notification h2{
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.brightSity_notification h3{
  margin-bottom: 30px;
  font-size: 18px;
}
.brightSity_notification .wili_notify_row{
  padding: 30px 0;
  border-bottom:1px solid #ccc;
}
.custom_radio_payment .radio_payment{
  /*background: #c5e043;*/
  background: linear-gradient(to right, #999, #eee);
  -webkit-background: linear-gradient(to right, #999, #eee);
  -moz-background: linear-gradient(to right, #999, #eee);
    display: flex;
    align-items: center;
    height: 180px;
    width: 100%;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    justify-content: center;
    border-radius: 10px;
}
.custom_radio_payment input[type=radio] {
  display: none;
}
.custom_radio_payment input[type=radio]:checked + .radio_payment {
    background: linear-gradient(to right, #008abc, #22b573);
  -webkit-background: linear-gradient(to right, #008abc, #22b573);
  -moz-background: linear-gradient(to right, #008abc, #22b573);
  position: relative;
}
.custom_radio_payment input[type=radio]:checked + .radio_payment:after{
  content: '';
  background: url(../../img/check.svg) no-repeat;
  position: absolute;
  width: 20px;
  height: 16px;
  bottom: 22px;
}
.pay_invoice_page h1{
  font-size: 28px;
    color: #22b573;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
.invoice_btn{
  display: inline-block;
  min-width: 220px;
  height: 45px;
  line-height: 40px;
  border: 2px solid #22b573;
  color: #22b573;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  background: transparent;
  border-radius: 60px;
  float: none !important;
}
.invoice_btn:hover{
  background: #22b573;
  color: #fff;
}
.radio_payment h3{
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 300;
}
.radio_payment h2{
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}
.brightSity_notification .page-title{
  font-size: 30px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 15px;
}
.lang_dd{
	position: absolute;
    right: 0;
    bottom: 0px;
    width: 150px;
    min-height: 124px;
    display: flex;
    align-items: center;
}

.register .lang_dd{
  width: 150px;
  text-align: center;
  margin: 0px auto 20px;
  position: static;
}

/*.srv_box
{
  display: block !important;
    width: 100% !important;
}*/

.mobile_navbar
{
  display: none;
}
.ml-auto
{
  margin-left: auto;
}
.no-certificate{
  font-size: 18px;
  padding: 31px 0 31px 0;
  text-align: center;
  color: #808080;
  line-height: 31px;	  
}

ul.parsley-errors-list{
  padding: 0;
}

.parsley-errors-list li{
  color: #FF0000;
  list-style-type: none;
  float: left;
}

.parsley-error{
  color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
}

@media only screen and (max-width: 767px) {
    .pagination-nav, .details-nav, .reflections-nav {
      left: 0px;
  }
  .pagination &gt; li &gt; a, .pagination &gt; li &gt; span {
      padding: 7px 12px !important;
  }
  .confirm_date_box_wrap .confirm_date_box .confirm_date_btn {
      float: none;
      text-align: center;
      margin: 20px auto;
      display: inline-block;
  }

}

@media only screen and (min-width: 768px) and (max-width: 991px){ 
  .confirm_date_box_wrap .confirm_date_box .confirm_date_btn {
      float: none;
      text-align: center;
      margin: 20px auto;
      display: inline-block;
  }
}

/*30-10-21*/

.social_icons a {
    font-size: 18px;
    margin: 12px;    
    width: 48px;
    height: 48px;
    background: linear-gradient(to right, #008abc, #22b573);
    color: #fff;
    padding: 12px;
    display: inline-block;
    border-radius: 50px;
}
.social_icons {
    border-top: solid 1px #eee;
    padding-top: 20px;
    padding-bottom: 20px;
}
.session_completed .session_message {
    padding: 90px 30px 1px 30px !important;
}
.choices__inner {
    margin-top: 15px;
}
span.error_project_users {
    margin-bottom: 15px;
    display: block;
}
.msg_top{
  margin-top: 15px
}
#invite_users {
    background: linear-gradient(to left, #34b1ff 0%, #024f7b 51%, #34b1ff 100% );
   font-size: 16px;
    border: none;
    width: 100%;
    padding: 12px;
    font-weight: 700;
    transition: 0.5s;
    background-size: 200% auto;
    text-transform: capitalize;
}
#invite_users:hover{
  background-position: right center;
}
.choices {
     margin-bottom: 15px !important;
}
.invite_use{
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
    .social_icons a {
      margin: 5px;
    }
}

.survey_section{
  background: #f9f9f9 !important;
}
.survey_section h3{
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 700;
}</pre></body></html>