/**
 *
 * Add less vars here
 */
/* ============================  MIXINS  */
/* ============================  BOXES  */
.white-box {
  background-color: #fff;
  border: 1px solid #dadada;
}
.white-box.light-hover-shadow:hover {
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
.white-box-modern {
  background-color: #FFF;
  border: 1px solid #dadada;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* ============================  GRADIENTS  */
/* ============================  SHADOWS  */
.btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 200;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition: background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.btn i {
  padding-right: 5px;
}
.btn:hover {
  text-decoration: none;
}
.btn-small {
  padding: 10px 15px;
  font-size: 14px;
  line-height: 15px;
}
.btn-medium {
  padding: 12px 17px;
  font-size: 18px;
  line-height: 15px;
}
.btn-large {
  padding: 15px 20px;
  font-size: 19px;
  line-height: 15px;
}
.btn-wide {
  width: 100%;
}
.btn-block {
  display: block;
  width: 100%;
  white-space: normal;
}
.btn-green {
  font-weight: 200;
  background: #63c37c;
  color: #fff !important;
}
.btn-green:hover {
  background-color: #6ecc87;
}
.btn-red {
  background-color: #e74c3c;
  color: #fff !important;
}
.btn-gray {
  background-color: #7F8C8D;
  color: #fff !important;
}
.btn-gray:hover {
  background-color: #869293;
}
.btn-light-gray {
  background-color: #aFbCbD;
  color: #fff !important;
}
.btn-light-gray:hover {
  background-color: #b6c2c3;
}
.btn-blue {
  background-color: #2980b9;
  color: #fff !important;
}
.btn-blue:hover {
  background-color: #348ac2;
}
.btn-light-blue {
  background-color: #1CAADF;
  color: #fff !important;
}
.btn-light-blue:hover {
  background-color: #27B2E5;
}
.btn-google {
  background-color: #4085F9;
  color: #fff !important;
}
.btn-google:hover {
  background-color: #5991F0;
}
.btn-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.8;
}
.btn-disabled:hover {
  text-decoration: none;
}
button.red {
  background: #e74c3c;
  color: #FFF;
}
.g-interactivepost {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cacaca;
  color: #d9563a;
  background: #e7e7e7;
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  display: inline-block;
  cursor: pointer;
  width: 125px;
  float: left;
  text-align: center;
  margin-right: 4px;
}
.green-button {
  background-color: #00a610;
  background-image: -moz-linear-gradient(center top, #00a610, #00970e);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a610), to(#00970e));
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #00750b;
  padding: 12px 40px;
  font-size: 18px;
  text-shadow: 0 1px 1px #006b0a;
  color: #fff;
}
.green-button:hover {
  background-color: #05ad16;
  background-image: -moz-linear-gradient(center top, #05ad16, #049f13);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#05ad16), to(#049f13));
  text-decoration: none;
}
.green-button:active {
  background-color: #00970e;
  background-image: -moz-linear-gradient(center top, #00970e, #00a610);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00970e), to(#00a610));
  -moz-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
/* ============================  BLUE BUTTON  */
.blue-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #5598dc;
  color: #fff;
  display: block;
  text-align: center;
  padding: 8px 20px;
  float: left;
  font-size: 15px;
}
.blue-button:hover {
  background-color: #3473b3;
  text-decoration: none;
}
.blue-button:active {
  background-color: #3c7dbf;
  background-image: -moz-linear-gradient(center top, #3c7dbf, #5598dc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c7dbf), to(#5598dc));
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-collapse: separate;
}
.blue-button.inactive {
  background: url("/img/loader-blue.gif") no-repeat #577d9c;
  cursor: default;
  padding-left: 35px;
  background-position: 9px 9px;
}
.blue-button.disabled {
  background-color: #577d9c;
  cursor: default;
  opacity: 0.6;
}
/* ============================  FACEBOOK  */
.facebook-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background-color: #324d8f;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
.facebook-button:before,
.facebook-button:after {
  content: "";
  display: table;
}
.facebook-button:after {
  clear: both;
}
.facebook-button i {
  margin-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
}
.facebook-button div {
  float: left;
  padding: 9px 0 10px;
}
.facebook-button:hover {
  background-color: #4f6aad;
  text-decoration: none;
}
.google-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background: #d03324;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
.google-button:before,
.google-button:after {
  content: "";
  display: table;
}
.google-button:after {
  clear: both;
}
.google-button i {
  margin-right: 15px;
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.google-button div {
  float: left;
  padding: 9px 0 10px;
}
.google-button:hover {
  background-color: #F36456 !important;
  text-decoration: none;
}
.google-button:active {
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-collapse: separate;
}
.mini-button {
  font-size: 16px;
  width: 235px;
}
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: 200;
}
input[type="search"] {
  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: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
  resize: none;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  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"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  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="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@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 .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;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    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: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.clean-form input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.clean-form input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
.clean-form textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.std-error {
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  color: #B95D5D;
  padding: 7px;
}
.std-success {
  background-color: #2ecc71;
  border: 1px solid #27ae60;
  color: #fff;
  padding: 7px;
}
.tabbed nav {
  padding: 10px;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 200;
}
.tabbed nav a {
  color: #000;
  padding-right: 10px;
}
.tabbed nav a.selected {
  font-weight: bold;
}
.tabbed nav a:hover {
  text-decoration: none;
}
/*
  DOUBLE COLUMN (70/30 split)
 */
.modern-layout {
  *zoom: 1;
  width: 99%;
  max-width: 900px;
  margin: 20px auto;
}
.modern-layout:before,
.modern-layout:after {
  content: "";
  display: table;
}
.modern-layout:after {
  clear: both;
}
.modern-layout-single-column {
  *zoom: 1;
  width: 99%;
  max-width: 900px;
  margin: 20px auto;
}
.modern-layout-single-column:before,
.modern-layout-single-column:after {
  content: "";
  display: table;
}
.modern-layout-single-column:after {
  clear: both;
}
.modern-layout-single-column main {
  width: 100%;
}
.modern-layout-double-column {
  *zoom: 1;
  width: 99%;
  max-width: 900px;
  margin: 20px auto;
}
.modern-layout-double-column:before,
.modern-layout-double-column:after {
  content: "";
  display: table;
}
.modern-layout-double-column:after {
  clear: both;
}
.modern-layout-double-column main {
  width: 70%;
  float: left;
}
.modern-layout-double-column sidebar {
  width: 27%;
  float: right;
}
.modern-content-widget {
  background: #ffffff;
  border: 1px solid #d4d4d4;
}
.modern-content-widget header {
  background: #fbfbfb;
  padding: 15px;
  border-bottom: 1px solid #d7d7d7;
}
.modern-content-widget header h1 {
  font-weight: 200;
  font-size: 16px;
}
.modern-content-widget header h2 {
  font-size: 14px;
  color: #7E7E7E;
  font-weight: 200;
}
.modern-content-widget section {
  padding: 15px;
}
.modern-form fieldset {
  margin: 20px 0;
}
.modern-form fieldset:last-child {
  margin-bottom: 0;
}
.modern-form fieldset:first-child {
  margin-top: 0;
}
.modern-form .form-item {
  *zoom: 1;
  margin-bottom: 15px;
  font-weight: 200;
}
.modern-form .form-item:before,
.modern-form .form-item:after {
  content: "";
  display: table;
}
.modern-form .form-item:after {
  clear: both;
}
.modern-form .form-item.error input,
.modern-form .form-item.error textarea {
  border-color: #E4AAAA;
}
.modern-form .form-item .required {
  color: #B95D5D;
}
.modern-form .form-item .helper-text {
  font-weight: 200;
  font-size: 11px;
  color: #8d8d8d;
  margin-top: 2px;
}
.modern-form label,
.modern-form input,
.modern-form textarea {
  width: 100%;
}
.modern-form input[type="checkbox"] {
  width: 4%;
}
.modern-form input[type="submit"] {
  font-size: 17px;
  color: #ffffff;
  background: #2ecc71;
  padding: 12px 0;
  display: block;
  font-weight: 200;
}
.modern-form .label {
  width: 20%;
  float: left;
}
.modern-form .input {
  width: 75%;
  float: right;
}
.modern-form input[type="text"],
.modern-form textarea {
  border: 1px solid #D6D6D6;
  background: #f7f7f7;
  padding: 7px 0 7px 7px;
}
.modern-form .error-message {
  padding: 8px;
  font-weight: 200;
  color: #B95D5D;
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  display: none;
}
@media all and (max-width: 830px) {
  .modern-layout-double-column sidebar {
    margin-top: 20px;
    width: 100%;
  }
  .modern-layout-double-column main {
    width: 100%;
  }
}
#hover .tooltip {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  padding: 5px;
  font-size: 11px;
  z-index: 1000000;
}
#hover .tt-white {
  background-color: #FFF;
  color: #000;
  border: 1px solid #bdc3c7;
}
#hover .tt-white .tt-arrow:after {
  border-color: #bdc3c7;
}
#hover .tt-black {
  background-color: #000;
  color: #efefef;
  max-width: 200px;
}
#hover .tt-black .tt-arrow:after {
  border-color: #000;
}
#hover .tt-green-white {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  border: 1px solid #53bc7e;
}
#hover .tt-green-white .tt-arrow:after {
  border-color: #53bc7e;
}
#hover .tt-arrow {
  position: absolute;
}
#hover .tt-arrow.tt-top:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top-width: 5px;
  border-top-style: solid;
}
#hover .tt-arrow.tt-bottom:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
#hover .tt-arrow.tt-left:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left-width: 5px;
  border-left-style: solid;
}
#hover .tt-arrow.tt-right:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-right-width: 5px;
  border-right-style: solid;
}
#hover .triangle-right {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-right-width: 5px;
  border-right-style: solid;
}
#hover .triangle-left {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left-width: 5px;
  border-left-style: solid;
}
#hover .triangle-bottom {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
#hover .triangle-top {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top-width: 5px;
  border-top-style: solid;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  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: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.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: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
#prompt .prompt-container {
  margin: 0 auto;
  margin-top: 100px;
  width: 600px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff;
  border: 1px solid #ccc;
}
#prompt .prompt-container .content {
  padding: 25px;
  font-size: 25px;
}
#prompt .prompt-container .content .inputs input[type="text"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
}
#prompt .prompt-container .footer {
  padding: 10px 25px;
  background: #f1f1f1;
  border-top: 1px solid #ccc;
}
#prompt .prompt-container .footer .buttons {
  *zoom: 1;
}
#prompt .prompt-container .footer .buttons:before,
#prompt .prompt-container .footer .buttons:after {
  content: "";
  display: table;
}
#prompt .prompt-container .footer .buttons:after {
  clear: both;
}
#prompt .prompt-container .footer .buttons .button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  cursor: pointer;
  float: right;
  margin-right: 10px;
}
#prompt .prompt-container .footer .buttons .button:first-child {
  margin-right: 0;
}
#prompt .prompt-container .footer .buttons .button.confirm,
#prompt .prompt-container .footer .buttons .button.submit {
  background: #25aacc;
  color: #fff;
}
#prompt .prompt-container .footer .buttons .button.confirm:hover,
#prompt .prompt-container .footer .buttons .button.submit:hover {
  background: #31b7da;
}
#prompt .prompt-container .footer .buttons .button.danger {
  background: #d03324;
  color: #fff;
}
#prompt .prompt-container .footer .buttons .button.danger:hover {
  background: #dc4132;
}
#prompt .prompt-container .footer .buttons .button.cancel {
  background: #fff;
}
#prompt .prompt-container .footer .buttons .button.cancel:hover {
  background: #fafafa;
}
#modal-container {
  margin: 0 auto;
  text-align: center;
  position: fixed;
  z-index: 10001;
  opacity: 0;
  padding: 0 0 50px;
  overflow-y: auto;
  height: 100%;
}
#modal-container.active {
  top: -1000px;
  left: 0;
  right: 0;
  padding: 0 15px;
  opacity: 1;
}
#modal-container.clear #modal-content {
  background: none;
  border: 0px;
}
#modal-container .close-modal {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -9px;
  cursor: pointer;
  font-size: 16px;
  background: #FFF;
  z-index: 10000;
  font-weight: bold;
  padding-top: 4px;
  color: #696969;
  line-height: 12px;
}
#modal-container .close-modal:hover {
  color: #000;
}
#modal-container #modal-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  background: #FFF;
  border: 1px solid #d3d3d3;
  z-index: 10001;
  display: inline-block;
  min-width: 1px;
}
#overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-animation: fadein .25s;
  /* Safari and Chrome */
  -moz-animation: fadein .25s;
  /* Firefox */
  -ms-animation: fadein .25s;
  /* Internet Explorer */
  -o-animation: fadein .25s;
  /* Opera */
  animation: fadein .25s;
}
#overlay.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#overlay.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#modal-content .language-settings {
  z-index: 10000;
  padding-top: 20px;
  text-align: left;
}
#modal-content .language-settings .modal-body {
  *zoom: 1;
  background-color: #fff;
  width: 400px;
  padding: 0;
}
#modal-content .language-settings .modal-body:before,
#modal-content .language-settings .modal-body:after {
  content: "";
  display: table;
}
#modal-content .language-settings .modal-body:after {
  clear: both;
}
#modal-content .language-settings .close-modal {
  text-align: center;
  display: none;
}
#modal-content .language-settings .step-1,
#modal-content .language-settings .step-2,
#modal-content .language-settings .step-3 {
  *zoom: 1;
  padding: 0 30px 30px;
}
#modal-content .language-settings .step-1:before,
#modal-content .language-settings .step-2:before,
#modal-content .language-settings .step-3:before,
#modal-content .language-settings .step-1:after,
#modal-content .language-settings .step-2:after,
#modal-content .language-settings .step-3:after {
  content: "";
  display: table;
}
#modal-content .language-settings .step-1:after,
#modal-content .language-settings .step-2:after,
#modal-content .language-settings .step-3:after {
  clear: both;
}
#modal-content .language-settings .step-2,
#modal-content .language-settings .step-3 {
  display: none;
}
#modal-content .language-settings p {
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 150%;
}
#modal-content .language-settings h1 {
  margin-bottom: 20px;
  height: 70px;
  border: none;
  border-bottom: 1px solid #ccc;
  background: #f1f1f1;
  font-weight: 200;
  font-size: 22px;
  padding-top: 20px;
}
#modal-content .language-settings .lang-container {
  width: 100%;
  margin: 10px 50px 20px 0;
  font-size: 18px;
}
#modal-content .language-settings .lang-container .lang-select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 593px;
}
#modal-content .language-settings .lang-container .chosen-choices {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
}
#modal-content .language-settings .lang-container .chosen-container {
  font-size: 15px;
  width: 100% !important;
  margin-top: 15px;
}
#modal-content .language-settings .lang-container .search-choice {
  padding: 10px 26px 11px 13px !important;
  margin-right: 6px !important;
}
#modal-content .language-settings .lang-container .search-choice-close {
  top: 11px !important;
  right: 6px !important;
}
#modal-content .language-settings .lang-container .chosen-choices .search-field input {
  height: 37px !important;
}
#modal-content .language-settings .lang-container .chosen-results li {
  padding: 9px 6px;
}
#modal-content .language-settings .question {
  padding: 0 0 20px;
}
#modal-content .language-settings .question .option {
  font-size: 15px;
  margin-left: 5px;
}
#modal-content .language-settings .question.first {
  padding-top: 10px;
}
#modal-content .language-settings .step-3 .input-phone {
  width: 100%;
}
#modal-content .language-settings .step-3 input {
  padding-left: 10px;
  width: 285px;
  height: 34px;
}
#modal-content .language-settings .submit-button {
  color: #fff;
  background-color: #6fc174;
  display: block;
  font-weight: 200;
  font-size: 17px;
  padding: 12px 25px;
  min-width: 150px;
  text-align: center;
  float: left;
  margin-top: 10px;
  width: 100%;
}
#modal-content .language-settings .submit-button:hover {
  text-decoration: none;
  background-color: #7bc980;
}
@media (max-width: 720px) {
  #modal .language-settings {
    padding-top: 40px;
  }
}
.welcome {
  margin: 12px 0;
}
.teacher-contract {
  /* ============================ AGREEMENT */
}
.teacher-contract .content {
  padding: 10px;
}
.teacher-contract .agreement {
  line-height: 140%;
  height: 300px;
  margin: 10px 0;
  padding: 10px;
  overflow-y: scroll;
  width: 100%;
  resize: none;
  background-color: #f5f6f7;
  border: 1px solid #DDDDDD;
}
.teacher-contract .agreement li {
  margin: 6px 0 6px 20px;
}
.teacher-contract p {
  padding-bottom: 8px;
}
.teacher-contract .accept {
  margin: 0 30% 0 30%;
  width: 40%;
}
#modal-content .edit-class {
  z-index: 10000;
  text-align: left;
  width: 600px;
  height: 400px;
  /* ============================  STANDARD FORM STYLING  */
}
#modal-content .edit-class .in {
  *zoom: 1;
  background-color: #fff;
  padding: 20px 20px 0 20px;
}
#modal-content .edit-class .in:before,
#modal-content .edit-class .in:after {
  content: "";
  display: table;
}
#modal-content .edit-class .in:after {
  clear: both;
}
#modal-content .edit-class h3 {
  font-size: 21px;
  margin-bottom: 15px;
}
#modal-content .edit-class h3 .go-to-class {
  color: #26619d;
  font-weight: bold;
  text-decoration: underline;
}
#modal-content .edit-class h3 .go-to-class:hover {
  color: #139dd1;
}
#modal-content .edit-class .grammar-tags,
#modal-content .edit-class .topic-tags {
  width: 400px;
}
#modal-content .edit-class .chzn-choices input {
  font-size: 13px;
}
#modal-content .edit-class .bottom-row {
  clear: both;
}
#modal-content .edit-class .bottom-row .delete {
  float: right;
  margin: 30px 0 31px 31px;
  color: red;
  font-size: 12px;
}
#modal-content .edit-class .bottom-row .delete i {
  padding-right: 4px;
  font-size: 14px;
}
#modal-content .edit-class .class-name {
  width: 400px;
}
#modal-content .edit-class .add-files .add-file-btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #5598dc;
  color: #fff;
  display: block;
  text-align: center;
  padding: 8px 20px;
  font-size: 15px;
  float: left;
  font-size: 12px;
  padding: 4px;
  margin-top: 5px;
}
#modal-content .edit-class .add-files .add-file-btn:hover {
  background-color: #3473b3;
  text-decoration: none;
}
#modal-content .edit-class .add-files .add-file-btn:active {
  background-color: #3c7dbf;
  background-image: -moz-linear-gradient(center top, #3c7dbf, #5598dc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c7dbf), to(#5598dc));
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-collapse: separate;
}
#modal-content .edit-class .add-files .add-file-btn.inactive {
  background: url("/img/loader-blue.gif") no-repeat #577d9c;
  cursor: default;
  padding-left: 35px;
  background-position: 9px 9px;
}
#modal-content .edit-class .add-files .add-file-btn.disabled {
  background-color: #577d9c;
  cursor: default;
  opacity: 0.6;
}
#modal-content .edit-class .add-files .upload-progress {
  float: left;
  width: 300px;
  margin-left: 15px;
  padding-top: 6px;
}
#modal-content .edit-class .add-files .upload-progress .progressbar {
  display: none;
  float: left;
  width: 100px;
  height: 10px;
  margin-top: 4px;
}
#modal-content .edit-class .add-files .upload-progress .bar {
  height: 10px;
}
#modal-content .edit-class .add-files .upload-progress .text {
  display: block;
  text-align: center;
  float: left;
  width: 200px;
  font-weight: bold;
}
#modal-content .edit-class .file .remove-file-btn {
  margin-right: 10px;
}
#modal-content .edit-class .file .remove-file-btn:hover {
  text-decoration: none;
}
#modal-content .edit-class .add-links .add-link-btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #5598dc;
  color: #fff;
  display: block;
  text-align: center;
  padding: 8px 20px;
  float: left;
  font-size: 15px;
  font-size: 12px;
  padding: 4px;
  margin-top: 8px;
}
#modal-content .edit-class .add-links .add-link-btn:hover {
  background-color: #3473b3;
  text-decoration: none;
}
#modal-content .edit-class .add-links .add-link-btn:active {
  background-color: #3c7dbf;
  background-image: -moz-linear-gradient(center top, #3c7dbf, #5598dc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c7dbf), to(#5598dc));
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-collapse: separate;
}
#modal-content .edit-class .add-links .add-link-btn.inactive {
  background: url("/img/loader-blue.gif") no-repeat #577d9c;
  cursor: default;
  padding-left: 35px;
  background-position: 9px 9px;
}
#modal-content .edit-class .add-links .add-link-btn.disabled {
  background-color: #577d9c;
  cursor: default;
  opacity: 0.6;
}
#modal-content .edit-class .add-links .input {
  float: left;
  height: 40px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CCC;
  margin-right: 10px;
}
#modal-content .edit-class .add-links .input span {
  padding: 4px;
}
#modal-content .edit-class .link .remove-link-btn {
  margin-right: 10px;
}
#modal-content .edit-class .link .remove-link-btn:hover {
  text-decoration: none;
}
#modal-content .edit-class table tr td,
#modal-content .edit-class table tr th {
  padding-bottom: 10px;
}
#modal-content .edit-class table th {
  text-align: right;
  padding-right: 20px;
}
#modal-content .edit-class textarea,
#modal-content .edit-class input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(center top, #f5f5f5, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#ffffff));
  border: 1px solid #d5d5d5;
  padding: 4px;
  font-size: 14px;
}
#modal-content .edit-class textarea {
  height: 100px;
  width: 400px;
}
#modal-content .edit-class select {
  width: 200px;
}
#modal-content .edit-class .submit,
#modal-content .edit-class .submit-profile {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #5598dc;
  color: #fff;
  display: block;
  text-align: center;
  padding: 8px 20px;
  float: left;
  font-size: 15px;
  margin: 20px 0 20px;
}
#modal-content .edit-class .submit:hover,
#modal-content .edit-class .submit-profile:hover {
  background-color: #3473b3;
  text-decoration: none;
}
#modal-content .edit-class .submit:active,
#modal-content .edit-class .submit-profile:active {
  background-color: #3c7dbf;
  background-image: -moz-linear-gradient(center top, #3c7dbf, #5598dc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c7dbf), to(#5598dc));
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-collapse: separate;
}
#modal-content .edit-class .submit.inactive,
#modal-content .edit-class .submit-profile.inactive {
  background: url("/img/loader-blue.gif") no-repeat #577d9c;
  cursor: default;
  padding-left: 35px;
  background-position: 9px 9px;
}
#modal-content .edit-class .submit.disabled,
#modal-content .edit-class .submit-profile.disabled {
  background-color: #577d9c;
  cursor: default;
  opacity: 0.6;
}
#modal-content .edit-class .template {
  padding-top: 30px;
}
#modal-content .edit-class .template input {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
#modal-content .edit-class .template div {
  float: left;
}
#modal-content .edit-class .loading {
  text-align: center;
  font-size: 50px;
}
/* ============================  VIMEO PLAYER  */
.youtube-container {
  height: 449px;
  width: 800px;
  opacity: 0;
}
.youtube-container iframe {
  -moz-box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.3);
  border-collapse: separate;
  background-color: #fff;
}
.youtube-container.show {
  opacity: 1;
}
#modal .facebook-connect-modal {
  padding-top: 120px;
}
#modal .facebook-connect-modal header {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #434343;
  background-color: #1f1f1f;
  height: 70px;
}
#modal .facebook-connect-modal header img {
  margin: 15px 0 0 28px;
}
#modal .facebook-connect-modal header h3 {
  font-size: 20px;
  color: white;
  padding: 20px;
  margin-top: 2px;
  float: right;
}
#modal .facebook-connect-modal .in {
  *zoom: 1;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: 0 0 25px 0 #000000;
  -webkit-box-shadow: 0 0 25px 0 #000000;
  box-shadow: 0 0 25px 0 #000000;
  border-collapse: separate;
  margin: 0 auto;
  width: 450px;
  background-color: #fff;
}
#modal .facebook-connect-modal .in:before,
#modal .facebook-connect-modal .in:after {
  content: "";
  display: table;
}
#modal .facebook-connect-modal .in:after {
  clear: both;
}
#modal .facebook-connect-modal .in .close {
  color: #fff;
  margin: -32px 0 0 464px;
}
#modal .facebook-connect-modal .content {
  *zoom: 1;
  padding: 20px;
}
#modal .facebook-connect-modal .content:before,
#modal .facebook-connect-modal .content:after {
  content: "";
  display: table;
}
#modal .facebook-connect-modal .content:after {
  clear: both;
}
#modal .facebook-connect-modal .content p {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 150%;
}
#modal .facebook-connect-modal .fb-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background-color: #324d8f;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
  float: left;
  margin: 0 0 0 60px;
}
#modal .facebook-connect-modal .fb-connect:before,
#modal .facebook-connect-modal .fb-connect:after {
  content: "";
  display: table;
}
#modal .facebook-connect-modal .fb-connect:after {
  clear: both;
}
#modal .facebook-connect-modal .fb-connect i {
  margin-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
}
#modal .facebook-connect-modal .fb-connect div {
  float: left;
  padding: 9px 0 10px;
}
#modal .facebook-connect-modal .fb-connect:hover {
  background-color: #4f6aad;
  text-decoration: none;
}
#modal .cant-chat-modal {
  padding-top: 120px;
}
#modal .cant-chat-modal header {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #434343;
  background-color: #1f1f1f;
  height: 70px;
}
#modal .cant-chat-modal header img {
  margin: 15px 0 0 28px;
}
#modal .cant-chat-modal header h3 {
  font-size: 20px;
  color: white;
  padding: 20px;
  margin-top: 2px;
  float: right;
}
#modal .cant-chat-modal .in {
  *zoom: 1;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: 0 0 25px 0 #000000;
  -webkit-box-shadow: 0 0 25px 0 #000000;
  box-shadow: 0 0 25px 0 #000000;
  border-collapse: separate;
  margin: 0 auto;
  width: 450px;
  background-color: #fff;
}
#modal .cant-chat-modal .in:before,
#modal .cant-chat-modal .in:after {
  content: "";
  display: table;
}
#modal .cant-chat-modal .in:after {
  clear: both;
}
#modal .cant-chat-modal .in .close {
  color: #fff;
  margin: -32px 0 0 464px;
}
#modal .cant-chat-modal .content {
  *zoom: 1;
  padding: 20px;
}
#modal .cant-chat-modal .content:before,
#modal .cant-chat-modal .content:after {
  content: "";
  display: table;
}
#modal .cant-chat-modal .content:after {
  clear: both;
}
#modal .cant-chat-modal .content p {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 150%;
}
#modal .cant-chat-modal .content .get-unlimited {
  background-color: #00a610;
  background-image: -moz-linear-gradient(center top, #00a610, #00970e);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a610), to(#00970e));
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #00750b;
  padding: 12px 40px;
  font-size: 18px;
  text-shadow: 0 1px 1px #006b0a;
  color: #fff;
  display: block;
  text-align: center;
}
#modal .cant-chat-modal .content .get-unlimited:hover {
  background-color: #05ad16;
  background-image: -moz-linear-gradient(center top, #05ad16, #049f13);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#05ad16), to(#049f13));
  text-decoration: none;
}
#modal .cant-chat-modal .content .get-unlimited:active {
  background-color: #00970e;
  background-image: -moz-linear-gradient(center top, #00970e, #00a610);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00970e), to(#00a610));
  -moz-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
.google-connect-modal .in {
  *zoom: 1;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: 0 0 25px 0 #000000;
  -webkit-box-shadow: 0 0 25px 0 #000000;
  box-shadow: 0 0 25px 0 #000000;
  border-collapse: separate;
  margin: 0 auto;
  width: 475px;
  background-color: #fff;
}
.google-connect-modal .in:before,
.google-connect-modal .in:after {
  content: "";
  display: table;
}
.google-connect-modal .in:after {
  clear: both;
}
.google-connect-modal .in .close {
  color: #fff;
  margin: -32px 0 0 488px;
}
.google-connect-modal .content {
  *zoom: 1;
  padding: 20px;
}
.google-connect-modal .content:before,
.google-connect-modal .content:after {
  content: "";
  display: table;
}
.google-connect-modal .content:after {
  clear: both;
}
.google-connect-modal .content p {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 150%;
}
.google-connect-modal .google-connect {
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background: #d03324;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
  padding-right: 20px;
  display: inline-block;
}
.google-connect-modal .google-connect:before,
.google-connect-modal .google-connect:after {
  content: "";
  display: table;
}
.google-connect-modal .google-connect:after {
  clear: both;
}
.google-connect-modal .google-connect i {
  margin-right: 15px;
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.google-connect-modal .google-connect div {
  float: left;
  padding: 9px 0 10px;
}
.google-connect-modal .google-connect:hover {
  background-color: #F36456 !important;
  text-decoration: none;
}
.google-connect-modal .google-connect:active {
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-collapse: separate;
}
.google-connect-modal .google-connect.active {
  width: 245px;
  text-align: center;
}
.google-connect-modal .google-connect.active i {
  padding: 15px;
  margin: 0;
  border: none;
  display: inline-block;
  float: none;
}
#modal .invite-friends {
  background-color: rgba(0, 0, 0, 0.7);
}
#modal .invite-friends .in {
  position: relative;
}
#modal .invite-friends .in .outer {
  height: 76px;
  color: #fff;
  font-size: 22px;
  padding-top: 15px;
  text-align: center;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#modal .invite-friends .in .outer .emphasize {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
#modal .invite-friends .in .inner .header .close {
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 16px;
}
#app .settings .invite-friends {
  font-size: 14px;
}
#app .settings .invite-friends .in {
  margin-top: 20px;
}
#app .settings .invite-friends .in .outer {
  display: none;
}
#app .settings .invite-friends .in .inner .header .close {
  display: none;
}
.invite-friends .hide {
  display: none;
}
.invite-friends .show {
  display: block;
}
.invite-friends .in {
  width: 800px;
  margin: 0 auto;
  overflow: hidden;
  height: 500px;
  top: 100px;
}
.invite-friends .in .inner {
  width: 800px;
  height: 500px;
  background-color: #fff;
  position: absolute;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.invite-friends .in .inner .header {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
.invite-friends .in .inner .header .share-link {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
.invite-friends .in .inner .header .share-link .invite-link input[type="text"] {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  width: 300px;
}
.invite-friends .in .inner .header .buttons .button {
  width: 175px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 10px;
  padding: 10px;
  cursor: pointer;
}
.invite-friends .in .inner .header .buttons .button a {
  text-decoration: none;
}
.invite-friends .in .inner .header .buttons .button a:hover {
  text-decoration: none;
}
.invite-friends .in .inner .header .buttons .button a [class^="icon-"],
.invite-friends .in .inner .header .buttons .button a [class*="icon-"] {
  margin-right: 20px;
}
.invite-friends .in .inner .header .buttons .button:last-child {
  margin-right: 0;
}
.invite-friends .in .inner .header .buttons .button.post-to-google {
  text-align: left;
  float: none;
  font-size: 14px;
  background-color: #D03324;
  border: 0px;
  color: #fff;
  font-weight: normal;
}
.invite-friends .in .inner .header .buttons .button.post-to-google [class^="icon-"],
.invite-friends .in .inner .header .buttons .button.post-to-google [class*="icon-"] {
  margin-right: 20px;
}
.invite-friends .in .inner .header .buttons .button.post-to-google:hover {
  background-color: #df5548;
}
.invite-friends .in .inner .header .buttons .button.button-facebook {
  background-color: #355B9F;
  color: #fff;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  border-collapse: separate;
}
.invite-friends .in .inner .header .buttons .button.button-facebook:hover {
  background-color: #4672c1;
}
.invite-friends .in .inner .header .buttons .button.button-twitter {
  background-color: #39B9E8;
  color: #fff;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  border-collapse: separate;
}
.invite-friends .in .inner .header .buttons .button.button-twitter a:link,
.invite-friends .in .inner .header .buttons .button.button-twitter a:active,
.invite-friends .in .inner .header .buttons .button.button-twitter a:visited {
  color: white;
}
.invite-friends .in .inner .header .buttons .button.button-twitter:hover {
  background-color: #67c9ed;
}
.invite-friends .in .inner .header .buttons .button.button-email {
  background-color: #E0E0E0;
  color: #636363;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  border-collapse: separate;
}
.invite-friends .in .inner .header .buttons .button.button-email a:link,
.invite-friends .in .inner .header .buttons .button.button-email a:active,
.invite-friends .in .inner .header .buttons .button.button-email a:visited {
  color: #636363;
}
.invite-friends .in .inner .header .buttons .button.button-email:hover {
  background-color: #fafafa;
}
.invite-friends .in .inner .header .buttons .post-to-facebook > * {
  display: inline-block;
}
.invite-friends .in .inner .content {
  background-color: #FAFAFA;
  overflow-y: scroll;
  height: 330px;
}
.invite-friends .in .inner .content .social-connect {
  text-align: center;
}
.invite-friends .in .inner .content .social-connect h3 {
  font-size: 18px;
  padding-top: 20px;
}
.invite-friends .in .inner .content .social-connect .buttons {
  text-align: center;
  margin-top: 80px;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect,
.invite-friends .in .inner .content .social-connect .buttons .google-connect {
  display: inline-block;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background-color: #324d8f;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect:before,
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect:after {
  content: "";
  display: table;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect:after {
  clear: both;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect i {
  margin-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect div {
  float: left;
  padding: 9px 0 10px;
}
.invite-friends .in .inner .content .social-connect .buttons .facebook-connect:hover {
  background-color: #4f6aad;
  text-decoration: none;
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background: #d03324;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect:before,
.invite-friends .in .inner .content .social-connect .buttons .google-connect:after {
  content: "";
  display: table;
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect:after {
  clear: both;
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect i {
  margin-right: 15px;
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect div {
  float: left;
  padding: 9px 0 10px;
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect:hover {
  background-color: #F36456 !important;
  text-decoration: none;
}
.invite-friends .in .inner .content .social-connect .buttons .google-connect:active {
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-collapse: separate;
}
.invite-friends .in .inner .content .invite-from-facebook {
  padding: 20px 20px 0 20px;
}
.invite-friends .in .inner .content .invite-from-facebook .invite {
  font-weight: bold;
  font-size: 15px;
}
.invite-friends .in .inner .content .invite-from-facebook input[type="text"] {
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  width: 100%;
}
.invite-friends .in .inner .content .fb-entries {
  padding: 20px 0 20px 20px;
}
.invite-friends .in .inner .content .fb-entries .fb-invite-entry {
  list-style: none;
  width: 180px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.invite-friends .in .inner .content .fb-entries .fb-invite-entry:hover {
  background-color: #A6D1E0;
}
.invite-friends .in .inner .content .fb-entries .fb-invite-entry .info .fb-image {
  width: 50px;
  height: 50px;
  float: left;
}
.invite-friends .in .inner .content .fb-entries .fb-invite-entry .info .name {
  position: relative;
  top: 5px;
  left: 5px;
  font-weight: bold;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 120px;
}
.invite-friends .in .inner .content .fb-entries .fb-invite-entry .invite-btn {
  position: relative;
  top: 10px;
  left: 5px;
}
.notification-modal .notification {
  position: absolute;
  width: 600px;
  top: 100px;
  left: 50%;
  margin-left: -300px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.notification-modal .notification .header {
  padding: 20px;
  background-color: #f1f1f1 !important;
  color: #666;
  font-size: 24px;
  border: none !important;
}
.notification-modal .notification .content {
  padding: 20px;
  font-size: 18px;
  color: #333;
}
.notification-modal .notification .content .loader {
  text-align: center;
}
.notification-modal .notification .content .display-rates {
  line-height: 1.5;
}
.notification-modal .notification .footer {
  text-align: right;
  padding: 20px;
}
.notification-modal .notification .footer .close {
  font-size: 18px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  position: relative !important;
}
#modal .social-connect-modal {
  padding-top: 120px;
}
#modal .social-connect-modal header {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #434343;
  background-color: #1f1f1f;
  height: 70px;
}
#modal .social-connect-modal header img {
  margin: 15px 0 0 28px;
}
#modal .social-connect-modal header h3 {
  font-size: 20px;
  color: #333;
  padding: 20px;
  margin-top: 2px;
  float: right;
}
#modal .social-connect-modal .in {
  *zoom: 1;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: 0 0 25px 0 #000000;
  -webkit-box-shadow: 0 0 25px 0 #000000;
  box-shadow: 0 0 25px 0 #000000;
  border-collapse: separate;
  margin: 0 auto;
  width: 600px;
  background-color: #fff;
}
#modal .social-connect-modal .in:before,
#modal .social-connect-modal .in:after {
  content: "";
  display: table;
}
#modal .social-connect-modal .in:after {
  clear: both;
}
#modal .social-connect-modal .in .close {
  color: #fff;
  margin: 0 0 0 574px;
}
#modal .social-connect-modal .content {
  *zoom: 1;
  padding: 20px;
}
#modal .social-connect-modal .content:before,
#modal .social-connect-modal .content:after {
  content: "";
  display: table;
}
#modal .social-connect-modal .content:after {
  clear: both;
}
#modal .social-connect-modal .content p {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 150%;
}
#modal .social-connect-modal .social-buttons {
  text-align: center;
}
#modal .social-connect-modal .social-buttons .fb-connect,
#modal .social-connect-modal .social-buttons .google-connect {
  display: inline-block;
  margin-right: 10px;
}
#modal .social-connect-modal .social-buttons .fb-connect:last-child,
#modal .social-connect-modal .social-buttons .google-connect:last-child {
  margin-right: 0;
}
#modal .social-connect-modal .social-buttons .fb-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background-color: #324d8f;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
#modal .social-connect-modal .social-buttons .fb-connect:before,
#modal .social-connect-modal .social-buttons .fb-connect:after {
  content: "";
  display: table;
}
#modal .social-connect-modal .social-buttons .fb-connect:after {
  clear: both;
}
#modal .social-connect-modal .social-buttons .fb-connect i {
  margin-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
}
#modal .social-connect-modal .social-buttons .fb-connect div {
  float: left;
  padding: 9px 0 10px;
}
#modal .social-connect-modal .social-buttons .fb-connect:hover {
  background-color: #4f6aad;
  text-decoration: none;
}
#modal .social-connect-modal .social-buttons .google-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background: #d03324;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
#modal .social-connect-modal .social-buttons .google-connect:before,
#modal .social-connect-modal .social-buttons .google-connect:after {
  content: "";
  display: table;
}
#modal .social-connect-modal .social-buttons .google-connect:after {
  clear: both;
}
#modal .social-connect-modal .social-buttons .google-connect i {
  margin-right: 15px;
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
#modal .social-connect-modal .social-buttons .google-connect div {
  float: left;
  padding: 9px 0 10px;
}
#modal .social-connect-modal .social-buttons .google-connect:hover {
  background-color: #F36456 !important;
  text-decoration: none;
}
#modal .social-connect-modal .social-buttons .google-connect:active {
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-collapse: separate;
}
.join-group-modal .join-group {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 400px;
  background-color: #fff;
}
.join-group-modal .join-group .header {
  padding: 20px;
  background-color: #f1f1f1 !important;
  color: #666;
  font-size: 24px;
  border: none !important;
}
.join-group-modal .join-group .content {
  positon: ;
  width: 400px;
  padding: 20px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 18px;
  color: #333;
  *zoom: 1;
}
.join-group-modal .join-group .content h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.join-group-modal .join-group .content:before,
.join-group-modal .join-group .content:after {
  content: "";
  display: table;
}
.join-group-modal .join-group .content:after {
  clear: both;
}
.join-group-modal .join-group .content .join {
  padding: 10px;
  font-size: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #41be70;
  color: white;
}
.join-group-modal .join-group .content .join:hover {
  text-decoration: none;
}
.join-group-modal .join-group .content .close-modal {
  margin-top: 50px;
  font-size: 17px;
}
.join-group-modal .join-group .footer {
  text-align: right;
  padding: 20px;
}
.join-group-modal .join-group .footer .close {
  font-size: 18px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  position: relative !important;
}
.datepicker-modal .datepicker {
  position: absolute;
  width: 300px;
  top: 0;
  left: 50%;
  margin-top: 100px;
  margin-left: -150px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.datepicker-modal .datepicker .content {
  font-size: 18px;
  color: #333;
}
.datepicker-modal .datepicker .content .time {
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
}
.datepicker-modal .datepicker .content .time select {
  font-size: 18px;
}
.datepicker-modal .datepicker .content .selected-time {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
.datepicker-modal .datepicker .content .week {
  padding: 10px;
  width: 300px;
}
.datepicker-modal .datepicker .content .week .days {
  width: 290px;
  height: 250px;
  margin-top: 20px;
}
.datepicker-modal .datepicker .content .week .day {
  cursor: default;
  margin: 5px;
  padding: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  float: left;
  background-color: #EEE;
}
.datepicker-modal .datepicker .content .week .day.selected {
  background-color: #e7622e !important;
  color: white !important;
}
.datepicker-modal .datepicker .content .week .day.empty {
  background-color: white;
}
.datepicker-modal .datepicker .content .week .day.past {
  background-color: #EAEAEA;
  color: #CCC;
}
.datepicker-modal .datepicker .content .week .day.future {
  cursor: pointer;
}
.datepicker-modal .datepicker .content .week .day.future:hover {
  background-color: #e7622e;
  color: white;
}
.datepicker-modal .datepicker .content .week .controls {
  *zoom: 1;
}
.datepicker-modal .datepicker .content .week .controls:before,
.datepicker-modal .datepicker .content .week .controls:after {
  content: "";
  display: table;
}
.datepicker-modal .datepicker .content .week .controls:after {
  clear: both;
}
.datepicker-modal .datepicker .content .week .controls .control {
  width: 30px;
}
.datepicker-modal .datepicker .content .week .controls .prev,
.datepicker-modal .datepicker .content .week .controls .next {
  cursor: pointer;
  float: left;
}
.datepicker-modal .datepicker .content .week .controls .prev:hover,
.datepicker-modal .datepicker .content .week .controls .next:hover {
  color: #e7622e;
}
.datepicker-modal .datepicker .content .week .controls .next {
  text-align: right;
}
.datepicker-modal .datepicker .content .week .controls .month-name {
  float: left;
  width: 220px;
  text-align: center;
}
.datepicker-modal .datepicker .footer {
  text-align: right;
  padding: 20px;
  margin-right: 30px;
}
.datepicker-modal .datepicker .footer button {
  font-size: 18px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  position: relative !important;
}
.datepicker-modal .datepicker .footer button.no-click {
  cursor: default;
}
.datepicker-modal .datepicker .footer .submit {
  background-color: #46a546;
  color: white;
  cursor: pointer !important;
}
.reminder-modal .reminder {
  position: absolute;
  width: 400px;
  font-weight: 200;
  top: 0;
  left: 50%;
  margin-top: 100px;
  margin-left: -200px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.reminder-modal .reminder .header {
  padding: 20px;
  background-color: #f1f1f1 !important;
  color: #666;
  font-size: 24px;
  border: none !important;
}
.reminder-modal .reminder .content {
  padding: 20px;
  font-size: 18px;
}
.reminder-modal .reminder .content .left {
  float: left;
  width: 110px;
  font-weight: bold;
}
.reminder-modal .reminder .content .right {
  float: left;
}
.reminder-modal .reminder .content .what,
.reminder-modal .reminder .content .when,
.reminder-modal .reminder .content .remind-me {
  *zoom: 1;
  margin-bottom: 10px;
}
.reminder-modal .reminder .content .what:before,
.reminder-modal .reminder .content .when:before,
.reminder-modal .reminder .content .remind-me:before,
.reminder-modal .reminder .content .what:after,
.reminder-modal .reminder .content .when:after,
.reminder-modal .reminder .content .remind-me:after {
  content: "";
  display: table;
}
.reminder-modal .reminder .content .what:after,
.reminder-modal .reminder .content .when:after,
.reminder-modal .reminder .content .remind-me:after {
  clear: both;
}
.reminder-modal .reminder .content .what select,
.reminder-modal .reminder .content .when select,
.reminder-modal .reminder .content .remind-me select {
  font-size: 18px;
  width: 200px;
}
.reminder-modal .reminder .content .controls {
  padding-top: 10px;
  border-top: 1px solid #CCC;
}
.reminder-modal .reminder .content .controls .input {
  display: none;
}
.reminder-modal .reminder .content .controls .input input {
  border: 1px solid #CCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 18px;
  padding: 4px;
  margin: 10px;
}
.reminder-modal .reminder .content .controls .icon-check {
  display: none;
}
.reminder-modal .reminder .content .controls .selected .icon-check-empty {
  display: none;
}
.reminder-modal .reminder .content .controls .selected .icon-check {
  display: inline;
}
.reminder-modal .reminder .content .controls .selected .input {
  display: block;
}
.reminder-modal .reminder .content .controls div {
  margin-bottom: 10px;
}
.reminder-modal .reminder .content .controls i {
  margin-right: 10px;
  width: 20px;
}
.reminder-modal .reminder .content .controls .email {
  cursor: pointer;
}
.reminder-modal .reminder .content .controls .email input {
  margin-left: 20px;
  width: 300px;
}
.reminder-modal .reminder .content .controls .sms {
  cursor: pointer;
}
.reminder-modal .reminder .content .controls .sms .number {
  margin-left: 20px;
  width: 300px;
}
.reminder-modal .reminder .footer {
  text-align: right;
  *zoom: 1;
}
.reminder-modal .reminder .footer:before,
.reminder-modal .reminder .footer:after {
  content: "";
  display: table;
}
.reminder-modal .reminder .footer:after {
  clear: both;
}
.reminder-modal .reminder .footer button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: right;
  font-size: 15px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  position: relative !important;
  width: 120px;
}
.reminder-modal .reminder .footer button.no-click {
  cursor: default;
}
.reminder-modal .reminder .footer .submit {
  background-color: #27ae60;
  color: white;
  cursor: pointer !important;
  margin-right: 10px;
}
.reminder-modal .reminder .footer .submit:hover {
  background-color: #2ecc71;
}
.reminder-modal .reminder .footer .close {
  font-weight: normal !important;
}
.upgrade-modal .upgrade {
  position: absolute;
  width: 600px;
  top: 50%;
  left: 50%;
  margin-top: -5%;
  margin-left: -300px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.upgrade-modal .upgrade .content {
  padding: 20px;
  font-size: 18px;
  color: #333;
}
.upgrade-modal .upgrade .content .upgrade-btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  background: #25aacc;
  border: 1px solid #1d86a1;
  color: #fff;
  text-decoration: none;
}
.upgrade-modal .upgrade .content .upgrade-btn:hover {
  text-decoration: none;
}
.upgrade-modal .upgrade .footer {
  text-align: right;
  padding: 20px;
}
.upgrade-modal .upgrade .footer .close {
  font-size: 18px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  position: relative !important;
}
.working-modal {
  padding: 50px;
  font-size: 25px;
}
.working-modal i {
  margin-top: 20px;
}
.create-group-modal {
  width: 400px;
}
.create-group-modal .in {
  *zoom: 1;
  background-color: #fff;
  padding: 20px;
}
.create-group-modal .in:before,
.create-group-modal .in:after {
  content: "";
  display: table;
}
.create-group-modal .in:after {
  clear: both;
}
.create-group-modal h2 {
  font-size: 21px;
  color: #222;
  font-weight: 200;
  text-align: center;
  margin-bottom: 20px;
}
.create-group-modal select {
  background: transparent;
  width: 100%;
  cursor: pointer;
  padding: 5px;
  font-size: 14px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.create-group-modal .difficulty,
.create-group-modal .languages,
.create-group-modal .topic,
.create-group-modal .participants {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  *zoom: 1;
  overflow: hidden;
  float: left;
  clear: both;
  font-size: 15px;
  position: relative;
  width: 100%;
  padding-bottom: 8px;
  padding-bottom: 10px;
}
.create-group-modal .difficulty:before,
.create-group-modal .languages:before,
.create-group-modal .topic:before,
.create-group-modal .participants:before,
.create-group-modal .difficulty:after,
.create-group-modal .languages:after,
.create-group-modal .topic:after,
.create-group-modal .participants:after {
  content: "";
  display: table;
}
.create-group-modal .difficulty:after,
.create-group-modal .languages:after,
.create-group-modal .topic:after,
.create-group-modal .participants:after {
  clear: both;
}
.create-group-modal .difficulty .icon-angle-down,
.create-group-modal .languages .icon-angle-down,
.create-group-modal .topic .icon-angle-down,
.create-group-modal .participants .icon-angle-down {
  position: absolute;
  margin: 8px 27px 0 0;
  color: #696969;
  font-size: 19px;
  right: -15px;
}
.create-group-modal .difficulty.topic,
.create-group-modal .languages.topic,
.create-group-modal .topic.topic,
.create-group-modal .participants.topic {
  padding-right: 0px;
}
.create-group-modal .difficulty.when,
.create-group-modal .languages.when,
.create-group-modal .topic.when,
.create-group-modal .participants.when {
  padding-top: 5px;
  color: white;
  font-size: 20px;
}
.create-group-modal .difficulty .time,
.create-group-modal .languages .time,
.create-group-modal .topic .time,
.create-group-modal .participants .time {
  color: #ecc867;
}
.create-group-modal .difficulty input,
.create-group-modal .languages input,
.create-group-modal .topic input,
.create-group-modal .participants input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 35px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 190px;
  padding: 5px;
  width: 100%;
}
.create-group-modal .difficulty select,
.create-group-modal .languages select,
.create-group-modal .topic select,
.create-group-modal .participants select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #ffffff, #e0e0e0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0e0e0));
  height: 35px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  padding-left: 10px;
  outline: none !important;
}
.create-group-modal .difficulty select:hover,
.create-group-modal .languages select:hover,
.create-group-modal .topic select:hover,
.create-group-modal .participants select:hover {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #ffffff, #e8e7e7);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e8e7e7));
}
.create-group-modal .difficulty select:active,
.create-group-modal .languages select:active,
.create-group-modal .topic select:active,
.create-group-modal .participants select:active {
  background-color: #e0e0e0;
  background-image: -moz-linear-gradient(center top, #e0e0e0, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#ffffff));
}
.create-group-modal .difficulty .later-btn,
.create-group-modal .languages .later-btn,
.create-group-modal .topic .later-btn,
.create-group-modal .participants .later-btn {
  font-size: 15px;
}
.create-group-modal .start-group {
  padding: 0px;
  width: 100%;
  float: left;
}
.create-group-modal .start-group .start.inactive {
  background-color: #ccc;
  background: #E4E4E4 !important;
  color: #999;
  border-color: #bababa;
}
.create-group-modal .start-group .start:hover {
  text-decoration: none;
}
.share-modal .share {
  height: 300px;
  width: 350px;
  background-color: #fff;
}
.share-modal .share .header {
  text-align: center;
  padding: 20px;
  background-color: #f1f1f1 !important;
  color: #666;
  font-size: 29px;
  border: none !important;
}
.share-modal .share .content {
  *zoom: 1;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  color: #333;
}
.share-modal .share .content:before,
.share-modal .share .content:after {
  content: "";
  display: table;
}
.share-modal .share .content:after {
  clear: both;
}
.share-modal .share .content .loader {
  text-align: center;
}
.share-modal .share .content .button {
  width: 230px;
  display: inline-block;
  margin-bottom: 10px;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 10px;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
}
.share-modal .share .content .button:hover {
  text-decoration: none;
}
.share-modal .share .content .button i {
  margin-right: 20px;
}
.share-modal .share .content .button i.icon-facebook {
  margin-right: 29px;
}
.share-modal .share .content .button.post-to-google {
  float: none;
  background-color: #D03324;
  border: 0px;
  color: #fff;
  font-weight: normal;
}
.share-modal .share .content .button.post-to-google:hover {
  background-color: #df5548;
}
.share-modal .share .content .button.button-facebook {
  background-color: #355B9F;
  color: #fff;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  border-collapse: separate;
}
.share-modal .share .content .button.button-facebook:hover {
  background-color: #4672c1;
}
.share-modal .share .content .button.button-twitter {
  background-color: #39B9E8;
  color: #fff;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  border-collapse: separate;
}
.share-modal .share .content .button.button-twitter a:link,
.share-modal .share .content .button.button-twitter a:active,
.share-modal .share .content .button.button-twitter a:visited {
  color: white;
}
.share-modal .share .content .button.button-twitter:hover {
  background-color: #67c9ed;
}
.share-modal .share .content .button.button-email {
  background-color: #E0E0E0;
  color: #636363;
  -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  border-collapse: separate;
}
.share-modal .share .content .button.button-email a:link,
.share-modal .share .content .button.button-email a:active,
.share-modal .share .content .button.button-email a:visited {
  color: #636363;
}
.share-modal .share .content .button.button-email:hover {
  background-color: #fafafa;
}
.share-modal .share .footer {
  text-align: right;
  padding: 20px;
}
.share-modal .share .footer .close {
  font-size: 18px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  position: relative !important;
}
.class-filters-modal .class-filters {
  position: absolute;
  min-height: 500px;
  width: 500px;
  top: 20%;
  left: 50%;
  margin-top: -5%;
  margin-left: -250px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.class-filters-modal .class-filters .content {
  font-size: 18px;
  color: #333;
}
.class-filters-modal .class-filters .content .tabs {
  background-color: #f1f1f1 !important;
  *zoom: 1;
  list-style-type: none;
  text-align: left;
  border-bottom: 1px solid #CCC;
}
.class-filters-modal .class-filters .content .tabs:before,
.class-filters-modal .class-filters .content .tabs:after {
  content: "";
  display: table;
}
.class-filters-modal .class-filters .content .tabs:after {
  clear: both;
}
.class-filters-modal .class-filters .content .tabs li {
  font-size: 14px;
  float: left;
  padding: 15px;
  color: #888;
  cursor: pointer;
}
.class-filters-modal .class-filters .content .tabs li.selected {
  color: black;
  border-bottom: 2px solid #3498db;
  font-weight: bold;
}
.class-filters-modal .class-filters .content .tabs li:hover {
  color: black;
}
.class-filters-modal .class-filters .content .tab-content {
  width: 100%;
  height: 450px;
  display: none;
  padding: 10px;
  overflow-y: scroll;
}
.class-filters-modal .class-filters .content .tab-content.selected {
  display: block;
}
.class-filters-modal .class-filters .content .tab-content .list {
  float: left;
  width: 230px;
  max-width: 240px;
}
.class-filters-modal .class-filters .content .tab-content h3 {
  font-weight: bold;
  color: black;
}
.class-filters-modal .class-filters .content .tab-content .items .tags {
  font-size: 14px;
}
.class-filters-modal .class-filters .content .tab-content .items li {
  list-style-type: none;
  cursor: pointer;
  font-size: 18px;
  margin-bottom: 5px;
  color: #555;
}
.class-filters-modal .class-filters .content .tab-content .items li .count {
  float: right;
  font-size: 12px;
  margin-right: 10px;
  line-height: 30px;
}
.class-filters-modal .class-filters .content .tab-content .items li .checked {
  display: none;
}
.class-filters-modal .class-filters .content .tab-content .items li .icon-stack-base {
  font-size: 25px !important;
}
.class-filters-modal .class-filters .content .tab-content .items li .icon-check-empty {
  font-size: 25px !important;
}
.class-filters-modal .class-filters .content .tab-content .items li .icon-ok {
  font-size: 15px !important;
}
.class-filters-modal .class-filters .content .tab-content .items li.selected {
  color: #333;
}
.class-filters-modal .class-filters .content .tab-content .items li.selected .checked {
  display: inline-block;
}
.class-filters-modal .class-filters .content .tab-content .items li.selected .unchecked {
  display: none;
}
.class-filters-modal .class-filters .content .tab-content .items li.selected .icon-ok {
  color: #e74c3c;
}
.class-filters-modal .class-filters .content .tab-content ul .header {
  color: #666;
  font-size: 20px;
  font-weight: bold;
}
.class-filters-modal .class-filters .content .tab-content ul li {
  list-style-type: none;
}
.class-filters-modal .class-filters .content .tab-content.teachers {
  padding: 0px;
}
.class-filters-modal .class-filters .content .tab-content.teachers .search {
  padding: 10px;
  border-bottom: 1px solid #CCC;
}
.class-filters-modal .class-filters .content .tab-content.teachers .search input {
  width: 100%;
}
.class-filters-modal .class-filters .content .tab-content.teachers .loading {
  text-align: center;
  font-size: 25px;
  padding: 10px;
}
.class-filters-modal .class-filters .content .tab-content.teachers .teachers {
  padding: 20px;
}
.class-filters-modal .class-filters .content .tab-content.teachers .teachers li .language {
  font-size: 12px;
}
.class-filters-modal .class-filters .content .tab-content.teachers .teachers li .profile-pic {
  float: left;
  background-size: cover;
  width: 30px;
  height: 30px;
}
.class-filters-modal .class-filters .content .loader {
  text-align: center;
}
.class-filters-modal .class-filters .footer {
  text-align: right;
  padding: 10px;
  background-color: #f1f1f1;
  border-top: 1px solid #CCC;
  *zoom: 1;
}
.class-filters-modal .class-filters .footer:before,
.class-filters-modal .class-filters .footer:after {
  content: "";
  display: table;
}
.class-filters-modal .class-filters .footer:after {
  clear: both;
}
.class-filters-modal .class-filters .footer .close {
  float: right;
  font-size: 15px !important;
  padding: 10px 20px;
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #eee;
  font-weight: normal !important;
  position: relative !important;
}
.class-filters-modal .class-filters .footer .apply {
  float: right;
  font-size: 15px !important;
  padding: 10px 20px;
  background-color: #2ecc71;
  color: #ecf0f1;
  border: 1px solid #eee;
  position: relative !important;
}
.class-filters-modal .class-filters .footer .apply:hover {
  text-decoration: none;
}
.change-payment-modal {
  *zoom: 1;
  max-width: 400px;
}
.change-payment-modal:before,
.change-payment-modal:after {
  content: "";
  display: table;
}
.change-payment-modal:after {
  clear: both;
}
.change-payment-modal .cc-box {
  display: block;
  border: none;
}
.change-payment-modal .cc-box label {
  text-align: left;
}
.change-payment-modal i {
  display: inline-block;
}
.change-payment-modal .or {
  text-align: center;
  padding-bottom: 15px;
  font-weight: 200;
  font-size: 18px;
}
.change-payment-modal .paypal-button {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #ffffff, #f8f8f8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f8f8));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d8d8d8;
  width: 100%;
  display: block;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 200;
  margin: 0 auto 20px auto;
  width: 300px;
}
.change-payment-modal .paypal-button .paypal-logo {
  background: url("/img/paypal-logo.png") no-repeat;
  width: 76px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-left: 2px;
}
.change-payment-modal .paypal-button:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #cbcbcb;
}
.change-payment-modal .dropdown {
  text-align: left;
}
.change-payment-modal .options {
  text-align: left;
}
.change-payment-modal .responsive-on {
  display: none;
}
@media (max-width: 720px) {
  .change-payment-modal .responsive-off {
    display: none;
  }
  .change-payment-modal .responsive-on {
    display: block;
  }
  .change-payment-modal .cc-box {
    *zoom: 1;
  }
  .change-payment-modal .cc-box:before,
  .change-payment-modal .cc-box:after {
    content: "";
    display: table;
  }
  .change-payment-modal .cc-box:after {
    clear: both;
  }
  .change-payment-modal .cc-box input,
  .change-payment-modal .cc-box label,
  .change-payment-modal .cc-box #exp-year,
  .change-payment-modal .cc-box #exp-month {
    width: 100% !important;
  }
  .change-payment-modal .cc-box #exp-year {
    margin: 0;
  }
  .change-payment-modal .cc-box label[for=exp-year],
  .change-payment-modal .cc-box label[for=cvc] {
    margin-top: 10px;
  }
  .change-payment-modal .cc-box .submit-cc {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  .change-payment-modal .cc-box .card-icons {
    float: left;
  }
}
.reschedule-tutor-session {
  font-weight: 200;
  margin: 15px;
  width: 500px;
  text-align: left;
}
.reschedule-tutor-session input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.reschedule-tutor-session input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
.reschedule-tutor-session textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.reschedule-tutor-session h2 {
  font-weight: 200;
  color: #353535;
  font-size: 22px;
}
.reschedule-tutor-session .note {
  margin: 15px 0;
  background: #efefef;
  border: 1px solid #dedede;
  font-size: 13px;
  padding: 10px;
}
.reschedule-tutor-session .error {
  display: none;
  background: #FAD2D2;
  border: 1px solid #E4AAAA;
  padding: 10px;
}
.reschedule-tutor-session form {
  margin: 15px 0;
}
.reschedule-tutor-session form fieldset {
  display: inline-block;
  margin-right: 15px;
}
.reschedule-tutor-session form label {
  display: block;
}
.reschedule-tutor-session form select {
  display: inline-block;
  margin: 6px 0;
}
.reschedule-tutor-session form input[type=submit] {
  margin-top: 15px;
  display: block;
  width: 100%;
}
.rate-tutor-session {
  width: 500px;
}
.rate-tutor-session a {
  color: #4e90cc;
}
.rate-tutor-session .header {
  background: #f5f2eb;
  color: #575757;
  padding: 20px 0;
  border-bottom: 1px solid #d8d8d8;
}
.rate-tutor-session .header h2 {
  font-weight: 200;
  font-size: 22px;
  margin-left: 120px;
  text-align: left;
}
.rate-tutor-session .header .teacher-profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  border-collapse: separate;
  float: left;
  width: 70px;
  height: 70px;
  background-size: cover;
  margin-left: 20px;
  margin-top: -10px;
  display: block;
}
.rate-tutor-session .body {
  padding: 20px;
}
.rate-tutor-session .body .rate-body {
  padding: 15px;
  display: table;
  white-space: nowrap;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.rate-tutor-session .body .rate-body-selected:before,
.rate-tutor-session .body .rate-body-selected:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: '\a0';
  background-color: #e6e6e6;
}
.rate-tutor-session .body .rate-body-selected:before {
  margin-left: -50%;
  text-align: right;
}
.rate-tutor-session .body .rate-body-selected {
  width: 250px;
}
.rate-tutor-session .body .rate-body-selected .star-rating {
  width: 186px;
  height: 30px;
}
.rate-tutor-session .body .rate-body-selected .star-rating input:hover + i {
  opacity: 0;
}
.rate-tutor-session .body .rate-body-selected .star-rating input:hover:checked + i {
  opacity: 1;
}
.rate-tutor-session .body .comment-body,
.rate-tutor-session .body .promo-body,
.rate-tutor-session .body .invite-body {
  display: none;
  padding: 0px 20px;
}
.rate-tutor-session .body .comment-body input[type=text],
.rate-tutor-session .body .promo-body input[type=text],
.rate-tutor-session .body .invite-body input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.rate-tutor-session .body .comment-body input[type=submit],
.rate-tutor-session .body .promo-body input[type=submit],
.rate-tutor-session .body .invite-body input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
.rate-tutor-session .body .comment-body textarea,
.rate-tutor-session .body .promo-body textarea,
.rate-tutor-session .body .invite-body textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.rate-tutor-session .body .comment-body h3,
.rate-tutor-session .body .promo-body h3,
.rate-tutor-session .body .invite-body h3 {
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 10px;
  color: #757575;
  text-align: left;
  margin-top: 15px;
}
.rate-tutor-session .body .comment-body textarea,
.rate-tutor-session .body .promo-body textarea,
.rate-tutor-session .body .invite-body textarea {
  width: 100%;
  height: 75px;
}
.rate-tutor-session .body .comment-body input[type=submit],
.rate-tutor-session .body .promo-body input[type=submit],
.rate-tutor-session .body .invite-body input[type=submit] {
  width: 100%;
  margin-top: 10px;
}
.rate-tutor-session .body .comment-body input[type=submit].disabled,
.rate-tutor-session .body .promo-body input[type=submit].disabled,
.rate-tutor-session .body .invite-body input[type=submit].disabled {
  background: #B6B6B6!important;
  color: #6B6B6B!important;
}
.rate-tutor-session .body .comment-body .code,
.rate-tutor-session .body .promo-body .code,
.rate-tutor-session .body .invite-body .code {
  font-size: 25px;
  color: #0eaa0e;
}
.rate-tutor-session .body .invite-body {
  padding: 0 50px;
}
.rate-tutor-session .body .invite-body p {
  font-size: 16px;
  text-align: center;
  font-weight: 200;
  color: #575757;
  margin: 15px 0;
}
.rate-tutor-session .body .invite-body .invite {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  padding: 8px;
  font-size: 19px;
  background: #2ecc71;
  border: 1px solid #26b361;
  display: block;
  color: #FFF;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 10px;
}
.rate-tutor-session .body .star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 310px;
  height: 50px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.rate-tutor-session .body .star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 23%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.rate-tutor-session .body .star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.rate-tutor-session .body .star-rating input:hover + i,
.rate-tutor-session .body .star-rating input:checked + i {
  opacity: 1;
}
.rate-tutor-session .body .star-rating i ~ i {
  width: 40%;
}
.rate-tutor-session .body .star-rating i ~ i ~ i {
  width: 60%;
}
.rate-tutor-session .body .star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.rate-tutor-session .body .star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.organization-add-user {
  width: 600px;
  text-align: left;
}
.organization-add-user input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.organization-add-user input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
.organization-add-user textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.organization-add-user.add-single-user .add-bulk {
  display: none;
}
.organization-add-user.add-single-user .bulk-import {
  display: none;
}
.organization-add-user.add-single-user .bulk-import-result {
  display: none;
}
.organization-add-user.add-bulk-users .add-single {
  display: none;
}
.organization-add-user.add-bulk-users .add-user-form {
  display: none;
}
.organization-add-user.add-bulk-users .bulk-import-result {
  display: none;
}
.organization-add-user.bulk-import-results .add-single {
  display: none;
}
.organization-add-user.bulk-import-results .add-user-form {
  display: none;
}
.organization-add-user.bulk-import-results .bulk-import {
  display: none;
}
.organization-add-user.bulk-import-results .bulk-import-result {
  display: block;
}
.organization-add-user.bulk-import-results .body {
  overflow-y: auto;
  overflow-x: hidden;
}
.organization-add-user a {
  color: #5598dc;
  text-decoration: underline;
}
.organization-add-user h2 {
  font-weight: 200;
  font-size: 20px;
}
.organization-add-user h2 .smaller {
  color: #8D8D8D;
  font-size: 14px;
  margin-left: 5px;
}
.organization-add-user .header {
  background: #f5f2eb;
  padding: 15px 20px;
  border-bottom: 1px solid #d8d8d8;
}
.organization-add-user .error {
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  color: #B95D5D;
  padding: 7px;
  -moz-box-shadow: inset 0 0 5px 0 #f1b3b3;
  -webkit-box-shadow: inset 0 0 5px 0 #f1b3b3;
  box-shadow: inset 0 0 5px 0 #f1b3b3;
  border-collapse: separate;
  text-align: center;
  border-top: none;
  border-left: none;
  border-right: none;
  display: none;
}
.organization-add-user .body {
  padding: 20px;
  max-height: 400px;
}
.organization-add-user .add-user-form form fieldset {
  width: 280px;
  float: left;
  margin-bottom: 15px;
}
.organization-add-user .add-user-form form label {
  display: block;
}
.organization-add-user .add-user-form form input[type="text"] {
  width: 250px;
}
.organization-add-user .add-user-form form input[type="submit"] {
  display: block;
  width: 100%;
}
.organization-add-user .add-user-form form input[type="checkbox"] {
  margin: 10px 0;
}
.organization-add-user .add-user-form form select {
  margin-top: 7px;
  width: 250px;
}
.organization-add-user .bulk-import {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px dashed #CCC;
  padding: 100px 20px;
  cursor: pointer;
}
.organization-add-user .bulk-import.dragged-over {
  border-color: #2ecc71;
}
.organization-add-user .bulk-import h3 {
  text-align: center;
  font-size: 20px;
  color: #9C9C9C;
}
.organization-add-user .bulk-import .or {
  margin: 10px auto;
  color: #9C9C9C;
  text-align: center;
}
.organization-add-user .bulk-import .fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.organization-add-user .bulk-import .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.organization-add-user .bulk-import .select-file-btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
  margin: 10px auto;
  width: 200px;
  padding: 7px 0;
  text-align: center;
  background: #2ecc71;
  color: #FFF;
  font-weight: 200;
}
.organization-add-user .bulk-import .select-file-btn input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.organization-add-user .bulk-import-list table {
  width: 100%;
}
.organization-add-user .bulk-import-list table th {
  background: #EEE;
  padding: 3px;
}
.organization-add-user .bulk-import-list table tr.fields {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-top: 1px solid #DDD;
}
.organization-add-user .bulk-import-list table tr.row {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
.organization-add-user .bulk-import-list table tr.row td {
  padding: 3px;
}
.organization-add-user .bulk-import-list table tr.row:last-child {
  border-bottom: 1px solid #DDD;
}
.organization-add-user .bulk-import-list .note {
  padding: 5px;
  background: #efefef;
  border: 1px solid #DEDEDE;
  margin-bottom: 10px;
}
.organization-add-user .bulk-import-list button {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
  width: 100%;
  margin-top: 10px;
}
.organization-add-user .chosen-container-active {
  border: none;
  box-shadow: none;
}
.organization-add-user .chosen-choices {
  background: #f7f7f7;
  border: 1px solid #ececec;
  padding: 7px;
}
#modal-container .message-teacher {
  width: 400px;
  *zoom: 1;
}
#modal-container .message-teacher input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
#modal-container .message-teacher input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
#modal-container .message-teacher textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
#modal-container .message-teacher:before,
#modal-container .message-teacher:after {
  content: "";
  display: table;
}
#modal-container .message-teacher:after {
  clear: both;
}
#modal-container .message-teacher a {
  color: #4e90cc;
}
#modal-container .message-teacher .header {
  background: #f5f2eb;
  color: #575757;
  padding: 20px 0;
  border-bottom: 1px solid #d8d8d8;
}
#modal-container .message-teacher .header h2 {
  font-weight: 200;
  font-size: 22px;
  margin-left: 105px;
  text-align: left;
}
#modal-container .message-teacher .header .teacher-profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  border-collapse: separate;
  float: left;
  width: 70px;
  height: 70px;
  background-size: cover;
  margin-left: 20px;
  margin-top: -10px;
  display: block;
}
#modal-container .message-teacher .body {
  padding: 20px;
  text-align: left;
  margin: 0 auto;
}
#modal-container .message-teacher .body .error {
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  color: #B95D5D;
  padding: 7px;
  display: none;
  margin: 10px 0;
}
#modal-container .message-teacher .body .success {
  display: none;
  text-align: center;
}
#modal-container .message-teacher .body .success h3 {
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 10px;
  color: #757575;
}
#modal-container .message-teacher .body .referrer-message {
  font-weight: 200;
  margin: 12px 0;
  padding: 7px;
  background: #FFFFD7;
  border: 1px solid #E1E67A;
}
#modal-container .message-teacher .body form label {
  display: block;
  margin: 20px 0 5px 0;
  font-weight: bold;
}
#modal-container .message-teacher .body form label:first-of-type {
  margin-top: 0;
}
#modal-container .message-teacher .body form select {
  width: 100%;
}
#modal-container .message-teacher .body form input[type="submit"] {
  margin-top: 10px;
  width: 100%;
}
#modal-container .message-teacher .body form textarea {
  width: 100%;
  height: 100px;
  resize: none;
}
.failed-sub-confirm .cancel {
  background: #E4E4E4 !important;
}
.dialogue {
  width: 450px;
}
.dialogue input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.dialogue input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
.dialogue textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
.dialogue textarea {
  resize: none;
  width: 100%;
  min-height: 100px;
}
.dialogue a {
  color: #4e90cc;
}
.dialogue .header {
  background: #f5f2eb;
  color: #575757;
  padding: 14px 0;
  border-bottom: 1px solid #d8d8d8;
}
.dialogue .header h2 {
  font-weight: 200;
  font-size: 18px;
  margin-left: 20px;
  text-align: left;
}
.dialogue .body {
  *zoom: 1;
  padding: 20px;
  text-align: left;
  font-weight: 200;
}
.dialogue .body:before,
.dialogue .body:after {
  content: "";
  display: table;
}
.dialogue .body:after {
  clear: both;
}
.dialogue .body .body-text {
  margin-bottom: 25px;
}
.dialogue .actions {
  *zoom: 1;
  background: #E4E4E4;
  padding: 7px;
  border-top: 1px solid #CFCFCF;
}
.dialogue .actions:before,
.dialogue .actions:after {
  content: "";
  display: table;
}
.dialogue .actions:after {
  clear: both;
}
.dialogue .actions .right {
  float: right;
}
.dialogue .actions .right .primary {
  background: #27ae60;
  width: auto;
  padding: 8px 35px;
  color: #FFF;
}
.dialogue .actions .right .secondary {
  background: #bdc3c7;
  width: auto;
  padding: 8px 15px;
  margin-right: 5px;
}
.dialogue.cancel-class label {
  display: block;
  margin: 15px 0 7px 0;
}
.dialogue.cancel-class select {
  width: 100%;
}
#modal-inner-content .cal {
  width: 800px;
  min-height: 200px;
  max-height: 500px;
  overflow-y: scroll;
}
.failed-subscription-modal {
  width: 500px;
}
.failed-subscription-modal header {
  text-align: left;
  color: #fff;
  line-height: 150%;
}
.failed-subscription-modal header h1 {
  margin-bottom: 10px !important;
  color: #000 !important;
  font-size: 27px !important;
}
.failed-subscription-modal header p {
  color: #333 !important;
}
.failed-subscription-modal header.main {
  background-color: #e74c3c;
  padding: 15px 25px;
  font-weight: 200;
  margin: -1px -1px 0 -1px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.failed-subscription-modal header.sub {
  background-color: #FF6556;
  padding: 10px 25px;
  border-top: 1px solid #D12828;
  margin-left: -1px;
  margin-right: -1px;
}
.failed-subscription-modal .error-message {
  display: none;
}
.failed-subscription-modal .responsive-on {
  display: none;
}
.failed-subscription-modal .payments {
  width: 400px;
  margin: 20px auto;
}
.failed-subscription-modal .payments .cc-box {
  display: block;
  text-align: left;
  width: 400px;
}
.failed-subscription-modal .payments .cc-box a {
  color: #333333;
}
.failed-subscription-modal .payments .cc-box .submit-cc {
  color: #fff;
}
.failed-subscription-modal .payments .paypal-button {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #ffffff, #f8f8f8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f8f8));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d8d8d8;
  width: 100%;
  display: block;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 200;
  margin: 0 auto 20px auto;
  width: 300px;
}
.failed-subscription-modal .payments .paypal-button .paypal-logo {
  background: url("/img/paypal-logo.png") no-repeat;
  width: 76px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-left: 2px;
}
.failed-subscription-modal .payments .paypal-button:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #cbcbcb;
}
.failed-subscription-modal .payments .or {
  text-aalign: center;
  font-weight: 200;
  font-size: 18px;
  margin: 10px 0;
}
.failed-subscription-modal .payments hr {
  border: 0;
  border-top: 1px solid #CECECE;
  margin-bottom: 25px;
}
.failed-subscription-modal .payments .bottom-info {
  line-height: 150%;
  font-size: 15px;
  font-weight: 200;
  color: #5F5F5F;
}
.failed-subscription-modal .payments .bottom-info a {
  font-weight: normal;
}
.sample-instructions,
.video-instructions-container {
  width: 600px;
  font-weight: 200;
  padding: 20px;
  text-align: left;
}
.sample-instructions h1,
.video-instructions-container h1 {
  text-align: center;
}
.sample-instructions h3,
.video-instructions-container h3 {
  margin-top: 20px;
}
.video-instructions-container h3 {
  font-size: 16px;
  font-weight: bold;
}
.video-instructions-container p {
  margin-top: 3px;
}
.class-details-modal {
  text-align: left;
  max-width: 650px;
}
.class-details-modal .cover-photo {
  height: 245px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-bottom: 1px solid #D1D1D1;
}
.class-details-modal .cover-photo .cta {
  *zoom: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 90px;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 11px 18px;
  text-align: center;
}
.class-details-modal .cover-photo .cta:before,
.class-details-modal .cover-photo .cta:after {
  content: "";
  display: table;
}
.class-details-modal .cover-photo .cta:after {
  clear: both;
}
.class-details-modal .cover-photo .cta h1,
.class-details-modal .cover-photo .cta h2 {
  width: 100%;
}
.class-details-modal .cover-photo .cta h1 {
  color: #000;
  margin: 3px 0 4px;
}
.class-details-modal .cover-photo .cta h2 {
  font-size: 15px;
  color: #000;
  font-weight: 200;
}
.class-details-modal .cover-photo .cta h2 a {
  font-weight: normal;
}
.class-details-modal .cover-photo .cta .button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #39B857;
  color: #fff;
  padding: 14px 25px;
  font-size: 18px;
  margin-top: 10px;
  clear: both;
  display: inline-block;
}
.class-details-modal .cover-photo .cta .button:hover {
  text-decoration: none;
  background-color: #43C060;
}
.class-details-modal .profile {
  float: left;
  padding: 13px 13px 30px;
  text-align: center;
  width: 177px;
}
.class-details-modal .profile .profile-pic {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 150px;
  height: 150px;
  display: block;
  background-size: cover;
}
.class-details-modal .profile .name {
  font-size: 20px;
  padding-top: 15px;
}
.class-details-modal .profile .language {
  text-transform: uppercase;
  color: #797979;
  font-weight: 200;
  margin-top: 5px;
}
.class-details-modal .profile .name,
.class-details-modal .profile .language {
  float: left;
  width: 100%;
  clear: both;
}
.class-details-modal .details {
  width: 470px;
  min-height: 260px;
  float: right;
  border-left: 1px solid #D1D1D1;
  padding: 17px;
}
.class-details-modal .details .title {
  font-size: 18px;
  color: #000;
}
.class-details-modal .details .time {
  margin: 4px 0 9px;
}
.class-details-modal .details p {
  line-height: 150%;
  font-weight: 200;
}
.class-details-modal .details a {
  float: right;
  font-size: 18px;
  margin: 10px 15px 0 0;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .class-details-modal .profile {
    display: none;
  }
  .class-details-modal .details {
    width: 100%;
    border-left: none;
  }
  .class-details-modal .cta {
    text-align: center;
  }
  .class-details-modal .cta a {
    float: none !important;
    display: inline-block;
  }
  .class-details-modal .cta h1,
  .class-details-modal .cta h2 {
    display: none;
  }
  .class-details-modal .details {
    min-height: 100px;
  }
}
.photo-picker {
  width: 950px;
}
.photo-picker .filter-group .navbar {
  border-left: 0px;
  border-right: 0px;
}
.photo-picker .custom-modal-body {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
}
.photo-picker .pick-wrapper {
  text-align: left;
}
.photo-picker .edit-wrapper {
  display: none;
}
.photo-picker .back {
  display: none;
}
.photo-picker.owner-mode .owner-btn {
  display: inline-block;
}
.photo-picker.edit-mode .pick-wrapper,
.photo-picker.edit-mode .upload,
.photo-picker.edit-mode .edit,
.photo-picker.edit-mode .use-resource,
.photo-picker.edit-mode .delete {
  display: none;
}
.photo-picker.edit-mode .edit-wrapper,
.photo-picker.edit-mode .back {
  display: block;
}
.photo-picker.edit-mode .owner-btn,
.photo-picker.edit-mode .resource-description {
  display: none;
}
.photo-picker .owner-btn {
  display: none;
}
.photo-picker .resource-description {
  text-align: left;
  max-width: 800px;
  max-height: 70px;
  overflow-y: hidden;
}
.resource-editor {
  text-align: left;
  *zoom: 1;
}
.resource-editor:before,
.resource-editor:after {
  content: "";
  display: table;
}
.resource-editor:after {
  clear: both;
}
.resource-editor .editor,
.resource-editor .preview {
  width: 50%;
  height: 380px;
  *zoom: 1;
}
.resource-editor .editor:before,
.resource-editor .preview:before,
.resource-editor .editor:after,
.resource-editor .preview:after {
  content: "";
  display: table;
}
.resource-editor .editor:after,
.resource-editor .preview:after {
  clear: both;
}
.resource-editor .editor {
  padding: 10px;
}
.resource-editor .editor textarea {
  height: 100px;
}
.resource-editor .editor .error,
.resource-editor .editor .success {
  margin-bottom: 10px;
  display: none;
}
.resource-editor .editor .chosen-container {
  width: 100%;
}
.resource-editor #tags_chosen {
  width: 100% !important;
}
.resource-editor .preview {
  border-left: 1px solid #ccc;
  font-weight: 200 !important;
}
.resource-editor .preview.file-attached .file-selected {
  display: block;
}
.resource-editor .preview.file-attached .none-selected {
  display: none;
}
.resource-editor .preview .none-selected {
  margin-top: 40px;
}
.resource-editor .preview .none-selected h3 {
  margin-bottom: 10px;
}
.resource-editor .preview .file-selected {
  display: none;
  margin-top: 40px;
}
.resource-editor .preview .file-selected .resource-image {
  display: none;
  width: 300px;
  height: 200px;
  margin-bottom: 10px;
  background-size: cover;
  cursor: pointer;
}
.resource-editor .preview .file-selected .file-type {
  margin-bottom: 10px;
}
.resource-editor .preview .file-selected .resource-icon {
  font-size: 200px;
  color: #333;
  cursor: pointer;
}
.invite-modal {
  width: 500px;
  height: 560px;
  background: #FFF;
  text-align: left;
}
.invite-modal.facebook {
  height: 502px;
}
.invite-modal.facebook .footer {
  display: none;
}
.invite-modal .header {
  background: #f5f2eb;
  color: #575757;
  border-bottom: 1px solid #d8d8d8;
}
.invite-modal .header h3 {
  font-size: 20px;
  font-weight: 200;
  padding: 13px 15px;
}
.invite-modal .header .search {
  width: 100%;
  border-top: 1px solid #d8d8d8;
  padding: 10px 15px;
}
.invite-modal .header .search input {
  width: 100%;
  border: 1px solid #DBD6CC;
  padding: 6px;
  font-weight: 200;
}
.invite-modal .content {
  height: 400px;
  overflow-y: auto;
  padding: 15px;
}
.invite-modal .loading {
  margin-top: 100px;
}
.invite-modal .invite-list {
  display: none;
  *zoom: 1;
  list-style-type: none;
}
.invite-modal .invite-list:before,
.invite-modal .invite-list:after {
  content: "";
  display: table;
}
.invite-modal .invite-list:after {
  clear: both;
}
.invite-modal .invite-list li.google {
  margin: 3px 0;
}
.invite-modal .invite-list li.google label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invite-modal .invite-list li.google .checkbox-wrapper {
  width: 20px;
  display: inline-block;
  vertical-align: top;
}
.invite-modal .invite-list li.google .name {
  display: inline-block;
  width: 180px;
  margin-right: 35px;
}
.invite-modal .invite-list li.google .name label {
  font-weight: bold;
}
.invite-modal .invite-list li.google .email {
  display: inline-block;
  width: 210px;
  text-align: right;
}
.invite-modal .invite-list li.facebook {
  width: 210px;
  float: left;
  background-color: #F0F0F0;
  border: 1px solid #CECBCB;
  padding: 10px;
  cursor: pointer;
  margin-right: 30px;
  margin-top: 10px;
}
.invite-modal .invite-list li.facebook.invited {
  background-color: #d3f3fe;
  border: 1px solid #68defb;
}
.invite-modal .invite-list li.facebook.invited:hover {
  background-color: #d3f3fe;
  border: 1px solid #68defb;
}
.invite-modal .invite-list li.facebook:hover {
  background: #E6E6E6;
}
.invite-modal .invite-list li.facebook:nth-child(2n+2) {
  margin-right: 0;
}
.invite-modal .invite-list li.facebook .fb-picture {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  height: 40px;
  width: 40px;
}
.invite-modal .invite-list li.facebook .invitee-info {
  margin-left: 40px;
  margin-top: 1px;
  text-align: center;
}
.invite-modal .invite-list li.facebook .invitee-info .name {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invite-modal .invite-list li.facebook .invitee-info a {
  margin-top: 5px;
  display: inline-block;
}
.invite-modal .footer {
  background-color: #f5f2eb;
  height: 57px;
  border-top: 1px solid #d8d8d8;
  padding: 10px;
}
.invite-modal .footer button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 4px;
  margin-right: 15px;
  padding: 7px 17px;
  font-weight: 200;
  float: right;
}
.invite-modal .footer button.send-invites {
  background: #1caadf;
  color: #FFF;
}
.invite-modal .footer .invite-success {
  color: #27ae60;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: left;
  width: 200px;
  margin-top: 9px;
  display: none;
}
#modal-content .edit-goals {
  width: 400px;
}
#modal-content .edit-goals .modal-body {
  padding: 20px;
  text-align: left;
}
#modal-content .edit-goals .modal-body input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
#modal-content .edit-goals .modal-body input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
#modal-content .edit-goals .modal-body textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
#modal-content .edit-goals .modal-body fieldset {
  margin: 25px 0;
}
#modal-content .edit-goals .modal-body fieldset input {
  text-align: right;
}
#modal-content .edit-goals .modal-body fieldset label {
  margin-left: 10px;
}
#modal-content .edit-goals .modal-body fieldset .input-container {
  display: inline;
  border: 1px solid #D6D6D6;
  background: #f7f7f7;
  padding: 7px 0 7px 7px;
}
#modal-content .edit-goals .modal-body fieldset .input-container input {
  border: none;
  width: 61px;
}
#modal-content .edit-goals .modal-body fieldset .input-container.money-input::before {
  content: "$";
  color: #979797;
  font-weight: 200;
}
#modal-content .edit-goals .modal-body fieldset .input-container.money-input input {
  width: 50px;
}
#modal-content .edit-goals .modal-body .estimates {
  margin-top: 15px;
}
#modal-content .edit-goals .modal-body .estimates p {
  font-size: 17px;
  color: #696969;
}
#modal-content .edit-goals .modal-body .estimates div {
  margin-top: 4px;
  color: #2ecc71;
  font-weight: 200;
  font-size: 30px;
}
#modal-content .reach-goals {
  width: 500px;
}
#modal-content .reach-goals .modal-body {
  padding: 0!important;
  text-align: left;
}
#modal-content .reach-goals .modal-body .overflow {
  padding: 20px;
  height: 400px;
  overflow: auto;
  font-weight: 200;
  color: #333;
}
#modal-content .reach-goals .modal-body .overflow p {
  margin: 15px 0;
  font-size: 13px;
}
#modal-content .reach-goals .modal-body .overflow h3 {
  padding: 5px;
  background: #efefef;
  border: 1px solid #DEDEDE;
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 20px;
}
#modal-content .reach-goals .modal-body .overflow h5 {
  font-size: 14px;
  font-weight: bold;
}
#modal-content .reach-goals .modal-body .overflow h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 15px;
  border-bottom: 1px solid #CCC;
}
#modal-content .reach-goals .modal-body .overflow .mission {
  font-size: 13px;
}
#cant-book-modal {
  width: 450px;
  text-align: left;
}
#cant-book-modal .body {
  padding: 25px;
  font-size: 15px;
  font-weight: 200;
}
#cant-book-modal p {
  margin-bottom: 10px;
}
#cant-book-modal ul {
  margin-left: 30px;
  list-style-position: outside;
}
#modal-content .choose-template {
  width: 700px;
  padding: 0!important;
}
#modal-content .choose-template .overflow {
  *zoom: 1;
  margin: -15px;
  padding: 15px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
#modal-content .choose-template .overflow:before,
#modal-content .choose-template .overflow:after {
  content: "";
  display: table;
}
#modal-content .choose-template .overflow:after {
  clear: both;
}
#modal-content .choose-template .overflow .details {
  padding-right: 10px;
}
#modal-content .choose-template .overflow h2,
#modal-content .choose-template .overflow .desc {
  text-align: left;
}
#modal-content .add-to-cal #event-description .row {
  margin-bottom: 20px;
}
#modal-content .add-to-cal .info-type {
  font-weight: bold;
}
#modal-content .add-to-cal .header .title {
  /*color:red;*/
}
#modal-content .add-to-cal #add-event-row {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}
#modal-content .add-to-cal .subscribe-link {
  border: 1px solid #bbb;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  width: 100%;
}
#modal-content .add-to-cal #or {
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
}
#modal-content .add-to-cal #help-link {
  margin-top: 10px;
}
.dialogue.confirm.add-to-cal .calendar-type {
  text-align: center;
}
.show-nav-sidebar .gift header {
  display: none;
}
.gift {
  margin: 0 auto;
  margin-top: 50px;
}
.gift .container {
  max-width: 900px;
}
.gift header {
  height: 65px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #2f2f2f;
}
.gift header a {
  background: url("/img/checkout-logo.png") center center no-repeat;
  width: 130px;
  height: 65px;
  margin: 0 auto;
  display: block;
}
.gift hr {
  width: 90%;
  border: 0;
  outline: 0;
  height: 1px;
  background-color: #d7d7d7;
  float: left;
  clear: both;
  margin: 60px 5% 40px;
}
.gift h1,
.gift h2 {
  text-align: center;
  font-weight: 200;
  color: #353535;
}
.gift h1 {
  font-size: 42px;
  margin-bottom: 10px;
}
.gift h2 {
  font-size: 21px;
  color: #5A5A5A;
}
.gift .giftcard .header {
  width: 100%;
  height: 230px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: url("/img/gift-header-bg.jpg") no-repeat;
  background-size: cover;
  padding-top: 20px;
}
.gift .giftcard .header h1 {
  color: 000;
  font-size: 30px;
}
.gift .giftcard .steps {
  text-align: center;
  font-weight: 200;
  background: #f9f9f9;
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #dedede;
  padding: 15px;
  font-size: 14px;
}
.gift .giftcard .steps .step {
  display: inline-block;
  margin: 0 10px;
}
.gift .giftcard .steps .step.active {
  font-weight: bold;
}
.gift .giftcard .content {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #FFF;
  color: #353535;
  padding: 35px;
  border-left: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
}
.gift .giftcard .content h2 {
  font-size: 20px;
  text-align: left;
  color: #000;
}
.gift .giftcard .content h2.center {
  text-align: center;
}
.gift .giftcard .content h3 {
  font-size: 16px;
  text-align: left;
  margin: 7px 0;
  font-weight: 200;
}
.gift .giftcard .content h3.center {
  text-align: center;
}
.gift .giftcard .content .left-column {
  float: left;
  width: 315px;
  margin-right: 28px;
}
.gift .giftcard .content .right-column {
  float: left;
  width: 315px;
}
.gift .giftcard .content .code {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #DBDBDB;
  background: #F8F8F8;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  font-family: Courier;
  margin-top: 25px;
}
.gift .giftcard .content hr {
  width: 100%;
  float: none;
  margin: 40px auto;
  background-color: #e4e4e4;
}
.gift .giftcard ul.amount-options {
  list-style-type: none;
}
.gift .giftcard ul.amount-options li {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  padding: 15px;
  border: 1px solid #CBCBCB;
  margin-top: 20px;
  font-size: 18px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .gift .giftcard ul.amount-options li {
    margin-right: 20px;
  }
}
.gift .giftcard ul.amount-options li:hover {
  border-color: #429731;
}
.gift .giftcard ul.amount-options li.active {
  border-color: #429731;
  box-shadow: 0 0 10px #ABD0A8;
}
.gift .giftcard .amount-details {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #C9C9C9;
  background: #F8F8F8;
  text-align: center;
}
.gift .giftcard .amount-details p {
  font-size: 15px;
  font-weight: 200;
  margin: 4px 0;
}
.gift .giftcard .amount-details p.sub-header {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.gift .giftcard .personalize-form {
  margin-top: 20px;
}
.gift .giftcard .personalize-form label {
  display: block;
  font-weight: 200;
  margin-top: 10px;
}
.gift .giftcard .personalize-form input[type='text'],
.gift .giftcard .personalize-form textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CBCBCB;
  width: 100%;
  padding: 7px;
  margin-bottom: 12px;
  margin-top: 3px;
}
.gift .giftcard .personalize-form input[type="submit"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #50B258;
  color: #FFF;
  width: 250px;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
}
.gift .giftcard .personalize-form button {
  background: none;
  color: #AAA;
  margin-left: 20px;
}
.gift .giftcard .personalize-form button:hover {
  color: #5A5A5A;
}
.gift .giftcard .email-card,
.gift .giftcard .redeem {
  margin-top: 30px;
  text-align: left;
}
.gift .giftcard .email-card .email-success,
.gift .giftcard .redeem .email-success {
  color: #219B2B;
  font-size: 18px;
  display: none;
}
.gift .giftcard .email-card input[type='text'],
.gift .giftcard .redeem input[type='text'],
.gift .giftcard .email-card textarea,
.gift .giftcard .redeem textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CBCBCB;
  width: 300px;
  padding: 9px;
  margin-bottom: 12px;
  margin-top: 3px;
}
.gift .giftcard .email-card input[type="submit"],
.gift .giftcard .redeem input[type="submit"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 7px 0;
  width: 200px;
  background-color: #50B258;
  border: 1px solid #50B258;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  font-weight: 200;
}
.gift .giftcard .redeem {
  text-align: center;
  margin-top: 20px;
}
.gift .giftcard .redeem .status {
  display: none;
}
.gift .giftcard .redeem .error {
  font-size: 18px;
  font-weight: 200;
  color: #B11515;
}
.gift .giftcard .redeem .success {
  color: #219B2B;
  font-size: 18px;
  font-weight: 200;
}
.gift .giftcard .redeem input[type='text'],
.gift .giftcard .redeem textarea {
  width: 100%;
  font-family: Courier;
}
.gift .giftcard .redeem input[type='submit'] {
  width: 100%;
}
.gift .giftcard button.next {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 30px auto 0 auto;
  padding: 15px 0;
  width: 75%;
  background-color: #50B258;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  display: block;
}
.gift .giftcard button.half-button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 200;
  margin: 15px 0;
  padding: 15px 0;
  width: 320px;
  background-color: #50B258;
  color: #FFF;
  font-size: 18px;
  text-align: center;
}
.gift .giftcard button.half-button.left-button {
  margin-right: 7px;
}
.gift .giftcard button.half-button.right-button {
  margin-left: 7px;
}
.gift #recipient_email {
  max-width: 100%;
}
.gift .email {
  cursor: pointer;
}
#dashboard-container {
  max-width: 900px;
  margin: 30px auto 0;
  padding: 0 30px;
}
#dashboard-container hr {
  height: 1px;
  width: 100%;
  background-color: #e2e2e2;
  border: 0;
  margin: 18px 0;
  float: left;
}
#dashboard-container hr.extra-margin {
  margin-bottom: 30px;
}
#dashboard-container #teacher-promo-container,
#dashboard-container .reservation-feed,
#dashboard-container .sidebar-container {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  margin-bottom: 20px;
}
#dashboard-container #teacher-promo-container header,
#dashboard-container .reservation-feed header,
#dashboard-container .sidebar-container header {
  *zoom: 1;
  background-color: #fbfbfb;
  padding: 15px;
  border-bottom: 1px solid #d7d7d7;
  font-size: 18px;
}
#dashboard-container #teacher-promo-container header:before,
#dashboard-container .reservation-feed header:before,
#dashboard-container .sidebar-container header:before,
#dashboard-container #teacher-promo-container header:after,
#dashboard-container .reservation-feed header:after,
#dashboard-container .sidebar-container header:after {
  content: "";
  display: table;
}
#dashboard-container #teacher-promo-container header:after,
#dashboard-container .reservation-feed header:after,
#dashboard-container .sidebar-container header:after {
  clear: both;
}
#dashboard-container #teacher-promo-container header h2,
#dashboard-container .reservation-feed header h2,
#dashboard-container .sidebar-container header h2 {
  float: left;
  font-weight: 200;
  color: #505050;
  font-size: 18px;
  margin: 0 0 0 10px;
}
#dashboard-container .profile-welcome {
  float: left;
  width: 100%;
}
#dashboard-container .profile-welcome .profile-photo div {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  border-collapse: separate;
  float: left;
  width: 70px;
  height: 70px;
  background-size: cover;
  margin-right: 20px;
}
#dashboard-container .profile-welcome h1 {
  font-size: 25px;
  float: left;
  margin-top: 6px;
  color: #494949;
}
#dashboard-container .profile-welcome h2 {
  font-size: 17px;
  font-weight: 200;
  float: left;
  margin-top: 2px;
  color: #6D6D6D;
  width: 650px;
}
#dashboard-container .credit-notice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 5px 0 20px;
  color: #B95D5D;
  background-color: #fff;
  border: 1px solid #35925C;
  padding: 10px;
  float: left;
  width: 100%;
}
#dashboard-container .credit-notice h4 {
  font-size: 16px;
  color: #005725;
  font-weight: normal;
}
#dashboard-container .credit-notice var {
  font-weight: bold;
}
#dashboard-container .credit-notice p {
  font-size: 13px;
  margin-top: 5px;
  color: #3D3D3D;
}
#dashboard-container .tz-notice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 5px 0 20px;
  color: #B95D5D;
  background-color: #fff;
  border: 1px solid #f1c40f;
  padding: 10px;
  float: left;
  width: 100%;
}
#dashboard-container .tz-notice h4 {
  font-size: 16px;
  color: #f39c12;
  font-weight: normal;
}
#dashboard-container .tz-notice var {
  font-weight: bold;
}
#dashboard-container .tz-notice p {
  font-size: 13px;
  margin-top: 5px;
  color: #3D3D3D;
}
#dashboard-container .meet-teachers {
  padding: 20px 0 20px 0;
  width: 100%;
  float: left;
}
#dashboard-container .meet-teachers h1,
#dashboard-container .meet-teachers h2 {
  text-align: center;
}
#dashboard-container .meet-teachers h1 {
  font-size: 24px;
}
#dashboard-container .meet-teachers h2 {
  font-weight: 200;
  margin: 10px 0;
}
#dashboard-container .meet-teachers .profiles {
  width: 100%;
  text-align: center;
}
#dashboard-container .meet-teachers .profiles .teacher {
  display: inline-block;
  float: none;
}
#dashboard-container #teacher-promo-container {
  margin-bottom: 20px;
  cursor: pointer;
  height: 110px;
}
#dashboard-container #teacher-promo-container .profile-pic {
  width: 110px;
  height: 110px;
  background-size: cover;
  position: relative;
  top: -1px;
  left: -1px;
  float: left;
  margin-right: 20px;
  border-right: 1px solid rgba(120, 120, 120, 0.2);
}
#dashboard-container #teacher-promo-container h2,
#dashboard-container #teacher-promo-container .button,
#dashboard-container #teacher-promo-container p {
  float: left;
}
#dashboard-container #teacher-promo-container h2 {
  margin: 12px 0 6px;
  min-width: 300px;
}
#dashboard-container #teacher-promo-container p {
  font-weight: 200;
  color: #979797;
}
#dashboard-container #teacher-promo-container .button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #1489c0;
  color: #fff;
  padding: 8px 25px;
  font-weight: 200;
  margin-right: 100px;
  margin-top: 10px;
  font-size: 13px;
}
#dashboard-container #teacher-promo-container .button:hover {
  background-color: #1C93CA;
}
#dashboard-container #teacher-promo-container:hover {
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
#dashboard-container .reservation-feed {
  margin-bottom: 30px;
  min-height: 114px;
}
#dashboard-container .reservation-feed header nav {
  float: right;
}
#dashboard-container .reservation-feed header nav a {
  font-size: 13px;
  margin-left: 10px;
  color: #7A7A7A;
  font-weight: 200;
  white-space: nowrap;
}
#dashboard-container .reservation-feed header nav a.active {
  color: #000;
  border-bottom: 1px solid #000 !important;
}
#dashboard-container .reservation-feed header nav a.active:hover {
  text-decoration: none;
}
#dashboard-container .reservation-feed header nav a:hover {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
#dashboard-container .reservation-feed .loading {
  padding: 20px;
  font-size: 18px;
}
#dashboard-container .reservation-feed .no-items {
  padding: 30px 20px;
  text-align: center;
  font-size: 14px;
  color: #868686;
  font-weight: 200;
}
#dashboard-container .reservation-feed .scroll.items {
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#dashboard-container .reservation-feed .item {
  *zoom: 1;
  border-bottom: 1px solid #ececec;
  padding: 5px 0 5px 15px;
  cursor: pointer;
}
#dashboard-container .reservation-feed .item:before,
#dashboard-container .reservation-feed .item:after {
  content: "";
  display: table;
}
#dashboard-container .reservation-feed .item:after {
  clear: both;
}
#dashboard-container .reservation-feed .item .profile-picture,
#dashboard-container .reservation-feed .item .when,
#dashboard-container .reservation-feed .item .what,
#dashboard-container .reservation-feed .item .schedule-lesson,
#dashboard-container .reservation-feed .item .message-student {
  float: left;
}
#dashboard-container .reservation-feed .item .profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  background-size: cover;
}
#dashboard-container .reservation-feed .item .when {
  margin: 8px 15px 0 0;
  text-align: right;
  color: #2E2E2E;
  font-weight: 200;
  width: 90px;
  float: right;
}
#dashboard-container .reservation-feed .item .when .day {
  color: #777;
  font-size: 14px;
  white-space: nowrap;
}
#dashboard-container .reservation-feed .item .when .time {
  font-size: 14px;
  margin-top: 2px;
  font-weight: normal;
  white-space: nowrap;
}
#dashboard-container .reservation-feed .item .schedule-lesson,
#dashboard-container .reservation-feed .item .message-student {
  margin: 7px 15px 0;
  float: right;
}
#dashboard-container .reservation-feed .item .what {
  font-size: 16px;
  white-space: nowrap;
  overflow-x: hidden;
  margin-top: 8px;
  color: #000;
  padding-left: 20px;
}
#dashboard-container .reservation-feed .item .what .main {
  margin-bottom: 3px;
}
#dashboard-container .reservation-feed .item .what .main span {
  color: #f39c12;
  padding-left: 3px;
}
#dashboard-container .reservation-feed .item .what .sub {
  font-size: 13px;
  color: #707070;
}
#dashboard-container .reservation-feed .item .what .class-title {
  font-size: 13px;
  color: #979797 !important;
  font-weight: 200;
  margin-left: 10px;
  position: relative;
  top: -1px;
  font-style: italic;
}
#dashboard-container .reservation-feed .item .live-indicator {
  float: right;
  font-weight: bold;
  margin-right: 15px;
  margin-top: 15px;
  color: #27ae60;
}
#dashboard-container .reservation-feed .item .cancel-indicator {
  float: right;
  font-weight: bold;
  margin-right: 15px;
  margin-top: 15px;
  color: #e74c3c;
}
#dashboard-container .reservation-feed .item.class .what {
  width: 349px;
}
#dashboard-container .reservation-feed .item:hover {
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  border-collapse: separate;
  position: relative;
}
#dashboard-container .reservation-feed .item:last-child {
  border-bottom: 0 !important;
}
#dashboard-container sidebar .loading {
  padding: 20px;
  font-size: 18px;
}
#dashboard-container sidebar .centered {
  text-align: center;
}
#dashboard-container sidebar .basic-container h2 {
  font-weight: 200;
  font-size: 18px;
  color: #000623;
}
#dashboard-container sidebar .basic-container p {
  font-weight: 200;
  font-size: 15px;
  padding: 20px 10px;
  line-height: 20px;
}
#dashboard-container sidebar .basic-container a {
  width: 90%;
  font-weight: 200;
  margin-bottom: 15px;
}
#dashboard-container sidebar .invites {
  border: 1px solid #9ECDDF;
}
#dashboard-container sidebar .invites header {
  background-color: #eafaff;
  background-image: -moz-linear-gradient(center top, #eafaff, #d9f3fc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eafaff), to(#d9f3fc));
  border-bottom: 1px solid #9ECDDF;
}
#dashboard-container sidebar .invites h2 {
  font-weight: 200;
  font-size: 18px;
  color: #000623;
}
#dashboard-container sidebar .invites p {
  font-weight: 200;
  font-size: 15px;
  padding: 20px 10px;
  line-height: 20px;
}
#dashboard-container sidebar .invites a {
  width: 90%;
  font-weight: 200;
  margin-bottom: 15px;
}
#dashboard-container sidebar .teachers {
  *zoom: 1;
}
#dashboard-container sidebar .teachers:before,
#dashboard-container sidebar .teachers:after {
  content: "";
  display: table;
}
#dashboard-container sidebar .teachers:after {
  clear: both;
}
#dashboard-container sidebar .teacher {
  *zoom: 1;
  float: left;
  width: 100%;
  padding: 3px;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
}
#dashboard-container sidebar .teacher:before,
#dashboard-container sidebar .teacher:after {
  content: "";
  display: table;
}
#dashboard-container sidebar .teacher:after {
  clear: both;
}
#dashboard-container sidebar .teacher .profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 45px;
  height: 45px;
  background-size: cover;
  margin: 0 5px;
}
#dashboard-container sidebar .teacher a {
  font-size: 15px;
  display: block;
  margin: 5px 0 0 5px;
  float: left;
  clear: right;
  text-overflow: ellipsis;
  overflow-x: hidden;
  width: 130px;
  white-space: nowrap;
}
#dashboard-container sidebar .teacher p {
  float: left;
  width: 130px;
  margin-left: 5px;
  font-size: 13px;
  color: #979797;
  margin-top: 1px;
  font-weight: 200;
}
#dashboard-container sidebar .teacher p span {
  font-weight: normal;
  font-size: 14px;
  padding-right: 5px;
}
#dashboard-container sidebar .teacher .profile-picture,
#dashboard-container sidebar .teacher .name {
  float: left;
}
#dashboard-container sidebar .teacher:hover {
  background-color: #fcfcfc;
}
#dashboard-container sidebar .no-teachers {
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #868686;
  font-weight: 200;
  line-height: 150%;
}
@media all and (max-width: 920px) {
  #dashboard-container .col {
    width: 100%;
  }
  #dashboard-container .sidebar-container {
    display: none !important;
  }
  #dashboard-container #teacher-promo-container {
    display: none;
  }
  #dashboard-container .profile-welcome h1 {
    margin-top: 20px;
  }
  #dashboard-container .profile-welcome h2 {
    display: none;
  }
}
@media (max-width: 720px) {
  #dashboard-container .profile-welcome h1 {
    width: 100%;
    text-align: center;
  }
  #dashboard-container .profile-welcome .profile-photo {
    text-align: center;
  }
  #dashboard-container .profile-welcome .profile-photo div {
    float: none;
    margin-right: 0;
    display: inline-block;
  }
  #dashboard-container .reservation-feed {
    width: 100%;
  }
  #dashboard-container .reservation-feed header {
    padding: 15px 5px !important;
  }
  #dashboard-container .reservation-feed .listing-type {
    float: left;
    margin-top: 10px;
    clear: left;
  }
  #dashboard-container .reservation-feed .item {
    padding-left: 5px;
  }
  #dashboard-container .reservation-feed .item .when {
    width: 73px;
  }
  #dashboard-container .reservation-feed .item .class-title {
    display: none;
  }
  #dashboard-container .reservation-feed .item .message-student,
  #dashboard-container .reservation-feed .item .schedule-lesson {
    display: none;
  }
  #dashboard-container .reservation-feed .item.class .what {
    width: inherit;
  }
  #dashboard-container .reservation-feed .item.lesson .what {
    margin-left: 15px;
  }
  #dashboard-container .reservation-feed .item .live-indicator {
    display: none;
  }
  .uv-icon {
    display: none !important;
  }
}
#pitch-container {
  max-width: 750px;
  margin: 30px auto 100px;
  padding: 0 15px;
}
#pitch-container hr {
  height: 1px;
  width: 100%;
  background-color: #e2e2e2;
  border: 0;
  outline: 0;
  margin: 18px 0 25px;
  float: left;
}
#pitch-container h1,
#pitch-container h2 {
  text-align: center;
}
#pitch-container h1 {
  font-size: 28px;
  float: left;
  width: 100%;
}
#pitch-container h2 {
  font-weight: 200;
  margin-top: 10px;
  float: left;
  width: 100%;
  color: #5F5F5F;
}
#pitch-container h2 a {
  font-weight: normal;
  color: #4DB5E5;
}
#pitch-container .laptop {
  margin-top: 30px;
  float: left;
  width: 100%;
}
#pitch-container .plans {
  padding: 35px 4%;
}
#pitch-container .plans .plan {
  background-color: #fff;
  margin-top: 20px;
  min-height: 282px;
  border: 1px solid #d5d5d5;
  border-top: 5px solid #63c37c;
}
#pitch-container .plans .plan h4 {
  font-size: 23px;
  text-align: center;
  padding: 13px 12px;
  margin: 7px 5% 20px 5%;
  border-bottom: 1px solid #e3e3e3;
}
#pitch-container .plans .plan .points {
  width: 270px;
  margin: 0 auto 20px;
  padding-left: 10px;
}
#pitch-container .plans .plan .points p {
  font-size: 17px;
  font-weight: 200;
  line-height: 190%;
  color: #555555;
  margin-left: 25px;
}
#pitch-container .plans .plan .points p i {
  color: #1da741;
  position: absolute;
  margin: 5px 0 0 -30px;
}
#pitch-container .plans .plan .buy {
  text-shadow: 1px 1px 5px #187933;
  width: 90%;
  display: block;
  margin: 10px auto 5%;
}
#pitch-container .plans .plan .price {
  color: #3d3d3d;
  text-align: center;
  font-size: 15px;
  padding-bottom: 15px;
}
#pitch-container .plans .plan .price .localized-price {
  display: inline-block;
  margin-left: 11px;
}
#pitch-container .plans .plan.regular {
  border-top: 5px solid #A7A7A7;
}
#pitch-container .invites {
  *zoom: 1;
  float: left;
  margin: 20px 0 0 4%;
  width: 92%;
  text-align: center;
  background-color: #FFF;
  font-weight: 200;
  border: 1px solid #d5d5d5;
  border-top: 5px solid #158dba;
  padding: 5px 0;
}
#pitch-container .invites:before,
#pitch-container .invites:after {
  content: "";
  display: table;
}
#pitch-container .invites:after {
  clear: both;
}
#pitch-container .invites h4 {
  padding: 10px 0;
}
#pitch-container .invites a {
  width: 45%;
  display: block;
  margin: 15px auto;
}
@media (max-width: 770px) {
  #pitch-container .plans {
    padding-bottom: 10px;
  }
  #pitch-container .plan {
    width: 100% !important;
    margin-bottom: 25px !important;
  }
  #pitch-container .meet-teachers .profiles {
    display: none;
  }
}
.meet-teachers {
  padding: 20px 30px 100px;
  float: left;
}
.meet-teachers .profiles {
  margin-top: 10px;
  float: left;
}
.meet-teachers .profiles .teacher {
  float: left;
  text-align: center;
  padding: 7px;
  cursor: pointer;
}
.meet-teachers .profiles .teacher .teacher-photo {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  border-collapse: separate;
  width: 115px;
  height: 115px;
  background-size: cover;
}
.meet-teachers .profiles .teacher .name {
  margin-top: 5px;
  font-size: 15px;
  color: #696969;
}
.organization {
  margin: 0px auto;
  max-width: 750px;
}
.organization a {
  color: #2086bb;
}
.organization .green-button {
  background: #2ecc71;
  color: #FFF;
  font-weight: 200;
}
.organization h2 {
  font-weight: 200;
  font-size: 20px;
  margin: 30px 0 6px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}
.organization h2 .smaller {
  color: #8D8D8D;
  font-size: 14px;
  margin-left: 5px;
}
.organization .filter {
  *zoom: 1;
  margin: 10px 0;
}
.organization .filter:before,
.organization .filter:after {
  content: "";
  display: table;
}
.organization .filter:after {
  clear: both;
}
.organization .filter select {
  float: right;
}
.organization .settings-box {
  background-color: #FFF;
  border: 1px solid #dadada;
  margin-top: 10px;
  padding: 15px;
}
.organization .settings-box label {
  color: #828282;
  font-size: 17px;
  font-weight: 200;
  color: #646464;
  display: block;
}
.organization .settings-box input[type=text] {
  background: #f5f6f7;
  border: 1px solid #ececec;
  padding: 7px;
  margin-top: 4px;
  display: block;
  width: 100%;
}
.organization .settings-box input[type=submit] {
  display: block;
  background: #2ecc71;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  margin-top: 25px;
  width: 100%;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
.organization .user-details-table th {
  vertical-align: text-top;
  width: 110px;
  padding: 8px 0;
}
.organization .user-details-table td {
  vertical-align: text-top;
}
.organization .right-export {
  color: #FFF;
  font-weight: 200;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: right;
  background: #2ecc71;
  padding: 7px;
  margin-top: -5px;
}
.organization .loading {
  text-align: center;
  font-size: 15px;
  margin-top: 40px;
}
.organization .users-list {
  background-color: #FFF;
  border: 1px solid #dadada;
  list-style: none;
}
.organization .users-list li {
  *zoom: 1;
  color: #4f4f4f;
  border-bottom: 1px solid #dadada;
  padding: 15px;
  font-weight: 200;
  cursor: pointer;
}
.organization .users-list li:before,
.organization .users-list li:after {
  content: "";
  display: table;
}
.organization .users-list li:after {
  clear: both;
}
.organization .users-list li:hover {
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-collapse: separate;
}
.organization .users-list li:last-child {
  border-bottom: none;
}
.organization .users-list li .left {
  width: 200px;
  float: left;
}
.organization .users-list li .right {
  float: right;
}
.organization .users-list li .right .meta {
  display: inline-block;
  width: 175px;
}
.organization .users-list li .right .meta.right-align {
  text-align: right;
}
.organization .settings-box {
  *zoom: 1;
}
.organization .settings-box:before,
.organization .settings-box:after {
  content: "";
  display: table;
}
.organization .settings-box:after {
  clear: both;
}
.organization .settings-box .table-box.left {
  float: left;
  width: 300px;
}
.organization .settings-box .table-box.right {
  float: right;
  width: 300px;
}
.organization .delete {
  clear: both;
  margin-top: 15px;
}
.organization .delete a {
  color: #c0392b;
}
.organization .delete .notice {
  display: none;
  padding: 15px;
  border: 1px solid #c0392b;
}
.organization .delete .notice h3 {
  color: #c0392b;
  font-size: 16px;
  font-weight: bold;
}
.organization .delete .notice p {
  margin: 10px 0;
}
.organization .delete .notice .cancel-delete {
  cursor: pointer;
}
.organization .delete .notice .confirm-delete {
  color: #c0392b;
  font-weight: bold;
  text-decoration: underline;
}
.organization .delete .notice .confirm-delete:hover {
  cursor: pointer;
}
.organization .monthly-usage {
  font-weight: 200;
  margin-top: -1px;
}
.organization .monthly-usage.collapsed ul {
  display: none;
}
.organization .monthly-usage.collapsed .icon-expand-alt {
  display: inline-block;
}
.organization .monthly-usage.collapsed .icon-collapse-alt {
  display: none;
}
.organization .monthly-usage.expanded ul {
  display: block;
}
.organization .monthly-usage.expanded .icon-collapse-alt {
  display: inline-block;
}
.organization .monthly-usage.expanded .icon-expand-alt {
  display: none;
}
.organization .monthly-usage .details {
  *zoom: 1;
  background-color: #FFF;
  border: 1px solid #dadada;
  padding: 15px;
}
.organization .monthly-usage .details:before,
.organization .monthly-usage .details:after {
  content: "";
  display: table;
}
.organization .monthly-usage .details:after {
  clear: both;
}
.organization .monthly-usage .details .left {
  float: left;
  width: 300px;
}
.organization .monthly-usage .details .right {
  float: right;
  text-align: right;
  width: 300px;
}
.organization .monthly-usage .details i {
  cursor: pointer;
}
.organization .monthly-usage ul {
  list-style: none;
  margin: 0px 20px;
  background: #FFF;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  margin-bottom: 10px;
}
.organization .monthly-usage ul li {
  *zoom: 1;
  border-bottom: 1px solid #dadada;
  padding: 10px;
}
.organization .monthly-usage ul li:before,
.organization .monthly-usage ul li:after {
  content: "";
  display: table;
}
.organization .monthly-usage ul li:after {
  clear: both;
}
.organization .monthly-usage ul li .meta {
  width: 125px;
  display: inline-block;
}
.organization .monthly-usage ul li .left {
  width: 300px;
  float: left;
}
.organization .monthly-usage ul li .right {
  width: 300px;
  float: right;
  text-align: right;
}
.organization .monthly-usage ul li:nth-child(even) {
  background: #f9f9f9;
}
.organization.edit form .fieldset {
  margin-top: 10px;
}
.organization.edit form input[type=radio] {
  display: inline;
}
.organization.edit form input[type=radio]:last-child {
  margin-left: 10px;
}
.organization.edit form select {
  margin-top: 7px;
  width: 250px;
}
.organization.edit form label {
  margin-top: 15px;
}
.organization.edit form label:first-child {
  margin-top: 0px;
}
.organization.report {
  font-size: 15px;
  font-weight: 200;
}
.organization.report .custom-options {
  display: none;
}
.organization.report .fieldset {
  margin: 10px 0px 25px;
}
.organization.report .datefield {
  width: 120px!important;
  display: inline-block !important;
}
.organization.report input[type=radio] {
  display: inline;
}
.organization.report input[type=radio]:last-child {
  margin-left: 10px;
}
.organization.report #users-list {
  width: 400px;
}
.organization.report .chzn-choices li input {
  padding: 14px;
}
.org-members {
  margin: 20px auto 0;
}
.org-members h1 {
  margin: 18px 0 10px;
  font-size: 22px;
  font-weight: 200;
}
.org-members .info {
  background-color: #FFF;
  border: 1px solid #dadada;
  padding: 10px;
  font-weight: 200;
}
.org-members .info p {
  margin: 0 0 10px 0;
}
.org-members .info p:last-child {
  margin-bottom: 0;
}
.org-members.org-class-listing {
  max-width: 1000px;
}
.org-members.org-class-listing .blank-row {
  background-color: #FFF;
  border: 1px solid #dadada;
  font-size: 18px;
  font-weight: 200;
  padding: 15px;
}
.org-members.org-class-listing .class-listing-container {
  padding: 0;
}
#app .settings-container {
  font-size: 15px;
  width: 100%;
  padding: 0 20px;
}
#app .settings-container #settings-page {
  -moz-box-shadow: 10 2px 3px 0px rgba(50, 50, 50, 0.09);
  -webkit-box-shadow: 10 2px 3px 0px rgba(50, 50, 50, 0.09);
  box-shadow: 10 2px 3px 0px rgba(50, 50, 50, 0.09);
  border-collapse: separate;
  *zoom: 1;
  padding: 15px;
}
#app .settings-container #settings-page:before,
#app .settings-container #settings-page:after {
  content: "";
  display: table;
}
#app .settings-container #settings-page:after {
  clear: both;
}
#app .settings-container h3 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
}
#app .settings-container h1 {
  font-size: 30px;
  text-shadow: 0 0 20px #fff;
  margin-top: 20px;
  font-weight: bold;
}
.edit-profile {
  *zoom: 1;
  padding-bottom: 20px;
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  margin-top: 20px;
  height: 860px;
  padding: 0 20px;
}
.edit-profile:before,
.edit-profile:after {
  content: "";
  display: table;
}
.edit-profile:after {
  clear: both;
}
.edit-profile h2 {
  font-size: 20px;
  color: #4a4a4a;
  font-weight: 200;
  margin: 5px 0 6px;
}
.edit-profile .language-settings-form {
  height: 244px;
  opacity: 0;
}
.edit-profile .settings-box {
  border: 1px solid #d8d8d8;
  background: #FFF;
  padding: 10px 15px 15px;
}
.edit-profile .settings-box .in {
  margin-bottom: 20px;
}
.edit-profile .regular-settings-form,
.edit-profile .language-settings-form {
  margin-bottom: 20px;
}
.edit-profile .right-side {
  float: right;
  position: absolute;
  width: 100%;
  padding: 0 40px 0 250px;
}
.edit-profile .left-side {
  float: left;
  width: 230px;
  position: relative;
  z-index: 1000;
}
.edit-profile .connections {
  float: left;
  padding: 10px;
  background-color: #fff;
  width: 100%;
}
.edit-profile .language-settings-form {
  font-size: 18px !important;
  color: #828282;
}
.edit-profile .language-settings-form .chosen-container {
  width: 100% !important;
  margin-top: 5px;
}
.edit-profile .language-settings-form .chosen-drop {
  width: 100% !important;
}
.edit-profile .language-settings-form .chosen-choices {
  border: 0px;
  background-color: #f5f6f7;
  border: 1px solid #ECECEC;
  padding: 5px;
}
.edit-profile .language-settings-form .chosen-choices .search-choice {
  font-size: 16px;
  background: none;
  border: none;
}
.edit-profile .language-settings-form .lang_container {
  margin: 10px 0;
}
.edit-profile .your-photo {
  width: 100%;
  float: left;
  padding: 0px;
  margin-bottom: 20px;
}
.edit-profile .your-photo .profile-image-wrapper {
  position: relative;
  overflow: hidden;
}
.edit-profile .your-photo .profile-image-loading {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.8;
}
.edit-profile .your-photo .profile-image-loading .inner {
  display: block;
  margin-top: 85px;
  text-align: center;
  color: #ffffff;
}
.edit-profile .your-photo .in {
  *zoom: 1;
  background-color: white;
  padding: 10px;
}
.edit-profile .your-photo .in:before,
.edit-profile .your-photo .in:after {
  content: "";
  display: table;
}
.edit-profile .your-photo .in:after {
  clear: both;
}
.edit-profile .your-photo .profile-image {
  width: 200px;
  height: 200px;
  background-size: cover;
}
.edit-profile .your-photo .fileinput-button,
.edit-profile .your-photo .fb-refresh-button {
  -webkit-transition: all 200ms all ease-out;
  -moz-transition: all 200ms all ease-out;
  transition: all 200ms all ease-out;
  -webkit-transition: 200ms all;
  -o-transition: 200ms all;
  transition: 200ms all;
  width: 100%;
  margin: 10px 0 0;
  float: left;
  display: block;
  text-align: left;
  font-size: 14px;
  color: #5f5f5f;
  padding: 10px 0 10px 15px;
  cursor: pointer;
}
.edit-profile .your-photo .fileinput-button i,
.edit-profile .your-photo .fb-refresh-button i {
  margin-right: 5px;
}
.edit-profile .your-photo .fileinput-button:hover,
.edit-profile .your-photo .fb-refresh-button:hover {
  cursor: pointer;
  color: black;
}
.edit-profile .your-photo .upload-progress {
  *zoom: 1;
  width: 100%;
  display: none;
  margin-top: 10px;
}
.edit-profile .your-photo .upload-progress:before,
.edit-profile .your-photo .upload-progress:after {
  content: "";
  display: table;
}
.edit-profile .your-photo .upload-progress:after {
  clear: both;
}
.edit-profile .your-photo .upload-progress .progressbar {
  display: none;
  width: 100%;
  height: 20px;
}
.edit-profile .your-photo .upload-progress .bar {
  height: 20px;
}
.edit-profile .your-photo .upload-progress .text {
  line-height: 40px;
  padding: 5px;
  font-weight: bold;
  display: none !important;
}
.edit-profile .connect-facebook-box,
.edit-profile .connect-google-box {
  width: 200px;
  clear: left;
  float: left;
}
.edit-profile .connect-facebook-box p,
.edit-profile .connect-google-box p {
  line-height: 160%;
  margin-top: 7px;
  color: #5f5f5f;
}
.edit-profile .connect-facebook-box .facebook-connect,
.edit-profile .connect-google-box .facebook-connect,
.edit-profile .connect-facebook-box .disconnect-facebook,
.edit-profile .connect-google-box .disconnect-facebook,
.edit-profile .connect-facebook-box .google-connect,
.edit-profile .connect-google-box .google-connect,
.edit-profile .connect-facebook-box .disconnect-google,
.edit-profile .connect-google-box .disconnect-google {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 10px;
}
.edit-profile .connect-facebook-box .facebook-connect div,
.edit-profile .connect-google-box .facebook-connect div,
.edit-profile .connect-facebook-box .disconnect-facebook div,
.edit-profile .connect-google-box .disconnect-facebook div,
.edit-profile .connect-facebook-box .google-connect div,
.edit-profile .connect-google-box .google-connect div,
.edit-profile .connect-facebook-box .disconnect-google div,
.edit-profile .connect-google-box .disconnect-google div {
  font-size: 12px;
  padding-top: 13px;
}
.edit-profile .facebook-connect,
.edit-profile .disconnect-facebook {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background-color: #324d8f;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.edit-profile .facebook-connect:before,
.edit-profile .disconnect-facebook:before,
.edit-profile .facebook-connect:after,
.edit-profile .disconnect-facebook:after {
  content: "";
  display: table;
}
.edit-profile .facebook-connect:after,
.edit-profile .disconnect-facebook:after {
  clear: both;
}
.edit-profile .facebook-connect i,
.edit-profile .disconnect-facebook i {
  margin-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
}
.edit-profile .facebook-connect div,
.edit-profile .disconnect-facebook div {
  float: left;
  padding: 9px 0 10px;
}
.edit-profile .facebook-connect:hover,
.edit-profile .disconnect-facebook:hover {
  background-color: #4f6aad;
  text-decoration: none;
}
.edit-profile .facebook-connect i,
.edit-profile .disconnect-facebook i {
  margin-right: 10px;
}
.edit-profile .google-connect,
.edit-profile .disconnect-google {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background: #d03324;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
}
.edit-profile .google-connect:before,
.edit-profile .disconnect-google:before,
.edit-profile .google-connect:after,
.edit-profile .disconnect-google:after {
  content: "";
  display: table;
}
.edit-profile .google-connect:after,
.edit-profile .disconnect-google:after {
  clear: both;
}
.edit-profile .google-connect i,
.edit-profile .disconnect-google i {
  margin-right: 15px;
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.edit-profile .google-connect div,
.edit-profile .disconnect-google div {
  float: left;
  padding: 9px 0 10px;
}
.edit-profile .google-connect:hover,
.edit-profile .disconnect-google:hover {
  background-color: #F36456 !important;
  text-decoration: none;
}
.edit-profile .google-connect:active,
.edit-profile .disconnect-google:active {
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-collapse: separate;
}
.edit-profile .google-connect i,
.edit-profile .disconnect-google i {
  margin-right: 10px;
  padding-right: 9px;
}
.edit-profile .google-connect div,
.edit-profile .disconnect-google div {
  padding-top: 11px;
}
.edit-profile .public-profile,
.edit-profile .email-settings,
.edit-profile .password-settings,
.edit-profile .phone-settings {
  width: 100%;
  margin-bottom: 20px;
}
.edit-profile .public-profile table,
.edit-profile .email-settings table,
.edit-profile .password-settings table,
.edit-profile .phone-settings table {
  margin-top: 15px;
  width: 100%;
}
.edit-profile .public-profile table tr,
.edit-profile .email-settings table tr,
.edit-profile .password-settings table tr,
.edit-profile .phone-settings table tr {
  height: 38px;
}
.edit-profile .public-profile table tr th,
.edit-profile .email-settings table tr th,
.edit-profile .password-settings table tr th,
.edit-profile .phone-settings table tr th {
  font-size: 15px;
  color: #828282;
  font-weight: normal;
  width: 140px;
  vertical-align: top;
  padding-top: 8px;
}
.edit-profile .public-profile table tr td,
.edit-profile .email-settings table tr td,
.edit-profile .password-settings table tr td,
.edit-profile .phone-settings table tr td {
  vertical-align: top;
  color: #828282;
}
.edit-profile .public-profile .email-permissions input,
.edit-profile .email-settings .email-permissions input,
.edit-profile .password-settings .email-permissions input,
.edit-profile .phone-settings .email-permissions input {
  width: auto;
  margin-right: 10px;
}
.edit-profile .public-profile .email-permissions th,
.edit-profile .email-settings .email-permissions th,
.edit-profile .password-settings .email-permissions th,
.edit-profile .phone-settings .email-permissions th {
  padding-top: 0px;
}
.edit-profile .public-profile input,
.edit-profile .email-settings input,
.edit-profile .password-settings input,
.edit-profile .phone-settings input,
.edit-profile .public-profile textarea,
.edit-profile .email-settings textarea,
.edit-profile .password-settings textarea,
.edit-profile .phone-settings textarea {
  background-color: #f5f6f7;
  border: 1px solid #ECECEC;
  padding: 8px 10px;
  font-size: 15px;
  width: 100%;
  color: #333;
}
.edit-profile .public-profile input ::-webkit-input-placeholder,
.edit-profile .email-settings input ::-webkit-input-placeholder,
.edit-profile .password-settings input ::-webkit-input-placeholder,
.edit-profile .phone-settings input ::-webkit-input-placeholder,
.edit-profile .public-profile textarea ::-webkit-input-placeholder,
.edit-profile .email-settings textarea ::-webkit-input-placeholder,
.edit-profile .password-settings textarea ::-webkit-input-placeholder,
.edit-profile .phone-settings textarea ::-webkit-input-placeholder {
  color: #999999;
}
.edit-profile .public-profile input :-moz-placeholder,
.edit-profile .email-settings input :-moz-placeholder,
.edit-profile .password-settings input :-moz-placeholder,
.edit-profile .phone-settings input :-moz-placeholder,
.edit-profile .public-profile textarea :-moz-placeholder,
.edit-profile .email-settings textarea :-moz-placeholder,
.edit-profile .password-settings textarea :-moz-placeholder,
.edit-profile .phone-settings textarea :-moz-placeholder {
  color: #999999;
}
.edit-profile .public-profile input ::-moz-placeholder,
.edit-profile .email-settings input ::-moz-placeholder,
.edit-profile .password-settings input ::-moz-placeholder,
.edit-profile .phone-settings input ::-moz-placeholder,
.edit-profile .public-profile textarea ::-moz-placeholder,
.edit-profile .email-settings textarea ::-moz-placeholder,
.edit-profile .password-settings textarea ::-moz-placeholder,
.edit-profile .phone-settings textarea ::-moz-placeholder {
  color: #999999;
}
.edit-profile .public-profile input :-ms-input-placeholder,
.edit-profile .email-settings input :-ms-input-placeholder,
.edit-profile .password-settings input :-ms-input-placeholder,
.edit-profile .phone-settings input :-ms-input-placeholder,
.edit-profile .public-profile textarea :-ms-input-placeholder,
.edit-profile .email-settings textarea :-ms-input-placeholder,
.edit-profile .password-settings textarea :-ms-input-placeholder,
.edit-profile .phone-settings textarea :-ms-input-placeholder {
  color: #999999;
}
.edit-profile .public-profile .country,
.edit-profile .email-settings .country,
.edit-profile .password-settings .country,
.edit-profile .phone-settings .country {
  margin-top: 8px;
  width: 100%;
}
.edit-profile .public-profile .timezone,
.edit-profile .email-settings .timezone,
.edit-profile .password-settings .timezone,
.edit-profile .phone-settings .timezone {
  margin-top: 8px;
  width: 100%;
}
.edit-profile .public-profile textarea,
.edit-profile .email-settings textarea,
.edit-profile .password-settings textarea,
.edit-profile .phone-settings textarea {
  height: 200px;
}
.edit-profile .password-settings {
  background-color: white;
  padding: 15px;
}
.edit-profile .password-settings input {
  width: 100%;
}
.edit-profile .delete-settings {
  background-color: white;
  border: 1px solid #d8d8d8;
  padding: 15px;
  *zoom: 1;
  font-weight: 200;
}
.edit-profile .delete-settings:before,
.edit-profile .delete-settings:after {
  content: "";
  display: table;
}
.edit-profile .delete-settings:after {
  clear: both;
}
.edit-profile .delete-settings .deactivate-account {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 12px 0;
  text-align: center;
  float: left;
  color: white;
  display: block;
  width: 100%;
  background-color: #e74c3c;
}
.edit-profile .delete-settings .deactivate-account:hover {
  background-color: #ea6153;
  text-decoration: none;
}
.edit-profile .email-settings .email-permissions {
  margin-top: 20px;
}
.edit-profile .email-settings .email-permissions th {
  padding-top: 0;
}
.edit-profile .resend-confirmation {
  margin-top: 0;
  color: #5598dc;
}
.edit-profile .submit-settings {
  font-size: 17px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  width: 100%;
  margin-top: 25px;
  display: block;
  background: #2ecc71;
  font-weight: 200;
}
.edit-profile .submit-settings:hover {
  background: #40d47e;
  text-decoration: none;
}
@media (max-width: 720px) {
  .edit-profile .left-side {
    width: 100%;
  }
  .edit-profile .right-side {
    position: relative;
    padding: 0 !important;
    margin-top: 15px;
  }
  .edit-profile .your-photo {
    display: none;
  }
}
.settings .edit-languages {
  width: 667px;
  margin: 0 auto;
}
.settings .edit-languages .black-header {
  display: none;
}
.settings .edit-languages .modal-body {
  position: relative;
  left: -15px;
  float: left;
}
.settings .edit-languages .lang_container {
  clear: both;
}
@media (max-width: 1100px) {
  .settings .edit-languages {
    width: 400px !important;
  }
  .settings .edit-languages .chzn-container,
  .settings .edit-languages .chzn-drop,
  .settings .edit-languages .submit-btn {
    width: 400px !important;
  }
  .settings .edit-languages .lang_container,
  .settings .edit-languages .submit-btn {
    padding-left: 0 !important;
  }
  .settings .edit-languages .submit-btn {
    margin-left: 0 !important;
  }
}
.settings.subscription {
  max-width: 850px;
  margin: 20px auto;
  font-weight: 200;
  padding: 0 10px;
}
.settings.subscription a {
  color: #5598dc;
  text-decoration: underline;
}
.settings.subscription h2 {
  font-weight: 200;
  font-size: 20px;
  color: #4a4a4a;
  margin: 7px 0;
}
.settings.subscription section {
  background-color: #FFF;
  border: 1px solid #dadada;
  padding: 20px;
  margin-bottom: 30px;
}
.settings.subscription section .block {
  margin-bottom: 35px;
}
.settings.subscription section .block:last-child {
  margin-bottom: 0;
}
.settings.subscription section p {
  font-size: 16px;
  color: #303030;
  line-height: 26px;
}
.settings.subscription button {
  padding: 10px;
  font-size: 16px;
}
.settings.subscription button.green {
  background-color: #2ecc71;
  color: #FFF;
}
.settings.subscription button.pause-one-month {
  margin-top: 15px;
  width: 50%;
}
.settings.subscription button.disabled {
  cursor: default;
  font-weight: 200;
  margin-top: 5px;
  width: 50%;
  background: #CCC;
  color: #5A5A5A;
}
.settings.subscription table {
  width: 100%;
  font-size: 16px;
}
.settings.subscription table th {
  border-bottom: 6px solid #d8d8d8;
}
.settings.subscription table th.nobold {
  font-weight: normal;
}
.settings.subscription table td {
  width: 50%;
}
.settings.subscription table.inner-table {
  font-size: 14px;
}
.settings.subscription table.inner-table td {
  padding: 13px;
  color: #747474;
  border-bottom: 1px solid #d8d8d8;
}
.settings.subscription table.inner-table .noborder {
  border: none;
}
.settings.subscription table.inner-table .right-align {
  text-align: right;
}
.settings.subscription table.inner-table.left td {
  border-right: 1px solid #d8d8d8;
}
.settings.subscription .alert {
  border-color: #c0392b;
}
.settings.subscription .alert {
  border-color: #c0392b;
  text-align: center;
}
.settings.subscription .alert p {
  margin: 5px 0;
}
.settings.subscription .alert h3 {
  font-size: 27px;
  color: #c0392b;
  font-weight: bold;
}
.settings.subscription .paused p.pause-options {
  margin-top: 25px;
}
.settings.subscription .paused button {
  width: 200px;
  margin-right: 20px;
}
.settings.subscription .apply-coupon-div {
  display: none;
  margin-top: 7px;
}
.settings.subscription .apply-coupon-div .invalid-coupon {
  display: block;
  color: #B95D5D;
  margin-top: 5px;
  font-weight: bold;
}
.settings.subscription .apply-coupon-div input[type="text"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 6px;
  border: 1px solid #d0d0d0;
  font-weight: 200;
  font-size: 16px;
  width: 200px;
}
.settings.subscription .apply-coupon-div .submit-coupon {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #2ecc71;
  color: #FFF;
  padding: 7px 18px;
  margin-left: 15px;
}
.settings.subscription .error {
  color: #B95D5D;
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  padding: 10px;
}
.settings.subscription .error h4 {
  font-size: 15px;
}
.settings.subscription .error p {
  font-size: 13px;
}
#cancel-subscription-container {
  max-width: 730px;
  margin: 0 auto;
  padding: 30px;
  font-weight: 200;
}
#cancel-subscription-container .sad-faces {
  margin-bottom: 15px;
}
#cancel-subscription-container .sad-faces img {
  margin-right: 5px;
}
#cancel-subscription-container h2 {
  font-size: 23px;
}
#cancel-subscription-container h3 {
  font-size: 19px;
}
#cancel-subscription-container p a {
  color: #5598dc;
  text-decoration: underline;
}
#cancel-subscription-container p {
  margin: 12px 0;
  font-size: 15px;
}
#cancel-subscription-container hr {
  border: none;
  height: 1px;
  background: #CCC;
  margin: 30px auto;
  width: 100%;
}
#cancel-subscription-container .no-cancel {
  padding: 10px 15px;
  background: #2ecc71;
  color: #FFF;
  font-size: 16px;
}
#cancel-subscription-container .chosen-container {
  margin-bottom: 15px;
}
#cancel-subscription-container form {
  margin-top: 15px;
}
#cancel-subscription-container form label {
  display: block;
  font-size: 15px;
  padding-bottom: 5px;
}
#cancel-subscription-container form textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px;
  resize: none;
}
#cancel-subscription-container form #cancel_reasons_chzn {
  margin-bottom: 10px;
}
#cancel-subscription-container .or-cancel {
  margin-top: 15px;
  display: none;
}
#cancel-subscription-container .or-cancel a {
  color: #5598dc;
  text-decoration: underline;
}
#cancel-subscription-container .next {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 9px 20px;
  margin-top: 20px;
  color: #444;
  display: inline-block;
}
#cancel-subscription-container .next.cancelling {
  background: #f0f0f0;
  color: #a7a7a7;
  font-style: italic;
}
#cancel-subscription-container .next:hover {
  text-decoration: none;
}
.receipts {
  font-size: 13px;
  font-weight: 200;
  margin-top: 20px;
  padding: 30px;
}
.receipts.loading {
  text-align: center;
}
.receipts .subcontent {
  padding: 10px;
  margin: 0 auto;
  width: 1000px;
  background-color: #fff;
  border: 1px solid #dadada;
}
.receipts .subcontent.light-hover-shadow:hover {
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
.receipts .export-csv {
  background-color: #2ecc71;
  padding: 10px;
  display: inline-block;
  color: white;
  font-weight: 200;
  float: right;
  margin-bottom: 10px;
  display: none;
}
.receipts .export-csv:hover {
  text-decoration: none;
}
.receipts a {
  color: #047098;
  font-weight: bold;
}
.receipts .icon-spinner {
  font-size: 20px;
  text-align: center;
}
.receipts .no-receipts {
  text-align: center;
}
.receipts .receipts-wrapper {
  *zoom: 1;
  padding: 10px;
  background-color: white;
}
.receipts .receipts-wrapper:before,
.receipts .receipts-wrapper:after {
  content: "";
  display: table;
}
.receipts .receipts-wrapper:after {
  clear: both;
}
.receipts .receipts-list {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
}
.receipts .receipts-list .currency {
  text-transform: uppercase;
}
.receipts .receipts-list th {
  border-bottom: 1px solid #CCC;
  font-size: 13px;
}
.receipts .receipts-list td {
  padding: 10px 0 10px 2px;
}
.receipts .receipts-list tr > .status {
  color: #27ae60;
}
.receipts .receipts-list tr.failed > .status {
  color: #c0392b;
}
.receipts .receipts-list tr.refunded > .status {
  color: #2e8dcc;
}
.receipts .receipts-list tr:nth-child(even) {
  background: #F2F2F2;
}
.settings.referrals {
  /* ============================  STRUCTURE  */
  width: 750px;
  background: #FFF;
  margin: 30px auto 50px auto;
  font-weight: 200;
}
.settings.referrals .header {
  background: #eafaff url("/img/referrals-flags.png") no-repeat;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid #c5edfe;
  padding: 20px 0;
  text-align: center;
  padding-top: 75px;
}
.settings.referrals .header h1 {
  font-size: 30px;
  font-weight: 200;
  color: #001268;
}
.settings.referrals .header h2 {
  margin: 25px 0;
  font-size: 22px;
  font-weight: 200;
  color: #001268;
}
.settings.referrals .header .main-share-buttons {
  margin: 40px 0 10px;
}
.settings.referrals .header button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #1caadf;
  border: 1px solid #158dba;
  width: 270px;
  padding: 7px 0 7px 50px;
  color: #FFF;
  font-weight: 200;
  font-size: 19px;
  text-align: left;
}
.settings.referrals .header button:first-child {
  margin-right: 10px;
}
.settings.referrals .header button.facebook {
  background-image: url("/img/referrals-facebook-icon.png");
  background-repeat: no-repeat;
  background-position: 10px 8px;
}
.settings.referrals .header button.gmail {
  background-image: url("/img/referrals-gmail-icon.png");
  background-repeat: no-repeat;
  background-position: 10px 9px;
}
.settings.referrals .sharing {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 20px 0 0;
  font-weight: 200;
  text-align: center;
  color: #4d4d4d;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.settings.referrals .sharing .copied-success {
  display: none;
  color: #00af23;
}
.settings.referrals .sharing .share-link {
  font-size: 15px;
}
.settings.referrals .sharing .share-link input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  border: 1px solid #d6d6d6;
  width: 400px;
  padding: 7px;
  font-size: 20px;
  font-weight: bold;
  margin: 9px auto;
  text-align: center;
}
.settings.referrals .sharing .manual-share {
  *zoom: 1;
  margin-left: 25px;
  margin-right: 10px;
  text-align: left;
  margin-top: 40px;
}
.settings.referrals .sharing .manual-share:before,
.settings.referrals .sharing .manual-share:after {
  content: "";
  display: table;
}
.settings.referrals .sharing .manual-share:after {
  clear: both;
}
.settings.referrals .sharing .manual-share p {
  text-align: left;
  margin-bottom: 4px;
}
.settings.referrals .sharing .manual-share .emails {
  float: left;
  width: 360px;
}
.settings.referrals .sharing .manual-share .emails input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d6d6d6;
  width: 230px;
  padding: 9px;
}
.settings.referrals .sharing .manual-share .emails button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #1caadf;
  border: 1px solid #158dba;
  width: 75px;
  padding: 9px;
  color: #FFF;
  font-weight: 200;
  font-size: 14px;
}
.settings.referrals .sharing .manual-share .emails .or {
  display: inline-block;
  margin-left: 21px;
  color: #9B9B9B;
}
.settings.referrals .sharing .manual-share .emails .manual-email-success {
  color: #27ae60;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 2px;
  display: none;
}
.settings.referrals .sharing .manual-share .buttons {
  float: right;
  width: 350px;
  text-align: center;
}
.settings.referrals .sharing .manual-share .buttons .button {
  width: 155px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 10px;
  padding: 10px 0;
  cursor: pointer;
}
.settings.referrals .sharing .manual-share .buttons .button [class^="icon-"],
.settings.referrals .sharing .manual-share .buttons .button [class*="icon-"] {
  margin-right: 10px;
}
.settings.referrals .sharing .manual-share .buttons .button:last-child {
  margin-right: 0;
}
.settings.referrals .sharing .manual-share .buttons .button.button-facebook {
  background-color: #355B9F;
  color: #fff;
}
.settings.referrals .sharing .manual-share .buttons .button.button-facebook:hover {
  background-color: #4672c1;
}
.settings.referrals .sharing .manual-share .buttons .button.button-twitter {
  background-color: #39B9E8;
  color: #fff;
}
.settings.referrals .sharing .manual-share .buttons .button.button-twitter:hover {
  background-color: #67c9ed;
}
.settings.referrals .sharing .invites-list {
  margin: 40px 0;
  padding: 20px 25px;
  border-top: 1px solid #dedede;
}
.settings.referrals .sharing .invites-list h3 {
  font-size: 22px;
  font-weight: 200;
  margin: 15px 0;
}
.settings.referrals .sharing .invites-list .earned-amt {
  color: #1caadf;
  font-weight: bold;
}
.settings.referrals .sharing .invites-list ul {
  *zoom: 1;
  list-style-type: none;
  text-align: left;
}
.settings.referrals .sharing .invites-list ul:before,
.settings.referrals .sharing .invites-list ul:after {
  content: "";
  display: table;
}
.settings.referrals .sharing .invites-list ul:after {
  clear: both;
}
.settings.referrals .sharing .invites-list ul li {
  float: left;
  width: 219px;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  margin-right: 20px;
  margin-top: 15px;
}
.settings.referrals .sharing .invites-list ul li:nth-child(3n+3) {
  margin-right: 0;
}
.settings.referrals .sharing .invites-list ul li.invited {
  background-color: #dedede;
  border-color: #b9b9b9;
}
.settings.referrals .sharing .invites-list ul li.fraud {
  background-color: #dedede;
  border-color: #b9b9b9;
}
.settings.referrals .sharing .invites-list ul li.pending {
  background-color: #d3f3fe;
  border-color: #68defb;
}
.settings.referrals .sharing .invites-list ul li.finalized {
  background-color: #e4efdd;
  border-color: #a4d576;
}
.settings.referrals .sharing .invites-list ul li p {
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings.referrals .sharing .invites-list ul li p.email {
  margin-top: 6px;
}
.settings.referrals .sharing .invites-list ul li p.state {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.settings.referrals .sharing .invites-list ul li .profile-picture {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  float: left;
  background-clip: padding-box;
  width: 45px;
  height: 45px;
  background-size: cover;
}
.settings.referrals .sharing .facebook-friends {
  margin-top: 40px;
  background: #fafafa;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0 40px;
  font-weight: 200;
}
.settings.referrals .sharing .facebook-friends h3 {
  font-size: 18px;
  padding-top: 20px;
}
.settings.referrals .sharing .facebook-friends .buttons {
  text-align: center;
  margin-top: 20px;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect,
.settings.referrals .sharing .facebook-friends .buttons .google-connect {
  display: inline-block;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background-color: #324d8f;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
  padding: 0 15px 0 15px !important;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect:before,
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect:after {
  content: "";
  display: table;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect:after {
  clear: both;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect i {
  margin-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect div {
  float: left;
  padding: 9px 0 10px;
}
.settings.referrals .sharing .facebook-friends .buttons .facebook-connect:hover {
  background-color: #4f6aad;
  text-decoration: none;
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all all 200ms ease-out;
  -moz-transition: all all 200ms ease-out;
  transition: all all 200ms ease-out;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  *zoom: 1;
  background: #d03324;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  padding: 0 0 0 15px;
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect:before,
.settings.referrals .sharing .facebook-friends .buttons .google-connect:after {
  content: "";
  display: table;
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect:after {
  clear: both;
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect i {
  margin-right: 15px;
  float: left;
  padding: 9px 15px 8px 0;
  font-size: 22px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect div {
  float: left;
  padding: 9px 0 10px;
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect:hover {
  background-color: #F36456 !important;
  text-decoration: none;
}
.settings.referrals .sharing .facebook-friends .buttons .google-connect:active {
  -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-collapse: separate;
}
.settings.referrals .sharing .facebook-friends .filter {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 810px;
  border: 1px solid #CCC;
  padding: 5px;
}
.settings.referrals .sharing .facebook-friends .fb-entries {
  margin-top: 15px;
  padding: 20px 0 20px 20px;
  *zoom: 1;
  height: 300px;
  overflow: auto;
  width: 830px;
}
.settings.referrals .sharing .facebook-friends .fb-entries:before,
.settings.referrals .sharing .facebook-friends .fb-entries:after {
  content: "";
  display: table;
}
.settings.referrals .sharing .facebook-friends .fb-entries:after {
  clear: both;
}
.settings.referrals .sharing .facebook-friends .fb-entries .fb-invite-entry {
  list-style: none;
  width: 180px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.settings.referrals .sharing .facebook-friends .fb-entries .fb-invite-entry:hover {
  background-color: #CCC;
}
.settings.referrals .sharing .facebook-friends .fb-entries .fb-invite-entry .info .fb-image {
  width: 50px;
  height: 50px;
  float: left;
}
.settings.referrals .sharing .facebook-friends .fb-entries .fb-invite-entry .info .name {
  position: relative;
  top: 5px;
  left: 5px;
  font-weight: bold;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 120px;
}
.settings.referrals .sharing .facebook-friends .fb-entries .fb-invite-entry .invite-btn {
  position: relative;
  top: 10px;
  left: 5px;
}
.settings.referrals .how-it-works {
  border-top: 1px solid #dedede;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 200;
  text-align: left;
  padding: 25px;
  *zoom: 1;
}
.settings.referrals .how-it-works:before,
.settings.referrals .how-it-works:after {
  content: "";
  display: table;
}
.settings.referrals .how-it-works:after {
  clear: both;
}
.settings.referrals .how-it-works .column {
  float: left;
  width: 222px;
  margin-right: 15px;
}
.settings.referrals .how-it-works .column:last-child {
  margin-right: 0px;
}
.settings.referrals .how-it-works .column h4 {
  text-transform: uppercase;
}
.settings.referrals .how-it-works .column p {
  margin-top: 8px;
  font-size: 13px;
}
.settings.gifts {
  margin: 20px auto;
  font-weight: 200;
}
.settings.gifts .container {
  max-width: 850px;
}
.settings.gifts h1 {
  font-weight: 200;
  margin: 20px 0 10px 0;
}
.settings.gifts a {
  color: #0676ab;
}
.settings.gifts .empty {
  background-color: #fff;
  border: 1px solid #e0dcdc;
  font-weight: 200;
  padding: 10px;
  width: 100%;
  font-size: 15px;
}
.settings.gifts .list-item {
  background-color: #fff;
  border: 1px solid #e0dcdc;
  font-weight: 200;
  padding: 10px;
  width: 100%;
  font-size: 15px;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .settings.gifts .list-item .details {
    text-align: right;
    float: right;
  }
}
.settings.templates {
  width: 100%;
  font-weight: 200;
}
.settings.templates h1 {
  font-weight: 200;
  margin: 20px 0 0 0;
}
.settings.templates a {
  color: #0676ab;
}
.settings.templates .class-listing-container {
  margin-top: 20px;
  padding: 0;
}
.settings.templates .new-template {
  border: 1px solid #d3d3d3;
  background: #FFF;
  text-align: center;
  font-weight: 200;
  font-size: 20px;
  padding: 30px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #000;
}
.settings.templates .new-template i {
  font-size: 15px;
}
.settings.templates .new-template:hover {
  color: #2980b9;
}
.phone {
  font-weight: 200;
}
.phone .error-msg {
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  color: #B95D5D;
  padding: 7px;
  display: none;
  margin-bottom: 10px;
}
.phone .edit-phone {
  *zoom: 1;
}
.phone .edit-phone:before,
.phone .edit-phone:after {
  content: "";
  display: table;
}
.phone .edit-phone:after {
  clear: both;
}
.phone .country-select {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.phone .country-select .country-code {
  margin-top: 9px;
}
.phone .input-phone {
  float: left;
  background-color: #f5f6f7;
  border: 1px solid #ECECEC;
}
.phone .input-phone input {
  width: 200px;
  border: none;
  background: inherit;
}
.phone .input-phone .country-code-append {
  display: inline-block;
  padding: 9px 0;
  width: 50px;
  text-align: center;
  margin: -1px 0 -1px -1px;
  border: 1px solid #CACACA;
  background: #d8d8d8;
  color: #555555;
}
.phone .saved-number {
  text-align: center;
}
.phone .saved-number h3 {
  font-size: 20px;
  font-weight: 200;
  margin-bottom: 10px;
}
.phone .add-phone-number {
  font-weight: 200;
  background: #63c37c;
  color: #fff !important;
  text-align: center;
  width: 100%;
  padding: 12px 0;
  font-size: 17px;
  margin-top: 20px;
  display: block;
}
.phone .add-phone-number:hover {
  background-color: #6ecc87;
}
.phone .add-phone-number:hover {
  background: #32b96b;
  text-decoration: none;
}
#invited {
  /* ============================  STRUCTURE  */
  width: 750px;
  background: #FFF;
  margin: 30px auto 50px auto;
  font-weight: 200;
}
#invited button.signup {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #1caadf;
  border: 1px solid #158dba;
  width: 550px;
  padding: 9px 0 9px 9px;
  color: #FFF;
  font-weight: 200;
  font-size: 19px;
  text-align: center;
  margin-top: 25px;
}
#invited .header {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #eafaff url("/img/referrals-flags.png") no-repeat;
  border: 1px solid #c5edfe;
  padding: 10px 0;
  text-align: center;
  padding-top: 50px;
}
#invited .header .profile-container {
  text-align: center;
  padding-left: 316px;
}
#invited .header .profile-container .profile-picture {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -moz-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.4);
  border-collapse: separate;
  background-clip: padding-box;
  width: 115px;
  height: 115px;
  background-size: cover;
  background-position: middle center;
}
#invited .header h1 {
  font-size: 30px;
  font-weight: 200;
  color: #001268;
  margin: 25px 0 20px 0;
}
#invited .header h2 {
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: 200;
  color: #001268;
}
#invited .content {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 20px;
  font-weight: 200;
  color: #4d4d4d;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
#invited .content h3 {
  font-size: 20px;
  font-weight: 200;
}
#invited .content p {
  margin-top: 15px;
}
#invited .content .content-blob {
  text-align: left;
  *zoom: 1;
  margin-bottom: 35px;
}
#invited .content .content-blob:before,
#invited .content .content-blob:after {
  content: "";
  display: table;
}
#invited .content .content-blob:after {
  clear: both;
}
#invited .content .content-blob .left {
  float: left;
  width: 340px;
}
#invited .content .content-blob .right {
  float: right;
  width: 340px;
}
#invited .content button {
  margin-top: 0;
}
#jobs-container {
  padding: 0 30px;
}
#jobs-container .in {
  background-color: #fff;
  border: 1px solid #dadada;
  *zoom: 1;
  min-width: 900px;
  max-width: 1050px;
  padding: 31px;
  margin: 30px auto 0;
  border: 1px solid #cacaca;
}
#jobs-container .in.light-hover-shadow:hover {
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
#jobs-container .in:before,
#jobs-container .in:after {
  content: "";
  display: table;
}
#jobs-container .in:after {
  clear: both;
}
#jobs-container .left-pane {
  width: 59%;
  float: left;
  padding-bottom: 60px;
  position: relative;
  margin-top: -20px;
}
#jobs-container .life-photos {
  margin: 15px 0;
}
#jobs-container .life-photos img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  border-collapse: separate;
  margin: -1px;
  width: 180px;
  height: 130px;
}
#jobs-container .right-pane {
  width: 36%;
  float: right;
  padding-bottom: 40px;
  position: relative;
  margin-top: -20px;
}
#jobs-container .right-pane a {
  color: #2674a3;
  font-size: 18px;
  clear: both;
  float: left;
  margin: 6px 0 0 5px;
}
#jobs-container .right-pane .position-box {
  float: left;
  clear: both;
  border-left: 3px solid #e1e1e1;
  margin: 10px 0 0 25px;
  padding-left: 12px;
  display: none;
}
#jobs-container .right-pane .position-box h3 {
  color: #2a2a2a;
  font-size: 17px;
  margin-bottom: 4px;
  font-weight: bold;
}
#jobs-container .right-pane .position-box p {
  font-size: 15px;
  line-height: 130%;
  margin-bottom: 8px;
}
#jobs-container .right-pane .position-box p a {
  display: inline;
  font-size: 15px;
  margin: 0 5px 0;
}
#jobs-container .right-pane .apply-box {
  *zoom: 1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #F3F3F3;
  padding-left: 15px;
  width: 100%;
  margin-top: 10px;
}
#jobs-container .right-pane .apply-box:before,
#jobs-container .right-pane .apply-box:after {
  content: "";
  display: table;
}
#jobs-container .right-pane .apply-box:after {
  clear: both;
}
#jobs-container .right-pane .apply-box .apply-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #5598dc;
  color: #fff;
  display: block;
  text-align: center;
  padding: 8px 20px;
  font-size: 15px;
  clear: both;
  float: left;
  font-size: 19px;
  padding: 12px 34px;
  margin: 10px 0 10px;
}
#jobs-container .right-pane .apply-box .apply-button:hover {
  background-color: #3473b3;
  text-decoration: none;
}
#jobs-container .right-pane .apply-box .apply-button:active {
  background-color: #3c7dbf;
  background-image: -moz-linear-gradient(center top, #3c7dbf, #5598dc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c7dbf), to(#5598dc));
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-collapse: separate;
}
#jobs-container .right-pane .apply-box .apply-button.inactive {
  background: url("/img/loader-blue.gif") no-repeat #577d9c;
  cursor: default;
  padding-left: 35px;
  background-position: 9px 9px;
}
#jobs-container .right-pane .apply-box .apply-button.disabled {
  background-color: #577d9c;
  cursor: default;
  opacity: 0.6;
}
#jobs-container .right-pane .apply-box .email-apply {
  float: left;
  margin: 17px 0 0 15px;
  font-size: 14px;
  width: 50px;
}
#jobs-container .right-pane .apply-box .email-apply a {
  font-size: 14px;
  margin: 0px 0 0 0;
}
#jobs-container .right-pane .open-position {
  margin-top: 20px;
  float: left;
}
#jobs-container h1 {
  font-size: 31px;
  color: #2a2a2a;
  font-weight: bold;
  margin-top: 10px;
  clear: both;
}
#jobs-container h2 {
  font-size: 22px;
  color: #2a2a2a;
  margin: 10px 0 7px;
}
#jobs-container p {
  font-size: 16px;
  color: #4c4c4c;
  line-height: 150%;
}
#jobs-container p.big {
  color: #797979;
  font-size: 21px;
  margin: 7px 0 15px;
  line-height: 140%;
}
#jobs-container .pay-table {
  margin: 5px 0 0 20px;
  font-size: 15px;
}
#jobs-container .pay-table th {
  font-weight: normal;
  text-align: right;
  padding-right: 10px;
}
#jobs-container .tags {
  *zoom: 1;
}
#jobs-container .tags:before,
#jobs-container .tags:after {
  content: "";
  display: table;
}
#jobs-container .tags:after {
  clear: both;
}
#jobs-container .tags div {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fffad6;
  color: #6a6332;
  font-size: 16px;
  float: left;
  padding: 3px 8px;
  margin: 0 8px 6px 0;
}
#jobs-container ul {
  margin: 10px 0 10px 35px;
  font-size: 16px;
}
#jobs-container ul li {
  margin-bottom: 5px;
  list-style-position: outside;
}
#jobs-container ul a {
  color: #2674a3;
}
#about-container {
  padding: 0 4%;
  font-size: 16px;
  min-width: 665px;
  max-width: 1000px;
  margin: 0 auto;
}
#about-container article {
  background-color: #fff;
  border: 1px solid #dadada;
  padding: 20px;
}
#about-container article.light-hover-shadow:hover {
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
#about-container h2 {
  font-size: 23px;
  margin: 0 0 10px 0;
  color: #424242;
}
#about-container h3 {
  font-size: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dadad3;
}
#about-container p {
  padding: 0 0 10px;
  color: #444444;
}
#about-container .q {
  font-weight: bold;
  margin-top: 10px;
}
#about-container ul {
  margin-left: 25px;
  margin: 0 0 15px 18px;
}
#about-container a {
  color: #07376d;
}
#about-container .investors {
  background-color: #fff;
  border: 1px solid #dadada;
  margin-top: 20px;
  padding: 10px 80px;
  width: 100%;
  text-align: center;
}
#about-container .investors.light-hover-shadow:hover {
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
#about-container .investors img {
  padding: 10px 24px;
  width: 200px;
  vertical-align: middle;
}
#spanish-landing {
  max-width: 860px;
  margin: 60px auto;
}
#spanish-landing header {
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #2f2f2f;
}
#spanish-landing header div {
  background: url("/img/checkout-logo.png") center center no-repeat;
  width: 130px;
  height: 70px;
  margin: 0 auto;
  display: block;
}
#spanish-landing .landing-row {
  border-bottom: 1px solid #c6c6c6;
  padding: 40px 0;
  float: left;
  width: 100%;
}
#spanish-landing .landing-row h3.big {
  text-align: center;
  font-size: 21px;
  margin-bottom: 15px;
}
#spanish-landing h1 {
  font-size: 44px;
  text-align: center;
  margin-bottom: 20px;
}
#spanish-landing h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 200;
}
#spanish-landing a {
  color: #3294e1;
}
#spanish-landing .about-section {
  /*iframe {
    .box-shadow(0, 0, 20px, 0, rgba(0,0,0,0.2));
    float: left;
    background-color: #4a5752;
    z-index: 10;
  }
  .about {
    float: right;
    width: 300px;
    border: 2px solid #acacac;
    background-color: #fff;
    padding: 20px;
    position: relative;
    z-index: 10;
    h3 {
      text-align: center;
      font-size: 24px;
    }
    h4 {
      text-align: center;
      font-size: 17px;
      color: #45a94e;
      font-weight: bold;
      margin: 10px 0 20px;
      text-transform: uppercase;
    }
  }
  p {
    font-size: 15px;
    line-height: 140%;
  }*/
}
#spanish-landing .about-section .modal-tabs,
#spanish-landing .about-section .social-login {
  display: none;
}
#spanish-landing .about-section #global-authorization {
  padding-top: 0;
}
#spanish-landing .about-section #global-authorization .try-free {
  font-weight: bold;
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  color: #45a94e;
  margin-bottom: 20px;
}
#spanish-landing .about-section .expires {
  text-align: center;
  width: 100%;
  margin: 60px 0 10px;
  font-size: 24px;
  float: left;
  color: #45a94e;
}
#spanish-landing .testimonials .testimonial {
  *zoom: 1;
  width: 90%;
  height: 100px;
  position: relative;
  margin: 15px auto;
}
#spanish-landing .testimonials .testimonial:before,
#spanish-landing .testimonials .testimonial:after {
  content: "";
  display: table;
}
#spanish-landing .testimonials .testimonial:after {
  clear: both;
}
#spanish-landing .testimonials .testimonial .photo {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center center;
  float: left;
}
#spanish-landing .testimonials .testimonial .text {
  position: absolute;
  padding-left: 130px;
}
#spanish-landing .testimonials .testimonial .text p {
  font-size: 21px;
  line-height: 150%;
}
#spanish-landing .testimonials .testimonial .text .student {
  font-size: 16px;
  font-weight: 200;
  margin-top: 10px;
}
#spanish-landing .testimonials .testimonial:first-child {
  margin-top: 25px;
}
#spanish-landing .selling-points .in {
  *zoom: 1;
  width: 750px;
  margin: 20px auto;
}
#spanish-landing .selling-points .in:before,
#spanish-landing .selling-points .in:after {
  content: "";
  display: table;
}
#spanish-landing .selling-points .in:after {
  clear: both;
}
#spanish-landing .selling-points .checkmark-points {
  font-size: 17px;
  line-height: 200%;
  float: left;
  color: #303030;
}
#spanish-landing .selling-points .checkmark-points i {
  color: #18a53e;
  margin-right: 15px;
}
#spanish-landing .selling-points .checkmark-points .bold {
  margin: 10px 0 0 30px;
  color: #000;
  font-size: 20px;
}
#spanish-landing .selling-points img {
  float: right;
  width: 380px;
}
#spanish-landing .three-points .icon-points {
  text-align: center;
  width: 90%;
  margin: 10px auto;
}
#spanish-landing .three-points .icon-points .point {
  width: 33%;
  float: left;
  padding: 0 20px;
}
#spanish-landing .three-points .icon-points .point i {
  font-size: 65px;
}
#spanish-landing .three-points .icon-points .point h3 {
  font-size: 20px;
  margin-top: 10px;
}
#spanish-landing .three-points .icon-points .point p {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 200;
}
#spanish-landing .claim-section {
  text-align: center;
  font-size: 22px;
  padding: 15px 0;
}
#spanish-landing .claim-section p:last-child {
  margin-top: 15px;
  font-weight: 200;
}
#spanish-landing .trusted-section {
  font-size: 32px;
  text-align: center;
  font-weight: 200;
  padding: 50px 0;
}
#spanish-landing .trusted-section .signup {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 19px 0;
  background-color: #45a94e;
  color: #fff;
  font-size: 21px;
  display: block;
  text-align: center;
  margin: 30px auto 0;
  width: 220px;
  font-weight: 200;
}
#spanish-landing .trusted-section .signup:hover {
  text-decoration: none;
  background-color: #52b45b;
}
#teacher-application-container header {
  height: 65px;
  margin-top: -43px;
  background-color: #2f2f2f;
}
#teacher-application-container header a {
  background: url("/img/checkout-logo.png") center center no-repeat;
  width: 130px;
  height: 65px;
  margin: 0 auto;
  display: block;
}
#teacher-application-container .cover-photo {
  height: 345px;
  width: 100%;
  background-color: #222;
}
#teacher-application-container .cover-photo div {
  background: url(https://d1nn1xe9py2udg.cloudfront.net/0000_images/kendra-application.jpg) center center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#teacher-application-container .cover-photo div h1 {
  padding-top: 65px;
  font-size: 30px;
  color: #fff;
}
#teacher-application-container .cover-photo div h1 span {
  color: #f0e500;
}
#teacher-application-container .cover-photo div h2 {
  padding-top: 15px;
  font-size: 22px;
  color: #fff;
  font-weight: 200;
  opacity: 0.9;
}
#teacher-application-container .apply {
  margin: 50px auto 0;
  padding: 15px 40px;
}
#teacher-application-container .testimonials {
  *zoom: 1;
  max-width: 900px;
  margin: 0 auto;
  padding: 45px 20px;
}
#teacher-application-container .testimonials:before,
#teacher-application-container .testimonials:after {
  content: "";
  display: table;
}
#teacher-application-container .testimonials:after {
  clear: both;
}
#teacher-application-container .testimonials iframe {
  float: left;
  width: 52%;
}
#teacher-application-container .testimonials .testimonial {
  float: right;
  width: 45%;
}
#teacher-application-container .testimonials .testimonial p {
  font-size: 18px;
  font-weight: 200;
  line-height: 180%;
  margin-bottom: 20px;
  font-style: italic;
  color: #585858;
  display: none;
}
#teacher-application-container .testimonials .testimonial p.active {
  display: block;
}
#teacher-application-container .testimonials .testimonial .photos a {
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  -webkit-transition: 100ms;
  -o-transition: 100ms;
  transition: 100ms;
  opacity: 0.4;
}
#teacher-application-container .testimonials .testimonial .photos a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
#teacher-application-container .testimonials .testimonial .photos a.active {
  opacity: 1.0 !important;
}
#teacher-application-container .testimonials .testimonial .photos a:hover {
  opacity: 0.9;
}
#teacher-application-container .points {
  width: 100%;
  background-color: #fff;
  text-align: center;
}
#teacher-application-container .points .in {
  *zoom: 1;
  max-width: 900px;
  margin: 0 auto;
  padding: 45px 20px 10px;
}
#teacher-application-container .points .in:before,
#teacher-application-container .points .in:after {
  content: "";
  display: table;
}
#teacher-application-container .points .in:after {
  clear: both;
}
#teacher-application-container .points .left,
#teacher-application-container .points .right {
  width: 50%;
  text-align: left;
}
#teacher-application-container .points .left div,
#teacher-application-container .points .right div {
  margin-bottom: 35px;
}
#teacher-application-container .points .left div i,
#teacher-application-container .points .right div i {
  font-size: 50px;
  position: absolute;
  width: 60px;
  text-align: center;
}
#teacher-application-container .points .left div h1,
#teacher-application-container .points .right div h1 {
  margin-bottom: 2px;
}
#teacher-application-container .points .left div h1,
#teacher-application-container .points .right div h1,
#teacher-application-container .points .left div p,
#teacher-application-container .points .right div p {
  padding-left: 75px;
}
#teacher-application-container .points .left div p,
#teacher-application-container .points .right div p {
  font-weight: 200;
}
#teacher-application-container .points .left {
  float: left;
  padding-right: 20px;
}
#teacher-application-container .points .right {
  float: right;
  padding-left: 20px;
}
#teacher-application-container .points .apply {
  margin: 10px auto 30px;
}
#teacher-application-container .faq {
  max-width: 900px;
  padding: 20px 40px;
  margin: 0 auto;
}
#teacher-application-container .faq h2 {
  font-size: 25px;
}
#teacher-application-container .faq .questions {
  *zoom: 1;
}
#teacher-application-container .faq .questions:before,
#teacher-application-container .faq .questions:after {
  content: "";
  display: table;
}
#teacher-application-container .faq .questions:after {
  clear: both;
}
#teacher-application-container .faq .questions nav {
  float: left;
  width: 50%;
}
#teacher-application-container .faq .questions nav h3 {
  margin: 15px 0 5px;
  font-size: 17px;
}
#teacher-application-container .faq .questions nav a {
  display: block;
  margin-bottom: 4px;
}
#teacher-application-container .faq .answers {
  margin-top: 15px;
}
#teacher-application-container .faq .answers .answer {
  margin-top: 5px;
  max-width: 750px;
}
#teacher-application-container .faq .answers h3 {
  font-size: 24px;
  margin-top: 28px;
  font-weight: bold;
}
#teacher-application-container .faq .answers h4 {
  font-weight: bold;
  margin: 15px 0 5px;
  font-size: 15px;
}
#teacher-application-container .faq .answers p {
  margin-bottom: 7px;
  font-size: 14px;
}
@media (max-width: 720px) {
  #teacher-application-container .testimonials iframe,
  #teacher-application-container .testimonials .testimonial {
    clear: both;
    width: 100%;
  }
  #teacher-application-container .testimonials iframe {
    margin-bottom: 20px;
  }
  #teacher-application-container .points .left,
  #teacher-application-container .points .right {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  #teacher-application-container .faq nav {
    width: 100% !important;
  }
}
#teacher-apply-container header {
  height: 65px;
  margin-top: -43px;
  background-color: #2f2f2f;
}
#teacher-apply-container header a {
  background: url("/img/checkout-logo.png") center center no-repeat;
  width: 130px;
  height: 65px;
  margin: 0 auto;
  display: block;
}
#teacher-apply-container .application {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
}
#teacher-apply-container .application input[type=text] {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
#teacher-apply-container .application input[type=submit] {
  background: #2ecc71;
  color: #FFF;
  font-size: 17px;
  text-align: center;
  padding: 10px;
  font-weight: 200;
  cursor: pointer;
}
#teacher-apply-container .application textarea {
  background: #f7f7f7;
  border: 1px solid #D6D6D6;
  padding: 7px;
}
#teacher-apply-container .application h1 {
  font-size: 21px;
  text-align: center;
  margin: 10px 0 15px;
}
#teacher-apply-container .application label,
#teacher-apply-container .application input,
#teacher-apply-container .application textarea,
#teacher-apply-container .application select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
}
#teacher-apply-container .application input,
#teacher-apply-container .application textarea,
#teacher-apply-container .application select {
  margin-bottom: 20px;
}
#teacher-apply-container .application input.red-border,
#teacher-apply-container .application textarea.red-border,
#teacher-apply-container .application select.red-border {
  border: 2px solid #F56868 !important;
}
#teacher-apply-container .application label {
  font-size: 15px;
}
.video-instructions {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 500px;
  background-color: white;
  text-align: left;
  font-weight: 200;
}
.video-instructions h1 {
  font-weight: 200;
  font-size: 25px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.video-instructions h2 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
}
.video-instructions h3 {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
}
.video-instructions.rates-modal p {
  margin-top: 20px;
  font-size: 18px;
}
.video-instructions.video-instructions p {
  margin-top: 10px;
}
#press-container {
  padding: 0 30px;
  font-weight: 200;
  padding: 30px;
}
#press-container h1,
#press-container h2,
#press-container h3 {
  font-weight: 200;
}
#press-container a {
  color: #0676ab;
}
#press-container h1 {
  margin-top: 35px;
  float: left;
  clear: both;
}
#press-container .top-info {
  *zoom: 1;
}
#press-container .top-info:before,
#press-container .top-info:after {
  content: "";
  display: table;
}
#press-container .top-info:after {
  clear: both;
}
#press-container .top-info .left {
  width: 375px;
  float: left;
}
#press-container .top-info .right {
  width: 375px;
  float: right;
}
#press-container .top-info h2 {
  margin-bottom: 6px;
  font-size: 22px;
}
#press-container .logos {
  *zoom: 1;
  margin-top: 35px;
}
#press-container .logos:before,
#press-container .logos:after {
  content: "";
  display: table;
}
#press-container .logos:after {
  clear: both;
}
#press-container .logos h3 {
  font-size: 20px;
  margin-bottom: 8px;
}
#press-container .logos .logo-box {
  width: 375px;
}
#press-container .logos .logo-box .logo-space {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  text-align: center;
  border: 1px solid #dadada;
  border-bottom: none;
  padding: 20px 0;
}
#press-container .logos .logo-box .logo-space img {
  width: 275px;
}
#press-container .logos .logo-box .download-section {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  background: #F8F8F8;
  border: 1px solid #dadada;
}
#press-container .logos .logo-dark {
  float: left;
}
#press-container .logos .logo-dark .logo-space {
  background: #2f2f2f;
}
#press-container .logos .logo-light {
  float: right;
}
#press-container .logos .logo-light .logo-space {
  background: #FFF;
}
#press-container .screenshots .in {
  background-color: #FFF;
  border: 1px solid #dadada;
  width: 100%;
  float: left;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-left: 20px;
}
#press-container .screenshots .logo,
#press-container .screenshots .screenshot {
  margin: 25px 34px;
  display: inline-block;
  text-align: center;
}
#press-container .screenshots .logo img,
#press-container .screenshots .screenshot img {
  width: 200px;
  margin-bottom: 10px;
}
#press-container .screenshots .logo img.dark,
#press-container .screenshots .screenshot img.dark {
  background-color: #2f2f2f;
}
.about-verbling {
  width: 98%;
  max-width: 900px;
  margin: 20px auto;
}
.about-verbling header {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  height: 200px;
  background: red;
  border: 1px solid #dadada;
  border-bottom: none;
  background: url("/img/kendra_bg.png") -60px -30px;
}
.about-verbling nav {
  text-align: center;
  padding: 15px;
  margin-bottom: 0;
}
.about-verbling nav a {
  font-size: 17px;
  padding-right: 0;
  color: #747474;
  font-weight: 200;
  margin-right: 50px;
  position: relative;
  text-align: center;
  display: inline-block;
}
.about-verbling nav a:hover {
  color: #303030;
}
.about-verbling nav a.selected {
  font-weight: 200;
  color: #303030;
}
.about-verbling nav a.selected:after,
.about-verbling nav a.selected:before {
  bottom: -16px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.about-verbling nav a.selected:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fbfbfb;
  border-width: 10px;
  margin-left: -10px;
}
.about-verbling nav a.selected:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #dadada;
  border-width: 11px;
  margin-left: -11px;
}
.about-verbling .about-content {
  background: #fbfbfb;
  padding: 30px;
  font-weight: 200;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  color: #444;
  overflow: hidden;
}
.about-verbling .about-content .floated-content {
  *zoom: 1;
}
.about-verbling .about-content .floated-content:before,
.about-verbling .about-content .floated-content:after {
  content: "";
  display: table;
}
.about-verbling .about-content .floated-content:after {
  clear: both;
}
.about-verbling .about-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
  font-weight: 200;
}
.about-verbling .about-content p {
  font-size: 16px;
  margin-bottom: 25px;
  line-height: 1.4em;
}
.about-verbling .about-content section.left-majority {
  float: left;
  width: 60%;
}
.about-verbling .about-content section.right-minority {
  float: right;
  width: 35%;
  margin-bottom: 20px;
}
.about-verbling .jobs ul.benefits {
  list-style-position: outside !important;
}
.about-verbling .jobs ul.benefits li {
  margin: 10px 0;
  line-height: 120%;
}
.about-verbling .jobs .collage {
  width: 110%;
  background: url("/img/about-bg-1.jpg");
  background-size: cover;
  height: 339px;
  margin: 0 -30px 25px -30px;
}
.about-verbling .jobs .email-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 35px;
  padding: 20px;
  background-color: #efefef;
  text-align: center;
  font-size: 17px;
}
.about-verbling .jobs .jobs-listing section {
  *zoom: 1;
  background: #FFF;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  padding: 20px 20px 0 20px;
}
.about-verbling .jobs .jobs-listing section:before,
.about-verbling .jobs .jobs-listing section:after {
  content: "";
  display: table;
}
.about-verbling .jobs .jobs-listing section:after {
  clear: both;
}
.about-verbling .jobs .jobs-listing section .icon-minus {
  display: none;
}
.about-verbling .jobs .jobs-listing section h2,
.about-verbling .jobs .jobs-listing section h3 {
  display: inline-block;
  font-size: 18px;
  font-weight: 200;
}
.about-verbling .jobs .jobs-listing section h4 {
  margin: 15px 0;
  font-weight: 200;
}
.about-verbling .jobs .jobs-listing section button.btn-green {
  margin: 15px auto;
  padding-left: 40px;
  padding-right: 40px;
}
.about-verbling .jobs .jobs-listing section .job-title {
  cursor: pointer;
}
.about-verbling .jobs .jobs-listing section .job-details {
  display: none;
}
.about-verbling .jobs .jobs-listing section .apply-bar {
  margin-top: 10px;
}
.about-verbling .jobs .jobs-listing section .apply-bar button,
.about-verbling .jobs .jobs-listing section .apply-bar .email {
  float: left;
}
.about-verbling .jobs .jobs-listing section .apply-bar .email {
  padding: 25px 0 0 15px;
}
.about-verbling .jobs .jobs-listing section:nth-child(odd) {
  background: #F5F5F5;
}
.about-verbling .jobs .jobs-listing section:first-child {
  border-top: 1px solid #cbcbcb;
}
.about-verbling .jobs .jobs-listing section.show .icon-minus {
  display: block;
}
.about-verbling .jobs .jobs-listing section.show .icon-plus {
  display: none;
}
.about-verbling .about-us .youtube-lite .preview {
  height: 165px;
  margin-bottom: 25px;
}
.about-verbling .about-us .google-map {
  height: 200px;
}
.about-verbling .about-us .feature-callout {
  *zoom: 1;
  padding: 30px;
  background: #3498db;
}
.about-verbling .about-us .feature-callout:before,
.about-verbling .about-us .feature-callout:after {
  content: "";
  display: table;
}
.about-verbling .about-us .feature-callout:after {
  clear: both;
}
.about-verbling .about-us .feature-callout section {
  color: #FFF;
  width: 225px;
  margin-right: 51px;
  float: left;
}
.about-verbling .about-us .feature-callout section h4 {
  font-size: 18px;
  border-bottom: 3px solid #FFF;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 4px;
  margin-bottom: 15px;
}
.about-verbling .about-us .feature-callout section p {
  font-size: 14px;
  font-weight: 200;
}
.about-verbling .about-us .feature-callout section:last-child {
  margin-right: 0;
}
@media (max-width: 800px) {
  .about-verbling .collage {
    width: 120%!important;
  }
  .about-verbling .left-majority {
    width: 100%!important;
  }
  .about-verbling .right-minority {
    width: 100%!important;
  }
  .about-verbling .right-minority .youtube-lite .preview {
    height: 304px;
  }
}
.filter-bar .filter-by {
  width: 100px;
  padding: 25px 20px;
}
.filter-bar .filter-by:hover {
  background: none;
}
.filter-bar nav {
  width: 100%;
}
.filter-bar nav ul {
  background: #efefef;
  padding: 0 20px;
  border-radius: 10px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.filter-bar nav ul li {
  float: left;
  text-align: center;
  width: 200px;
}
.filter-bar nav ul li .icon-chevron-down {
  float: right;
}
.filter-bar nav ul ul {
  display: none;
}
.filter-bar nav ul:after {
  content: "";
  clear: both;
  display: block;
}
.filter-bar nav ul li:hover > ul {
  display: block;
}
.filter-bar nav ul li {
  float: left;
}
.filter-bar nav ul li:hover {
  background: #4b545f;
}
.filter-bar nav ul li:hover a {
  color: #fff;
}
.filter-bar nav ul li a {
  display: block;
  padding: 25px 40px;
  color: #757575;
  text-decoration: none;
}
.filter-bar nav ul ul {
  background: #5f6975;
  border-radius: 0px;
  padding: 0;
  position: absolute;
  top: 100%;
}
.filter-bar nav ul ul li {
  float: none;
  border-top: 1px solid #6b727c;
  border-bottom: 1px solid #575f6a;
  position: relative;
}
.filter-bar nav ul ul li a {
  padding: 15px 40px;
  color: #fff;
}
.filter-bar nav ul ul li a:hover {
  background: #4b545f;
}
.filter-bar nav ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.t_ContentContainer .admin-tutor-session {
  width: 270px;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container {
  *zoom: 1;
  position: relative;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container:before,
.t_ContentContainer .admin-tutor-session .tutor-session-container:after {
  content: "";
  display: table;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container:after {
  clear: both;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .profile-pic {
  float: left;
  height: 50px;
  width: 50px;
  background-size: cover;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container {
  position: absolute;
  width: 100%;
  padding-left: 55px;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time {
  font-size: 14px;
  width: 60%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  color: #fff;
  position: absolute;
  right: 0;
  top: -4px;
  font-size: 12px;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Available {
  background: #46a162;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Upcoming {
  background: #25aacc;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Reserved,
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Refunded,
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Finished {
  background: #CDCFC4;
  color: #000;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Cancelled {
  background: #e7622e;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Unreserved {
  background: #CDCFC4;
  color: #000;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .session-info .date-time .state.Session {
  background: #25aacc;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .actions .block-session,
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .actions .cancel-session,
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .actions .delete-session {
  color: #e7622e;
}
.t_ContentContainer .admin-tutor-session .tutor-session-container .info-container .actions .view-session {
  color: #25aacc;
}
.youtube-lite {
  background-color: #1B1B1B;
}
.youtube-lite .preview {
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  background-size: cover;
  background-position: center;
}
.youtube-lite .preview i {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 21px;
  color: #fff;
  cursor: pointer;
  padding: 12px 25px 12px 29px;
  background-color: #000;
  opacity: 0.8;
  position: relative;
  top: 44%;
  margin-top: -20px;
}
.youtube-lite .preview:hover i {
  background-color: #e52d27;
  opacity: 1;
}
.youtube-lite iframe {
  background-color: #000;
  width: 100%;
  height: 100%;
}
.youtube-lite.no-thumbnail .preview {
  background-image: none !important;
}
.paginator {
  *zoom: 1;
  margin: 10px;
  font-weight: 200;
  font-size: 15px;
  float: left;
  color: #777777;
}
.paginator:before,
.paginator:after {
  content: "";
  display: table;
}
.paginator:after {
  clear: both;
}
.paginator .info,
.paginator .loading-page {
  margin-bottom: 10px;
  white-space: nowrap;
}
.paginator .loading-page {
  display: none;
}
.paginator ul {
  list-style: none;
}
.paginator li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  border: 1px solid #C0C0C0;
  cursor: pointer;
  padding: 4px 14px 2px;
  min-width: 25px;
  line-height: 20px;
  text-align: center;
}
.paginator li.elip {
  border: 0px;
  cursor: default;
  color: #ccc;
}
.paginator li.num:hover {
  border: 1px solid #C0C0C0;
}
.paginator li.next:hover {
  border: 1px solid #C0C0C0;
}
.paginator li.prev:hover {
  border: 1px solid #C0C0C0;
}
.paginator li.active {
  border: 1px solid #797979;
  color: #000;
  cursor: default;
}
#groups-container {
  padding: 25px 4%;
  max-width: 1000px;
  margin: 0 auto;
}
#groups-container h2 {
  margin: 7px 0 18px;
  float: left;
  font-size: 22px;
  font-weight: 200;
}
#groups-container .community-teacher-promo {
  *zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 625px;
  margin: 0 auto 40px auto;
  border: 1px solid #D3D3D3;
  background: #FFF;
  cursor: pointer;
}
#groups-container .community-teacher-promo:before,
#groups-container .community-teacher-promo:after {
  content: "";
  display: table;
}
#groups-container .community-teacher-promo:after {
  clear: both;
}
#groups-container .community-teacher-promo .profile-picture {
  float: left;
  width: 100px;
  height: 100px;
  background-size: cover;
}
#groups-container .community-teacher-promo .content {
  margin-left: 100px;
  text-align: center;
}
#groups-container .community-teacher-promo .one {
  font-size: 18px;
  font-weight: bold;
  margin-top: 9px;
}
#groups-container .community-teacher-promo .two {
  font-weight: 200;
  font-size: 18px;
  margin-top: 8px;
}
#groups-container .community-teacher-promo .three {
  font-weight: 200;
  font-size: 15px;
  color: #575757;
  margin-top: 10px;
}
#groups-container .community-teacher-promo:hover {
  border-color: #429731;
  box-shadow: 0 0 10px #ABD0A8;
}
#groups-container .create {
  float: right;
}
#groups-container .no-languages {
  display: none;
}
#groups-container .group-list {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  float: left;
  width: 100%;
}
#groups-container .group-list h1 {
  clear: both;
  padding: 30px 30px;
  width: 100%;
  font-size: 14px !important;
  background-color: #fff;
  text-align: center;
}
#groups-container .group-list .group {
  text-align: left;
  padding: 15px;
  float: left;
  width: 100%;
  height: 56px;
  cursor: pointer;
  border-bottom: 1px solid #e3e3e3;
}
#groups-container .group-list .group .title {
  font-size: 14px;
  float: left;
  width: 55%;
  margin-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 25px;
  color: #777;
}
#groups-container .group-list .group .title span {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
#groups-container .group-list .group .full {
  float: right;
  margin: 5px 5px 4px;
  color: #777;
}
#groups-container .group-list .group .host-starting {
  font-size: 14px;
  right: 20px;
  top: 15px;
  text-align: right;
  font-weight: 200;
  margin: 4px;
  color: #999;
}
#groups-container .group-list .group .join-btn {
  float: right;
  margin: 4px;
}
#groups-container .group-list .group .join-btn i {
  font-size: 11px;
}
#groups-container .group-list .group .participants {
  *zoom: 1;
  width: 45%;
  float: right;
}
#groups-container .group-list .group .participants:before,
#groups-container .group-list .group .participants:after {
  content: "";
  display: table;
}
#groups-container .group-list .group .participants:after {
  clear: both;
}
#groups-container .group-list .group .participants .user-wrap {
  width: 10%;
  float: right;
  display: block;
}
#groups-container .group-list .group .participants .user-wrap .user {
  -moz-box-shadow: 0 0 0 1px #d8d8d8;
  -webkit-box-shadow: 0 0 0 1px #d8d8d8;
  box-shadow: 0 0 0 1px #d8d8d8;
  border-collapse: separate;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background-color: #eee;
  background-size: cover;
}
#groups-container .group-list .group .participants .googler {
  background-image: url("/img/logo_7575.png");
  overflow: hidden;
}
#groups-container .group-list .group:hover {
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-collapse: separate;
  position: relative;
}
#groups-container .group-list .group.full {
  background-color: #F8F8F8;
  cursor: default;
}
#groups-container .group-list .group.full:hover {
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border-collapse: separate;
}
@media (max-width: 720px) {
  #groups-container .community-teacher-promo {
    display: none;
  }
  #groups-container .participants {
    width: 37% !important;
  }
  #groups-container .title {
    width: 62% !important;
  }
}
[class^="verbicon-"]:before,
[class*=" verbicon-"]:before {
  font-family: "verbicon";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.verbicon-class:before,
.verbicon-diploma:before,
.verbicon-talking:before,
.verbicon-teacher:before,
.verbicon-team:before,
.verbicon-tutoring:before {
  font-family: "verbicon";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
a [class^="verbicon-"],
a [class*=" verbicon-"] {
  display: inline-block;
  text-decoration: inherit;
}
.verbicon-large:before {
  vertical-align: top;
  font-size: 1.333em;
}
.btn [class^="verbicon-"],
.btn [class*=" verbicon-"] {
  line-height: 0.9em;
}
li [class^="verbicon-"],
li [class*=" verbicon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .verbicon-large[class^="verbicon-"],
li .verbicon-large[class*=" verbicon-"] {
  width: 1.875em;
}
li[class^="verbicon-"],
li[class*=" verbicon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="verbicon-"]:before,
li[class*=" verbicon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="verbicon-"].verbicon-large:before,
li[class*=" verbicon-"].verbicon-large:before {
  text-indent: -1.333em;
}
.verbicon-class:before {
  content: "\e001";
}
.verbicon-diploma:before {
  content: "\e002";
}
.verbicon-talking:before {
  content: "\e003";
}
.verbicon-teacher:before {
  content: "\e004";
}
.verbicon-team:before {
  content: "\e005";
}
.verbicon-tutoring:before {
  content: "\e006";
}
.filter-group {
  margin-bottom: 10px;
  font-weight: 200;
  font-size: 15px;
  float: left;
  width: 100%;
}
.filter-group .navbar-collapse {
  padding: 0px;
}
.filter-group .navbar {
  margin-bottom: 0;
}
.filter-group .navbar-nav li {
  border-right: 1px solid #E0E0E0;
}
.filter-group .navbar-nav li:last-child {
  border-right: 0px;
}
.filter-group .dropdown .dropdown-menu {
  max-height: 350px;
  min-width: 175px;
  overflow-y: auto;
  overflow-x: hidden;
}
.filter-group .dropdown .dropdown-menu a {
  font-size: 13px;
  font-weight: 200 !important;
}
.filter-group .dropdown .dropdown-menu a i {
  margin-right: 4px;
}
.filter-group .dropdown .dropdown-menu li {
  border-right: none;
}
.filter-group .dropdown .dropdown-menu .filter-value .icon-ok-circle {
  display: none;
}
.filter-group .dropdown .dropdown-menu .filter-value.checked .icon-ok-circle {
  display: inline-block;
}
.filter-group .dropdown .dropdown-menu .filter-value.checked .icon-circle-blank {
  display: none;
}
.filter-group .dropdown .dropdown-toggle {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-group .tabs a {
  color: #888;
  float: left;
}
.filter-group .tabs a.active {
  color: #000 !important;
  font-weight: bold;
}
.filter-group .tabs a:hover {
  color: #000;
}
.filter-group .tabs a:hover {
  text-decoration: none;
}
.filter-group .selected-bullets {
  *zoom: 1;
}
.filter-group .selected-bullets:before,
.filter-group .selected-bullets:after {
  content: "";
  display: table;
}
.filter-group .selected-bullets:after {
  clear: both;
}
.filter-group .selected-bullets li {
  margin-top: 3px;
  margin-right: 5px;
  background-color: #fff;
  padding: 0 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #6f6f6f;
  line-height: 28px;
  display: block;
  float: left;
  cursor: pointer;
  border: 1px solid #ddd;
}
.filter-group .selected-bullets li h6 {
  color: #6f6f6f;
  margin: 0;
  line-height: 28px;
  font-size: 12px;
  text-transform: uppercase;
}
.cal {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #CCC;
  position: relative;
}
.cal .week {
  overflow: hidden;
}
.cal .controls {
  *zoom: 1;
  text-align: left;
  font-size: 18px;
  padding: 10px;
}
.cal .controls:before,
.cal .controls:after {
  content: "";
  display: table;
}
.cal .controls:after {
  clear: both;
}
.cal .controls div {
  float: left;
}
.cal .controls .title {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}
.cal .controls .title .icon-spinner {
  font-size: 40px;
}
.cal .controls .prev,
.cal .controls .next {
  -webkit-transition: all 300ms all ease-out;
  -moz-transition: all 300ms all ease-out;
  transition: all 300ms all ease-out;
  -webkit-transition: 300ms all;
  -o-transition: 300ms all;
  transition: 300ms all;
  display: block;
  color: #1f9ee7;
  position: relative;
  z-index: 10;
}
.cal .controls .prev i,
.cal .controls .next i {
  padding: 0 5px;
}
.cal .controls .prev:hover,
.cal .controls .next:hover {
  text-decoration: none;
}
.cal .controls .prev {
  float: left;
}
.cal .controls .prev:hover {
  left: -3px;
}
.cal .controls .next {
  float: right;
}
.cal .controls .next:hover {
  left: 3px;
}
.cal .controls .cal-selector {
  float: right;
  text-align: right;
}
.cal .controls .cal-selector .export {
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #25aacc;
  cursor: pointer;
  color: white;
}
.cal .controls .cal-selector .export .icon-cloud-upload {
  margin-right: 10px;
}
.cal .tz-notice {
  text-align: center;
  font-weight: 200;
  margin-top: 5px;
}
.cal .tz-notice .tz-aligned,
.cal .tz-notice .tz-unaligned {
  display: none;
}
.cal .top {
  margin-top: 10px;
}
.cal .top td {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal .top td.small {
  border: 0px;
  text-align: center;
}
.cal .bottom td {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal .bottom td.small {
  border: 0px;
  text-align: center;
}
.cal .week {
  height: 1010px;
  width: 100%;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  overflow-x: hidden;
  position: relative;
}
.cal .box-select-selected {
  background-color: #c5f2be;
}
.cal table {
  table-layout: fixed;
  width: 100%;
  font-size: 12px;
}
.cal table.day {
  height: 1008px;
  position: absolute !important;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background-color: #FFF;
}
.cal table.hour {
  position: absolute !important;
  top: 0px;
  left: 0px;
}
.cal table.hour tr:hover {
  background-color: rgba(204, 204, 204, 0.2) !important;
}
.cal table .today-line {
  border-bottom: 1px solid #E7622E;
  z-index: 500;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
  position: absolute;
}
.cal table tr,
.cal table td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cal table tr {
  height: 20px;
}
.cal table .day-row {
  height: 100%;
}
.cal table .day-col {
  position: relative;
  height: 100%;
}
.cal table .day-col .events {
  width: 100%;
  position: relative;
  height: 100%;
}
.cal table .day-col .events .event {
  color: #333;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  padding: 3px;
  width: 100%;
  background-color: #DAF2CC;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  /*&.red {
          background-color:#e7622e;
          color: #fff;
        }*/
}
.cal table .day-col .events .event:hover {
  text-decoration: none;
}
.cal table .day-col .events .event strong {
  font-size: 14px;
}
.cal table .day-col .events .event.green {
  background-color: #44B34E;
  color: #fff;
}
.cal table .day-col .events .event.blue {
  background-color: #1aaad2;
  color: #fff;
}
.cal table .day-col .events .event.orange {
  background-color: #ffc067;
}
.cal table .day-col .events .event.gray,
.cal table .day-col .events .event.red {
  background-color: #CDCFC4;
}
.cal table .day-col .events .event.yellow {
  background-color: #ffbf46;
}
.cal table .day-col.today {
  background-color: rgba(217, 229, 245, 0.4);
}
.cal table td div {
  width: 14.28571428571429%;
  height: 20px;
  float: left;
}
.cal table .major {
  border-bottom: 1px dotted #CCC;
}
.cal table .minor {
  border-bottom: 1px solid #CCC;
}
.cal table .small {
  text-align: right;
  width: 80px;
  background-color: #fff;
  font-size: 13px;
  padding: 0 8px 0 0;
}
.cal .week table {
  position: relative;
}
.cal .no-events {
  font-size: 18px;
  text-align: center;
  display: none;
  padding: 25px;
}
.cal.week-scroll {
  overflow: hidden!important;
}
.cal.week-scroll .week {
  overflow-y: scroll;
  height: 375px!important;
}
.cal.availability .major div,
.cal.availability .minor div {
  border-right: 1px solid rgba(120, 120, 120, 0.4);
}
.cal.availability .major div:last,
.cal.availability .minor div:last {
  border-right: none;
}
.cal.availability .hour-select-pending {
  background-color: #cff1c2;
}
.cal.availability .hour-select-selected.hour-select-remove {
  background-color: #efefef !important;
}
.cal.availability .hour-select-mod-add {
  background-color: #cff1c2;
  cursor: pointer;
}
.cal.availability .hour-select-selected {
  background-color: #cff1c2;
  cursor: pointer;
}
.cal.availability .hour-select-mod-del {
  background-color: #e7e7e7;
  cursor: pointer;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #ffffff 10px, #ffffff 15px);
}
.cal.availability .hour-tutoring-booked {
  background-color: #53bc7e;
}
.cal.availability .hour-class-booked {
  background-color: #1aaad2;
}
.cal.availability .hour-hovering {
  border: 2px solid #53bc7e;
  background-color: rgba(83, 188, 126, 0.7);
  cursor: pointer;
}
.cal.availability .hour-hovering-top {
  border: 2px solid #53bc7e;
  background-color: rgba(83, 188, 126, 0.7);
  cursor: pointer;
  border-bottom: none;
}
.cal.availability .hour-hovering-bottom {
  border: 2px solid #53bc7e;
  background-color: rgba(83, 188, 126, 0.7);
  cursor: pointer;
  margin-top: -1px;
  height: 21px;
  border-top: none;
}
body.show-global-promo .checkout header {
  top: 50px;
}
.paypal-processing {
  text-align: center;
  font-size: 25px;
}
.checkout {
  max-width: 730px;
  margin: 0 auto;
  margin-top: 50px;
}
.checkout header {
  height: 65px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #2f2f2f;
}
.checkout header a {
  background: url("/img/checkout-logo.png") center center no-repeat;
  width: 130px;
  height: 65px;
  margin: 0 auto;
  display: block;
}
.checkout .left,
.checkout .right {
  margin-top: 30px;
}
.checkout .left {
  float: left;
  width: 300px;
}
.checkout .right {
  float: right;
  width: 400px;
}
.checkout hr {
  width: 90%;
  border: 0;
  outline: 0;
  height: 1px;
  background-color: #d7d7d7;
  float: left;
  clear: both;
  margin: 60px 5% 40px;
}
.checkout i.icon-spin {
  display: inline-block !important;
}
.checkout .payment-div {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #cecece;
  padding: 20px;
}
.checkout .submit-payment-button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #1fb45e;
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  margin-top: 21px;
  display: block;
  color: #fff;
  font-weight: 200;
}
.checkout .submit-payment-button:hover {
  text-decoration: none;
  background-color: #28bd67;
}
.checkout h1,
.checkout h2 {
  text-align: center;
  font-weight: 200;
  color: #353535;
}
.checkout h1 {
  font-size: 42px;
  margin-bottom: 10px;
}
.checkout h2 {
  font-size: 21px;
  color: #5A5A5A;
}
.checkout h2.gift-head span {
  padding: 0 10px;
}
.checkout .order-info {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 1px solid #dbdbdb;
  position: relative;
  padding: 20px 20px 70px 20px;
  font-weight: 200;
}
.checkout .order-info h3 {
  font-size: 19px;
  margin-bottom: 10px;
  font-weight: 200;
}
.checkout .order-info .rocktober .plus {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.checkout .order-info .rocktober .text {
  font-size: 16px;
  text-align: center;
  padding: 0 5px;
  margin: 5px 0 21px;
}
.checkout .order-info .terms {
  margin-top: 10px;
  padding-top: 25px;
  border-top: 1px solid #DDD;
}
.checkout .order-info .terms h4 {
  font-size: 13px;
  text-transform: uppercase;
}
.checkout .order-info .terms p {
  font-size: 13px;
  margin-top: 10px;
}
.checkout .order-info .points {
  margin-top: 10px;
  padding: 25px 0 10px 15px;
  border-top: 1px solid #DDD;
}
.checkout .order-info .points div {
  font-size: 14px;
  margin-bottom: 10px;
}
.checkout .order-info .points div i {
  color: #1da741;
  padding-right: 10px;
}
.checkout .order-info .options {
  padding: 8px 0 10px 13px;
}
.checkout .order-info .options a {
  display: block;
  padding: 6px;
  font-size: 13px;
  position: relative;
  top: -2px;
  color: #333;
}
.checkout .order-info .options a .savings {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 2px;
  color: #1fb45e;
  display: block;
  margin: 2px 0 0 20px;
}
.checkout .order-info .options a .current-plan {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 2px;
  color: #7e7e7e;
}
.checkout .order-info .options a .icon-circle {
  display: none;
}
.checkout .order-info .options a i {
  padding-right: 6px;
  font-size: 13px;
}
.checkout .order-info .options a.disabled {
  color: #7e7e7e;
}
.checkout .order-info .options a.disabled:hover {
  cursor: default;
  color: #7e7e7e;
  font-weight: 200;
}
.checkout .order-info .options a.selected {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  color: #000;
  font-weight: normal;
  border: 1px solid #D8D8D8;
}
.checkout .order-info .options a.selected i {
  color: #1fb45e;
}
.checkout .order-info .options a.selected .icon-circle {
  display: inline-block;
}
.checkout .order-info .options a.selected .icon-circle-blank {
  display: none;
}
.checkout .order-info .options a:hover {
  text-decoration: none;
  color: #000;
  font-weight: normal;
}
.checkout .order-info .price {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
  padding: 15px 20px;
  font-size: 18px;
}
.checkout .order-info .price .amount {
  float: right;
  font-weight: normal;
}
.checkout .verbling-credit {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #cecece;
  padding: 20px;
}
.checkout .verbling-credit .submit-verbling-credit {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #1fb45e;
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  margin-top: 21px;
  display: block;
  color: #fff;
  font-weight: 200;
}
.checkout .verbling-credit .submit-verbling-credit:hover {
  text-decoration: none;
  background-color: #28bd67;
}
.checkout .current-card {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #cecece;
  padding: 20px;
}
.checkout .current-card .card-type {
  opacity: 0.8;
  width: 54px;
  height: 33px;
  display: inline-block;
}
.checkout .current-card .card-type.visa {
  background: url("/img/icon-visa.png");
}
.checkout .current-card .card-type.americanexpress {
  background: url("/img/icon-americanexpress.png");
}
.checkout .current-card .card-type.mastercard {
  background: url("/img/icon-mastercard.png");
}
.checkout .current-card .card-type.discover {
  background: url("/img/icon-discover.png");
}
.checkout .current-card .card-type.jcb {
  background: url("/img/icon-jcb.png");
}
.checkout .current-card .card-type.dinersclub {
  background: url("/img/icon-dinersclub.png");
}
.checkout .current-card .card-type.verbling {
  background: url("/img/verbling-cc.png");
}
.checkout .current-card .info {
  display: inline-block;
  font-weight: 200;
  padding-left: 15px;
  position: relative;
  top: -2px;
}
.checkout .current-card .info p {
  text-transform: capitalize;
  font-size: 15px;
  margin-bottom: 2px;
}
.checkout .current-card .info a {
  color: #0a82ba;
  font-size: 13px;
  font-weight: normal;
}
.checkout .current-card .submit-stripe,
.checkout .current-card .submit-verbling {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #1fb45e;
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  margin-top: 21px;
  display: block;
  color: #fff;
  font-weight: 200;
}
.checkout .current-card .submit-stripe:hover,
.checkout .current-card .submit-verbling:hover {
  text-decoration: none;
  background-color: #28bd67;
}
.checkout .current-card .why {
  color: #666;
  font-size: 12px;
}
.checkout .current-card .fully-covered {
  font-size: 13px;
  color: #818181;
}
.checkout .error {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 20px;
  color: #B95D5D;
  background-color: #FAD2D2;
  border: 1px solid #E4AAAA;
  padding: 10px;
  display: none;
}
.checkout .error h4 {
  font-size: 15px;
}
.checkout .error p {
  font-size: 13px;
  margin-top: 5px;
  color: #333;
}
.checkout .error.active {
  display: block;
}
.checkout .credit-notice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 20px;
  color: #B95D5D;
  background-color: #F5FFF9;
  border: 1px solid #1fb45e;
  padding: 10px;
}
.checkout .credit-notice h4 {
  font-size: 15px;
  color: #00692D;
}
.checkout .credit-notice p {
  font-size: 13px;
  margin-top: 5px;
  color: #333;
}
.checkout .credit-notice.active {
  display: block;
}
.checkout .coupon {
  text-align: center;
}
.checkout .coupon .add-coupon {
  color: #0a82ba;
  display: block;
  margin: 15px auto;
}
.checkout .coupon .enter-coupon,
.checkout .coupon .active-coupon {
  background-color: #f8f8f8;
  border: 1px solid #dbdbdb;
  border-top: 0;
}
.checkout .coupon .enter-coupon {
  *zoom: 1;
  -webkit-transition: all 200ms all ease-out;
  -moz-transition: all 200ms all ease-out;
  transition: all 200ms all ease-out;
  -webkit-transition: 200ms all;
  -o-transition: 200ms all;
  transition: 200ms all;
  display: none;
  padding: 20px;
}
.checkout .coupon .enter-coupon:before,
.checkout .coupon .enter-coupon:after {
  content: "";
  display: table;
}
.checkout .coupon .enter-coupon:after {
  clear: both;
}
.checkout .coupon .enter-coupon label {
  float: left;
  margin-bottom: 6px;
}
.checkout .coupon .enter-coupon input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 1px 1px 2px 0 rgba(120, 120, 120, 0.1);
  -webkit-box-shadow: inset 1px 1px 2px 0 rgba(120, 120, 120, 0.1);
  box-shadow: inset 1px 1px 2px 0 rgba(120, 120, 120, 0.1);
  border-collapse: separate;
  padding: 6px 0 10px 15px;
  border: 1px solid #d0d0d0;
  font-weight: 200;
  font-size: 16px;
  width: 100%;
  float: left;
}
.checkout .coupon .enter-coupon .submit-coupon {
  margin-top: 10px;
}
.checkout .coupon .enter-coupon .invalid-code-message {
  display: none;
}
.checkout .coupon .enter-coupon.invalid-code input {
  border-color: #da5050;
}
.checkout .coupon .enter-coupon.invalid-code .invalid-code-message {
  display: block;
  float: left;
  margin-top: 5px;
  color: #B95D5D;
}
.checkout .coupon .active-coupon {
  *zoom: 1;
  display: none;
  padding: 20px;
}
.checkout .coupon .active-coupon:before,
.checkout .coupon .active-coupon:after {
  content: "";
  display: table;
}
.checkout .coupon .active-coupon:after {
  clear: both;
}
.checkout .coupon .active-coupon div {
  float: left;
  font-size: 15px;
}
.checkout .coupon .active-coupon .remove-coupon {
  float: right;
}
.checkout .coupon .active-coupon .remove-coupon:hover {
  text-decoration: none;
  font-weight: bold;
}
.checkout .teacher-welcome {
  text-align: center;
  font-weight: 200;
  color: #353535;
}
.checkout .teacher-welcome .photo {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url("/img/abby-circle.png") no-repeat;
  width: 98px;
  height: 98px;
  border: 3px solid #fff;
  margin: 20px auto 10px;
  background-size: cover;
}
.checkout .teacher-welcome .quote {
  font-size: 25px;
}
.checkout .teacher-welcome .by {
  font-size: 16px;
  margin-top: 5px;
}
.checkout .or {
  text-align: center;
  padding: 15px;
  font-weight: 200;
  font-size: 18px;
}
.checkout .paypal-button {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #ffffff, #f8f8f8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8f8f8));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d8d8d8;
  width: 100%;
  height: 59px;
  display: block;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 200;
  color: #222;
}
.checkout .paypal-button .paypal-image {
  background: url("/img/paypal-logo.png") no-repeat;
  width: 76px;
  height: 21px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-left: 2px;
}
.checkout .paypal-button:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #cbcbcb;
}
.checkout .fine-print {
  width: 100%;
  margin: 0 auto;
  float: left;
}
.checkout .fine-print h4,
.checkout .fine-print p {
  font-weight: 200;
  padding: 0 5%;
}
.checkout .fine-print h4 {
  font-size: 17px;
  margin-bottom: 6px;
}
.checkout .fine-print p {
  margin-bottom: 15px;
  font-size: 15px;
}
.checkout .responsive-on {
  display: none;
}
@media (max-width: 740px) {
  .checkout {
    padding: 30px 15px 0;
  }
  .checkout h1 {
    font-size: 28px !important;
  }
  .checkout h2 {
    font-size: 18px !important;
  }
  .checkout .teacher-welcome {
    display: none;
  }
  .checkout .left,
  .checkout .right {
    width: 100%;
    max-width: 300px;
    margin: 25px auto;
    float: none;
  }
  .checkout .cc-box {
    *zoom: 1;
  }
  .checkout .cc-box:before,
  .checkout .cc-box:after {
    content: "";
    display: table;
  }
  .checkout .cc-box:after {
    clear: both;
  }
  .checkout .cc-box input,
  .checkout .cc-box label,
  .checkout .cc-box #exp-year,
  .checkout .cc-box #exp-month {
    width: 100% !important;
  }
  .checkout .cc-box #exp-year {
    margin: 0;
  }
  .checkout .cc-box label[for=exp-year],
  .checkout .cc-box label[for=cvc] {
    margin-top: 10px;
  }
  .checkout .cc-box .submit-cc {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  .checkout .cc-box .card-icons {
    float: left;
  }
  .checkout .responsive-off {
    display: none;
  }
  .checkout .responsive-on {
    display: block;
  }
}
.cc-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #cecece;
  padding: 20px 20px 10px 20px;
  display: none;
}
.cc-box .message {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  width: 400px;
  margin: 0 0 0 -21px;
  position: relative;
  top: -20px;
  margin-top: -1px;
  display: none;
  text-align: center;
  height: 42px;
}
.cc-box .message div {
  padding: 12px 20px;
}
.cc-box .message.red {
  -moz-box-shadow: inset 0 0 5px 0 #f1b3b3;
  -webkit-box-shadow: inset 0 0 5px 0 #f1b3b3;
  box-shadow: inset 0 0 5px 0 #f1b3b3;
  border-collapse: separate;
  background-color: #FAD2D2;
  border-bottom: 1px solid #E4AAAA;
  border-top: 1px solid #E4AAAA;
  color: #B95D5D;
}
.cc-box .message.green {
  -moz-box-shadow: inset 0 0 5px 0 #8ecf83;
  -webkit-box-shadow: inset 0 0 5px 0 #8ecf83;
  box-shadow: inset 0 0 5px 0 #8ecf83;
  border-collapse: separate;
  background-color: #a3e797;
  border-bottom: 1px solid #6ec95e;
  border-top: 1px solid #6ec95e;
  color: #306926;
}
.cc-box label {
  display: block;
  margin-bottom: 6px;
  float: left;
  font-size: 15px;
  font-weight: 200;
  color: #444444;
}
.cc-box label[for=cc-name] {
  width: 100%;
}
.cc-box label[for=cc-number] {
  width: 100%;
}
.cc-box label[for=exp-month] {
  width: 158px;
}
.cc-box label[for=exp-year] {
  width: 105px;
}
.cc-box input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 1px 1px 2px 0 rgba(120, 120, 120, 0.1);
  -webkit-box-shadow: inset 1px 1px 2px 0 rgba(120, 120, 120, 0.1);
  box-shadow: inset 1px 1px 2px 0 rgba(120, 120, 120, 0.1);
  border-collapse: separate;
  padding: 10px 0 10px 15px;
  border: 1px solid #d0d0d0;
  font-weight: 200;
  font-size: 16px;
  font-family: "Lucida Grande";
}
.cc-box input#cc-number,
.cc-box input#cc-name {
  width: 100%;
  margin-bottom: 15px;
}
.cc-box input#cvc {
  width: 95px;
}
.cc-box input:focus {
  -moz-box-shadow: 0 0 2px 1px #9be7cc;
  -webkit-box-shadow: 0 0 2px 1px #9be7cc;
  box-shadow: 0 0 2px 1px #9be7cc;
  border-collapse: separate;
  border-color: #1fb45e;
}
.cc-box input.has-error {
  -moz-box-shadow: 0 0 2px 1px #e5a3a3 !important;
  -webkit-box-shadow: 0 0 2px 1px #e5a3a3 !important;
  box-shadow: 0 0 2px 1px #e5a3a3 !important;
  border-collapse: separate !important;
  border-color: #da5050 !important;
}
.cc-box #exp-month,
.cc-box #exp-year {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(center top, #ffffff, #f9f9f9);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f9f9f9));
  border: 1px solid #d0d0d0;
  float: left;
  height: 41px;
  font-family: "Lucida Grande";
}
.cc-box #exp-month .open,
.cc-box #exp-year .open {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  display: block;
  height: 39px;
  color: #333;
}
.cc-box #exp-month .open span,
.cc-box #exp-year .open span {
  font-weight: 200;
  font-size: 16px;
  padding-left: 5px;
}
.cc-box #exp-month .open i,
.cc-box #exp-year .open i {
  float: right;
}
.cc-box #exp-month .open:hover,
.cc-box #exp-year .open:hover {
  background: #fff;
  text-decoration: none;
}
.cc-box #exp-month .options,
.cc-box #exp-year .options {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 0 2px 1px #9be7cc;
  -webkit-box-shadow: 0 0 2px 1px #9be7cc;
  box-shadow: 0 0 2px 1px #9be7cc;
  border-collapse: separate;
  border: 1px solid #1fb45e;
  display: none;
  background-color: #fff;
  padding: 5px 0;
  position: absolute;
  width: inherit;
  margin: -1px 0 0 -1px;
  z-index: 1;
  max-height: 340px;
}
.cc-box #exp-month .options a,
.cc-box #exp-year .options a {
  display: block;
  padding: 5px 0 5px 14px;
  font-size: 13px;
  color: #000;
}
.cc-box #exp-month .options a:hover,
.cc-box #exp-year .options a:hover {
  text-decoration: none;
  color: #000;
  background-color: #f8f8f8;
}
.cc-box #exp-month.has-error,
.cc-box #exp-year.has-error {
  -moz-box-shadow: 0 0 2px 1px #e5a3a3 !important;
  -webkit-box-shadow: 0 0 2px 1px #e5a3a3 !important;
  box-shadow: 0 0 2px 1px #e5a3a3 !important;
  border-collapse: separate !important;
  border-color: #da5050 !important;
}
.cc-box #exp-month.show .options,
.cc-box #exp-year.show .options {
  display: block;
}
.cc-box #exp-year {
  margin: 0 11px;
  width: 95px;
}
.cc-box #exp-year .options {
  overflow-y: scroll;
  overflow-x: hidden;
}
.cc-box #exp-month {
  width: 145px;
}
.cc-box .submit-cc {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #1fb45e;
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  margin-top: 21px;
  display: block;
  color: #fff;
  font-weight: 200;
}
.cc-box .submit-cc:hover {
  text-decoration: none;
  background-color: #28bd67;
}
.cc-box .card-icons {
  margin-top: 20px;
  opacity: 0.8;
}
.cc-box .card-icons [class^="icon-"],
.cc-box .card-icons [class*="icon-"] {
  width: 54px;
  height: 33px;
  margin: 0 1px;
  display: inline-block;
}
.cc-box .card-icons .icon-visa {
  background: url("/img/icon-visa.png");
}
.cc-box .card-icons .icon-americanexpress {
  background: url("/img/icon-americanexpress.png");
}
.cc-box .card-icons .icon-mastercard {
  background: url("/img/icon-mastercard.png");
}
.cc-box .card-icons .icon-discover {
  background: url("/img/icon-discover.png");
}
.cc-box .card-icons .icon-jcb {
  background: url("/img/icon-jcb.png");
}
.cc-box .card-icons .icon-dinersclub {
  background: url("/img/icon-dinersclub.png");
}
#checkout-success-container {
  text-align: center;
  margin-top: 40px;
  font-weight: 200;
}
#checkout-success-container h1 {
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 200;
}
#checkout-success-container h2 {
  font-size: 20px;
  font-weight: 200;
}
#checkout-success-container .button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #1fb45e;
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  display: block;
  color: #fff;
  margin: 28px auto;
  width: 250px;
  font-weight: 200;
}
#checkout-success-container .button:hover {
  text-decoration: none;
  background-color: #28bd67;
}
#checkout-success-container .tutoring-bulk .box {
  background-color: #fff;
  border: 1px solid #dadada;
  margin: 0 auto;
  width: 600px;
}
#checkout-success-container .tutoring-bulk .box.light-hover-shadow:hover {
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-collapse: separate;
}
#checkout-success-container .tutoring-bulk .box .title {
  *zoom: 1;
  padding: 15px;
  border-bottom: 1px solid #efefef;
  position: relative;
  background-color: #fcfcfc;
}
#checkout-success-container .tutoring-bulk .box .title:before,
#checkout-success-container .tutoring-bulk .box .title:after {
  content: "";
  display: table;
}
#checkout-success-container .tutoring-bulk .box .title:after {
  clear: both;
}
#checkout-success-container .tutoring-bulk .box .title h2 {
  float: left;
  font-size: 19px;
}
#checkout-success-container .tutoring-bulk .box .title h3 {
  float: left;
  clear: left;
  color: #ACACAC;
  font-weight: 200;
  font-size: 13px;
}
#checkout-success-container .sessions {
  *zoom: 1;
}
#checkout-success-container .sessions:before,
#checkout-success-container .sessions:after {
  content: "";
  display: table;
}
#checkout-success-container .sessions:after {
  clear: both;
}
#checkout-success-container .sessions .session {
  padding: 15px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #efefef;
  text-align: left;
}
#checkout-success-container .sessions .profile-picture {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-size: cover;
  height: 45px;
  width: 45px;
  float: left;
}
#checkout-success-container .sessions .session-info {
  margin-left: 60px;
}
#checkout-success-container .sessions h4 {
  font-weight: 200;
  font-size: 16px;
}
#checkout-success-container .sessions h4.unscheduled {
  margin-top: 10px;
}
#checkout-success-container .sessions h5 {
  font-size: 14px;
  font-weight: 200;
  color: #ACACAC;
  margin-top: 5px;
}
.tutor-hover-card {
  width: 220px;
  padding: 0px;
}
.tutor-hover-card .header {
  position: relative;
  margin: -5px -5px 5px -5px;
  background: #53bc7e;
  padding: 5px 10px;
  height: 47px;
  color: #FFF;
}
.tutor-hover-card .header .profile-picture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #FFF;
  float: left;
  height: 50px;
  width: 50px;
  background-size: cover;
}
.tutor-hover-card .header .teacher-name {
  margin-left: 59px;
  font-weight: normal;
  margin-top: 10px;
  font-size: 15px;
}
.tutor-hover-card .content {
  margin-top: 5px;
  padding: 7px;
  font-size: 13px;
  color: #505050;
}
.tutor-hover-card .content .product {
  font-weight: bold;
  text-align: center;
  margin: 8px 0 11px 0;
}
.tutor-hover-card .content .product-details {
  width: 100%;
  margin-top: 7px;
}
.tutor-hover-card .content .product-details td {
  padding-bottom: 8px;
}
.tutor-hover-card .content .product-details .heading {
  width: 30%;
  font-weight: bold;
}
.tutor-hover-card .content .book-tutoring {
  margin-top: 7px;
  background: #53bc7e;
  padding: 7px 0;
  color: #FFF;
  width: 100%;
}
.emoticons-hover-card {
  width: 96px;
}
.emoticons-hover-card .emoticon {
  cursor: pointer;
  display: inline-block;
  float: left;
  margin: 3px;
}
.emoticons-hover-card .emoticon:hover {
  background-color: #95a5a6;
}
.subscription-hover-card {
  width: 165px;
  padding: 8px;
}
.subscription-hover-card p {
  font-weight: 200;
  font-size: 13px;
  margin-bottom: 4px;
}
.subscription-hover-card p .strong {
  font-weight: bold;
}
.subscription-hover-card button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 0;
  background-color: #27ae60;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
}
.subscription-hover-card .fineprint {
  font-size: 11px;
  color: #abafb0;
}
#messaging-container {
  height: 100%;
  max-width: 1000px;
  margin: 20px auto 0;
  margin-bottom: 200px;
  padding: 0 4%;
  position: relative;
}
#messaging-container #message-thread-wrapper .no-message-selected {
  width: 400px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20%;
}
#messaging-container #message-thread-wrapper .no-message-selected .empty {
  font-weight: 200;
  font-size: 22px;
  color: #CCC;
  margin-bottom: 5px;
}
#messaging-container #message-thread-wrapper .message-thread-base .loading {
  position: absolute;
  top: 20%;
  font-size: 20px;
  left: 50%;
  margin-left: -20px;
}
#messaging-container #messaging-left {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  float: left;
  height: 100%;
  width: 35%;
  border-right: 1px solid #d2d9dd;
  position: relative;
  border: 1px solid #D1D1D1;
  border-right-color: #E4E4E4;
  background-color: #fff;
}
#messaging-container #messaging-right {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  float: right;
  height: 100%;
  width: 65%;
  overflow: hidden;
  position: relative;
  border: 1px solid #D1D1D1;
  border-left: 0;
  background-color: #fff;
}
#messaging-container #messaging-right .deselect-room {
  display: none;
}
#messaging-container .name-filter {
  border-bottom: 1px solid #F0F0F0;
  position: relative;
  z-index: 1;
  width: 90%;
  padding: 15px 10px 10px;
  margin: 0 auto;
}
#messaging-container .name-filter div {
  display: inline-block;
  margin-right: 8px;
  color: #aaa;
  cursor: pointer;
  font-weight: 200;
}
#messaging-container .name-filter div:hover {
  color: #707070;
}
#messaging-container .name-filter div.selected {
  color: #333;
  font-weight: bold;
}
#messaging-container .name-filter div.selected .count {
  font-weight: normal;
}
#messaging-container .name-search {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d2d9dd;
  padding: 7px;
  width: 90%;
  margin: 11px 0 0 15px;
  display: block;
  position: relative;
  z-index: 1;
  float: left;
}
#messaging-container .name-search:after {
  position: absolute;
  font-family: FontAwesome;
  top: 9px;
  right: 19px;
  content: "\f002";
  color: #999999;
}
#messaging-container .rooms-list {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  padding-top: 97px;
  border-bottom: 1px solid #e1e1e1;
}
#messaging-container .rooms-list .empty {
  text-align: center;
  padding: 15px;
  color: #95a5a6;
}
#messaging-container .rooms-list .load-more-rooms {
  text-align: center;
  padding: 20px 0;
  color: #5598dc;
  cursor: pointer;
}
#messaging-container .rooms-list .load-more-rooms i {
  padding-left: 5px;
}
#messaging-container .rooms-list .load-more-rooms:hover {
  color: #2A75C2;
}
#messaging-container .rooms-list .load-more-rooms .loading-more {
  display: none;
  color: #ccc;
}
#messaging-container .rooms-list .load-more-rooms.fetching {
  cursor: default;
}
#messaging-container .rooms-list .load-more-rooms.fetching .loading-more {
  display: inline;
}
#messaging-container .rooms-list .load-more-rooms.fetching .more {
  display: none;
}
#messaging-container .rooms-list .loading {
  text-align: center;
  font-size: 25px;
}
#messaging-container .rooms-list ul {
  list-style: none;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  border-top: 1px solid #e1e1e1;
}
#messaging-container .rooms-list ul.empty {
  background: #ffffff url("/img/messaging-room-empty.png") repeat-y;
  height: 100%;
}
#messaging-container .rooms-list ul li {
  *zoom: 1;
  border-bottom: 1px solid #e1e1e1;
  padding: 11px 10px;
  cursor: pointer;
  position: relative;
}
#messaging-container .rooms-list ul li:before,
#messaging-container .rooms-list ul li:after {
  content: "";
  display: table;
}
#messaging-container .rooms-list ul li:after {
  clear: both;
}
#messaging-container .rooms-list ul li .profile-picture {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 42px;
  width: 42px;
  background-size: cover;
  float: left;
}
#messaging-container .rooms-list ul li .content {
  color: #333;
  float: right;
  width: 100%;
  position: absolute;
  padding: 2px 15px 0 57px;
}
#messaging-container .rooms-list ul li .content .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
}
#messaging-container .rooms-list ul li .content .last-message {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 2px 0;
  font-weight: 200;
  font-size: 13px;
  color: #ADADAD;
}
#messaging-container .rooms-list ul li .content .last-message .emoticon {
  display: inline-block;
}
#messaging-container .rooms-list ul li .content .tag {
  color: #e78522;
}
#messaging-container .rooms-list ul li .meta {
  position: absolute;
  top: 12px;
  right: 10px;
}
#messaging-container .rooms-list ul li .meta .date {
  color: #989a9a;
  font-size: 13px;
  font-weight: 200;
  white-space: nowrap;
}
#messaging-container .rooms-list ul li .meta .new-count {
  color: #586a7b;
  font-weight: bold;
  margin-top: 17px;
}
#messaging-container .rooms-list ul li:hover {
  background-color: #F8F8F8;
}
#messaging-container .rooms-list ul li.unread {
  background: #ecf0f1;
}
#messaging-container .rooms-list ul li.selected {
  background-color: #2B648A;
  border-bottom: 0;
  position: relative;
  top: -1px;
  z-index: 2;
}
#messaging-container .rooms-list ul li.selected .name {
  color: #fff;
}
#messaging-container .rooms-list ul li.selected .last-message,
#messaging-container .rooms-list ul li.selected .date {
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 590px) {
  #messaging-container .deselect-room {
    position: absolute;
    margin-top: -25px;
    display: block !important;
  }
  #messaging-container #messaging-left,
  #messaging-container #messaging-right {
    width: 100%;
  }
  #messaging-container #messaging-left {
    border-right: 1px solid #d1d1d1 !important;
  }
  #messaging-container #messaging-right {
    border-left: 1px solid #d1d1d1 !important;
    display: none;
    margin-top: 20px;
    overflow: visible;
  }
  #messaging-container #messaging-right label[for=enter-to-send],
  #messaging-container #messaging-right #enter-to-send {
    display: none;
  }
  #messaging-container #messaging-right .book-sessions {
    display: none;
  }
  #messaging-container.room-selected #messaging-left {
    display: none;
  }
  #messaging-container.room-selected #messaging-right {
    display: block;
  }
}
#message-thread-wrapper button,
#message-thread-wrapper .send-message,
#message-thread-wrapper .add-attachment {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  padding: 10px 20px;
  white-space: nowrap;
}
#message-thread-wrapper button.green,
#message-thread-wrapper .send-message.green,
#message-thread-wrapper .add-attachment.green {
  background: #27ae60;
  color: #FFF;
}
#message-thread-wrapper button.blue,
#message-thread-wrapper .send-message.blue,
#message-thread-wrapper .add-attachment.blue {
  background: #2880b9;
  color: #FFF;
}
#message-thread-wrapper button:hover,
#message-thread-wrapper .send-message:hover,
#message-thread-wrapper .add-attachment:hover {
  text-decoration: none;
}
#message-thread-wrapper .thread-action {
  -moz-box-shadow: 0 0px 20px 0 rgba(120, 120, 120, 0.1);
  -webkit-box-shadow: 0 0px 20px 0 rgba(120, 120, 120, 0.1);
  box-shadow: 0 0px 20px 0 rgba(120, 120, 120, 0.1);
  border-collapse: separate;
  height: 65px;
  border-bottom: 1px solid #d2d9dd;
  padding: 11px 13px 0 15px;
}
#message-thread-wrapper .thread-action .name,
#message-thread-wrapper .thread-action .time {
  float: left;
}
#message-thread-wrapper .thread-action .name {
  font-size: 13px;
  font-weight: 200;
}
#message-thread-wrapper .thread-action .name span {
  font-size: 15px;
  font-weight: bold;
}
#message-thread-wrapper .thread-action .name a {
  font-size: 20px;
}
#message-thread-wrapper .thread-action .name a:hover {
  text-decoration: none;
  border-bottom: 1px solid #C3DBE7;
}
#message-thread-wrapper .thread-action .time,
#message-thread-wrapper .thread-action .your-time {
  font-size: 13px;
  clear: left;
  color: #ADADAD;
  font-weight: 200;
  margin-top: 3px;
  display: inline;
}
#message-thread-wrapper .thread-action .lang-adv {
  clear: left;
  font-size: 15px;
  font-weight: 200;
  margin-top: 5px;
  float: left;
  font-style: italic;
}
#message-thread-wrapper .thread-action .book-sessions {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: right;
  font-size: 13px;
  font-weight: 200;
  margin-top: 2px;
  color: #fff;
  padding: 10px 15px !important;
  background-color: #27ae60;
  position: absolute;
  right: 10px;
}
#message-thread-wrapper .thread-action .book-sessions:hover {
  background-color: #32B86A;
  text-decoration: none;
}
#message-thread-wrapper .thread-action .more-actions {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  float: right;
  color: #333;
  background: #fff;
  text-decoration: none;
  font-weight: 200;
  margin-top: 5px;
  position: relative;
  z-index: 1;
}
#message-thread-wrapper .thread-action .more-actions i {
  padding-left: 6px;
}
#message-thread-wrapper .thread-action .more-actions .label {
  display: inline-block;
  padding: 9px 10px 9px 4px;
  width: 100%;
  color: #aaa;
  font-weight: 200;
  text-align: right;
}
#message-thread-wrapper .thread-action .more-actions ul {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  display: none;
  list-style-type: none;
  width: 150px;
  border-top: 1px solid #CCCCCC;
  -webkit-overflow-scrolling: touch;
}
#message-thread-wrapper .thread-action .more-actions ul li {
  padding: 9px 15px;
  color: #5F5F5F;
  font-size: 13px;
  font-weight: 200;
}
#message-thread-wrapper .thread-action .more-actions ul li:hover {
  background-color: #F1F1F1;
}
#message-thread-wrapper .thread-action .more-actions:hover {
  -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-collapse: separate;
  border: 1px solid #CCCCCC;
}
#message-thread-wrapper .thread-action .more-actions:hover .label {
  padding: 8px 9px 9px 4px;
  color: #5F5F5F;
}
#message-thread-wrapper .thread-action .more-actions:hover ul {
  display: block;
}
#message-thread-wrapper .message-thread {
  position: absolute;
  top: 65px;
  bottom: 127px;
  width: 100%;
  overflow-x: hidden;
}
#message-thread-wrapper .message-thread .typing {
  padding: 10px;
  color: #95a5a6;
  display: none;
}
#message-thread-wrapper .message-thread .load-more-messages {
  border-bottom: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  text-align: center;
  padding: 11px;
  cursor: pointer;
}
#message-thread-wrapper .message-thread .load-more-messages i {
  padding-left: 5px;
}
#message-thread-wrapper .message-thread .load-more-messages:hover {
  background-color: #F8F8F8;
}
#message-thread-wrapper .message-thread .load-more-messages:active {
  background-color: #F0F0F0;
}
#message-thread-wrapper .message-thread .load-more-messages .loading-more {
  color: #ccc;
  display: none;
}
#message-thread-wrapper .message-thread .load-more-messages.fetching {
  cursor: default;
}
#message-thread-wrapper .message-thread .load-more-messages.fetching .loading-more {
  display: inline;
}
#message-thread-wrapper .message-thread .load-more-messages.fetching .load {
  display: none;
}
#message-thread-wrapper .message-thread .new-messages {
  position: absolute;
  bottom: 0px;
  height: 20px;
  margin: 0 auto;
  display: none;
}
#message-thread-wrapper .message-thread ul {
  list-style: none;
}
#message-thread-wrapper .message-thread ul .no-messages {
  text-align: center;
  padding: 30px 0;
  font-size: 16px;
  font-weight: 200;
  color: #696969;
}
#message-thread-wrapper .message-thread ul li {
  *zoom: 1;
  padding: 5px 10px;
  position: relative;
}
#message-thread-wrapper .message-thread ul li:before,
#message-thread-wrapper .message-thread ul li:after {
  content: "";
  display: table;
}
#message-thread-wrapper .message-thread ul li:after {
  clear: both;
}
#message-thread-wrapper .message-thread ul li.tutoring {
  background-color: #ecf0f1;
}
#message-thread-wrapper .message-thread ul li .profile-picture {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  height: 35px;
  width: 35px;
  background-size: cover;
  position: absolute;
}
#message-thread-wrapper .message-thread ul li .content {
  color: #333;
  float: left;
  margin-top: 0px;
  width: 100%;
  padding: 0 20px 0 48px;
}
#message-thread-wrapper .message-thread ul li .content .message {
  margin: 1px 0 5px;
  font-size: 13px;
  line-height: 19px;
}
#message-thread-wrapper .message-thread ul li .content .message p {
  margin-top: 10px;
}
#message-thread-wrapper .message-thread ul li .content .message p:first-child {
  margin-top: 0;
}
#message-thread-wrapper .message-thread ul li .content .name,
#message-thread-wrapper .message-thread ul li .content .context {
  display: inline-block;
}
#message-thread-wrapper .message-thread ul li .content .name {
  font-weight: bold;
}
#message-thread-wrapper .message-thread ul li .content .context {
  font-size: 12px;
  white-space: nowrap;
}
#message-thread-wrapper .message-thread ul li .content .tag {
  color: #e78522;
}
#message-thread-wrapper .message-thread ul li .content .emoticon {
  display: inline-block;
}
#message-thread-wrapper .message-thread ul li .content a:visited {
  color: #2980b9;
}
#message-thread-wrapper .message-thread ul li .date {
  color: #D1D1D1;
  font-size: 13px;
  font-weight: 200;
  position: absolute;
  top: 6px;
  right: 10px;
}
#message-thread-wrapper .message-thread ul li .attachments .standard {
  *zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #65686B;
  font-weight: 200;
  font-size: 13px;
}
#message-thread-wrapper .message-thread ul li .attachments .standard:before,
#message-thread-wrapper .message-thread ul li .attachments .standard:after {
  content: "";
  display: table;
}
#message-thread-wrapper .message-thread ul li .attachments .standard:after {
  clear: both;
}
#message-thread-wrapper .message-thread ul li .attachments .standard .title {
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  padding: 7px;
  display: block;
  color: #FFF;
  width: 105px;
  float: left;
  border-right: 1px solid rgba(117, 117, 117, 0.14);
}
#message-thread-wrapper .message-thread ul li .attachments .standard .body {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  background: #F8F8F8;
  border: 1px solid rgba(117, 117, 117, 0.14);
  float: left;
  width: 327px;
  padding: 6px;
}
#message-thread-wrapper .message-thread ul li .attachments .standard .body p {
  margin-bottom: 7px;
}
#message-thread-wrapper .message-thread ul li .attachments .standard .body .key {
  color: #3F3F3F;
  font-weight: bold;
}
#message-thread-wrapper .message-thread ul li .attachments .standard .body .value {
  display: inline-block;
  margin-right: 15px;
}
#message-thread-wrapper .message-thread ul li .attachments .attachment-image {
  margin-top: 10px;
}
#message-thread-wrapper .message-thread ul li .attachments .youtube-lite {
  width: 350px;
  height: 197px;
}
#message-thread-wrapper .message-thread ul li .attachments .snd {
  margin-top: 10px;
}
#message-thread-wrapper .message-thread ul li .attachments .snd i {
  font-size: 20px;
}
#message-thread-wrapper .message-thread ul li .attachments .file .title {
  background: #27ae60;
  border-color: #75C798;
}
#message-thread-wrapper .message-thread ul li .attachments .file .body {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-left: 0;
}
#message-thread-wrapper .message-thread ul li .attachments .tutoringrequest .title {
  border-color: #A26EB8;
  background: #9b59b6;
}
#message-thread-wrapper .message-thread ul li .attachments .sessionbooked .title {
  background: #16a085;
  border-color: 1px solid #159178;
}
#message-thread-wrapper .message-thread ul li .attachments .sessioncancelled .title {
  background: #e74c3c;
  border-color: 1px solid #C9483A;
}
#message-thread-wrapper .message-thread ul li .attachments .sessionrescheduled .title {
  background: #e67e22;
  border-color: 1px solid #BD6313;
}
#message-thread-wrapper .message-thread ul li .attachments .sessionstarted .title {
  background: #3498db;
}
#message-thread-wrapper .message-thread ul li .attachments .packagebought .title {
  background: #34495e;
}
#message-thread-wrapper .thread-input {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 127px;
  background: #EEEEEE;
  border-top: 1px solid #d2d9dd;
  padding: 10px;
}
#message-thread-wrapper .thread-input .send-message,
#message-thread-wrapper .thread-input label,
#message-thread-wrapper .thread-input input {
  float: right;
}
#message-thread-wrapper .thread-input .add-attachment,
#message-thread-wrapper .thread-input .attachment-info {
  float: left;
}
#message-thread-wrapper .thread-input .emoticon-select {
  position: absolute;
  right: 30px;
  top: 15px;
  font-size: 16px;
  cursor: pointer;
  color: #95a5a6;
}
#message-thread-wrapper .thread-input .emoticon-select:hover {
  color: #000;
}
#message-thread-wrapper .thread-input textarea {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  resize: none;
  padding: 10px 25px 10px 10px;
  height: 65px;
  border: 1px solid #d2d9dd;
  width: 100%;
  margin-bottom: 4px;
}
#message-thread-wrapper .thread-input .send-message {
  width: 150px;
}
#message-thread-wrapper .thread-input label {
  margin: 10px 15px 10px 10px;
}
#message-thread-wrapper .thread-input .enter-send-box {
  font-size: 13px;
}
#message-thread-wrapper .thread-input .enter-send-box #enter-to-send {
  margin-top: 10px;
}
#message-thread-wrapper .thread-input .add-attachment {
  width: 57px;
  float: left;
  position: relative;
  z-index: 2;
  padding: 10px 0;
}
#message-thread-wrapper .thread-input .add-attachment .icon-spinner {
  display: none;
}
#message-thread-wrapper .thread-input .add-attachment.modal-loading .icon-paper-clip {
  display: none;
}
#message-thread-wrapper .thread-input .add-attachment.modal-loading .icon-spinner {
  display: inline-block;
}
#message-thread-wrapper .thread-input .attachment-info {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: none;
  float: left;
  background-color: #3498db;
  color: #fff;
  margin-left: 4px;
  width: 140px;
  height: 36px;
}
#message-thread-wrapper .thread-input .attachment-info span {
  width: 115px;
  padding: 9px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#message-thread-wrapper .thread-input .remove-attachment {
  float: right;
  color: #fff;
  cursor: pointer;
  margin: 10px 4px 0;
}
#message-thread-wrapper .thread-input .automated-prompt {
  text-align: center;
}
#message-thread-wrapper .thread-input .automated-prompt p {
  font-weight: 200;
  margin-top: 10px;
  font-size: 19px;
}
#message-thread-wrapper .thread-input .automated-prompt .button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 16px;
  font-weight: 200;
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
  margin: 15px 7px 0;
  min-width: 150px;
}
#message-thread-wrapper .thread-input .automated-prompt .button:hover {
  text-decoration: none;
}
#message-thread-wrapper .thread-input .automated-prompt .request-tutor {
  background-color: #27ae60;
}
#message-thread-wrapper .thread-input .automated-prompt .request-tutor:hover {
  background-color: #32B86A;
}
.emoticon {
  background-image: url("/img/emoticons/spritesheet.png");
  background-repeat: no-repeat;
  display: block;
}
.emoticon.emoticon-ambivalent {
  background-position: -5px -5px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-angry {
  background-position: -33px -5px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-confused {
  background-position: -61px -5px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-content {
  background-position: -89px -5px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-cool {
  background-position: -117px -5px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-crazy {
  background-position: -5px -33px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-cry {
  background-position: -33px -33px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-embarrassed {
  background-position: -61px -33px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-footinmouth {
  background-position: -89px -33px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-frown {
  background-position: -117px -33px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-gasp {
  background-position: -5px -61px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-grin {
  background-position: -33px -61px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-heart {
  background-position: -61px -61px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-hearteyes {
  background-position: -89px -61px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-innocent {
  background-position: -117px -61px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-kiss {
  background-position: -5px -89px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-laughing {
  background-position: -33px -89px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-mini-frown {
  background-position: -61px -89px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-mini-smile {
  background-position: -89px -89px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-naughty {
  background-position: -117px -89px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-nerd {
  background-position: -5px -117px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-sealed {
  background-position: -33px -117px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-sick {
  background-position: -61px -117px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-slant {
  background-position: -89px -117px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-smile {
  background-position: -117px -117px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-thumbs-down {
  background-position: -145px -5px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-thumbs-up {
  background-position: -145px -33px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-wink {
  background-position: -145px -61px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-yuck {
  background-position: -145px -89px;
  width: 18px;
  height: 18px;
}
.emoticon.emoticon-yum {
  background-position: -145px -117px;
  width: 18px;
  height: 18px;
}
.unsubscribe-box {
  text-align: center;
}
.unsubscribe-box p {
  padding: 5px;
}
.photos .no-resources {
  margin-top: 100px;
  color: #ccc;
}
.photos li {
  margin: 10px;
  padding: 4px;
  cursor: pointer;
  width: 208px;
  height: 108px;
  *zoom: 1;
}
.photos li:before,
.photos li:after {
  content: "";
  display: table;
}
.photos li:after {
  clear: both;
}
.photos li.load-more {
  font-size: 20px;
  cursor: pointer;
  padding-top: 50px;
  display: none;
}
.photos li .resource-image {
  background-size: cover;
  width: 200px;
  height: 100px;
}
.photos li .resource-info {
  width: 200px;
  height: 100px;
  font-size: 12px;
}
.photos li .resource-info i {
  font-size: 70px;
}
.photos li .resource-name {
  font-weight: 200;
  margin-top: 5px;
  font-size: 15px;
  color: #333;
}
.photos li.selected {
  background-color: #bdc3c7;
}
.photos li.selected .resource-info {
  color: #ecf0f1;
}