/*
 * Application pages CSS
































*/
/* -----------------------------------------------------------------------

 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; }
img { -ms-interpolation-mode:bicubic; }

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:2px 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
.inline p {margin-bottom:0;}
/* ------------------------------------------
CSS3 FACEBOOK-STYLE BUTTONS (Nicolas Gallagher)
Licensed under Unlicense
http://github.com/necolas/css3-facebook-buttons
------------------------------------------ */

/* Button */
.uibutton {
  z-index: 1;
  overflow: visible;
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #999;
  border-bottom-color: #888;
  margin: 0;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 500;
  color: #666;
  background-color: #eee;
  background-image: linear-gradient(to top, #f5f6f6, #e4e4e3);
  border-radius: 3px;
  font-size: 13px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

input.uibutton,
button.uibutton {
  font-size: 14px;
  padding: 6px 12px;
}

.uibutton-toolbar.filters .uibutton-selector {
  margin-right: 5px;
  margin-bottom: 10px;
}

.uibutton.rounded_right {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.uibutton:hover {
  text-decoration: none !important;
}

.uibutton:hover,
.uibutton:focus,
.uibutton:active,
.uibutton.active {
  border-color: #777 #777 #666;
}

.uibutton:active,
.uibutton.active {
  border-color: #aaa;
  background: #ddd;
  filter: none;
  box-shadow: none;
}

.uibutton a,
a.uibutton {
  color: #666;
  font-size: 14px;
}

.uibutton.active {
  border-color: #888;
  background: #ddd;
  filter: none;
  box-shadow: none;
}

.uibutton a:hover {
  text-decoration: none;
}

/* Icons */
.uibutton.icon span.ss-icon {
  position: relative;
  bottom: -2px;
  color: #686868;
  font-size: 12px;
  margin-right: 3px;
}

.uibutton.icon::before {
  content: "";
  position: relative;
  top: 3px;
  float: left;
  width: 10px;
  height: 12px;
  margin: 0 0.5em 0 0;
  font-family: SSStandard;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizelegibility;
  white-space: nowrap;
  font-variant-ligatures: common-ligatures;
  color: #686868;
}

.uibutton.icon.edit::before {
  content: "\270E";
}

.uibutton.icon.alert::before, .uibutton.icon.warning::before {
  content: "\26A0";
  font-size: 15px;
  margin: -2px 10px 0 2px;
}

.uibutton.icon.batch::before {
  content: "\2699";
  font-size: 12px;
}

.uibutton.icon.add::before {
  content: "\002B";
  top: 4px;
}

.uibutton.icon.add.right::before {
  float: right;
  content: "\002B";
  margin: -1px -2px 0 6px;
}

.uibutton.icon.team::before {
  content: "\1F465";
  font-size: 16px;
  margin: -0.25em 0.6em 0 0.2em;
}

.uibutton.icon.secure::before {
  content: "\1F512";
}

.uibutton.icon.prev::before {
  content: "\25C5";
}

.uibutton.icon.next::before {
  float: right;
  margin: 0 -0.25em 0 0.5em;
  content: "\25B9";
}

.uibutton.icon.dropdown::before {
  float: right;
  margin: 0 -0.25em 0 0.5em;
  content: "\25BE";
  font-size: 8px;
  top: 6px;
}

.uibutton-selector.large .uibutton.icon.dropdown::before {
  font-size: 9px;
}

.uibutton.icon.file::before {
  content: "\1F4C4";
}

.uibutton.icon.download::before {
  content: "\EB00";
}

.uibutton.icon.delete::before {
  content: "\E0D0";
}

.uibutton.icon.remove::before {
  content: "\2421";
}

.uibutton.icon.tick::before {
  content: "\2713";
}

.uibutton.icon.filter::before {
  content: "\E9B0";
}

.uibutton.icon.restart::before {
  content: "\21BA";
}

.uibutton.special.icon.dropdown::before {
  color: #fff;
}

/* Large UI button */
.uibutton.large {
  font-size: 13px;
}

/* Submit, etc */
.uibutton.confirm {
  border-color: #29447e #29447e #1a356e;
  color: #fff;
  background-color: #5b74a8;
  background-image: linear-gradient(to top, #637bad, #5872a7);
}

.uibutton.confirm:active {
  border-color: #29447e;
  background: #4f6aa3;
  filter: none;
  box-shadow: none;
}

/* Special */
.uibutton.special {
  border-color: #3b6e22 #3b6e22 #2c5115;
  color: #fff;
  background-color: #69a74e;
  background-image: linear-gradient(to top, #75ae5c, #67a54b);
}

.uibutton.special.narrow {
  border-left: none;
  margin-left: -4px;
  width: 10px;
  height: 19px;
}

.uibutton.special:active {
  border-color: #3b6e22;
  background: #609946;
  filter: none;
  box-shadow: none;
}

/* Button groups */
.uibutton-group {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.uibutton-selector ul li > .uibutton,
.uibutton-group > .uibutton {
  border-radius: 0;
}

.uibutton-selector ul li > .uibutton:first-child,
.uibutton-group > .uibutton:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.uibutton-selector ul li > .uibutton:last-child,
.uibutton-group > .uibutton:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.uibutton-group.right {
  float: right;
}

.uibutton-group.spaced {
  margin-right: 30px;
}

.uibutton + .uibutton,
.uibutton + .uibutton-group,
.uibutton-group + .uibutton,
.uibutton-group + .uibutton-group {
  margin-left: 3px;
}

.uibutton-group li {
  float: left;
  padding: 0;
  margin: 0;
}

.uibutton-group .uibutton {
  float: left;
  margin-left: -1px;
}

.uibutton-group .uibutton:hover,
.uibutton-group .uibutton:focus,
.uibutton-group .uibutton:active {
  z-index: 2;
}

.uibutton-group > .uibutton:first-child,
.uibutton-group li:first-child .uibutton {
  margin-left: 0;
}

/* Button toolbar */
.uibutton-toolbar {
  padding: 15px 10px;
  margin-bottom: 10px;
  margin-left: -20px;
  margin-right: -20px;
  background: #f8f8f8;
}

.large_facebox .uibutton-toolbar {
  margin-left: 0;
  margin-right: 0;
}

.uibutton-toolbar .uibutton,
.uibutton-toolbar .uibutton-group {
  vertical-align: bottom;
}

.uibutton-toolbar + .uibutton-toolbar {
  border-top: none;
  margin-top: -10px;
}

/* Select buttons */
.uibutton-selector {
  display: inline-block;
}

.uibutton-selector.spaced_left {
  margin-left: 20px;
}

.uibutton-selector.large ul li a {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uibutton-selector.marged {
  margin-left: 95px;
}

.uibutton-selector.centered {
  margin-left: 150px;
}

#main .uibutton-selector.centered {
  margin-left: 0;
}

#main .uibutton-selector.centered.marged {
  margin-left: 95px !important;
}

.uibutton-selector ul {
  list-style: none;
}

.uibutton-selector ul li a em {
  text-shadow: #fff 0 1px 0;
  color: #888;
}

.uibutton-selector ul li ul {
  position: absolute;
  min-width: 180px;
  background: #f8f8f8;
  border: 1px solid #ccc;
  max-height: 275px;
  overflow: auto;
  z-index: 20;
  border-radius: 3px;
  box-shadow: 2px 2px 10px #888;
}

.uibutton-selector ul li ul li {
  list-style-type: none;
  margin: 0;
  border-top: 1px solid #e2e2e2;
  display: block;
  clear: left;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.uibutton-selector ul li ul li::before {
  content: "✓";
  font-family: SSStandard;
  float: left;
  margin: 5px 5px 3px;
  color: #f8f8f8;
}

.uibutton-selector ul li ul li:first-child {
  border-top: none;
}

.uibutton-selector ul li ul li a,
.uibutton-selector ul li ul li strong {
  display: block;
  padding: 4px 30px 4px 5px;
}

.uibutton-selector.large ul li ul li a,
.uibutton-selector.large ul li ul li strong {
  font-size: 13px;
}

.uibutton-selector ul li ul li:hover {
  background-color: #3072b3;
}

.uibutton-selector ul li ul li:hover a {
  text-decoration: none;
  color: #fff;
}

.uibutton-selector ul li ul li.selected::before {
  color: #555;
}

.uibutton-selector ul li ul li:hover::before,
.uibutton-selector ul li ul li.selected:hover a {
  color: #fff;
}

.uibutton-selector ul li ul li.selected a {
  color: #555;
}

.uibutton-selector ul li ul li a.delete {
  display: inline;
  float: right;
  position: relative;
  right: 0;
  top: -23px;
  padding: 3px 15px 4px;
  font-size: 12px;
  width: 10px;
  color: red;
}

.uibutton-selector ul li ul li a.delete:hover {
  background: red;
  color: #fff;
}

/* Choice button */
.choice {
  margin: 20px auto;
  width: 700px;
}

.choice p {
  float: left;
  color: #4f5459;
  padding-right: 20px;
  line-height: 24px;
  font-size: 16px;
  margin: 0 !important;
}

.choice li {
  display: inline;
}

.choice li a {
  float: left;
  line-height: 24px;
  padding: 0 20px;
  color: #4f5459;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
  background-color: #eaeaea;
  background-image: linear-gradient(to top, #cecfcf, #fafafa);
  box-shadow: 0 -1px 0 #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.choice li.first a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.choice li.last a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.choice li a.active,
.choice li a:active {
  background-color: #72777f;
  color: #fff;
  box-shadow: 0 -1px 0 #333;
  text-shadow: 0 1px 1px #333;
  text-decoration: none;
  background-image: linear-gradient(to top, #9c9fa6, #63676f);
  border: none;
}

.large_facebox#confirm {
  height: 150px;
  margin: -10px;
  background: #efefef;
  width: 450px;
}

#confirm .buttons {
  display: inline-block;
  margin-top: -20px;
  margin-right: 30px;
}

#confirm .confirm {
  padding: 20px;
}

#confirm .buttons button {
  min-width: 60px;
  margin-right: 5px;
  font-size: 16px !important;
}

#confirm .alert {
  margin: 15px 30px;
  font-size: 50px;
  color: #eb9a23;
  float: left;
}

#confirm p {
  font-size: 14px;
  float: left;
  display: inline-block;
  margin-top: 20px;
  width: 280px;
}

.empty-trash {
  position: relative;
  bottom: 8px;
  left: 120px;
  margin: 0;
}

/* sidebar in the same style */

.sidebar-group {
  background: #fff;
  width: 190px;

  /*  top: -20px; */
  float: left;
  margin-top: 6px;
  margin-left: -6px;
}

.sidebar-group label {
  font-weight: normal;
  font-size: 12px;
  display: inline;
}

.sidebar-group .element {
  clear: left;
  border-bottom: 1px solid #ccc;
  padding: 7px 0;
}

.sidebar-group .element:hover {
  background-color: #2d76b9 !important;
  color: #fff;
}

.sidebar-group .element.active {
  background-color: #f2f2f2;

  /*  color: #fff; */
  border-bottom: 1px solid #fff;
}

.sidebar-group .element:last-child {
  border-bottom: none;
}

.uibutton-group.right.date.global_reporting {
  position: relative;
  top: -35px;
}
/* Forms */
label {
  font-size: 1.3em;
  display: block;
  padding-bottom: 0.4em;
}

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

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

input[type="datetime-local"] {
  padding-bottom: 0;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
  transition: border 0.2s linear, box-shadow 0.2s linear;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #2188ff;
  outline: none;
  box-shadow: inset 0 1px 2px rgb(27 31 35 / 7.5%), 0 0 0 0.2em rgb(3 102 214 / 30%);
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

input[type="search"] {
  padding: 0 5px;
  margin: 0;
  font-size: 12px;
  position: relative;
  z-index: 10;
  width: 20em;
}

label.large {
  font-size: 2em;
  margin-top: 2em;
  font-weight: 400;
}

input[type="text"].mini {
  width: 100px;
  font-size: 11px;
}

input[type="text"].primary,
input[type="email"].primary {
  font-size: 16px;
  font-weight: bold;
  width: 500px;
}

.large_facebox input[type="text"].primary {
  width: 400px !important;
}

input[type="text"].large {
  font-size: 20px;
}

input[type="text"].secondary {
  width: 500px;
}

form#replace {
  display: inline;
}

.fields_with_information {
  width: 30em;
  float: left;
}

input.invisible_textbox {
  width: 400px;
  border: none;
  color: #333;
  height: 16px;
  padding: 3px 0;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
  background: #fff;
}

input.invisible_textbox:focus {
  background: #fff !important;
}

textarea {
  width: 98%;
}

input[type="radio"] + label {
  padding-left: 0.5em;
  display: inline;
}

select {
  border: 1px solid #bbb;
  font-size: 1em;
}

form fieldset {
  border: 0;
  padding: 5px 20px 20px;
}

form fieldset.alternate {
  background-color: #f0f0f0;
}

form fieldset.left {
  float: left;
  width: 40%;
  border-right: 1px solid #ccc;
  margin: -10px 10px -10px 0;
}

form fieldset.right {
  float: left;
  width: 40%;
  margin: -10px 0 -10px 10px;
}

form fieldset legend {
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
  padding: 1.3em 0 5px;
  margin-left: -10px;
}

form .inlinehelp {
  font-size: 0.8em;
  padding: 0.6em;
  clear: both;
}

form .paddedhelp {
  padding-left: 10em;
  padding-top: 5px;
  width: 500px;
  text-indent: 0;
}

/* Small forms */
.small label {
  font-size: 0.9em;
  display: block;
}

.small input,
.small select {
  font-size: 0.8em;
  padding: 0.2em;
}

.information {
  background-color: #ffffc0;
  padding: 5px 15px;
  color: #333 !important;
  font: 1em "Helvetica Neue", Arial, sans-serif;
  width: 25em;
  margin-left: 30em;
}

.information a,
.information p {
  color: #333;
}

.information a:hover {
  color: #ffffc0;
  background-color: #000;
}

a.information:hover {
  color: #fff !important;
}

/* Error messages, used in forms */

/* Basics ---------- */
#errorExplanation {
  background: #ffe1da;
  border-top: 2px solid #f34f4f;
  border-bottom: 2px solid #f34f4f;
  color: #be0b0b;
  padding: 5px 20px;
}

#errorExplanation h2 {
  color: #be0b0b;
}

/* Forms ---------- */
.fieldWithErrors {
  display: inline;
}

.fieldWithErrors label {
  color: #be0b0b;
}

.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {
  background: #ffe1da;
  border-color: #f34f4f;
}

.fieldWithErrors input:focus,
.fieldWithErrors select:focus,
.fieldWithErrors textarea:focus {
  background: #fff0ec;
  border-color: #f34f4f;
}

.error h3 {
  margin-top: 0;
}

/* For chosen */
#invitation_suggested_locale_id_chosen {
  /* This is the only width setting you'll need to change. */
  width: 100% !important;
}

#invitation_suggested_locale_id_chosen .chosen-drop {
  width: 100% !important;
}

#invitation_suggested_locale_id_chosen .chosen-drop .chosen-search {
  width: 94% !important;
}

#invitation_suggested_locale_id_chosen .chosen-drop .chosen-search input {
  width: 98% !important;
}

textarea.new_string {
  height: 70px;
  width: 400px !important;
}

textarea.markup {
  height: 70px;
  width: 400px;
}

.date input {
  width: 150px;
  margin-bottom: 0;
}

.date label {
  display: inline;
  font-weight: normal;
  font-size: 13px;
}

.chosen-container-active .chosen-single {
  box-shadow: inset 0 1px 2px rgb(27 31 35 / 7.5%), 0 0 0 0.2em rgb(3 102 214 / 30%) !important;
}

form.search_collaborators {
  float: left;
  margin-right: 10px;
}

form.search_collaborators input {
  width: 300px;
}

.copy-to-clipboard.with-icon {
  padding: 3px 3px 1px 5px;
  border-radius: 3px;
  background-color: #eff3f6;
  border: 1px solid rgb(27 31 35 / 20%);
  cursor: pointer;
  display: inline-block;
  line-height: 13px;
}

.copy-to-clipboard.with-icon:hover {
  background-color: #eee;
}

.copy-to-clipboard.with-icon:active {
  outline: none;
  background-color: #ddd;
}

.copy-to-clipboard.with-icon img {
  width: 13px;
}

.field_with_errors {
  display: inline;
}

.field_with_errors input,
.field_with_errors textarea {
  border: 1px solid red;
}

form.new_conversion {
  background: #f3f3f3;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.converter ul li,
.converter p {
  line-height: 22px;
  font-size: 15px;
}

.filters-statistics {
  padding-top: 8px;
}

.filters-statistics span {
  color: #555;
  line-height: 20px;
}
/* Lists */
ul {
  list-style-position: inside;
}

#documentation ul li ul li {
  padding-left: 30px;
}

ol {
  margin-left: 2em;
}

ol li {
  margin-bottom: 1em;
}

/* Smart Lists */
ul.smart,
ol.smart {
  margin: 0 0 -13px -8px;
}

ul.smart li,
ol.smart li {
  line-height: 1.5em;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ddd;
  padding: 1em 0.5em;
  list-style-type: none;
  color: #333;
  clear: left;
  margin: 0;
  z-index: 30;
}

form ul.smart li,
form ol.smart li {
  padding: 1.5em 0.5em;
}

ol.smart li.noborder,
ul.smart li.noborder {
  border-top: none;
  border-bottom: none;
}

ul.smart li:first-child,
ol.smart li:first-child {
  border-top: none;
}

ul.smart li:last-child,
ol.smart li:last-child {
  border-bottom: none;
}

ol.smart.project_list .favicon {
  float: left;
  display: inline-block;
  margin: 10px 20px 35px 0;
  width: 50px;
  height: 50px;
}

ol.smart.project_list .favicon img {
  width: 50px;
  height: 50px;
}

ol.smart.project_list a.plist {
  display: block;
}

ol.smart.project_list a.plist:hover {
  text-decoration: none;
}

ol.smart li a span.nice {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 500;
}

ol.smart li a span.nice:hover {
  text-decoration: underline;
}

ol.smart li a .description {
  color: #333;
  padding-bottom: 5px;
}

ol.smart li a:hover .description {
  text-decoration: none !important;
}

ol.smart li a .link {
  color: #ddd;
  padding: 10px 0 8px 14px;
  border-radius: 20px;
  float: right;
  position: relative;
  top: -30px;
  font-size: 20px;
}

ol.smart li a:hover .link {
  text-decoration: none;
  color: #2d76b9;
}

li.buttons {
  border-bottom: 0;
  margin: 0;
  padding: 0;
  bottom: 0;
}

li.alternate {
  background-color: #f0f0f0;
  margin: 0 0 1em -3em;
}

li.padded {
  margin-left: 150px !important;
}

li h3 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}

li p {
  font-size: 1em;
  line-height: 1.5em;
  color: #555;
  padding: 0.2em 0 0 0.2em;
}

li.control {
  background: #eee;
  padding-left: 10px !important;
}

li.control .control_title {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1em;
  text-shadow: #fff 0 2px 2px;
  color: #444;
  padding-bottom: 20px;
}

li.control label {
  display: inline;
  font-weight: 400;
}

li .legend {
  font-size: 1.1em;
  color: #333;
  width: 200px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}

li .clippy {
  width: 100px;
  float: left;
  margin-left: 60px;
}

li .result {
  font-size: 1em;
  float: left;
  margin-left: 40px;
  width: 500px;
  line-height: 1.8em;
}

/* -- Facebox */
#facebox ul.smart {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
}

.show_all_locales ul.smart {
  margin: 0;
  padding: 0;
}

/* Timeline */
ol.timeline {
  list-style: none;
  margin-top: 0;
  margin-left: 5px;
}

ol.timeline li {
  border-bottom: 1px solid #ccc;
  padding: 1.2em 1em 1.2em 3em;
  margin: 0;
}

ol.timeline li ol li,
ol.timeline li ul li {
  list-style-position: inside;
  border: none;
  padding: 0;
}

ol.timeline li .abstract {
  font-weight: 700;
  color: #333;
  font-size: 1em;
  padding-bottom: 0.25em;
  line-height: 1.4em;
}

ol.timeline li .details p {
  color: #555;
}

ol.timeline li .detail p {
  float: left;
}

ol.timeline li .event_user,
ol.timeline li .event_comment,
ol.timeline li .event_translation,
ol.timeline li .event_project_file {
  float: left;
  margin-left: -35px;
}

#facebox .comment_feed ol.timeline {
  width: 485px;
}

.centered_container .comment_feed ol.timeline {
  width: 100%;
}

.comment_feed ol.timeline li {
  padding-left: 1em;
}

#facebox .comment_feed ol.timeline.with_comments {
  height: 200px;
  overflow: auto;
  overflow: hidden scroll;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
}

ul.notify_person {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.notify_person li {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  display: inline !important;
  float: left !important;
  clear: none;
  margin: 5px 5px 5px 0;
  padding: 0 !important;
  border: none;
}

ul.notify_person li label {
  display: inline;
}

ul.person_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.person_list li {
  width: 220px;
  overflow: hidden;
  display: inline;
  float: left;
  margin: 20px 5px;
}

.avatar {
  border: 5px solid #c7b89e;
  float: left;
  margin-right: 10px;
}

.avatar.manager {
  border: 5px solid red;
}

.avatar.language_coordinator {
  border: 5px solid orange;
}

.avatar.translator {
  border: 5px solid green;
}

.avatar.translator_with_proofreading_rights {
  border: 5px solid green;
}

.avatar.translator_with_super_proofreading_rights {
  border: 5px solid green;
}

.avatar,
.avatar img {
  width: 50px;
  height: 50px;
  border-radius: 30px;
}

.avatar img {
  border: 2px solid #fff;
  margin-top: -2px;
  margin-left: -2px;
}

ul.person_list .proofreader {
  color: #ccc;
  float: left;
  font-size: 16px;
  margin-right: 5px;
}

ul.person_list .super_proofreader {
  color: #ccc;
  float: left;
  font-size: 16px;
  margin-right: -5px;
}

ul.person_list .super_proofreader + .super_proofreader {
  color: green;
  margin-left: -4px;
  margin-right: 5px;
}

ul.person_list .email a {
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 18px;
}

ul.person_list .email {
  height: 25px;
}

ul.person_list .actions {
  background-color: transparent;
  border: 0;
  padding-top: 0;
  margin-top: 5px;
}

li.hidden {
  display: none;
}

ul.projects {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}

ul.projects li {
  border-bottom: 1px solid #ddd;
}

ul.projects li a,
ul.projects li div {
  text-decoration: none;
  display: block;
  padding: 7px 3px;
  font-weight: 700;
}

.sign_up dl {
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}

.sign_up dl dt {
  width: 180px;
  float: left;
  clear: both;
  margin-right: 10px;
  color: #333;
  font-weight: 400;
  text-align: right;
}

.sign_up dl dt.small {
  width: 110px;
  float: left;
  clear: both;
  margin-right: 30px;
  color: #333;
  font-weight: 400;
  text-align: right;
}

.sign_up dl dd {
  width: 400px;
  float: left;
  margin-bottom: 20px;
}

.sign_up dt label {
  display: inline;
  font-weight: 400 !important;
  margin-top: 5px;
  font-size: 1.1em;
}

.docs.platform {
  width: 500px;
  padding-top: 30px;
}

.docs dl {
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}

.docs dl dt {
  width: 200px;
  float: left;
  display: inline-block;
  clear: both;
  margin-bottom: 10px;
  margin-right: 20px;
  color: #333;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
  line-height: 30px;
}

.docs dl dd {
  margin-left: 220px;
  width: 440px;

  /* float:left; */
  margin-bottom: 10px;
  line-height: 30px;
}

.smart dl {
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}

.smart dl dt,
.smart dl dt label {
  width: 180px;
  float: left;
  clear: both;
  margin-right: 70px;
  color: #333;
  font-weight: 500;
  text-align: right;
  font-size: 14px;
  line-height: 30px;
}

.smart dl dt.small {
  width: 110px;
  float: left;
  clear: both;
  margin-right: 30px;
  color: #888;
  font-weight: 700;
  text-align: right;
}

.smart dl dt.tiny {
  width: 100px;
  float: left;
  clear: both;
  margin-right: 20px;
  color: #888;
  font-weight: 700;
  text-align: right;
}

.smart dl dd.tiny {
  width: 450px;
  float: left;
  margin-bottom: 10px;
  line-height: 30px;
}

.smart dl dd {
  width: 640px;
  float: left;
  margin-bottom: 10px;
  line-height: 30px;
}

.smart.in_facebox dl dd {
  width: 400px;
  overflow-wrap: break-word;
  float: left;
  margin-bottom: 10px;
}

.smart dl dd p {
  color: #666;
}

.smart dl dd + .smart dl dt {
  padding-top: 10px;
}

dd label,
dd #locales {
  display: inline;
  font-weight: 400;
  font-size: 1em;
}

dd input[type="text"],
dd textarea {
  padding: 5px;
  margin-bottom: 2px;
}

.smart.in_facebox dl dt,
.smart.in_facebox dl dt label {
  width: 120px;
  margin-right: 15px;
  text-align: right;
}

.smart dl dt.tiny label {
  width: 30px !important;
  margin-right: 10px !important;
  text-align: right;
}

.smart.in_facebox input[type="checkbox"] {
  margin-top: 8px;
}

li.actions {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-left: 250px !important;
}

#batch_operations li.actions {
  padding-left: 140px !important;
}

.actions {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 10px;
  margin-top: 20px;
}

dl.lined {
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}

dl.lined dt {
  float: left;
  clear: both;
  color: #888;
  font-weight: 700;
}

dl.lined dt.small {
  width: 110px;
  float: left;
  clear: both;
  margin-right: 30px;
  color: #888;
  font-weight: 700;
  text-align: right;
}

dl.lined dd {
  float: left;
  margin-bottom: 10px;
  clear: left;
  font-size: 12px;
}

dd.avatars {
  padding-top: 5px;
}

dd.avatars img {
  float: left;
  width: 30px;
  height: 30px;
  border: 0;
  padding: 3px;
}

.strings,
.words,
.characters {
  font-weight: 200;
  color: #999;
  font-size: 11px;
}

.strings span,
.words span,
.characters span {
  color: #333;
  font-size: 13px;
}

/* Project Activity */

.activities .activity {
  border-top: 1px solid #f1f1f1;
  padding: 15px 0;
  padding-left: 60px;
  list-style: none;
  text-indent: -40px;
  line-height: 1.8em;
}

.activities .activity::before {
  content: "";
  position: relative;
  top: 9px;
  width: 20px;
  height: 20px;
  margin: 0 15px 0 0;
  font-family: SSStandard;
  font-style: normal;
  font-size: 22px;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizelegibility;
  white-space: nowrap;
  color: #ccc;
  font-variant-ligatures: common-ligatures;
}

.activities .activity:first-child {
  border-top: none;
}

.activities .activity .timestamp {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  width: 200px;
  text-align: right;
  color: #aaa;
}

.activities ul {
  padding: 10px 0;
  margin-left: 30px;
}

.activities ul li {
  border-top: 0;
  border-bottom: 0;
  margin-left: 20px;
  padding: 0;
}

.activities .activity.right_now::before {
  color: #111;
}

.activity.new_batch_operation::before {
  content: "\2699";
}

.activity.imported_project_file::before {
  content: "\E7A0";
}

.activity.new_comment::before {
  content: "\1F4AC";
}

.activity.new_master_project_file::before {
  content: "\1F4C4";
}

.activity.new_membership::before {
  content: "\1F464";
}

.activity.new_project::before {
  content: "\1F4E6";
}

.activity.new_project_locale::before {
  content: "\1F30E";
}

.activity.new_string_key::before {
  content: "\1F4DD";
}

.activity.new_target_project_file::before {
  content: "\1F4C4";
}

.activity.new_term::before {
  content: "\1F4DD";
}

.activity.new_term_translation::before {
  content: "\1F4D3";
}

.activity.recover_project_file::before {
  content: "\1F6AB";
}

.activity.recover_project_locale::before {
  content: "\1F6AB";
}

.activity.recover_string_key::before {
  content: "\1F6AB";
}

.activity.renamed_project_file::before {
  content: "\1F4C4";
}

.activity.renamed_project_file_and_others::before {
  content: "\1F4C4";
}

.activity.rm_project_file::before {
  content: "\E0D0";
}

.activity.rm_project_locale::before {
  content: "\E0D0";
}

.activity.rm_string_key::before {
  content: "\E0D0";
}

.activity.rm_term::before {
  content: "\E0D0";
}

.activity.rm_label::before {
  content: "\E100";
}

.activity.string_key_change::before {
  content: "\1F4C4";
}

.activity.new_file_attachment_resource::before {
  content: "\1F304";
}

.activity.term_translation_vote::before {
  content: "\1F4D3";
}

.activity.translation_change::before {
  content: "\270E";
}

.activity.updated_project_file::before {
  content: "\EB40";
}

.activity.updated_project_locale::before {
  content: "\1F4C4";
}

.activity.organization_unfrozen::before,
.activity.organization_frozen::before,
.activity.organization_notified_quota_exceeded::before,
.activity.organization_notified_trial_ends_in_one_day::before,
.activity.organization_contacted::before {
  content: "\1F4B2";
}

.activity.user_notified_new_segments::before {
  content: "\2709";
}

.activity.invitation_deactivated::before {
  content: "\1F464";
}

.activity.translation_change {
  color: #aaa;
  font-size: 13px;
}

.activity.rm_team::before,
.activity.new_team::before,
.activity.update_team::before,
.activity.team_member_deactivated::before,
.activity.new_team_membership::before,
.activity.rm_team_membership::before,
.activity.new_team_member::before {
  content: "\1F465";
}

table.global_report {
  width: 740px;
  float: right;
}

ul.result li {
  list-style: none;
}

ul.result li.success::before {
  content: "\2713";
  font-family: SSStandard;
  color: green;
  top: 5px;
  padding: 5px 5px 1px 2px;
  font-size: 16px;
}

ul.result li.error::before {
  content: "\2421";
  font-family: SSStandard;
  color: red;
  padding: 5px 5px 1px 2px;
  font-size: 16px;
}

.favicon {
  display: inline-block;
}

.favicon img {
  width: 50px;
  height: 50px;
}

/* Team List on Organization#Teams */

ol.smart li.team {
  min-height: 50px;
}

li.team:hover {
  background-color: #eee;
}

li.team .info {
  width: 300px;
  float: left;
  padding-right: 40px;
}

li.team .name {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5em;
}

li.team .avatars {
  float: right;
  width: 595px;
  text-align: right;
}

li.team .avatars .manage {
  line-height: 60px;
}

li.team .avatars span.ss-icon {
  top: 5px;
  position: relative;
  font-size: 18px;
}

li.team .avatars .avatar + .avatar {
  margin-left: -30px;
}

li.team .avatars .more_members {
  display: inline-block;
  position: relative;
  top: 60px;
  right: 170px;
  font-size: 12px;
  color: #555;
}

ol.project_list li input {
  display: inline-block;
  font-size: 16px;
  margin: 10px;
  padding: 10px;
}

ol.project_list li label {
  display: inline;
  font-size: 15px;
  font-weight: normal;
}

ol.project_list li label.assigned {
  font-weight: bold;
}

li.role.active {
  background-color: #d1e3f9;
  border-top: 1px solid #1385ff !important;
  border-bottom: 1px solid #1385ff !important;
}

li.role {
  cursor: pointer;
}

ul.teams li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}

ul.teams li:last-child {
  border-bottom: 0;
}

ul.teams li .info {
  float: left;
}

ul.teams li .name {
  font-size: 14px;
  font-weight: bold;
}

ul.teams li .button {
  float: left;
  margin: 0 15px;
  width: 120px;
  line-height: 50px;
}

ul.teams li input[type="submit"].assign {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4caf50;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px #ccc;
}

ul.teams li input[type="submit"].assign:active {
  background-color: #3e8e41;
  box-shadow: 0 1px #666;
  transform: translateY(1px);
}

ul.teams li input[type="submit"].remove {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #f4511e;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px #ccc;
}

ul.teams li input[type="submit"].remove:active {
  box-shadow: 0 0 #666;
  transform: translateY(1px);
}

.error ul {
  padding-top: 10px;
}

.error li {
  list-style: none;
  padding: 5px 0;
}

ol.smart.teams li {
  padding: 0;
}

ol.smart.teams {
  padding-bottom: 10px;
  margin-left: 0;
}

ol.smart.teams li a {
  display: block;
  padding: 15px 10px;
  margin: 0;
  font-size: 16px;
  text-align: center;
}

ol.smart.teams li a small {
  color: #333;
  display: block;
}

ol.smart.teams li a:hover {
  background-color: #eee;
  text-decoration: none;
}

table.list.posts tr td.status::before {
  content: "\2713";
  font-family: SSStandard;
  color: green;
  top: 5px;
  padding: 5px 5px 1px 2px;
  font-size: 25px;
}

table.list.posts tr.draft,
table.list.posts tr.scheduled,
table.list.posts tr.archived {
  background-color: #fefed0;
}

table.list.posts tr.draft td.status::before {
  content: "\1F4DD";
  color: gray;
}

table.list.posts tr.scheduled td.status::before {
  content: "\23F2";
  color: gray;
}

table.list.posts tr.archived td.status::before {
  content: "\1F512";
  color: gray;
}

table.list.posts td.title strong {
  font-size: 14px;
  line-height: 25px;
}
/* OLD PRICING PAGE */

/* Plans */
.pricing_table {
  background: #eceef1;
  box-sizing: border-box;
}

.pricing_table .upgrade_to_teams {
  font-style: normal;
  border-left: 4px solid #2d76b9;
  padding: 5px 20px;
}

.pricing_table a:hover .upgrade_to_teams {
  background: #2d76b9;
  color: #fff;
}

.pricing_table .upgrade_to_teams .ss-icon {
  font-size: 30px;
  color: #2d76b9;
  width: 40px;
  display: inline-block;
  position: relative;
  top: 20px;
  vertical-align: top;
  margin-left: 10px;
  margin-right: 20px;
}

.pricing_table .upgrade_to_teams .description {
  display: inline-block;
  width: 600px;
  font-size: 14px;
  color: #333;
  padding: 10px;
  text-decoration: none;
}

.pricing_table a:hover .upgrade_to_teams .description,
.pricing_table a:hover .upgrade_to_teams .ss-icon {
  color: #fff;
}

.pricing_table h1 {
  text-align: center;
  color: #9ea7b1;
  padding: 20px 0 30px;
  font-weight: 200;
  font-size: 40px;
}

.pricing_table .content {
  width: 100%;
  margin: auto;
}

.pricing_table .plans {
  width: 970px;
  margin: auto;
}

.pricing_table .micro_plan {
  font-size: 16px;
  padding: 10px 0 20px;
  margin-left: 20px !important;
}

.pricing_table .micro_plan .current_plan {
  background-color: transparent;
  display: inline-block;
}

.micro_plan a.getstarted:hover {
  background-color: transparent;
  color: #2d76b9;
}

.pricing_table .plan {
  float: left;
  background: #fff;
  width: 230px;
  overflow: auto;
  border-radius: 5px;
  margin-bottom: 30px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 7.5%);
  margin-left: 10px;
}

.pricing_table .free_plan {
  clear: left;
  width: 950px;
  background: #fff;
  overflow: auto;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 7.5%);
  margin-left: 10px;
}

.pricing_table .plan.your_plan {
  border: 2px solid #2d76b9;
  width: 228px;
  margin-top: -1px;
}

.pricing_table .free_plan.your_plan {
  border: 2px solid #2d76b9;
  width: 946px;
  margin-top: -1px;
}

.pricing_table .plan + .plan {
  margin-left: 10px;
}

.pricing_table .plan .plan_name,
.pricing_table .free_plan .plan_name {
  padding: 20px 0;
  color: #9099a3;
  font: 15px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  border-bottom: 1px solid #eceef1;
}

.pricing_table .plan .plan_name h4,
.pricing_table .free_plan .plan_name h4 {
  margin: 0 0 5px;
  padding: 0;
  color: #0f1419;
  font: 18px/20px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pricing_table .plan .plan_name small {
  display: block;
}

.pricing_table .free_plan .plan_name {
  float: left;
  width: 120px;
  height: 40px;
  border: 0;
}

.pricing_table .plan ul.plan_features,
.pricing_table .free_plan ul.plan_features {
  list-style-type: none;
  margin-top: 25px;
  padding: 0;
}

.pricing_table .plan ul.plan_features li,
.pricing_table .free_plan ul.plan_features li {
  padding: 0 20px;
  color: #9099a3;
  font: 15px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

.pricing_table .free_plan ul.plan_features li {
  text-align: left;
  float: left;
  margin: 3px 0 0;
}

.pricing_table .plan ul.plan_features li span,
.pricing_table .free_plan ul.plan_features li span {
  color: #0f1419;
}

.pricing_table .plan .getstarted,
.pricing_table .free_plan .getstarted,
.pricing_table .plan .current_plan,
.pricing_table .free_plan .current_plan {
  padding: 16px;
  border-top: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  margin-top: 15px;
}

.get_started:hover {
  background-color: #2d76b9;
  color: #fff;
}

.pricing_table .free_plan .current_plan {
  float: left;
  width: 200px;
  border: none;
}

.pricing_table .free_plan .getstarted {
  float: left;
  width: 200px;
  border-radius: 0;
  border: none;
}

section.questions {
  background: #fff;
}

.pricing_questions {
  width: 700px;
  padding: 40px;
  margin: 0 auto;
}

.pricing_questions h2 {
  margin: 0 10px;
  border-bottom: 1px solid #eceef1;
  font: 30px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0f1419;
}

.pricing_questions section {
  width: 700px;
}

.pricing_questions section:nth-child(2) {
  margin-top: 50px;
}

.pricing_questions section .section_half {
  float: left;
  padding: 0 20px 20px;
  width: 50%;
  overflow: auto;
  box-sizing: border-box;
}

.pricing_questions section .section_half h3 {
  margin: 0 0 20px;
  color: #0f1419;
  font: 20px/40px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pricing_questions section .section_half p {
  font: 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #9099a3;
}

/* ===== NEW PRICING PAGE ===== */
.price-tabs {
  background-color: #fff;
  box-shadow: 0 5px 20px 0 rgb(39 39 39 / 10%);
  display: inline-block;
  padding: 7px;
  border-radius: 40px;
  border: 1px solid #2d76b9;
  margin-top: 20px;
}

.promo {
  margin-top: -20px;
  margin-left: -30px;
}

.promo img {
  width: 90px;
}

.promo mark {
  display: inline-block;
  position: relative;
  background: transparent;
  color: #cd6136;
}

.price-tabs .nav-link {
  color: #2d76b9;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  padding: 12px 35px;
  display: inline-block;
  text-transform: capitalize;
  border-radius: 40px;
  transition: all 0.3s ease;
}

@media (width >= 768px) {
  .price-tabs .nav-link {
    padding: 12px 40px;
  }
}

mark.price_off {
  border-radius: 4px;
  padding: 1px 4px;
  background: transparent;
  color: #cd6136;
}

.price-tabs .nav-link.active {
  background-color: #2d76b9;
  color: #fff;
}

.price-item {
  background-color: #fff;
  box-shadow: 0 5px 30px 0 rgb(39 39 39 / 15%);
  border-radius: 10px;
  margin-bottom: 40px;
}

@media (width >= 768px) {
  .price-item {
    margin: 0 20px;
    padding-top: 20px;
    margin-bottom: 40px;
  }
}

.price-item .price-top {
  box-shadow: 0 5px 30px 0 rgb(39 39 39 / 15%);
  padding: 50px 0 25px;
  background-color: #aad6ed;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  margin-bottom: 33px;
}

@media (width >= 768px) {
  .price-item .price-top {
    margin: 0 -20px;
    border-radius: 20px;
  }
}

.price-item .price-top::after {
  height: 50px;
  width: 100%;
  border-radius: 0 0 10px 10px;
  background-color: #aad6ed;
  position: absolute;
  content: "";
  left: 0;
  bottom: -17px;
  z-index: -1;
  transform: skewY(5deg);
  box-shadow: 0 5px 10px 0 rgb(113 113 113 / 15%);
}

@media (width >= 768px) {
  .price-item .price-top::after {
    border-radius: 0 0 20px 20px;
  }
}

strong.info-title {
  display: block;
  font-weight: bold;
  text-align: left;
  margin-bottom: 15px;
}

.price-item .price-top h2 {
  font-weight: 700;
}

.price-item .price-top h2 sup {
  top: 13px;
  left: -5px;
  font-size: 0.55em;
  font-weight: 500;
  vertical-align: top;
}

.price-item .price-content {
  padding: 10px;
  padding-bottom: 40px;
}

.price-item .price-content li {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}

@media (width >= 992px) {
  .price-item .price-content li {
    text-align: left;
  }
}

@media (width >= 992px) {
  .price-item .price-content li i {
    position: absolute;
    left: 0;
    top: 3px;
  }
}

.price-item .price-content .zmdi-check {
  color: #28a745;
}

.price-item .price-content .zmdi-close {
  color: #f00;
}

.popular {
  background-color: #aad6ed;
}

.popular .price-top {
  background-color: #fff;
}

.popular .price-top::after {
  background-color: #fff;
}

.price-top h4 {
  color: #101f41;
}

.price-top h2,
.price-top span,
.price-top sup {
  color: #2d76b9;
}

.price-content ul {
  margin-bottom: 30px;
}

.price-content .description {
  margin-top: 30px;
  height: 90px;
}

.price-content .getstarted {
  background: #2d76b9;
  color: #fff;
  padding: 10px 25px;
  border-radius: 50px;
}

.price-content .getstarted.disabled {
  cursor: not-allowed;
}

.price-content .getstarted.highlighted {
  background: white;
  color: #2d76b9;
  padding: 10px 25px;
  border-radius: 50px;
}

.price-content .getstarted:hover {
  color: #fff;
  background: #ee7843;
}

/* old plan hover */
.plan a.getstarted:hover {
  background-color: #2d76b9;
  color: #fff;
}
/* -----------------------------------------------------------------------

 Text
 Typography

   * [Web Translate It](http://www.webtranslateit.com)

 Colors.

   * Links usually blue #1D337E, hover in #FFF on a blue #1D337E background
   * “Hard Links” yellow #FFE300, hover in #FFF on a pink #FF0066 background

----------------------------------------------------------------------- */

/* Links ---------- */
a {
  color: #2d76b9;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a span.red_link {
  color: red !important;
}

a:hover span.red_link {
  color: red !important;
  text-decoration: underline !important;
}

a.red_link {
  color: red !important;
}

a.red_link:hover {
  color: red !important;
  text-decoration: underline !important;
}

a.spot {
  color: red !important;
  font-weight: 400;
}

a.spot:hover {
  background-color: red !important;
  color: #fff !important;
  text-decoration: none;
}

a.add_file {
  padding: 2px 5px;
  float: right;
}

span.hard {
  background-color: #fff6a9;
  padding: 1px 0;
  text-decoration: none;
  display: inline;
}

.editable {
  min-height: 20px;
  padding: 5px;
}

.editable:hover {
  background-color: #ffffc0;
  color: #333;
}

.critical {
  background-color: red;
  color: #fff;
  padding: 2px;
  margin-top: 20px;
}

.point_out {
  color: red;
  font-weight: 700;
  display: inline;
}

.recommended a {
  background-color: green;
  font-variant: small-caps;
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  text-transform: lowercase;
  font-size: 1.1em;
  line-height: 2em;
  text-decoration: none;
}

span.ss-icon.with_popover a,
td.periodically span.ss-icon a {
  color: #1da1f2;
  margin-left: 10px;
  display: inline-block;
  margin-top: 3px;
}

span.ss-icon.with_popover a:hover,
td.periodically span.ss-icon a:hover {
  color: #2d76b9;
}

span.ss-icon.with_popover a:active,
td.periodically span.ss-icon a:active {
  color: #27528c;
}

.popover .popover-content a {
  display: inline !important;
  margin: 0 !important;
}

a.action,
span.action a {
  color: red;
  text-decoration: underline;
}

/* Misc ---------- */
hr {
  margin-top: 1em;
}

.translation_snippet {
  margin-left: 40px;
  color: #333;
  line-height: 23px;
}

.translation_snippet.del {
  background-color: #fdd;
}

.translation_snippet.ins {
  background-color: #dfd;
}

.translation_snippet.del del {
  background-color: #faa;
  text-decoration: none;
}

.translation_snippet.ins ins {
  background-color: #afa;
  text-decoration: none;
}

blockquote {
  display: block;
  margin: 0.8em 0;
  padding: 0 1em 0 2em;
  font-style: italic;
}

h3.feed a img {
  border: none;
}

/* Headlines ---------- */
h2 {
  font-size: 1.4em;
  padding-top: 10px;
}

h3 {
  font-size: 1.3em;
  color: #444;
  margin: 1em 0;
  font-weight: 700;
}

h4 {
  font-size: 1.1em;
  color: #333;
  margin: 1em 0;
  font-weight: 700;
  padding-bottom: 5px;
  text-shadow: 0 1px 1px #eee;
}

h3 img {
  vertical-align: middle;
  border: 1px solid #bbb;
}

p.large {
  font-size: 14px;
  color: #888;
}

p.info,
ul.info li {
  font-size: 14px;
  width: 600px;
  line-height: 24px;
}

/* Headings for success, work in progress, etc */
.success h3 {
  margin-top: 0;
}

.links a.hard:hover {
  background-color: #f06;
}

h3 .right {
  display: inline;
  color: #666;
  font-size: 0.7em;
  font-weight: 400;
  float: right;
}

h3 small {
  color: #666;
  font-weight: 400;
  font-size: 0.7em;
}

h1 small p {
  display: inline;
  color: gray;
  padding-left: 0.5em;
  font-size: 0.9em;
}

.notice p {
  margin-bottom: 1em;
}

span.match {
  background-color: #ffe300;
  color: #333;
}

/** Footer ------------- */
#footer {
  padding: 100px 0 20px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 0.8em;
  background: #fff;
  margin: 20px auto;
}

#footer .content {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 50px 0;
  margin: 0 auto;
}

#footer ul {
  list-style: none;
  width: 180px;
  float: left;
}

#footer li {
  font-size: 12px;
}

#footer li.topic {
  font-size: 14px;
  color: #888;
  padding: 5px 0;
  font-weight: 400;
}

#legal {
  padding: 10px 0;
  clear: both;
  color: #777;
  background: #fff;
  font-size: 13px;
}

td.small.centered a {
  text-decoration: none;
}

td.small.centered a:hover {
  background-color: transparent;
}

.dephases {
  color: #ccc;
  font-size: 14px;
  font-weight: 200;
}

.emphases {
  color: #333;
  font-weight: 400;
  font-size: 14px;
}

.notifications {
  color: #aaa;
  font-size: 13px;
}

.notifications.unread {
  color: #d51007;
}

.notifications span {
  font-weight: 900;
}

.detail {
  color: #888;
}

.detail.project {
  margin-bottom: 70px;
}

.detail.project a.invitation_link {
  color: #2d76b9;
  text-decoration: underline;
}

.detail a {
  color: #888;
  text-decoration: none;
}

.detail a:hover {
  color: #336aa0;
  background-color: transparent;
}

.share_invitation_link {
  background: #eee;
  padding: 5px 10px 8px;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* Keyboard shortcuts */
.help {
  padding: 0;
  margin-left: -20px;
  margin-right: -15px;
}

span.help.ss-icon {
  padding: 0;
  margin-left: 0;
  margin-right: 15px;
}

.help .left {
  float: left;
  width: 195px;
  margin-top: 8px;
  padding-left: 10px;
}

.help .right {
  float: right;
  width: 755px;
  margin-right: -10px;
}

.help .right a,
.help .right_home a {
  padding: 2px;
  font-size: 14px;
  color: #777;
}

.help .right a.active,
.help .right_home a.active {
  text-decoration: none;
  font-weight: 800;
  color: #3072b3;
}

.help .right a:hover,
.help .right_home a:hover {
  text-decoration: none;
}

.help form#search input[type="text"] {
  width: 450px;
  font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
  color: #777;
  border: 1px solid #ccc;
  padding: 6px 85px 6px 25px;
  margin: 5px 0 10px;
  border-radius: 5px;
  background: #fcfcfc;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
  font-size: 16px;
}

.help form#search input[type="text"]:focus {
  border-color: #2188ff;
  outline: none;
  box-shadow: inset 0 1px 2px rgb(27 31 35 / 7.5%), 0 0 0 0.2em rgb(3 102 214 / 30%);
}

.help form#search span.search-icon {
  position: relative;
  left: 25px;
  top: 0;
  color: #b5b5b5;
}

.help form#search span.search-icon.active {
  color: #2d76b9;
}

.help form#search input[type="text"].active {
  border-color: #3072b3;
  color: #2d76b9;
  background-color: #f9fcff;
}

.search_facets {
  display: inline;
  width: 300px;
  margin-left: -70px;
}

.input-icons {
  position: relative;
  right: 85px;
  top: 8px;
  width: 75px;
  text-align: right;
  display: inline-block;
}

.input-icon {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 25px;
  top: 2px;
  height: 30px;
  filter: invert(39%) sepia(88%) saturate(477%) hue-rotate(169deg) brightness(84%) contrast(86%);
}

.input-icons a {
  padding: 0 !important;
}

.input-icon.icon-case-sensitive {
  background: url(/assets/case_sensitive.svg) no-repeat;
  background-size: 28px;
}

.input-icon.icon-regex {
  background: url(/assets/regular_expression.svg) no-repeat;
  background-size: 28px;
}

.input-icon.cancel-search {
  background: url(/assets/close.svg) no-repeat;
  background-size: 16px;
  margin-right: -11px;
  top: 8px;
  opacity: 0.3;
}

.input-icon.cancel-search:hover {
  opacity: 1;
}

.input-icon.icon-case-sensitive.disabled,
.input-icon.icon-regex.disabled {
  opacity: 0.5;
}

.help form#search label {
  display: inline;
  text-align: right;
  font-weight: 500;
  font-size: 12px;
  color: #666;
}

.help form#search p.extra {
  margin-right: 0;
  float: right;
}

.help form#search p.extra a.help_link {
  margin-left: 24px;
}

a.keyboard_shortcuts {
  padding-left: 25px;
}

.columns.threecols .column {
  width: 32%;
  float: left;
}

dl.keyboard-mappings {
  font-size: 12px;
  margin: 5px 0;
  display: block;
}

dl.keyboard-mappings dt {
  background: #333;
  border-radius: 2px;
  color: #eee;
  display: inline-block;
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  margin: 0;
  min-width: 10px;
  padding: 3px 6px;
  text-align: center;
  text-shadow: #000 1px 1px 0;
}

dl.keyboard-mappings dt.badmono {
  font-family: sans-serif;
  font-weight: 700;
}

dl.keyboard-mappings dd {
  color: #666;
  display: inline;
  margin: 0 0 0 5px;
}

/* Syntax highlighting */
span.raw {
  display: none;
}

.string .variables {
  display: inline-block;
}

.string var,
.string .variables a {
  color: #2d76b9;
  background-color: #f0f8ff;
  font-style: normal;
  font-size: 15px;
}

.string code {
  color: #aaa;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  padding: 0;
}

.string code span.tr {
  color: #070;
  background-color: #e5ffe8;
  font-size: 14px;
}

.string dfn,
.string punct {
  font-size: 14px;
}

.string_source.highlighted p span:hover,
.string_source.highlighted p code:hover,
.string_source.highlighted p var:hover,
.string_source.highlighted p dfn:hover,
.string_source.highlighted p punct:hover,
.string .variables a:hover,
.parent_translation.highlighted p span:hover,
.parent_translation.highlighted p code:hover,
.parent_translation.highlighted p var:hover,
.parent_translation.highlighted p dfn:hover,
.parent_translation.highlighted p punct:hover {
  cursor: pointer;
  background-color: #eee;
  color: #3072b3;
  padding: 4px 0;
  text-decoration: none;
}

a .ss-icon {
  display: inline-block;
  text-decoration: none;
}

td.ss-icon a {
  display: block;
  font-size: 18px;
}

td.ss-icon a.delete {
  color: #d90214;
}

td.ss-icon a:hover {
  text-decoration: none;
}

span.ss-icon a:hover {
  text-decoration: none;
}

.help .left a span.ss-icon {
  color: #aaa;
  margin-right: 3px;
  font-size: 16px;
}

a.icon_on {
  color: #fbd151;
  text-shadow: 0 1px 0 #d0a04a;
  font-size: 18px;
}

a.icon_off {
  color: #e5e5e2;
  text-shadow: 0 1px 0 #b9b8b7;
  font-size: 18px;
}

.feed {
  text-align: right;
  float: right;
  position: relative;
  top: -40px;
  margin-bottom: 10px;
}

.feed a span.ss-icon {
  color: #f58229;
  font-size: 15px;
  top: 3px;
}

h4.air {
  padding-top: 100px;
}

/* Production ribbon for dummies */
#production-ribbon {
  width: 100%;
  background-color: red;
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  display: block;
  cursor: pointer;
}

#documentation a.permalink {
  color: #fff !important;
  margin-right: 10px;
  margin-left: -25px;
  cursor: pointer;
  bottom: 0;
  font-size: 14px;
}

#documentation dl strong.dl-title {
  font-size: 20px;
  font-weight: bold;
}

#documentation h2:hover a.permalink,
#documentation h3:hover a.permalink,
#documentation h4:hover a.permalink {
  color: #333 !important;
  text-decoration: none;
}

.doc_contents p,
.doc_contents ul li,
.doc_contents ol li {
  font-size: 15px !important;
}

.doc_contents p {
  padding-bottom: 10px;
}

.doc_contents em {
  background-color: #e8f4f8;
  color: #286e84;
  padding: 3px 6px;
}

.doc_contents .platforms a {
  padding: 5px 10px;
  font-size: 14px;
  font-family: Menlo, Consolas, monospace;
  background-color: #e2ecf5;
  border-radius: 5px;
}

.doc_contents .file_formats a {
  padding: 5px 10px;
  font-size: 14px;
  font-family: Menlo, Consolas, monospace;
  background-color: #f5eee2;
  border-radius: 5px;
}

.doc_contents img.platform,
.doc_contents img.file_format {
  float: right;
  padding: 0 0 30px 30px;
  width: 150px;
  border: 0 !important;
}

.doc_contents .help_improve {
  margin-top: 20px;
  background-color: #e2ecf5;
  padding: 10px 20px;
  font-size: 15px;
}

.doc_contents .back a {
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  display: block;
}

.public_projects_header {
  text-align: center;
  padding-bottom: 30px;
  margin: -20px -20px 30px;
  background: #eee;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom: 1px solid #ccc;
}

.public_projects_header h2 {
  letter-spacing: -1px;
  font-size: 35px;
  padding-top: 20px;
  color: #2d76b9;
}

.public_projects_header h3 {
  letter-spacing: -1px;
  font-size: 30px;
  color: #aaa;
}

.public_projects_header h4 {
  font-size: 20px;
  color: #333;
  font-weight: 400;
}

small.inline_information {
  margin-left: 10px;
  color: #ccc;
}

small.inline_information a {
  color: #7fa9d3;
}

small.inline_information:hover {
  color: #333;
}

small.inline_information:hover a {
  color: #2d76b9;
}

/* Diff */

h3.diff {
  border-top: 1px solid #ddd;
  margin-top: 25px;
  padding-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
}

.diff { overflow: auto; }

.diff ul {
  background: #fff;
  overflow: auto;
  font-size: 13px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

.diff del,
.diff ins {
  display: block;
  text-decoration: none;
}

.diff li {
  padding: 0;
  display: table-row;
  margin: 0;
  height: 1em;
}

.diff li.ins {
  background: #dfd !important;
  color: #080;
}

.diff li.del {
  background: #fee !important;
  color: #b00;
}

.diff li:hover {
  background: #ffc !important;
}

/* try 'whitespace:pre;' if you don't want lines to wrap */
.diff del,
.diff ins,
.diff span {
  white-space: pre-wrap;
  font-family: "San Francisco", courier, monospace;
}

.diff del strong {
  font-weight: normal;
  background: #fcc;
}

.diff ins strong {
  font-weight: normal;
  background: #9f9;
}

.diff li.diff-comment {
  display: none;
}

.diff li.diff-block-info {
  background: none repeat scroll 0 0 gray;
}

#history .string:hover {
  cursor: pointer;
  background: #eee;
}

.string.fixed_font textarea,
.string.fixed_font span.trans,
.string.fixed_font .string_source .diff div {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 13px;
}

.string.fixed_font dfn,
.string.fixed_font punct {
  font-size: 13px !important;
}

.translation_author {
  font-size: 12px;
  height: 20px;
  color: #666;
}

ul.articles span.date {
  color: #888;
  font-size: 14px;
}

.email a {
  color: #aaa;
}

div#search input {
  padding: 2px 10px;
  margin-bottom: 5px;
}

.badge {
  display: inline-block;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #586069;
  background-color: rgb(27 31 35 / 8%);
  border-radius: 20px;
}

.notes {
  background-color: #ff0;
  padding: 0 5px;
}

.notice {
  font-size: 14px;
  color: #8898aa;
  text-align: left;
}

span.ss-icon.warning a {
  color: orange !important;
  font-size: 18px !important;
  padding: 0 5px 0 0;
  margin-top: -5px;
}

span.ss-icon.info a {
  color: gray !important;
  font-size: 18px !important;
  padding: 0 5px 0 0;
  margin-top: -5px;
}

span.limit_reached strong {
  color: red !important;
}

.large_facebox pre {
  overflow: scroll;
  width: 550px;
}

table.admin_plans abbr {
  font-family: "San Francisco", courier, monospace;
  cursor: help;
}
.combobox  
{
  position: relative;
  zoom: 1;
  width: 370px;
  float: left;
}

.combobox input
{
  width: 350px;
  font-size: 16px;
  padding: 5px;
}

.combobox input.open
{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.combobox.with_error input
{
  border-color: red;
}

.combobox span.ss-icon
{
  cursor: pointer;
  margin-left: -31px;
  margin-top: 3px;
  padding-top: 3px;
  text-align: center;
  position: absolute;
  width: 30px;
  height: 27px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.combobox input:focus + span.ss-icon:hover
{
  background: #b3d0f4;
  border-left: 1px solid #1485ff;
  width: 30px;
  margin-left: -32px;
  color: #333;
}

.combobox span.ss-icon:active
{
  background: #1485ff;
  color: #fff;
}

.combobox input + span.ss-icon:hover
{
  background: #eee;
  border-left: 1px solid #ccc;
  width: 30px;
  margin-left: -32px;
  color: #333;
}

.combobox ul.dropdownlist
{
  display: none;
  width: 363px;
  height: 300px;
  background-color: #fff;
  overflow: auto;
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 0;
  box-shadow: inset 0 1px 2px rgba(27,31,35,0.075), 0 0 0 0.2em rgba(3,102,214,0.3);
}

.combobox ul.dropdownlist li.selected
{
  background-color: #DCDCDC;
}

.combobox ul.dropdownlist a
{
  display: block;
  margin-left: 40px;
  white-space: nowrap;
  overflow: hidden;
}

.combobox ul li
{
  cursor: pointer;
  margin: 0;
  padding: 5px !important;
}

.combobox li img
{
  margin: 0;
  padding: 0;
  width: 43px;
  height: 43px;
  float: left;
  margin-right: 10px;
  display: inline-block;
}

.combobox li.light, .combobox ul li.light a
{
  color: #fff;
  background-color: #3875d7;
  text-decoration: none;
}

.combobox .user-email
{
  font-size: 12px;
  margin-left: 40px;
  white-space: nowrap;
  overflow: hidden;
}

.combobox b
{
  background: yellow;
  color: #333;
}

.combobox + .clear + .invalid_email
{
  display: none;
  font: bold;
  color: red;
  float: left;
  position: relative;
  top: 2px;
}

.combobox + .clear + .invalid_email:before
{
  content: "\2421";
  font-family: SSStandard;
  padding-right: 5px;
  position: relative;
  top: 2px;
  font-size: 16px;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.7.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2017 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url(/assets/chosen-sprite@2x-ae0ad3ed92762d1570acca954a83b0d8428231fe4c15e770e924ce59d7b7635c.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  border-radius:5px;
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  background: #fff;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close_facebox_button{
  position:absolute;
  top:8px;
  right:4px;
  padding:0px;
  opacity:0.3;
  font-family: "SSStandard";
  font-size: 16px;
}

#facebox .close_facebox_button:hover{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}
.editor{
  max-width: 500px;
}

.editor .control{
  color: #444;
  text-decoration: none;
  /*display: block;*/
  font-size: 12px;
  font-family: "SSStandard";
  float: left;
  padding: 0px 15px 0px 0px;
  margin: 0 4px 0px 0px;
  top: 3px;
  position: relative;
}

.editor .control.c-bold{font-weight:900; font-family: "Helvetica Neue", Helvetica, Arial; font-size: 14px; top: 0;}
.editor .control.c-italic{font-style: italic; font-family: "Helvetica Neue", Helvetica, Arial; font-size: 14px; top:0;}
.popover {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  color: #333;
  text-transform: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 250px;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.popover a {
  color: #2D76B9 !important;
  text-decoration: none;
}

.popover a:hover {
  color: #2D76B9;
  text-decoration: underline !important;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
  overflow: hidden;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}


/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-standard.css" rel="stylesheet" />
*/

@font-face {
  font-family: "SSStandard";
  src: url(/assets/ss-standard-9d0732efe017ccf3ae00754ae4bf785f7eda589a1e94b128bf110565478eed4a.eot);
  src: url(/assets/ss-standard-9d0732efe017ccf3ae00754ae4bf785f7eda589a1e94b128bf110565478eed4a.eot?#iefix) format('embedded-opentype'),
       url(/assets/ss-standard-9df39037c9d5aedf046661022aa982d22dca2ecb6085726dffffec9c8b3c39a2.woff) format('woff'),
       url(/assets/ss-standard-51155071363a699f6d0d8ea98ae99a3909b04fce4ca17c04ad98f73b5af279f1.ttf)  format('truetype'),
       url(/assets/ss-standard-32bfc7b10b32501089772ff8baf8dc134bc3e806e5937b69ec048f4cf1fd23fc.svg#SSStandard) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-plane:before,.ss-plane.right:after{content:'✈'}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''}

/* Legacy classes */
.ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

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

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

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

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

.tooltip-inner {
  max-width: 200px;
  padding: 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-top-color: #000000;
  border-width: 5px 5px 0;
}

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

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

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
/* More about code */
code,
pre {
  font: 13px Menlo, Consolas, monospace;
}

.highlight pre,
pre {
  background-color: #f9fafe;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  border-radius: 5px;
  padding: 6px 10px;
}

.highlight pre code {
  background-color: transparent !important;
}

#documentation code,
.blog code {
  background-color: #f9fafe;
  border-radius: 5px;
  white-space: nowrap;
  margin: 0 2px;
  padding: 0 5px;
}

#documentation pre code,
.blog pre code {
  white-space: pre;
  border: none;
  margin: 0;
  padding: 0;
}

.highlight pre > code {
  white-space: pre;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

.highlight a,
.highlight a code {
  color: #4183c4;
  text-decoration: none;
}
/*

Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/

.hljs {
  color: #383a42;
  background: #fafafa;
}

.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #50a14f;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
/* General website layout */
body {
  margin: 0;
  padding: 0;
  color: #333;
  height: 100%;
  font: 13px/1.4 "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #a1b1c1 url(/assets/pattern/noise.png) repeat;
}

a#logo {
  box-sizing: content-box;
  background-image: url(/assets/logo/wti_mascot_white.svg);
  background-repeat: no-repeat;
  width: 220px;
  height: 44px;
  margin: 5px 0;
  float: left;
}

a#logo span {
  display: inline-block;
  text-indent: -9999em;
  background-position: 0 -500px;
}

/* Flat beige theme */
body.flat_beige {
  background: #eae3c9;
}

body.flat_beige a#logo {
  background-image: url(/assets/logo/wti_mascot.svg);
  height: 60px;
}

/* Miami blue theme */
body.miami_blue {
  background: #387e9b url(/assets/pattern/noise.png) repeat;
}

/* Pink theme */
body.pink {
  background: #fcd7de;
}

body.pink a#logo {
  background-image: url(/assets/logo/wti_mascot.svg);
  height: 60px;
}

/* Tan theme */
body.tan {
  background: #e1c699 url(/assets/pattern/noise.png) repeat;
}

/* Taupe theme */
body.taupe {
  background: #ad9f94 url(/assets/pattern/noise.png) repeat;
}

/* Tropical Green theme */
body.tropical_green {
  background: #17806d;
}

/* End themes */

body.grid {
  background: #fff;
}

.unsupported {
  height: 45px;
  text-align: center;
  background: #fff6a9;
  color: #333;
  font: normal 17px "Helvetica Neue", Arial, sans-serif;
  line-height: 45px;
}

#container {
  min-height: 100%;
}

.container {
  width: 980px;
  margin: 0 auto;
  display: block;
}

.centered_container {
  color: #333;
  width: 660px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -330px;
  font-size: 16px;
}

table.all_locales {
  background: #fff;
}

table.all_locales thead tr:hover {
  background: transparent;
}

.logo_mini {
  top: 50%;
  left: 50%;
  position: absolute;
  margin: -245px 0 0 -330px;
}

.logo_mini a:hover {
  background-color: transparent;
}

#content {
  min-height: 200px;
  z-index: 0;
  padding: 5px 20px;
  border-radius: 3px;
  box-shadow: 0 0 6px rgb(0 0 0 / 30%);
  background-color: #fff;
  padding-bottom: 1em;
  margin-bottom: 100px;
}

#content p {
  line-height: 1.8em;
  margin: 0.5em 0;
}

/** Menu */
#page_heading {
  background: #f1f2f0;
  border-radius: 5px 5px 0 0;
  margin: -20px -20px 20px;
  padding: 15px 20px 0;
  min-height: 40px;
}

#page_heading h1 {
  font-size: 20px;
  color: #444;
  line-height: 30px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

#page_heading ul {
  margin: 15px -10px 0 -20px;
  max-width: 1040px;
  min-width: 911px;
  padding-left: 9px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  clear: both;
  height: 30px;
  width: auto;
}

#page_heading li {
  display: inline;
  line-height: 1;
}

#page_heading.public_projects_header li a {
  position: relative;
  top: 1px;
}

#page_heading li a {
  border-radius: 4px 4px 0 0;
  display: inline;
  float: left;
  line-height: 24px;
  margin: 0;
  overflow: hidden;
  padding: 4px 10px 3px;
  text-shadow: #fff 0 1px 0;
  width: auto;
}

#page_heading li a span {
  font-weight: 400;
  color: #ccc;
}

#page_heading li a:hover {
  background: #ddd;
  text-decoration: none;
}

#page_heading li.active {
  padding-bottom: 3px;
}

#page_heading li.last {
  float: right;
}

#page_heading li.active a {
  background: #fff;
  border-bottom: 0;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #666;
  font-weight: 700;
  padding-top: 3px;
}

#page_heading li.settings,
#page_heading li.atom_feed {
  padding-bottom: 0;
  float: right;
}

#page_heading li.settings a::before,
#page_heading li.atom_feed a::after {
  font-family: SSStandard;
  position: relative;
  top: 1px;
  width: 18px;
  height: 12px;
  text-rendering: optimizelegibility;
  white-space: nowrap;
  font-variant-ligatures: common-ligatures;
}

#page_heading li.atom_feed a::after {
  content: "\E310";
  float: right;
  left: 7px;
}

#page_heading li.settings a::before {
  float: left;
  content: "\2699";
}

ul#string_index li.string .options_box {
  width: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 2px 2px 10px #888;
  z-index: 150 !important;
  display: block;
  position: absolute !important;
  left: 555px;
  top: 30px;
}

ul#string_index li.string .options_box .pointer {
  right: 15px;
  position: absolute;
  top: -10px;
  font-family: SSStandard;
  margin-right: 5px;
  font-size: 12px;
  z-index: 0 !important;
  color: #777;
}

ul#string_index li.string .options_box .pointer::before {
  content: "\25B4";
}

ul#string_index li.string .options_box.top {
  position: absolute !important;
  left: 555px;
  top: -425px;
}

ul#string_index li.string .options_box.top .pointer {
  position: absolute;
  right: 15px;
  top: 410px;
  font-family: SSStandard;
  margin-right: 5px;
  font-size: 12px;
  z-index: 0 !important;
  color: #777;
}

ul#string_index li.string .options_box.top .pointer::before {
  content: "\25BE";
}

ul#string_index li.string .options_box a,
ul#string_index li.string .options_box .disabled {
  font-size: 14px;
  text-decoration: none !important;
  display: block;
  padding: 6px 18px;
  padding-right: 20px;
}

ul#string_index li.string .options_box a {
  color: #222;
}

ul#string_index li.string .options_box .disabled {
  color: #999;
  cursor: not-allowed;
}

ul#string_index li.string .options_box .separator {
  background-color: #ddd;
  height: 1px;
  margin: 3px 0;
}

ul#string_index li.string .options_box a:hover {
  background-color: #3072b3;
  color: #fff;
  text-shadow: #777 0 1px 1px;
}

ul#string_index li.string .options_box .see_more_options::before {
  content: "\25B9";
  font-family: SSStandard;
  float: right;
  margin: 3px 0;
  color: #666;
}

ul#string_index li.string .options_box .see_more_options:hover::before {
  color: #fff !important;
}

ul#string_index li.string .options_box .more_options_box {
  width: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1px;
  box-shadow: 2px 2px 10px #888;
  z-index: 160 !important;
  display: block;
  position: absolute !important;
  left: 200px;
  top: 77px;
}

.error {
  color: #735c0f;
  background-color: #ffea7f;
  border: 1px solid rgb(176 136 0 / 30%);
  padding: 5px 10px;
  margin-bottom: 10px;
}

.small_error {
  color: red;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
}

.important {
  background-color: #eaeaea;
  padding: 15px 30px;
  border: 1px solid #e6e8d9;
  text-decoration: none;
  color: #444;
  font: 14px "Helvetica Neue", Arial, sans-serif;
  line-height: 40px;
  margin-bottom: 10px;
}

.important li {
  margin-bottom: 5px;
}

.important h3 {
  margin-top: 0;
}

.important p {
  color: #333;
}

.okay {
  color: green;
  font-weight: 700;
}

.help.pad {
  padding-bottom: 30px;
  margin: 0 auto;
}

.help.pad .right_home {
  text-align: right;
  display: inline-block;
  float: right;
}

/* Plans **/
table {
  border-collapse: collapse;
  width: 100%;
}

table td {
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1em;
  color: #555;
}

td.small {
  width: 100px;
}

td.centered {
  text-align: center;
}

table.statistics thead,
table.list thead,
table.list tfoot {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #444;
  font-size: 14px;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}

table.statistics td {
  padding-left: 0;
}

table.locales tr:hover {
  background: #fefed0;
}

table.list table td.medium {
  width: 300px;
}

table td.head {
  background: #efefef;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 280px;
  padding: 0;
}

table td.head:hover {
  background: #ddd;
}

table td.head a {
  padding: 30px 10px;
  display: block;
}

table td.head a:hover {
  text-decoration: none;
}

table.locales {
  margin-left: -20px;
  margin-right: -20px;
  width: 980px;
}

table.locales th {
  text-align: center;
}

table.list th {
  padding: 10px 20px;
}

table.statistics th {
  padding: 10px 20px 10px 0;
  font-size: 1em;
}

table.list {
  position: relative;
  left: 0;
  right: 0;
  border-collapse: collapse;
  border-radius: 2px;
}

table.list th a {
  color: #333;
  text-decoration: underline;
}

table.list th strong a {
  text-decoration: none;
}

table.list tr.total td {
  font-weight: bold;
  background: #eee;
  border-bottom: 1px solid #ddd;
}

.master_project_file,
.project_file {
  display: inline;
  margin-left: -10px;
  padding: 2px 8px;
  width: 16px !important;
}

tr.selected {
  background-color: #bec8ab;
}

tr.selected td {
  color: #333;
  font-weight: 700;
}

#statistics {
  width: 950px;
  display: block;
  padding: 15px 0;
  margin-left: -10px;
}

#statistics .stat {
  margin: 0 auto;
  width: 80%;
}

#statistics .stat.full {
  width: 95%;
}

#statistics .stat div {
  width: 130px;
  text-align: center;
  font-weight: 700;
  float: left;
  border-right: 1px solid #eee;
  margin-bottom: 10px;
}

#statistics .stat .hidden,
#statistics .stat .obsolete,
#statistics .stat .to_verify {
  width: 110px;
}

#statistics .stat .last {
  border: none;
}

#statistics .stat .to_verify {
  border-left: 2px solid #eee;
}

#statistics div a,
#statistics div a h3 {
  display: block;
  text-decoration: none;
  color: #3072b3;
  border-radius: 5px;
}

#statistics div a span {
  font-size: 24px;
}

#statistics div a h3 {
  font-size: 15px;
  margin-top: 0;
}

#statistics div a:hover,
#statistics .selected a {
  background-color: #3072b3;
  color: #fff;
}

#statistics div a:hover h3,
#statistics .selected a h3 {
  color: #fff;
}

#statistics .important {
  width: 98%;
  clear: both;
  border: none;
  padding: 5px 0;
}

#statistics .important img {
  vertical-align: text-bottom;
}

ul.units {
  float: right;
  list-style: none;
  display: inline;
  margin-right: -10px;
}

.units a {
  float: right;
  margin: 2px 0;
  color: #777;
  font-size: 14px;
}

.units a:hover {
  text-decoration: none;
}

.units a.active {
  color: #3072b3;
  font-weight: bold;
}

.grab_this {
  border: 4px solid #b9c3a6;
  background-color: #cfd8bd;
  text-align: center;
  width: 370px;
  margin: 20px auto;
  border-radius: 5px;
}

.grab_this:hover {
  border: 4px solid #585e4e;
}

.grab_this a {
  color: #585e4e;
  font-weight: 700;
  display: block;
  padding: 15px !important;
  line-height: 1.2em;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
}

.grab_this a:hover {
  color: #444;
  background-color: #b9c3a6;
}

/* Images in Facebox */
#facebox .content .image img {
  max-height: calc(100vh - 150px);
  max-width: calc(100vw - 150px);
}

.huge_facebox {
  width: 750px;
  height: 550px;
  padding: 0 10px;
  position: relative;
  overflow: scroll;
}

.huge_facebox textarea {
  height: 400px;
}

.large_facebox label,
.huge_facebox label {
  font-size: 1em;
}

.large_facebox {
  width: 700px;
  position: relative;
  padding: 5px;
}

.popup .large_facebox {
  max-height: 85vh;
  overflow: auto;
}

.large_facebox h3,
.huge_facebox h3,
.delete-confirm h3 {
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
  padding: 15px 10px;
  cursor: move;
}

.pagination {
  margin: 10px auto;
  text-align: center;
  font-size: 1.2em;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

td.icons {
  width: 12px;
}

td.icons a {
  margin-bottom: 6px;
}

td.icons a:hover {
  background-color: transparent;
}

#out_of_date img {
  border: 0;
}

span#progress img {
  vertical-align: text-bottom;
}

.tip {
  width: 280px;
  background-color: #ffffc0;
  float: right;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.tip.large {
  width: 360px;
}

.tip.small_colored {
  margin-top: 25px;
  width: 180px;
  background-color: #fffacd;
  float: left;
  text-align: left;
  color: #555;
  line-height: 20px;
  font-size: 12px;
}

.tip.small {
  width: 100%;
  font-size: 12px;
  padding: 4px;
  background-color: #fff;
  float: left;
  border: none;
}

.tip img {
  float: right;
  border: 1px solid #ccc !important;
  margin-left: 10px !important;
}

.tip a {
  text-decoration: none !important;
  color: #333;
  font-size: 11px;
}

.tip a:hover {
  background-color: transparent;
  color: #333;
}

table.mini {
  background-color: transparent;
}

table.mini th {
  padding: 10px 20px;
  font-weight: 700;
}

.chart {
  text-align: center;
}

.chart a:hover {
  background-color: transparent;
}

#subnav {
  border-bottom: 1px solid #ddd;
  margin: 10px 0;
  font-size: 14px;
  display: block;
  height: 36px;
}

#subnav ul {
  list-style: none;
  display: block;
}

#subnav ul li {
  float: left;
  display: inline-block;
}

#subnav ul li.right {
  float: right;
}

#subnav ul li.settings a::before {
  float: left;
  content: "\2699";
  font-family: SSStandard;
  padding-right: 3px;
}

#subnav ul li a {
  padding: 8px 12px;
  display: inline-block;
  text-decoration: none;
  margin-bottom: -4px;
  border: 1px solid transparent;
  color: #2d76b9;
}

#subnav ul li a:hover {
  background: #eee;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#subnav ul li a.selected {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: transparent;
  border-bottom: 1px solid #fff;
  color: #666;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-bottom: 0;
}

td.rank {
  font: 40px "Helvetica Neue", Arial, sans-serif;
  font-weight: 100;
}

/* Blog */
.blog article {
  width: 550px;
  margin: 20px;
  border-top: 1px solid #eee;
  float: left;
}

.blog article header {
  padding-bottom: 20px;
}

.blog article header h3 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -1px;
}

.blog article header p {
  color: #777;
  font-weight: 400;
  padding-top: 0;
}

.blog article .pullquote {
  font-size: 26px;
  font-family: Georgia, serif;
  color: navy;
  padding-right: 30px;
  margin: 10px 0 30px;
  padding-left: 30px;
  border-left: 6px solid navy;
}

.blog article .pullquote.right {
  border-left: none;
  border-right: 6px solid navy;
  text-align: right;
}

.blog article .medaillon img {
  width: 100px;
  padding-left: 20px;
  padding-right: 30px;
  float: left;
}

.blog article .medaillon p {
  font-size: 15px !important;
  float: left;
  width: 400px;
  padding-top: 25px;
}

.blog article .medaillon {
  height: 150px;
  margin: 20px 0;
}

.blog .formatted_content p {
  font-size: 14px !important;
  padding-bottom: 1em;
}

.blog .formatted_content h1 {
  font-size: 26px;
}

.blog .formatted_content h2 {
  font-size: 22px;
}

.blog .formatted_content h3 {
  font-size: 20px;
  font-weight: 400;
  color: navy;
}

.blog .side_posts {
  float: right;
  width: 300px;
}

.blog .side_posts h3 {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -1px;
  color: #555;
  border-top: 1px solid #eee;
}

.blog .side_posts ul {
  list-style: none;
  font-size: 14px;
  color: #888;
}

.blog .side_posts li {
  padding: 5px;
}

.blog .side_posts li a {
  display: block;
  font-size: 16px;
}

.blog .side_posts p {
  color: #333;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.blog .back a {
  font-size: 16px;
  text-decoration: underline;
}

/* Support */

.support.centered {
  width: 800px;
  margin: 0 auto;
  text-align: center;
}

.support h2 {
  font-size: 30px;
  color: #2d76b9;
  margin-bottom: 20px;
}

span.support_status {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px;
}

span.support_status.emergency {
  font-weight: bold;
  background-color: red;
}

span.support_status.closed {
  background-color: green;
}

span.support_status.spam {
  background-color: lightgrey;
}

span.support_status.open {
  font-weight: bold;
  background-color: black;
}

.support dd,
.support input[type="text"],
.support textarea {
  width: 550px !important;
}

dt.support_head img {
  width: 100px;
  float: right;
  margin-left: 10px;
  margin-right: 5px;
  height: 100px;
  border-radius: 60px;
  border: 2px solid #b0cbf0;
}

dd.introduction {
  border-top: 2px solid #b0cbf0;
  border-bottom: 2px solid #b0cbf0;
  background-color: #efefef;
}

dd.introduction h3,
dd.introduction p {
  padding: 10px;
}

dd.introduction h3 {
  margin-bottom: 0;
}

.support form {
  float: left;
}

.menu {
  float: left;
  width: 200px;
  overflow: hidden;
  padding-top: 0;
  margin-left: -10px;
  margin-top: -30px;
  margin-right: 20px;
}

.menu ul {
  margin: 0 0 1.5em;
  padding: 0;
  list-style: none;
}

.menu ul li a,
.menu ul li a:visited {
  display: block;
  padding: 6px 0 6px 12px;
  border-radius: 2px;
}

.menu ul li ul {
  border-bottom: 0;
  list-style-type: disc;
  margin-bottom: 0.5em;
}

.menu ul li ul li {
  border-bottom: 0;
  list-style-type: disc;
  margin-left: 1.5em;
}

.menu ul li ul li a,
.menu ul li ul li a:visited,
.menu ul li.selected ul li a,
.menu ul li.selected ul li a:visited {
  display: block;
  padding: 0;
  border-top: 0;
  font-weight: normal;
  color: #195190;
  text-decoration: underline;
}

.menu a.active {
  font-weight: bold;
  color: #333;
}

.menu .section_header {
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 40px 20px 5px 10px;
}

.support ul.large {
  list-style: none;
  margin: 0 auto;
}

.support ul.large li {
  float: left;
  border-right: 1px solid #eee;
  text-align: center;
  font-size: 16px;
}

.support ul.large li span {
  display: block;
}

.support ul.large li.last {
  border-right: none;
}

.support ul.large li a {
  text-decoration: none;
  display: block;
  padding: 30px 60px;
}

.support ul.large li:hover {
  background-color: #eee;
}

.support ul.large span {
  font-size: 60px;
}

#documentation {
  font-size: 14px;
  line-height: 20px;
}

#documentation h1 {
  font-size: 30px;
  color: #2d76b9;
  margin-bottom: 40px;
}

#documentation h2 {
  margin-bottom: 20px;
}

#documentation h3 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.doc_contents {
  line-height: 30px;
  margin-left: 220px;
}

.doc_contents.no_sidebar {
  margin-left: 20px;
  margin-right: 20px;
}

#documentation .large {
  font-size: 30px;
  text-align: center;
  color: #aaa;
  padding-top: 70px;
  line-height: 50px;
}

#documentation .large span {
  font-size: 70px;
  color: #ddd;
  text-shadow: 0 1px 0 #aaa;
  display: block;
}

#documentation .large small {
  font-size: 22px;
  display: block;
  padding-top: 20px;
}

#documentation .large small.smaller {
  font-size: 16px;
}

#documentation .large small.smaller p {
  padding-bottom: 0;
}

#documentation img {
  border: 3px solid #ccc;
  margin: 10px 0;
  max-width: 700px;
}

#documentation img.noborder {
  border: 0;
}

#documentation ul.results li span {
  color: #888;
  display: block;
}

/* Specific rules for twitter button */
.twitter-button {
  position: relative;
  top: 4px;
  display: inline;
}

.faq_header {
  background-color: #f9fafe;
  padding: 2px 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  display: table;
  border-radius: 5px;
}

.faq_header ul li ul li {
  margin-bottom: 0;
  line-height: 2em;
}

#documentation blockquote {
  background: #edeff2;
  font-style: normal;
  border-left: 4px solid #2d76b9;
  padding: 5px 20px;
  font-weight: 500;
  border-radius: 5px;
}

#documentation .further {
  border-left: 5px solid #eee;
  padding-left: 15px;
}

broadcast {
  display: block;
  background-color: #fff5da;
}

broadcast .content {
  width: 980px;
  margin: 0 auto;
  padding: 10px 20px;
}

/* specific rules for input in facebox organization delete */
#organization_password {
  margin-top: 8px;
}

.search {
  display: inline;
  width: 300px;
}

.project_logo {
  float: left;
  width: 100px;
  height: 100px;
  border: 2px solid #ccc;
  margin: 0 10px 5px 0;
}

.project_logo img {
  width: 100px;
  height: 100px;
}

#newsletter h3 {
  font-size: 18px;
}

.heading {
  line-height: 60px;
}

.heading .avatar {
  float: left;
}

table.csv {
  border: 1px solid #ccc;
  margin-bottom: 40px;
}

table.csv thead {
  border: 1px solid #ccc;
}

table.csv th {
  font-size: 12px;
  font-weight: bold;
  background-color: #eee;
  text-align: center;
  border: 1px solid #ccc;
  padding: 4px;
  width: 80px !important;
}

table.csv td {
  border: 1px solid #ccc;
  font-size: 12px;
  overflow: hidden;
  width: 80px !important;
  white-space: nowrap;
}

.invitation_card h3 {
  padding-top: 0;
}

/* Pagination */

.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #2d76b9;
  border-color: #2d76b9;
}

.page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #2d76b9;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:focus,
.page-link:hover {
  color: #014c8c;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.justify-content-center {
  justify-content: center !important;
  -ms-flex-pack: center !important;
}

.recover {
  text-align: center;
  padding: 10px 0 20px;
}

.recover a {
  padding: 2px;
}

.recover a.active {
  background-color: #3072b3;
  color: #fff;
  text-decoration: none;
}

.recover a:hover {
  background-color: #3072b3;
  color: #fff;
  text-decoration: none;
}

/* Stripe Styling */

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block;
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615;
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373;
}

.resp-sharing-button--tumblr {
  background-color: #35465c;
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c;
}

.resp-sharing-button--reddit {
  background-color: #5f99cf;
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
}

.resp-sharing-button--google:hover {
  background-color: #c23321;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293;
}

.resp-sharing-button--email {
  background-color: #777;
  border-color: #777;
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e;
}

.resp-sharing-button--xing {
  background-color: #1a7576;
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c;
}

.resp-sharing-button--whatsapp {
  background-color: #25d366;
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851;
}

.resp-sharing-button--hackernews {
  background-color: #f60;
}

.resp-sharing-button--hackernews:hover,
.resp-sharing-button--hackernews:focus { background-color: #fb6200; }

.resp-sharing-button--vk {
  background-color: #507299;
}

.resp-sharing-button--vk:hover {
  background-color: #43648c;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

/* Flash messages */

#flash {
  position: sticky;
  top: 0;
  z-index: 10000;
}

#flash .alert {
  position: relative;
  padding: 1rem;
  border: 1px solid transparent;
}

#flash .alert-dismissible {
  padding-right: 3rem;
}

#flash .alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

#flash .alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

#flash .alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

#flash .alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}

#flash .alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}

#flash .alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

#flash .alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat;
  border-radius: 0.25rem;
  opacity: 0.5;
  border: 0;
  cursor: pointer;
}
/* Action header */
#action_header {
  padding: 0;
  width: 980px;
  margin: 0 auto;
  height: 52px;
}

#action_header ul {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: right;
  background: #f1f2f0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-bottom: 60px;
  box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}

#action_header li.upgrade {
  float: left;
  display: inline;
}

#action_header li {
  margin: 0;
  padding: 0;
  color: #222;
  float: right;
  display: inline;
  line-height: 23px;
}

#action_header li a {
  padding: 5px;
  font-size: 12px;
}

#action_header li.reached_limit a {
  font-weight: 700;
  color: red;
}

#action_header li.almost_reached_limit a {
  font-weight: 700;
  color: orange;
}

#action_header li.upgrade a {
  color: #121212;
}

#action_header li.upgrade a:hover {
  color: #fff;
}

#action_header li.features a {
  color: #2d76b9;
  font-weight: 700;
}

ul.changelog {
  list-style: none;
}

ul.changelog li time {
  display: block;
  border-bottom: none;
  color: #888;
}

ul.changelog li {
  margin-bottom: 10px;
}
/* Project Files */

.files.success {
  background: url(/assets/file.png) no-repeat #e6efc2;
  text-indent: 110px;
  min-height: 80px;
}

.files.notice {
  background: url(/assets/file.png) no-repeat #fff6bf;
  text-indent: 110px;
  min-height: 80px;
}

.files.error {
  background: url(/assets/file.png) no-repeat #fbe3e4;
  text-indent: 110px;
  min-height: 80px;
}

div.file {
  background: url(/assets/file.png) left no-repeat;
  height: 120px;
  margin-left: 20px;
}

div.file .file_name {
  margin-left: 120px;
  padding-top: 30px;
  font-size: 1.5em;
  font-weight: 700;
}

div.file .download {
  margin-left: 120px;
  padding-top: 10px;
}

.image_file {
  margin: 10px 5px 5px;
}

.image_file a:hover {
  background: transparent !important;
}

.image_file a {
  width: 150px;
  height: 150px;
  line-height: 150px;
  border: 1px solid #ccc;
  margin: 0 0 4px;
  overflow: hidden;
  display: block;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.image_file img {
  padding: 3px;
  min-height: 150px;
  min-width: 150px;
  margin: 0 0 5px;
  text-align: center;
  width: auto;
  display: block;
}

div.file_internet {
  background: url(/assets/file_internet.png) left no-repeat;
  margin-left: 20px;
}

div.file_internet .file_name {
  margin-left: 120px;
  padding-top: 30px;
  font-size: 1.5em;
  font-weight: 700;
}

div.file_internet .download {
  margin-left: 120px;
  padding-top: 10px;
}

td.file_link form {
  display: inline;
}

.file_list {
  width: 250px;
  float: left;
  margin-top: 30px;
}

.activity .file_list {
  float: none;
}

.activity .file_list .ss-icon {
  float: right;
  margin-right: 25px;
}

.file_list .file_name {
  padding: 5px 0 10px;
}

.file_list span.bin,
.abstract span.bin {
  visibility: hidden;
}

.file_list:hover span.bin,
.abstract:hover span.bin {
  visibility: visible;
}

span.bin a:hover {
  background: transparent !important;
}

table.file {
  table-layout: fixed;
  margin-left: -20px;
  margin-right: -20px;
  width: 980px;
}

table tr.hidden {
  display: none;
}

td.file {
  height: 2em;
  width: 500px !important;
  overflow: hidden;
  padding-left: 0;
  white-space: nowrap;
}

td.file a {
  display: inline;
}

td.file span.action {
  display: none;
}

tr.target_file td.file {
  padding-left: 40px;
}

tr.target_file span.editable {
  display: inline-block;
  width: 500px !important;
}

tr.target_file input.edit_in_place {
  width: 100%;
}

span.children a {
  color: #666;
  text-decoration: none;
  font-size: 0.9em;
  margin: 0 5px 0 10px;
}

span.children a:hover {
  background-color: transparent;
}

span.children a:active {
  color: #000;
}

.progress {
  background-color: #f2f2f2;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
}

.progress #status {
  padding: 30px;
}

.progress .box {
  border-bottom: 1px solid #d7d7d7;
}

.progress .details {
  padding: 10px 0;
  color: #777;
  text-shadow: 0 1px 1px #fff;
  text-indent: 15px;
}

.progress .info {
  padding: 30px;
  border-top: 1px solid #fbfbfb;
  line-height: 2em;
  font-size: 13px;
}

table.list.file tbody tr:nth-child(odd) {
  background-color: #f3f6fa;
}

tr:nth-child(odd) td.file:hover span.file_name {
  display: inline-block;
  background-color: #f3f6fa;
  max-width: 330px;
}

tr:nth-child(even) td.file:hover span.file_name {
  display: inline-block;
  background-color: #fff;
  max-width: 330px;
}

tr:nth-child(odd) td.file:hover span.action {
  display: inline;
  overflow: visible;
  background-color: #f3f6fa;
  padding: 5px;
}

tr:nth-child(even) td.file:hover span.action {
  display: inline;
  overflow: visible;
  background-color: #fff;
  padding: 5px;
}

td.periodically {
  padding-left: 2px;
  padding-top: 12px;
}

td.periodically a {
  margin-left: 2px !important;
}
/* Translation Interface */
ul#string_index {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}

ul#string_index li {
  padding: 5px 0;
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #c5d5dd;
  min-height: 60px;
  height: 1%;
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}

ul#string_index li:hover .hover_me,
ul#string_index li.selected .hover_me {
  cursor: text;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 6px !important;
  border-radius: 2px;
}

ul#string_index li.selected::before {
  font-family: SSStandard;
  font-style: normal;
  font-size: 30px;
  position: absolute;
  top: 30px;
  color: #eee;
  text-shadow: 1px 1px 1px #333;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizelegibility;
  white-space: nowrap;
  font-variant-ligatures: common-ligatures;
  content: "\25BB";
  left: -30px;
}

span.switch a {
  color: #777;
  font-size: 16px;
  position: relative;
  margin: 0 3px;
}

span.switch a:hover {
  text-decoration: none;
  color: #333;
}

.help .left a span {
  font-size: 18px;
  position: relative;
  top: 3px;
}

span.help a {
  font-size: 16px;
  position: relative;
  top: 3px;
}

span.help a:hover {
  background-color: transparent !important;
  text-decoration: none;
  color: #2d76b9 !important;
}

span.help a:active {
  color: #27528c !important;
}

ul#string_index li.status_proofread,
.string.status_proofread {
  border-right: 5px solid green;
}

ul#string_index li.status_unproofread,
.string.status_unproofread {
  border-right: 5px dotted orange;
}

ul#string_index li.status_untranslated,
.string.status_untranslated {
  border-right: 5px dotted red;
}

ul#string_index li.status_unverified,
.string.status_unverified {
  border-right: 5px double #fc0;
}

ul#string_index li.status_hidden,
.string.status_hidden {
  border-right: 5px solid #ccc;
}

ul#string_index li.status_obsolete,
.string.status_obsolete {
  border-right: 5px dotted #ccc;
}

.string {
  overflow-wrap: break-word;
}

ul#string_index li.saving {
  cursor: progress;
}

ul#string_index li:nth-child(odd) {
  background: #fff;
}

ul#string_index li:nth-child(even) {
  background: #f7fbfc;
}

ul#string_index li .tools {
  margin-top: 2px;
  position: relative;
  font-weight: 500;
}

ul#string_index li .tools a,
.tools .string_key {
  color: #666;
  text-decoration: none;
}

ul#string_index li .tools a:hover,
.tools .string_key:hover {
  color: #444;
}

.tools {
  display: block;
  position: relative;
  min-height: 20px;
  font-size: 12px;
}

.tools span.ss-icon {
  font-size: 14px;
}

ul#string_index li a.options_button {
  position: absolute;
  right: 240px;
  text-align: right;
  font-size: 16px;
  margin-top: -3px;
}

ul#string_index li .options_button.loading {
  cursor: progress;
}

ul#string_index li a.comments {
  float: right;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  margin-top: -5px;
}

ul#string_index li a.comments span.ss-icon {
  margin-right: 2px;
  position: relative;
  top: 2px;
  font-size: 16px;
  color: #999;
}

ul#string_index li a.comments:hover span.ss-icon {
  color: #444;
}

ul#string_index li a.status,
ul#string_index li span.status {
  float: right;
  text-align: right;
  display: inline-block;
  width: 100px;
  padding: 0 10px;
  margin-top: -4px;
}

ul#string_index li a.status span.text,
ul#string_index li span.status span.text {
  position: relative;
  top: -3px;
}

ul#string_index li a.status span.bgstatus,
ul#string_index li span.status span.bgstatus {
  margin-top: 1px;
}

ul#string_index li span.bgstatus {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 2px;
  font-size: 16px;
  margin-left: 5px;
  color: #21af1b;
  background-color: #fff;
  background-position: 2px 7px;
  border: 1px solid #bcbcbc;
  border-right-color: #d5d5d5;
  border-bottom-color: #e2e2e2;
}

ul#string_index li.status_unverified span.bgstatus {
  color: #fc0;
}

ul#string_index li a:hover span.bgstatus {
  background-color: #e9e9e9;
}

ul#string_index li span.bgstatus.loading {
  color: #aaa;
}

ul#string_index li span.status.locked {
  cursor: no-drop;
  color: #777;
}

ul#string_index li span.status.locked span.ss-icon {
  color: #d0a04a !important;
}

ul#string_index li .tools a:hover {
  background-color: transparent;
}

ul#string_index li .tools .plural_string,
ul#string_index li .tools .max_chars,
ul#string_index li .tools .mdown {
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  border-radius: 3px;
  margin-left: 0.25em;
  white-space: nowrap;
  padding-right: 1px;
}

ul#string_index li .tools .plural_string {
  right: 320px;
  background: #d51007;
  border: 3px solid #d51007;
}

ul#string_index li .tools .mdown {
  right: 320px;
  background: #d51007;
  border: 3px solid #d51007;
  font-size: 12px;
}

ul#string_index li .tools .max_chars {
  right: 270px;
  background: #d51007;
  border: 3px solid #d51007;
}

ul#string_index li .tools .plural_string a,
ul#string_index li .tools .max_chars a,
ul#string_index li .tools .mdown a {
  color: #fff;
}

ul#string_index li .tools .plural_string:hover,
ul#string_index li .tools .max_chars:hover,
ul#string_index li .tools .mdown:hover {
  background-color: #999;
  border-color: #999;
  text-decoration: none;
}

ul#string_index li .tools .plural_string,
ul#string_index li .tools .mdown {
  position: absolute;
  right: 320px;
  background: #d51007;
  color: #fff;
  border: 3px solid #d51007;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  line-height: 1em;
  border-radius: 3px;
  margin-left: 0.25em;
  white-space: nowrap;
}

ul#string_index li .tools .plural_string a {
  color: #fff;
}

ul#string_index li .tools .plural_string:hover {
  background-color: #999;
  border-color: #999;
  text-decoration: none;
}

ul#string_index li .tools .string_key {
  margin-left: 10px;
  width: 490px;
  text-align: left;
  font-family: Menlo, Consolas, monospace;
}

li .string_source,
li .string_target {
  width: 473px;
  float: left;
  padding: 16px 10px 9px;
  overflow-wrap: break-word;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #666;
  position: relative;
}

li .string_source {
  padding-right: 4px;
}

li .string_target {
  padding-left: 5px;
}

li .string_source p,
li .string_target .hover_me {
  line-height: 26px !important;
}

li .string_target .hover_not {
  line-height: 26px !important;
}

li .string_target .controls {
  float: right;
}

li .string_target .controls span.cancel {
  font-size: 12px;
}

.string_source p {
  margin: 0 !important;
}

.string_source p,
li .hover_me,
li .hover_not {
  position: relative;
  padding: 7px;
  display: block;
}

.string_source .hover_me p {
  padding: 0 !important;
}

li .string_target.in_source_locale {
  display: block;
  float: none;
  margin: 0 auto;
}

.hover_me.loading {
  background: url(/assets/ajax-loader.svg) center no-repeat;
}

.hover_me:hover {
  cursor: text;
  border: 1px solid rgb(82 168 236 / 80%);
  background-color: #fcfcfc !important;
  padding: 5px !important;
  border-radius: 2px;
}

.hover_me:active {
  border-color: rgb(82 168 236 / 80%) !important;
  background-color: #fff !important;
}

.save {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

#return_to_top a {
  position: fixed;
  top: 15px;
  right: 5px;
  opacity: 0.5;
  font-size: 60px;
  text-decoration: none;
  border-radius: 10px;
  color: #000;
  padding: 1px 8px;
  z-index: 50;
}

#return_to_top a:hover {
  text-decoration: none;
  opacity: 1;
}

.char_count {
  font-size: 12px;
  display: inline-block;
  cursor: default;
  float: right;
  color: #666;
}

.char_count span.divider {
  font-weight: bold;
}

.string_target .errors {
  color: red;
  font-weight: 400;
}

.string_target .char_count.exceeded span.count_target {
  color: red;
}

.string_target .char_count.warning span.count_target {
  color: orange;
  font-weight: bold;
}

/* Show all locales --------- **/
#facebox .show_all_locales {
  height: 500px;
  overflow: auto;
}

.centered_container .show_all_locales {
  width: 620px;
  overflow: auto;
}

.show_all_locales h3 {
  margin-top: 0;
}

.show_all_locales li .left {
  width: 100px;
  float: left;
  padding-right: 15px;
  margin-right: 15px;
}

.show_all_locales li .left .locale a {
  color: #888;
  font-weight: 700;
  text-decoration: none;
}

.show_all_locales li .left .locale a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #555;
}

.show_all_locales li .right {
  width: 450px;
  float: left;
  color: #444;
}

.show_all_locales .key {
  margin-top: 10px;
}

table.all_locales tr:hover {
  background-color: #ffc;
}

table.all_locales td {
  min-width: 250px;
  max-width: 250px;
  font-size: 12px;
  overflow: hidden;
}

table.all_locales td a {
  color: #333;
  text-decoration: none;
}

table.all_locales td a:hover {
  color: #333;
  background-color: transparent;
}

table.all_locales thead td {
  border-right: 1px solid #eee;
}

thead td.fixed {
  border-bottom: 1px solid #ccc;
}

.scrollable_table {
  overflow: scroll visible;
  margin-left: 582px;
  padding-bottom: 1px;
}

td.fixed {
  position: absolute;
  width: 250px;
  overflow: hidden;
  left: 0;
  top: auto;
  height: 100%;
  background-color: #f8f8f8;
  border-top: 1px solid #eee !important;
  border-right: 2px solid #eee;
}

td.source_fixed {
  position: absolute;
  left: 290px;
  top: auto;
  height: 100%;
  border-top: 1px solid #eee;
  background-color: #fcfcfc;
}

tr:hover td.source_fixed {
  background-color: #ffc;
}

tr:hover td.fixed {
  background-color: #ffc;
}

/* Developer comments --------- **/
.developer_comment {
  max-width: 600px;
  cursor: help;
}

.developer_comment .content {
  float: left;
  background-color: #f5eee2 !important;
  padding: 3px 6px;
  font-size: 12px;
  font-family: Menlo, Consolas, monospace;
  border-radius: 5px;
  margin-left: 10px;
  align-items: center;
  display: flex;
}

.developer_comment .content div {
  max-width: 600px;
}

.developer_comment svg {
  color: #eb9a23;
  margin-right: 10px;
  flex-shrink: 0;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.developer_comment span.ss-icon.attachments a {
  position: relative;
  top: 2px;
  color: #b9c3a5;
  font-size: 18px;
  margin-left: 5px;
  flex-shrink: 0;
  vertical-align: middle;
}

.developer_comment span.ss-icon.attachments a:hover {
  color: green;
}

.developer_comment p {
  padding: 0;
  margin: 0 !important;
  line-height: 10px;
  color: #222;
}

.developer_comment p a {
  color: blue !important;
  text-decoration: underline !important;
}

.developer_comment p a:hover {
  background: transparent;
  color: #333;
  cursor: pointer;
}

.developer_comment p em {
  font-style: italic;
}

.developer_comment p strong {
  font-weight: 600;
}

.edit_dev_comment {
  float: left;
  line-height: 1.8em;
  margin-bottom: 0;
  padding-left: 5px;
}

a.edit_dev_comment:hover {
  background-color: transparent;
}

a.document_button,
a.image_button {
  float: left;
}

/* Tags ------------------------ **/
#string_index .labels {
  float: right;
  margin: 0;
  display: block;
  width: 350px;
  text-align: right;
  margin-right: 10px;
}

#string_index span.label {
  padding: 3px 6px;
  font-size: 12px;
  font-family: Menlo, Consolas, monospace;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  color: #444;
  font-weight: 400;
  overflow: hidden;
  background-color: #e2ecf5;
  line-height: 22px;
}

#string_index span.label.with_delete {
  padding: 3px 0 3px 6px !important;
}

span.label a {
  color: #2d76b9 !important;
}

.info_translation {
  text-align: center;
}

#string_index span.label span.delete {
  border-left: 1px solid #2d76b9;
}

#string_index span.label span.delete a {
  color: #2d76b9;
  padding: 2px 5px;
}

#string_index span.label span.delete a:hover {
  color: #fff !important;
  background: #2d76b9;
  margin-left: -1px;
  padding-left: 6px;
}

#string_index span.label a.show_all_labels {
  color: #2d76b9;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 5px;
  margin-right: -5px;
  margin-left: -5px;
}

ul.string_index textarea {
  margin-top: 0;
}

span.delta_positive {
  color: green;
  font-size: 0.9em;
}

span.delta_negative {
  color: red;
  font-size: 0.9em;
}

.bluff-tooltip {
  background: #fff;
  border: 1px solid #d1edf5;
  padding: 8px 8px 6px;
}

.bluff-tooltip .color {
  display: block;
  height: 4px;
  width: 30px;
  margin: 0 0 4px;
  overflow: hidden;
}

.bluff-tooltip .data {
  font-weight: 700;
}

canvas.chart {
  clear: left;
  border: 0 solid #ccc;
  margin: 0;
  width: 300px;
}

.chart a {
  text-decoration: none;
}

/** String Log **/
.translations {
  width: 550px;
}

.source,
.target {
  width: 45%;
  clear: both;
  margin-bottom: 10px;
}

.undefined {
  width: 430px;
  float: left;
  display: inline-block;
}

ol#history {
  display: block;
  margin-left: 0;
  list-style: none;
}

.source .string,
.target .string,
.show_all_locales .string,
.undefined .string {
  padding: 7px 12px;
  margin-bottom: 5px;
  background-color: #f7f7f7;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: inset 1px 1px 5px #ddd;
  color: #444;
  line-height: 22px;
  font-size: 14px;
}

.undefined ul {
  padding: 0;
  margin-left: 0;
}

.source {
  float: left;
}

.target {
  float: right;
}

.source .string p {
  display: inline;
  color: #333;
}

.string div[dir="rtl"] {
  text-align: right;
}

.plural {
  font-size: 11px;
  margin-bottom: 10px;
  text-align: left;
}

.plural span,
.plural label {
  display: inline;
  background-color: orange;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 5px;
  text-transform: uppercase;
  padding: 2px 3px;
  margin-right: 5px;
}

.string_source:hover .wspc,
.string_target:hover .wspc {
  background-color: #afd3fe;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.string_source .wspc,
.string_target .wspc {
  background-color: transparent;
  margin-right: 1px;
  border-bottom: 1px solid #afd3fe;
}

.string_source:hover .lbrk,
.string_target:hover .lbrk {
  background-color: #f77;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.string_source .lbrk,
.string_target .lbrk {
  background-color: #fcc;
  width: 6px;
  height: 16px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.string_source .ltr_run,
.string_target .ltr_run {
  background: url(/assets/ltr.png) no-repeat;
  background-size: 9px 28px;
  width: 12px;
  height: 28px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.string_source .rtl_run,
.string_target .rtl_run {
  background: url(/assets/rtl.png) no-repeat;
  background-size: 9px 28px;
  width: 12px;
  height: 28px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

td.status_proofread {
  border-left: 2px solid green;
}

td.status_unproofread {
  border-left: 2px dotted orange;
}

td.status_untranslated {
  border-left: 2px dotted red;
}

td.status_unverified {
  border-left: 2px double #fc0;
}

td.status_obsolete {
  border-left: 2px solid #333;
}

ul.terms li {
  list-style: none;
  height: 10px;
  background: transparent !important;
  min-height: 0 !important;
  overflow-wrap: break-word;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

ul.terms li .term_base::before {
  content: "\1F4D6";
  font-family: SSStandard;
  margin-right: 5px;
  color: #806e59;
  text-shadow: 0 1px 0 #eee;
}

.terms_and_suggestions {
  max-height: 300px;
  margin-top: 4px;
  overflow: auto;
}

span.suggestions-loading img {
  position: relative;
  top: -2px;
}

ol.suggestions {
  margin: 0;
}

ol.suggestions li {
  list-style-type: none;
  border-bottom: 1px solid;
  padding: 5px 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow-wrap: break-word;
  cursor: pointer;
  background-color: transparent !important;
}

ol.suggestions li.selected {
  background-color: #fffbcc !important;
}

ol.suggestions li .logo {
  float: left;
  width: 35px;
}

ol.suggestions li .logo img {
  width: 24px;
  height: 24px;
  padding-top: 10px;
}

ol.suggestions li .suggestion_wrapper {
  display: inline-block;
  width: 438px;
}

ol.suggestions li .suggestion_origin {
  color: #777;
  font-size: 12px;
}

ol.suggestions li .suggestion_text {
  overflow-wrap: break-word;
}

.author {
  color: #888;
}

.author strong {
  font-weight: 500;
  color: #555;
  font-size: 13px;
}

textarea.resizeable {
  height: 70px;
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
  color: #555;
  font-weight: 400;
  background: #fff;
  border-radius: 2px;
  line-height: 26px;
}

.string_source textarea.resizeable {
  height: 70px;
}

/* Activity */
.mini_string {
  float: left;
  width: 400px;
}

.mini_string .string {
  padding: 20px 10px;
  background-color: #efefef;
}

ul.review_segments {
  list-style: disc;
  height: 100px;
  width: 450px;
  overflow: scroll;
  font-size: 11px;
  line-height: 15px;
}

ul.review_segments li {
  list-style: disc;
  border: none;
  padding: 0 !important;
  margin: 0;
}

/* Batch Operation indicator, top right */

#batch_operation_indicator {
  position: relative;
  width: 280px;
  text-align: right;
  float: right;
  right: 0;
  top: -80px;
}

/* Changeset in Activity feed */

.changeset {
  clear: both;
}

.activities .changeset {
  text-indent: 0;
  padding-left: -50px;
  margin-left: -50px;
}

.changeset .key {
  padding-top: 20px;
}

.activities .changeset .key {
  padding-top: 20px;
  text-indent: 0;
  padding-left: -50px;
}

.changeset span.ss-icon {
  float: left;
  padding: 10px 20px;
  font-size: 40px;
  color: #999;
}

.changeset + h3 {
  clear: both;
  padding-top: 40px;
}

.activities .changeset li.undefined {
  width: 420px;
}

/* Legend on Detailed Stats */

.legend {
  width: 700px;
  margin: 0 auto;
}

.legend div {
  width: 30px;
  height: 20px;
  float: left;
  margin-right: 10px;
}

.legend span {
  float: left;
  margin-right: 10px;
}

.bidi_markers {
  float: right;
}

span.parent_translation {
  display: block;
}

span.parent_translation strong {
  display: block;
  color: orange;
  padding: 10px 0;
}

#no_more,
#loading_segments {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  background: #efefef;
  margin: 0 -20px;
  font-weight: 600;
  color: #333;
}
/* Empty cases */
.empty_case {
  background-color: #e4edd1;
  padding: 25px 30px;
  border: 1px solid #b9c3a6;
  border-radius: 5px;
  line-height: 12px !important;
  color: #444;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.empty_case p {
  line-height: 30px !important;
  font-size: 20px;
  font-weight: 200;
  margin-bottom: 30px !important;
}

.empty_case ol li {
  padding-left: 0;
}

.empty_case h2 {
  font-size: 1.6em;
  font-weight: 400;
  padding-bottom: 20px;
  padding-top: 0;
  width: 70%;
}

.empty_case h3 {
  font-size: 30px;
  margin: 0;
  padding: 15px 2px;
  color: #333;
  font-weight: 300;
  margin-bottom: 20px;
}

.sidebar .description {
  font-weight: 700;
  font-size: 1.1em;
  padding-bottom: 0.3em;
}

.sidebar h3 {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 16px !important;
  padding: 0;
}

/* Support */
.support {
  font-size: 14px;
}

.support dd.subject input {
  width: 442px;
}

.support dd.description textarea {
  width: 442px;
  height: 150px;
}

.support section.main {
  background-color: #f7f7fa;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 20px 30px 20px 15px;
  margin-bottom: 10px;
  width: 750px !important;
  margin-top: -28px;
}

ol.smart.emergency section.main {
  background-color: #fddfde;
  border-top: 2px dotted red;
  border-bottom: 2px dotted red;
}

ol.smart.emergency strong {
  color: red;
}

ol.smart.emergency section.main dd.emergency_button label {
  font-weight: bold;
  color: red;
}

.support section.main .see_faq {
  font-size: 20px;
}

.support section.supplemental {
  padding: 10px 24px;
  margin-bottom: 10px;
  width: 700px;
}

.support dl {
  margin-top: 0 !important;
}

.support dt {
  margin-right: 30px !important;
  margin-top: 5px;
}

.support li.actions {
  width: 500px;
  padding-left: 170px !important;
}

/* Sidebar, etc */
.twocol {
  padding: 0 0 0 18px;
}

.main_sidebared {
  width: 610px;
  float: left;
}

.sidebar {
  width: 275px;
  float: right;
  position: relative;
  padding: 0 12px 50px 9px !important;
  margin-right: -20px;
}

.sidebar dd {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.sidebar .left {
  float: left;
  width: 170px;
}

.sidebar .right {
  float: right;
  width: 150px;
  margin-top: 12px;
}

.sidebar .mini.progress_bar {
  width: 150px;
}

.sidebar dd .locale {
  line-height: 34px;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #ccc;
}

.support form {
  margin: 20px 0;
}

.support input#support_topic {
  width: 442px;
}

.support textarea {
  width: 442px;
  height: 150px;
}

.support .left_column {
  width: 45%;
}

.support .right_column {
  width: 45%;
}

.support .left_column h3,
.support .right_column h3 {
  margin-top: 0;
}

/* New error and block stuff */
.block-message {
  color: #404040;
  text-shadow: 0 1px 0 #fff;
  background-image: none;
  background-color: #fdf5d9;
  border-color: #fceec1;
  box-shadow: none;
  border-radius: 4px;
  padding: 14px;
  font-size: 14px;
  border-width: 1px;
}

.block-message.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}

.btn .close,
.alert-message .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}

.block-message p {
  margin: 0 !important;
  padding-bottom: 10px;
}

.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgb(0 0 0 / 10%) rgb(0 0 0 / 10%) rgb(0 0 0 / 25%);
}

.message_success {
  color: green;
  width: 500px;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  margin: 10px auto;
}

.message_success::before {
  content: "✓";
  font-family: SSStandard;
  font-size: 30px;
  color: green;
  width: 50px;
  float: left;
  position: relative;
  top: -5px;
}

.message_success .msg {
  display: inline-block;
  width: 450px;
}

.message_error {
  color: red;
  width: 500px;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  margin: 10px auto;
}

.message_error .ss-icon {
  font-size: 30px;
  color: red;
  width: 50px;
  float: left;
  position: relative;
  top: -5px;
}

.message_error .msg {
  display: inline-block;
  width: 450px;
}

.alert-message a {
  font-weight: 700;
  color: #404040 !important;
  text-decoration: none;
}

.alert-message .close {
  margin-top: 1px;
}

.close {
  float: right;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.25;
}

a.close:hover {
  text-decoration: none;
}

.btn {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: linear-gradient(#fff, #fff 25%, #e6e6e6);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
  transition: 0.1s linear all;
}

.btn:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

.btn:focus {
  outline: 1px dotted #666;
}

.btn.primary {
  color: #fff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #049cdb, #0064cd);
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgb(0 0 0 / 10%) rgb(0 0 0 / 10%) rgb(0 0 0 / 25%);
}

.btn.active,
.btn:active {
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 25%), 0 1px 2px rgb(0 0 0 / 5%);
}

.btn.danger {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgb(0 0 0 / 10%) rgb(0 0 0 / 10%) rgb(0 0 0 / 25%);
  color: #fff;
}

.btn.success {
  background-color: #5bb75b;
  background-image: linear-gradient(to top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgb(0 0 0 / 10%) rgb(0 0 0 / 10%) rgb(0 0 0 / 25%);
  color: #fff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}

.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  border-radius: 5px;
}

strong.closed-discussion {
  display: inline-block;
  margin: 10px 0 0;
  color: red;
}

/* Glossary */

.help-content .nav {
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  position: absolute;
  width: 150px;
  top: 59px;
  bottom: 0;
  left: 0;
  background: #f0f0f0;
}

.help-content .nav li {
  display: block;
  margin: 10px 0;
  -webkit-touch-callout: none;
}

.help-content .nav .dt {
  display: inline-block;
  cursor: pointer;
  color: #666;
  transition: all 0.1s linear;
}

.help-content .nav .dt:hover {
  color: #333;
}

.help-content .nav .dt.selected {
  color: #2d76b9;
  font-weight: bold;
}

.help-content .main {
  background-color: #fff;
  margin-left: 170px;
  margin-right: 10px;
  height: 400px;
  overflow: auto;
}

.help-content .main h2 {
  padding-top: 0;
}

.help-content .main p {
  padding: 15px 0;
}
/* Invitations */

.invitation_request {
  margin: 1em;
  display: block;
}

div.sign_up {
  width: 70%;
  padding: 0 10px 10px;
  display: inline;
  float: left;
  margin: 10px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 50%);
}

.invitation_request .sign_in {
  background-color: #eee;
  border: 2px solid #999;
}

.invitation_request .sign_up {
  background-color: #c9e69a;
  border: 2px solid #94c000;
}

.redirect {
  padding: 20px 10px;
  text-align: center;
}
/* Progress bar for ProjectFile */
.progress_bar {
  margin-top: 2em;
  background-color: #ddd;
  width: 100%;
  height: 33px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #5a5a5a;
  line-height: 33px;
  box-shadow: inset 1px 1px 5px #ddd;
}

.progress_bar.with_error {
  background-color: #fbe3e4;
}

.progress_bar .level {
  background: #2d76b9;
  height: 33px;
  border-right: 1px solid #c5cdb5;
  border-radius: 5px;
}

.progress_bar .text {
  position: relative;
  top: -34px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  height: 34px;
  line-height: 34px;
}

/* Progress bar for ProjectLocale */
.mini.progress_bar {
  width: 220px;
  margin-top: 0;
  height: 12px;
  background-color: #eee;
  box-shadow: inset 1px 1px 5px #ddd;
  border-radius: 2px;
  border: 0;
  margin-bottom: 10px;
}

.mini.progress_bar .level {
  height: 12px;
  background-image: none;
  background-color: #80b66a;
  position: relative;
  top: -12px;
  border-radius: 2px;
  border: 0;
}

.mini.progress_bar .second_level {
  height: 12px;
  background-color: orange;
  border-radius: 2px;
}

span.translated {
  color: #ed9803;
}

span.proofread {
  color: #6ba058;
  float: right;
}

/* Progress bar for BatchOperation */

.progress_bar_for_batch_operation {
  /* margin-top:2em; */
  background-color: #eee;
  width: 100%;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 1px 1px 5px #ddd;
  color: #5a5a5a;
  line-height: 33px;
}

.progress_bar_for_batch_operation.with_error {
  background-color: #fbe3e4;
}

.progress_bar_for_batch_operation .level {
  background: #2d76b9;
  height: 15px;
  border-right: 1px solid #3072b3;
  border-radius: 3px;
}

.progress_bar_for_batch_operation .text {
  position: relative;
  top: -34px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #555;
  height: 34px;
  line-height: 34px;
  text-shadow: rgb(0 0 0 / 20%) 1px 1px 2px;
}

ul.batch_operations {
  list-style: none;
}

ul.batch_operations li {
  padding: 5px 20px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  min-height: 50px;
}

ul.batch_operations li p {
  padding: 0;
}

ul.batch_operations li.finished,
ul.batch_operations li.generating_report {
  background: #eee;
}

ul.batch_operations li h4 {
  font-weight: 400;
  padding: 0;
  margin-top: 0;
}
/* Comments */

table#comments td.type {
  width: 60px;
  padding: 0;
}

table#comments td.author {
  width: 230px;
  padding: 0;
  text-align: right;
}

table#comments td.subject {
  width: 620px;
  text-align: left;
  padding: 12px 20px;
  font-size: 14px;
}

table#comments td.subject.unread {
  font-weight: 900;
}

table#comments td.subject a:hover {
  text-decoration: none;
}

table#comments td.subject a:hover span.key {
  text-decoration: underline;
}

table#comments span.deleted {
  color: #aaa;
  font-size: 12px;
}

table#comments td.subject a span.description {
  text-decoration: none !important;
  color: #888;
}

table#comments td.subject.unread a span.description {
  text-decoration: none !important;
  color: #666;
  font-weight: 600;
}

table#comments td.read {
  padding: 0;
  width: 16px;
}

table#comments td.read a {
  font-size: 8px;
}

table#comments td.read a:hover {
  text-decoration: none;
}

table#comments td.read a.mention {
  color: #d90214;
}

table#comments td.read a.mention_read {
  color: #f0b8b8;
}

table#comments td.read a.read {
  color: #c6c6c6;
}

table#comments td.read a.unread {
  color: #4083c4;
}

table#comments td.comment {
  width: 500px;
  overflow: hidden;
}

tr.noborder td {
  border-bottom: none;
}

td.type p.segment,
td.type p.project,
td.type p.translation,
td.type p.deleted {
  display: block;
  text-align: right;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
}

a.comment_need_answer_button:hover,
a.comment_unread_button:hover {
  background-color: transparent;
}

td.type p.segment {
  background-color: #777;
  color: #fff;
}

td.type p.deleted {
  background-color: #ccc;
  color: #fff;
}

td.type p.project {
  background-color: #70b859;
  color: #fff;
}

td.type p.translation {
  background-color: orange;
  color: #fff;
}

span.deleted.ss-icon.with_popover a {
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.new_attachments {
  border: 1px solid #ddd;
  background-color: #efefef;
  padding: 2px 5px;
  width: 400px;
  border-radius: 3px;
}

/* Discussions */
a.reply_all::before {
  content: "\EE00";
  font-family: SSStandard;
  font-size: 20px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.move_back::before {
  content: "\25C5";
  font-family: SSStandard;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.move_discussion::before {
  content: "\27A1";
  font-family: SSStandard;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.notification_discussion::before {
  content: "\E350";
  font-family: SSStandard;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.resolve_discussion::before {
  content: "\E0D0";
  font-family: SSStandard;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.close_discussion::before {
  content: "\1F512";
  font-family: SSStandard;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.open_discussion::before {
  content: "\1F513";
  font-family: SSStandard;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

a.start_new {
  padding: 2px 0 2px 30px;
  margin-top: 10px;
}

a.start_new::before {
  content: "\1F4AC";
  font-family: SSStandard;
  font-size: 20px;
  margin-right: 7px;
  position: relative;
  top: 3px;
}

a.permalink {
  color: #666;
}

.discussion {
  border-bottom: 2px solid #ccc;
  background-color: #eee;
  width: 100%;
  margin: 40px auto;
  height: 100%;
  position: relative;
}

.discussion .details {
  padding: 0 10px;
  width: 200px;
  float: left;
}

.details.sticky {
  position: fixed !important;
  top: 0 !important;
}

.details.bottom {
  position: absolute !important;
  bottom: 0 !important;
}

.author .avatar {
  margin-right: 20px;
  float: left;
}

ol.comment_list {
  list-style: none;
  margin-left: 220px;
  border-left: 3px solid #ccc;
  background-color: #fff;
  min-height: 265px;
}

ol.comment_list li .copy {
  color: #777 !important;
  margin-left: 70px;
  line-height: 1.8em;
  font-size: 14px;
}

.copy em {
  font-style: italic;
}

ol.comment_list li.comment {
  margin-bottom: 0;
  padding: 20px;
  margin-left: 0;
}

ol.comment_list li .meta {
  display: block;
}

ol.comment_list li .author {
  color: #444;
  font-weight: 800;
  font-size: 12px;
}

ol.comment_list li .permalink {
  font-weight: 300;
  color: #666;
}

ol.comment_list li .manager,
ol.comment_list li .client,
ol.comment_list li .translator {
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
}

ol.comment_list li .manager {
  background-color: red;
}

ol.comment_list li .client {
  background-color: green;
}

ol.comment_list li .translator {
  background-color: blue;
}

ol.comment_list li a.red_link {
  visibility: hidden;
}

ol.comment_list li:hover a.red_link {
  visibility: visible;
}

.large_facebox .author .avatar {
  margin-right: 10px;
  float: left;
  width: 30px;
  height: 30px;
}

.large_facebox .author .avatar img {
  width: 30px;
  height: 30px;
}

.large_facebox ol.comment_list li .copy {
  margin-left: 35px;
}

.copy {
  overflow: scroll;
}

.large_facebox ol.comment_list li .copy p {
  padding: 0.6em 0 0 0.6em;
}

.large_facebox.new_discussion ol.comment_list {
  margin-left: 0;
  border-left: none;
  min-height: 0;
}

.large_facebox.new_discussion ol.comment_list li.comment {
  padding: 0;
}

/* Form */
.new_comment label {
  display: inline;
}

.new_comment h5 {
  cursor: pointer;
  font-weight: 500;
  border-top: 1px solid #ddd;
  padding-top: 5px;
  margin-top: 5px;
}

.new_comment h5 span {
  color: #888;
  text-decoration: underline;
  font-weight: 400;
  font-size: 11px;
}

.new_comment #notifications {
  height: 250px;
  overflow: scroll;
}

.new_comment textarea {
  height: 70px;
  width: 400px;
}

ul.notify_person {
  display: block;
}

ul.notify_person label {
  display: inline;
  font-weight: 400;
}

p.reply {
  float: left;
  padding-left: 20px;
  font-size: 14px;
}

p.notifications {
  float: right;
  font-size: 14px;
}
table.termlist tbody tr:nth-child(odd) {
  background: #fff;
}

table.termlist tbody tr:nth-child(even) {
  background: #f8f8f8;
}

table.termlist tr {
  padding: 15px 10px;
}

.termbase_search {
  padding-bottom: 20px;
}

li a .term {
  display: block;
}

#edition {
  width: 100%;
}

ul#term_status li {
  border-top: 1px solid #f1f1f1;
  padding: 5px 0;
  list-style: none;
}

ul#term_status li:first-child {
  border-top: none;
}

table.termlist span.add_suggestion {
  visibility: hidden;
}

table.termlist td:hover span.add_suggestion {
  visibility: visible;
}

.vote {
  clear: left;
  float: left;
  font-size: 18px;
  margin-right: 30px;
}

.vote .points {
  font-weight: 700;
  position: relative;
  top: -5px;
  text-align: center;
  font-size: 22px;
}

.vote .up {
  position: relative;
  top: 5px;
}

.vote .down {
  position: relative;
  top: -7px;
}

.vote .voted a {
  color: #ff7b00;
}

.vote a {
  text-decoration: none;
  color: #555;
}

.vote a:hover {
  text-decoration: none;
  color: #555;
}

ul#term_status li .suggestion {
  padding: 26px 0;
  font-size: 16px;
}

table.termlist dfn:hover {
  cursor: pointer;
  color: #2d76b9;
}

table.termlist dfn.validated {
  font-size: 16px;
  border-bottom: 2px solid #ccc;
  padding: 2px 2px 2px 0;
  margin: 0 5px 0 0;
}

table.termlist dfn em {
  font-style: italic;
  font-family: Georgia, serif;
  color: #888;
}

table.termlist dfn.validated:hover {
  border-bottom: 2px solid #2d76b9;
}

table.termlist dfn.suggestion {
  font-size: 14px;
  border-bottom: 2px dashed #ccc;
  padding: 2px 2px 2px 0;
  margin: 0 5px 0 0;
}

table.termlist dfn.suggestion:hover {
  border-bottom: 2px dashed #2d76b9;
}

table.termlist dfn.refused {
  text-decoration: line-through;
  color: red;
  font-size: 14px;
  border-bottom: 1px solid red;
  padding: 2px 2px 2px 0;
  margin: 0 5px 0 0;
}

table.termlist dfn.refused:hover {
  border-bottom: 2px solid red;
}

.voting_area {
  padding: 2px 10px;
}

.voting_area .explanations {
  padding: 5px 10px;
  color: #999;
  font-weight: bold;
  font-size: 14px;
}

.voting_area .explanations p {
  padding-bottom: 2px;
}
/* Toolbar, displayed on Translation Interface */
#toolbar {
  background: #e5e5e5;
  position: fixed;
  bottom: 0;
  width: 980px;
  margin: 0 auto 0 -20px;
  height: 26px;
  border: 1px solid #b1b1b1;
  border-bottom: none;
  z-index: 40;
  padding: 0;
}

#toolbar ul {
  height: 100%;
  border: 1px solid #fff;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  list-style: none;
}

#toolbar ul li a {
  color: #666;
  display: block;
  padding: 5px 10px;
  font: 13px/normal "Helvetica Neue", Arial, sans-serif;
}

#toolbar ul li a:hover {
  color: #333;
  background-color: #eee;
  text-decoration: none;
}

#toolbar ul li.selected {
  background-color: #eee;
  border-left: 1px solid #aaa;
  position: relative;
  bottom: 2px;
}

#toolbar ul li.selected a {
  padding: 5px 10px;
}

#toolbar ul li.dictionary {
  float: right;
  height: 100%;
  border-left: 1px solid #ccc;
}

#toolbar ul li.tm {
  float: left;
  height: 100%;
  border-right: 1px solid #ccc;
}

#toolbar ul li.concordance_search {
  float: left;
  height: 100%;
  border-right: 1px solid #ccc;
}

.concordance {
  overflow: auto;
  position: absolute;
  z-index: 10;
  max-height: 200px;
  border: 1px solid #b1b1b1;
  width: 960px;
  bottom: 26px;
  left: -1px;
  background-color: #eee;
  padding: 10px;
  border-bottom: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#concordance_results ul {
  border: none;
}

#concordance_results ul li {
  padding: 10px 0;
  border-bottom: 1px solid #fff;
}

#concordance_results mark {
  background: #fffbcc;
}

#concordance_results .source_concordance,
#concordance_results .target_concordance,
#concordance_results .origin_concordance {
  float: left;
  display: inline-block;
  padding-right: 20px;
  width: 350px;
}

#concordance_results .origin_concordance {
  width: 200px;
}

#toolbar ul li.autosave {
  float: left;
  height: 100%;
  border-right: 1px solid #ccc;
}

#toolbar ul li.termbase {
  float: left;
  height: 100%;
  border-right: 1px solid #ccc;
}

#toolbar ul li.status {
  padding: 3px 10px;
  float: left;
  height: 100%;
  color: #555;
  border-right: 1px solid #ccc;
}

#toolbar ul li.status.error {
  background-color: red;
  color: #fff;
}

.lookup {
  overflow: auto;
  position: absolute;
  z-index: 10;
  max-height: 275px;
  border: 1px solid #b1b1b1;
  width: 210px;
  bottom: 26px;
  right: -2px;
  background-color: #eee;
  padding: 5px;
  border-bottom: none;
}

.tm_matching {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  height: 160px;
  border: 1px solid #b1b1b1;
  width: 170px;
  bottom: 26px;
  right: -14px;
  background-color: #eee;
  border-bottom: none;
}

.tm_matching ul li {
  list-style-type: none;
  margin: 0;
  border-top: 1px solid #e2e2e2;
}

.tm_matching ul li.selected {
  border-left: none !important;
}

.tm_matching ul li a:hover {
  text-decoration: none;
  background-color: #ddd !important;
}

.set_autosave {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  height: 53px;
  border: 1px solid #b1b1b1;
  width: 130px;
  bottom: 26px;
  right: -14px;
  background-color: #eee;
  border-bottom: none;
}

.set_autosave ul li {
  list-style-type: none;
  margin: 0;
  border-top: 1px solid #e2e2e2;
}

.set_autosave ul li.selected {
  border-left: none !important;
}

.set_autosave ul li a:hover {
  text-decoration: none;
  background-color: #ddd !important;
}

.lookup input[type="search"] {
  margin-left: 10px;
  width: 190px;
  margin-bottom: 5px;
}

#lookup_results {
  padding: 5px 10px;
  text-shadow: #fff 0 1px 0;
}

#lookup_results ol li {
  border: none;
}

#lookup_results h3 {
  margin: 5px 0;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px dotted #aaa;
}

#lookup_results h3 small {
  font-size: 10px;
}

#lookup_results h4 {
  font-size: 12px;
  text-shadow: #fff 0 1px 0;
}

#lookup_results h4 small {
  font-size: 10px;
  color: #666;
  font-weight: 600;
}

#lookup_results a {
  padding: 0 !important;
  display: inline !important;
  font-weight: 400 !important;
  color: #2d76b9 !important;
  font-size: 12px !important;
}

#lookup_results a:hover {
  background-color: transparent !important;
}

#lookup_results h1 a {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #333 !important;
}

#principal,
#additional,
#compounds {
  border-left: 1px solid pink;
}
/* CSS design to adapt new plans page onto current old app design */

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

.col-md-6.col-lg-4.mb-30 {
  width: 300px;
  float: left;
  margin-right: 20px;
}

section h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.price-item .price-top h2 sup {
  top: 13px;
  left: -5px;
  font-size: 0.55em;
  font-weight: 500;
  vertical-align: top;
}

.price-item .price-top h2 {
  font-weight: 700;
  font-size: 2rem;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.price-item .price-top {
  padding-top: 10px;
  padding-bottom: 10px;
}

.price-item .price-content {
  padding-top: 30px;
  padding-bottom: 40px;
}

.price-content ul.ticked {
  list-style-type: none;
  padding-top: 10px;
}

.price-content ul.ticked li::before {
  content: "\2714\0020";
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  color: green;
}

.price-content ul.ticked li {
  padding-left: 20px;
}

.price-content ul strong {
  font-size: 16px;
}

.price-content ul.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.price-content ul.border-bottom li {
  font-size: 16px;
}

.price-content ul.border-bottom li abbr {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

a.nav-link:hover,
a.getstarted {
  text-decoration: none !important;
}

.promo mark {
  display: inline-block;
  position: relative;
  background: transparent;
  top: -40px;
  font-size: 16px;
  font-weight: bold;
}

.current_plan {
  display: inline-block;
  background: #ccc;
  color: #333;
  padding: 10px 25px;
  border-radius: 50px;
  font-weight: bold;
}
.password-meter-wrap {
  margin-top: 5px;
  height: 16px;
  background-color: #ddd;
}

.password-meter-bar {
  width: 0;
  height: 100%;
  transition: width 400ms ease-in;
}

.password-meter-bar.level0 {
  width: 20%;
  background-color: #d00;
}

.password-meter-bar.level1 {
  width: 40%;
  background-color: #f50;
}

.password-meter-bar.level2 {
  width: 60%;
  background-color: #ff0;
}

.password-meter-bar.level3 {
  width: 80%;
  background-color: rgb(161 168 65);
}

.password-meter-bar.level4 {
  width: 100%;
  background-color: #393;
}