.clear, .Clear {
  clear: both; }

.blue, .green {
  color: #3DB7B1 !important; }

.bold {
  font-weight: bold; }

/* Buttons */
.btn {
  border-width: 3px; }

.btn-sm {
  border-width: 2px; }

.btn-primary {
  background: #227f7a !important;
  color: white !important;
  border-color: #227f7a !important;
  box-shadow: none;
  text-shadow: none; }
  .btn-primary.raised {
    box-shadow: 1px 2px 0px 1.5px #175754;
    padding-top: 2px;
    padding-bottom: 2px; }
  .btn-primary:hover {
    border-color: #175754 !important;
    background: #175754 !important; }

.dropdown-toggle.btn-primary {
  border-left: solid 2px #1d6b67 !important; }

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

.btn-orange {
  background-color: #F58025;
  border-color: #F58025;
  color: white; }
  .btn-orange.raised {
    box-shadow: 1px 2px 0px 1.5px #dd660a;
    padding-top: 2px;
    padding-bottom: 2px; }
  .btn-orange:hover {
    background-color: #dd660a;
    border-color: #dd660a;
    color: white; }

.btn-danger {
  background-color: #F58025;
  border-color: #F58025;
  color: white; }
  .btn-danger:hover {
    background-color: #dd660a;
    border-color: #dd660a;
    color: white; }

.btn-default {
  border-color: #ddd; }

.btn {
  box-shadow: none; }

button.upload-button,
a.upload-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 10px;
  border: none;
  padding: 1em 2em;
  font-size: 20pt;
  display: inline-block; }
  button.upload-button.bold,
  a.upload-button.bold {
    font-weight: 400 !important; }
  button.upload-button.small,
  a.upload-button.small {
    font-size: 14pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  @media only screen and (max-width: 768px) {
    button.upload-button.mobile-small,
    a.upload-button.mobile-small {
      padding-top: 0.5em;
      padding-bottom: 0.5em; } }
  button.upload-button.raised,
  a.upload-button.raised {
    box-shadow: 3px 3px 0px 1px #c45b09; }
  button.upload-button.upload-button-top-margin,
  a.upload-button.upload-button-top-margin {
    margin-top: 0.75em; }
  button.upload-button:hover,
  a.upload-button:hover {
    background-color: #dd660a;
    text-decoration: none !important; }
  button.upload-button.upload-button-green,
  a.upload-button.upload-button-green {
    background-color: #2DA7A1; }
    button.upload-button.upload-button-green.raised,
    a.upload-button.upload-button-green.raised {
      box-shadow: 3px 3px 0px 1px #1d6b67; }

.alert-info {
  background: #2DA7A1;
  border-color: #2DA7A1;
  box-shadow: none;
  text-shadow: none;
  color: white; }
  .alert-info a,
  .alert-info a:link,
  .alert-info a:visited {
    color: white; }
  .alert-info a:active,
  .alert-info a:hover {
    color: white;
    text-decoration: underline; }

.panel-info .panel-heading {
  background: #2DA7A1;
  border-color: #2DA7A1;
  text-align: center;
  color: white; }
  .panel-info .panel-heading h3 {
    margin: 0px;
    font-weight: 500; }

button.small-orange-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 5px;
  border: none;
  padding: 0.25em 1em;
  display: block;
  width: 100%;
  font-size: 12pt; }
  button.small-orange-button.upload-button-top-margin {
    margin-top: 0.125em; }
  button.small-orange-button:hover {
    background-color: #dd660a; }

body {
  padding-right: 0px !important; }

.kForm input, .kForm textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.kForm input:focus, .kForm textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.kForm input::-moz-placeholder, .kForm textarea::-moz-placeholder {
  color: #999999;
  opacity: 1; }

.kForm input:-ms-input-placeholder, .kForm textarea:-ms-input-placeholder {
  color: #999999; }

.kForm input::-webkit-input-placeholder, .kForm textarea::-webkit-input-placeholder {
  color: #999999; }

.kForm input::-ms-expand, .kForm textarea::-ms-expand {
  border: 0;
  background-color: transparent; }

.kForm input[disabled], .kForm textarea[disabled],
.kForm input[readonly], .kForm textarea[readonly],
fieldset[disabled] {
  background-color: #eeeeee;
  opacity: 1; }

.kForm input[disabled], .kForm textarea[disabled], fieldset[disabled] {
  cursor: not-allowed; }

textarea.kForm input, .kForm textarea {
  height: auto; }

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

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  line-height: 1.42857143;
  background-color: #ffffff; }

p {
  margin-top: 0;
  margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small,
.h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small,
h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small,
.h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54); }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small,
h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small,
h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%; }

/* These styles are used everywhere, but aren't specific elements */
.dz-preview {
  display: none !important; }

.row-vcenter {
  display: block;
  display: flex;
  align-items: center; }

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

body {
  font-family: "proxima-nova", Helvetica Neue, Arial, sans-serif;
  font-weight: 200;
  background-color: #fafafa;
  color: #333;
  font-size: 12pt; }

html {
  overflow-x: hidden; }

blockquote {
  font-size: 20pt; }
  blockquote.small {
    font-size: 12pt; }
  blockquote footer {
    font-size: 16pt; }
  blockquote.no-bottom-padding {
    padding-bottom: 0;
    margin-bottom: 0; }

ul.errorlist {
  color: red !important;
  font-weight: bold;
  margin-top: 1em; }

small.description {
  font-size: 12pt;
  color: #666;
  margin-bottom: 8px;
  display: block; }

.tiny {
  font-size: 12px; }

p.title {
  font-size: 20pt;
  font-weight: 400; }

p.title.big {
  font-size: 28pt; }

p.title.slightly-big {
  font-size: 24pt; }

p.title.text-left {
  text-align: left; }

p.title.text-right {
  text-align: right; }

p.description {
  font-size: 14pt; }

p.description.big {
  font-size: 20pt; }

p.description.slightly-big {
  font-size: 16pt; }

.pad-section {
  padding-top: 50px;
  padding-bottom: 50px; }

.clear, .Clear {
  clear: both; }

.blue, .green {
  color: #3DB7B1 !important; }

.bold {
  font-weight: bold; }

/* Buttons */
.btn {
  border-width: 3px; }

.btn-sm {
  border-width: 2px; }

.btn-primary {
  background: #227f7a !important;
  color: white !important;
  border-color: #227f7a !important;
  box-shadow: none;
  text-shadow: none; }
  .btn-primary.raised {
    box-shadow: 1px 2px 0px 1.5px #175754;
    padding-top: 2px;
    padding-bottom: 2px; }
  .btn-primary:hover {
    border-color: #175754 !important;
    background: #175754 !important; }

.dropdown-toggle.btn-primary {
  border-left: solid 2px #1d6b67 !important; }

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

.btn-orange {
  background-color: #F58025;
  border-color: #F58025;
  color: white; }
  .btn-orange.raised {
    box-shadow: 1px 2px 0px 1.5px #dd660a;
    padding-top: 2px;
    padding-bottom: 2px; }
  .btn-orange:hover {
    background-color: #dd660a;
    border-color: #dd660a;
    color: white; }

.btn-danger {
  background-color: #F58025;
  border-color: #F58025;
  color: white; }
  .btn-danger:hover {
    background-color: #dd660a;
    border-color: #dd660a;
    color: white; }

.btn-default {
  border-color: #ddd; }

.btn {
  box-shadow: none; }

button.upload-button,
a.upload-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 10px;
  border: none;
  padding: 1em 2em;
  font-size: 20pt;
  display: inline-block; }
  button.upload-button.bold,
  a.upload-button.bold {
    font-weight: 400 !important; }
  button.upload-button.small,
  a.upload-button.small {
    font-size: 14pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  @media only screen and (max-width: 768px) {
    button.upload-button.mobile-small,
    a.upload-button.mobile-small {
      padding-top: 0.5em;
      padding-bottom: 0.5em; } }
  button.upload-button.raised,
  a.upload-button.raised {
    box-shadow: 3px 3px 0px 1px #c45b09; }
  button.upload-button.upload-button-top-margin,
  a.upload-button.upload-button-top-margin {
    margin-top: 0.75em; }
  button.upload-button:hover,
  a.upload-button:hover {
    background-color: #dd660a;
    text-decoration: none !important; }
  button.upload-button.upload-button-green,
  a.upload-button.upload-button-green {
    background-color: #2DA7A1; }
    button.upload-button.upload-button-green.raised,
    a.upload-button.upload-button-green.raised {
      box-shadow: 3px 3px 0px 1px #1d6b67; }

.alert-info {
  background: #2DA7A1;
  border-color: #2DA7A1;
  box-shadow: none;
  text-shadow: none;
  color: white; }
  .alert-info a,
  .alert-info a:link,
  .alert-info a:visited {
    color: white; }
  .alert-info a:active,
  .alert-info a:hover {
    color: white;
    text-decoration: underline; }

.panel-info .panel-heading {
  background: #2DA7A1;
  border-color: #2DA7A1;
  text-align: center;
  color: white; }
  .panel-info .panel-heading h3 {
    margin: 0px;
    font-weight: 500; }

button.small-orange-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 5px;
  border: none;
  padding: 0.25em 1em;
  display: block;
  width: 100%;
  font-size: 12pt; }
  button.small-orange-button.upload-button-top-margin {
    margin-top: 0.125em; }
  button.small-orange-button:hover {
    background-color: #dd660a; }

body {
  padding-right: 0px !important; }

.kForm input, .kForm textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.kForm input:focus, .kForm textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.kForm input::-moz-placeholder, .kForm textarea::-moz-placeholder {
  color: #999999;
  opacity: 1; }

.kForm input:-ms-input-placeholder, .kForm textarea:-ms-input-placeholder {
  color: #999999; }

.kForm input::-webkit-input-placeholder, .kForm textarea::-webkit-input-placeholder {
  color: #999999; }

.kForm input::-ms-expand, .kForm textarea::-ms-expand {
  border: 0;
  background-color: transparent; }

.kForm input[disabled], .kForm textarea[disabled],
.kForm input[readonly], .kForm textarea[readonly],
fieldset[disabled] {
  background-color: #eeeeee;
  opacity: 1; }

.kForm input[disabled], .kForm textarea[disabled], fieldset[disabled] {
  cursor: not-allowed; }

textarea.kForm input, .kForm textarea {
  height: auto; }

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

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  line-height: 1.42857143;
  background-color: #ffffff; }

p {
  margin-top: 0;
  margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small,
.h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small,
h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small,
.h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54); }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small,
h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small,
h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%; }

/* These styles are used everywhere, but aren't specific elements */
.dz-preview {
  display: none !important; }

.row-vcenter {
  display: block;
  display: flex;
  align-items: center; }

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

body {
  font-family: "proxima-nova", Helvetica Neue, Arial, sans-serif;
  font-weight: 200;
  background-color: #fafafa;
  color: #333;
  font-size: 12pt; }

html {
  overflow-x: hidden; }

blockquote {
  font-size: 20pt; }
  blockquote.small {
    font-size: 12pt; }
  blockquote footer {
    font-size: 16pt; }
  blockquote.no-bottom-padding {
    padding-bottom: 0;
    margin-bottom: 0; }

ul.errorlist {
  color: red !important;
  font-weight: bold;
  margin-top: 1em; }

small.description {
  font-size: 12pt;
  color: #666;
  margin-bottom: 8px;
  display: block; }

.tiny {
  font-size: 12px; }

p.title {
  font-size: 20pt;
  font-weight: 400; }

p.title.big {
  font-size: 28pt; }

p.title.slightly-big {
  font-size: 24pt; }

p.title.text-left {
  text-align: left; }

p.title.text-right {
  text-align: right; }

p.description {
  font-size: 14pt; }

p.description.big {
  font-size: 20pt; }

p.description.slightly-big {
  font-size: 16pt; }

.pad-section {
  padding-top: 50px;
  padding-bottom: 50px; }

/* HEADER AND FOOTER */
#footer {
  background-color: #00052d;
  color: #fafafa;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 12pt;
  position: relative; }
  #footer .mixpanel-badge {
    position: absolute;
    right: 10px;
    bottom: 10px; }
  #footer .social-media-container img {
    height: 32px; }
  #footer .social-media-container a.sm-link i {
    color: #3DB7B1;
    font-size: 32px; }
    #footer .social-media-container a.sm-link i.fa-square {
      color: #fafafa; }
    #footer .social-media-container a.sm-link i:hover {
      color: #2DA7A1; }
  #footer .footer-title {
    font-size: 16pt; }
  #footer .copyright {
    margin-top: 30px; }
  #footer a {
    color: #fafafa;
    text-decoration: none; }
    #footer a:link, #footer a:visited {
      color: #fafafa; }
    #footer a:hover {
      text-decoration: underline;
      color: #fafafa; }
    #footer a:active {
      text-decoration: underline;
      color: #fafafa; }

/* Make room for that navbar */
.editrevise-content-container {
  padding-top: 87px; }
  .editrevise-content-container.no-banner {
    padding-top: 55px; }

#navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 4px 2px -2px #ddd;
  transition: background-color 0.5s ease; }
  #navbar a {
    color: #fafafa;
    background-color: transparent;
    outline-color: transparent;
    outline-width: 0px; }
    #navbar a:active, #navbar a:visited, #navbar a:focus {
      background-color: transparent;
      outline-color: transparent;
      outline-width: 0px; }
    #navbar a:link {
      color: #fafafa;
      text-decoration: none; }
    #navbar a:hover {
      text-decoration: underline;
      color: #3DB7B1;
      background: none; }
    #navbar a:active {
      color: #3DB7B1;
      text-decoration: underline; }
    #navbar a:visited {
      color: #fafafa;
      text-decoration: none; }
    #navbar a.outline {
      padding-top: 8px;
      padding-bottom: 8px;
      margin-top: 7px;
      margin-bottom: 7px;
      border: 1px solid white;
      border-radius: 5px; }
      #navbar a.outline:hover, #navbar a.outline:active {
        background: rgba(255, 255, 255, 0.2) !important; }
  #navbar .white-prompt-logo {
    display: none; }
  #navbar.no-banner {
    top: 0px; }
    #navbar.no-banner ~ .editrevise-content-container {
      padding-top: 55px; }
  #navbar a {
    font-size: 12pt; }
  #navbar li.white-link {
    margin-right: 25px; }
    #navbar li.white-link:hover {
      background: none; }
    #navbar li.white-link a {
      color: #2DA7A1; }
      #navbar li.white-link a:link {
        color: #2DA7A1; }
      #navbar li.white-link a:hover {
        color: #3DB7B1; }
      #navbar li.white-link a:active {
        color: #3DB7B1; }
      #navbar li.white-link a:visited {
        color: #2DA7A1; }
  @media (max-width: 768px) {
    #navbar li.white-link {
      margin-right: 25px;
      margin-left: 10px; }
      #navbar li.white-link #btn_login {
        margin-left: 15px; } }
  #navbar a.navbar-brand {
    display: inline;
    padding-top: 6px; }
    #navbar a.navbar-brand img {
      height: 35px; }

#scholarship-banner {
  color: #fafafa;
  background-color: #F58025;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1em;
  min-height: 2em;
  text-align: center;
  border-bottom: 1px solid #dd660a;
  border-top: 1px solid #dd660a;
  font-size: 14pt;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  #scholarship-banner a {
    color: #fafafa;
    background-color: transparent;
    outline-color: transparent;
    outline-width: 0px; }
    #scholarship-banner a:active, #scholarship-banner a:visited, #scholarship-banner a:focus {
      background-color: transparent;
      outline-color: transparent;
      outline-width: 0px; }
    #scholarship-banner a:link {
      color: #fafafa;
      text-decoration: none; }
    #scholarship-banner a:hover {
      text-decoration: underline;
      color: #3DB7B1;
      background: none; }
    #scholarship-banner a:active {
      color: #3DB7B1;
      text-decoration: underline; }
    #scholarship-banner a:visited {
      color: #fafafa;
      text-decoration: none; }
    #scholarship-banner a.outline {
      padding-top: 8px;
      padding-bottom: 8px;
      margin-top: 7px;
      margin-bottom: 7px;
      border: 1px solid white;
      border-radius: 5px; }
      #scholarship-banner a.outline:hover, #scholarship-banner a.outline:active {
        background: rgba(255, 255, 255, 0.2) !important; }
  #scholarship-banner a:hover {
    color: white !important; }
  #scholarship-banner a:active {
    color: #fafafa; }

div.left-pane {
  text-align: center;
  font-size: 12pt;
  box-shadow: inset 0 3px 4px -4px #ddd;
  padding-top: 1em;
  border-top: 1px solid #ddd; }

div.left-pane .modal-body {
  text-align: left; }

div.right-pane {
  background-color: #f1f1f5;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  box-shadow: inset 4px 3px 4px -4px #ddd;
  padding: 2em;
  min-height: 600px; }

img.profile-image {
  max-width: 80%;
  width: 80%;
  border: 1px solid #bbb;
  margin: 0;
  padding: 0; }

span.editor-name {
  font-weight: bold;
  font-size: 16pt; }

span.pay-above-base {
  font-size: 16pt; }

small.detail {
  color: #2DA7A1;
  font-size: 10pt; }

div.right-border-container {
  border-right: 1px solid #bbb;
  padding-top: 10px;
  padding-bottom: 10px; }

hr {
  height: 1px;
  max-height: 1px;
  width: 80%;
  margin: 0 auto;
  padding: 0;
  background-color: #d8e6f3;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

ul.left-nav {
  list-style-type: none;
  margin: 0;
  padding: 0; }

ul.left-nav li {
  display: block;
  font-size: 14pt;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

ul.left-nav li.active a {
  background-color: #2DA7A1;
  color: white; }

ul.left-nav li a {
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-decoration: none;
  color: #0d3331; }

ul.left-nav li a:hover {
  background-color: #ddd; }

ul.left-nav li.active a:hover {
  background-color: #31C2BB; }

li.orange-background a {
  background: #F58025;
  border-radius: 2px;
  color: white !important; }
  li.orange-background a:hover {
    background: #dd660a; }

#edit_details_modal .modal-content, #cancel_payment_modal .modal-content {
  padding-top: 20px !important; }

/*
	This file contains styles for reusable components related to sharing
	NOT styles exclusive to the sharing page
 */
#share_prompt_modal {
  text-align: center; }
  #share_prompt_modal hr {
    margin-top: 20px;
    margin-bottom: 20px; }
  #share_prompt_modal h2, #share_prompt_modal h4 {
    color: #2DA7A1; }

.clear, .Clear {
  clear: both; }

.blue, .green {
  color: #3DB7B1 !important; }

.bold {
  font-weight: bold; }

/* Buttons */
.btn {
  border-width: 3px; }

.btn-sm {
  border-width: 2px; }

.btn-primary {
  background: #227f7a !important;
  color: white !important;
  border-color: #227f7a !important;
  box-shadow: none;
  text-shadow: none; }
  .btn-primary.raised {
    box-shadow: 1px 2px 0px 1.5px #175754;
    padding-top: 2px;
    padding-bottom: 2px; }
  .btn-primary:hover {
    border-color: #175754 !important;
    background: #175754 !important; }

.dropdown-toggle.btn-primary {
  border-left: solid 2px #1d6b67 !important; }

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

.btn-orange {
  background-color: #F58025;
  border-color: #F58025;
  color: white; }
  .btn-orange.raised {
    box-shadow: 1px 2px 0px 1.5px #dd660a;
    padding-top: 2px;
    padding-bottom: 2px; }
  .btn-orange:hover {
    background-color: #dd660a;
    border-color: #dd660a;
    color: white; }

.btn-danger {
  background-color: #F58025;
  border-color: #F58025;
  color: white; }
  .btn-danger:hover {
    background-color: #dd660a;
    border-color: #dd660a;
    color: white; }

.btn-default {
  border-color: #ddd; }

.btn {
  box-shadow: none; }

button.upload-button,
a.upload-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 10px;
  border: none;
  padding: 1em 2em;
  font-size: 20pt;
  display: inline-block; }
  button.upload-button.bold,
  a.upload-button.bold {
    font-weight: 400 !important; }
  button.upload-button.small,
  a.upload-button.small {
    font-size: 14pt;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  @media only screen and (max-width: 768px) {
    button.upload-button.mobile-small,
    a.upload-button.mobile-small {
      padding-top: 0.5em;
      padding-bottom: 0.5em; } }
  button.upload-button.raised,
  a.upload-button.raised {
    box-shadow: 3px 3px 0px 1px #c45b09; }
  button.upload-button.upload-button-top-margin,
  a.upload-button.upload-button-top-margin {
    margin-top: 0.75em; }
  button.upload-button:hover,
  a.upload-button:hover {
    background-color: #dd660a;
    text-decoration: none !important; }
  button.upload-button.upload-button-green,
  a.upload-button.upload-button-green {
    background-color: #2DA7A1; }
    button.upload-button.upload-button-green.raised,
    a.upload-button.upload-button-green.raised {
      box-shadow: 3px 3px 0px 1px #1d6b67; }

.alert-info {
  background: #2DA7A1;
  border-color: #2DA7A1;
  box-shadow: none;
  text-shadow: none;
  color: white; }
  .alert-info a,
  .alert-info a:link,
  .alert-info a:visited {
    color: white; }
  .alert-info a:active,
  .alert-info a:hover {
    color: white;
    text-decoration: underline; }

.panel-info .panel-heading {
  background: #2DA7A1;
  border-color: #2DA7A1;
  text-align: center;
  color: white; }
  .panel-info .panel-heading h3 {
    margin: 0px;
    font-weight: 500; }

button.small-orange-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 5px;
  border: none;
  padding: 0.25em 1em;
  display: block;
  width: 100%;
  font-size: 12pt; }
  button.small-orange-button.upload-button-top-margin {
    margin-top: 0.125em; }
  button.small-orange-button:hover {
    background-color: #dd660a; }

body {
  padding-right: 0px !important; }

.kForm input, .kForm textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.kForm input:focus, .kForm textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.kForm input::-moz-placeholder, .kForm textarea::-moz-placeholder {
  color: #999999;
  opacity: 1; }

.kForm input:-ms-input-placeholder, .kForm textarea:-ms-input-placeholder {
  color: #999999; }

.kForm input::-webkit-input-placeholder, .kForm textarea::-webkit-input-placeholder {
  color: #999999; }

.kForm input::-ms-expand, .kForm textarea::-ms-expand {
  border: 0;
  background-color: transparent; }

.kForm input[disabled], .kForm textarea[disabled],
.kForm input[readonly], .kForm textarea[readonly],
fieldset[disabled] {
  background-color: #eeeeee;
  opacity: 1; }

.kForm input[disabled], .kForm textarea[disabled], fieldset[disabled] {
  cursor: not-allowed; }

textarea.kForm input, .kForm textarea {
  height: auto; }

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

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

body {
  line-height: 1.42857143;
  background-color: #ffffff; }

p {
  margin-top: 0;
  margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small,
.h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small,
h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small,
.h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54); }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small,
h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small,
h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%; }

/* These styles are used everywhere, but aren't specific elements */
.dz-preview {
  display: none !important; }

.row-vcenter {
  display: block;
  display: flex;
  align-items: center; }

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

body {
  font-family: "proxima-nova", Helvetica Neue, Arial, sans-serif;
  font-weight: 200;
  background-color: #fafafa;
  color: #333;
  font-size: 12pt; }

html {
  overflow-x: hidden; }

blockquote {
  font-size: 20pt; }
  blockquote.small {
    font-size: 12pt; }
  blockquote footer {
    font-size: 16pt; }
  blockquote.no-bottom-padding {
    padding-bottom: 0;
    margin-bottom: 0; }

ul.errorlist {
  color: red !important;
  font-weight: bold;
  margin-top: 1em; }

small.description {
  font-size: 12pt;
  color: #666;
  margin-bottom: 8px;
  display: block; }

.tiny {
  font-size: 12px; }

p.title {
  font-size: 20pt;
  font-weight: 400; }

p.title.big {
  font-size: 28pt; }

p.title.slightly-big {
  font-size: 24pt; }

p.title.text-left {
  text-align: left; }

p.title.text-right {
  text-align: right; }

p.description {
  font-size: 14pt; }

p.description.big {
  font-size: 20pt; }

p.description.slightly-big {
  font-size: 16pt; }

.pad-section {
  padding-top: 50px;
  padding-bottom: 50px; }

.prompt-modal {
  color: #666; }
  .prompt-modal label {
    color: #333;
    font-weight: normal; }
  .prompt-modal h2 {
    text-align: center;
    font-size: 35px;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0px;
    color: black; }
  .prompt-modal h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin: 5px 0px;
    color: black;
    margin-bottom: 30px; }
  .prompt-modal select {
    width: 280px;
    border: 2px #3DB7B1 solid;
    color: #666;
    background: white;
    padding: 12px;
    font-size: 16px;
    margin-top: 8px;
    margin-left: 0px; }
  .prompt-modal .modal {
    max-width: 100%; }
  .prompt-modal .modal-content {
    border-radius: 10px;
    padding: 25px;
    padding-top: 0px;
    border: solid 1px #666;
    max-width: 100%; }
  .prompt-modal .close {
    display: none; }
  .prompt-modal .alert {
    padding: 2px;
    text-align: center;
    margin: 5px; }
  .prompt-modal .close-prompt-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #ccc; }
    .prompt-modal .close-prompt-modal:hover {
      color: #227f7a; }
  .prompt-modal .modal-header {
    text-align: center;
    border-bottom: none;
    padding-top: 0px; }
    .prompt-modal .modal-header .modal-title {
      font-size: 40px;
      font-weight: 200;
      margin: 8px 0px; }
    .prompt-modal .modal-header .modal-subtitle {
      font-size: 24px;
      font-weight: 200;
      margin: 8px 0px; }
  .prompt-modal .modal-footer {
    border-top: none; }
  .prompt-modal .prompt-modal-next, .prompt-modal .prompt-modal-previous {
    border-radius: 3px;
    display: inline-block;
    width: 80px;
    height: 45px;
    color: white;
    font-size: 30px;
    text-align: center;
    cursor: pointer; }
    .prompt-modal .prompt-modal-next.prompt-modal-next, .prompt-modal .prompt-modal-previous.prompt-modal-next {
      float: right;
      background: #227f7a;
      box-shadow: 3px 3px 0px 1px #175754;
      padding-left: 5px; }
    .prompt-modal .prompt-modal-next.prompt-modal-previous, .prompt-modal .prompt-modal-previous.prompt-modal-previous {
      float: left;
      background: #eee; }
    .prompt-modal .prompt-modal-next:hover, .prompt-modal .prompt-modal-previous:hover {
      background: #175754;
      color: white; }

#loading_modal {
  text-align: center; }

@media (max-width: 768px) {
  .modal-dialog {
    margin-left: 0;
    margin-right: 0; }

  .modal-content {
    padding: 15px !important; }

  .modal-header .modal-title {
    font-size: 28px; }
  .modal-header .modal-subtitle {
    font-size: 16px; }

  body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%; } }
#submit_splash_feedback .approval-section ul, #finish_edit_modal .approval-section ul {
  text-align: left;
  font-size: 14px; }
  #submit_splash_feedback .approval-section ul li, #finish_edit_modal .approval-section ul li {
    margin-top: 4px; }
#submit_splash_feedback .approval-section textarea, #finish_edit_modal .approval-section textarea {
  resize: vertical; }
#submit_splash_feedback .approval-section .approval-comments-table td:nth-of-type(1), #submit_splash_feedback .approval-section .approval-comments-table select, #finish_edit_modal .approval-section .approval-comments-table td:nth-of-type(1), #finish_edit_modal .approval-section .approval-comments-table select {
  width: 110px; }
#submit_splash_feedback .approval-section .approval-comments-table td:nth-of-type(2), #finish_edit_modal .approval-section .approval-comments-table td:nth-of-type(2) {
  width: 400px; }
#submit_splash_feedback .approval-section .approval-comments-table td:nth-of-type(3), #finish_edit_modal .approval-section .approval-comments-table td:nth-of-type(3) {
  width: 400px; }
