Difference between revisions of "Template:MIT/Notebook/CSS"

(Created page with "<html> <head> <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> <head/> <style> /********************************* DEFAULT WIKI S...")
 
Line 174: Line 174:
 
background-color:white;  
 
background-color:white;  
 
}
 
}
 +
/*!
 +
* Bootstrap v3.0.0
 +
*
 +
* Copyright 2013 Twitter, Inc
 +
* Licensed under the Apache License v2.0
 +
* http://www.apache.org/licenses/LICENSE-2.0
 +
*
 +
* Designed and built with all the love in the world by @mdo and @fat.
 +
*/
 +
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
main,
 +
nav,
 +
section,
 +
summary {
 +
  display: block;
 +
}
 +
audio,
 +
canvas,
 +
video {
 +
  display: inline-block;
 +
}
 +
audio:not([controls]) {
 +
  display: none;
 +
  height: 0;
 +
}
 +
[hidden] {
 +
  display: none;
 +
}
 +
html {
 +
  font-family: sans-serif;
 +
  -webkit-text-size-adjust: 100%;
 +
  -ms-text-size-adjust: 100%;
 +
}
 +
body {
 +
  margin: 0;
 +
}
 +
a:focus {
 +
  outline: thin dotted;
 +
}
 +
a:active,
 +
a:hover {
 +
  outline: 0;
 +
}
 +
h1 {
 +
  font-size: 2em;
 +
  margin: 0.67em 0;
 +
}
 +
abbr[title] {
 +
  border-bottom: 1px dotted;
 +
}
 +
b,
 +
strong {
 +
  font-weight: bold;
 +
}
 +
dfn {
 +
  font-style: italic;
 +
}
 +
hr {
 +
  -moz-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
  height: 0;
 +
}
 +
mark {
 +
  background: #ff0;
 +
  color: #000;
 +
}
 +
code,
 +
kbd,
 +
pre,
 +
samp {
 +
  font-family: monospace, serif;
 +
  font-size: 1em;
 +
}
 +
pre {
 +
  white-space: pre-wrap;
 +
}
 +
q {
 +
  quotes: "\201C" "\201D" "\2018" "\2019";
 +
}
 +
small {
 +
  font-size: 80%;
 +
}
 +
sub,
 +
sup {
 +
  font-size: 75%;
 +
  line-height: 0;
 +
  position: relative;
 +
  vertical-align: baseline;
 +
}
 +
sup {
 +
  top: -0.5em;
 +
}
 +
sub {
 +
  bottom: -0.25em;
 +
}
 +
img {
 +
  border: 0;
 +
}
 +
svg:not(:root) {
 +
  overflow: hidden;
 +
}
 +
figure {
 +
  margin: 0;
 +
}
 +
fieldset {
 +
  border: 1px solid #c0c0c0;
 +
  margin: 0 2px;
 +
  padding: 0.35em 0.625em 0.75em;
 +
}
 +
legend {
 +
  border: 0;
 +
  padding: 0;
 +
}
 +
button,
 +
input,
 +
select,
 +
textarea {
 +
  font-family: inherit;
 +
  font-size: 100%;
 +
  margin: 0;
 +
}
 +
button,
 +
input {
 +
  line-height: normal;
 +
}
 +
button,
 +
select {
 +
  text-transform: none;
 +
}
 +
button,
 +
html input[type="button"],
 +
input[type="reset"],
 +
input[type="submit"] {
 +
  -webkit-appearance: button;
 +
  cursor: pointer;
 +
}
 +
button[disabled],
 +
html input[disabled] {
 +
  cursor: default;
 +
}
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
  box-sizing: border-box;
 +
  padding: 0;
 +
}
 +
input[type="search"] {
 +
  -webkit-appearance: textfield;
 +
  -moz-box-sizing: content-box;
 +
  -webkit-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
}
 +
input[type="search"]::-webkit-search-cancel-button,
 +
input[type="search"]::-webkit-search-decoration {
 +
  -webkit-appearance: none;
 +
}
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
  border: 0;
 +
  padding: 0;
 +
}
 +
textarea {
 +
  overflow: auto;
 +
  vertical-align: top;
 +
}
 +
table {
 +
  border-collapse: collapse;
 +
  border-spacing: 0;
 +
}
 +
/* scrollbar */
 +
/* toolbar */
 +
/* buffers */
 +
@media print {
 +
  * {
 +
    text-shadow: none !important;
 +
    box-shadow: none !important;
 +
  }
 +
  a,
 +
  a:visited {
 +
    text-decoration: underline;
 +
  }
 +
  a[href]:after {
 +
    content: " (" attr(href) ")";
 +
  }
 +
  abbr[title]:after {
 +
    content: " (" attr(title) ")";
 +
  }
 +
  .ir a:after,
 +
  a[href^="javascript:"]:after,
 +
  a[href^="#"]:after {
 +
    content: "";
 +
  }
 +
  pre,
 +
  blockquote {
 +
    border: 1px solid #999;
 +
    page-break-inside: avoid;
 +
  }
 +
  thead {
 +
    display: table-header-group;
 +
  }
 +
  tr,
 +
  img {
 +
    page-break-inside: avoid;
 +
  }
 +
  img {
 +
    max-width: 100% !important;
 +
  }
 +
  @page {
 +
    margin: 10mm;
 +
  }
 +
  p,
 +
  h2,
 +
  h3 {
 +
    orphans: 3;
 +
    widows: 3;
 +
  }
 +
  h2,
 +
  h3 {
 +
    page-break-after: avoid;
 +
  }
 +
  .navbar {
 +
    display: none;
 +
  }
 +
  .table td,
 +
  .table th {
 +
    background-color: #fff !important;
 +
  }
 +
  .btn > .caret,
 +
  .dropup > .btn > .caret {
 +
    border-top-color: #000 !important;
 +
  }
 +
  .label {
 +
    border: 1px solid #000;
 +
  }
 +
  .table {
 +
    border-collapse: collapse !important;
 +
  }
 +
  .table-bordered th,
 +
  .table-bordered td {
 +
    border: 1px solid #ddd !important;
 +
  }
 +
}
 +
*,
 +
*:before,
 +
*:after {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
html {
 +
  font-size: 62.5%;
 +
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 +
}
 +
body {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif;
 +
  font-size: 12px;
 +
  line-height: 1.42857143;
 +
  color: #344043;
 +
  background-color: #ffffff;
 +
}
 +
input,
 +
button,
 +
select,
 +
textarea {
 +
  font-family: inherit;
 +
  font-size: inherit;
 +
  line-height: inherit;
 +
}
 +
button,
 +
input,
 +
select[multiple],
 +
textarea {
 +
  background-image: none;
 +
}
 +
a {
 +
  color: #428ce1;
 +
  text-decoration: none;
 +
}
 +
a:hover,
 +
a:focus {
 +
  color: #1d66b9;
 +
  text-decoration: underline;
 +
}
 +
a:focus {
 +
  outline: thin dotted #333;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
img {
 +
  vertical-align: middle;
 +
}
 +
.img-responsive {
 +
  display: block;
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
.img-rounded {
 +
  border-radius: 3px;
 +
}
 +
.img-thumbnail {
 +
  padding: 4px;
 +
  line-height: 1.42857143;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  -webkit-transition: all 0.2s ease-in-out;
 +
  transition: all 0.2s ease-in-out;
 +
  display: inline-block;
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
.img-circle {
 +
  border-radius: 50%;
 +
}
 +
hr {
 +
  margin-top: 17px;
 +
  margin-bottom: 17px;
 +
  border: 0;
 +
  border-top: 1px solid #e8f0f2;
 +
}
 +
.sr-only {
 +
  position: absolute;
 +
  width: 1px;
 +
  height: 1px;
 +
  margin: -1px;
 +
  padding: 0;
 +
  overflow: hidden;
 +
  clip: rect(0 0 0 0);
 +
  border: 0;
 +
}
 +
p {
 +
  margin: 0 0 8.5px;
 +
}
 +
.lead {
 +
  margin-bottom: 17px;
 +
  font-size: 13.8px;
 +
  font-weight: 200;
 +
  line-height: 1.4;
 +
}
 +
@media (min-width: 768px) {
 +
  .lead {
 +
    font-size: 18px;
 +
  }
 +
}
 +
small {
 +
  font-size: 85%;
 +
}
 +
cite {
 +
  font-style: normal;
 +
}
 +
.text-muted {
 +
  color: #a2b9be;
 +
}
 +
.text-primary {
 +
  color: #428ce1;
 +
}
 +
.text-warning {
 +
  color: #c09853;
 +
}
 +
.text-danger {
 +
  color: #b94a48;
 +
}
 +
.text-success {
 +
  color: #468847;
 +
}
 +
.text-info {
 +
  color: #3a87ad;
 +
}
 +
.text-left {
 +
  text-align: left;
 +
}
 +
.text-right {
 +
  text-align: right;
 +
}
 +
.text-center {
 +
  text-align: center;
 +
}
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6,
 +
.h1,
 +
.h2,
 +
.h3,
 +
.h4,
 +
.h5,
 +
.h6 {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif;
 +
  font-weight: 500;
 +
  line-height: 1.1;
 +
}
 +
h1 small,
 +
h2 small,
 +
h3 small,
 +
h4 small,
 +
h5 small,
 +
h6 small,
 +
.h1 small,
 +
.h2 small,
 +
.h3 small,
 +
.h4 small,
 +
.h5 small,
 +
.h6 small {
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  color: #a2b9be;
 +
}
 +
h1,
 +
h2,
 +
h3 {
 +
  margin-top: 17px;
 +
  margin-bottom: 8.5px;
 +
}
 +
h4,
 +
h5,
 +
h6 {
 +
  margin-top: 8.5px;
 +
  margin-bottom: 8.5px;
 +
}
 +
h1,
 +
.h1 {
 +
  font-size: 31px;
 +
}
 +
h2,
 +
.h2 {
 +
  font-size: 25px;
 +
}
 +
h3,
 +
.h3 {
 +
  font-size: 21px;
 +
}
 +
h4,
 +
.h4 {
 +
  font-size: 15px;
 +
}
 +
h5,
 +
.h5 {
 +
  font-size: 12px;
 +
}
 +
h6,
 +
.h6 {
 +
  font-size: 11px;
 +
}
 +
h1 small,
 +
.h1 small {
 +
  font-size: 21px;
 +
}
 +
h2 small,
 +
.h2 small {
 +
  font-size: 15px;
 +
}
 +
h3 small,
 +
.h3 small,
 +
h4 small,
 +
.h4 small {
 +
  font-size: 12px;
 +
}
 +
.page-header {
 +
  padding-bottom: 7.5px;
 +
  margin: 34px 0 17px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
ul,
 +
ol {
 +
  margin-top: 0;
 +
  margin-bottom: 8.5px;
 +
}
 +
ul ul,
 +
ol ul,
 +
ul ol,
 +
ol ol {
 +
  margin-bottom: 0;
 +
}
 +
.list-unstyled {
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.list-inline {
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.list-inline > li {
 +
  display: inline-block;
 +
  padding-left: 5px;
 +
  padding-right: 5px;
 +
}
 +
dl {
 +
  margin-bottom: 17px;
 +
}
 +
dt,
 +
dd {
 +
  line-height: 1.42857143;
 +
}
 +
dt {
 +
  font-weight: bold;
 +
}
 +
dd {
 +
  margin-left: 0;
 +
}
 +
@media (min-width: 430px) {
 +
  .dl-horizontal dt {
 +
    float: left;
 +
    width: 160px;
 +
    clear: left;
 +
    text-align: right;
 +
    overflow: hidden;
 +
    text-overflow: ellipsis;
 +
    white-space: nowrap;
 +
  }
 +
  .dl-horizontal dd {
 +
    margin-left: 180px;
 +
  }
 +
  .dl-horizontal dd:before,
 +
  .dl-horizontal dd:after {
 +
    content: " ";
 +
    /* 1 */
 +
    display: table;
 +
    /* 2 */
 +
  }
 +
  .dl-horizontal dd:after {
 +
    clear: both;
 +
  }
 +
  .dl-horizontal dd:before,
 +
  .dl-horizontal dd:after {
 +
    content: " ";
 +
    /* 1 */
 +
    display: table;
 +
    /* 2 */
 +
  }
 +
  .dl-horizontal dd:after {
 +
    clear: both;
 +
  }
 +
}
 +
abbr[title],
 +
abbr[data-original-title] {
 +
  cursor: help;
 +
  border-bottom: 1px dotted #a2b9be;
 +
}
 +
abbr.initialism {
 +
  font-size: 90%;
 +
  text-transform: uppercase;
 +
}
 +
blockquote {
 +
  padding: 8.5px 17px;
 +
  margin: 0 0 17px;
 +
  border-left: 5px solid #e8f0f2;
 +
}
 +
blockquote p {
 +
  font-size: 15px;
 +
  font-weight: 300;
 +
  line-height: 1.25;
 +
}
 +
blockquote p:last-child {
 +
  margin-bottom: 0;
 +
}
 +
blockquote small {
 +
  display: block;
 +
  line-height: 1.42857143;
 +
  color: #a2b9be;
 +
}
 +
blockquote small:before {
 +
  content: '\2014 \00A0';
 +
}
 +
blockquote.pull-right {
 +
  padding-right: 15px;
 +
  padding-left: 0;
 +
  border-right: 5px solid #e8f0f2;
 +
  border-left: 0;
 +
}
 +
blockquote.pull-right p,
 +
blockquote.pull-right small {
 +
  text-align: right;
 +
}
 +
blockquote.pull-right small:before {
 +
  content: '';
 +
}
 +
blockquote.pull-right small:after {
 +
  content: '\00A0 \2014';
 +
}
 +
q:before,
 +
q:after,
 +
blockquote:before,
 +
blockquote:after {
 +
  content: "";
 +
}
 +
address {
 +
  display: block;
 +
  margin-bottom: 17px;
 +
  font-style: normal;
 +
  line-height: 1.42857143;
 +
}
 +
code,
 +
pre {
 +
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
 +
}
 +
code {
 +
  padding: 2px 4px;
 +
  font-size: 90%;
 +
  color: #c9d8db;
 +
  background-color: #f8fafb;
 +
  white-space: nowrap;
 +
  border-radius: 3px;
 +
}
 +
pre {
 +
  display: block;
 +
  padding: 8px;
 +
  margin: 0 0 8.5px;
 +
  font-size: 11px;
 +
  line-height: 1.42857143;
 +
  word-break: break-all;
 +
  word-wrap: break-word;
 +
  color: #344043;
 +
  background-color: #f8fafb;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
}
 +
pre.prettyprint {
 +
  margin-bottom: 17px;
 +
}
 +
pre code {
 +
  padding: 0;
 +
  font-size: inherit;
 +
  color: inherit;
 +
  white-space: pre-wrap;
 +
  background-color: transparent;
 +
  border: 0;
 +
}
 +
.pre-scrollable {
 +
  max-height: 340px;
 +
  overflow-y: scroll;
 +
}
 +
.container,
 +
.container-fluid {
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
.container:before,
 +
.container-fluid:before,
 +
.container:after,
 +
.container-fluid:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.container:after,
 +
.container-fluid:after {
 +
  clear: both;
 +
}
 +
.container:before,
 +
.container-fluid:before,
 +
.container:after,
 +
.container-fluid:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.container:after,
 +
.container-fluid:after {
 +
  clear: both;
 +
}
 +
.row {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
}
 +
.row:before,
 +
.row:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.row:after {
 +
  clear: both;
 +
}
 +
.row:before,
 +
.row:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.row:after {
 +
  clear: both;
 +
}
 +
.col-xs-1,
 +
.col-xs-2,
 +
.col-xs-3,
 +
.col-xs-4,
 +
.col-xs-5,
 +
.col-xs-6,
 +
.col-xs-7,
 +
.col-xs-8,
 +
.col-xs-9,
 +
.col-xs-10,
 +
.col-xs-11,
 +
.col-xs-12,
 +
.col-sm-1,
 +
.col-sm-2,
 +
.col-sm-3,
 +
.col-sm-4,
 +
.col-sm-5,
 +
.col-sm-6,
 +
.col-sm-7,
 +
.col-sm-8,
 +
.col-sm-9,
 +
.col-sm-10,
 +
.col-sm-11,
 +
.col-sm-12,
 +
.col-md-1,
 +
.col-md-2,
 +
.col-md-3,
 +
.col-md-4,
 +
.col-md-5,
 +
.col-md-6,
 +
.col-md-7,
 +
.col-md-8,
 +
.col-md-9,
 +
.col-md-10,
 +
.col-md-11,
 +
.col-md-12,
 +
.col-lg-1,
 +
.col-lg-2,
 +
.col-lg-3,
 +
.col-lg-4,
 +
.col-lg-5,
 +
.col-lg-6,
 +
.col-lg-7,
 +
.col-lg-8,
 +
.col-lg-9,
 +
.col-lg-10,
 +
.col-lg-11,
 +
.col-lg-12 {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
.col-xs-1,
 +
.col-xs-2,
 +
.col-xs-3,
 +
.col-xs-4,
 +
.col-xs-5,
 +
.col-xs-6,
 +
.col-xs-7,
 +
.col-xs-8,
 +
.col-xs-9,
 +
.col-xs-10,
 +
.col-xs-11 {
 +
  float: left;
 +
}
 +
.col-xs-1 {
 +
  width: 8.33333333%;
 +
}
 +
.col-xs-2 {
 +
  width: 16.66666667%;
 +
}
 +
.col-xs-3 {
 +
  width: 25%;
 +
}
 +
.col-xs-4 {
 +
  width: 33.33333333%;
 +
}
 +
.col-xs-5 {
 +
  width: 41.66666667%;
 +
}
 +
.col-xs-6 {
 +
  width: 50%;
 +
}
 +
.col-xs-7 {
 +
  width: 58.33333333%;
 +
}
 +
.col-xs-8 {
 +
  width: 66.66666667%;
 +
}
 +
.col-xs-9 {
 +
  width: 75%;
 +
}
 +
.col-xs-10 {
 +
  width: 83.33333333%;
 +
}
 +
.col-xs-11 {
 +
  width: 91.66666667%;
 +
}
 +
.col-xs-12 {
 +
  width: 100%;
 +
}
 +
.col-xs-offset-1 {
 +
  margin-left: 8.33333333%;
 +
}
 +
.col-xs-offset-2 {
 +
  margin-left: 16.66666667%;
 +
}
 +
.col-xs-offset-3 {
 +
  margin-left: 25%;
 +
}
 +
.col-xs-offset-4 {
 +
  margin-left: 33.33333333%;
 +
}
 +
.col-xs-offset-5 {
 +
  margin-left: 41.66666667%;
 +
}
 +
.col-xs-offset-6 {
 +
  margin-left: 50%;
 +
}
 +
.col-xs-offset-7 {
 +
  margin-left: 58.33333333%;
 +
}
 +
.col-xs-offset-8 {
 +
  margin-left: 66.66666667%;
 +
}
 +
.col-xs-offset-9 {
 +
  margin-left: 75%;
 +
}
 +
.col-xs-offset-10 {
 +
  margin-left: 83.33333333%;
 +
}
 +
.col-xs-offset-11 {
 +
  margin-left: 91.66666667%;
 +
}
 +
@media (min-width: 768px) {
 +
  .container {
 +
    max-width: 750px;
 +
  }
 +
  .col-sm-1,
 +
  .col-sm-2,
 +
  .col-sm-3,
 +
  .col-sm-4,
 +
  .col-sm-5,
 +
  .col-sm-6,
 +
  .col-sm-7,
 +
  .col-sm-8,
 +
  .col-sm-9,
 +
  .col-sm-10,
 +
  .col-sm-11 {
 +
    float: left;
 +
  }
 +
  .col-sm-1 {
 +
    width: 8.33333333%;
 +
  }
 +
  .col-sm-2 {
 +
    width: 16.66666667%;
 +
  }
 +
  .col-sm-3 {
 +
    width: 25%;
 +
  }
 +
  .col-sm-4 {
 +
    width: 33.33333333%;
 +
  }
 +
  .col-sm-5 {
 +
    width: 41.66666667%;
 +
  }
 +
  .col-sm-6 {
 +
    width: 50%;
 +
  }
 +
  .col-sm-7 {
 +
    width: 58.33333333%;
 +
  }
 +
  .col-sm-8 {
 +
    width: 66.66666667%;
 +
  }
 +
  .col-sm-9 {
 +
    width: 75%;
 +
  }
 +
  .col-sm-10 {
 +
    width: 83.33333333%;
 +
  }
 +
  .col-sm-11 {
 +
    width: 91.66666667%;
 +
  }
 +
  .col-sm-12 {
 +
    width: 100%;
 +
  }
 +
  .col-sm-push-1 {
 +
    left: 8.33333333%;
 +
  }
 +
  .col-sm-push-2 {
 +
    left: 16.66666667%;
 +
  }
 +
  .col-sm-push-3 {
 +
    left: 25%;
 +
  }
 +
  .col-sm-push-4 {
 +
    left: 33.33333333%;
 +
  }
 +
  .col-sm-push-5 {
 +
    left: 41.66666667%;
 +
  }
 +
  .col-sm-push-6 {
 +
    left: 50%;
 +
  }
 +
  .col-sm-push-7 {
 +
    left: 58.33333333%;
 +
  }
 +
  .col-sm-push-8 {
 +
    left: 66.66666667%;
 +
  }
 +
  .col-sm-push-9 {
 +
    left: 75%;
 +
  }
 +
  .col-sm-push-10 {
 +
    left: 83.33333333%;
 +
  }
 +
  .col-sm-push-11 {
 +
    left: 91.66666667%;
 +
  }
 +
  .col-sm-pull-1 {
 +
    right: 8.33333333%;
 +
  }
 +
  .col-sm-pull-2 {
 +
    right: 16.66666667%;
 +
  }
 +
  .col-sm-pull-3 {
 +
    right: 25%;
 +
  }
 +
  .col-sm-pull-4 {
 +
    right: 33.33333333%;
 +
  }
 +
  .col-sm-pull-5 {
 +
    right: 41.66666667%;
 +
  }
 +
  .col-sm-pull-6 {
 +
    right: 50%;
 +
  }
 +
  .col-sm-pull-7 {
 +
    right: 58.33333333%;
 +
  }
 +
  .col-sm-pull-8 {
 +
    right: 66.66666667%;
 +
  }
 +
  .col-sm-pull-9 {
 +
    right: 75%;
 +
  }
 +
  .col-sm-pull-10 {
 +
    right: 83.33333333%;
 +
  }
 +
  .col-sm-pull-11 {
 +
    right: 91.66666667%;
 +
  }
 +
  .col-sm-offset-0 {
 +
    margin-left: 0;
 +
  }
 +
  .col-sm-offset-1 {
 +
    margin-left: 8.33333333%;
 +
  }
 +
  .col-sm-offset-2 {
 +
    margin-left: 16.66666667%;
 +
  }
 +
  .col-sm-offset-3 {
 +
    margin-left: 25%;
 +
  }
 +
  .col-sm-offset-4 {
 +
    margin-left: 33.33333333%;
 +
  }
 +
  .col-sm-offset-5 {
 +
    margin-left: 41.66666667%;
 +
  }
 +
  .col-sm-offset-6 {
 +
    margin-left: 50%;
 +
  }
 +
  .col-sm-offset-7 {
 +
    margin-left: 58.33333333%;
 +
  }
 +
  .col-sm-offset-8 {
 +
    margin-left: 66.66666667%;
 +
  }
 +
  .col-sm-offset-9 {
 +
    margin-left: 75%;
 +
  }
 +
  .col-sm-offset-10 {
 +
    margin-left: 83.33333333%;
 +
  }
 +
  .col-sm-offset-11 {
 +
    margin-left: 91.66666667%;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  .container {
 +
    max-width: 970px;
 +
  }
 +
  .col-md-1,
 +
  .col-md-2,
 +
  .col-md-3,
 +
  .col-md-4,
 +
  .col-md-5,
 +
  .col-md-6,
 +
  .col-md-7,
 +
  .col-md-8,
 +
  .col-md-9,
 +
  .col-md-10,
 +
  .col-md-11 {
 +
    float: left;
 +
  }
 +
  .col-md-1 {
 +
    width: 8.33333333%;
 +
  }
 +
  .col-md-2 {
 +
    width: 16.66666667%;
 +
  }
 +
  .col-md-3 {
 +
    width: 25%;
 +
  }
 +
  .col-md-4 {
 +
    width: 33.33333333%;
 +
  }
 +
  .col-md-5 {
 +
    width: 41.66666667%;
 +
  }
 +
  .col-md-6 {
 +
    width: 50%;
 +
  }
 +
  .col-md-7 {
 +
    width: 58.33333333%;
 +
  }
 +
  .col-md-8 {
 +
    width: 66.66666667%;
 +
  }
 +
  .col-md-9 {
 +
    width: 75%;
 +
  }
 +
  .col-md-10 {
 +
    width: 83.33333333%;
 +
  }
 +
  .col-md-11 {
 +
    width: 91.66666667%;
 +
  }
 +
  .col-md-12 {
 +
    width: 100%;
 +
  }
 +
  .col-md-push-0 {
 +
    left: auto;
 +
  }
 +
  .col-md-push-1 {
 +
    left: 8.33333333%;
 +
  }
 +
  .col-md-push-2 {
 +
    left: 16.66666667%;
 +
  }
 +
  .col-md-push-3 {
 +
    left: 25%;
 +
  }
 +
  .col-md-push-4 {
 +
    left: 33.33333333%;
 +
  }
 +
  .col-md-push-5 {
 +
    left: 41.66666667%;
 +
  }
 +
  .col-md-push-6 {
 +
    left: 50%;
 +
  }
 +
  .col-md-push-7 {
 +
    left: 58.33333333%;
 +
  }
 +
  .col-md-push-8 {
 +
    left: 66.66666667%;
 +
  }
 +
  .col-md-push-9 {
 +
    left: 75%;
 +
  }
 +
  .col-md-push-10 {
 +
    left: 83.33333333%;
 +
  }
 +
  .col-md-push-11 {
 +
    left: 91.66666667%;
 +
  }
 +
  .col-md-pull-0 {
 +
    right: auto;
 +
  }
 +
  .col-md-pull-1 {
 +
    right: 8.33333333%;
 +
  }
 +
  .col-md-pull-2 {
 +
    right: 16.66666667%;
 +
  }
 +
  .col-md-pull-3 {
 +
    right: 25%;
 +
  }
 +
  .col-md-pull-4 {
 +
    right: 33.33333333%;
 +
  }
 +
  .col-md-pull-5 {
 +
    right: 41.66666667%;
 +
  }
 +
  .col-md-pull-6 {
 +
    right: 50%;
 +
  }
 +
  .col-md-pull-7 {
 +
    right: 58.33333333%;
 +
  }
 +
  .col-md-pull-8 {
 +
    right: 66.66666667%;
 +
  }
 +
  .col-md-pull-9 {
 +
    right: 75%;
 +
  }
 +
  .col-md-pull-10 {
 +
    right: 83.33333333%;
 +
  }
 +
  .col-md-pull-11 {
 +
    right: 91.66666667%;
 +
  }
 +
  .col-md-offset-0 {
 +
    margin-left: 0;
 +
  }
 +
  .col-md-offset-1 {
 +
    margin-left: 8.33333333%;
 +
  }
 +
  .col-md-offset-2 {
 +
    margin-left: 16.66666667%;
 +
  }
 +
  .col-md-offset-3 {
 +
    margin-left: 25%;
 +
  }
 +
  .col-md-offset-4 {
 +
    margin-left: 33.33333333%;
 +
  }
 +
  .col-md-offset-5 {
 +
    margin-left: 41.66666667%;
 +
  }
 +
  .col-md-offset-6 {
 +
    margin-left: 50%;
 +
  }
 +
  .col-md-offset-7 {
 +
    margin-left: 58.33333333%;
 +
  }
 +
  .col-md-offset-8 {
 +
    margin-left: 66.66666667%;
 +
  }
 +
  .col-md-offset-9 {
 +
    margin-left: 75%;
 +
  }
 +
  .col-md-offset-10 {
 +
    margin-left: 83.33333333%;
 +
  }
 +
  .col-md-offset-11 {
 +
    margin-left: 91.66666667%;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .container {
 +
    max-width: 1170px;
 +
  }
 +
  .col-lg-1,
 +
  .col-lg-2,
 +
  .col-lg-3,
 +
  .col-lg-4,
 +
  .col-lg-5,
 +
  .col-lg-6,
 +
  .col-lg-7,
 +
  .col-lg-8,
 +
  .col-lg-9,
 +
  .col-lg-10,
 +
  .col-lg-11 {
 +
    float: left;
 +
  }
 +
  .col-lg-1 {
 +
    width: 8.33333333%;
 +
  }
 +
  .col-lg-2 {
 +
    width: 16.66666667%;
 +
  }
 +
  .col-lg-3 {
 +
    width: 25%;
 +
  }
 +
  .col-lg-4 {
 +
    width: 33.33333333%;
 +
  }
 +
  .col-lg-5 {
 +
    width: 41.66666667%;
 +
  }
 +
  .col-lg-6 {
 +
    width: 50%;
 +
  }
 +
  .col-lg-7 {
 +
    width: 58.33333333%;
 +
  }
 +
  .col-lg-8 {
 +
    width: 66.66666667%;
 +
  }
 +
  .col-lg-9 {
 +
    width: 75%;
 +
  }
 +
  .col-lg-10 {
 +
    width: 83.33333333%;
 +
  }
 +
  .col-lg-11 {
 +
    width: 91.66666667%;
 +
  }
 +
  .col-lg-12 {
 +
    width: 100%;
 +
  }
 +
  .col-lg-push-0 {
 +
    left: auto;
 +
  }
 +
  .col-lg-push-1 {
 +
    left: 8.33333333%;
 +
  }
 +
  .col-lg-push-2 {
 +
    left: 16.66666667%;
 +
  }
 +
  .col-lg-push-3 {
 +
    left: 25%;
 +
  }
 +
  .col-lg-push-4 {
 +
    left: 33.33333333%;
 +
  }
 +
  .col-lg-push-5 {
 +
    left: 41.66666667%;
 +
  }
 +
  .col-lg-push-6 {
 +
    left: 50%;
 +
  }
 +
  .col-lg-push-7 {
 +
    left: 58.33333333%;
 +
  }
 +
  .col-lg-push-8 {
 +
    left: 66.66666667%;
 +
  }
 +
  .col-lg-push-9 {
 +
    left: 75%;
 +
  }
 +
  .col-lg-push-10 {
 +
    left: 83.33333333%;
 +
  }
 +
  .col-lg-push-11 {
 +
    left: 91.66666667%;
 +
  }
 +
  .col-lg-pull-0 {
 +
    right: auto;
 +
  }
 +
  .col-lg-pull-1 {
 +
    right: 8.33333333%;
 +
  }
 +
  .col-lg-pull-2 {
 +
    right: 16.66666667%;
 +
  }
 +
  .col-lg-pull-3 {
 +
    right: 25%;
 +
  }
 +
  .col-lg-pull-4 {
 +
    right: 33.33333333%;
 +
  }
 +
  .col-lg-pull-5 {
 +
    right: 41.66666667%;
 +
  }
 +
  .col-lg-pull-6 {
 +
    right: 50%;
 +
  }
 +
  .col-lg-pull-7 {
 +
    right: 58.33333333%;
 +
  }
 +
  .col-lg-pull-8 {
 +
    right: 66.66666667%;
 +
  }
 +
  .col-lg-pull-9 {
 +
    right: 75%;
 +
  }
 +
  .col-lg-pull-10 {
 +
    right: 83.33333333%;
 +
  }
 +
  .col-lg-pull-11 {
 +
    right: 91.66666667%;
 +
  }
 +
  .col-lg-offset-0 {
 +
    margin-left: 0;
 +
  }
 +
  .col-lg-offset-1 {
 +
    margin-left: 8.33333333%;
 +
  }
 +
  .col-lg-offset-2 {
 +
    margin-left: 16.66666667%;
 +
  }
 +
  .col-lg-offset-3 {
 +
    margin-left: 25%;
 +
  }
 +
  .col-lg-offset-4 {
 +
    margin-left: 33.33333333%;
 +
  }
 +
  .col-lg-offset-5 {
 +
    margin-left: 41.66666667%;
 +
  }
 +
  .col-lg-offset-6 {
 +
    margin-left: 50%;
 +
  }
 +
  .col-lg-offset-7 {
 +
    margin-left: 58.33333333%;
 +
  }
 +
  .col-lg-offset-8 {
 +
    margin-left: 66.66666667%;
 +
  }
 +
  .col-lg-offset-9 {
 +
    margin-left: 75%;
 +
  }
 +
  .col-lg-offset-10 {
 +
    margin-left: 83.33333333%;
 +
  }
 +
  .col-lg-offset-11 {
 +
    margin-left: 91.66666667%;
 +
  }
 +
}
 +
table {
 +
  max-width: 100%;
 +
  background-color: transparent;
 +
}
 +
th {
 +
  text-align: left;
 +
}
 +
.table {
 +
  width: 100%;
 +
  margin-bottom: 17px;
 +
}
 +
.table thead > tr > th,
 +
.table tbody > tr > th,
 +
.table tfoot > tr > th,
 +
.table thead > tr > td,
 +
.table tbody > tr > td,
 +
.table tfoot > tr > td {
 +
  padding: 8px;
 +
  line-height: 1.42857143;
 +
  vertical-align: top;
 +
  border-top: 1px solid #dddddd;
 +
}
 +
.table thead > tr > th {
 +
  vertical-align: bottom;
 +
  border-bottom: 2px solid #dddddd;
 +
}
 +
.table caption + thead tr:first-child th,
 +
.table colgroup + thead tr:first-child th,
 +
.table thead:first-child tr:first-child th,
 +
.table caption + thead tr:first-child td,
 +
.table colgroup + thead tr:first-child td,
 +
.table thead:first-child tr:first-child td {
 +
  border-top: 0;
 +
}
 +
.table tbody + tbody {
 +
  border-top: 2px solid #dddddd;
 +
}
 +
.table .table {
 +
  background-color: #ffffff;
 +
}
 +
.table-condensed thead > tr > th,
 +
.table-condensed tbody > tr > th,
 +
.table-condensed tfoot > tr > th,
 +
.table-condensed thead > tr > td,
 +
.table-condensed tbody > tr > td,
 +
.table-condensed tfoot > tr > td {
 +
  padding: 5px;
 +
}
 +
.table-bordered {
 +
  border: 1px solid #dddddd;
 +
}
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > tbody > tr > th,
 +
.table-bordered > tfoot > tr > th,
 +
.table-bordered > thead > tr > td,
 +
.table-bordered > tbody > tr > td,
 +
.table-bordered > tfoot > tr > td {
 +
  border: 1px solid #dddddd;
 +
}
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > thead > tr > td {
 +
  border-bottom-width: 2px;
 +
}
 +
.table-striped > tbody > tr:nth-child(odd) > td,
 +
.table-striped > tbody > tr:nth-child(odd) > th {
 +
  background-color: #f8fafb;
 +
}
 +
.table-hover > tbody > tr:hover > td,
 +
.table-hover > tbody > tr:hover > th {
 +
  background-color: #f8fafb;
 +
}
 +
table col[class*="col-"] {
 +
  float: none;
 +
  display: table-column;
 +
}
 +
table td[class*="col-"],
 +
table th[class*="col-"] {
 +
  float: none;
 +
  display: table-cell;
 +
}
 +
.table > thead > tr > td.active,
 +
.table > tbody > tr > td.active,
 +
.table > tfoot > tr > td.active,
 +
.table > thead > tr > th.active,
 +
.table > tbody > tr > th.active,
 +
.table > tfoot > tr > th.active,
 +
.table > thead > tr.active > td,
 +
.table > tbody > tr.active > td,
 +
.table > tfoot > tr.active > td,
 +
.table > thead > tr.active > th,
 +
.table > tbody > tr.active > th,
 +
.table > tfoot > tr.active > th {
 +
  background-color: #f8fafb;
 +
}
 +
.table > thead > tr > td.success,
 +
.table > tbody > tr > td.success,
 +
.table > tfoot > tr > td.success,
 +
.table > thead > tr > th.success,
 +
.table > tbody > tr > th.success,
 +
.table > tfoot > tr > th.success,
 +
.table > thead > tr.success > td,
 +
.table > tbody > tr.success > td,
 +
.table > tfoot > tr.success > td,
 +
.table > thead > tr.success > th,
 +
.table > tbody > tr.success > th,
 +
.table > tfoot > tr.success > th {
 +
  background-color: #dff0d8;
 +
  border-color: #d6e9c6;
 +
}
 +
.table-hover > tbody > tr > td.success:hover,
 +
.table-hover > tbody > tr > th.success:hover,
 +
.table-hover > tbody > tr.success:hover > td {
 +
  background-color: #d0e9c6;
 +
  border-color: #c9e2b3;
 +
}
 +
.table > thead > tr > td.danger,
 +
.table > tbody > tr > td.danger,
 +
.table > tfoot > tr > td.danger,
 +
.table > thead > tr > th.danger,
 +
.table > tbody > tr > th.danger,
 +
.table > tfoot > tr > th.danger,
 +
.table > thead > tr.danger > td,
 +
.table > tbody > tr.danger > td,
 +
.table > tfoot > tr.danger > td,
 +
.table > thead > tr.danger > th,
 +
.table > tbody > tr.danger > th,
 +
.table > tfoot > tr.danger > th {
 +
  background-color: #f2dede;
 +
  border-color: #eed3d7;
 +
}
 +
.table-hover > tbody > tr > td.danger:hover,
 +
.table-hover > tbody > tr > th.danger:hover,
 +
.table-hover > tbody > tr.danger:hover > td {
 +
  background-color: #ebcccc;
 +
  border-color: #e6c1c7;
 +
}
 +
.table > thead > tr > td.warning,
 +
.table > tbody > tr > td.warning,
 +
.table > tfoot > tr > td.warning,
 +
.table > thead > tr > th.warning,
 +
.table > tbody > tr > th.warning,
 +
.table > tfoot > tr > th.warning,
 +
.table > thead > tr.warning > td,
 +
.table > tbody > tr.warning > td,
 +
.table > tfoot > tr.warning > td,
 +
.table > thead > tr.warning > th,
 +
.table > tbody > tr.warning > th,
 +
.table > tfoot > tr.warning > th {
 +
  background-color: #fcf8e3;
 +
  border-color: #fbeed5;
 +
}
 +
.table-hover > tbody > tr > td.warning:hover,
 +
.table-hover > tbody > tr > th.warning:hover,
 +
.table-hover > tbody > tr.warning:hover > td {
 +
  background-color: #faf2cc;
 +
  border-color: #f8e5be;
 +
}
 +
@media (max-width: 768px) {
 +
  .table-responsive {
 +
    width: 100%;
 +
    margin-bottom: 15px;
 +
    overflow-y: hidden;
 +
    overflow-x: scroll;
 +
    border: 1px solid #dddddd;
 +
  }
 +
  .table-responsive > .table {
 +
    margin-bottom: 0;
 +
    background-color: #fff;
 +
  }
 +
  .table-responsive > .table > thead > tr > th,
 +
  .table-responsive > .table > tbody > tr > th,
 +
  .table-responsive > .table > tfoot > tr > th,
 +
  .table-responsive > .table > thead > tr > td,
 +
  .table-responsive > .table > tbody > tr > td,
 +
  .table-responsive > .table > tfoot > tr > td {
 +
    white-space: nowrap;
 +
  }
 +
  .table-responsive > .table-bordered {
 +
    border: 0;
 +
  }
 +
  .table-responsive > .table-bordered > thead > tr > th:first-child,
 +
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 +
  .table-responsive > .table-bordered > thead > tr > td:first-child,
 +
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 +
    border-left: 0;
 +
  }
 +
  .table-responsive > .table-bordered > thead > tr > th:last-child,
 +
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 +
  .table-responsive > .table-bordered > thead > tr > td:last-child,
 +
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
 +
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 +
    border-right: 0;
 +
  }
 +
  .table-responsive > .table-bordered > thead > tr:last-child > th,
 +
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
 +
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
 +
  .table-responsive > .table-bordered > thead > tr:last-child > td,
 +
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
 +
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
 +
    border-bottom: 0;
 +
  }
 +
}
 +
fieldset {
 +
  padding: 0;
 +
  margin: 0;
 +
  border: 0;
 +
}
 +
legend {
 +
  display: block;
 +
  width: 100%;
 +
  padding: 0;
 +
  margin-bottom: 17px;
 +
  font-size: 18px;
 +
  line-height: inherit;
 +
  color: #344043;
 +
  border: 0;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
label {
 +
  display: inline-block;
 +
  margin-bottom: 5px;
 +
  font-weight: bold;
 +
}
 +
input[type="search"] {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
input[type="radio"],
 +
input[type="checkbox"] {
 +
  margin: 4px 0 0;
 +
  margin-top: 1px \9;
 +
  /* IE8-9 */
 +
  line-height: normal;
 +
}
 +
input[type="file"] {
 +
  display: block;
 +
}
 +
select[multiple],
 +
select[size] {
 +
  height: auto;
 +
}
 +
select optgroup {
 +
  font-size: inherit;
 +
  font-style: inherit;
 +
  font-family: inherit;
 +
}
 +
input[type="file"]:focus,
 +
input[type="radio"]:focus,
 +
input[type="checkbox"]:focus {
 +
  outline: thin dotted #333;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
input[type="number"]::-webkit-outer-spin-button,
 +
input[type="number"]::-webkit-inner-spin-button {
 +
  height: auto;
 +
}
 +
.form-control:-moz-placeholder {
 +
  color: #a2b9be;
 +
}
 +
.form-control::-moz-placeholder {
 +
  color: #a2b9be;
 +
}
 +
.form-control:-ms-input-placeholder {
 +
  color: #a2b9be;
 +
}
 +
.form-control::-webkit-input-placeholder {
 +
  color: #a2b9be;
 +
}
 +
.form-control {
 +
  display: block;
 +
  width: 100%;
 +
  height: 30px;
 +
  padding: 6px 12px;
 +
  font-size: 12px;
 +
  line-height: 1.42857143;
 +
  color: #344043;
 +
  vertical-align: middle;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 +
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 +
}
 +
.form-control:focus {
 +
  border-color: #428ce1;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6);
 +
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6);
 +
}
 +
.form-control[disabled],
 +
.form-control[readonly],
 +
fieldset[disabled] .form-control {
 +
  cursor: not-allowed;
 +
  background-color: #e8f0f2;
 +
}
 +
textarea.form-control {
 +
  height: auto;
 +
}
 +
.form-group {
 +
  margin-bottom: 15px;
 +
}
 +
.radio,
 +
.checkbox {
 +
  display: block;
 +
  min-height: 17px;
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
  padding-left: 20px;
 +
  vertical-align: middle;
 +
}
 +
.radio label,
 +
.checkbox label {
 +
  display: inline;
 +
  margin-bottom: 0;
 +
  font-weight: normal;
 +
  cursor: pointer;
 +
}
 +
.radio input[type="radio"],
 +
.radio-inline input[type="radio"],
 +
.checkbox input[type="checkbox"],
 +
.checkbox-inline input[type="checkbox"] {
 +
  float: left;
 +
  margin-left: -20px;
 +
}
 +
.radio + .radio,
 +
.checkbox + .checkbox {
 +
  margin-top: -5px;
 +
}
 +
.radio-inline,
 +
.checkbox-inline {
 +
  display: inline-block;
 +
  padding-left: 20px;
 +
  margin-bottom: 0;
 +
  vertical-align: middle;
 +
  font-weight: normal;
 +
  cursor: pointer;
 +
}
 +
.radio-inline + .radio-inline,
 +
.checkbox-inline + .checkbox-inline {
 +
  margin-top: 0;
 +
  margin-left: 10px;
 +
}
 +
input[type="radio"][disabled],
 +
input[type="checkbox"][disabled],
 +
.radio[disabled],
 +
.radio-inline[disabled],
 +
.checkbox[disabled],
 +
.checkbox-inline[disabled],
 +
fieldset[disabled] input[type="radio"],
 +
fieldset[disabled] input[type="checkbox"],
 +
fieldset[disabled] .radio,
 +
fieldset[disabled] .radio-inline,
 +
fieldset[disabled] .checkbox,
 +
fieldset[disabled] .checkbox-inline {
 +
  cursor: not-allowed;
 +
}
 +
.input-sm {
 +
  height: 28px;
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
  line-height: 1.5;
 +
  border-radius: 2px;
 +
}
 +
select.input-sm {
 +
  height: 28px;
 +
  line-height: 28px;
 +
}
 +
textarea.input-sm {
 +
  height: auto;
 +
}
 +
.input-lg {
 +
  height: 43px;
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  line-height: 1.33;
 +
  border-radius: 3px;
 +
  line-height: 1.5;
 +
}
 +
select.input-lg {
 +
  height: 43px;
 +
  line-height: 43px;
 +
}
 +
textarea.input-lg {
 +
  height: auto;
 +
}
 +
.has-warning .help-block,
 +
.has-warning .control-label {
 +
  color: #c09853;
 +
}
 +
.has-warning .form-control {
 +
  border-color: #c09853;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
}
 +
.has-warning .form-control:focus {
 +
  border-color: #a47e3c;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
 +
}
 +
.has-warning .input-group-addon {
 +
  color: #c09853;
 +
  border-color: #c09853;
 +
  background-color: #fcf8e3;
 +
}
 +
.has-error .help-block,
 +
.has-error .control-label {
 +
  color: #b94a48;
 +
}
 +
.has-error .form-control {
 +
  border-color: #b94a48;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
}
 +
.has-error .form-control:focus {
 +
  border-color: #953b39;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
 +
}
 +
.has-error .input-group-addon {
 +
  color: #b94a48;
 +
  border-color: #b94a48;
 +
  background-color: #f2dede;
 +
}
 +
.has-success .help-block,
 +
.has-success .control-label {
 +
  color: #468847;
 +
}
 +
.has-success .form-control {
 +
  border-color: #468847;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
}
 +
.has-success .form-control:focus {
 +
  border-color: #356635;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
 +
}
 +
.has-success .input-group-addon {
 +
  color: #468847;
 +
  border-color: #468847;
 +
  background-color: #dff0d8;
 +
}
 +
.form-control-static {
 +
  margin-bottom: 0;
 +
  padding-top: 7px;
 +
}
 +
.help-block {
 +
  display: block;
 +
  margin-top: 5px;
 +
  margin-bottom: 10px;
 +
  color: #6c858b;
 +
}
 +
@media (min-width: 768px) {
 +
  .form-inline .form-group {
 +
    display: inline-block;
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .form-inline .form-control {
 +
    display: inline-block;
 +
  }
 +
  .form-inline .radio,
 +
  .form-inline .checkbox {
 +
    display: inline-block;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    padding-left: 0;
 +
  }
 +
  .form-inline .radio input[type="radio"],
 +
  .form-inline .checkbox input[type="checkbox"] {
 +
    float: none;
 +
    margin-left: 0;
 +
  }
 +
}
 +
.form-horizontal .control-label,
 +
.form-horizontal .radio,
 +
.form-horizontal .checkbox,
 +
.form-horizontal .radio-inline,
 +
.form-horizontal .checkbox-inline {
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  padding-top: 7px;
 +
}
 +
.form-horizontal .form-group {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
}
 +
.form-horizontal .form-group:before,
 +
.form-horizontal .form-group:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.form-horizontal .form-group:after {
 +
  clear: both;
 +
}
 +
.form-horizontal .form-group:before,
 +
.form-horizontal .form-group:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.form-horizontal .form-group:after {
 +
  clear: both;
 +
}
 +
@media (min-width: 768px) {
 +
  .form-horizontal .control-label {
 +
    text-align: right;
 +
  }
 +
}
 +
.btn {
 +
  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 12px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  cursor: pointer;
 +
  border: 1px solid transparent;
 +
  border-radius: 3px;
 +
  white-space: nowrap;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
.btn:focus {
 +
  outline: thin dotted #333;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn:hover,
 +
.btn:focus {
 +
  color: #344043;
 +
  text-decoration: none;
 +
}
 +
.btn:active,
 +
.btn.active {
 +
  outline: 0;
 +
  background-image: none;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 +
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 +
}
 +
.btn.disabled,
 +
.btn[disabled],
 +
fieldset[disabled] .btn {
 +
  cursor: not-allowed;
 +
  pointer-events: none;
 +
  opacity: 0.65;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
.btn-default {
 +
  color: #344043;
 +
  background-color: #ffffff;
 +
  border-color: #c9d8db;
 +
}
 +
.btn-default:hover,
 +
.btn-default:focus,
 +
.btn-default:active,
 +
.btn-default.active,
 +
.open .dropdown-toggle.btn-default {
 +
  color: #344043;
 +
  background-color: #ebebeb;
 +
  border-color: #a4bdc3;
 +
}
 +
.btn-default:active,
 +
.btn-default.active,
 +
.open .dropdown-toggle.btn-default {
 +
  background-image: none;
 +
}
 +
.btn-default.disabled,
 +
.btn-default[disabled],
 +
fieldset[disabled] .btn-default,
 +
.btn-default.disabled:hover,
 +
.btn-default[disabled]:hover,
 +
fieldset[disabled] .btn-default:hover,
 +
.btn-default.disabled:focus,
 +
.btn-default[disabled]:focus,
 +
fieldset[disabled] .btn-default:focus,
 +
.btn-default.disabled:active,
 +
.btn-default[disabled]:active,
 +
fieldset[disabled] .btn-default:active,
 +
.btn-default.disabled.active,
 +
.btn-default[disabled].active,
 +
fieldset[disabled] .btn-default.active {
 +
  background-color: #ffffff;
 +
  border-color: #c9d8db;
 +
}
 +
.btn-primary {
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
  border-color: #2c7fde;
 +
}
 +
.btn-primary:hover,
 +
.btn-primary:focus,
 +
.btn-primary:active,
 +
.btn-primary.active,
 +
.open .dropdown-toggle.btn-primary {
 +
  color: #ffffff;
 +
  background-color: #2277d8;
 +
  border-color: #1c61b0;
 +
}
 +
.btn-primary:active,
 +
.btn-primary.active,
 +
.open .dropdown-toggle.btn-primary {
 +
  background-image: none;
 +
}
 +
.btn-primary.disabled,
 +
.btn-primary[disabled],
 +
fieldset[disabled] .btn-primary,
 +
.btn-primary.disabled:hover,
 +
.btn-primary[disabled]:hover,
 +
fieldset[disabled] .btn-primary:hover,
 +
.btn-primary.disabled:focus,
 +
.btn-primary[disabled]:focus,
 +
fieldset[disabled] .btn-primary:focus,
 +
.btn-primary.disabled:active,
 +
.btn-primary[disabled]:active,
 +
fieldset[disabled] .btn-primary:active,
 +
.btn-primary.disabled.active,
 +
.btn-primary[disabled].active,
 +
fieldset[disabled] .btn-primary.active {
 +
  background-color: #428ce1;
 +
  border-color: #2c7fde;
 +
}
 +
.btn-warning {
 +
  color: #ffffff;
 +
  background-color: #fdd586;
 +
  border-color: #fdcc6d;
 +
}
 +
.btn-warning:hover,
 +
.btn-warning:focus,
 +
.btn-warning:active,
 +
.btn-warning.active,
 +
.open .dropdown-toggle.btn-warning {
 +
  color: #ffffff;
 +
  background-color: #fcc75e;
 +
  border-color: #fcb731;
 +
}
 +
.btn-warning:active,
 +
.btn-warning.active,
 +
.open .dropdown-toggle.btn-warning {
 +
  background-image: none;
 +
}
 +
.btn-warning.disabled,
 +
.btn-warning[disabled],
 +
fieldset[disabled] .btn-warning,
 +
.btn-warning.disabled:hover,
 +
.btn-warning[disabled]:hover,
 +
fieldset[disabled] .btn-warning:hover,
 +
.btn-warning.disabled:focus,
 +
.btn-warning[disabled]:focus,
 +
fieldset[disabled] .btn-warning:focus,
 +
.btn-warning.disabled:active,
 +
.btn-warning[disabled]:active,
 +
fieldset[disabled] .btn-warning:active,
 +
.btn-warning.disabled.active,
 +
.btn-warning[disabled].active,
 +
fieldset[disabled] .btn-warning.active {
 +
  background-color: #fdd586;
 +
  border-color: #fdcc6d;
 +
}
 +
.btn-danger {
 +
  color: #ffffff;
 +
  background-color: #e96e51;
 +
  border-color: #e65b3a;
 +
}
 +
.btn-danger:hover,
 +
.btn-danger:focus,
 +
.btn-danger:active,
 +
.btn-danger.active,
 +
.open .dropdown-toggle.btn-danger {
 +
  color: #ffffff;
 +
  background-color: #e4502d;
 +
  border-color: #ca3b1a;
 +
}
 +
.btn-danger:active,
 +
.btn-danger.active,
 +
.open .dropdown-toggle.btn-danger {
 +
  background-image: none;
 +
}
 +
.btn-danger.disabled,
 +
.btn-danger[disabled],
 +
fieldset[disabled] .btn-danger,
 +
.btn-danger.disabled:hover,
 +
.btn-danger[disabled]:hover,
 +
fieldset[disabled] .btn-danger:hover,
 +
.btn-danger.disabled:focus,
 +
.btn-danger[disabled]:focus,
 +
fieldset[disabled] .btn-danger:focus,
 +
.btn-danger.disabled:active,
 +
.btn-danger[disabled]:active,
 +
fieldset[disabled] .btn-danger:active,
 +
.btn-danger.disabled.active,
 +
.btn-danger[disabled].active,
 +
fieldset[disabled] .btn-danger.active {
 +
  background-color: #e96e51;
 +
  border-color: #e65b3a;
 +
}
 +
.btn-success {
 +
  color: #ffffff;
 +
  background-color: #03c08d;
 +
  border-color: #03a77b;
 +
}
 +
.btn-success:hover,
 +
.btn-success:focus,
 +
.btn-success:active,
 +
.btn-success.active,
 +
.open .dropdown-toggle.btn-success {
 +
  color: #ffffff;
 +
  background-color: #02986f;
 +
  border-color: #026b4e;
 +
}
 +
.btn-success:active,
 +
.btn-success.active,
 +
.open .dropdown-toggle.btn-success {
 +
  background-image: none;
 +
}
 +
.btn-success.disabled,
 +
.btn-success[disabled],
 +
fieldset[disabled] .btn-success,
 +
.btn-success.disabled:hover,
 +
.btn-success[disabled]:hover,
 +
fieldset[disabled] .btn-success:hover,
 +
.btn-success.disabled:focus,
 +
.btn-success[disabled]:focus,
 +
fieldset[disabled] .btn-success:focus,
 +
.btn-success.disabled:active,
 +
.btn-success[disabled]:active,
 +
fieldset[disabled] .btn-success:active,
 +
.btn-success.disabled.active,
 +
.btn-success[disabled].active,
 +
fieldset[disabled] .btn-success.active {
 +
  background-color: #03c08d;
 +
  border-color: #03a77b;
 +
}
 +
.btn-info {
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
  border-color: #2c7fde;
 +
}
 +
.btn-info:hover,
 +
.btn-info:focus,
 +
.btn-info:active,
 +
.btn-info.active,
 +
.open .dropdown-toggle.btn-info {
 +
  color: #ffffff;
 +
  background-color: #2277d8;
 +
  border-color: #1c61b0;
 +
}
 +
.btn-info:active,
 +
.btn-info.active,
 +
.open .dropdown-toggle.btn-info {
 +
  background-image: none;
 +
}
 +
.btn-info.disabled,
 +
.btn-info[disabled],
 +
fieldset[disabled] .btn-info,
 +
.btn-info.disabled:hover,
 +
.btn-info[disabled]:hover,
 +
fieldset[disabled] .btn-info:hover,
 +
.btn-info.disabled:focus,
 +
.btn-info[disabled]:focus,
 +
fieldset[disabled] .btn-info:focus,
 +
.btn-info.disabled:active,
 +
.btn-info[disabled]:active,
 +
fieldset[disabled] .btn-info:active,
 +
.btn-info.disabled.active,
 +
.btn-info[disabled].active,
 +
fieldset[disabled] .btn-info.active {
 +
  background-color: #428ce1;
 +
  border-color: #2c7fde;
 +
}
 +
.btn-link {
 +
  color: #428ce1;
 +
  font-weight: normal;
 +
  cursor: pointer;
 +
  border-radius: 0;
 +
}
 +
.btn-link,
 +
.btn-link:active,
 +
.btn-link[disabled],
 +
fieldset[disabled] .btn-link {
 +
  background-color: transparent;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
.btn-link,
 +
.btn-link:hover,
 +
.btn-link:focus,
 +
.btn-link:active {
 +
  border-color: transparent;
 +
}
 +
.btn-link:hover,
 +
.btn-link:focus {
 +
  color: #1d66b9;
 +
  text-decoration: underline;
 +
  background-color: transparent;
 +
}
 +
.btn-link[disabled]:hover,
 +
fieldset[disabled] .btn-link:hover,
 +
.btn-link[disabled]:focus,
 +
fieldset[disabled] .btn-link:focus {
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
}
 +
.btn-lg {
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  line-height: 1.33;
 +
  border-radius: 3px;
 +
}
 +
.btn-sm,
 +
.btn-xs {
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
  line-height: 1.5;
 +
  border-radius: 2px;
 +
}
 +
.btn-xs {
 +
  padding: 1px 5px;
 +
}
 +
.btn-block {
 +
  display: block;
 +
  width: 100%;
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
.btn-block + .btn-block {
 +
  margin-top: 5px;
 +
}
 +
input[type="submit"].btn-block,
 +
input[type="reset"].btn-block,
 +
input[type="button"].btn-block {
 +
  width: 100%;
 +
}
 +
.fade {
 +
  opacity: 0;
 +
  -webkit-transition: opacity 0.15s linear;
 +
  transition: opacity 0.15s linear;
 +
}
 +
.fade.in {
 +
  opacity: 1;
 +
}
 +
.collapse {
 +
  display: none;
 +
}
 +
.collapse.in {
 +
  display: block;
 +
}
 +
.collapsing {
 +
  position: relative;
 +
  height: 0;
 +
  overflow: hidden;
 +
  -webkit-transition: height 0.35s ease;
 +
  transition: height 0.35s ease;
 +
}
 +
@font-face {
 +
  font-family: 'Glyphicons Halflings';
 +
  src: url('../fonts/glyphicons-halflings-regular.eot');
 +
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 +
}
 +
.glyphicon {
 +
  position: relative;
 +
  top: 1px;
 +
  display: inline-block;
 +
  font-family: 'Glyphicons Halflings';
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
 +
.glyphicon-asterisk:before {
 +
  content: "\2a";
 +
}
 +
.glyphicon-plus:before {
 +
  content: "\2b";
 +
}
 +
.glyphicon-euro:before,
 +
.glyphicon-eur:before {
 +
  content: "\20ac";
 +
}
 +
.glyphicon-minus:before {
 +
  content: "\2212";
 +
}
 +
.glyphicon-cloud:before {
 +
  content: "\2601";
 +
}
 +
.glyphicon-envelope:before {
 +
  content: "\2709";
 +
}
 +
.glyphicon-pencil:before {
 +
  content: "\270f";
 +
}
 +
.glyphicon-glass:before {
 +
  content: "\e001";
 +
}
 +
.glyphicon-music:before {
 +
  content: "\e002";
 +
}
 +
.glyphicon-search:before {
 +
  content: "\e003";
 +
}
 +
.glyphicon-heart:before {
 +
  content: "\e005";
 +
}
 +
.glyphicon-star:before {
 +
  content: "\e006";
 +
}
 +
.glyphicon-star-empty:before {
 +
  content: "\e007";
 +
}
 +
.glyphicon-user:before {
 +
  content: "\e008";
 +
}
 +
.glyphicon-film:before {
 +
  content: "\e009";
 +
}
 +
.glyphicon-th-large:before {
 +
  content: "\e010";
 +
}
 +
.glyphicon-th:before {
 +
  content: "\e011";
 +
}
 +
.glyphicon-th-list:before {
 +
  content: "\e012";
 +
}
 +
.glyphicon-ok:before {
 +
  content: "\e013";
 +
}
 +
.glyphicon-remove:before {
 +
  content: "\e014";
 +
}
 +
.glyphicon-zoom-in:before {
 +
  content: "\e015";
 +
}
 +
.glyphicon-zoom-out:before {
 +
  content: "\e016";
 +
}
 +
.glyphicon-off:before {
 +
  content: "\e017";
 +
}
 +
.glyphicon-signal:before {
 +
  content: "\e018";
 +
}
 +
.glyphicon-cog:before {
 +
  content: "\e019";
 +
}
 +
.glyphicon-trash:before {
 +
  content: "\e020";
 +
}
 +
.glyphicon-home:before {
 +
  content: "\e021";
 +
}
 +
.glyphicon-file:before {
 +
  content: "\e022";
 +
}
 +
.glyphicon-time:before {
 +
  content: "\e023";
 +
}
 +
.glyphicon-road:before {
 +
  content: "\e024";
 +
}
 +
.glyphicon-download-alt:before {
 +
  content: "\e025";
 +
}
 +
.glyphicon-download:before {
 +
  content: "\e026";
 +
}
 +
.glyphicon-upload:before {
 +
  content: "\e027";
 +
}
 +
.glyphicon-inbox:before {
 +
  content: "\e028";
 +
}
 +
.glyphicon-play-circle:before {
 +
  content: "\e029";
 +
}
 +
.glyphicon-repeat:before {
 +
  content: "\e030";
 +
}
 +
.glyphicon-refresh:before {
 +
  content: "\e031";
 +
}
 +
.glyphicon-list-alt:before {
 +
  content: "\e032";
 +
}
 +
.glyphicon-lock:before {
 +
  content: "\e033";
 +
}
 +
.glyphicon-flag:before {
 +
  content: "\e034";
 +
}
 +
.glyphicon-headphones:before {
 +
  content: "\e035";
 +
}
 +
.glyphicon-volume-off:before {
 +
  content: "\e036";
 +
}
 +
.glyphicon-volume-down:before {
 +
  content: "\e037";
 +
}
 +
.glyphicon-volume-up:before {
 +
  content: "\e038";
 +
}
 +
.glyphicon-qrcode:before {
 +
  content: "\e039";
 +
}
 +
.glyphicon-barcode:before {
 +
  content: "\e040";
 +
}
 +
.glyphicon-tag:before {
 +
  content: "\e041";
 +
}
 +
.glyphicon-tags:before {
 +
  content: "\e042";
 +
}
 +
.glyphicon-book:before {
 +
  content: "\e043";
 +
}
 +
.glyphicon-bookmark:before {
 +
  content: "\e044";
 +
}
 +
.glyphicon-print:before {
 +
  content: "\e045";
 +
}
 +
.glyphicon-camera:before {
 +
  content: "\e046";
 +
}
 +
.glyphicon-font:before {
 +
  content: "\e047";
 +
}
 +
.glyphicon-bold:before {
 +
  content: "\e048";
 +
}
 +
.glyphicon-italic:before {
 +
  content: "\e049";
 +
}
 +
.glyphicon-text-height:before {
 +
  content: "\e050";
 +
}
 +
.glyphicon-text-width:before {
 +
  content: "\e051";
 +
}
 +
.glyphicon-align-left:before {
 +
  content: "\e052";
 +
}
 +
.glyphicon-align-center:before {
 +
  content: "\e053";
 +
}
 +
.glyphicon-align-right:before {
 +
  content: "\e054";
 +
}
 +
.glyphicon-align-justify:before {
 +
  content: "\e055";
 +
}
 +
.glyphicon-list:before {
 +
  content: "\e056";
 +
}
 +
.glyphicon-indent-left:before {
 +
  content: "\e057";
 +
}
 +
.glyphicon-indent-right:before {
 +
  content: "\e058";
 +
}
 +
.glyphicon-facetime-video:before {
 +
  content: "\e059";
 +
}
 +
.glyphicon-picture:before {
 +
  content: "\e060";
 +
}
 +
.glyphicon-map-marker:before {
 +
  content: "\e062";
 +
}
 +
.glyphicon-adjust:before {
 +
  content: "\e063";
 +
}
 +
.glyphicon-tint:before {
 +
  content: "\e064";
 +
}
 +
.glyphicon-edit:before {
 +
  content: "\e065";
 +
}
 +
.glyphicon-share:before {
 +
  content: "\e066";
 +
}
 +
.glyphicon-check:before {
 +
  content: "\e067";
 +
}
 +
.glyphicon-move:before {
 +
  content: "\e068";
 +
}
 +
.glyphicon-step-backward:before {
 +
  content: "\e069";
 +
}
 +
.glyphicon-fast-backward:before {
 +
  content: "\e070";
 +
}
 +
.glyphicon-backward:before {
 +
  content: "\e071";
 +
}
 +
.glyphicon-play:before {
 +
  content: "\e072";
 +
}
 +
.glyphicon-pause:before {
 +
  content: "\e073";
 +
}
 +
.glyphicon-stop:before {
 +
  content: "\e074";
 +
}
 +
.glyphicon-forward:before {
 +
  content: "\e075";
 +
}
 +
.glyphicon-fast-forward:before {
 +
  content: "\e076";
 +
}
 +
.glyphicon-step-forward:before {
 +
  content: "\e077";
 +
}
 +
.glyphicon-eject:before {
 +
  content: "\e078";
 +
}
 +
.glyphicon-chevron-left:before {
 +
  content: "\e079";
 +
}
 +
.glyphicon-chevron-right:before {
 +
  content: "\e080";
 +
}
 +
.glyphicon-plus-sign:before {
 +
  content: "\e081";
 +
}
 +
.glyphicon-minus-sign:before {
 +
  content: "\e082";
 +
}
 +
.glyphicon-remove-sign:before {
 +
  content: "\e083";
 +
}
 +
.glyphicon-ok-sign:before {
 +
  content: "\e084";
 +
}
 +
.glyphicon-question-sign:before {
 +
  content: "\e085";
 +
}
 +
.glyphicon-info-sign:before {
 +
  content: "\e086";
 +
}
 +
.glyphicon-screenshot:before {
 +
  content: "\e087";
 +
}
 +
.glyphicon-remove-circle:before {
 +
  content: "\e088";
 +
}
 +
.glyphicon-ok-circle:before {
 +
  content: "\e089";
 +
}
 +
.glyphicon-ban-circle:before {
 +
  content: "\e090";
 +
}
 +
.glyphicon-arrow-left:before {
 +
  content: "\e091";
 +
}
 +
.glyphicon-arrow-right:before {
 +
  content: "\e092";
 +
}
 +
.glyphicon-arrow-up:before {
 +
  content: "\e093";
 +
}
 +
.glyphicon-arrow-down:before {
 +
  content: "\e094";
 +
}
 +
.glyphicon-share-alt:before {
 +
  content: "\e095";
 +
}
 +
.glyphicon-resize-full:before {
 +
  content: "\e096";
 +
}
 +
.glyphicon-resize-small:before {
 +
  content: "\e097";
 +
}
 +
.glyphicon-exclamation-sign:before {
 +
  content: "\e101";
 +
}
 +
.glyphicon-gift:before {
 +
  content: "\e102";
 +
}
 +
.glyphicon-leaf:before {
 +
  content: "\e103";
 +
}
 +
.glyphicon-fire:before {
 +
  content: "\e104";
 +
}
 +
.glyphicon-eye-open:before {
 +
  content: "\e105";
 +
}
 +
.glyphicon-eye-close:before {
 +
  content: "\e106";
 +
}
 +
.glyphicon-warning-sign:before {
 +
  content: "\e107";
 +
}
 +
.glyphicon-plane:before {
 +
  content: "\e108";
 +
}
 +
.glyphicon-calendar:before {
 +
  content: "\e109";
 +
}
 +
.glyphicon-random:before {
 +
  content: "\e110";
 +
}
 +
.glyphicon-comment:before {
 +
  content: "\e111";
 +
}
 +
.glyphicon-magnet:before {
 +
  content: "\e112";
 +
}
 +
.glyphicon-chevron-up:before {
 +
  content: "\e113";
 +
}
 +
.glyphicon-chevron-down:before {
 +
  content: "\e114";
 +
}
 +
.glyphicon-retweet:before {
 +
  content: "\e115";
 +
}
 +
.glyphicon-shopping-cart:before {
 +
  content: "\e116";
 +
}
 +
.glyphicon-folder-close:before {
 +
  content: "\e117";
 +
}
 +
.glyphicon-folder-open:before {
 +
  content: "\e118";
 +
}
 +
.glyphicon-resize-vertical:before {
 +
  content: "\e119";
 +
}
 +
.glyphicon-resize-horizontal:before {
 +
  content: "\e120";
 +
}
 +
.glyphicon-hdd:before {
 +
  content: "\e121";
 +
}
 +
.glyphicon-bullhorn:before {
 +
  content: "\e122";
 +
}
 +
.glyphicon-bell:before {
 +
  content: "\e123";
 +
}
 +
.glyphicon-certificate:before {
 +
  content: "\e124";
 +
}
 +
.glyphicon-thumbs-up:before {
 +
  content: "\e125";
 +
}
 +
.glyphicon-thumbs-down:before {
 +
  content: "\e126";
 +
}
 +
.glyphicon-hand-right:before {
 +
  content: "\e127";
 +
}
 +
.glyphicon-hand-left:before {
 +
  content: "\e128";
 +
}
 +
.glyphicon-hand-up:before {
 +
  content: "\e129";
 +
}
 +
.glyphicon-hand-down:before {
 +
  content: "\e130";
 +
}
 +
.glyphicon-circle-arrow-right:before {
 +
  content: "\e131";
 +
}
 +
.glyphicon-circle-arrow-left:before {
 +
  content: "\e132";
 +
}
 +
.glyphicon-circle-arrow-up:before {
 +
  content: "\e133";
 +
}
 +
.glyphicon-circle-arrow-down:before {
 +
  content: "\e134";
 +
}
 +
.glyphicon-globe:before {
 +
  content: "\e135";
 +
}
 +
.glyphicon-wrench:before {
 +
  content: "\e136";
 +
}
 +
.glyphicon-tasks:before {
 +
  content: "\e137";
 +
}
 +
.glyphicon-filter:before {
 +
  content: "\e138";
 +
}
 +
.glyphicon-briefcase:before {
 +
  content: "\e139";
 +
}
 +
.glyphicon-fullscreen:before {
 +
  content: "\e140";
 +
}
 +
.glyphicon-dashboard:before {
 +
  content: "\e141";
 +
}
 +
.glyphicon-paperclip:before {
 +
  content: "\e142";
 +
}
 +
.glyphicon-heart-empty:before {
 +
  content: "\e143";
 +
}
 +
.glyphicon-link:before {
 +
  content: "\e144";
 +
}
 +
.glyphicon-phone:before {
 +
  content: "\e145";
 +
}
 +
.glyphicon-pushpin:before {
 +
  content: "\e146";
 +
}
 +
.glyphicon-usd:before {
 +
  content: "\e148";
 +
}
 +
.glyphicon-gbp:before {
 +
  content: "\e149";
 +
}
 +
.glyphicon-sort:before {
 +
  content: "\e150";
 +
}
 +
.glyphicon-sort-by-alphabet:before {
 +
  content: "\e151";
 +
}
 +
.glyphicon-sort-by-alphabet-alt:before {
 +
  content: "\e152";
 +
}
 +
.glyphicon-sort-by-order:before {
 +
  content: "\e153";
 +
}
 +
.glyphicon-sort-by-order-alt:before {
 +
  content: "\e154";
 +
}
 +
.glyphicon-sort-by-attributes:before {
 +
  content: "\e155";
 +
}
 +
.glyphicon-sort-by-attributes-alt:before {
 +
  content: "\e156";
 +
}
 +
.glyphicon-unchecked:before {
 +
  content: "\e157";
 +
}
 +
.glyphicon-expand:before {
 +
  content: "\e158";
 +
}
 +
.glyphicon-collapse-down:before {
 +
  content: "\e159";
 +
}
 +
.glyphicon-collapse-up:before {
 +
  content: "\e160";
 +
}
 +
.glyphicon-log-in:before {
 +
  content: "\e161";
 +
}
 +
.glyphicon-flash:before {
 +
  content: "\e162";
 +
}
 +
.glyphicon-log-out:before {
 +
  content: "\e163";
 +
}
 +
.glyphicon-new-window:before {
 +
  content: "\e164";
 +
}
 +
.glyphicon-record:before {
 +
  content: "\e165";
 +
}
 +
.glyphicon-save:before {
 +
  content: "\e166";
 +
}
 +
.glyphicon-open:before {
 +
  content: "\e167";
 +
}
 +
.glyphicon-saved:before {
 +
  content: "\e168";
 +
}
 +
.glyphicon-import:before {
 +
  content: "\e169";
 +
}
 +
.glyphicon-export:before {
 +
  content: "\e170";
 +
}
 +
.glyphicon-send:before {
 +
  content: "\e171";
 +
}
 +
.glyphicon-floppy-disk:before {
 +
  content: "\e172";
 +
}
 +
.glyphicon-floppy-saved:before {
 +
  content: "\e173";
 +
}
 +
.glyphicon-floppy-remove:before {
 +
  content: "\e174";
 +
}
 +
.glyphicon-floppy-save:before {
 +
  content: "\e175";
 +
}
 +
.glyphicon-floppy-open:before {
 +
  content: "\e176";
 +
}
 +
.glyphicon-credit-card:before {
 +
  content: "\e177";
 +
}
 +
.glyphicon-transfer:before {
 +
  content: "\e178";
 +
}
 +
.glyphicon-cutlery:before {
 +
  content: "\e179";
 +
}
 +
.glyphicon-header:before {
 +
  content: "\e180";
 +
}
 +
.glyphicon-compressed:before {
 +
  content: "\e181";
 +
}
 +
.glyphicon-earphone:before {
 +
  content: "\e182";
 +
}
 +
.glyphicon-phone-alt:before {
 +
  content: "\e183";
 +
}
 +
.glyphicon-tower:before {
 +
  content: "\e184";
 +
}
 +
.glyphicon-stats:before {
 +
  content: "\e185";
 +
}
 +
.glyphicon-sd-video:before {
 +
  content: "\e186";
 +
}
 +
.glyphicon-hd-video:before {
 +
  content: "\e187";
 +
}
 +
.glyphicon-subtitles:before {
 +
  content: "\e188";
 +
}
 +
.glyphicon-sound-stereo:before {
 +
  content: "\e189";
 +
}
 +
.glyphicon-sound-dolby:before {
 +
  content: "\e190";
 +
}
 +
.glyphicon-sound-5-1:before {
 +
  content: "\e191";
 +
}
 +
.glyphicon-sound-6-1:before {
 +
  content: "\e192";
 +
}
 +
.glyphicon-sound-7-1:before {
 +
  content: "\e193";
 +
}
 +
.glyphicon-copyright-mark:before {
 +
  content: "\e194";
 +
}
 +
.glyphicon-registration-mark:before {
 +
  content: "\e195";
 +
}
 +
.glyphicon-cloud-download:before {
 +
  content: "\e197";
 +
}
 +
.glyphicon-cloud-upload:before {
 +
  content: "\e198";
 +
}
 +
.glyphicon-tree-conifer:before {
 +
  content: "\e199";
 +
}
 +
.glyphicon-tree-deciduous:before {
 +
  content: "\e200";
 +
}
 +
.glyphicon-cd:before {
 +
  content: "\e201";
 +
}
 +
.glyphicon-save-file:before {
 +
  content: "\e202";
 +
}
 +
.glyphicon-open-file:before {
 +
  content: "\e203";
 +
}
 +
.glyphicon-level-up:before {
 +
  content: "\e204";
 +
}
 +
.glyphicon-copy:before {
 +
  content: "\e205";
 +
}
 +
.glyphicon-paste:before {
 +
  content: "\e206";
 +
}
 +
.glyphicon-alert:before {
 +
  content: "\e209";
 +
}
 +
.glyphicon-equalizer:before {
 +
  content: "\e210";
 +
}
 +
.glyphicon-king:before {
 +
  content: "\e211";
 +
}
 +
.glyphicon-queen:before {
 +
  content: "\e212";
 +
}
 +
.glyphicon-pawn:before {
 +
  content: "\e213";
 +
}
 +
.glyphicon-bishop:before {
 +
  content: "\e214";
 +
}
 +
.glyphicon-knight:before {
 +
  content: "\e215";
 +
}
 +
.glyphicon-baby-formula:before {
 +
  content: "\e216";
 +
}
 +
.glyphicon-tent:before {
 +
  content: "\26fa";
 +
}
 +
.glyphicon-blackboard:before {
 +
  content: "\e218";
 +
}
 +
.glyphicon-bed:before {
 +
  content: "\e219";
 +
}
 +
.glyphicon-apple:before {
 +
  content: "\f8ff";
 +
}
 +
.glyphicon-erase:before {
 +
  content: "\e221";
 +
}
 +
.glyphicon-hourglass:before {
 +
  content: "\231b";
 +
}
 +
.glyphicon-lamp:before {
 +
  content: "\e223";
 +
}
 +
.glyphicon-duplicate:before {
 +
  content: "\e224";
 +
}
 +
.glyphicon-piggy-bank:before {
 +
  content: "\e225";
 +
}
 +
.glyphicon-scissors:before {
 +
  content: "\e226";
 +
}
 +
.glyphicon-bitcoin:before {
 +
  content: "\e227";
 +
}
 +
.glyphicon-btc:before {
 +
  content: "\e227";
 +
}
 +
.glyphicon-xbt:before {
 +
  content: "\e227";
 +
}
 +
.glyphicon-yen:before {
 +
  content: "\00a5";
 +
}
 +
.glyphicon-jpy:before {
 +
  content: "\00a5";
 +
}
 +
.glyphicon-ruble:before {
 +
  content: "\20bd";
 +
}
 +
.glyphicon-rub:before {
 +
  content: "\20bd";
 +
}
 +
.glyphicon-scale:before {
 +
  content: "\e230";
 +
}
 +
.glyphicon-ice-lolly:before {
 +
  content: "\e231";
 +
}
 +
.glyphicon-ice-lolly-tasted:before {
 +
  content: "\e232";
 +
}
 +
.glyphicon-education:before {
 +
  content: "\e233";
 +
}
 +
.glyphicon-option-horizontal:before {
 +
  content: "\e234";
 +
}
 +
.glyphicon-option-vertical:before {
 +
  content: "\e235";
 +
}
 +
.glyphicon-menu-hamburger:before {
 +
  content: "\e236";
 +
}
 +
.glyphicon-modal-window:before {
 +
  content: "\e237";
 +
}
 +
.glyphicon-oil:before {
 +
  content: "\e238";
 +
}
 +
.glyphicon-grain:before {
 +
  content: "\e239";
 +
}
 +
.glyphicon-sunglasses:before {
 +
  content: "\e240";
 +
}
 +
.glyphicon-text-size:before {
 +
  content: "\e241";
 +
}
 +
.glyphicon-text-color:before {
 +
  content: "\e242";
 +
}
 +
.glyphicon-text-background:before {
 +
  content: "\e243";
 +
}
 +
.glyphicon-object-align-top:before {
 +
  content: "\e244";
 +
}
 +
.glyphicon-object-align-bottom:before {
 +
  content: "\e245";
 +
}
 +
.glyphicon-object-align-horizontal:before {
 +
  content: "\e246";
 +
}
 +
.glyphicon-object-align-left:before {
 +
  content: "\e247";
 +
}
 +
.glyphicon-object-align-vertical:before {
 +
  content: "\e248";
 +
}
 +
.glyphicon-object-align-right:before {
 +
  content: "\e249";
 +
}
 +
.glyphicon-triangle-right:before {
 +
  content: "\e250";
 +
}
 +
.glyphicon-triangle-left:before {
 +
  content: "\e251";
 +
}
 +
.glyphicon-triangle-bottom:before {
 +
  content: "\e252";
 +
}
 +
.glyphicon-triangle-top:before {
 +
  content: "\e253";
 +
}
 +
.glyphicon-console:before {
 +
  content: "\e254";
 +
}
 +
.glyphicon-superscript:before {
 +
  content: "\e255";
 +
}
 +
.glyphicon-subscript:before {
 +
  content: "\e256";
 +
}
 +
.glyphicon-menu-left:before {
 +
  content: "\e257";
 +
}
 +
.glyphicon-menu-right:before {
 +
  content: "\e258";
 +
}
 +
.glyphicon-menu-down:before {
 +
  content: "\e259";
 +
}
 +
.glyphicon-menu-up:before {
 +
  content: "\e260";
 +
}
 +
.caret {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  margin-left: 2px;
 +
  vertical-align: middle;
 +
  border-top: 4px solid #344043;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
  border-bottom: 0 dotted;
 +
  content: "";
 +
}
 +
.dropdown {
 +
  position: relative;
 +
}
 +
.dropdown-toggle:focus {
 +
  outline: 0;
 +
}
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 160px;
 +
  padding: 5px 0;
 +
  margin: 2px 0 0;
 +
  list-style: none;
 +
  font-size: 12px;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border: 1px solid rgba(0, 0, 0, 0.15);
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  background-clip: padding-box;
 +
}
 +
.dropdown-menu.pull-right {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.dropdown-menu .divider {
 +
  height: 1px;
 +
  margin: 7.5px 0;
 +
  overflow: hidden;
 +
  background-color: #e8f0f2;
 +
}
 +
.dropdown-menu > li > a {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  color: #344043;
 +
  white-space: nowrap;
 +
}
 +
.dropdown-menu > li > a:hover,
 +
.dropdown-menu > li > a:focus {
 +
  text-decoration: none;
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
}
 +
.dropdown-menu > .active > a,
 +
.dropdown-menu > .active > a:hover,
 +
.dropdown-menu > .active > a:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  outline: 0;
 +
  background-color: #428ce1;
 +
}
 +
.dropdown-menu > .disabled > a,
 +
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  color: #a2b9be;
 +
}
 +
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  text-decoration: none;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
  cursor: not-allowed;
 +
}
 +
.open > .dropdown-menu {
 +
  display: block;
 +
}
 +
.open > a {
 +
  outline: 0;
 +
}
 +
.dropdown-header {
 +
  display: block;
 +
  padding: 3px 20px;
 +
  font-size: 11px;
 +
  line-height: 1.42857143;
 +
  color: #a2b9be;
 +
}
 +
.dropdown-backdrop {
 +
  position: fixed;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  top: 0;
 +
  z-index: 990;
 +
}
 +
.pull-right > .dropdown-menu {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
.dropup .caret,
 +
.navbar-fixed-bottom .dropdown .caret {
 +
  border-top: 0 dotted;
 +
  border-bottom: 4px solid #344043;
 +
  content: "";
 +
}
 +
.dropup .dropdown-menu,
 +
.navbar-fixed-bottom .dropdown .dropdown-menu {
 +
  top: auto;
 +
  bottom: 100%;
 +
  margin-bottom: 1px;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-right .dropdown-menu {
 +
    right: 0;
 +
    left: auto;
 +
  }
 +
}
 +
.btn-default .caret {
 +
  border-top-color: #344043;
 +
}
 +
.btn-primary .caret,
 +
.btn-success .caret,
 +
.btn-warning .caret,
 +
.btn-danger .caret,
 +
.btn-info .caret {
 +
  border-top-color: #fff;
 +
}
 +
.dropup .btn-default .caret {
 +
  border-bottom-color: #344043;
 +
}
 +
.dropup .btn-primary .caret,
 +
.dropup .btn-success .caret,
 +
.dropup .btn-warning .caret,
 +
.dropup .btn-danger .caret,
 +
.dropup .btn-info .caret {
 +
  border-bottom-color: #fff;
 +
}
 +
.btn-group,
 +
.btn-group-vertical {
 +
  position: relative;
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
}
 +
.btn-group > .btn,
 +
.btn-group-vertical > .btn {
 +
  position: relative;
 +
  float: left;
 +
}
 +
.btn-group > .btn:hover,
 +
.btn-group-vertical > .btn:hover,
 +
.btn-group > .btn:focus,
 +
.btn-group-vertical > .btn:focus,
 +
.btn-group > .btn:active,
 +
.btn-group-vertical > .btn:active,
 +
.btn-group > .btn.active,
 +
.btn-group-vertical > .btn.active {
 +
  z-index: 2;
 +
}
 +
.btn-group > .btn:focus,
 +
.btn-group-vertical > .btn:focus {
 +
  outline: none;
 +
}
 +
.btn-group .btn + .btn,
 +
.btn-group .btn + .btn-group,
 +
.btn-group .btn-group + .btn,
 +
.btn-group .btn-group + .btn-group {
 +
  margin-left: -1px;
 +
}
 +
.btn-toolbar:before,
 +
.btn-toolbar:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.btn-toolbar:after {
 +
  clear: both;
 +
}
 +
.btn-toolbar:before,
 +
.btn-toolbar:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.btn-toolbar:after {
 +
  clear: both;
 +
}
 +
.btn-toolbar .btn-group {
 +
  float: left;
 +
}
 +
.btn-toolbar > .btn + .btn,
 +
.btn-toolbar > .btn-group + .btn,
 +
.btn-toolbar > .btn + .btn-group,
 +
.btn-toolbar > .btn-group + .btn-group {
 +
  margin-left: 5px;
 +
}
 +
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
 +
  border-radius: 0;
 +
}
 +
.btn-group > .btn:first-child {
 +
  margin-left: 0;
 +
}
 +
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.btn-group > .btn:last-child:not(:first-child),
 +
.btn-group > .dropdown-toggle:not(:first-child) {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.btn-group > .btn-group {
 +
  float: left;
 +
}
 +
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
 +
  border-radius: 0;
 +
}
 +
.btn-group > .btn-group:first-child > .btn:last-child,
 +
.btn-group > .btn-group:first-child > .dropdown-toggle {
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.btn-group > .btn-group:last-child > .btn:first-child {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.btn-group .dropdown-toggle:active,
 +
.btn-group.open .dropdown-toggle {
 +
  outline: 0;
 +
}
 +
.btn-group-xs > .btn {
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
  line-height: 1.5;
 +
  border-radius: 2px;
 +
  padding: 1px 5px;
 +
}
 +
.btn-group-sm > .btn {
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
  line-height: 1.5;
 +
  border-radius: 2px;
 +
}
 +
.btn-group-lg > .btn {
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  line-height: 1.33;
 +
  border-radius: 3px;
 +
}
 +
.btn-group > .btn + .dropdown-toggle {
 +
  padding-left: 8px;
 +
  padding-right: 8px;
 +
}
 +
.btn-group > .btn-lg + .dropdown-toggle {
 +
  padding-left: 12px;
 +
  padding-right: 12px;
 +
}
 +
.btn-group.open .dropdown-toggle {
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 +
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 +
}
 +
.btn .caret {
 +
  margin-left: 0;
 +
}
 +
.btn-lg .caret {
 +
  border-width: 5px 5px 0;
 +
  border-bottom-width: 0;
 +
}
 +
.dropup .btn-lg .caret {
 +
  border-width: 0 5px 5px;
 +
}
 +
.btn-group-vertical > .btn,
 +
.btn-group-vertical > .btn-group {
 +
  display: block;
 +
  float: none;
 +
  width: 100%;
 +
  max-width: 100%;
 +
}
 +
.btn-group-vertical > .btn-group:before,
 +
.btn-group-vertical > .btn-group:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.btn-group-vertical > .btn-group:after {
 +
  clear: both;
 +
}
 +
.btn-group-vertical > .btn-group:before,
 +
.btn-group-vertical > .btn-group:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.btn-group-vertical > .btn-group:after {
 +
  clear: both;
 +
}
 +
.btn-group-vertical > .btn-group > .btn {
 +
  float: none;
 +
}
 +
.btn-group-vertical > .btn + .btn,
 +
.btn-group-vertical > .btn + .btn-group,
 +
.btn-group-vertical > .btn-group + .btn,
 +
.btn-group-vertical > .btn-group + .btn-group {
 +
  margin-top: -1px;
 +
  margin-left: 0;
 +
}
 +
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
 +
  border-radius: 0;
 +
}
 +
.btn-group-vertical > .btn:first-child:not(:last-child) {
 +
  border-top-right-radius: 3px;
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.btn-group-vertical > .btn:last-child:not(:first-child) {
 +
  border-bottom-left-radius: 3px;
 +
  border-top-right-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
 +
  border-radius: 0;
 +
}
 +
.btn-group-vertical > .btn-group:first-child > .btn:last-child,
 +
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
 +
  border-top-right-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.btn-group-justified {
 +
  display: table;
 +
  width: 100%;
 +
  table-layout: fixed;
 +
  border-collapse: separate;
 +
}
 +
.btn-group-justified .btn {
 +
  float: none;
 +
  display: table-cell;
 +
  width: 1%;
 +
}
 +
[data-toggle="buttons"] > .btn > input[type="radio"],
 +
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
 +
  display: none;
 +
}
 +
.input-group {
 +
  position: relative;
 +
  display: table;
 +
  border-collapse: separate;
 +
}
 +
.input-group.col {
 +
  float: none;
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
.input-group .form-control {
 +
  width: 100%;
 +
  margin-bottom: 0;
 +
}
 +
.input-group-lg > .form-control,
 +
.input-group-lg > .input-group-addon,
 +
.input-group-lg > .input-group-btn > .btn {
 +
  height: 43px;
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  line-height: 1.33;
 +
  border-radius: 3px;
 +
  line-height: 1.5;
 +
}
 +
select.input-group-lg > .form-control,
 +
select.input-group-lg > .input-group-addon,
 +
select.input-group-lg > .input-group-btn > .btn {
 +
  height: 43px;
 +
  line-height: 43px;
 +
}
 +
textarea.input-group-lg > .form-control,
 +
textarea.input-group-lg > .input-group-addon,
 +
textarea.input-group-lg > .input-group-btn > .btn {
 +
  height: auto;
 +
}
 +
.input-group-sm > .form-control,
 +
.input-group-sm > .input-group-addon,
 +
.input-group-sm > .input-group-btn > .btn {
 +
  height: 28px;
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
  line-height: 1.5;
 +
  border-radius: 2px;
 +
}
 +
select.input-group-sm > .form-control,
 +
select.input-group-sm > .input-group-addon,
 +
select.input-group-sm > .input-group-btn > .btn {
 +
  height: 28px;
 +
  line-height: 28px;
 +
}
 +
textarea.input-group-sm > .form-control,
 +
textarea.input-group-sm > .input-group-addon,
 +
textarea.input-group-sm > .input-group-btn > .btn {
 +
  height: auto;
 +
}
 +
.input-group-addon,
 +
.input-group-btn,
 +
.input-group .form-control {
 +
  display: table-cell;
 +
}
 +
.input-group-addon:not(:first-child):not(:last-child),
 +
.input-group-btn:not(:first-child):not(:last-child),
 +
.input-group .form-control:not(:first-child):not(:last-child) {
 +
  border-radius: 0;
 +
}
 +
.input-group-addon,
 +
.input-group-btn {
 +
  width: 1%;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
}
 +
.input-group-addon {
 +
  padding: 6px 12px;
 +
  font-size: 12px;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  text-align: center;
 +
  background-color: #e8f0f2;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
}
 +
.input-group-addon.input-sm {
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
  border-radius: 2px;
 +
}
 +
.input-group-addon.input-lg {
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  border-radius: 3px;
 +
}
 +
.input-group-addon input[type="radio"],
 +
.input-group-addon input[type="checkbox"] {
 +
  margin-top: 0;
 +
}
 +
.input-group .form-control:first-child,
 +
.input-group-addon:first-child,
 +
.input-group-btn:first-child > .btn,
 +
.input-group-btn:first-child > .dropdown-toggle,
 +
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.input-group-addon:first-child {
 +
  border-right: 0;
 +
}
 +
.input-group .form-control:last-child,
 +
.input-group-addon:last-child,
 +
.input-group-btn:last-child > .btn,
 +
.input-group-btn:last-child > .dropdown-toggle,
 +
.input-group-btn:first-child > .btn:not(:first-child) {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.input-group-addon:last-child {
 +
  border-left: 0;
 +
}
 +
.input-group-btn {
 +
  position: relative;
 +
  white-space: nowrap;
 +
}
 +
.input-group-btn > .btn {
 +
  position: relative;
 +
}
 +
.input-group-btn > .btn + .btn {
 +
  margin-left: -4px;
 +
}
 +
.input-group-btn > .btn:hover,
 +
.input-group-btn > .btn:active {
 +
  z-index: 2;
 +
}
 +
.nav {
 +
  margin-bottom: 0;
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.nav:before,
 +
.nav:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.nav:after {
 +
  clear: both;
 +
}
 +
.nav:before,
 +
.nav:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.nav:after {
 +
  clear: both;
 +
}
 +
.nav > li {
 +
  position: relative;
 +
  display: block;
 +
}
 +
.nav > li > a {
 +
  position: relative;
 +
  display: block;
 +
  padding: 10px 15px;
 +
}
 +
.nav > li > a:hover,
 +
.nav > li > a:focus {
 +
  text-decoration: none;
 +
  background-color: #e8f0f2;
 +
}
 +
.nav > li.disabled > a {
 +
  color: #a2b9be;
 +
}
 +
.nav > li.disabled > a:hover,
 +
.nav > li.disabled > a:focus {
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
  background-color: transparent;
 +
  cursor: not-allowed;
 +
}
 +
.nav .open > a,
 +
.nav .open > a:hover,
 +
.nav .open > a:focus {
 +
  background-color: #e8f0f2;
 +
  border-color: #428ce1;
 +
}
 +
.nav .nav-divider {
 +
  height: 1px;
 +
  margin: 7.5px 0;
 +
  overflow: hidden;
 +
  background-color: #e5e5e5;
 +
}
 +
.nav > li > a > img {
 +
  max-width: none;
 +
}
 +
.nav-tabs {
 +
  border-bottom: 1px solid #c9d8db;
 +
}
 +
.nav-tabs > li {
 +
  float: left;
 +
  margin-bottom: -1px;
 +
}
 +
.nav-tabs > li > a {
 +
  margin-right: 2px;
 +
  line-height: 1.42857143;
 +
  border: 1px solid transparent;
 +
  border-radius: 3px 3px 0 0;
 +
}
 +
.nav-tabs > li > a:hover {
 +
  border-color: #e8f0f2 #e8f0f2 #c9d8db;
 +
}
 +
.nav-tabs > li.active > a,
 +
.nav-tabs > li.active > a:hover,
 +
.nav-tabs > li.active > a:focus {
 +
  color: #344043;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border-bottom-color: transparent;
 +
  cursor: default;
 +
}
 +
.nav-tabs.nav-justified {
 +
  width: 100%;
 +
  border-bottom: 0;
 +
}
 +
.nav-tabs.nav-justified > li {
 +
  float: none;
 +
}
 +
.nav-tabs.nav-justified > li > a {
 +
  text-align: center;
 +
}
 +
@media (min-width: 768px) {
 +
  .nav-tabs.nav-justified > li {
 +
    display: table-cell;
 +
    width: 1%;
 +
  }
 +
}
 +
.nav-tabs.nav-justified > li > a {
 +
  border-bottom: 1px solid #c9d8db;
 +
  margin-right: 0;
 +
}
 +
.nav-tabs.nav-justified > .active > a {
 +
  border-bottom-color: #ffffff;
 +
}
 +
.nav-pills > li {
 +
  float: left;
 +
}
 +
.nav-pills > li > a {
 +
  border-radius: 5px;
 +
}
 +
.nav-pills > li + li {
 +
  margin-left: 2px;
 +
}
 +
.nav-pills > li.active > a,
 +
.nav-pills > li.active > a:hover,
 +
.nav-pills > li.active > a:focus {
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
}
 +
.nav-stacked > li {
 +
  float: none;
 +
}
 +
.nav-stacked > li + li {
 +
  margin-top: 2px;
 +
  margin-left: 0;
 +
}
 +
.nav-justified {
 +
  width: 100%;
 +
}
 +
.nav-justified > li {
 +
  float: none;
 +
}
 +
.nav-justified > li > a {
 +
  text-align: center;
 +
}
 +
@media (min-width: 768px) {
 +
  .nav-justified > li {
 +
    display: table-cell;
 +
    width: 1%;
 +
  }
 +
}
 +
.nav-tabs-justified {
 +
  border-bottom: 0;
 +
}
 +
.nav-tabs-justified > li > a {
 +
  border-bottom: 1px solid #c9d8db;
 +
  margin-right: 0;
 +
}
 +
.nav-tabs-justified > .active > a {
 +
  border-bottom-color: #ffffff;
 +
}
 +
.tabbable:before,
 +
.tabbable:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.tabbable:after {
 +
  clear: both;
 +
}
 +
.tabbable:before,
 +
.tabbable:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.tabbable:after {
 +
  clear: both;
 +
}
 +
.tab-content > .tab-pane,
 +
.pill-content > .pill-pane {
 +
  display: none;
 +
}
 +
.tab-content > .active,
 +
.pill-content > .active {
 +
  display: block;
 +
}
 +
.nav .caret {
 +
  border-top-color: #428ce1;
 +
  border-bottom-color: #428ce1;
 +
}
 +
.nav a:hover .caret {
 +
  border-top-color: #1d66b9;
 +
  border-bottom-color: #1d66b9;
 +
}
 +
.nav-tabs .dropdown-menu {
 +
  margin-top: -1px;
 +
  border-top-right-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.navbar {
 +
  position: relative;
 +
  z-index: 1000;
 +
  min-height: 50px;
 +
  margin-bottom: 17px;
 +
  border: 1px solid transparent;
 +
}
 +
.navbar:before,
 +
.navbar:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.navbar:after {
 +
  clear: both;
 +
}
 +
.navbar:before,
 +
.navbar:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.navbar:after {
 +
  clear: both;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar {
 +
    border-radius: 3px;
 +
  }
 +
}
 +
.navbar-header:before,
 +
.navbar-header:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.navbar-header:after {
 +
  clear: both;
 +
}
 +
.navbar-header:before,
 +
.navbar-header:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.navbar-header:after {
 +
  clear: both;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-header {
 +
    float: left;
 +
  }
 +
}
 +
.navbar-collapse {
 +
  max-height: 340px;
 +
  overflow-x: visible;
 +
  padding-right: 15px;
 +
  padding-left: 15px;
 +
  border-top: 1px solid transparent;
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 +
  -webkit-overflow-scrolling: touch;
 +
}
 +
.navbar-collapse:before,
 +
.navbar-collapse:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.navbar-collapse:after {
 +
  clear: both;
 +
}
 +
.navbar-collapse:before,
 +
.navbar-collapse:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.navbar-collapse:after {
 +
  clear: both;
 +
}
 +
.navbar-collapse.in {
 +
  overflow-y: auto;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-collapse {
 +
    width: auto;
 +
    border-top: 0;
 +
    box-shadow: none;
 +
  }
 +
  .navbar-collapse.collapse {
 +
    display: block !important;
 +
    height: auto !important;
 +
    padding-bottom: 0;
 +
    overflow: visible !important;
 +
  }
 +
  .navbar-collapse.in {
 +
    overflow-y: visible;
 +
  }
 +
  .navbar-collapse .navbar-nav.navbar-left:first-child {
 +
    margin-left: -15px;
 +
  }
 +
  .navbar-collapse .navbar-nav.navbar-right:last-child {
 +
    margin-right: -15px;
 +
  }
 +
  .navbar-collapse .navbar-text:last-child {
 +
    margin-right: 0;
 +
  }
 +
}
 +
.container > .navbar-header,
 +
.container > .navbar-collapse {
 +
  margin-right: -15px;
 +
  margin-left: -15px;
 +
}
 +
@media (min-width: 430px) {
 +
  .container > .navbar-header,
 +
  .container > .navbar-collapse {
 +
    margin-right: 0;
 +
    margin-left: 0;
 +
  }
 +
}
 +
.navbar-static-top {
 +
  border-width: 0 0 1px;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-static-top {
 +
    border-radius: 0;
 +
  }
 +
}
 +
.navbar-fixed-top,
 +
.navbar-fixed-bottom {
 +
  position: fixed;
 +
  right: 0;
 +
  left: 0;
 +
  border-width: 0 0 1px;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-fixed-top,
 +
  .navbar-fixed-bottom {
 +
    border-radius: 0;
 +
  }
 +
}
 +
.navbar-fixed-top {
 +
  z-index: 1030;
 +
  top: 0;
 +
}
 +
.navbar-fixed-bottom {
 +
  bottom: 0;
 +
  margin-bottom: 0;
 +
}
 +
.navbar-brand {
 +
  float: left;
 +
  padding: 16.5px 15px;
 +
  font-size: 16px;
 +
  line-height: 17px;
 +
}
 +
.navbar-brand:hover,
 +
.navbar-brand:focus {
 +
  text-decoration: none;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar > .container .navbar-brand {
 +
    margin-left: -15px;
 +
  }
 +
}
 +
.navbar-toggle {
 +
  position: relative;
 +
  float: right;
 +
  margin-right: 15px;
 +
  padding: 9px 10px;
 +
  margin-top: 8px;
 +
  margin-bottom: 8px;
 +
  background-color: transparent;
 +
  border: 1px solid transparent;
 +
  border-radius: 3px;
 +
}
 +
.navbar-toggle .icon-bar {
 +
  display: block;
 +
  width: 22px;
 +
  height: 2px;
 +
  border-radius: 1px;
 +
}
 +
.navbar-toggle .icon-bar + .icon-bar {
 +
  margin-top: 4px;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-toggle {
 +
    display: none;
 +
  }
 +
}
 +
.navbar-nav {
 +
  margin: 8.25px -15px;
 +
}
 +
.navbar-nav > li > a {
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
  line-height: 17px;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-nav {
 +
    float: left;
 +
    margin: 0;
 +
  }
 +
  .navbar-nav > li {
 +
    float: left;
 +
  }
 +
  .navbar-nav > li > a {
 +
    padding-top: 16.5px;
 +
    padding-bottom: 16.5px;
 +
  }
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-left {
 +
    float: left !important;
 +
    float: left;
 +
  }
 +
  .navbar-right {
 +
    float: right !important;
 +
    float: right;
 +
  }
 +
}
 +
.navbar-form {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
  padding: 10px 15px;
 +
  border-top: 1px solid transparent;
 +
  border-bottom: 1px solid transparent;
 +
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
@media (min-width: 768px) {
 +
  .navbar-form .form-group {
 +
    display: inline-block;
 +
    margin-bottom: 0;
 +
    vertical-align: middle;
 +
  }
 +
  .navbar-form .form-control {
 +
    display: inline-block;
 +
  }
 +
  .navbar-form .radio,
 +
  .navbar-form .checkbox {
 +
    display: inline-block;
 +
    margin-top: 0;
 +
    margin-bottom: 0;
 +
    padding-left: 0;
 +
  }
 +
  .navbar-form .radio input[type="radio"],
 +
  .navbar-form .checkbox input[type="checkbox"] {
 +
    float: none;
 +
    margin-left: 0;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-form .form-group {
 +
    margin-bottom: 5px;
 +
  }
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-form {
 +
    width: auto;
 +
    border: 0;
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
    padding-top: 0;
 +
    padding-bottom: 0;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
  }
 +
}
 +
.navbar-nav > li > .dropdown-menu {
 +
  margin-top: 0;
 +
  border-top-right-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
 +
  border-bottom-right-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.navbar-nav.pull-right > li > .dropdown-menu,
 +
.navbar-nav > li > .dropdown-menu.pull-right {
 +
  left: auto;
 +
  right: 0;
 +
}
 +
.navbar-btn {
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
.navbar-text {
 +
  float: left;
 +
  margin-top: 16.5px;
 +
  margin-bottom: 16.5px;
 +
}
 +
@media (min-width: 430px) {
 +
  .navbar-text {
 +
    margin-left: 15px;
 +
    margin-right: 15px;
 +
  }
 +
}
 +
.navbar-default {
 +
  background-color: #f8fafb;
 +
  border-color: #e3ebef;
 +
}
 +
.navbar-default .navbar-brand {
 +
  color: #5c7c83;
 +
}
 +
.navbar-default .navbar-brand:hover,
 +
.navbar-default .navbar-brand:focus {
 +
  color: #476065;
 +
  background-color: transparent;
 +
}
 +
.navbar-default .navbar-text {
 +
  color: #5c7c83;
 +
}
 +
.navbar-default .navbar-nav > li > a {
 +
  color: #5c7c83;
 +
}
 +
.navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
  color: #344043;
 +
  background-color: transparent;
 +
}
 +
.navbar-default .navbar-nav > .active > a,
 +
.navbar-default .navbar-nav > .active > a:hover,
 +
.navbar-default .navbar-nav > .active > a:focus {
 +
  color: #344043;
 +
  background-color: #e3ebef;
 +
}
 +
.navbar-default .navbar-nav > .disabled > a,
 +
.navbar-default .navbar-nav > .disabled > a:hover,
 +
.navbar-default .navbar-nav > .disabled > a:focus {
 +
  color: #c9d8db;
 +
  background-color: transparent;
 +
}
 +
.navbar-default .navbar-toggle {
 +
  border-color: #c9d8db;
 +
}
 +
.navbar-default .navbar-toggle:hover,
 +
.navbar-default .navbar-toggle:focus {
 +
  background-color: #c9d8db;
 +
}
 +
.navbar-default .navbar-toggle .icon-bar {
 +
  background-color: #c9d8db;
 +
}
 +
.navbar-default .navbar-collapse,
 +
.navbar-default .navbar-form {
 +
  border-color: #e1eaee;
 +
}
 +
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
 +
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
 +
  border-top-color: #344043;
 +
  border-bottom-color: #344043;
 +
}
 +
.navbar-default .navbar-nav > .open > a,
 +
.navbar-default .navbar-nav > .open > a:hover,
 +
.navbar-default .navbar-nav > .open > a:focus {
 +
  background-color: #e3ebef;
 +
  color: #344043;
 +
}
 +
.navbar-default .navbar-nav > .open > a .caret,
 +
.navbar-default .navbar-nav > .open > a:hover .caret,
 +
.navbar-default .navbar-nav > .open > a:focus .caret {
 +
  border-top-color: #344043;
 +
  border-bottom-color: #344043;
 +
}
 +
.navbar-default .navbar-nav > .dropdown > a .caret {
 +
  border-top-color: #5c7c83;
 +
  border-bottom-color: #5c7c83;
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #5c7c83;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #344043;
 +
    background-color: transparent;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #344043;
 +
    background-color: #e3ebef;
 +
  }
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 +
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 +
    color: #c9d8db;
 +
    background-color: transparent;
 +
  }
 +
}
 +
.navbar-default .navbar-link {
 +
  color: #5c7c83;
 +
}
 +
.navbar-default .navbar-link:hover {
 +
  color: #344043;
 +
}
 +
.navbar-inverse {
 +
  background-color: #344043;
 +
  border-color: #1e2526;
 +
}
 +
.navbar-inverse .navbar-brand {
 +
  color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-brand:hover,
 +
.navbar-inverse .navbar-brand:focus {
 +
  color: #ffffff;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-text {
 +
  color: #a2b9be;
 +
}
 +
.navbar-inverse .navbar-nav > li > a {
 +
  color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover,
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
  color: #ffffff;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a,
 +
.navbar-inverse .navbar-nav > .active > a:hover,
 +
.navbar-inverse .navbar-nav > .active > a:focus {
 +
  color: #ffffff;
 +
  background-color: #1e2526;
 +
}
 +
.navbar-inverse .navbar-nav > .disabled > a,
 +
.navbar-inverse .navbar-nav > .disabled > a:hover,
 +
.navbar-inverse .navbar-nav > .disabled > a:focus {
 +
  color: #344043;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-toggle {
 +
  border-color: #344043;
 +
}
 +
.navbar-inverse .navbar-toggle:hover,
 +
.navbar-inverse .navbar-toggle:focus {
 +
  background-color: #344043;
 +
}
 +
.navbar-inverse .navbar-toggle .icon-bar {
 +
  background-color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-collapse,
 +
.navbar-inverse .navbar-form {
 +
  border-color: #242d2f;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a,
 +
.navbar-inverse .navbar-nav > .open > a:hover,
 +
.navbar-inverse .navbar-nav > .open > a:focus {
 +
  background-color: #1e2526;
 +
  color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
 +
  border-top-color: #ffffff;
 +
  border-bottom-color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-nav > .dropdown > a .caret {
 +
  border-top-color: #ffffff;
 +
  border-bottom-color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a .caret,
 +
.navbar-inverse .navbar-nav > .open > a:hover .caret,
 +
.navbar-inverse .navbar-nav > .open > a:focus .caret {
 +
  border-top-color: #ffffff;
 +
  border-bottom-color: #ffffff;
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 +
    border-color: #1e2526;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #ffffff;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #ffffff;
 +
    background-color: transparent;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #ffffff;
 +
    background-color: #1e2526;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 +
    color: #344043;
 +
    background-color: transparent;
 +
  }
 +
}
 +
.navbar-inverse .navbar-link {
 +
  color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-link:hover {
 +
  color: #ffffff;
 +
}
 +
.breadcrumb {
 +
  padding: 8px 15px;
 +
  margin-bottom: 17px;
 +
  list-style: none;
 +
  background-color: #f8fafb;
 +
  border-radius: 3px;
 +
}
 +
.breadcrumb > li {
 +
  display: inline-block;
 +
}
 +
.breadcrumb > li + li:before {
 +
  content: "/\00a0";
 +
  padding: 0 5px;
 +
  color: #c9d8db;
 +
}
 +
.breadcrumb > .active {
 +
  color: #a2b9be;
 +
}
 +
.pagination {
 +
  display: inline-block;
 +
  padding-left: 0;
 +
  margin: 17px 0;
 +
  border-radius: 3px;
 +
}
 +
.pagination > li {
 +
  display: inline;
 +
}
 +
.pagination > li > a,
 +
.pagination > li > span {
 +
  position: relative;
 +
  float: left;
 +
  padding: 6px 12px;
 +
  line-height: 1.42857143;
 +
  text-decoration: none;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  margin-left: -1px;
 +
}
 +
.pagination > li:first-child > a,
 +
.pagination > li:first-child > span {
 +
  margin-left: 0;
 +
  border-bottom-left-radius: 3px;
 +
  border-top-left-radius: 3px;
 +
}
 +
.pagination > li:last-child > a,
 +
.pagination > li:last-child > span {
 +
  border-bottom-right-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
.pagination > li > a:hover,
 +
.pagination > li > span:hover,
 +
.pagination > li > a:focus,
 +
.pagination > li > span:focus {
 +
  background-color: #e8f0f2;
 +
}
 +
.pagination > .active > a,
 +
.pagination > .active > span,
 +
.pagination > .active > a:hover,
 +
.pagination > .active > span:hover,
 +
.pagination > .active > a:focus,
 +
.pagination > .active > span:focus {
 +
  z-index: 2;
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
  border-color: #428ce1;
 +
  cursor: default;
 +
}
 +
.pagination > .disabled > span,
 +
.pagination > .disabled > a,
 +
.pagination > .disabled > a:hover,
 +
.pagination > .disabled > a:focus {
 +
  color: #a2b9be;
 +
  background-color: #ffffff;
 +
  border-color: #c9d8db;
 +
  cursor: not-allowed;
 +
}
 +
.pagination-lg > li > a,
 +
.pagination-lg > li > span {
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
}
 +
.pagination-lg > li:first-child > a,
 +
.pagination-lg > li:first-child > span {
 +
  border-bottom-left-radius: 3px;
 +
  border-top-left-radius: 3px;
 +
}
 +
.pagination-lg > li:last-child > a,
 +
.pagination-lg > li:last-child > span {
 +
  border-bottom-right-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
.pagination-sm > li > a,
 +
.pagination-sm > li > span {
 +
  padding: 5px 10px;
 +
  font-size: 11px;
 +
}
 +
.pagination-sm > li:first-child > a,
 +
.pagination-sm > li:first-child > span {
 +
  border-bottom-left-radius: 2px;
 +
  border-top-left-radius: 2px;
 +
}
 +
.pagination-sm > li:last-child > a,
 +
.pagination-sm > li:last-child > span {
 +
  border-bottom-right-radius: 2px;
 +
  border-top-right-radius: 2px;
 +
}
 +
.pager {
 +
  padding-left: 0;
 +
  margin: 17px 0;
 +
  list-style: none;
 +
  text-align: center;
 +
}
 +
.pager:before,
 +
.pager:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.pager:after {
 +
  clear: both;
 +
}
 +
.pager:before,
 +
.pager:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.pager:after {
 +
  clear: both;
 +
}
 +
.pager li {
 +
  display: inline;
 +
}
 +
.pager li > a,
 +
.pager li > span {
 +
  display: inline-block;
 +
  padding: 5px 14px;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 15px;
 +
}
 +
.pager li > a:hover,
 +
.pager li > a:focus {
 +
  text-decoration: none;
 +
  background-color: #e8f0f2;
 +
}
 +
.pager .next > a,
 +
.pager .next > span {
 +
  float: right;
 +
}
 +
.pager .previous > a,
 +
.pager .previous > span {
 +
  float: left;
 +
}
 +
.pager .disabled > a,
 +
.pager .disabled > a:hover,
 +
.pager .disabled > a:focus,
 +
.pager .disabled > span {
 +
  color: #a2b9be;
 +
  background-color: #ffffff;
 +
  cursor: not-allowed;
 +
}
 +
.label {
 +
  display: inline;
 +
  padding: .2em .6em .3em;
 +
  font-size: 75%;
 +
  font-weight: bold;
 +
  line-height: 1;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: baseline;
 +
  border-radius: .25em;
 +
}
 +
.label[href]:hover,
 +
.label[href]:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
.label:empty {
 +
  display: none;
 +
}
 +
.label-default {
 +
  background-color: #a2b9be;
 +
}
 +
.label-default[href]:hover,
 +
.label-default[href]:focus {
 +
  background-color: #84a2a9;
 +
}
 +
.label-primary {
 +
  background-color: #428ce1;
 +
}
 +
.label-primary[href]:hover,
 +
.label-primary[href]:focus {
 +
  background-color: #2172cf;
 +
}
 +
.label-success {
 +
  background-color: #03c08d;
 +
}
 +
.label-success[href]:hover,
 +
.label-success[href]:focus {
 +
  background-color: #028e68;
 +
}
 +
.label-info {
 +
  background-color: #5b9fec;
 +
}
 +
.label-info[href]:hover,
 +
.label-info[href]:focus {
 +
  background-color: #2d84e7;
 +
}
 +
.label-warning {
 +
  background-color: #fdd586;
 +
}
 +
.label-warning[href]:hover,
 +
.label-warning[href]:focus {
 +
  background-color: #fcc454;
 +
}
 +
.label-danger {
 +
  background-color: #e96e51;
 +
}
 +
.label-danger[href]:hover,
 +
.label-danger[href]:focus {
 +
  background-color: #e34824;
 +
}
 +
.badge {
 +
  display: inline-block;
 +
  min-width: 10px;
 +
  padding: 3px 7px;
 +
  font-size: 11px;
 +
  font-weight: bold;
 +
  color: #ffffff;
 +
  line-height: 1;
 +
  vertical-align: baseline;
 +
  white-space: nowrap;
 +
  text-align: center;
 +
  background-color: #a2b9be;
 +
  border-radius: 10px;
 +
}
 +
.badge:empty {
 +
  display: none;
 +
}
 +
a.badge:hover,
 +
a.badge:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
.btn .badge {
 +
  position: relative;
 +
  top: -1px;
 +
}
 +
a.list-group-item.active > .badge,
 +
.nav-pills > .active > a > .badge {
 +
  color: #428ce1;
 +
  background-color: #ffffff;
 +
}
 +
.nav-pills > li > a > .badge {
 +
  margin-left: 3px;
 +
}
 +
.jumbotron {
 +
  padding: 30px;
 +
  margin-bottom: 30px;
 +
  font-size: 18px;
 +
  font-weight: 200;
 +
  line-height: 2.14285714;
 +
  color: inherit;
 +
  background-color: #e8f0f2;
 +
}
 +
.jumbotron h1 {
 +
  line-height: 1;
 +
  color: inherit;
 +
}
 +
.jumbotron p {
 +
  line-height: 1.4;
 +
}
 +
.container .jumbotron {
 +
  border-radius: 3px;
 +
}
 +
@media screen and (min-width: 768px) {
 +
  .jumbotron {
 +
    padding-top: 48px;
 +
    padding-bottom: 48px;
 +
  }
 +
  .container .jumbotron {
 +
    padding-left: 60px;
 +
    padding-right: 60px;
 +
  }
 +
  .jumbotron h1 {
 +
    font-size: 54px;
 +
  }
 +
}
 +
.thumbnail {
 +
  padding: 4px;
 +
  line-height: 1.42857143;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  -webkit-transition: all 0.2s ease-in-out;
 +
  transition: all 0.2s ease-in-out;
 +
  display: inline-block;
 +
  max-width: 100%;
 +
  height: auto;
 +
  display: block;
 +
}
 +
.thumbnail > img {
 +
  display: block;
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
a.thumbnail:hover,
 +
a.thumbnail:focus {
 +
  border-color: #428ce1;
 +
}
 +
.thumbnail > img {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
.thumbnail .caption {
 +
  padding: 9px;
 +
  color: #344043;
 +
}
 +
.alert {
 +
  padding: 15px;
 +
  margin-bottom: 17px;
 +
  border: 1px solid transparent;
 +
  border-radius: 3px;
 +
}
 +
.alert h4 {
 +
  margin-top: 0;
 +
  color: inherit;
 +
}
 +
.alert .alert-link {
 +
  font-weight: bold;
 +
}
 +
.alert > p,
 +
.alert > ul {
 +
  margin-bottom: 0;
 +
}
 +
.alert > p + p {
 +
  margin-top: 5px;
 +
}
 +
.alert-dismissable {
 +
  padding-right: 35px;
 +
}
 +
.alert-dismissable .close {
 +
  position: relative;
 +
  top: -2px;
 +
  right: -21px;
 +
  color: inherit;
 +
}
 +
.alert-success {
 +
  background-color: #dff0d8;
 +
  border-color: #d6e9c6;
 +
  color: #468847;
 +
}
 +
.alert-success hr {
 +
  border-top-color: #c9e2b3;
 +
}
 +
.alert-success .alert-link {
 +
  color: #356635;
 +
}
 +
.alert-info {
 +
  background-color: #d9edf7;
 +
  border-color: #bce8f1;
 +
  color: #3a87ad;
 +
}
 +
.alert-info hr {
 +
  border-top-color: #a6e1ec;
 +
}
 +
.alert-info .alert-link {
 +
  color: #2d6987;
 +
}
 +
.alert-warning {
 +
  background-color: #fcf8e3;
 +
  border-color: #fbeed5;
 +
  color: #c09853;
 +
}
 +
.alert-warning hr {
 +
  border-top-color: #f8e5be;
 +
}
 +
.alert-warning .alert-link {
 +
  color: #a47e3c;
 +
}
 +
.alert-danger {
 +
  background-color: #f2dede;
 +
  border-color: #eed3d7;
 +
  color: #b94a48;
 +
}
 +
.alert-danger hr {
 +
  border-top-color: #e6c1c7;
 +
}
 +
.alert-danger .alert-link {
 +
  color: #953b39;
 +
}
 +
@-webkit-keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 40px 0;
 +
  }
 +
  to {
 +
    background-position: 0 0;
 +
  }
 +
}
 +
@-moz-keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 40px 0;
 +
  }
 +
  to {
 +
    background-position: 0 0;
 +
  }
 +
}
 +
@-o-keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 0 0;
 +
  }
 +
  to {
 +
    background-position: 40px 0;
 +
  }
 +
}
 +
@keyframes progress-bar-stripes {
 +
  from {
 +
    background-position: 40px 0;
 +
  }
 +
  to {
 +
    background-position: 0 0;
 +
  }
 +
}
 +
.progress {
 +
  overflow: hidden;
 +
  height: 17px;
 +
  margin-bottom: 17px;
 +
  background-color: #f8fafb;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 +
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 +
}
 +
.progress-bar {
 +
  float: left;
 +
  width: 0%;
 +
  height: 100%;
 +
  font-size: 11px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  background-color: #428ce1;
 +
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 +
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 +
  -webkit-transition: width 0.6s ease;
 +
  transition: width 0.6s ease;
 +
}
 +
.progress-striped .progress-bar {
 +
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-size: 40px 40px;
 +
}
 +
.progress.active .progress-bar {
 +
  -webkit-animation: progress-bar-stripes 2s linear infinite;
 +
  -moz-animation: progress-bar-stripes 2s linear infinite;
 +
  -ms-animation: progress-bar-stripes 2s linear infinite;
 +
  -o-animation: progress-bar-stripes 2s linear infinite;
 +
  animation: progress-bar-stripes 2s linear infinite;
 +
}
 +
.progress-bar-success {
 +
  background-color: #03c08d;
 +
}
 +
.progress-striped .progress-bar-success {
 +
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
}
 +
.progress-bar-info {
 +
  background-color: #5b9fec;
 +
}
 +
.progress-striped .progress-bar-info {
 +
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
}
 +
.progress-bar-warning {
 +
  background-color: #fdd586;
 +
}
 +
.progress-striped .progress-bar-warning {
 +
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
}
 +
.progress-bar-danger {
 +
  background-color: #e96e51;
 +
}
 +
.progress-striped .progress-bar-danger {
 +
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
}
 +
.media,
 +
.media-body {
 +
  overflow: hidden;
 +
  zoom: 1;
 +
}
 +
.media,
 +
.media .media {
 +
  margin-top: 15px;
 +
}
 +
.media:first-child {
 +
  margin-top: 0;
 +
}
 +
.media-object {
 +
  display: block;
 +
}
 +
.media-heading {
 +
  margin: 0 0 5px;
 +
}
 +
.media > .pull-left {
 +
  margin-right: 10px;
 +
}
 +
.media > .pull-right {
 +
  margin-left: 10px;
 +
}
 +
.media-list {
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.list-group {
 +
  margin-bottom: 20px;
 +
  padding-left: 0;
 +
}
 +
.list-group-item {
 +
  position: relative;
 +
  display: block;
 +
  padding: 10px 15px;
 +
  margin-bottom: -1px;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
}
 +
.list-group-item:first-child {
 +
  border-top-right-radius: 3px;
 +
  border-top-left-radius: 3px;
 +
}
 +
.list-group-item:last-child {
 +
  margin-bottom: 0;
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
.list-group-item > .badge {
 +
  float: right;
 +
}
 +
.list-group-item > .badge + .badge {
 +
  margin-right: 5px;
 +
}
 +
a.list-group-item {
 +
  color: #344043;
 +
}
 +
a.list-group-item .list-group-item-heading {
 +
  color: #344043;
 +
}
 +
a.list-group-item:hover,
 +
a.list-group-item:focus {
 +
  text-decoration: none;
 +
  background-color: #f8fafb;
 +
}
 +
.list-group-item.active,
 +
.list-group-item.active:hover,
 +
.list-group-item.active:focus {
 +
  z-index: 2;
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
  border-color: #428ce1;
 +
}
 +
.list-group-item.active .list-group-item-heading,
 +
.list-group-item.active:hover .list-group-item-heading,
 +
.list-group-item.active:focus .list-group-item-heading {
 +
  color: inherit;
 +
}
 +
.list-group-item.active .list-group-item-text,
 +
.list-group-item.active:hover .list-group-item-text,
 +
.list-group-item.active:focus .list-group-item-text {
 +
  color: #f2f7fd;
 +
}
 +
.list-group-item-heading {
 +
  margin-top: 0;
 +
  margin-bottom: 5px;
 +
}
 +
.list-group-item-text {
 +
  margin-bottom: 0;
 +
  line-height: 1.3;
 +
}
 +
.panel {
 +
  margin-bottom: 17px;
 +
  background-color: #ffffff;
 +
  border: 1px solid transparent;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 +
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
 +
}
 +
.panel-body {
 +
  padding: 15px;
 +
}
 +
.panel-body:before,
 +
.panel-body:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.panel-body:after {
 +
  clear: both;
 +
}
 +
.panel-body:before,
 +
.panel-body:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.panel-body:after {
 +
  clear: both;
 +
}
 +
.panel > .list-group {
 +
  margin-bottom: 0;
 +
}
 +
.panel > .list-group .list-group-item {
 +
  border-width: 1px 0;
 +
}
 +
.panel > .list-group .list-group-item:first-child {
 +
  border-top-right-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
.panel > .list-group .list-group-item:last-child {
 +
  border-bottom: 0;
 +
}
 +
.panel-heading + .list-group .list-group-item:first-child {
 +
  border-top-width: 0;
 +
}
 +
.panel > .table {
 +
  margin-bottom: 0;
 +
}
 +
.panel > .panel-body + .table {
 +
  border-top: 1px solid #dddddd;
 +
}
 +
.panel-heading {
 +
  padding: 10px 15px;
 +
  border-bottom: 1px solid transparent;
 +
  border-top-right-radius: 2px;
 +
  border-top-left-radius: 2px;
 +
}
 +
.panel-title {
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
}
 +
.panel-title > a {
 +
  color: inherit;
 +
}
 +
.panel-footer {
 +
  padding: 10px 15px;
 +
  background-color: #f8fafb;
 +
  border-top: 1px solid #c9d8db;
 +
  border-bottom-right-radius: 2px;
 +
  border-bottom-left-radius: 2px;
 +
}
 +
.panel-group .panel {
 +
  margin-bottom: 0;
 +
  border-radius: 3px;
 +
  overflow: hidden;
 +
}
 +
.panel-group .panel + .panel {
 +
  margin-top: 5px;
 +
}
 +
.panel-group .panel-heading {
 +
  border-bottom: 0;
 +
}
 +
.panel-group .panel-heading + .panel-collapse .panel-body {
 +
  border-top: 1px solid #c9d8db;
 +
}
 +
.panel-group .panel-footer {
 +
  border-top: 0;
 +
}
 +
.panel-group .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom: 1px solid #c9d8db;
 +
}
 +
.panel-default {
 +
  border-color: #c9d8db;
 +
}
 +
.panel-default > .panel-heading {
 +
  color: #344043;
 +
  background-color: #f8fafb;
 +
  border-color: #c9d8db;
 +
}
 +
.panel-default > .panel-heading + .panel-collapse .panel-body {
 +
  border-top-color: #c9d8db;
 +
}
 +
.panel-default > .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom-color: #c9d8db;
 +
}
 +
.panel-primary {
 +
  border-color: #428ce1;
 +
}
 +
.panel-primary > .panel-heading {
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
  border-color: #428ce1;
 +
}
 +
.panel-primary > .panel-heading + .panel-collapse .panel-body {
 +
  border-top-color: #428ce1;
 +
}
 +
.panel-primary > .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom-color: #428ce1;
 +
}
 +
.panel-success {
 +
  border-color: #d6e9c6;
 +
}
 +
.panel-success > .panel-heading {
 +
  color: #468847;
 +
  background-color: #dff0d8;
 +
  border-color: #d6e9c6;
 +
}
 +
.panel-success > .panel-heading + .panel-collapse .panel-body {
 +
  border-top-color: #d6e9c6;
 +
}
 +
.panel-success > .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom-color: #d6e9c6;
 +
}
 +
.panel-warning {
 +
  border-color: #fbeed5;
 +
}
 +
.panel-warning > .panel-heading {
 +
  color: #c09853;
 +
  background-color: #fcf8e3;
 +
  border-color: #fbeed5;
 +
}
 +
.panel-warning > .panel-heading + .panel-collapse .panel-body {
 +
  border-top-color: #fbeed5;
 +
}
 +
.panel-warning > .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom-color: #fbeed5;
 +
}
 +
.panel-danger {
 +
  border-color: #eed3d7;
 +
}
 +
.panel-danger > .panel-heading {
 +
  color: #b94a48;
 +
  background-color: #f2dede;
 +
  border-color: #eed3d7;
 +
}
 +
.panel-danger > .panel-heading + .panel-collapse .panel-body {
 +
  border-top-color: #eed3d7;
 +
}
 +
.panel-danger > .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom-color: #eed3d7;
 +
}
 +
.panel-info {
 +
  border-color: #bce8f1;
 +
}
 +
.panel-info > .panel-heading {
 +
  color: #3a87ad;
 +
  background-color: #d9edf7;
 +
  border-color: #bce8f1;
 +
}
 +
.panel-info > .panel-heading + .panel-collapse .panel-body {
 +
  border-top-color: #bce8f1;
 +
}
 +
.panel-info > .panel-footer + .panel-collapse .panel-body {
 +
  border-bottom-color: #bce8f1;
 +
}
 +
.well {
 +
  min-height: 20px;
 +
  padding: 19px;
 +
  margin-bottom: 20px;
 +
  background-color: #f8fafb;
 +
  border: 1px solid #e1eaee;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 +
}
 +
.well blockquote {
 +
  border-color: #ddd;
 +
  border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
.well-lg {
 +
  padding: 24px;
 +
  border-radius: 3px;
 +
}
 +
.well-sm {
 +
  padding: 9px;
 +
  border-radius: 2px;
 +
}
 +
.close {
 +
  float: right;
 +
  font-size: 18px;
 +
  font-weight: bold;
 +
  line-height: 1;
 +
  color: #344043;
 +
  text-shadow: 0 1px 0 #ffffff;
 +
  opacity: 0.2;
 +
  filter: alpha(opacity=20);
 +
}
 +
.close:hover,
 +
.close:focus {
 +
  color: #344043;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
}
 +
button.close {
 +
  padding: 0;
 +
  cursor: pointer;
 +
  background: transparent;
 +
  border: 0;
 +
  -webkit-appearance: none;
 +
}
 +
.modal-open {
 +
  overflow: hidden;
 +
}
 +
body.modal-open,
 +
.modal-open .navbar-fixed-top,
 +
.modal-open .navbar-fixed-bottom {
 +
  margin-right: 15px;
 +
}
 +
.modal {
 +
  display: none;
 +
  overflow: auto;
 +
  overflow-y: scroll;
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1040;
 +
}
 +
.modal.fade .modal-dialog {
 +
  -webkit-transform: translate(0, -25%);
 +
  -ms-transform: translate(0, -25%);
 +
  transform: translate(0, -25%);
 +
  -webkit-transition: -webkit-transform 0.3s ease-out;
 +
  -moz-transition: -moz-transform 0.3s ease-out;
 +
  -o-transition: -o-transform 0.3s ease-out;
 +
  transition: transform 0.3s ease-out;
 +
}
 +
.modal.in .modal-dialog {
 +
  -webkit-transform: translate(0, 0);
 +
  -ms-transform: translate(0, 0);
 +
  transform: translate(0, 0);
 +
}
 +
.modal-dialog {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  width: auto;
 +
  padding: 10px;
 +
  z-index: 1050;
 +
}
 +
.modal-content {
 +
  position: relative;
 +
  background-color: #ffffff;
 +
  border: 1px solid #a2b9be;
 +
  border: 1px solid rgba(0, 0, 0, 0.2);
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 +
  background-clip: padding-box;
 +
  outline: none;
 +
}
 +
.modal-backdrop {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  z-index: 1030;
 +
  background-color: #344043;
 +
}
 +
.modal-backdrop.fade {
 +
  opacity: 0;
 +
  filter: alpha(opacity=0);
 +
}
 +
.modal-backdrop.in {
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
}
 +
.modal-header {
 +
  padding-top: 22px;
 +
  padding-bottom: 19px;
 +
  padding-left: 20px;
 +
  padding-right: 20px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  min-height: 42.42857143px;
 +
}
 +
.modal-header .close {
 +
  margin-top: -2px;
 +
}
 +
.modal-title {
 +
  margin: 0;
 +
  line-height: 1.42857143;
 +
}
 +
.modal-body {
 +
  position: relative;
 +
  padding: 16px;
 +
}
 +
.modal-footer {
 +
  padding: 15px 16px 16px;
 +
  text-align: right;
 +
  border-top: 1px solid #e8f0f2;
 +
}
 +
.modal-footer:before,
 +
.modal-footer:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.modal-footer:after {
 +
  clear: both;
 +
}
 +
.modal-footer:before,
 +
.modal-footer:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.modal-footer:after {
 +
  clear: both;
 +
}
 +
.modal-footer .btn + .btn {
 +
  margin-left: 5px;
 +
  margin-bottom: 0;
 +
}
 +
.modal-footer .btn-group .btn + .btn {
 +
  margin-left: -1px;
 +
}
 +
.modal-footer .btn-block + .btn-block {
 +
  margin-left: 0;
 +
}
 +
.modal-footer--noBorder {
 +
  border-top: none;
 +
}
 +
@media screen and (min-width: 768px) {
 +
  .modal-dialog {
 +
    left: 50%;
 +
    right: auto;
 +
    width: 600px;
 +
    padding-top: 30px;
 +
    padding-bottom: 30px;
 +
  }
 +
  .modal-content {
 +
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 +
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 +
  }
 +
}
 +
.tooltip {
 +
  position: absolute;
 +
  z-index: 1030;
 +
  display: block;
 +
  visibility: visible;
 +
  font-size: 11px;
 +
  line-height: 1.4;
 +
  opacity: 0;
 +
  filter: alpha(opacity=0);
 +
}
 +
.tooltip.in {
 +
  opacity: 0.9;
 +
  filter: alpha(opacity=90);
 +
}
 +
.tooltip.top {
 +
  margin-top: -3px;
 +
  padding: 5px 0;
 +
}
 +
.tooltip.right {
 +
  margin-left: 3px;
 +
  padding: 0 5px;
 +
}
 +
.tooltip.bottom {
 +
  margin-top: 3px;
 +
  padding: 5px 0;
 +
}
 +
.tooltip.left {
 +
  margin-left: -3px;
 +
  padding: 0 5px;
 +
}
 +
.tooltip-inner {
 +
  max-width: 200px;
 +
  padding: 3px 8px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  text-decoration: none;
 +
  background-color: #344043;
 +
  border-radius: 3px;
 +
}
 +
.tooltip-arrow {
 +
  position: absolute;
 +
  width: 0;
 +
  height: 0;
 +
  border-color: transparent;
 +
  border-style: solid;
 +
}
 +
.tooltip.top .tooltip-arrow {
 +
  bottom: 0;
 +
  left: 50%;
 +
  margin-left: -5px;
 +
  border-width: 5px 5px 0;
 +
  border-top-color: #344043;
 +
}
 +
.tooltip.top-left .tooltip-arrow {
 +
  bottom: 0;
 +
  left: 5px;
 +
  border-width: 5px 5px 0;
 +
  border-top-color: #344043;
 +
}
 +
.tooltip.top-right .tooltip-arrow {
 +
  bottom: 0;
 +
  right: 5px;
 +
  border-width: 5px 5px 0;
 +
  border-top-color: #344043;
 +
}
 +
.tooltip.right .tooltip-arrow {
 +
  top: 50%;
 +
  left: 0;
 +
  margin-top: -5px;
 +
  border-width: 5px 5px 5px 0;
 +
  border-right-color: #344043;
 +
}
 +
.tooltip.left .tooltip-arrow {
 +
  top: 50%;
 +
  right: 0;
 +
  margin-top: -5px;
 +
  border-width: 5px 0 5px 5px;
 +
  border-left-color: #344043;
 +
}
 +
.tooltip.bottom .tooltip-arrow {
 +
  top: 0;
 +
  left: 50%;
 +
  margin-left: -5px;
 +
  border-width: 0 5px 5px;
 +
  border-bottom-color: #344043;
 +
}
 +
.tooltip.bottom-left .tooltip-arrow {
 +
  top: 0;
 +
  left: 5px;
 +
  border-width: 0 5px 5px;
 +
  border-bottom-color: #344043;
 +
}
 +
.tooltip.bottom-right .tooltip-arrow {
 +
  top: 0;
 +
  right: 5px;
 +
  border-width: 0 5px 5px;
 +
  border-bottom-color: #344043;
 +
}
 +
.popover {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 1010;
 +
  display: none;
 +
  max-width: 276px;
 +
  padding: 1px;
 +
  text-align: left;
 +
  background-color: #ffffff;
 +
  background-clip: padding-box;
 +
  border: 1px solid #c9d8db;
 +
  border: 1px solid rgba(0, 0, 0, 0.2);
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
  white-space: normal;
 +
}
 +
.popover.top {
 +
  margin-top: -10px;
 +
}
 +
.popover.right {
 +
  margin-left: 10px;
 +
}
 +
.popover.bottom {
 +
  margin-top: 10px;
 +
}
 +
.popover.left {
 +
  margin-left: -10px;
 +
}
 +
.popover-title {
 +
  margin: 0;
 +
  padding: 8px 14px;
 +
  font-size: 12px;
 +
  font-weight: normal;
 +
  line-height: 18px;
 +
  background-color: #f7f7f7;
 +
  border-bottom: 1px solid #ebebeb;
 +
  border-radius: 5px 5px 0 0;
 +
}
 +
.popover-content {
 +
  padding: 9px 14px;
 +
}
 +
.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 {
 +
  left: 50%;
 +
  margin-left: -11px;
 +
  border-bottom-width: 0;
 +
  border-top-color: #a2b9be;
 +
  border-top-color: rgba(0, 0, 0, 0.25);
 +
  bottom: -11px;
 +
}
 +
.popover.top .arrow:after {
 +
  content: " ";
 +
  bottom: 1px;
 +
  margin-left: -10px;
 +
  border-bottom-width: 0;
 +
  border-top-color: #ffffff;
 +
}
 +
.popover.right .arrow {
 +
  top: 50%;
 +
  left: -11px;
 +
  margin-top: -11px;
 +
  border-left-width: 0;
 +
  border-right-color: #a2b9be;
 +
  border-right-color: rgba(0, 0, 0, 0.25);
 +
}
 +
.popover.right .arrow:after {
 +
  content: " ";
 +
  left: 1px;
 +
  bottom: -10px;
 +
  border-left-width: 0;
 +
  border-right-color: #ffffff;
 +
}
 +
.popover.bottom .arrow {
 +
  left: 50%;
 +
  margin-left: -11px;
 +
  border-top-width: 0;
 +
  border-bottom-color: #a2b9be;
 +
  border-bottom-color: rgba(0, 0, 0, 0.25);
 +
  top: -11px;
 +
}
 +
.popover.bottom .arrow:after {
 +
  content: " ";
 +
  top: 1px;
 +
  margin-left: -10px;
 +
  border-top-width: 0;
 +
  border-bottom-color: #ffffff;
 +
}
 +
.popover.left .arrow {
 +
  top: 50%;
 +
  right: -11px;
 +
  margin-top: -11px;
 +
  border-right-width: 0;
 +
  border-left-color: #a2b9be;
 +
  border-left-color: rgba(0, 0, 0, 0.25);
 +
}
 +
.popover.left .arrow:after {
 +
  content: " ";
 +
  right: 1px;
 +
  border-right-width: 0;
 +
  border-left-color: #ffffff;
 +
  bottom: -10px;
 +
}
 +
.carousel {
 +
  position: relative;
 +
}
 +
.carousel-inner {
 +
  position: relative;
 +
  overflow: hidden;
 +
  width: 100%;
 +
}
 +
.carousel-inner > .item {
 +
  display: none;
 +
  position: relative;
 +
  -webkit-transition: 0.6s ease-in-out left;
 +
  transition: 0.6s ease-in-out left;
 +
}
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  max-width: 100%;
 +
  height: auto;
 +
  line-height: 1;
 +
}
 +
.carousel-inner > .active,
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  display: block;
 +
}
 +
.carousel-inner > .active {
 +
  left: 0;
 +
}
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
.carousel-inner > .next {
 +
  left: 100%;
 +
}
 +
.carousel-inner > .prev {
 +
  left: -100%;
 +
}
 +
.carousel-inner > .next.left,
 +
.carousel-inner > .prev.right {
 +
  left: 0;
 +
}
 +
.carousel-inner > .active.left {
 +
  left: -100%;
 +
}
 +
.carousel-inner > .active.right {
 +
  left: 100%;
 +
}
 +
.carousel-control {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  width: 15%;
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
  font-size: 20px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 +
}
 +
.carousel-control.left {
 +
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
 +
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
 +
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
 +
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 +
}
 +
.carousel-control.right {
 +
  left: auto;
 +
  right: 0;
 +
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
 +
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
 +
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
 +
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 +
}
 +
.carousel-control:hover,
 +
.carousel-control:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  opacity: 0.9;
 +
  filter: alpha(opacity=90);
 +
}
 +
.carousel-control .icon-prev,
 +
.carousel-control .icon-next,
 +
.carousel-control .glyphicon-chevron-left,
 +
.carousel-control .glyphicon-chevron-right {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  z-index: 5;
 +
  display: inline-block;
 +
}
 +
.carousel-control .icon-prev,
 +
.carousel-control .icon-next {
 +
  width: 20px;
 +
  height: 20px;
 +
  margin-top: -10px;
 +
  margin-left: -10px;
 +
  font-family: serif;
 +
}
 +
.carousel-control .icon-prev:before {
 +
  content: '\2039';
 +
}
 +
.carousel-control .icon-next:before {
 +
  content: '\203a';
 +
}
 +
.carousel-indicators {
 +
  position: absolute;
 +
  bottom: 10px;
 +
  left: 50%;
 +
  z-index: 15;
 +
  width: 60%;
 +
  margin-left: -30%;
 +
  padding-left: 0;
 +
  list-style: none;
 +
  text-align: center;
 +
}
 +
.carousel-indicators li {
 +
  display: inline-block;
 +
  width: 10px;
 +
  height: 10px;
 +
  margin: 1px;
 +
  text-indent: -999px;
 +
  border: 1px solid #ffffff;
 +
  border-radius: 10px;
 +
  cursor: pointer;
 +
}
 +
.carousel-indicators .active {
 +
  margin: 0;
 +
  width: 12px;
 +
  height: 12px;
 +
  background-color: #ffffff;
 +
}
 +
.carousel-caption {
 +
  position: absolute;
 +
  left: 15%;
 +
  right: 15%;
 +
  bottom: 20px;
 +
  z-index: 10;
 +
  padding-top: 20px;
 +
  padding-bottom: 20px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 +
}
 +
.carousel-caption .btn {
 +
  text-shadow: none;
 +
}
 +
@media screen and (min-width: 768px) {
 +
  .carousel-control .icon-prev,
 +
  .carousel-control .icon-next {
 +
    width: 30px;
 +
    height: 30px;
 +
    margin-top: -15px;
 +
    margin-left: -15px;
 +
    font-size: 30px;
 +
  }
 +
  .carousel-caption {
 +
    left: 20%;
 +
    right: 20%;
 +
    padding-bottom: 30px;
 +
  }
 +
  .carousel-indicators {
 +
    bottom: 20px;
 +
  }
 +
}
 +
.clearfix:before,
 +
.clearfix:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.clearfix:after {
 +
  clear: both;
 +
}
 +
.pull-right {
 +
  float: right !important;
 +
}
 +
.pull-left {
 +
  float: left !important;
 +
}
 +
.hide {
 +
  display: none !important;
 +
}
 +
.show {
 +
  display: block !important;
 +
}
 +
.invisible {
 +
  visibility: hidden;
 +
}
 +
.text-hide {
 +
  font: 0/0 a;
 +
  color: transparent;
 +
  text-shadow: none;
 +
  background-color: transparent;
 +
  border: 0;
 +
}
 +
.affix {
 +
  position: fixed;
 +
}
 +
@-ms-viewport {
 +
  width: device-width;
 +
}
 +
@media screen and (max-width: 400px) {
 +
  @-ms-viewport {
 +
    width: 320px;
 +
  }
 +
}
 +
.hidden {
 +
  display: none !important;
 +
  visibility: hidden !important;
 +
}
 +
.visible-xs {
 +
  display: none !important;
 +
}
 +
tr.visible-xs {
 +
  display: none !important;
 +
}
 +
th.visible-xs,
 +
td.visible-xs {
 +
  display: none !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-xs {
 +
    display: block !important;
 +
  }
 +
  tr.visible-xs {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-xs,
 +
  td.visible-xs {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-xs.visible-sm {
 +
    display: block !important;
 +
  }
 +
  tr.visible-xs.visible-sm {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-xs.visible-sm,
 +
  td.visible-xs.visible-sm {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-xs.visible-md {
 +
    display: block !important;
 +
  }
 +
  tr.visible-xs.visible-md {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-xs.visible-md,
 +
  td.visible-xs.visible-md {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-xs.visible-lg {
 +
    display: block !important;
 +
  }
 +
  tr.visible-xs.visible-lg {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-xs.visible-lg,
 +
  td.visible-xs.visible-lg {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
.visible-sm {
 +
  display: none !important;
 +
}
 +
tr.visible-sm {
 +
  display: none !important;
 +
}
 +
th.visible-sm,
 +
td.visible-sm {
 +
  display: none !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-sm.visible-xs {
 +
    display: block !important;
 +
  }
 +
  tr.visible-sm.visible-xs {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-sm.visible-xs,
 +
  td.visible-sm.visible-xs {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-sm {
 +
    display: block !important;
 +
  }
 +
  tr.visible-sm {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-sm,
 +
  td.visible-sm {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-sm.visible-md {
 +
    display: block !important;
 +
  }
 +
  tr.visible-sm.visible-md {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-sm.visible-md,
 +
  td.visible-sm.visible-md {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-sm.visible-lg {
 +
    display: block !important;
 +
  }
 +
  tr.visible-sm.visible-lg {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-sm.visible-lg,
 +
  td.visible-sm.visible-lg {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
.visible-md {
 +
  display: none !important;
 +
}
 +
tr.visible-md {
 +
  display: none !important;
 +
}
 +
th.visible-md,
 +
td.visible-md {
 +
  display: none !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-md.visible-xs {
 +
    display: block !important;
 +
  }
 +
  tr.visible-md.visible-xs {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-md.visible-xs,
 +
  td.visible-md.visible-xs {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-md.visible-sm {
 +
    display: block !important;
 +
  }
 +
  tr.visible-md.visible-sm {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-md.visible-sm,
 +
  td.visible-md.visible-sm {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-md {
 +
    display: block !important;
 +
  }
 +
  tr.visible-md {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-md,
 +
  td.visible-md {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-md.visible-lg {
 +
    display: block !important;
 +
  }
 +
  tr.visible-md.visible-lg {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-md.visible-lg,
 +
  td.visible-md.visible-lg {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
.visible-lg {
 +
  display: none !important;
 +
}
 +
tr.visible-lg {
 +
  display: none !important;
 +
}
 +
th.visible-lg,
 +
td.visible-lg {
 +
  display: none !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .visible-lg.visible-xs {
 +
    display: block !important;
 +
  }
 +
  tr.visible-lg.visible-xs {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-lg.visible-xs,
 +
  td.visible-lg.visible-xs {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .visible-lg.visible-sm {
 +
    display: block !important;
 +
  }
 +
  tr.visible-lg.visible-sm {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-lg.visible-sm,
 +
  td.visible-lg.visible-sm {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .visible-lg.visible-md {
 +
    display: block !important;
 +
  }
 +
  tr.visible-lg.visible-md {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-lg.visible-md,
 +
  td.visible-lg.visible-md {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .visible-lg {
 +
    display: block !important;
 +
  }
 +
  tr.visible-lg {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-lg,
 +
  td.visible-lg {
 +
    display: table-cell !important;
 +
  }
 +
}
 +
.hidden-xs {
 +
  display: block !important;
 +
}
 +
tr.hidden-xs {
 +
  display: table-row !important;
 +
}
 +
th.hidden-xs,
 +
td.hidden-xs {
 +
  display: table-cell !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .hidden-xs {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  th.hidden-xs,
 +
  td.hidden-xs {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .hidden-xs.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-xs.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  th.hidden-xs.hidden-sm,
 +
  td.hidden-xs.hidden-sm {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .hidden-xs.hidden-md {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-xs.hidden-md {
 +
    display: none !important;
 +
  }
 +
  th.hidden-xs.hidden-md,
 +
  td.hidden-xs.hidden-md {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .hidden-xs.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-xs.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  th.hidden-xs.hidden-lg,
 +
  td.hidden-xs.hidden-lg {
 +
    display: none !important;
 +
  }
 +
}
 +
.hidden-sm {
 +
  display: block !important;
 +
}
 +
tr.hidden-sm {
 +
  display: table-row !important;
 +
}
 +
th.hidden-sm,
 +
td.hidden-sm {
 +
  display: table-cell !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .hidden-sm.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-sm.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  th.hidden-sm.hidden-xs,
 +
  td.hidden-sm.hidden-xs {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .hidden-sm {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  th.hidden-sm,
 +
  td.hidden-sm {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .hidden-sm.hidden-md {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-sm.hidden-md {
 +
    display: none !important;
 +
  }
 +
  th.hidden-sm.hidden-md,
 +
  td.hidden-sm.hidden-md {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .hidden-sm.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-sm.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  th.hidden-sm.hidden-lg,
 +
  td.hidden-sm.hidden-lg {
 +
    display: none !important;
 +
  }
 +
}
 +
.hidden-md {
 +
  display: block !important;
 +
}
 +
tr.hidden-md {
 +
  display: table-row !important;
 +
}
 +
th.hidden-md,
 +
td.hidden-md {
 +
  display: table-cell !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .hidden-md.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-md.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  th.hidden-md.hidden-xs,
 +
  td.hidden-md.hidden-xs {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .hidden-md.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-md.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  th.hidden-md.hidden-sm,
 +
  td.hidden-md.hidden-sm {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .hidden-md {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-md {
 +
    display: none !important;
 +
  }
 +
  th.hidden-md,
 +
  td.hidden-md {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .hidden-md.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-md.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  th.hidden-md.hidden-lg,
 +
  td.hidden-md.hidden-lg {
 +
    display: none !important;
 +
  }
 +
}
 +
.hidden-lg {
 +
  display: block !important;
 +
}
 +
tr.hidden-lg {
 +
  display: table-row !important;
 +
}
 +
th.hidden-lg,
 +
td.hidden-lg {
 +
  display: table-cell !important;
 +
}
 +
@media (max-width: 767px) {
 +
  .hidden-lg.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-lg.hidden-xs {
 +
    display: none !important;
 +
  }
 +
  th.hidden-lg.hidden-xs,
 +
  td.hidden-lg.hidden-xs {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 768px) and (max-width: 991px) {
 +
  .hidden-lg.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-lg.hidden-sm {
 +
    display: none !important;
 +
  }
 +
  th.hidden-lg.hidden-sm,
 +
  td.hidden-lg.hidden-sm {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 992px) and (max-width: 1199px) {
 +
  .hidden-lg.hidden-md {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-lg.hidden-md {
 +
    display: none !important;
 +
  }
 +
  th.hidden-lg.hidden-md,
 +
  td.hidden-lg.hidden-md {
 +
    display: none !important;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .hidden-lg {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-lg {
 +
    display: none !important;
 +
  }
 +
  th.hidden-lg,
 +
  td.hidden-lg {
 +
    display: none !important;
 +
  }
 +
}
 +
.visible-print {
 +
  display: none !important;
 +
}
 +
tr.visible-print {
 +
  display: none !important;
 +
}
 +
th.visible-print,
 +
td.visible-print {
 +
  display: none !important;
 +
}
 +
@media print {
 +
  .visible-print {
 +
    display: block !important;
 +
  }
 +
  tr.visible-print {
 +
    display: table-row !important;
 +
  }
 +
  th.visible-print,
 +
  td.visible-print {
 +
    display: table-cell !important;
 +
  }
 +
  .hidden-print {
 +
    display: none !important;
 +
  }
 +
  tr.hidden-print {
 +
    display: none !important;
 +
  }
 +
  th.hidden-print,
 +
  td.hidden-print {
 +
    display: none !important;
 +
  }
 +
}
 +
.center-block {
 +
  display: block;
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
}
 +
@media (min-width: 992px) {
 +
  .modal-lg {
 +
    width: 900px;
 +
  }
 +
}
 +
@media (min-width: 768px) {
 +
  .modal-sm {
 +
    width: 300px;
 +
  }
 +
}
 +
@media (min-width: 392px) {
 +
  .modal-md {
 +
    width: 392px;
 +
  }
 +
}
 +
.scrollbar-override::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.scrollbar-override::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.scrollbar-override:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.scrollbar-override::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.scrollbar-override:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.scrollbar-override-no-hover::-webkit-scrollbar {
 +
  width: 8px;
 +
}
 +
.scrollbar-override-no-hover::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.scrollbar-override-no-hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.font-proxima-11 {
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
}
 +
.font-proxima-13 {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.font-proxima-14 {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.font-proxima-15 {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
}
 +
.font-proxima-17 {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
}
 +
.font-proxima-19 {
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
}
 +
.font-proxima-27 {
 +
  font-size: 27px;
 +
  line-height: 36px;
 +
}
 +
.font-proxima-headline {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.font-proxima-h2 {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.font-proxima-title {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.font-proxima-subtitle {
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.font-proxima-semibold {
 +
  font-weight: 600;
 +
}
 +
.btn-af-warning {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #febb5c;
 +
  background-color: #fdd586;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-warning > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-warning:hover {
 +
  background-color: #fdde9f;
 +
}
 +
.btn-af-warning:active,
 +
.btn-af-warning.active,
 +
.btn-group.open .btn-af-warning.dropdown-toggle,
 +
.dropdown.open > .btn-af-warning {
 +
  background-color: #fdd27c;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #fdcb68;
 +
  box-shadow: inset 0 -1px 0 0 #fdcb68;
 +
}
 +
.btn-af-warning:hover {
 +
  color: white;
 +
}
 +
.btn-af-warning.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-warning.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-warning.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-warning.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-warning:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-primary {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #2c76cc;
 +
  background-color: #428ce1;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-primary > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-primary:hover {
 +
  background-color: #5899e4;
 +
}
 +
.btn-af-primary:active,
 +
.btn-af-primary.active,
 +
.btn-group.open .btn-af-primary.dropdown-toggle,
 +
.dropdown.open > .btn-af-primary {
 +
  background-color: #3987e0;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #287cdd;
 +
  box-shadow: inset 0 -1px 0 0 #287cdd;
 +
}
 +
.btn-af-primary:hover {
 +
  color: white;
 +
}
 +
.btn-af-primary.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-primary.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-primary.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-primary.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-primary:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-primary .caret {
 +
  border-top-color: #fff;
 +
}
 +
.btn-af-primary .caret.caret-white {
 +
  border-bottom-color: #fff;
 +
}
 +
.btn-af-danger {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #d9563a;
 +
  background-color: #e96e51;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-danger > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-danger:hover {
 +
  background-color: #ec8168;
 +
}
 +
.btn-af-danger:active,
 +
.btn-af-danger.active,
 +
.btn-group.open .btn-af-danger.dropdown-toggle,
 +
.dropdown.open > .btn-af-danger {
 +
  background-color: #e86648;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #e65736;
 +
  box-shadow: inset 0 -1px 0 0 #e65736;
 +
}
 +
.btn-af-danger:hover {
 +
  color: white;
 +
}
 +
.btn-af-danger.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-danger.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-danger.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-danger.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-danger:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-danger .caret {
 +
  border-top-color: #fff;
 +
}
 +
.btn-af-danger .caret.caret-white {
 +
  border-bottom-color: #fff;
 +
}
 +
.btn-af-success {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #02a579;
 +
  background-color: #03c08d;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-success > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-success:hover {
 +
  background-color: #03d99f;
 +
}
 +
.btn-af-success:active,
 +
.btn-af-success.active,
 +
.btn-group.open .btn-af-success.dropdown-toggle,
 +
.dropdown.open > .btn-af-success {
 +
  background-color: #03b686;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #03a277;
 +
  box-shadow: inset 0 -1px 0 0 #03a277;
 +
}
 +
.btn-af-success:hover {
 +
  color: white;
 +
}
 +
.btn-af-success.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-success.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-success.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-success.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-success:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-default {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #c9d8db;
 +
  background-color: #e8f0f2;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
 +
  box-shadow: inset 0 1px 0 0 #ffffff;
 +
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
 +
  color: #344043;
 +
}
 +
.btn-af-default > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-default:hover {
 +
  background-color: #f8fbfb;
 +
}
 +
.btn-af-default:active,
 +
.btn-af-default.active,
 +
.btn-group.open .btn-af-default.dropdown-toggle,
 +
.dropdown.open > .btn-af-default {
 +
  background-color: #c9d8db;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #bdcfd3;
 +
  box-shadow: inset 0 -1px 0 0 #bdcfd3;
 +
}
 +
.btn-af-default:hover {
 +
  color: white;
 +
}
 +
.btn-af-default.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-default.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-default.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-default.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-default:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-default:hover,
 +
.btn-af-default:focus {
 +
  color: #5c7c83;
 +
}
 +
.btn-af-default .caret {
 +
  margin-bottom: 2px;
 +
  margin-left: 5px;
 +
  border-top-color: #344043;
 +
}
 +
.btn-af-mb {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #02a579;
 +
  background-color: #03c08d;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-mb > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-mb:hover {
 +
  background-color: #03d99f;
 +
}
 +
.btn-af-mb:active,
 +
.btn-af-mb.active,
 +
.btn-group.open .btn-af-mb.dropdown-toggle,
 +
.dropdown.open > .btn-af-mb {
 +
  background-color: #02a579;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #02916a;
 +
  box-shadow: inset 0 -1px 0 0 #02916a;
 +
}
 +
.btn-af-mb:hover {
 +
  color: white;
 +
}
 +
.btn-af-mb.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-mb.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-mb.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-mb.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-mb:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-pr {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #d9563a;
 +
  background-color: #e96e51;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-pr > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-pr:hover {
 +
  background-color: #ec8168;
 +
}
 +
.btn-af-pr:active,
 +
.btn-af-pr.active,
 +
.btn-group.open .btn-af-pr.dropdown-toggle,
 +
.dropdown.open > .btn-af-pr {
 +
  background-color: #d9563a;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #d54829;
 +
  box-shadow: inset 0 -1px 0 0 #d54829;
 +
}
 +
.btn-af-pr:hover {
 +
  color: white;
 +
}
 +
.btn-af-pr.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-pr.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-pr.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-pr.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-pr:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-ga {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #8e44ad;
 +
  background-color: #9b59b6;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
}
 +
.btn-af-ga > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-ga:hover {
 +
  background-color: #a66bbe;
 +
}
 +
.btn-af-ga:active,
 +
.btn-af-ga.active,
 +
.btn-group.open .btn-af-ga.dropdown-toggle,
 +
.dropdown.open > .btn-af-ga {
 +
  background-color: #8e44ad;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #823e9e;
 +
  box-shadow: inset 0 -1px 0 0 #823e9e;
 +
}
 +
.btn-af-ga:hover {
 +
  color: white;
 +
}
 +
.btn-af-ga.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-ga.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-ga.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-ga.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-ga:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-link {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #ffffff;
 +
  background-color: #ffffff;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  border-color: transparent;
 +
  background-color: transparent;
 +
  background-image: none;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  text-shadow: none;
 +
  font-size: 12px;
 +
  font-weight: 600;
 +
  color: #428ce1;
 +
  letter-spacing: 0;
 +
}
 +
.btn-af-link > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-link:hover {
 +
  background-color: #ffffff;
 +
}
 +
.btn-af-link:active,
 +
.btn-af-link.active,
 +
.btn-group.open .btn-af-link.dropdown-toggle,
 +
.dropdown.open > .btn-af-link {
 +
  background-color: #ffffff;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #f5f5f5;
 +
  box-shadow: inset 0 -1px 0 0 #f5f5f5;
 +
}
 +
.btn-af-link:hover {
 +
  color: white;
 +
}
 +
.btn-af-link.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-link.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-link.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-link.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-link:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-link:hover {
 +
  color: #2c76cc;
 +
}
 +
.btn-af-link:active {
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  border-color: transparent;
 +
  background-color: transparent;
 +
  background-image: none;
 +
}
 +
.af-btn-group-block {
 +
  width: 100%;
 +
}
 +
.af-btn-group-block .btn {
 +
  width: 100%;
 +
  text-align: left;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.af-btn-group-block .dropdown-menu {
 +
  width: 100%;
 +
}
 +
.placeholder-fontawesome .select2-chosen {
 +
  font-family: 'FontAwesome';
 +
}
 +
body .input-group input + .input-group-btn .select2-choice,
 +
#editor .input-group input + .input-group-btn .select2-choice {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
}
 +
body .input-group input + .input-group-btn > .btn-group:not(:last-child) .select2-choice,
 +
#editor .input-group input + .input-group-btn > .btn-group:not(:last-child) .select2-choice {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
}
 +
body .select2-container.select2-container-disabled,
 +
#editor .select2-container.select2-container-disabled {
 +
  opacity: 0.7;
 +
}
 +
body .select2-container.select2-container--large .select2-choice,
 +
#editor .select2-container.select2-container--large .select2-choice {
 +
  height: 43px;
 +
  min-height: 43px;
 +
  line-height: 43px;
 +
  font-size: 13px;
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
}
 +
body .select2-container.select2-container--large .select2-choice .select2-arrow b,
 +
#editor .select2-container.select2-container--large .select2-choice .select2-arrow b {
 +
  margin-top: 0;
 +
}
 +
body .select2-container .select2-choice,
 +
#editor .select2-container .select2-choice {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #c9d8db;
 +
  background-color: #e8f0f2;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
 +
  box-shadow: inset 0 1px 0 0 #ffffff;
 +
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
 +
  color: #344043;
 +
  background-image: none;
 +
}
 +
body .select2-container .select2-choice > *:last-child,
 +
#editor .select2-container .select2-choice > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
body .select2-container .select2-choice:hover,
 +
#editor .select2-container .select2-choice:hover {
 +
  background-color: #f8fbfb;
 +
}
 +
body .select2-container .select2-choice:active,
 +
#editor .select2-container .select2-choice:active,
 +
body .select2-container .select2-choice.active,
 +
#editor .select2-container .select2-choice.active,
 +
.btn-group.open body .select2-container .select2-choice.dropdown-toggle,
 +
.btn-group.open #editor .select2-container .select2-choice.dropdown-toggle,
 +
.dropdown.open > body .select2-container .select2-choice,
 +
.dropdown.open > #editor .select2-container .select2-choice {
 +
  background-color: #c9d8db;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #bdcfd3;
 +
  box-shadow: inset 0 -1px 0 0 #bdcfd3;
 +
}
 +
body .select2-container .select2-choice:hover,
 +
#editor .select2-container .select2-choice:hover {
 +
  color: white;
 +
}
 +
body .select2-container .select2-choice.btn-xs,
 +
#editor .select2-container .select2-choice.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
body .select2-container .select2-choice.btn-sm,
 +
#editor .select2-container .select2-choice.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
body .select2-container .select2-choice.btn-md,
 +
#editor .select2-container .select2-choice.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
body .select2-container .select2-choice.btn-lg,
 +
#editor .select2-container .select2-choice.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
body .select2-container .select2-choice:focus,
 +
#editor .select2-container .select2-choice:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
body .select2-container .select2-choice:hover,
 +
#editor .select2-container .select2-choice:hover,
 +
body .select2-container .select2-choice:focus,
 +
#editor .select2-container .select2-choice:focus {
 +
  color: #5c7c83;
 +
}
 +
body .select2-container .select2-choice .caret,
 +
#editor .select2-container .select2-choice .caret {
 +
  margin-bottom: 2px;
 +
  margin-left: 5px;
 +
  border-top-color: #344043;
 +
}
 +
body .select2-container .select2-choice .select2-chosen,
 +
#editor .select2-container .select2-choice .select2-chosen {
 +
  color: #5c7c83 !important;
 +
}
 +
body .select2-container .select2-choice .select2-arrow,
 +
#editor .select2-container .select2-choice .select2-arrow {
 +
  border-left: none;
 +
  background: none;
 +
}
 +
body .select2-container .select2-choice .select2-arrow b,
 +
#editor .select2-container .select2-choice .select2-arrow b {
 +
  margin-top: 8px;
 +
  border-left: 5px solid transparent;
 +
  border-right: 5px solid transparent;
 +
  border-top: 5px solid #344043;
 +
  background: none;
 +
  margin-bottom: 2px;
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  vertical-align: middle;
 +
  border-bottom: 0 dotted;
 +
  content: '';
 +
}
 +
body .select2-container.select2-dropdown-open .select2-choice,
 +
#editor .select2-container.select2-dropdown-open .select2-choice {
 +
  background-color: #c9d8db;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #bdcfd3;
 +
  box-shadow: inset 0 -1px 0 0 #bdcfd3;
 +
}
 +
body .select2-container .select2-choice .select2-chosen,
 +
#editor .select2-container .select2-choice .select2-chosen {
 +
  margin-right: 15px;
 +
}
 +
body .select2-container.select2-allowclear .select2-choice .select2-chosen,
 +
#editor .select2-container.select2-allowclear .select2-choice .select2-chosen {
 +
  margin-right: 30px;
 +
}
 +
body .select2-container-disabled,
 +
#editor .select2-container-disabled {
 +
  background: #e8f0f2;
 +
}
 +
body .select2-container-disabled .select2-choice:hover,
 +
#editor .select2-container-disabled .select2-choice:hover {
 +
  background: #c9d8db;
 +
}
 +
body .select2-container-multi .select2-choices,
 +
#editor .select2-container-multi .select2-choices {
 +
  background: none;
 +
  border-color: #5c7c83;
 +
}
 +
body .select2-container-multi .select2-choices .select2-search-field input,
 +
#editor .select2-container-multi .select2-choices .select2-search-field input {
 +
  margin: 0;
 +
  font-family: inherit;
 +
  min-height: 26px;
 +
  height: 26px;
 +
}
 +
body .select2-container-multi .select2-choices .select2-search-choice,
 +
#editor .select2-container-multi .select2-choices .select2-search-choice {
 +
  background: #e8f0f2;
 +
  border-radius: 0;
 +
  box-shadow: none;
 +
}
 +
body .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus,
 +
#editor .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus {
 +
  border: 1px solid #428ce1;
 +
  background: #428ce1;
 +
  color: white;
 +
}
 +
body .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus .select2-search-choice-close,
 +
#editor .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus .select2-search-choice-close {
 +
  color: white;
 +
}
 +
body .select2-container-multi .select2-search-choice-close,
 +
#editor .select2-container-multi .select2-search-choice-close {
 +
  top: 3px;
 +
}
 +
body .select2-container-multi.select2-container-active .select2-choice,
 +
#editor .select2-container-multi.select2-container-active .select2-choice,
 +
body .select2-container-multi.select2-container-active .select2-choices,
 +
#editor .select2-container-multi.select2-container-active .select2-choices {
 +
  border-color: #428ce1;
 +
  outline: none;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
body .select2-container,
 +
#editor .select2-container,
 +
body .select2-choices,
 +
#editor .select2-choices {
 +
  outline: none;
 +
}
 +
body .select2-drop,
 +
#editor .select2-drop {
 +
  border-radius: 0;
 +
}
 +
body .select2-dropdown-open.select2-drop-above .select2-choice,
 +
#editor .select2-dropdown-open.select2-drop-above .select2-choice,
 +
body .select2-dropdown-open.select2-drop-above .select2-choices,
 +
#editor .select2-dropdown-open.select2-drop-above .select2-choices {
 +
  border-color: #5c7c83;
 +
  border-radius: 0;
 +
}
 +
body .select2-drop.select2-drop-active,
 +
#editor .select2-drop.select2-drop-active,
 +
body .select2-drop.select2-drop-active.select2-drop-above,
 +
#editor .select2-drop.select2-drop-active.select2-drop-above {
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 0;
 +
}
 +
body .select2-drop.select2-drop-active .select2-search,
 +
#editor .select2-drop.select2-drop-active .select2-search,
 +
body .select2-drop.select2-drop-active.select2-drop-above .select2-search,
 +
#editor .select2-drop.select2-drop-active.select2-drop-above .select2-search {
 +
  margin-top: 4px;
 +
}
 +
body .select2-drop.select2-drop-active .select2-results .select2-highlighted,
 +
#editor .select2-drop.select2-drop-active .select2-results .select2-highlighted,
 +
body .select2-drop.select2-drop-active.select2-drop-above .select2-results .select2-highlighted,
 +
#editor .select2-drop.select2-drop-active.select2-drop-above .select2-results .select2-highlighted {
 +
  background: #428ce1;
 +
}
 +
body .select2-drop.select2-drop-active .select2-no-results,
 +
#editor .select2-drop.select2-drop-active .select2-no-results,
 +
body .select2-drop.select2-drop-active.select2-drop-above .select2-no-results,
 +
#editor .select2-drop.select2-drop-active.select2-drop-above .select2-no-results {
 +
  padding: 3px;
 +
  background: none;
 +
  color: #a2b9be;
 +
}
 +
body .select2-results,
 +
#editor .select2-results {
 +
  overflow-y: auto;
 +
  font-size: 11px;
 +
}
 +
body .select2-results::-webkit-scrollbar,
 +
#editor .select2-results::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
body .select2-results::-webkit-scrollbar-track,
 +
#editor .select2-results::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
body .select2-results:hover::-webkit-scrollbar-track,
 +
#editor .select2-results:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
body .select2-results::-webkit-scrollbar-thumb,
 +
#editor .select2-results::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
body .select2-results:hover::-webkit-scrollbar-thumb,
 +
#editor .select2-results:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
body .select2-results-dept-1 .select2-result-label,
 +
#editor .select2-results-dept-1 .select2-result-label {
 +
  padding-left: 12px;
 +
}
 +
body .select2-search input,
 +
#editor .select2-search input {
 +
  background: url('../lib/select2/select2.png') no-repeat 100% -22px;
 +
}
 +
/**************************************
 +
* BOOTSTRAP OVERRIDES
 +
**************************************/
 +
.dropdown-menu > .dropdown-header,
 +
.dropdown-menu > li > a {
 +
  padding: 3px 10px;
 +
}
 +
.dropdown-menu.fixed-width-icons .glyphicon,
 +
.dropdown-menu.fixed-width-icons i,
 +
.dropdown-menu.fixed-width-icons .svgIcon {
 +
  display: inline-block;
 +
  width: 10px;
 +
  margin-right: 10px;
 +
}
 +
.modal.in .modal-dialog {
 +
  -webkit-transform: none;
 +
  -moz-transform: none;
 +
  -ms-transform: none;
 +
  -o-transform: none;
 +
  transform: none;
 +
}
 +
body.modal-open,
 +
.modal-open .navbar-fixed-top,
 +
.modal-open .navbar-fixed-bottom {
 +
  margin-right: 0;
 +
}
 +
.pager .disabled > a,
 +
.pager .disabled > span {
 +
  cursor: default !important;
 +
}
 +
.dropdown-menu.scrollable {
 +
  max-height: 500px;
 +
  overflow-y: auto;
 +
}
 +
.nav-stacked > li + li {
 +
  margin-top: 0;
 +
}
 +
.glyphicon {
 +
  height: inherit;
 +
  vertical-align: text-top;
 +
}
 +
.input-group-btn {
 +
  vertical-align: top;
 +
}
 +
.form-control,
 +
.form-control:focus {
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  -webkit-transition: none;
 +
  transition: none;
 +
}
 +
input[type=text] + .help-block {
 +
  margin-top: -10px;
 +
}
 +
.af-popover {
 +
  position: absolute;
 +
  top: 100%;
 +
  background: white;
 +
  z-index: 1010;
 +
  width: 250px;
 +
  left: 50%;
 +
  margin-left: -125px;
 +
  margin-top: 5px;
 +
  padding: 10px;
 +
  color: #344043;
 +
  border: 1px solid #d9dcde;
 +
  -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5);
 +
  text-shadow: none;
 +
  line-height: 18px;
 +
}
 +
.af-popover-triangle {
 +
  width: 0px;
 +
  height: 0px;
 +
  border-style: solid;
 +
  border-width: 0 12px 12px 12px;
 +
  border-color: transparent transparent #d9dcde transparent;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 50%;
 +
  margin-left: -12px;
 +
  margin-top: -12px;
 +
}
 +
.af-popover-triangle:before {
 +
  content: '';
 +
  width: 0px;
 +
  height: 0px;
 +
  border-style: solid;
 +
  border-width: 0 11px 11px 11px;
 +
  border-color: transparent transparent #ffffff transparent;
 +
  position: absolute;
 +
  margin-left: -11px;
 +
  margin-top: 1px;
 +
}
 +
.af-popover--rightAlign {
 +
  left: auto;
 +
  right: 0;
 +
}
 +
.af-popover--rightAlign .af-popover-triangle {
 +
  right: 2px;
 +
  left: auto;
 +
}
 +
.radio input[type='radio'],
 +
.radio-inline--labelAligned input[type='radio'] {
 +
  margin-top: 2px;
 +
}
 +
a {
 +
  color: #428ce1;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
a:hover,
 +
a:focus {
 +
  color: #2c76cc;
 +
  text-decoration: underline;
 +
}
 +
a:focus {
 +
  outline: 0;
 +
}
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
  font-weight: 500;
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  margin: 10px 0;
 +
}
 +
h1,
 +
h2,
 +
h3 {
 +
  margin-top: 20px;
 +
}
 +
h1 {
 +
  font-size: 24px;
 +
}
 +
h2 {
 +
  font-size: 20px;
 +
}
 +
h2.mini {
 +
  font-size: 12px;
 +
  font-weight: 500;
 +
  text-transform: uppercase;
 +
  letter-spacing: 1px;
 +
}
 +
h3 {
 +
  font-size: 18px;
 +
}
 +
h4 {
 +
  font-size: 16px;
 +
}
 +
h6.all-caps {
 +
  font-size: 11px;
 +
  letter-spacing: 1px;
 +
}
 +
.well {
 +
  border-radius: 0;
 +
}
 +
.existing-caret {
 +
  margin-top: 8px;
 +
  border-left: 5px solid transparent;
 +
  border-right: 5px solid transparent;
 +
  border-top: 5px solid #344043;
 +
}
 +
kbd {
 +
  padding: 0.1em 0.6em;
 +
  border: 1px solid #c9d8db;
 +
  font-size: 11px;
 +
  font-family: Arial, Helvetica, sans-serif;
 +
  background-color: #f8fafb;
 +
  color: #344043;
 +
  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
 +
  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
 +
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
 +
  -moz-border-radius: 3px;
 +
  -webkit-border-radius: 3px;
 +
  border-radius: 3px;
 +
  display: inline-block;
 +
  margin: 0 0.1em;
 +
  text-shadow: 0 1px 0 #FFF;
 +
  line-height: 1.4;
 +
  white-space: nowrap;
 +
}
 +
label {
 +
  font-weight: 500;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
label input[type=checkbox] {
 +
  margin-right: 5px;
 +
}
 +
form fieldset {
 +
  margin: 10px 0 20px;
 +
  width: 100%;
 +
  min-width: 0;
 +
}
 +
form label.required:after {
 +
  content: '*';
 +
  color: #a2b9be;
 +
}
 +
form.form-inline input,
 +
form.form-inline textarea {
 +
  margin-bottom: 0;
 +
}
 +
form span.field-error {
 +
  display: block;
 +
  color: #b94a48;
 +
  margin-top: 2px;
 +
  margin-bottom: 8px;
 +
  font-weight: 700;
 +
}
 +
form input:invalid {
 +
  border: 1px solid #eed3d7;
 +
  background: #f2dede;
 +
  color: #b94a48;
 +
  font-weight: 700;
 +
}
 +
form .control-label {
 +
  word-break: normal;
 +
}
 +
p {
 +
  font-weight: 400;
 +
  word-break: normal;
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  margin: 0 0 10px;
 +
}
 +
strong {
 +
  font-weight: 600;
 +
}
 +
th {
 +
  font-weight: 600;
 +
}
 +
input[type="checkbox"] {
 +
  margin-top: 2px;
 +
}
 +
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"] {
 +
  display: block;
 +
  width: 100%;
 +
  height: 30px;
 +
  padding: 6px 12px;
 +
  font-size: 12px;
 +
  line-height: 1.42857143;
 +
  color: #344043;
 +
  vertical-align: middle;
 +
  background-color: #ffffff;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 +
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 +
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  -webkit-transition: none;
 +
  transition: none;
 +
}
 +
select:-moz-placeholder,
 +
textarea:-moz-placeholder,
 +
input[type="text"]:-moz-placeholder,
 +
input[type="password"]:-moz-placeholder,
 +
input[type="datetime"]:-moz-placeholder,
 +
input[type="datetime-local"]:-moz-placeholder,
 +
input[type="date"]:-moz-placeholder,
 +
input[type="month"]:-moz-placeholder,
 +
input[type="time"]:-moz-placeholder,
 +
input[type="week"]:-moz-placeholder,
 +
input[type="number"]:-moz-placeholder,
 +
input[type="email"]:-moz-placeholder,
 +
input[type="url"]:-moz-placeholder,
 +
input[type="search"]:-moz-placeholder,
 +
input[type="tel"]:-moz-placeholder,
 +
input[type="color"]:-moz-placeholder {
 +
  color: #a2b9be;
 +
}
 +
select::-moz-placeholder,
 +
textarea::-moz-placeholder,
 +
input[type="text"]::-moz-placeholder,
 +
input[type="password"]::-moz-placeholder,
 +
input[type="datetime"]::-moz-placeholder,
 +
input[type="datetime-local"]::-moz-placeholder,
 +
input[type="date"]::-moz-placeholder,
 +
input[type="month"]::-moz-placeholder,
 +
input[type="time"]::-moz-placeholder,
 +
input[type="week"]::-moz-placeholder,
 +
input[type="number"]::-moz-placeholder,
 +
input[type="email"]::-moz-placeholder,
 +
input[type="url"]::-moz-placeholder,
 +
input[type="search"]::-moz-placeholder,
 +
input[type="tel"]::-moz-placeholder,
 +
input[type="color"]::-moz-placeholder {
 +
  color: #a2b9be;
 +
}
 +
select:-ms-input-placeholder,
 +
textarea:-ms-input-placeholder,
 +
input[type="text"]:-ms-input-placeholder,
 +
input[type="password"]:-ms-input-placeholder,
 +
input[type="datetime"]:-ms-input-placeholder,
 +
input[type="datetime-local"]:-ms-input-placeholder,
 +
input[type="date"]:-ms-input-placeholder,
 +
input[type="month"]:-ms-input-placeholder,
 +
input[type="time"]:-ms-input-placeholder,
 +
input[type="week"]:-ms-input-placeholder,
 +
input[type="number"]:-ms-input-placeholder,
 +
input[type="email"]:-ms-input-placeholder,
 +
input[type="url"]:-ms-input-placeholder,
 +
input[type="search"]:-ms-input-placeholder,
 +
input[type="tel"]:-ms-input-placeholder,
 +
input[type="color"]:-ms-input-placeholder {
 +
  color: #a2b9be;
 +
}
 +
select::-webkit-input-placeholder,
 +
textarea::-webkit-input-placeholder,
 +
input[type="text"]::-webkit-input-placeholder,
 +
input[type="password"]::-webkit-input-placeholder,
 +
input[type="datetime"]::-webkit-input-placeholder,
 +
input[type="datetime-local"]::-webkit-input-placeholder,
 +
input[type="date"]::-webkit-input-placeholder,
 +
input[type="month"]::-webkit-input-placeholder,
 +
input[type="time"]::-webkit-input-placeholder,
 +
input[type="week"]::-webkit-input-placeholder,
 +
input[type="number"]::-webkit-input-placeholder,
 +
input[type="email"]::-webkit-input-placeholder,
 +
input[type="url"]::-webkit-input-placeholder,
 +
input[type="search"]::-webkit-input-placeholder,
 +
input[type="tel"]::-webkit-input-placeholder,
 +
input[type="color"]::-webkit-input-placeholder {
 +
  color: #a2b9be;
 +
}
 +
select:focus,
 +
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 {
 +
  border-color: #428ce1;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6);
 +
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6);
 +
}
 +
select[disabled],
 +
textarea[disabled],
 +
input[type="text"][disabled],
 +
input[type="password"][disabled],
 +
input[type="datetime"][disabled],
 +
input[type="datetime-local"][disabled],
 +
input[type="date"][disabled],
 +
input[type="month"][disabled],
 +
input[type="time"][disabled],
 +
input[type="week"][disabled],
 +
input[type="number"][disabled],
 +
input[type="email"][disabled],
 +
input[type="url"][disabled],
 +
input[type="search"][disabled],
 +
input[type="tel"][disabled],
 +
input[type="color"][disabled],
 +
select[readonly],
 +
textarea[readonly],
 +
input[type="text"][readonly],
 +
input[type="password"][readonly],
 +
input[type="datetime"][readonly],
 +
input[type="datetime-local"][readonly],
 +
input[type="date"][readonly],
 +
input[type="month"][readonly],
 +
input[type="time"][readonly],
 +
input[type="week"][readonly],
 +
input[type="number"][readonly],
 +
input[type="email"][readonly],
 +
input[type="url"][readonly],
 +
input[type="search"][readonly],
 +
input[type="tel"][readonly],
 +
input[type="color"][readonly],
 +
fieldset[disabled] select,
 +
fieldset[disabled] textarea,
 +
fieldset[disabled] input[type="text"],
 +
fieldset[disabled] input[type="password"],
 +
fieldset[disabled] input[type="datetime"],
 +
fieldset[disabled] input[type="datetime-local"],
 +
fieldset[disabled] input[type="date"],
 +
fieldset[disabled] input[type="month"],
 +
fieldset[disabled] input[type="time"],
 +
fieldset[disabled] input[type="week"],
 +
fieldset[disabled] input[type="number"],
 +
fieldset[disabled] input[type="email"],
 +
fieldset[disabled] input[type="url"],
 +
fieldset[disabled] input[type="search"],
 +
fieldset[disabled] input[type="tel"],
 +
fieldset[disabled] input[type="color"] {
 +
  cursor: not-allowed;
 +
  background-color: #e8f0f2;
 +
}
 +
textareaselect,
 +
textareatextarea,
 +
textareainput[type="text"],
 +
textareainput[type="password"],
 +
textareainput[type="datetime"],
 +
textareainput[type="datetime-local"],
 +
textareainput[type="date"],
 +
textareainput[type="month"],
 +
textareainput[type="time"],
 +
textareainput[type="week"],
 +
textareainput[type="number"],
 +
textareainput[type="email"],
 +
textareainput[type="url"],
 +
textareainput[type="search"],
 +
textareainput[type="tel"],
 +
textareainput[type="color"] {
 +
  height: auto;
 +
}
 +
select.input-lg,
 +
textarea.input-lg,
 +
input[type="text"].input-lg,
 +
input[type="password"].input-lg,
 +
input[type="datetime"].input-lg,
 +
input[type="datetime-local"].input-lg,
 +
input[type="date"].input-lg,
 +
input[type="month"].input-lg,
 +
input[type="time"].input-lg,
 +
input[type="week"].input-lg,
 +
input[type="number"].input-lg,
 +
input[type="email"].input-lg,
 +
input[type="url"].input-lg,
 +
input[type="search"].input-lg,
 +
input[type="tel"].input-lg,
 +
input[type="color"].input-lg {
 +
  height: 43px;
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  line-height: 1.33;
 +
  border-radius: 3px;
 +
  line-height: 1.5;
 +
}
 +
selectselect.input-lg,
 +
selecttextarea.input-lg,
 +
selectinput[type="text"].input-lg,
 +
selectinput[type="password"].input-lg,
 +
selectinput[type="datetime"].input-lg,
 +
selectinput[type="datetime-local"].input-lg,
 +
selectinput[type="date"].input-lg,
 +
selectinput[type="month"].input-lg,
 +
selectinput[type="time"].input-lg,
 +
selectinput[type="week"].input-lg,
 +
selectinput[type="number"].input-lg,
 +
selectinput[type="email"].input-lg,
 +
selectinput[type="url"].input-lg,
 +
selectinput[type="search"].input-lg,
 +
selectinput[type="tel"].input-lg,
 +
selectinput[type="color"].input-lg {
 +
  height: 43px;
 +
  line-height: 43px;
 +
}
 +
textareaselect.input-lg,
 +
textareatextarea.input-lg,
 +
textareainput[type="text"].input-lg,
 +
textareainput[type="password"].input-lg,
 +
textareainput[type="datetime"].input-lg,
 +
textareainput[type="datetime-local"].input-lg,
 +
textareainput[type="date"].input-lg,
 +
textareainput[type="month"].input-lg,
 +
textareainput[type="time"].input-lg,
 +
textareainput[type="week"].input-lg,
 +
textareainput[type="number"].input-lg,
 +
textareainput[type="email"].input-lg,
 +
textareainput[type="url"].input-lg,
 +
textareainput[type="search"].input-lg,
 +
textareainput[type="tel"].input-lg,
 +
textareainput[type="color"].input-lg {
 +
  height: auto;
 +
}
 +
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"] {
 +
  font-size: 12px;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  -webkit-transition: none;
 +
  transition: none;
 +
  display: inline-block;
 +
}
 +
select:focus,
 +
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 {
 +
  border-color: #428ce1;
 +
  outline: 0;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
select.input-small,
 +
textarea.input-small,
 +
input[type="text"].input-small,
 +
input[type="password"].input-small,
 +
input[type="datetime"].input-small,
 +
input[type="datetime-local"].input-small,
 +
input[type="date"].input-small,
 +
input[type="month"].input-small,
 +
input[type="time"].input-small,
 +
input[type="week"].input-small,
 +
input[type="number"].input-small,
 +
input[type="email"].input-small,
 +
input[type="url"].input-small,
 +
input[type="search"].input-small,
 +
input[type="tel"].input-small,
 +
input[type="color"].input-small {
 +
  border-radius: 3px;
 +
}
 +
input[type=text][readonly],
 +
textarea[readonly],
 +
select[disabled] {
 +
  cursor: default;
 +
}
 +
textarea[rows] {
 +
  height: auto;
 +
}
 +
.optional {
 +
  display: block;
 +
  color: #a2b9be;
 +
  font-size: 11px;
 +
  text-align: center;
 +
}
 +
.table col.success,
 +
.table colgroup.success {
 +
  background-color: #dff0d8;
 +
  border-color: #d6e9c6;
 +
}
 +
.table col.danger,
 +
.table colgroup.danger {
 +
  background-color: #f2dede;
 +
  border-color: #eed3d7;
 +
}
 +
.table col.warning,
 +
.table colgroup.warning {
 +
  background-color: #fcf8e3;
 +
  border-color: #fbeed5;
 +
}
 +
.navbar {
 +
  border-radius: 0;
 +
  margin-bottom: 0;
 +
}
 +
.navbar .navbar-nav .caret {
 +
  margin-left: 5px;
 +
  margin-bottom: 2px;
 +
}
 +
.navbar-brand {
 +
  padding-top: 7px;
 +
  padding-bottom: 8px;
 +
}
 +
.brand-parent {
 +
  line-height: 50px;
 +
  max-height: 50px;
 +
  overflow: hidden;
 +
}
 +
.powered-by-benchling {
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
  margin-left: -10px;
 +
  margin-bottom: 8px;
 +
  font-size: 11px;
 +
  letter-spacing: 0.05em;
 +
  line-height: 9px;
 +
  text-transform: uppercase;
 +
  font-weight: 700;
 +
  color: #344043;
 +
  opacity: 0.6;
 +
}
 +
a.powered-by-benchling:hover {
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
}
 +
.powered-by-benchling .powered-by-label {
 +
  font-size: 9px;
 +
  letter-spacing: 1px;
 +
}
 +
.navbar-form {
 +
  margin-top: 10px;
 +
}
 +
.navbar-form input {
 +
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
 +
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
 +
}
 +
.badge {
 +
  font-size: 11px;
 +
  font-weight: 500;
 +
}
 +
.strip {
 +
  background-color: #428ce1;
 +
  height: 2px;
 +
  width: 100%;
 +
  -webkit-transition: background-color 0.4s;
 +
  transition: background-color 0.4s;
 +
}
 +
.strip.ajax-inprogress {
 +
  background-color: #03c08d;
 +
  width: 1%;
 +
}
 +
.all-caps {
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
}
 +
.condensed-markdown h1,
 +
.condensed-markdown h2,
 +
.condensed-markdown h3,
 +
.condensed-markdown h4,
 +
.condensed-markdown h5,
 +
.condensed-markdown h6,
 +
.condensed-markdown code,
 +
.condensed-markdown li,
 +
.condensed-markdown td,
 +
.condensed-markdown th {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
}
 +
.condensed-markdown h1,
 +
.condensed-markdown h2,
 +
.condensed-markdown h3,
 +
.condensed-markdown h4,
 +
.condensed-markdown h5,
 +
.condensed-markdown h5 {
 +
  margin-top: 0;
 +
  font-weight: 700;
 +
}
 +
.condensed-markdown h1 {
 +
  line-height: 16px;
 +
  font-size: 16px;
 +
}
 +
.condensed-markdown h2 {
 +
  line-height: 14px;
 +
  font-size: 12px;
 +
}
 +
.condensed-markdown h3,
 +
.condensed-markdown h4,
 +
.condensed-markdown h5,
 +
.condensed-markdown h6 {
 +
  line-height: 13px;
 +
  font-size: 11px;
 +
}
 +
.condensed-markdown p,
 +
.condensed-markdown li {
 +
  font-size: 11px;
 +
}
 +
.condensed-markdown blockquote {
 +
  margin-top: 5px;
 +
  padding: 5px;
 +
}
 +
.condensed-markdown blockquote p {
 +
  font-size: 11px;
 +
  line-height: 20px;
 +
}
 +
.condensed-markdown ol,
 +
.condensed-markdown ul {
 +
  padding-left: 25px;
 +
  margin-top: 5px;
 +
}
 +
.condensed-markdown table {
 +
  font-size: 11px;
 +
  width: 100%;
 +
  margin-bottom: 17px;
 +
}
 +
.condensed-markdown table thead > tr > th,
 +
.condensed-markdown table tbody > tr > th,
 +
.condensed-markdown table tfoot > tr > th,
 +
.condensed-markdown table thead > tr > td,
 +
.condensed-markdown table tbody > tr > td,
 +
.condensed-markdown table tfoot > tr > td {
 +
  padding: 8px;
 +
  line-height: 1.42857143;
 +
  vertical-align: top;
 +
  border-top: 1px solid #dddddd;
 +
}
 +
.condensed-markdown table thead > tr > th {
 +
  vertical-align: bottom;
 +
  border-bottom: 2px solid #dddddd;
 +
}
 +
.condensed-markdown table caption + thead tr:first-child th,
 +
.condensed-markdown table colgroup + thead tr:first-child th,
 +
.condensed-markdown table thead:first-child tr:first-child th,
 +
.condensed-markdown table caption + thead tr:first-child td,
 +
.condensed-markdown table colgroup + thead tr:first-child td,
 +
.condensed-markdown table thead:first-child tr:first-child td {
 +
  border-top: 0;
 +
}
 +
.condensed-markdown table tbody + tbody {
 +
  border-top: 2px solid #dddddd;
 +
}
 +
.condensed-markdown table .table {
 +
  background-color: #ffffff;
 +
}
 +
.condensed-markdown table thead > tr > th,
 +
.condensed-markdown table tbody > tr > th,
 +
.condensed-markdown table tfoot > tr > th,
 +
.condensed-markdown table thead > tr > td,
 +
.condensed-markdown table tbody > tr > td,
 +
.condensed-markdown table tfoot > tr > td {
 +
  padding: 5px;
 +
}
 +
.condensed-markdown td[align='left'],
 +
.condensed-markdown th[align='left'] {
 +
  text-align: left;
 +
}
 +
.condensed-markdown td[align='right'],
 +
.condensed-markdown th[align='right'] {
 +
  text-align: right;
 +
}
 +
.condensed-markdown td[align='center'],
 +
.condensed-markdown th[align='center'] {
 +
  text-align: center;
 +
}
 +
.error-msg {
 +
  font-weight: 700;
 +
  color: #b94a48;
 +
}
 +
.error-msg.text-warning {
 +
  color: #c09853;
 +
}
 +
.modal-title p {
 +
  margin: 0;
 +
}
 +
.modal-dialog {
 +
  -webkit-transition: width 0.1s;
 +
  transition: width 0.1s;
 +
}
 +
.wide-modal .modal-dialog {
 +
  width: 90%;
 +
}
 +
.fixed-width-textarea {
 +
  width: auto;
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
.list-group-sm .list-group-item {
 +
  padding: 5px 7px;
 +
}
 +
.user-img {
 +
  border-radius: 6px;
 +
  border: 2px solid #e8f0f2;
 +
  display: inline-block;
 +
  overflow: hidden;
 +
}
 +
.fill-parent-spinner {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  opacity: 0.8;
 +
  background: url('../img/spinner.gif') no-repeat center center #ffffff;
 +
}
 +
.flex-row-center {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
}
 +
.flex-row-end {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: flex-end;
 +
  -moz-align-items: flex-end;
 +
  -ms-align-items: flex-end;
 +
  align-items: flex-end;
 +
}
 +
@media (max-width: 991px) {
 +
  .flex-row-center,
 +
  .flex-row-end {
 +
    display: block;
 +
  }
 +
}
 +
.btn-thin-primary {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #3498db;
 +
  background-color: transparent;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  -webkit-transition: none;
 +
  transition: none;
 +
  color: #428ce1;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-weight: 600;
 +
  text-shadow: none;
 +
}
 +
.btn-thin-primary > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-thin-primary:hover {
 +
  background-color: rgba(13, 13, 13, 0);
 +
}
 +
.btn-thin-primary:active,
 +
.btn-thin-primary.active,
 +
.btn-group.open .btn-thin-primary.dropdown-toggle,
 +
.dropdown.open > .btn-thin-primary {
 +
  background-color: transparent;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0);
 +
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0);
 +
}
 +
.btn-thin-primary:hover {
 +
  color: white;
 +
}
 +
.btn-thin-primary.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-thin-primary.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-thin-primary.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-thin-primary.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-thin-primary:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-thin-primary:hover {
 +
  background-color: #428ce1;
 +
}
 +
.btn-thin-primary:active {
 +
  background-color: #2c76cc;
 +
}
 +
.u-no-spacing-top {
 +
  margin-top: 0;
 +
}
 +
.u-large-spacing-top {
 +
  margin-top: 40px;
 +
}
 +
.u-spacing {
 +
  margin: 20px;
 +
}
 +
.u-spacing-top {
 +
  margin-top: 20px;
 +
}
 +
.u-small-spacing {
 +
  margin: 10px;
 +
}
 +
/* Common 16px spacing between input and following item */
 +
.u-input-spacing-top {
 +
  margin-top: 16px;
 +
}
 +
.u-small-spacing-top {
 +
  margin-top: 10px;
 +
}
 +
.u-tiny-spacing-top {
 +
  margin-top: 5px;
 +
}
 +
.u-no-spacing-bottom {
 +
  margin-bottom: 0;
 +
}
 +
.u-large-spacing-bottom {
 +
  margin-bottom: 40px;
 +
}
 +
.u-spacing-bottom {
 +
  margin-bottom: 20px;
 +
}
 +
.u-small-spacing-bottom {
 +
  margin-bottom: 10px;
 +
}
 +
.u-tiny-spacing-bottom {
 +
  margin-bottom: 5px;
 +
}
 +
.u-spacing-left {
 +
  margin-left: 20px;
 +
}
 +
.u-small-spacing-left {
 +
  margin-left: 10px;
 +
}
 +
/* u-tiny-spacing-left is being deprecated since the new design largely uses 6px spacing. Use
 +
u-mini-spacing-left instead. */
 +
.u-mini-spacing-left {
 +
  margin-left: 6px;
 +
}
 +
.u-tiny-spacing-left {
 +
  margin-left: 5px;
 +
}
 +
.u-spacing-right {
 +
  margin-right: 20px;
 +
}
 +
.u-small-spacing-right {
 +
  margin-right: 10px;
 +
}
 +
.u-mini-spacing-right {
 +
  margin-right: 6px;
 +
}
 +
/* u-tiny-spacing-right is being deprecated. Use u-mini-spacing-right instead. */
 +
.u-tiny-spacing-right {
 +
  margin-right: 5px;
 +
}
 +
.u-padding {
 +
  padding: 20px;
 +
}
 +
.u-large-padding-top {
 +
  padding-top: 40px;
 +
}
 +
.u-padding-top {
 +
  padding-top: 20px;
 +
}
 +
.u-padding-bottom {
 +
  padding-bottom: 20px;
 +
}
 +
.u-large-padding-left {
 +
  padding-left: 40px;
 +
}
 +
.u-padding-left {
 +
  padding-left: 20px;
 +
}
 +
.u-padding-right {
 +
  padding-right: 20px;
 +
}
 +
.u-small-padding {
 +
  padding: 10px;
 +
}
 +
.u-small-padding-top {
 +
  padding-top: 10px;
 +
}
 +
.u-small-padding-bottom {
 +
  padding-bottom: 10px;
 +
}
 +
.u-small-padding-left {
 +
  padding-left: 10px;
 +
}
 +
.u-small-padding-right {
 +
  padding-right: 10px;
 +
}
 +
.u-tiny-padding {
 +
  padding: 5px;
 +
}
 +
.u-tiny-padding-left {
 +
  padding-left: 5px;
 +
}
 +
.u-tiny-padding-right {
 +
  padding-right: 5px;
 +
}
 +
.u-no-padding {
 +
  padding: 0;
 +
}
 +
.u-border-none {
 +
  border: none;
 +
}
 +
.u-border-collapse {
 +
  border-collapse: collapse;
 +
}
 +
.u-display-inline {
 +
  display: inline;
 +
}
 +
.u-display-inline-block {
 +
  display: inline-block;
 +
}
 +
.u-display-table {
 +
  display: table;
 +
}
 +
.u-display-table-row {
 +
  display: table-row;
 +
}
 +
.u-display-table-cell {
 +
  display: table-cell;
 +
}
 +
.u-ellipsis-text {
 +
  display: block;
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.u-larger-text {
 +
  font-size: 1.5em;
 +
}
 +
.u-xlarge-text {
 +
  font-size: 28px;
 +
}
 +
.u-large-text {
 +
  font-size: 16px;
 +
}
 +
.u-base-text {
 +
  font-size: 12px;
 +
}
 +
.u-small-text {
 +
  font-size: 11px;
 +
}
 +
.u-word-break-all {
 +
  word-break: break-all;
 +
}
 +
.u-word-break-word {
 +
  word-break: break-word;
 +
}
 +
.u-no-text-transform {
 +
  text-transform: none;
 +
}
 +
.u-no-text-decoration:hover {
 +
  text-decoration: none;
 +
}
 +
.u-text-decoration-underline {
 +
  text-decoration: underline;
 +
}
 +
.u-dotted-underline {
 +
  border-bottom: 1px dashed #428ce1;
 +
}
 +
.u-background-active {
 +
  background-color: #feefd1;
 +
}
 +
.u-normal-font-weight {
 +
  font-weight: normal;
 +
}
 +
.u-bold-font-weight {
 +
  font-weight: bold;
 +
}
 +
.u-strike-through {
 +
  text-decoration: line-through;
 +
}
 +
.u-overflow-hidden {
 +
  overflow: hidden;
 +
}
 +
.u-overflow-x-hidden {
 +
  overflow-x: hidden;
 +
}
 +
.u-input-line-height {
 +
  line-height: 28px;
 +
  vertical-align: middle;
 +
}
 +
.u-input-line-height input[type=checkbox] {
 +
  margin-top: 7px;
 +
}
 +
.u-btn-af-height {
 +
  line-height: 30px;
 +
}
 +
.u-disable-margin-collapse {
 +
  padding: 1px;
 +
  margin: -1px;
 +
}
 +
.u-danger-color,
 +
.btn.u-danger-color,
 +
.btn.u-danger-color:hover {
 +
  color: #e96e51;
 +
}
 +
.u-warning-color,
 +
.btn.u-warning-color,
 +
.btn.u-warning-color:hover {
 +
  color: #fdd586;
 +
}
 +
.u-success-color,
 +
.btn.u-success-color,
 +
.btn.u-success-color:hover {
 +
  color: #03c08d;
 +
}
 +
.u-primary-color,
 +
.btn.u-primary-color,
 +
.btn.u-primary-color:hover {
 +
  color: #428ce1;
 +
}
 +
.u-black-color {
 +
  color: black;
 +
}
 +
.u-half-opacity {
 +
  opacity: 0.5;
 +
}
 +
.faded {
 +
  color: #a2b9be;
 +
}
 +
.faded:hover {
 +
  color: #a2b9be;
 +
}
 +
.faded a {
 +
  color: #a2b9be;
 +
}
 +
.u-faded {
 +
  color: #a2b9be;
 +
}
 +
.invisible {
 +
  visibility: hidden;
 +
}
 +
.u-no-wrap {
 +
  white-space: nowrap;
 +
}
 +
.u-pointer {
 +
  cursor: pointer;
 +
}
 +
.u-cursor-default {
 +
  cursor: default;
 +
}
 +
.u-cursor-text {
 +
  cursor: text;
 +
}
 +
.u-danger-pointer {
 +
  cursor: pointer;
 +
}
 +
.u-danger-pointer:hover {
 +
  color: #e96e51;
 +
}
 +
.u-primary-pointer {
 +
  cursor: pointer;
 +
}
 +
.u-primary-pointer:hover {
 +
  color: #428ce1;
 +
}
 +
.u-success-pointer {
 +
  cursor: pointer;
 +
}
 +
.u-success-pointer:hover {
 +
  color: #03c08d;
 +
}
 +
.u-no-mouse-target {
 +
  pointer-events: none;
 +
}
 +
.u-no-select {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
.u-text-select {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
}
 +
.u-text-lowercase {
 +
  text-transform: lowercase;
 +
}
 +
.u-text-uppercase {
 +
  text-transform: uppercase;
 +
}
 +
.u-valign-middle {
 +
  vertical-align: middle;
 +
}
 +
.u-valign-top {
 +
  vertical-align: top;
 +
}
 +
table > thead > tr.u-valign-middle-row > td,
 +
table > tbody > tr.u-valign-middle-row > td {
 +
  vertical-align: middle;
 +
}
 +
.u-position-relative {
 +
  position: relative;
 +
}
 +
.u-position-absolute {
 +
  position: absolute;
 +
}
 +
.u-position-fixed {
 +
  position: fixed;
 +
}
 +
.u-width-auto {
 +
  width: auto;
 +
}
 +
.u-width-full {
 +
  width: 100%;
 +
}
 +
/* Useful when you want the first child to be on the left and the second child on the right */
 +
.u-lr-split {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
}
 +
.u-flex-display {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.u-flex-grow {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.u-vertical-flex {
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
}
 +
.u-justify-content-start {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-start;
 +
  -moz-justify-content: flex-start;
 +
  -ms-justify-content: flex-start;
 +
  justify-content: flex-start;
 +
}
 +
.u-justify-content-center {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.u-justify-content-end {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
}
 +
.u-verticalCenterItems {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.u-absolute-scroll-container {
 +
  height: 100%;
 +
  position: absolute;
 +
  overflow-y: auto;
 +
  width: 100%;
 +
}
 +
.u-absolute-scroll-container::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.u-absolute-scroll-container::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.u-absolute-scroll-container:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.u-absolute-scroll-container::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.u-absolute-scroll-container:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.u-table-layout-auto {
 +
  table-layout: auto;
 +
}
 +
.u-inline-form-input-sm,
 +
.u-inline-form-input-sm[type=text],
 +
.u-inline-form-input-sm[type=number],
 +
.u-inline-form-input-sm.input-group {
 +
  width: 100px;
 +
}
 +
.u-inline-form-input-sm[type=date] {
 +
  width: 125px;
 +
}
 +
.u-inline-form-input,
 +
.u-inline-form-input[type=text],
 +
.u-inline-form-input[type=number],
 +
.u-inline-form-input[type=date],
 +
.u-inline-form-input[type=search],
 +
.u-inline-form-input.input-group {
 +
  width: 150px;
 +
}
 +
.u-inline-form-input-lg,
 +
.u-inline-form-input-lg[type=text],
 +
.u-inline-form-input-lg[type=number],
 +
.u-inline-form-input-lg[type=date],
 +
.u-inline-form-input-lg[type=search],
 +
.u-inline-form-input-lg.input-group {
 +
  width: 200px;
 +
}
 +
input.u-no-spin-button::-webkit-outer-spin-button,
 +
input.u-no-spin-button::-webkit-inner-spin-button {
 +
  -webkit-appearance: none;
 +
}
 +
.u-horizontal-internal-border > div:not(:last-child) {
 +
  border-right: 1px solid #e8f0f2;
 +
}
 +
.u-vertical-internal-border > div:not(:last-child) {
 +
  border-bottom: 1px solid #c9d8db;
 +
}
 +
.table.table-valign-middle-cells tbody > tr > td {
 +
  vertical-align: middle;
 +
}
 +
.u-flex-none {
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
}
 +
.u-moderate-spacing-bottom {
 +
  margin-bottom: 15px;
 +
}
 +
.nyc-container-sidepanel {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sm,
 +
.nyc-container-md,
 +
.nyc-container-lg {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container {
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.nyc-row {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
}
 +
.nyc-row--fluid {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.nyc-container-sidepanel .nyc-row {
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
}
 +
.nyc-col-sm-1 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-1 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-2 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-2 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-3 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-3 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-4 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-4 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-5 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-5 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-6 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-6 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-7 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-7 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-8 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-8 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-9 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-9 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-10 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-10 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-sm-11 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-11 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-1 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-1 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-2 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-2 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-3 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-3 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-4 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-4 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-5 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-5 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-6 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-6 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-7 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-7 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-8 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-8 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-9 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-9 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-10 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-10 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-11 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-11 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-12 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-12 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-13 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-13 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-14 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-14 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-15 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-15 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-md-16 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-md-16 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-1 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-1 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-2 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-2 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-3 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-3 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-4 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-4 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-5 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-5 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-6 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-6 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-7 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-7 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-8 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-8 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-9 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-9 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-10 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-10 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-11 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-11 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-12 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-12 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-13 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-13 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-14 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-14 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-15 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-15 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-16 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-16 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-17 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-17 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-18 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-18 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-19 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-19 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-20 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-20 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-21 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-21 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-col-lg-22 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-sidepanel .nyc-col-lg-22 {
 +
  padding: 0 12px;
 +
}
 +
.nyc-container-lg .nyc-col-sm-1 {
 +
  -webkit-flex: 0 0 4.54545455%;
 +
  -moz-flex: 0 0 4.54545455%;
 +
  -ms-flex: 0 0 4.54545455%;
 +
  flex: 0 0 4.54545455%;
 +
  max-width: 4.54545455%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-2 {
 +
  -webkit-flex: 0 0 9.09090909%;
 +
  -moz-flex: 0 0 9.09090909%;
 +
  -ms-flex: 0 0 9.09090909%;
 +
  flex: 0 0 9.09090909%;
 +
  max-width: 9.09090909%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-3 {
 +
  -webkit-flex: 0 0 13.63636364%;
 +
  -moz-flex: 0 0 13.63636364%;
 +
  -ms-flex: 0 0 13.63636364%;
 +
  flex: 0 0 13.63636364%;
 +
  max-width: 13.63636364%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-4 {
 +
  -webkit-flex: 0 0 18.18181818%;
 +
  -moz-flex: 0 0 18.18181818%;
 +
  -ms-flex: 0 0 18.18181818%;
 +
  flex: 0 0 18.18181818%;
 +
  max-width: 18.18181818%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-5 {
 +
  -webkit-flex: 0 0 22.72727273%;
 +
  -moz-flex: 0 0 22.72727273%;
 +
  -ms-flex: 0 0 22.72727273%;
 +
  flex: 0 0 22.72727273%;
 +
  max-width: 22.72727273%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-6 {
 +
  -webkit-flex: 0 0 27.27272727%;
 +
  -moz-flex: 0 0 27.27272727%;
 +
  -ms-flex: 0 0 27.27272727%;
 +
  flex: 0 0 27.27272727%;
 +
  max-width: 27.27272727%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-7 {
 +
  -webkit-flex: 0 0 31.81818182%;
 +
  -moz-flex: 0 0 31.81818182%;
 +
  -ms-flex: 0 0 31.81818182%;
 +
  flex: 0 0 31.81818182%;
 +
  max-width: 31.81818182%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-8 {
 +
  -webkit-flex: 0 0 36.36363636%;
 +
  -moz-flex: 0 0 36.36363636%;
 +
  -ms-flex: 0 0 36.36363636%;
 +
  flex: 0 0 36.36363636%;
 +
  max-width: 36.36363636%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-9 {
 +
  -webkit-flex: 0 0 40.90909091%;
 +
  -moz-flex: 0 0 40.90909091%;
 +
  -ms-flex: 0 0 40.90909091%;
 +
  flex: 0 0 40.90909091%;
 +
  max-width: 40.90909091%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-10 {
 +
  -webkit-flex: 0 0 45.45454545%;
 +
  -moz-flex: 0 0 45.45454545%;
 +
  -ms-flex: 0 0 45.45454545%;
 +
  flex: 0 0 45.45454545%;
 +
  max-width: 45.45454545%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-11 {
 +
  -webkit-flex: 0 0 50%;
 +
  -moz-flex: 0 0 50%;
 +
  -ms-flex: 0 0 50%;
 +
  flex: 0 0 50%;
 +
  max-width: 50%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-12 {
 +
  -webkit-flex: 0 0 54.54545455%;
 +
  -moz-flex: 0 0 54.54545455%;
 +
  -ms-flex: 0 0 54.54545455%;
 +
  flex: 0 0 54.54545455%;
 +
  max-width: 54.54545455%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-13 {
 +
  -webkit-flex: 0 0 59.09090909%;
 +
  -moz-flex: 0 0 59.09090909%;
 +
  -ms-flex: 0 0 59.09090909%;
 +
  flex: 0 0 59.09090909%;
 +
  max-width: 59.09090909%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-14 {
 +
  -webkit-flex: 0 0 63.63636364%;
 +
  -moz-flex: 0 0 63.63636364%;
 +
  -ms-flex: 0 0 63.63636364%;
 +
  flex: 0 0 63.63636364%;
 +
  max-width: 63.63636364%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-15 {
 +
  -webkit-flex: 0 0 68.18181818%;
 +
  -moz-flex: 0 0 68.18181818%;
 +
  -ms-flex: 0 0 68.18181818%;
 +
  flex: 0 0 68.18181818%;
 +
  max-width: 68.18181818%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-16 {
 +
  -webkit-flex: 0 0 72.72727273%;
 +
  -moz-flex: 0 0 72.72727273%;
 +
  -ms-flex: 0 0 72.72727273%;
 +
  flex: 0 0 72.72727273%;
 +
  max-width: 72.72727273%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-17 {
 +
  -webkit-flex: 0 0 77.27272727%;
 +
  -moz-flex: 0 0 77.27272727%;
 +
  -ms-flex: 0 0 77.27272727%;
 +
  flex: 0 0 77.27272727%;
 +
  max-width: 77.27272727%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-18 {
 +
  -webkit-flex: 0 0 81.81818182%;
 +
  -moz-flex: 0 0 81.81818182%;
 +
  -ms-flex: 0 0 81.81818182%;
 +
  flex: 0 0 81.81818182%;
 +
  max-width: 81.81818182%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-19 {
 +
  -webkit-flex: 0 0 86.36363636%;
 +
  -moz-flex: 0 0 86.36363636%;
 +
  -ms-flex: 0 0 86.36363636%;
 +
  flex: 0 0 86.36363636%;
 +
  max-width: 86.36363636%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-20 {
 +
  -webkit-flex: 0 0 90.90909091%;
 +
  -moz-flex: 0 0 90.90909091%;
 +
  -ms-flex: 0 0 90.90909091%;
 +
  flex: 0 0 90.90909091%;
 +
  max-width: 90.90909091%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-21 {
 +
  -webkit-flex: 0 0 95.45454545%;
 +
  -moz-flex: 0 0 95.45454545%;
 +
  -ms-flex: 0 0 95.45454545%;
 +
  flex: 0 0 95.45454545%;
 +
  max-width: 95.45454545%;
 +
}
 +
.nyc-container-lg .nyc-col-sm-22 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.nyc-container-lg .nyc-col-md-1 {
 +
  -webkit-flex: 0 0 4.54545455%;
 +
  -moz-flex: 0 0 4.54545455%;
 +
  -ms-flex: 0 0 4.54545455%;
 +
  flex: 0 0 4.54545455%;
 +
  max-width: 4.54545455%;
 +
}
 +
.nyc-container-lg .nyc-col-md-2 {
 +
  -webkit-flex: 0 0 9.09090909%;
 +
  -moz-flex: 0 0 9.09090909%;
 +
  -ms-flex: 0 0 9.09090909%;
 +
  flex: 0 0 9.09090909%;
 +
  max-width: 9.09090909%;
 +
}
 +
.nyc-container-lg .nyc-col-md-3 {
 +
  -webkit-flex: 0 0 13.63636364%;
 +
  -moz-flex: 0 0 13.63636364%;
 +
  -ms-flex: 0 0 13.63636364%;
 +
  flex: 0 0 13.63636364%;
 +
  max-width: 13.63636364%;
 +
}
 +
.nyc-container-lg .nyc-col-md-4 {
 +
  -webkit-flex: 0 0 18.18181818%;
 +
  -moz-flex: 0 0 18.18181818%;
 +
  -ms-flex: 0 0 18.18181818%;
 +
  flex: 0 0 18.18181818%;
 +
  max-width: 18.18181818%;
 +
}
 +
.nyc-container-lg .nyc-col-md-5 {
 +
  -webkit-flex: 0 0 22.72727273%;
 +
  -moz-flex: 0 0 22.72727273%;
 +
  -ms-flex: 0 0 22.72727273%;
 +
  flex: 0 0 22.72727273%;
 +
  max-width: 22.72727273%;
 +
}
 +
.nyc-container-lg .nyc-col-md-6 {
 +
  -webkit-flex: 0 0 27.27272727%;
 +
  -moz-flex: 0 0 27.27272727%;
 +
  -ms-flex: 0 0 27.27272727%;
 +
  flex: 0 0 27.27272727%;
 +
  max-width: 27.27272727%;
 +
}
 +
.nyc-container-lg .nyc-col-md-7 {
 +
  -webkit-flex: 0 0 31.81818182%;
 +
  -moz-flex: 0 0 31.81818182%;
 +
  -ms-flex: 0 0 31.81818182%;
 +
  flex: 0 0 31.81818182%;
 +
  max-width: 31.81818182%;
 +
}
 +
.nyc-container-lg .nyc-col-md-8 {
 +
  -webkit-flex: 0 0 36.36363636%;
 +
  -moz-flex: 0 0 36.36363636%;
 +
  -ms-flex: 0 0 36.36363636%;
 +
  flex: 0 0 36.36363636%;
 +
  max-width: 36.36363636%;
 +
}
 +
.nyc-container-lg .nyc-col-md-9 {
 +
  -webkit-flex: 0 0 40.90909091%;
 +
  -moz-flex: 0 0 40.90909091%;
 +
  -ms-flex: 0 0 40.90909091%;
 +
  flex: 0 0 40.90909091%;
 +
  max-width: 40.90909091%;
 +
}
 +
.nyc-container-lg .nyc-col-md-10 {
 +
  -webkit-flex: 0 0 45.45454545%;
 +
  -moz-flex: 0 0 45.45454545%;
 +
  -ms-flex: 0 0 45.45454545%;
 +
  flex: 0 0 45.45454545%;
 +
  max-width: 45.45454545%;
 +
}
 +
.nyc-container-lg .nyc-col-md-11 {
 +
  -webkit-flex: 0 0 50%;
 +
  -moz-flex: 0 0 50%;
 +
  -ms-flex: 0 0 50%;
 +
  flex: 0 0 50%;
 +
  max-width: 50%;
 +
}
 +
.nyc-container-lg .nyc-col-md-12 {
 +
  -webkit-flex: 0 0 54.54545455%;
 +
  -moz-flex: 0 0 54.54545455%;
 +
  -ms-flex: 0 0 54.54545455%;
 +
  flex: 0 0 54.54545455%;
 +
  max-width: 54.54545455%;
 +
}
 +
.nyc-container-lg .nyc-col-md-13 {
 +
  -webkit-flex: 0 0 59.09090909%;
 +
  -moz-flex: 0 0 59.09090909%;
 +
  -ms-flex: 0 0 59.09090909%;
 +
  flex: 0 0 59.09090909%;
 +
  max-width: 59.09090909%;
 +
}
 +
.nyc-container-lg .nyc-col-md-14 {
 +
  -webkit-flex: 0 0 63.63636364%;
 +
  -moz-flex: 0 0 63.63636364%;
 +
  -ms-flex: 0 0 63.63636364%;
 +
  flex: 0 0 63.63636364%;
 +
  max-width: 63.63636364%;
 +
}
 +
.nyc-container-lg .nyc-col-md-15 {
 +
  -webkit-flex: 0 0 68.18181818%;
 +
  -moz-flex: 0 0 68.18181818%;
 +
  -ms-flex: 0 0 68.18181818%;
 +
  flex: 0 0 68.18181818%;
 +
  max-width: 68.18181818%;
 +
}
 +
.nyc-container-lg .nyc-col-md-16 {
 +
  -webkit-flex: 0 0 72.72727273%;
 +
  -moz-flex: 0 0 72.72727273%;
 +
  -ms-flex: 0 0 72.72727273%;
 +
  flex: 0 0 72.72727273%;
 +
  max-width: 72.72727273%;
 +
}
 +
.nyc-container-lg .nyc-col-md-17 {
 +
  -webkit-flex: 0 0 77.27272727%;
 +
  -moz-flex: 0 0 77.27272727%;
 +
  -ms-flex: 0 0 77.27272727%;
 +
  flex: 0 0 77.27272727%;
 +
  max-width: 77.27272727%;
 +
}
 +
.nyc-container-lg .nyc-col-md-18 {
 +
  -webkit-flex: 0 0 81.81818182%;
 +
  -moz-flex: 0 0 81.81818182%;
 +
  -ms-flex: 0 0 81.81818182%;
 +
  flex: 0 0 81.81818182%;
 +
  max-width: 81.81818182%;
 +
}
 +
.nyc-container-lg .nyc-col-md-19 {
 +
  -webkit-flex: 0 0 86.36363636%;
 +
  -moz-flex: 0 0 86.36363636%;
 +
  -ms-flex: 0 0 86.36363636%;
 +
  flex: 0 0 86.36363636%;
 +
  max-width: 86.36363636%;
 +
}
 +
.nyc-container-lg .nyc-col-md-20 {
 +
  -webkit-flex: 0 0 90.90909091%;
 +
  -moz-flex: 0 0 90.90909091%;
 +
  -ms-flex: 0 0 90.90909091%;
 +
  flex: 0 0 90.90909091%;
 +
  max-width: 90.90909091%;
 +
}
 +
.nyc-container-lg .nyc-col-md-21 {
 +
  -webkit-flex: 0 0 95.45454545%;
 +
  -moz-flex: 0 0 95.45454545%;
 +
  -ms-flex: 0 0 95.45454545%;
 +
  flex: 0 0 95.45454545%;
 +
  max-width: 95.45454545%;
 +
}
 +
.nyc-container-lg .nyc-col-md-22 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-1 {
 +
  -webkit-flex: 0 0 4.54545455%;
 +
  -moz-flex: 0 0 4.54545455%;
 +
  -ms-flex: 0 0 4.54545455%;
 +
  flex: 0 0 4.54545455%;
 +
  max-width: 4.54545455%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-2 {
 +
  -webkit-flex: 0 0 9.09090909%;
 +
  -moz-flex: 0 0 9.09090909%;
 +
  -ms-flex: 0 0 9.09090909%;
 +
  flex: 0 0 9.09090909%;
 +
  max-width: 9.09090909%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-3 {
 +
  -webkit-flex: 0 0 13.63636364%;
 +
  -moz-flex: 0 0 13.63636364%;
 +
  -ms-flex: 0 0 13.63636364%;
 +
  flex: 0 0 13.63636364%;
 +
  max-width: 13.63636364%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-4 {
 +
  -webkit-flex: 0 0 18.18181818%;
 +
  -moz-flex: 0 0 18.18181818%;
 +
  -ms-flex: 0 0 18.18181818%;
 +
  flex: 0 0 18.18181818%;
 +
  max-width: 18.18181818%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-5 {
 +
  -webkit-flex: 0 0 22.72727273%;
 +
  -moz-flex: 0 0 22.72727273%;
 +
  -ms-flex: 0 0 22.72727273%;
 +
  flex: 0 0 22.72727273%;
 +
  max-width: 22.72727273%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-6 {
 +
  -webkit-flex: 0 0 27.27272727%;
 +
  -moz-flex: 0 0 27.27272727%;
 +
  -ms-flex: 0 0 27.27272727%;
 +
  flex: 0 0 27.27272727%;
 +
  max-width: 27.27272727%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-7 {
 +
  -webkit-flex: 0 0 31.81818182%;
 +
  -moz-flex: 0 0 31.81818182%;
 +
  -ms-flex: 0 0 31.81818182%;
 +
  flex: 0 0 31.81818182%;
 +
  max-width: 31.81818182%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-8 {
 +
  -webkit-flex: 0 0 36.36363636%;
 +
  -moz-flex: 0 0 36.36363636%;
 +
  -ms-flex: 0 0 36.36363636%;
 +
  flex: 0 0 36.36363636%;
 +
  max-width: 36.36363636%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-9 {
 +
  -webkit-flex: 0 0 40.90909091%;
 +
  -moz-flex: 0 0 40.90909091%;
 +
  -ms-flex: 0 0 40.90909091%;
 +
  flex: 0 0 40.90909091%;
 +
  max-width: 40.90909091%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-10 {
 +
  -webkit-flex: 0 0 45.45454545%;
 +
  -moz-flex: 0 0 45.45454545%;
 +
  -ms-flex: 0 0 45.45454545%;
 +
  flex: 0 0 45.45454545%;
 +
  max-width: 45.45454545%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-11 {
 +
  -webkit-flex: 0 0 50%;
 +
  -moz-flex: 0 0 50%;
 +
  -ms-flex: 0 0 50%;
 +
  flex: 0 0 50%;
 +
  max-width: 50%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-12 {
 +
  -webkit-flex: 0 0 54.54545455%;
 +
  -moz-flex: 0 0 54.54545455%;
 +
  -ms-flex: 0 0 54.54545455%;
 +
  flex: 0 0 54.54545455%;
 +
  max-width: 54.54545455%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-13 {
 +
  -webkit-flex: 0 0 59.09090909%;
 +
  -moz-flex: 0 0 59.09090909%;
 +
  -ms-flex: 0 0 59.09090909%;
 +
  flex: 0 0 59.09090909%;
 +
  max-width: 59.09090909%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-14 {
 +
  -webkit-flex: 0 0 63.63636364%;
 +
  -moz-flex: 0 0 63.63636364%;
 +
  -ms-flex: 0 0 63.63636364%;
 +
  flex: 0 0 63.63636364%;
 +
  max-width: 63.63636364%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-15 {
 +
  -webkit-flex: 0 0 68.18181818%;
 +
  -moz-flex: 0 0 68.18181818%;
 +
  -ms-flex: 0 0 68.18181818%;
 +
  flex: 0 0 68.18181818%;
 +
  max-width: 68.18181818%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-16 {
 +
  -webkit-flex: 0 0 72.72727273%;
 +
  -moz-flex: 0 0 72.72727273%;
 +
  -ms-flex: 0 0 72.72727273%;
 +
  flex: 0 0 72.72727273%;
 +
  max-width: 72.72727273%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-17 {
 +
  -webkit-flex: 0 0 77.27272727%;
 +
  -moz-flex: 0 0 77.27272727%;
 +
  -ms-flex: 0 0 77.27272727%;
 +
  flex: 0 0 77.27272727%;
 +
  max-width: 77.27272727%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-18 {
 +
  -webkit-flex: 0 0 81.81818182%;
 +
  -moz-flex: 0 0 81.81818182%;
 +
  -ms-flex: 0 0 81.81818182%;
 +
  flex: 0 0 81.81818182%;
 +
  max-width: 81.81818182%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-19 {
 +
  -webkit-flex: 0 0 86.36363636%;
 +
  -moz-flex: 0 0 86.36363636%;
 +
  -ms-flex: 0 0 86.36363636%;
 +
  flex: 0 0 86.36363636%;
 +
  max-width: 86.36363636%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-20 {
 +
  -webkit-flex: 0 0 90.90909091%;
 +
  -moz-flex: 0 0 90.90909091%;
 +
  -ms-flex: 0 0 90.90909091%;
 +
  flex: 0 0 90.90909091%;
 +
  max-width: 90.90909091%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-21 {
 +
  -webkit-flex: 0 0 95.45454545%;
 +
  -moz-flex: 0 0 95.45454545%;
 +
  -ms-flex: 0 0 95.45454545%;
 +
  flex: 0 0 95.45454545%;
 +
  max-width: 95.45454545%;
 +
}
 +
.nyc-container-lg .nyc-col-lg-22 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.nyc-container-md .nyc-col-sm-1 {
 +
  -webkit-flex: 0 0 6.25%;
 +
  -moz-flex: 0 0 6.25%;
 +
  -ms-flex: 0 0 6.25%;
 +
  flex: 0 0 6.25%;
 +
  max-width: 6.25%;
 +
}
 +
.nyc-container-md .nyc-col-sm-2 {
 +
  -webkit-flex: 0 0 12.5%;
 +
  -moz-flex: 0 0 12.5%;
 +
  -ms-flex: 0 0 12.5%;
 +
  flex: 0 0 12.5%;
 +
  max-width: 12.5%;
 +
}
 +
.nyc-container-md .nyc-col-sm-3 {
 +
  -webkit-flex: 0 0 18.75%;
 +
  -moz-flex: 0 0 18.75%;
 +
  -ms-flex: 0 0 18.75%;
 +
  flex: 0 0 18.75%;
 +
  max-width: 18.75%;
 +
}
 +
.nyc-container-md .nyc-col-sm-4 {
 +
  -webkit-flex: 0 0 25%;
 +
  -moz-flex: 0 0 25%;
 +
  -ms-flex: 0 0 25%;
 +
  flex: 0 0 25%;
 +
  max-width: 25%;
 +
}
 +
.nyc-container-md .nyc-col-sm-5 {
 +
  -webkit-flex: 0 0 31.25%;
 +
  -moz-flex: 0 0 31.25%;
 +
  -ms-flex: 0 0 31.25%;
 +
  flex: 0 0 31.25%;
 +
  max-width: 31.25%;
 +
}
 +
.nyc-container-md .nyc-col-sm-6 {
 +
  -webkit-flex: 0 0 37.5%;
 +
  -moz-flex: 0 0 37.5%;
 +
  -ms-flex: 0 0 37.5%;
 +
  flex: 0 0 37.5%;
 +
  max-width: 37.5%;
 +
}
 +
.nyc-container-md .nyc-col-sm-7 {
 +
  -webkit-flex: 0 0 43.75%;
 +
  -moz-flex: 0 0 43.75%;
 +
  -ms-flex: 0 0 43.75%;
 +
  flex: 0 0 43.75%;
 +
  max-width: 43.75%;
 +
}
 +
.nyc-container-md .nyc-col-sm-8 {
 +
  -webkit-flex: 0 0 50%;
 +
  -moz-flex: 0 0 50%;
 +
  -ms-flex: 0 0 50%;
 +
  flex: 0 0 50%;
 +
  max-width: 50%;
 +
}
 +
.nyc-container-md .nyc-col-sm-9 {
 +
  -webkit-flex: 0 0 56.25%;
 +
  -moz-flex: 0 0 56.25%;
 +
  -ms-flex: 0 0 56.25%;
 +
  flex: 0 0 56.25%;
 +
  max-width: 56.25%;
 +
}
 +
.nyc-container-md .nyc-col-sm-10 {
 +
  -webkit-flex: 0 0 62.5%;
 +
  -moz-flex: 0 0 62.5%;
 +
  -ms-flex: 0 0 62.5%;
 +
  flex: 0 0 62.5%;
 +
  max-width: 62.5%;
 +
}
 +
.nyc-container-md .nyc-col-sm-11 {
 +
  -webkit-flex: 0 0 68.75%;
 +
  -moz-flex: 0 0 68.75%;
 +
  -ms-flex: 0 0 68.75%;
 +
  flex: 0 0 68.75%;
 +
  max-width: 68.75%;
 +
}
 +
.nyc-container-md .nyc-col-sm-12 {
 +
  -webkit-flex: 0 0 75%;
 +
  -moz-flex: 0 0 75%;
 +
  -ms-flex: 0 0 75%;
 +
  flex: 0 0 75%;
 +
  max-width: 75%;
 +
}
 +
.nyc-container-md .nyc-col-sm-13 {
 +
  -webkit-flex: 0 0 81.25%;
 +
  -moz-flex: 0 0 81.25%;
 +
  -ms-flex: 0 0 81.25%;
 +
  flex: 0 0 81.25%;
 +
  max-width: 81.25%;
 +
}
 +
.nyc-container-md .nyc-col-sm-14 {
 +
  -webkit-flex: 0 0 87.5%;
 +
  -moz-flex: 0 0 87.5%;
 +
  -ms-flex: 0 0 87.5%;
 +
  flex: 0 0 87.5%;
 +
  max-width: 87.5%;
 +
}
 +
.nyc-container-md .nyc-col-sm-15 {
 +
  -webkit-flex: 0 0 93.75%;
 +
  -moz-flex: 0 0 93.75%;
 +
  -ms-flex: 0 0 93.75%;
 +
  flex: 0 0 93.75%;
 +
  max-width: 93.75%;
 +
}
 +
.nyc-container-md .nyc-col-sm-16 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.nyc-container-md .nyc-col-md-1 {
 +
  -webkit-flex: 0 0 6.25%;
 +
  -moz-flex: 0 0 6.25%;
 +
  -ms-flex: 0 0 6.25%;
 +
  flex: 0 0 6.25%;
 +
  max-width: 6.25%;
 +
}
 +
.nyc-container-md .nyc-col-md-2 {
 +
  -webkit-flex: 0 0 12.5%;
 +
  -moz-flex: 0 0 12.5%;
 +
  -ms-flex: 0 0 12.5%;
 +
  flex: 0 0 12.5%;
 +
  max-width: 12.5%;
 +
}
 +
.nyc-container-md .nyc-col-md-3 {
 +
  -webkit-flex: 0 0 18.75%;
 +
  -moz-flex: 0 0 18.75%;
 +
  -ms-flex: 0 0 18.75%;
 +
  flex: 0 0 18.75%;
 +
  max-width: 18.75%;
 +
}
 +
.nyc-container-md .nyc-col-md-4 {
 +
  -webkit-flex: 0 0 25%;
 +
  -moz-flex: 0 0 25%;
 +
  -ms-flex: 0 0 25%;
 +
  flex: 0 0 25%;
 +
  max-width: 25%;
 +
}
 +
.nyc-container-md .nyc-col-md-5 {
 +
  -webkit-flex: 0 0 31.25%;
 +
  -moz-flex: 0 0 31.25%;
 +
  -ms-flex: 0 0 31.25%;
 +
  flex: 0 0 31.25%;
 +
  max-width: 31.25%;
 +
}
 +
.nyc-container-md .nyc-col-md-6 {
 +
  -webkit-flex: 0 0 37.5%;
 +
  -moz-flex: 0 0 37.5%;
 +
  -ms-flex: 0 0 37.5%;
 +
  flex: 0 0 37.5%;
 +
  max-width: 37.5%;
 +
}
 +
.nyc-container-md .nyc-col-md-7 {
 +
  -webkit-flex: 0 0 43.75%;
 +
  -moz-flex: 0 0 43.75%;
 +
  -ms-flex: 0 0 43.75%;
 +
  flex: 0 0 43.75%;
 +
  max-width: 43.75%;
 +
}
 +
.nyc-container-md .nyc-col-md-8 {
 +
  -webkit-flex: 0 0 50%;
 +
  -moz-flex: 0 0 50%;
 +
  -ms-flex: 0 0 50%;
 +
  flex: 0 0 50%;
 +
  max-width: 50%;
 +
}
 +
.nyc-container-md .nyc-col-md-9 {
 +
  -webkit-flex: 0 0 56.25%;
 +
  -moz-flex: 0 0 56.25%;
 +
  -ms-flex: 0 0 56.25%;
 +
  flex: 0 0 56.25%;
 +
  max-width: 56.25%;
 +
}
 +
.nyc-container-md .nyc-col-md-10 {
 +
  -webkit-flex: 0 0 62.5%;
 +
  -moz-flex: 0 0 62.5%;
 +
  -ms-flex: 0 0 62.5%;
 +
  flex: 0 0 62.5%;
 +
  max-width: 62.5%;
 +
}
 +
.nyc-container-md .nyc-col-md-11 {
 +
  -webkit-flex: 0 0 68.75%;
 +
  -moz-flex: 0 0 68.75%;
 +
  -ms-flex: 0 0 68.75%;
 +
  flex: 0 0 68.75%;
 +
  max-width: 68.75%;
 +
}
 +
.nyc-container-md .nyc-col-md-12 {
 +
  -webkit-flex: 0 0 75%;
 +
  -moz-flex: 0 0 75%;
 +
  -ms-flex: 0 0 75%;
 +
  flex: 0 0 75%;
 +
  max-width: 75%;
 +
}
 +
.nyc-container-md .nyc-col-md-13 {
 +
  -webkit-flex: 0 0 81.25%;
 +
  -moz-flex: 0 0 81.25%;
 +
  -ms-flex: 0 0 81.25%;
 +
  flex: 0 0 81.25%;
 +
  max-width: 81.25%;
 +
}
 +
.nyc-container-md .nyc-col-md-14 {
 +
  -webkit-flex: 0 0 87.5%;
 +
  -moz-flex: 0 0 87.5%;
 +
  -ms-flex: 0 0 87.5%;
 +
  flex: 0 0 87.5%;
 +
  max-width: 87.5%;
 +
}
 +
.nyc-container-md .nyc-col-md-15 {
 +
  -webkit-flex: 0 0 93.75%;
 +
  -moz-flex: 0 0 93.75%;
 +
  -ms-flex: 0 0 93.75%;
 +
  flex: 0 0 93.75%;
 +
  max-width: 93.75%;
 +
}
 +
.nyc-container-md .nyc-col-md-16 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-1 {
 +
  -webkit-flex: 0 0 9.09090909%;
 +
  -moz-flex: 0 0 9.09090909%;
 +
  -ms-flex: 0 0 9.09090909%;
 +
  flex: 0 0 9.09090909%;
 +
  max-width: 9.09090909%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-2 {
 +
  -webkit-flex: 0 0 18.18181818%;
 +
  -moz-flex: 0 0 18.18181818%;
 +
  -ms-flex: 0 0 18.18181818%;
 +
  flex: 0 0 18.18181818%;
 +
  max-width: 18.18181818%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-3 {
 +
  -webkit-flex: 0 0 27.27272727%;
 +
  -moz-flex: 0 0 27.27272727%;
 +
  -ms-flex: 0 0 27.27272727%;
 +
  flex: 0 0 27.27272727%;
 +
  max-width: 27.27272727%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-4 {
 +
  -webkit-flex: 0 0 36.36363636%;
 +
  -moz-flex: 0 0 36.36363636%;
 +
  -ms-flex: 0 0 36.36363636%;
 +
  flex: 0 0 36.36363636%;
 +
  max-width: 36.36363636%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-5 {
 +
  -webkit-flex: 0 0 45.45454545%;
 +
  -moz-flex: 0 0 45.45454545%;
 +
  -ms-flex: 0 0 45.45454545%;
 +
  flex: 0 0 45.45454545%;
 +
  max-width: 45.45454545%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-6 {
 +
  -webkit-flex: 0 0 54.54545455%;
 +
  -moz-flex: 0 0 54.54545455%;
 +
  -ms-flex: 0 0 54.54545455%;
 +
  flex: 0 0 54.54545455%;
 +
  max-width: 54.54545455%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-7 {
 +
  -webkit-flex: 0 0 63.63636364%;
 +
  -moz-flex: 0 0 63.63636364%;
 +
  -ms-flex: 0 0 63.63636364%;
 +
  flex: 0 0 63.63636364%;
 +
  max-width: 63.63636364%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-8 {
 +
  -webkit-flex: 0 0 72.72727273%;
 +
  -moz-flex: 0 0 72.72727273%;
 +
  -ms-flex: 0 0 72.72727273%;
 +
  flex: 0 0 72.72727273%;
 +
  max-width: 72.72727273%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-9 {
 +
  -webkit-flex: 0 0 81.81818182%;
 +
  -moz-flex: 0 0 81.81818182%;
 +
  -ms-flex: 0 0 81.81818182%;
 +
  flex: 0 0 81.81818182%;
 +
  max-width: 81.81818182%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-10 {
 +
  -webkit-flex: 0 0 90.90909091%;
 +
  -moz-flex: 0 0 90.90909091%;
 +
  -ms-flex: 0 0 90.90909091%;
 +
  flex: 0 0 90.90909091%;
 +
  max-width: 90.90909091%;
 +
}
 +
.nyc-container-sm .nyc-col-sm-11 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-1 {
 +
  -webkit-flex: 0 0 16.66666667%;
 +
  -moz-flex: 0 0 16.66666667%;
 +
  -ms-flex: 0 0 16.66666667%;
 +
  flex: 0 0 16.66666667%;
 +
  max-width: 16.66666667%;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-2 {
 +
  -webkit-flex: 0 0 33.33333333%;
 +
  -moz-flex: 0 0 33.33333333%;
 +
  -ms-flex: 0 0 33.33333333%;
 +
  flex: 0 0 33.33333333%;
 +
  max-width: 33.33333333%;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-3 {
 +
  -webkit-flex: 0 0 50%;
 +
  -moz-flex: 0 0 50%;
 +
  -ms-flex: 0 0 50%;
 +
  flex: 0 0 50%;
 +
  max-width: 50%;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-4 {
 +
  -webkit-flex: 0 0 66.66666667%;
 +
  -moz-flex: 0 0 66.66666667%;
 +
  -ms-flex: 0 0 66.66666667%;
 +
  flex: 0 0 66.66666667%;
 +
  max-width: 66.66666667%;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-5 {
 +
  -webkit-flex: 0 0 83.33333333%;
 +
  -moz-flex: 0 0 83.33333333%;
 +
  -ms-flex: 0 0 83.33333333%;
 +
  flex: 0 0 83.33333333%;
 +
  max-width: 83.33333333%;
 +
}
 +
.nyc-container-sidepanel .nyc-col-sm-6 {
 +
  -webkit-flex: 0 0 100%;
 +
  -moz-flex: 0 0 100%;
 +
  -ms-flex: 0 0 100%;
 +
  flex: 0 0 100%;
 +
  max-width: 100%;
 +
}
 +
.dropdown-submenu:hover > a,
 +
.dropdown-submenu:focus > a,
 +
.dropdown-submenu > a:hover + .dropdown-menu > .dropdown-menu-default > a {
 +
  text-decoration: none;
 +
  color: #ffffff;
 +
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428ce1), to(#2c7fde));
 +
  background-image: -webkit-linear-gradient(top, #428ce1, 0%, #2c7fde, 100%);
 +
  background-image: -moz-linear-gradient(top, #428ce1 0%, #2c7fde 100%);
 +
  background-image: linear-gradient(to bottom, #428ce1 0%, #2c7fde 100%);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428ce1', endColorstr='#ff2c7fde', GradientType=0);
 +
}
 +
.dropdown-submenu {
 +
  position: relative;
 +
}
 +
.dropdown-submenu > .dropdown-menu {
 +
  top: 0;
 +
  left: 100%;
 +
  margin-top: -6px;
 +
  margin-left: -1px;
 +
  border-top-left-radius: 0;
 +
}
 +
.dropdown-submenu:hover > .dropdown-menu {
 +
  display: block;
 +
}
 +
.dropup .dropdown-submenu > .dropdown-menu {
 +
  top: auto;
 +
  bottom: -4px;
 +
  margin-top: 0;
 +
  margin-bottom: -2px;
 +
  border-bottom-left-radius: 0;
 +
}
 +
.dropdown-submenu > .dropdown-menu--dropUp {
 +
  bottom: 0;
 +
  top: auto;
 +
}
 +
.dropdown-submenu > a:after {
 +
  display: block;
 +
  content: " ";
 +
  float: right;
 +
  width: 0;
 +
  height: 0;
 +
  border-color: transparent;
 +
  border-style: solid;
 +
  border-width: 5px 0 5px 5px;
 +
  border-left-color: #cccccc;
 +
  margin-top: 4px;
 +
  margin-right: -5px;
 +
  margin-left: 5px;
 +
}
 +
.dropdown-submenu:hover > a:after {
 +
  border-left-color: #ffffff;
 +
}
 +
.dropdown-submenu.submenu-pull-left {
 +
  float: none;
 +
}
 +
.dropdown-submenu.submenu-pull-left > .dropdown-menu {
 +
  left: 0;
 +
  transform: translateX(-100%);
 +
  margin-left: 10px;
 +
  border-top-right-radius: 0;
 +
}
 +
@font-face {
 +
  font-family: 'Inconsolata-SVG';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Inconsolata'), url('../fonts/inconsolata-400.svg') format('svg');
 +
}
 +
@font-face {
 +
  font-family: 'Inconsolata-SVG';
 +
  font-style: normal;
 +
  font-weight: 700;
 +
  src: local('Inconsolata Bold'), local('Inconsalata-Bold'), url('../fonts/inconsolata-700.svg') format('svg');
 +
}
 +
/*
 +
@font-face {
 +
  font-family: 'Source Code Pro';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('SourceCodePro'), local('Source Code Pro'), url('../fonts/sourcecodepro-300.svg') format('svg');
 +
}
 +
*/
 +
.plainSearchInput {
 +
  position: relative;
 +
  display: inline-block;
 +
}
 +
.plainSearchInput .close {
 +
  position: absolute;
 +
  right: 0;
 +
  top: 50%;
 +
  margin-top: -8px;
 +
}
 +
.plainSearchInput-cancelButton {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  padding-left: 12px;
 +
  padding-right: 4px;
 +
}
 +
.plainSearchInput-cancelButton:hover,
 +
.plainSearchInput-cancelButton:focus {
 +
  text-decoration: none;
 +
}
 +
.plainSearchInput-icon {
 +
  color: #a2b9be;
 +
  left: 0;
 +
  margin-left: 8px;
 +
  margin-top: -6px;
 +
  position: absolute;
 +
  top: 50%;
 +
}
 +
.plainSearchInput-icon.svgIcon {
 +
  height: 12px;
 +
  width: 12px;
 +
}
 +
.plainSearchInput-input:focus ~ .plainSearchInput-icon,
 +
.plainSearchInput-input:active ~ .plainSearchInput-icon,
 +
.plainSearchInput--hideIcon .plainSearchInput-icon {
 +
  display: none;
 +
}
 +
/* Beat specificity of `#editor input[type="text"]` */
 +
#editor .plainSearchInput .plainSearchInput-input,
 +
#editor .buffer-options .plainSearchInput .plainSearchInput-input {
 +
  padding-left: 28px;
 +
}
 +
#editor .plainSearchInput .plainSearchInput-input:focus,
 +
#editor .plainSearchInput .plainSearchInput-input:active,
 +
#editor .plainSearchInput.plainSearchInput--hideIcon .plainSearchInput-input {
 +
  padding-left: 10px;
 +
}
 +
#editor.hasLegacyNav .plainSearchInput .close {
 +
  margin-top: -10px;
 +
}
 +
#force-font-load {
 +
  position: absolute;
 +
  visibility: hidden;
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
#force-font-load .font-normal {
 +
  font-weight: normal;
 +
}
 +
#force-font-load .font-bold {
 +
  font-weight: bold;
 +
}
 +
.file-tag {
 +
  display: inline-block;
 +
  border: 1px solid #a2b9be;
 +
  border-radius: 2px;
 +
  margin: 0 2px 2px 0;
 +
  font-weight: 500;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
  font-size: 12px;
 +
}
 +
.file-tag span {
 +
  background: #a2b9be;
 +
  color: white;
 +
  padding: 2px 5px;
 +
  display: inline-block;
 +
  max-width: 100px;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
  vertical-align: top;
 +
  border-left: 1px solid transparent;
 +
}
 +
.file-tag span:first-child {
 +
  max-width: 120px;
 +
  background: #ffffff;
 +
  color: #344043;
 +
  border-left: none;
 +
}
 +
.file-tag--selectable {
 +
  cursor: pointer;
 +
}
 +
.file-tag--selectable:hover span {
 +
  background: #c9d8db;
 +
}
 +
.file-tag--selectable.selected {
 +
  border-color: #428ce1;
 +
}
 +
.file-tag--selectable.selected span {
 +
  border-color: #428ce1;
 +
}
 +
.file-tag--selectable.selected span,
 +
.file-tag--selectable:hover span {
 +
  color: white;
 +
}
 +
.file-tag--selectable.selected span:first-child,
 +
.file-tag--selectable:hover span:first-child {
 +
  color: #344043;
 +
  background: #e8f0f2;
 +
}
 +
.new-organization-form #handle {
 +
  margin-bottom: 10px;
 +
}
 +
.new-organization-form input[type=text] + .help-block {
 +
  margin-top: 5px;
 +
}
 +
.modal .edit-sequence-row textarea.tags {
 +
  height: 200px;
 +
}
 +
.profile-container-mixin {
 +
  background: white;
 +
}
 +
.tagdropdown .add-tag-menu .apply-tags,
 +
.tagdropdown .add-tag-menu .create-tag {
 +
  margin: 5px 5px 0;
 +
  width: 150px;
 +
}
 +
.tagdropdown .add-tag-menu .tag-search {
 +
  margin: 0 5px 5px;
 +
  padding: 2px 4px;
 +
  width: 150px;
 +
  height: 30px;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options {
 +
  position: relative;
 +
  list-style: none;
 +
  padding: 0;
 +
  margin: 0;
 +
  max-height: 150px;
 +
  overflow-y: auto;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options input[type=checkbox] {
 +
  margin: 0 5px 0 0;
 +
  vertical-align: middle;
 +
  height: auto;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options > li > a {
 +
  display: block;
 +
  padding: 3px 5px;
 +
  clear: both;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  color: #344043;
 +
  font-size: 13px;
 +
  white-space: nowrap;
 +
  text-decoration: none;
 +
}
 +
.tagdropdown .add-tag-menu .tag-options > li > a.selected {
 +
  color: #ffffff;
 +
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428ce1), to(#2c7fde));
 +
  background-image: -webkit-linear-gradient(top, #428ce1, 0%, #2c7fde, 100%);
 +
  background-image: -moz-linear-gradient(top, #428ce1 0%, #2c7fde 100%);
 +
  background-image: linear-gradient(to bottom, #428ce1 0%, #2c7fde 100%);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428ce1', endColorstr='#ff2c7fde', GradientType=0);
 +
}
 +
.add-oligo-row {
 +
  margin-bottom: 10px;
 +
}
 +
.add-oligo-row .color-chooser {
 +
  list-style: none;
 +
  margin: 0 0px 8px;
 +
  padding: 0;
 +
}
 +
.add-oligo-row .color-chooser li {
 +
  display: inline-block;
 +
  width: 20px;
 +
  height: 20px;
 +
  margin-right: 5px;
 +
  cursor: pointer;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.add-oligo-row .color-chooser li.active {
 +
  border-color: #344043;
 +
}
 +
#library-page .library-editing .edit-permissions,
 +
#library-page .library-editing .transfer-library {
 +
  padding-top: 8px;
 +
}
 +
#library-page .library-editing .library-basic-information .radio-inline {
 +
  line-height: 22px;
 +
}
 +
#library-page .library-editing .library-basic-information .glyphicon-question-sign {
 +
  margin-top: 2px;
 +
  text-decoration: none;
 +
}
 +
#library-page > .base-container-wrapper > .container,
 +
#library-page .container.library-context-bar,
 +
#library-page .nav-container {
 +
  max-width: 95%;
 +
}
 +
#library-page .library-context-bar.container.affix-top {
 +
  max-width: none;
 +
}
 +
#library-page .profile-container {
 +
  max-width: 100%;
 +
}
 +
#library-page .profile-container.affix {
 +
  width: 95%;
 +
}
 +
#library-page .pagination-container.bottom-pagination {
 +
  margin-top: 10px;
 +
}
 +
#library-page .pagination-container .pagination {
 +
  margin: 0;
 +
}
 +
#library-page .pagination-container .pagination-text {
 +
  line-height: 32px;
 +
  margin-right: 10px;
 +
  color: #e8f0f2;
 +
  font-style: italic;
 +
  font-size: 12px;
 +
}
 +
#library-page .container.collapsed-tags .col-tags {
 +
  display: none;
 +
}
 +
#library-page .container.collapsed-tags th.tags {
 +
  display: none;
 +
}
 +
#library-page .not-signed-in .library-context-bar .library-context-bar-inner {
 +
  display: inline-block;
 +
  background: white;
 +
}
 +
#library-page .not-signed-in .library-context-bar .copy-to-group,
 +
#library-page .not-signed-in .library-context-bar .library-selection-information,
 +
#library-page .not-signed-in .library-context-bar .analyses-group,
 +
#library-page .not-signed-in .library-context-bar .delete-button {
 +
  display: none;
 +
}
 +
#library-page .not-signed-in .library-context-bar .search-box input[type=text] {
 +
  width: 370px;
 +
}
 +
#library-page .not-signed-in .library-context-bar .search-box .search-wrapper {
 +
  width: 472px;
 +
}
 +
#library-page .not-signed-in .library-sequences .col-checkbox {
 +
  width: 0;
 +
}
 +
#library-page .not-signed-in .library-sequences .sequence-checkbox {
 +
  width: 0;
 +
  visibility: hidden;
 +
}
 +
#library-page .not-signed-in .library-sequences .sequence-main {
 +
  padding-left: 10px;
 +
}
 +
#library-page .profile-img {
 +
  border-radius: 25px;
 +
  border: 2px solid #f8fafb;
 +
}
 +
#library-page .profile-img img {
 +
  width: 50px;
 +
  height: 50px;
 +
}
 +
#library-page .library-navigation {
 +
  margin-bottom: 20px;
 +
}
 +
#library-page .library-navigation .current-user-profile {
 +
  float: right;
 +
}
 +
#library-page .library-navigation a:hover {
 +
  text-decoration: none;
 +
}
 +
#library-page .library-navigation a:hover .profile-img {
 +
  border-color: #428ce1;
 +
}
 +
#library-page .library-navigation a:hover span {
 +
  color: #428ce1;
 +
}
 +
#library-page .library-navigation .back-to-my-libraries {
 +
  margin-left: 10px;
 +
}
 +
#library-page .library-navigation .library-description {
 +
  margin-left: 60px;
 +
  font-size: 14px;
 +
  color: #c9d8db;
 +
  padding: 5px 0;
 +
}
 +
#library-page .library-navigation .library-description::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#library-page .library-navigation .library-description::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#library-page .library-navigation .library-description:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#library-page .library-navigation .library-description::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#library-page .library-navigation .library-description:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#library-page .library-navigation .library-description .no-description {
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-navigation .library-name .profile-img {
 +
  margin-right: 10px;
 +
}
 +
#library-page .library-navigation .library-name .library-owner,
 +
#library-page .library-navigation .library-name .actual-name {
 +
  vertical-align: middle;
 +
}
 +
#library-page .library-navigation .library-perms {
 +
  float: left;
 +
  display: inline-block;
 +
  width: 50px;
 +
  text-align: center;
 +
  padding: 5px 0;
 +
}
 +
#library-page .library-navigation .library-perms .perms-wrapper {
 +
  background: #b7d0d6;
 +
  border-radius: 15px;
 +
  display: inline-block;
 +
  height: 26px;
 +
  padding: 0 7px;
 +
}
 +
#library-page .library-navigation .library-perms .perms-wrapper .glyphicon {
 +
  font-size: 12px;
 +
  line-height: 22px;
 +
  margin-left: 3px;
 +
}
 +
#library-page .library-navigation .library-perms .perms-wrapper .glyphicon:nth-child(1) {
 +
  margin-left: 0;
 +
}
 +
#library-page .library-editing {
 +
  margin-top: 10px;
 +
  margin-bottom: 30px;
 +
}
 +
#library-page .library-editing .in-place-progress {
 +
  margin-left: 5px;
 +
}
 +
#library-page .library-editing .library-edit-desc {
 +
  height: 80px;
 +
}
 +
#library-page .library-editing .library-collaborators col.user,
 +
#library-page .library-editing .library-invites col.user {
 +
  width: 300px;
 +
}
 +
#library-page .library-editing .library-collaborators col.remove,
 +
#library-page .library-editing .library-invites col.remove {
 +
  width: 20px;
 +
}
 +
#library-page .library-editing .library-collaborators td,
 +
#library-page .library-editing .library-invites td,
 +
#library-page .library-editing .library-collaborators th,
 +
#library-page .library-editing .library-invites th {
 +
  padding: 4px 8px;
 +
}
 +
#library-page .library-editing .library-collaborators .glyphicon-question-sign,
 +
#library-page .library-editing .library-invites .glyphicon-question-sign {
 +
  margin-left: 5px;
 +
  text-decoration: none;
 +
}
 +
#library-page .import-sequence-button,
 +
#library-page .create-sequence-button,
 +
#library-page .export-sequence-button {
 +
  margin: 10px 0 0 5px;
 +
}
 +
#library-page .leave-library-button {
 +
  margin: 10px 20px 0 5px;
 +
}
 +
#library-page .library-edit-button {
 +
  margin: 10px 0 0 20px;
 +
}
 +
#library-page .library-context-bar-wrapper {
 +
  min-height: 92px;
 +
}
 +
#library-page .library-context-bar-inner {
 +
  width: 100%;
 +
  margin-bottom: 15px;
 +
}
 +
#library-page .library-context-bar {
 +
  z-index: 99;
 +
  position: relative;
 +
  margin: 0 -15px;
 +
}
 +
#library-page .library-context-bar > * {
 +
  vertical-align: top;
 +
}
 +
#library-page .library-context-bar .library-context-bar-inner {
 +
  display: inline-block;
 +
  padding-top: 5px;
 +
}
 +
#library-page .library-context-bar .dropdown-menu > li > a .owner {
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-context-bar .dropdown-menu > li > a:hover .owner {
 +
  color: #ffffff;
 +
}
 +
#library-page .library-context-bar .search-box {
 +
  display: inline-block;
 +
}
 +
#library-page .library-context-bar .search-box .search-wrapper {
 +
  display: inline-block;
 +
  width: 310px;
 +
  vertical-align: bottom;
 +
}
 +
#library-page .library-context-bar .search-box .search-wrapper .dropdown-toggle {
 +
  text-align: left;
 +
}
 +
#library-page .library-context-bar .search-box .search-wrapper input[type=text] {
 +
  margin: 0;
 +
}
 +
#library-page .library-context-bar .search-box .search-wrapper .filter-option-menu {
 +
  max-height: 300px;
 +
  overflow-y: auto;
 +
}
 +
#library-page .library-context-bar .search-box .search-wrapper .search-by {
 +
  max-width: 70px;
 +
  overflow-x: hidden;
 +
  display: inline-block;
 +
  text-overflow: ellipsis;
 +
  vertical-align: top;
 +
}
 +
#library-page .library-context-bar.affix {
 +
  top: 0px;
 +
  margin-top: 0;
 +
  position: fixed;
 +
  width: 100%;
 +
}
 +
#library-page .modified-notification {
 +
  padding: 10px 5px;
 +
  position: fixed;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  background: #e8f0f2;
 +
  border-top: 1px solid #c7dbe0;
 +
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
 +
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
 +
  z-index: 500;
 +
}
 +
#library-page .modified-notification .text {
 +
  display: inline;
 +
  vertical-align: middle;
 +
}
 +
#library-page .modified-notification .undo-modified {
 +
  display: inline;
 +
}
 +
#library-page .modified-notification .undo-modified button {
 +
  margin-left: 10px;
 +
  min-height: inherit;
 +
  line-height: inherit;
 +
}
 +
#library-page .modified-notification .close {
 +
  margin-right: 10px;
 +
}
 +
#library-page .modified-notification .text {
 +
  color: #344043;
 +
  font-size: 16px;
 +
  font-style: italic;
 +
}
 +
#library-page .modified-notification .text .moved-to-folder {
 +
  font-weight: 500;
 +
}
 +
#library-page .modified-notification .text .moved-sequences {
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  display: inline;
 +
}
 +
#library-page .modified-notification .text .moved-sequences li {
 +
  display: inline;
 +
  font-weight: 500;
 +
}
 +
#library-page .modified-notification .text .moved-sequences li:after {
 +
  content: ', ';
 +
}
 +
#library-page .modified-notification .text .moved-sequences li:nth-last-child(2):after {
 +
  content: '';
 +
}
 +
#library-page .modified-notification .text .moved-sequences li:last-child:before {
 +
  content: ' and ';
 +
}
 +
#library-page .modified-notification .text .moved-sequences li:last-child:after {
 +
  content: '';
 +
}
 +
#library-page .modified-notification .text .moved-sequences li:first-child:before {
 +
  content: '';
 +
}
 +
#library-page .library-selection-information {
 +
  min-height: 24px;
 +
  font-style: italic;
 +
  margin-right: 15px;
 +
  color: #a2b9be;
 +
  line-height: 30px;
 +
  font-size: 12px;
 +
}
 +
#library-page .library-sequences {
 +
  background: #ffffff;
 +
  margin-top: 0px;
 +
  position: relative;
 +
}
 +
#library-page .library-sequences .add-column-group {
 +
  position: absolute;
 +
  right: -25px;
 +
  top: 50%;
 +
  margin-top: -11px;
 +
  font-size: 16px;
 +
}
 +
#library-page .library-sequences .add-column-group > a {
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-sequences .add-column-group > a:hover {
 +
  color: #428ce1;
 +
}
 +
#library-page .library-sequences.profile-container {
 +
  position: relative;
 +
}
 +
#library-page .library-sequences.profile-container .library-loading {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  z-index: 100;
 +
  padding-top: 100px;
 +
  background-position: center 100px;
 +
}
 +
#library-page .library-sequences > table {
 +
  width: 100%;
 +
  table-layout: fixed;
 +
}
 +
#library-page .library-sequences > table .col-checkbox {
 +
  width: 40px;
 +
}
 +
#library-page .library-sequences > table .col-tags {
 +
  width: 250px;
 +
}
 +
#library-page .library-sequences > table .col-color {
 +
  text-align: center;
 +
  width: 53px;
 +
}
 +
#library-page .library-sequences > table th.tag-column {
 +
  padding: 0;
 +
}
 +
#library-page .library-sequences > table th.tag-column .tag-column-wrapper {
 +
  text-align: center;
 +
  padding: 10px;
 +
  position: relative;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
#library-page .library-sequences > table th.tag-column .edit-name label:hover {
 +
  background-color: #ffffff;
 +
}
 +
#library-page .library-sequences > table th.tag-column .edit-schema {
 +
  position: absolute;
 +
  display: none;
 +
  right: 2px;
 +
  top: auto;
 +
  bottom: 0px;
 +
  font-size: 12px;
 +
  padding: 2px;
 +
}
 +
#library-page .library-sequences > table th.tag-column .close {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 2px;
 +
  display: none;
 +
}
 +
#library-page .library-sequences > table th.tag-column:hover .close {
 +
  display: block;
 +
}
 +
#library-page .library-sequences > table th.tag-column.editable-content:hover .edit-schema {
 +
  display: block;
 +
}
 +
#library-page .library-sequences > table th.tag-column .select {
 +
  margin-top: 0px;
 +
  text-align: right;
 +
  min-width: 100px;
 +
}
 +
#library-page .library-sequences > table th.tag-column .select input {
 +
  margin-top: 2px;
 +
}
 +
#library-page .library-sequences > table col.tag-column {
 +
  width: 120px;
 +
}
 +
#library-page .library-sequences > table td.tag-column {
 +
  padding: 0px;
 +
}
 +
#library-page .library-sequences > table td.tag-column div {
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
  text-align: center;
 +
}
 +
#library-page .library-sequences > table td.tag-column div a {
 +
  white-space: nowrap;
 +
  line-height: normal;
 +
  text-overflow: ellipsis;
 +
  overflow: hidden;
 +
}
 +
#library-page .library-sequences > table > thead th {
 +
  background: #e8f0f2;
 +
  padding: 10px;
 +
  border-top: 1px solid #c7dbe0;
 +
  border-bottom: 1px solid #c7dbe0;
 +
  border-right: 1px solid #c7dbe0;
 +
  font-weight: 500;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
#library-page .library-sequences > table > thead th:first-child {
 +
  border-left: 1px solid #c7dbe0;
 +
}
 +
#library-page .library-sequences > table > thead th.tags .save-tag-columns {
 +
  display: inline-block;
 +
  margin-left: 8px;
 +
  vertical-align: middle;
 +
  cursor: pointer;
 +
  color: #344043;
 +
}
 +
#library-page .library-sequences > table > thead th.tags .save-tag-columns:hover {
 +
  color: #428ce1;
 +
}
 +
#library-page .library-sequences > table > thead th.tags div.contract-tags {
 +
  display: none;
 +
}
 +
#library-page .library-sequences > table > thead th.tags:hover div.contract-tags {
 +
  display: inline-block;
 +
}
 +
#library-page .library-sequences > table > thead th.context-checkbox {
 +
  padding-top: 13px;
 +
  padding-bottom: 7px;
 +
}
 +
#library-page .library-sequences > table > thead th.context-checkbox input[type='checkbox'] {
 +
  height: 15px;
 +
  margin: 0 0 0 3px;
 +
}
 +
#library-page .library-sequences > table > thead th.sortable {
 +
  cursor: pointer;
 +
}
 +
#library-page .library-sequences > table > thead th.sortable:hover .tag-name,
 +
#library-page .library-sequences > table > thead th.sortable:hover .glyphicon {
 +
  color: #428ce1;
 +
}
 +
#library-page .library-sequences > table > thead th .contract-tags,
 +
#library-page .library-sequences > table > thead th .expand-tags {
 +
  background: #ffffff;
 +
  border-radius: 2px;
 +
  color: #344043;
 +
  margin-top: 2px;
 +
  font-size: 10px;
 +
  float: right;
 +
  width: 16px;
 +
  border: 1px solid #c7dbe0;
 +
  cursor: pointer;
 +
}
 +
#library-page .library-sequences > table > thead th .contract-tags:hover,
 +
#library-page .library-sequences > table > thead th .expand-tags:hover {
 +
  border-color: #344043;
 +
}
 +
#library-page .library-sequences > table > thead th .expand-tags {
 +
  padding-left: 3px;
 +
}
 +
#library-page .library-sequences > table > thead th .contract-tags {
 +
  padding-left: 1px;
 +
}
 +
#library-page .library-sequences > table > thead th .sort-options {
 +
  display: inline-block;
 +
  margin-left: 3px;
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-sequences > table > thead th .sort-options .glyphicon {
 +
  font-size: 12px;
 +
}
 +
#library-page .library-sequences > table > thead th .sort-option {
 +
  display: none;
 +
}
 +
#library-page .library-sequences > table > thead th .sort-option.active {
 +
  display: inline-block;
 +
}
 +
#library-page .library-sequences .library-sequence.selected {
 +
  background: #f2f6f8;
 +
}
 +
#library-page .library-sequences .library-sequence > td {
 +
  padding: 10px 5px 5px;
 +
  border-right: 1px solid #e8f0f2;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
#library-page .library-sequences .library-sequence > td:first-child {
 +
  border-left: 1px solid #e8f0f2;
 +
}
 +
#library-page .library-sequences .library-sequence .sequence-bases {
 +
  overflow-x: auto;
 +
}
 +
#library-page .library-sequences .library-sequence .sequence-color {
 +
  text-align: center;
 +
}
 +
#library-page .library-sequences .library-sequence .sequence-color .color-value {
 +
  cursor: pointer;
 +
  width: 25px;
 +
  height: 25px;
 +
  display: inline-block;
 +
}
 +
#library-page .library-sequences .library-sequence .editable {
 +
  display: none;
 +
}
 +
#library-page .library-sequences .library-sequence .editable .tag-help {
 +
  margin-top: 10px;
 +
}
 +
#library-page .library-sequences .library-sequence .editable input {
 +
  margin-bottom: 5px;
 +
}
 +
#library-page .library-sequences .library-sequence .editable button {
 +
  margin-right: 3px;
 +
}
 +
#library-page .library-sequences .library-sequence .editable textarea.sequence-input-desc {
 +
  resize: vertical;
 +
  margin-bottom: 5px;
 +
  min-height: 80px;
 +
}
 +
#library-page .library-sequences .file-tag {
 +
  cursor: pointer;
 +
}
 +
#library-page .library-sequences .file-tag:hover span {
 +
  background: #c9d8db;
 +
}
 +
#library-page .library-sequences .file-tag.selected {
 +
  border-color: #428ce1;
 +
}
 +
#library-page .library-sequences .file-tag.selected span {
 +
  border-color: #428ce1;
 +
}
 +
#library-page .library-sequences .file-tag.selected span,
 +
#library-page .library-sequences .file-tag:hover span {
 +
  color: white;
 +
}
 +
#library-page .library-sequences .file-tag.selected span:first-child,
 +
#library-page .library-sequences .file-tag:hover span:first-child {
 +
  color: #344043;
 +
  background: #e8f0f2;
 +
}
 +
#library-page .library-sequences .sequence-main {
 +
  position: relative;
 +
}
 +
#library-page .library-sequences .sequence-main h2 {
 +
  font-size: 14px;
 +
  line-height: normal;
 +
  margin: 0 0 5px;
 +
  font-weight: 500;
 +
}
 +
#library-page .library-sequences .sequence-main h2 a {
 +
  text-overflow: ellipsis;
 +
  overflow: hidden;
 +
  display: inline-block;
 +
  max-width: 100%;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-desc {
 +
  color: #344043;
 +
  margin: 1px 0 0 0;
 +
  padding: 4px;
 +
  font-size: 12px;
 +
  max-height: 130px;
 +
  overflow: hidden;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-desc .sequence-modified {
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-desc:hover {
 +
  background-color: #ffffff;
 +
  outline: 1px solid #428ce1;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-meta {
 +
  font-size: 12px;
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-meta .sequence-topology {
 +
  font-weight: 500;
 +
}
 +
#library-page .library-sequences .sequence-main:hover .non-editable .sequence-edit-options {
 +
  visibility: visible;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-edit-options {
 +
  display: inline-block;
 +
  margin-left: 10px;
 +
  visibility: hidden;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-edit-options a {
 +
  color: #c9d8db;
 +
  margin-left: 5px;
 +
}
 +
#library-page .library-sequences .sequence-main .sequence-edit-options a:hover {
 +
  color: #428ce1;
 +
}
 +
#library-page .library-sequences .sequence-main .non-editable {
 +
  position: relative;
 +
}
 +
#library-page .library-sequences .sequence-main .non-editable .sequence-name {
 +
  display: inline-block;
 +
}
 +
#library-page .library-sequences .sequence-main.editing .non-editable {
 +
  display: none;
 +
}
 +
#library-page .library-sequences .sequence-main.editing .editable {
 +
  display: block;
 +
}
 +
#library-page .library-sequences td.sequence-checkbox {
 +
  padding: 0;
 +
  vertical-align: middle;
 +
}
 +
#library-page .library-sequences td.sequence-checkbox div {
 +
  width: 100%;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
#library-page .library-sequences td.sequence-checkbox div input {
 +
  margin: 0;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -4px 0 0 -7px;
 +
}
 +
#library-page .library-sequences td.sequence-bases {
 +
  position: relative;
 +
}
 +
#library-page .library-sequences td.sequence-bases .mono {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  padding-left: 10px;
 +
}
 +
#library-page .library-sequences td.sequence-bases .bases-edit-buttons {
 +
  position: absolute;
 +
  right: 5px;
 +
  display: none;
 +
}
 +
#library-page .library-sequences td.sequence-bases .edit-button {
 +
  margin-top: -8px;
 +
}
 +
#library-page .library-sequences td.sequence-bases:hover .bases-edit-buttons {
 +
  display: inline-block;
 +
}
 +
#library-page .library-sequences td.sequence-bases .non-editable {
 +
  position: relative;
 +
}
 +
#library-page .library-sequences td.sequence-bases.editing .non-editable {
 +
  display: none;
 +
}
 +
#library-page .library-sequences td.sequence-bases.editing .editable {
 +
  display: block;
 +
}
 +
#library-page .library-sequences .file-tag {
 +
  font-size: 12px;
 +
}
 +
#library-page .library-sequences .sequence-bases .edit-form .row {
 +
  margin-left: 0px;
 +
  margin-right: 0px;
 +
}
 +
#library-page .library-sequences .sequence-bases .edit-form .col {
 +
  padding-left: 5px;
 +
  padding-right: 5px;
 +
}
 +
#library-page,
 +
#profile {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
#library-page h1,
 +
#profile h1,
 +
#library-page h2,
 +
#profile h2,
 +
#library-page .library-description,
 +
#profile .library-description {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
}
 +
#library-page .no-select,
 +
#profile .no-select {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
#library-page .profile-img,
 +
#profile .profile-img {
 +
  overflow: hidden;
 +
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
}
 +
#library-page .library-name,
 +
#profile .library-name {
 +
  font-size: 24px;
 +
  margin-top: 0;
 +
}
 +
#library-page .library-name .library-owner,
 +
#profile .library-name .library-owner {
 +
  color: #a2b9be;
 +
}
 +
#library-page .library-name a:hover,
 +
#profile .library-name a:hover {
 +
  color: #1a5aa3;
 +
}
 +
#library-page .profile-container,
 +
#profile .profile-container {
 +
  background: white;
 +
}
 +
.container-wide-nav {
 +
  background: #ffffff;
 +
  border-top: 1px solid #c9d8db;
 +
  border-bottom: 1px solid #c9d8db;
 +
  margin: 0;
 +
}
 +
.container-wide-nav .nav-tabs {
 +
  border-bottom: 0;
 +
}
 +
.container-wide-nav .nav > li > a {
 +
  padding-top: 7px;
 +
  padding-bottom: 7px;
 +
  border-width: 0 0 2px 0;
 +
  margin-bottom: -2px;
 +
  border-bottom-color: transparent;
 +
  margin-right: 0;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
}
 +
.container-wide-nav .nav > li > a:hover {
 +
  background: none;
 +
  border-width: 0 0 2px 0;
 +
}
 +
.container-wide-nav .nav > li > a .badge {
 +
  margin-left: 5px;
 +
  background: #e8f0f2;
 +
  color: #a2b9be;
 +
}
 +
.container-wide-nav .nav > li.active > a {
 +
  background: #f9fbfe;
 +
  color: #2c76cc;
 +
  font-weight: 500;
 +
  border-width: 0 0 2px 0;
 +
  border-bottom-color: #2c76cc;
 +
}
 +
.card-mixin {
 +
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  background: #fff;
 +
  padding: 20px;
 +
}
 +
.card-mixin .title {
 +
  font-size: 18px;
 +
  margin: 0 0 10px;
 +
  padding-bottom: 10px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
.card-mixin .sub-title {
 +
  margin-top: 30px;
 +
  margin-bottom: 5px;
 +
  border-bottom: none;
 +
  color: #344043;
 +
  text-transform: uppercase;
 +
  font-size: 14px;
 +
  letter-spacing: 0.05em;
 +
}
 +
#profile {
 +
  background: white;
 +
}
 +
#profile .base-container-wrapper {
 +
  background: white;
 +
}
 +
#profile .entity-meta {
 +
  display: table;
 +
  margin-bottom: 20px;
 +
}
 +
#profile .entity-meta .entity-meta-row {
 +
  display: table-row;
 +
}
 +
#profile .entity-meta .entity-avatar,
 +
#profile .entity-meta .entity-details {
 +
  display: table-cell;
 +
  vertical-align: top;
 +
}
 +
#profile .entity-meta .entity-avatar {
 +
  padding-right: 20px;
 +
}
 +
#profile .entity-meta .entity-avatar .avatar {
 +
  border-radius: 12px;
 +
  border: 2px solid #e8f0f2;
 +
}
 +
#profile .entity-meta .entity-details h1 {
 +
  font-size: 40px;
 +
  margin: 0 0 0;
 +
}
 +
#profile .entity-meta .entity-details .entity-handle {
 +
  margin-top: -5px;
 +
  margin-left: 10px;
 +
  font-size: 26px;
 +
  color: #a2b9be;
 +
}
 +
#profile .entity-meta .entity-details .entity-minor-details {
 +
  color: #a2b9be;
 +
  margin-top: 5px;
 +
}
 +
#profile .entity-meta .entity-details .entity-minor-details .bio-detail {
 +
  margin-right: 30px;
 +
  display: inline-block;
 +
}
 +
#profile .entity-meta .entity-details .entity-minor-details .bio-detail .bio-detail-inner {
 +
  white-space: nowrap;
 +
}
 +
#profile .entity-meta .entity-details .entity-minor-details .glyphicon {
 +
  margin-right: 5px;
 +
  color: #a2b9be;
 +
}
 +
#profile .entity-related-entities-label,
 +
#profile .entity-related-entities {
 +
  display: table-cell;
 +
  vertical-align: center;
 +
  padding-bottom: 10px;
 +
}
 +
#profile .entity-related-entities-label {
 +
  text-align: right;
 +
  font-weight: 500;
 +
  text-transform: uppercase;
 +
  padding-right: 20px;
 +
  font-size: 16px;
 +
}
 +
#profile .entity-related-entities-label .inner-label {
 +
  background: #e8f0f2;
 +
  border-radius: 2px;
 +
  color: #a2b9be;
 +
  padding: 3px 5px;
 +
}
 +
#profile .container-wide-nav .nav-tabs li {
 +
  text-align: center;
 +
}
 +
#profile .profile-tab-content {
 +
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  background: #fff;
 +
  padding: 20px;
 +
  margin-top: 20px;
 +
}
 +
#profile .profile-tab-content .title {
 +
  font-size: 18px;
 +
  margin: 0 0 10px;
 +
  padding-bottom: 10px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#profile .profile-tab-content .sub-title {
 +
  margin-top: 30px;
 +
  margin-bottom: 5px;
 +
  border-bottom: none;
 +
  color: #344043;
 +
  text-transform: uppercase;
 +
  font-size: 14px;
 +
  letter-spacing: 0.05em;
 +
}
 +
#profile .profile-latest-sequences {
 +
  display: table;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb {
 +
  display: table-cell;
 +
  vertical-align: bottom;
 +
  border: 2px solid #e8f0f2;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb:hover {
 +
  border-color: #428ce1;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb:hover .latest-thumb-inner .latest-thumb-overlay .folder-details {
 +
  display: block;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner {
 +
  position: relative;
 +
  min-height: 100px;
 +
}
 +
@media (max-width: 480px) {
 +
  #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner {
 +
    min-height: 50px;
 +
  }
 +
  #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay {
 +
    display: none;
 +
  }
 +
}
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  padding: 5px;
 +
  background: #e8f0f2;
 +
  color: #344043;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .latest-overlay-name,
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .folder-details {
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .latest-overlay-count {
 +
  float: right;
 +
  opacity: 0.7;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .folder-details {
 +
  display: none;
 +
  opacity: 0.7;
 +
}
 +
#profile .profile-latest-sequences .latest-thumb .latest-thumb-inner img {
 +
  width: 100%;
 +
  max-width: 250px;
 +
}
 +
#profile .profile-source {
 +
  background-color: #f8fbfb;
 +
  border-width: 5px 1px 1px;
 +
  border-color: transparent;
 +
  border-style: solid;
 +
  border-top-color: #e8f0f2;
 +
  -webkit-transition: border-color 0.1s ease-out;
 +
  transition: border-color 0.1s ease-out;
 +
  border-radius: 2px;
 +
  padding: 15px 20px 0;
 +
  min-height: 80px;
 +
}
 +
#profile .profile-source:hover {
 +
  border-color: #d8e5e9;
 +
  border-top-color: #428ce1;
 +
}
 +
#profile .profile-source:hover .profile-source-perms {
 +
  background: #428ce1;
 +
  color: white;
 +
}
 +
#profile .profile-source-name {
 +
  font-size: 24px;
 +
}
 +
#profile .profile-source-name a:hover {
 +
  color: #1a5aa3;
 +
  text-decoration: none;
 +
}
 +
#profile .profile-source-perms {
 +
  position: absolute;
 +
  top: -15px;
 +
  left: 50%;
 +
  text-align: center;
 +
  background: #428ce1;
 +
  color: #428ce1;
 +
  width: 30px;
 +
  height: 30px;
 +
  line-height: 30px;
 +
  margin-left: -15px;
 +
  border-radius: 15px;
 +
  -webkit-transition: background-color 0.1s ease-out;
 +
  transition: background-color 0.1s ease-out;
 +
}
 +
#profile .profile-source-perms.double {
 +
  width: 60px;
 +
  margin-left: -30px;
 +
}
 +
#profile .profile-source-perms.double .glyphicon:first-child {
 +
  margin-right: 5px;
 +
}
 +
#profile .profile-widget {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  margin-bottom: 10px;
 +
}
 +
#profile .profile-widget h3 {
 +
  margin: 10px 0 5px;
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
#profile .profile-widget h3 .sharing-icon {
 +
  font-size: 16px;
 +
  vertical-align: top;
 +
  margin-left: 10px;
 +
}
 +
#profile .profile-widget .profile-entity-list-item {
 +
  border-width: 2px;
 +
}
 +
#profile .profile-widget .profile-widget-modified {
 +
  float: right;
 +
  line-height: 25px;
 +
  margin-top: 2px;
 +
  color: #a2b9be;
 +
  font-size: 11px;
 +
}
 +
#profile .profile-widget .profile-widget-details {
 +
  float: right;
 +
  color: #a2b9be;
 +
}
 +
#profile .protocol-widget .profile-widget-details .glyphicon {
 +
  margin-right: 3px;
 +
}
 +
#tagger .alert {
 +
  margin-top: 20px;
 +
}
 +
#tagger .file-text-name {
 +
  line-height: 40px;
 +
}
 +
#tagger .help-message {
 +
  width: 300px;
 +
}
 +
#tagger .update-skip {
 +
  width: auto;
 +
}
 +
#tagger .skip {
 +
  background: #e8f0f2;
 +
  color: #a2b9be;
 +
}
 +
.profiles input[type="text"],
 +
.profiles input,
 +
.profiles select,
 +
.profiles textarea {
 +
  margin-bottom: 10px;
 +
  padding: 5px;
 +
}
 +
.profiles input[type=checkbox] {
 +
  margin-bottom: 0;
 +
}
 +
.profiles .input-group input[type="text"] {
 +
  margin-bottom: 0;
 +
}
 +
#featureLibraryHelpModal .definitions dt {
 +
  width: 50px;
 +
}
 +
#featureLibraryHelpModal .definitions dd {
 +
  margin-left: 70px;
 +
  margin-bottom: 10px;
 +
  font-weight: 400;
 +
}
 +
#featureLibraryHelpModal span.selected {
 +
  padding: 0px;
 +
  margin: 0px;
 +
  background-color: red;
 +
}
 +
#featureLibraryHelpModal .title {
 +
  font-size: 15px;
 +
  font-weight: 700;
 +
  margin: 0px;
 +
  padding: 0px;
 +
}
 +
#featureLibraryHelpModal .title dt {
 +
  width: 100px;
 +
  margin-bottom: 0px;
 +
}
 +
#featureLibraryHelpModal .title dd {
 +
  margin-left: 120px;
 +
  margin-bottom: 0px;
 +
}
 +
#featureLibraryHelpModal .matches {
 +
  padding-top: ;
 +
}
 +
#featureLibraryHelpModal .matches dt {
 +
  width: 100px;
 +
}
 +
#featureLibraryHelpModal .matches dd {
 +
  margin-left: 120px;
 +
  margin-bottom: 10px;
 +
  font-weight: 400;
 +
}
 +
h1 .btn,
 +
h2 .btn,
 +
h3 .btn {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif;
 +
}
 +
h1 .btn-group,
 +
h2 .btn-group,
 +
h3 .btn-group {
 +
  vertical-align: middle;
 +
  margin-left: 10px;
 +
}
 +
#home .home-news {
 +
  padding: 9px;
 +
}
 +
#home .home-news h2 {
 +
  margin-top: 0;
 +
}
 +
#home .home-news .latest {
 +
  margin-bottom: 5px;
 +
}
 +
#home .home-news .update-more {
 +
  font-size: 11px;
 +
}
 +
#home .home-news .blog-link {
 +
  color: #a2b9be;
 +
}
 +
#home .home-invite-form .alert {
 +
  padding: 5px 8px;
 +
  margin-bottom: 5px;
 +
}
 +
#home .quick-browse .sort-toggle {
 +
  float: right;
 +
}
 +
#home .quick-browse .sort-toggle button {
 +
  background: none;
 +
  border: none;
 +
  color: #a2b9be;
 +
  padding: 2px;
 +
}
 +
#home .quick-browse .sort-toggle button:hover {
 +
  color: #428ce1;
 +
}
 +
#home .quick-browse .sort-toggle button:focus {
 +
  outline: 0;
 +
}
 +
#home .quick-browse .quick-browse-header {
 +
  padding: 15px 5px 15px 10px;
 +
  border-width: 2px 1px 1px;
 +
  border-color: #428ce1 #e8f0f2 #e8f0f2;
 +
  border-top-right-radius: 3px;
 +
  border-top-left-radius: 3px;
 +
  border-style: solid;
 +
  font-size: 11px;
 +
  margin-bottom: 0;
 +
}
 +
#home .quick-browse .nav {
 +
  position: relative;
 +
}
 +
#home .quick-browse .nav li {
 +
  border-width: 0 1px 1px;
 +
  border-style: solid;
 +
  border-color: #e8f0f2;
 +
}
 +
#home .quick-browse .nav li:last-child {
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom-left-radius: 3px;
 +
}
 +
#home .quick-browse .nav li:hover {
 +
  background: #f9fbfe;
 +
}
 +
#home .quick-browse .nav li:hover .readonly-icon {
 +
  color: #344043;
 +
}
 +
#home .quick-browse .nav li .readonly-icon {
 +
  margin-top: 2px;
 +
  color: #a2b9be;
 +
}
 +
#home .quick-browse .nav li .icon {
 +
  left: 10px;
 +
}
 +
#home .quick-browse .nav li a {
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
#home .quick-browse .nav .collapse-toggle {
 +
  text-align: center;
 +
  background: white;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
  padding: 3px 0;
 +
}
 +
#home .quick-browse .nav .collapse-toggle a {
 +
  color: #a2b9be;
 +
}
 +
#home .quick-browse + .quick-browse {
 +
  margin-top: 30px;
 +
}
 +
#home .home-quick-links {
 +
  list-style: none;
 +
  padding: 0;
 +
  display: table;
 +
  margin-bottom: 30px;
 +
  border-collapse: collapse;
 +
}
 +
#home .home-quick-links li {
 +
  border: 1px solid #e8f0f2;
 +
  display: table-cell;
 +
  text-align: center;
 +
  width: 100px;
 +
}
 +
#home .home-quick-links li:hover {
 +
  border-bottom: 1px solid #428ce1;
 +
}
 +
@media (max-width: 991px) {
 +
  #home .home-quick-links li.hide-when-small {
 +
    display: none;
 +
  }
 +
}
 +
@media (max-width: 1199px) {
 +
  #home .home-quick-links li.hide-when-medium {
 +
    display: none;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  #home .home-quick-links li.hide-when-small,
 +
  #home .home-quick-links li.hide-when-medium {
 +
    display: table-cell;
 +
  }
 +
}
 +
#home .home-quick-links li a {
 +
  width: 100%;
 +
  display: block;
 +
  padding: 12px 4px;
 +
}
 +
#home .home-quick-links li a:hover {
 +
  text-decoration: none;
 +
}
 +
#home .home-quick-links li a:hover .quick-link-icon {
 +
  color: inherit;
 +
}
 +
#home .home-quick-links li .quick-link-icon {
 +
  margin-bottom: 5px;
 +
  color: #a2b9be;
 +
}
 +
#home .home-quick-links li p {
 +
  margin: 0;
 +
  line-height: 18px;
 +
}
 +
#home .home-recently-accessed col.home-recent-avatar {
 +
  width: 40px;
 +
}
 +
#home .home-recently-accessed col.home-recent-name {
 +
  width: 300px;
 +
}
 +
#home .home-recently-accessed td {
 +
  line-height: 25px;
 +
}
 +
#home .home-recently-accessed td.recent-access-type {
 +
  color: #a2b9be;
 +
  text-transform: uppercase;
 +
  font-size: 11px;
 +
}
 +
#home .home-recently-accessed td .delete-icon {
 +
  margin-left: 3px;
 +
}
 +
#home .home-recently-accessed td .delete-icon:hover {
 +
  color: #e96e51;
 +
}
 +
#home .home-recently-accessed td a.recent-name-link {
 +
  width: 300px;
 +
  display: inline-block;
 +
  overflow-wrap: break-word;
 +
}
 +
#home .home-recently-accessed .entity-info {
 +
  font-size: 11px;
 +
}
 +
#home .home-recently-accessed .entity-info a {
 +
  color: #a2b9be;
 +
}
 +
#home .home-recently-accessed .entity-info .not-saved {
 +
  font-weight: 500;
 +
}
 +
@media (max-width: 1199px) {
 +
  #home .home-recently-accessed col.home-recent-name,
 +
  #home .home-recently-accessed td a.recent-name-link {
 +
    width: 150px;
 +
  }
 +
}
 +
@media (max-width: 991px) {
 +
  #home .home-recently-accessed col.home-recent-name,
 +
  #home .home-recently-accessed td a.recent-name-link {
 +
    width: 200px;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  #home .home-recently-accessed col.home-recent-name,
 +
  #home .home-recently-accessed td a.recent-name-link {
 +
    width: 300px;
 +
  }
 +
}
 +
.single-sequence {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  padding: 8px;
 +
}
 +
.single-sequence:last-child {
 +
  border-bottom: none;
 +
}
 +
.single-sequence a {
 +
  display: block;
 +
}
 +
.single-sequence .sequence-name {
 +
  margin: 0 0 5px;
 +
  font-size: 18px;
 +
}
 +
.single-sequence .description {
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  color: #c9d8db;
 +
}
 +
.single-sequence .right-details {
 +
  float: right;
 +
  font-size: 13px;
 +
  margin-right: 6px;
 +
}
 +
.single-sequence .details,
 +
.single-sequence .right-details {
 +
  color: #a2b9be;
 +
}
 +
.single-sequence .description,
 +
.single-sequence .details {
 +
  font-size: 13px;
 +
  margin: 0;
 +
}
 +
.single-sequence .glyphicon-trash {
 +
  color: #e96e51;
 +
}
 +
.profile-selector {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  display: block;
 +
  margin: 10px 0;
 +
}
 +
.profile-selector .avatar {
 +
  border-radius: 12px;
 +
}
 +
.profile-selector .btn-handle {
 +
  width: 85%;
 +
  display: inline-block;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.profile-selector .handle {
 +
  font-size: 11px;
 +
}
 +
.profile-selector .avatar,
 +
.profile-selector .handle {
 +
  vertical-align: middle;
 +
  line-height: 22px;
 +
}
 +
.profile-selector .active-profile {
 +
  float: none;
 +
  height: 36px;
 +
  max-width: 100%;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.profile-selector .active-profile .caret {
 +
  margin-left: 5px;
 +
  margin-bottom: 0;
 +
}
 +
.profile-selector .dropdown-menu li a {
 +
  padding: 3px 10px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.profile-selector .dropdown-menu li .handle {
 +
  font-size: 11px;
 +
  font-weight: 500;
 +
}
 +
.profile-selector .dropdown-menu li .glyphicon-ok {
 +
  font-size: 12px;
 +
  margin-right: 5px;
 +
  color: white;
 +
}
 +
.profile-selector .dropdown-menu li:hover .glyphicon-ok {
 +
  visibility: hidden;
 +
}
 +
.profile-selector .dropdown-menu li.selected .glyphicon-ok {
 +
  color: #344043;
 +
}
 +
.profile-selector .dropdown-menu li:hover.selected .glyphicon-ok {
 +
  color: #344043;
 +
  visibility: visible;
 +
}
 +
.profile-frame table th {
 +
  font-weight: 500;
 +
}
 +
.profile-frame table th a:hover {
 +
  text-decoration: none;
 +
}
 +
.profile-frame h6 {
 +
  font-weight: 500;
 +
}
 +
.profile-frame .avatar-container {
 +
  position: absolute;
 +
  left: 4px;
 +
}
 +
.profile-frame div.panel {
 +
  border: 1px solid #bdc3c7;
 +
  padding: 0;
 +
}
 +
.profile-frame div.panel .panel-divider {
 +
  height: 0;
 +
  overflow: hidden;
 +
  border: none;
 +
  background: transparent;
 +
  border-bottom: 1px solid #c9d8db;
 +
  margin: 15px 0 10px;
 +
}
 +
.profile-frame div.panel div.row {
 +
  margin-bottom: 5px;
 +
}
 +
.profile-frame div.panel .panel-title {
 +
  color: #c9d8db;
 +
  padding: 0px 15px;
 +
  background: #ffffff;
 +
}
 +
.profile-frame div.panel .panel-title .col {
 +
  padding: 0;
 +
  border-bottom: 1px solid #bdc3c7;
 +
}
 +
.profile-frame div.panel .panel-title .col:not(:last-child) {
 +
  border-right: 1px solid #bdc3c7;
 +
}
 +
.profile-frame div.panel .panel-title .col.active {
 +
  border-bottom: none;
 +
}
 +
.profile-frame div.panel .panel-title .col:not(.active) {
 +
  background: #f8fafb;
 +
}
 +
.profile-frame div.panel h4 {
 +
  margin: 0;
 +
  font-size: 13px;
 +
  font-weight: 400;
 +
  padding: 8px 0;
 +
  text-align: center;
 +
  cursor: pointer;
 +
}
 +
.profile-frame div.panel .panel-container {
 +
  padding: 10px 15px 0;
 +
}
 +
.profile-frame div.panel .panel-container .row {
 +
  margin-bottom: 10px;
 +
}
 +
.profile-frame div.panel .panel-container .panel-divider:first-child {
 +
  margin-top: 0;
 +
}
 +
.profile-frame div.panel .panel-container .table th,
 +
.profile-frame div.panel .panel-container .table td {
 +
  font-weight: 400;
 +
}
 +
.profile-frame div.panel .panel-container .table th:first-child,
 +
.profile-frame div.panel .panel-container .table td:first-child {
 +
  text-align: left;
 +
}
 +
.profile-frame div.panel .panel-container .table th {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
.profile-frame div.panel .panel-container .table td {
 +
  border-top: 0;
 +
}
 +
.profile-frame div.panel .panel-container .table tr.active td {
 +
  background-color: #feefd1;
 +
}
 +
.profile-frame h1 .perms {
 +
  font-size: 0.5em;
 +
}
 +
.profile-frame h4 {
 +
  font-size: 18px;
 +
  text-align: left;
 +
  color: #344043;
 +
}
 +
.profile-frame h4 .glyphicon {
 +
  font-size: 14px;
 +
}
 +
.profile-frame .ownables .tab-panel {
 +
  margin-top: 30px;
 +
}
 +
.profile-frame .ownables .tab-panel .glyphicon-question-sign {
 +
  margin-left: 5px;
 +
  text-decoration: none;
 +
}
 +
.profile-frame .ownables .ape-import {
 +
  margin-left: 10px;
 +
}
 +
.profile-frame .ownables .create-new {
 +
  margin-bottom: 10px;
 +
}
 +
.profile-frame .ownables .create-new .btn-group {
 +
  margin-bottom: 10px;
 +
}
 +
.profile-frame .ownables .create-new .btn-group .btn {
 +
  line-height: 22px;
 +
}
 +
.profile-frame .ownables .create-new .btn-group .ownable-owner {
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
 +
  background: #b1c4c8;
 +
  padding: 0 6px;
 +
  border-radius: 2px;
 +
  margin-right: 5px;
 +
  font-weight: 500;
 +
  border: 1px solid #93aeb4;
 +
}
 +
.profile-frame .ownables .create-new .btn-group .ownable-owner .glyphicon {
 +
  margin-left: 3px;
 +
}
 +
.profile-frame .ownables .create-new .btn-group li.selected .ownable-owner,
 +
.profile-frame .ownables .create-new .btn-group .btn .ownable-owner {
 +
  background: #428ce1;
 +
  border-color: #2c7fde;
 +
}
 +
.profile-frame .ownables .create-new .btn-group .dropdown-menu a {
 +
  padding: 5px 10px;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.profile-frame .ownables .create-new .btn-group .dropdown-menu a:hover .ownable-owner {
 +
  text-shadow: none;
 +
  background: #428ce1;
 +
  border-color: #2c7fde;
 +
}
 +
.profile-frame .ownables .library-view h3 {
 +
  margin-top: 0;
 +
}
 +
.profile-frame .ownables .library-view .library-actions .select-all-checkbox {
 +
  padding: 10px;
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  width: 40px;
 +
}
 +
.profile-frame .ownables .library-view .library-actions .select-all-checkbox input {
 +
  margin: 8px;
 +
}
 +
.profile-frame .ownables .library-view .library-actions .actions {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
}
 +
.profile-frame .ownables .library-view .library-actions .actions .popover {
 +
  max-width: 200px;
 +
}
 +
.profile-frame .ownables .library-view .library-actions .actions .edit-submit {
 +
  width: 100%;
 +
}
 +
.profile-frame .ownables .library-view .library-actions .btn {
 +
  margin-right: 5px;
 +
}
 +
.profile-frame .ownables .library-view .library-list {
 +
  margin: 0 0 15px;
 +
  border: 1px solid #e8f0f2;
 +
  padding: 10px;
 +
}
 +
.profile-frame .ownables .library-view .library-list.non-writable col.library-checkbox {
 +
  width: 0;
 +
}
 +
.profile-frame .ownables .library-view .library-list.non-writable .library-checkbox input {
 +
  display: none;
 +
}
 +
.profile-frame .ownables .library-view .library-list col.name {
 +
  width: 200px;
 +
}
 +
.profile-frame .ownables .library-view .library-list col.match-type {
 +
  width: 100px;
 +
}
 +
.profile-frame .ownables .library-view .library-list col.type {
 +
  width: 130px;
 +
}
 +
.profile-frame .ownables .library-view .glyphicon-question-sign {
 +
  font-size: 14px;
 +
}
 +
.profile-frame .ownables .library-view .match_type {
 +
  margin-top: 1px;
 +
}
 +
.profile-frame .ownables .library-view table {
 +
  margin: 0;
 +
  table-layout: fixed;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.profile-frame .ownables .library-view table colgroup .library-checkbox {
 +
  width: 25px;
 +
}
 +
.profile-frame .ownables .library-view table colgroup .color {
 +
  width: 50px;
 +
}
 +
.profile-frame .ownables .library-view table colgroup .bases {
 +
  width: 60%;
 +
}
 +
.profile-frame .ownables .library-view table colgroup .close-option {
 +
  width: 5%;
 +
}
 +
.profile-frame .ownables .library-view table th span {
 +
  font-weight: 500;
 +
}
 +
.profile-frame .ownables .library-view table th span.comparator {
 +
  cursor: pointer;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.writable {
 +
  cursor: pointer;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.writable:hover {
 +
  background: #f8fbfb;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item td {
 +
  position: relative;
 +
  vertical-align: top;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item td.library-checkbox {
 +
  padding: 0;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item td.library-checkbox input {
 +
  margin: 8px;
 +
  height: 25px;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .name input {
 +
  margin-bottom: 8px;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper {
 +
  position: relative;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper .chooser {
 +
  position: absolute;
 +
  top: -35px;
 +
  left: -110px;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper .color-chooser {
 +
  background: white;
 +
  padding: 5px 0 0 5px;
 +
  border: 1px solid #e8f0f2;
 +
  list-style: none;
 +
  margin: 0;
 +
  width: 108px;
 +
  -webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3);
 +
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3);
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper .color-chooser li {
 +
  display: inline-block;
 +
  width: 20px;
 +
  height: 20px;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item td.bases div {
 +
  max-height: 68px;
 +
  overflow-y: auto;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item input[type=text],
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .btn,
 +
.profile-frame .ownables .library-view table .library-members tr.library-item textarea,
 +
.profile-frame .ownables .library-view table .library-members tr.library-item .chooser {
 +
  display: none;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing {
 +
  cursor: default;
 +
  background: #feefd1;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing .btn {
 +
  display: inline-block;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing input[type=text],
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing textarea,
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing .chooser {
 +
  display: block;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing .name span,
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing .type span,
 +
.profile-frame .ownables .library-view table .library-members tr.library-item.editing .bases div {
 +
  display: none;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr textarea {
 +
  height: 68px;
 +
}
 +
.profile-frame .ownables .library-view table .library-members tr .cancel {
 +
  margin-left: 5px;
 +
}
 +
.profile-frame .ownables .library-view table .library-members .color div {
 +
  width: 25px;
 +
  height: 25px;
 +
}
 +
.profile-frame .ownables .library-view .color-chooser {
 +
  list-style: none;
 +
  margin: 0 0 8px;
 +
  padding: 0;
 +
}
 +
.profile-frame .ownables .library-view .color-chooser li {
 +
  display: inline-block;
 +
  width: 20px;
 +
  height: 20px;
 +
  margin-right: 5px;
 +
  cursor: pointer;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.profile-frame .ownables .library-view .color-chooser li.active {
 +
  border-color: #344043;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .selected-list-name {
 +
  color: #428ce1;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container {
 +
  height: 255px;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container {
 +
  height: 293px;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container {
 +
  overflow-y: auto;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container::-webkit-scrollbar,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container::-webkit-scrollbar-track,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container:hover::-webkit-scrollbar-track,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container::-webkit-scrollbar-thumb,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzymes-list-container:hover::-webkit-scrollbar-thumb,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-container:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table tr {
 +
  cursor: pointer;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-disabled {
 +
  background: rgba(255, 255, 255, 0.5);
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table {
 +
  margin-bottom: 10px;
 +
  width: 100%;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table tr.active td,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table tr.active td {
 +
  background-color: #feefd1;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table td,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table td {
 +
  height: 31px;
 +
  padding: 5px 10px;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table td.mono,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table td.mono {
 +
  font-size: 13px;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table .remove,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table .remove {
 +
  text-align: right;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table .close,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table .close {
 +
  cursor: pointer;
 +
  display: none;
 +
}
 +
.profile-frame .ownables .enzyme-list-view .enzyme-list-table tr:hover .close,
 +
.profile-frame .ownables .enzyme-list-view .common-enzymes-table tr:hover .close {
 +
  display: inline;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .ladder-bands,
 +
.profile-frame .ownables .ladder-bands-view .preview {
 +
  height: 150px;
 +
  text-align: right;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .ladder-bands::-webkit-scrollbar,
 +
.profile-frame .ownables .ladder-bands-view .preview::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .ladder-bands::-webkit-scrollbar-track,
 +
.profile-frame .ownables .ladder-bands-view .preview::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .ladder-bands:hover::-webkit-scrollbar-track,
 +
.profile-frame .ownables .ladder-bands-view .preview:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .ladder-bands::-webkit-scrollbar-thumb,
 +
.profile-frame .ownables .ladder-bands-view .preview::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .ladder-bands:hover::-webkit-scrollbar-thumb,
 +
.profile-frame .ownables .ladder-bands-view .preview:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.profile-frame .ownables .ladder-bands-view .preview {
 +
  overflow-y: scroll;
 +
  border: 1px solid #e8f0f2;
 +
  padding: 5px;
 +
}
 +
.profile-frame .ownables .permissions {
 +
  margin: 10px 0 0;
 +
}
 +
.profile-frame .ownables .permissions td {
 +
  line-height: 38px;
 +
}
 +
.profile-frame .ownables .permissions .delete-collaborator {
 +
  line-height: inherit;
 +
}
 +
.profile-frame .ownables .permissions select {
 +
  margin: 5px 0 0 0;
 +
}
 +
.profile-frame .ownables .permissions .permissions-role {
 +
  width: 120px;
 +
}
 +
.profile-frame .ownables .permissions .permissions-del {
 +
  width: 20px;
 +
}
 +
.profile-frame .account-settings .profile-img {
 +
  margin: 0 0 10px;
 +
}
 +
.profile-frame .account-settings > .row {
 +
  margin-top: 20px;
 +
}
 +
.profile-frame .invite-form {
 +
  margin-top: 15px;
 +
}
 +
.profile-frame .nav-stacked {
 +
  margin-bottom: 15px;
 +
}
 +
.profile-frame .nav-stacked > li:hover a {
 +
  background: none;
 +
}
 +
.profile-frame .nav-stacked > li:hover .settings {
 +
  visibility: visible;
 +
}
 +
.profile-frame .nav-stacked > li .settings {
 +
  z-index: 2;
 +
  visibility: hidden;
 +
  padding-left: 5px;
 +
  color: #344043;
 +
}
 +
.profile-frame .nav-stacked > li .settings:hover {
 +
  color: #428ce1;
 +
}
 +
.profile-frame .nav-stacked > li a {
 +
  z-index: 1;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.profile-frame .api-keys .delete:hover {
 +
  color: #b94a48;
 +
  cursor: pointer;
 +
}
 +
.nav-stacked.nav-icons > li > a {
 +
  position: relative;
 +
  padding: 5px 5px 5px 30px;
 +
  margin-right: 0;
 +
}
 +
.nav-stacked.nav-icons > li > a.empty-message {
 +
  color: #a2b9be;
 +
  font-size: 13px;
 +
  padding: 5px 10px;
 +
  pointer-events: none;
 +
}
 +
.nav-stacked.nav-icons > li > a.empty-message:hover {
 +
  color: #a2b9be;
 +
}
 +
.nav-stacked.nav-icons > li > a.empty-message a {
 +
  color: #a2b9be;
 +
}
 +
.nav-stacked.nav-icons > li > a .icon {
 +
  font-size: 12px;
 +
  color: #a2b9be;
 +
  position: absolute;
 +
  left: 5px;
 +
  top: 8px;
 +
}
 +
.primer-import .primers {
 +
  height: 150px;
 +
}
 +
.primer-import .preview {
 +
  table-layout: fixed;
 +
}
 +
.primer-import .preview col.name {
 +
  width: 150px;
 +
}
 +
.primer-import .preview col.bases {
 +
  width: 230px;
 +
}
 +
.primer-import .preview td {
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.in-place-progress {
 +
  height: 20px;
 +
  width: 20px;
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
}
 +
.in-place-progress .spinner {
 +
  background: url('../img/spinner.gif') no-repeat center center transparent;
 +
  opacity: 0.5;
 +
}
 +
.in-place-progress .glyphicon {
 +
  color: #03c08d;
 +
}
 +
.in-place-progress .spinner,
 +
.in-place-progress .glyphicon {
 +
  width: inherit;
 +
  height: inherit;
 +
  display: none;
 +
}
 +
.in-place-progress.loading .spinner {
 +
  display: block;
 +
}
 +
.in-place-progress.done .glyphicon {
 +
  display: block;
 +
}
 +
#organizations .organizations-list {
 +
  margin-top: 10px;
 +
}
 +
#organizations .organizations-list a {
 +
  display: inline-block;
 +
}
 +
#organizations .organizations-list a.manage-button {
 +
  margin-left: 10px;
 +
}
 +
#organizations .organizations-list .leave-container {
 +
  margin-left: 5px;
 +
}
 +
#organizations .organizations-list .organization-name {
 +
  margin-left: 10px;
 +
  font-size: 16px;
 +
  line-height: 30px;
 +
}
 +
.organization-members .list-group-item {
 +
  padding: 5px 8px;
 +
}
 +
.organization-members .avatar {
 +
  border-radius: 20px;
 +
}
 +
.organization-members .handle {
 +
  margin-left: 10px;
 +
  font-size: 14px;
 +
}
 +
.organization-members .permission {
 +
  float: right;
 +
  width: 120px;
 +
  text-align: center;
 +
  line-height: 30px;
 +
}
 +
.organization-members .permission select {
 +
  width: auto;
 +
  height: 30px;
 +
}
 +
.organization-members .permission .close {
 +
  line-height: inherit;
 +
  padding: left: 10px;
 +
}
 +
#settings .collaborator-progress {
 +
  margin-bottom: 5px;
 +
}
 +
#settings .over-collaborator-limit {
 +
  padding: 5px 8px;
 +
}
 +
#profile .profile-entity-list-item,
 +
#settings .profile-entity-list-item {
 +
  display: inline-block;
 +
  margin: 0 10px 10px 0;
 +
  border: 5px solid white;
 +
  border-radius: 2px;
 +
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 +
}
 +
#profile .profile-entity-list-item img,
 +
#settings .profile-entity-list-item img {
 +
  border-radius: 2px;
 +
}
 +
#profile .profile-entity-list-item:hover,
 +
#settings .profile-entity-list-item:hover {
 +
  background: #428ce1;
 +
  border-color: #428ce1;
 +
}
 +
#permissions-help-modal h3 {
 +
  height: auto;
 +
}
 +
.popover.feature-library-demo {
 +
  margin-left: 20px;
 +
}
 +
.feedback button {
 +
  width: 100%;
 +
}
 +
.feedback textarea {
 +
  height: 150px;
 +
}
 +
.profile-information .disable-public {
 +
  margin-left: 10px;
 +
  font-weight: normal;
 +
}
 +
.profile-plan-information {
 +
  padding: 10px 20px;
 +
  margin-bottom: 10px;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.academic-verification .title {
 +
  color: #e8f0f2;
 +
  font-weight: 700;
 +
}
 +
.academic-verification .glyphicon-ok-circle {
 +
  margin-right: 10px;
 +
  color: #e8f0f2;
 +
}
 +
.academic-verification .activated .title {
 +
  color: #344043;
 +
}
 +
.academic-verification .activated .glyphicon-ok-circle {
 +
  color: #a2b9be;
 +
}
 +
.academic-verification .activated .glyphicon-ok-circle.ok {
 +
  color: #468847;
 +
}
 +
.academic-verification .list-group p {
 +
  margin: 5px 0 0;
 +
}
 +
.collaborator-search-container {
 +
  position: relative;
 +
}
 +
.collaborator-search-container .collaborator-suggestions {
 +
  position: absolute;
 +
  list-style: none;
 +
  overflow: auto;
 +
  background: white;
 +
  max-height: 150px;
 +
  top: 30px;
 +
  width: 100%;
 +
  padding-left: 0px;
 +
  z-index: 1;
 +
  border: 1px solid #a2b9be;
 +
}
 +
.collaborator-search-container .collaborator-suggestions::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.collaborator-search-container .collaborator-suggestions::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.collaborator-search-container .collaborator-suggestions:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.collaborator-search-container .collaborator-suggestions::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.collaborator-search-container .collaborator-suggestions:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.collaborator-search-container .collaborator-suggestions li {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  cursor: pointer;
 +
  padding: 5px;
 +
}
 +
.collaborator-search-container .collaborator-suggestions li span {
 +
  margin-left: 6px;
 +
  vertical-align: middle;
 +
}
 +
.collaborator-search-container .collaborator-suggestions li .suggestion-name {
 +
  color: #a2b9be;
 +
  margin-left: 10px;
 +
}
 +
.collaborator-search-container .collaborator-suggestions li:hover {
 +
  background: #428ce1;
 +
  color: white;
 +
}
 +
.collaborator-search-container .collaborator-suggestions li:hover .suggestion-name {
 +
  color: white;
 +
}
 +
svg .hide {
 +
  display: none !important;
 +
}
 +
svg .recognition-site {
 +
  stroke: none;
 +
  fill: blue;
 +
  fill-opacity: 0.2;
 +
}
 +
.circular-map {
 +
  font-family: "Inconsolata", "Courier New";
 +
}
 +
.circular-map .individual-ring {
 +
  font-family: "Inconsolata-SVG", "Inconsolata", "Courier New";
 +
}
 +
.circular-map .sequenceAxis,
 +
.circular-map .gapToRealAxis,
 +
.circular-map .proteinAxis {
 +
  font-size: 11px;
 +
}
 +
.circular-map .plasmid-label:hover line {
 +
  stroke-width: 1.5;
 +
}
 +
.circular-map .plasmid-label.selected-label .more-label,
 +
.circular-map .plasmid-label:hover .more-label {
 +
  font-weight: 900;
 +
}
 +
.circular-map .plasmid-label .indiv-label:hover,
 +
.circular-map .plasmid-label .indiv-label.selected-label {
 +
  font-weight: 900;
 +
}
 +
.slice {
 +
  font-family: "Inconsolata";
 +
}
 +
.slice .dna rect.container-hidden {
 +
  fill-opacity: 0;
 +
}
 +
.slice .sequenceAxis path.domain,
 +
.slice .gapToRealAxis path.domain,
 +
.slice .proteinAxis path.domain {
 +
  stroke: #bbb;
 +
  stroke-width: 1;
 +
}
 +
.slice .sequenceAxis text,
 +
.slice .gapToRealAxis text,
 +
.slice .proteinAxis text {
 +
  font-size: 12px;
 +
}
 +
.slice .sequenceAxis .tick line,
 +
.slice .gapToRealAxis .tick line,
 +
.slice .proteinAxis .tick line {
 +
  shape-rendering: crispEdges;
 +
  stroke: #aaa;
 +
  fill: transparent;
 +
}
 +
.slice .pamSite-line {
 +
  stroke-width: 1;
 +
  stroke: #aac2c7;
 +
}
 +
.slice .pamSite-score-label {
 +
  fill: white;
 +
  font-size: 12px;
 +
}
 +
.slice .cutSites .hover-cut-line {
 +
  stroke-width: 2;
 +
  stroke: #000000;
 +
}
 +
.slice .cutSites .mainLine {
 +
  stroke-width: 1;
 +
  stroke: #aac2c7;
 +
}
 +
.slice .cutSites .selected-cut {
 +
  font-weight: 600;
 +
}
 +
.slice .trim-line {
 +
  fill: none;
 +
  stroke-width: 3;
 +
  stroke: black;
 +
}
 +
.slice.mini-map .overhang {
 +
  display: none;
 +
}
 +
.slice.alignment .overhang {
 +
  display: none;
 +
}
 +
.buffer-tab:focus path.selection,
 +
.buffer-tab.focus path.selection,
 +
.buffer-tab:focus rect.selection,
 +
.buffer-tab.focus rect.selection {
 +
  fill: #feefd1;
 +
}
 +
.buffer-tab:focus path.selection.can-pcr,
 +
.buffer-tab.focus path.selection.can-pcr,
 +
.buffer-tab:focus rect.selection.can-pcr,
 +
.buffer-tab.focus rect.selection.can-pcr {
 +
  fill: #b0cff2;
 +
}
 +
.trim {
 +
  fill: #a2b9be;
 +
  opacity: 0.5;
 +
}
 +
.slice .label-line1,
 +
.circular-map .label-line1,
 +
.slice .label-line2,
 +
.circular-map .label-line2 {
 +
  stroke: #aac2c7;
 +
}
 +
.slice .map-cursor-line,
 +
.circular-map .map-cursor-line {
 +
  stroke-width: 1;
 +
  stroke: black;
 +
}
 +
.slice rect.selection,
 +
.circular-map rect.selection,
 +
.slice path.selection,
 +
.circular-map path.selection {
 +
  fill: #e8f0f2;
 +
}
 +
.slice rect.selection.can-pcr,
 +
.circular-map rect.selection.can-pcr,
 +
.slice path.selection.can-pcr,
 +
.circular-map path.selection.can-pcr {
 +
  fill: #e2eaf3;
 +
}
 +
.slice rect.selection.cant-edit,
 +
.circular-map rect.selection.cant-edit,
 +
.slice path.selection.cant-edit,
 +
.circular-map path.selection.cant-edit {
 +
  fill: #e9e8e6;
 +
}
 +
.slice .selection-hidden,
 +
.circular-map .selection-hidden {
 +
  fill-opacity: 0;
 +
}
 +
.slice .selection-line,
 +
.circular-map .selection-line {
 +
  stroke-width: 2;
 +
  stroke: black;
 +
}
 +
.slice .body-slice,
 +
.circular-map .body-slice {
 +
  fill-opacity: 0;
 +
  background: none;
 +
}
 +
.curve {
 +
  font: 10px;
 +
}
 +
.curve rect.band {
 +
  fill: #2ecc71;
 +
  fill-opacity: 0.5;
 +
}
 +
.curve .sequenceAxis path,
 +
.curve .sequenceAxis line {
 +
  fill: none;
 +
  stroke: #000;
 +
  shape-rendering: crispEdges;
 +
}
 +
.curve .line {
 +
  fill: none;
 +
  stroke: #428ce1;
 +
  stroke-width: 1.5px;
 +
}
 +
svg .annotations,
 +
svg .proteinAnnotations {
 +
  cursor: pointer;
 +
}
 +
svg .alignmentComments {
 +
  cursor: pointer;
 +
}
 +
svg .alignmentComments text {
 +
  cursor: pointer;
 +
}
 +
svg .primers {
 +
  cursor: pointer;
 +
}
 +
svg .forwardPrimers {
 +
  cursor: pointer;
 +
}
 +
svg .reversePrimers {
 +
  cursor: pointer;
 +
}
 +
svg .backTranslationSuggestions {
 +
  cursor: pointer;
 +
}
 +
svg .orfs {
 +
  cursor: pointer;
 +
}
 +
svg .pamSite:hover {
 +
  cursor: pointer;
 +
}
 +
svg .pamSite:hover .pamSite-score-label {
 +
  cursor: pointer;
 +
  font-weight: bold;
 +
}
 +
svg .pamSite:hover .pamSite-line,
 +
svg .pamSite:hover .pamSite-score-rect {
 +
  stroke: black;
 +
}
 +
svg .primerAssemblyMismatches {
 +
  cursor: pointer;
 +
}
 +
.circular-map .dna text {
 +
  cursor: text;
 +
}
 +
.circular-map .plasmid-label text {
 +
  cursor: pointer;
 +
}
 +
.circular-map .ring-label {
 +
  cursor: pointer;
 +
}
 +
.circular-map .select-handle {
 +
  cursor: ew-resize;
 +
}
 +
.slice .trim-line,
 +
.slice .trim-bracket {
 +
  cursor: ew-resize;
 +
}
 +
.slice .dna text,
 +
.slice .aminoAcids text {
 +
  cursor: text;
 +
}
 +
.slice .layer text {
 +
  cursor: pointer;
 +
}
 +
.slice .dna rect.container-hidden,
 +
.slice .aminoAcids rect.container-hidden {
 +
  cursor: text;
 +
}
 +
.slice .selection-line,
 +
.slice .cursor-triangle {
 +
  cursor: ew-resize;
 +
}
 +
.slice .cutSites text {
 +
  cursor: pointer;
 +
}
 +
.slice text,
 +
.circular-map text {
 +
  cursor: default;
 +
}
 +
svg text,
 +
svg foreignObject span {
 +
  cursor: text;
 +
}
 +
[contentEditable]:empty:after {
 +
  content: "\feff ";
 +
}
 +
@-moz-document url-prefix() {
 +
  #library-page .library-sequences-header table {
 +
    border-collapse: separate;
 +
    border-spacing: 0;
 +
  }
 +
  #library-page .library-sequences-body {
 +
    border-collapse: separate;
 +
    border-spacing: 0;
 +
  }
 +
  svg.slice text,
 +
  svg.slice tspan,
 +
  svg.slice rect.selection-hidden {
 +
    -moz-user-select: text;
 +
    cursor: text;
 +
  }
 +
  svg.slice text::-moz-selection,
 +
  svg.slice tspan::-moz-selection,
 +
  svg.slice rect.selection-hidden::-moz-selection {
 +
    background: none;
 +
  }
 +
  .mediocre-tableEditable table tr,
 +
  .mediocre-tableEditable table td {
 +
    height: 100% !important;
 +
  }
 +
}
 +
/*!
 +
*  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 +
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 +
*/
 +
/* FONT PATH
 +
* -------------------------- */
 +
.fa {
 +
  display: inline-block;
 +
  font-family: FontAwesome;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  line-height: 1;
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
 +
/* makes the font 33% larger relative to the icon container */
 +
.fa-lg {
 +
  font-size: 1.33333333em;
 +
  line-height: 0.75em;
 +
  vertical-align: -15%;
 +
}
 +
.fa-2x {
 +
  font-size: 2em;
 +
}
 +
.fa-3x {
 +
  font-size: 3em;
 +
}
 +
.fa-4x {
 +
  font-size: 4em;
 +
}
 +
.fa-5x {
 +
  font-size: 5em;
 +
}
 +
.fa-fw {
 +
  width: 1.28571429em;
 +
  text-align: center;
 +
}
 +
.fa-ul {
 +
  padding-left: 0;
 +
  margin-left: 2.14285714em;
 +
  list-style-type: none;
 +
}
 +
.fa-ul > li {
 +
  position: relative;
 +
}
 +
.fa-li {
 +
  position: absolute;
 +
  left: -2.14285714em;
 +
  width: 2.14285714em;
 +
  top: 0.14285714em;
 +
  text-align: center;
 +
}
 +
.fa-li.fa-lg {
 +
  left: -1.85714286em;
 +
}
 +
.fa-border {
 +
  padding: .2em .25em .15em;
 +
  border: solid 0.08em #eeeeee;
 +
  border-radius: .1em;
 +
}
 +
.pull-right {
 +
  float: right;
 +
}
 +
.pull-left {
 +
  float: left;
 +
}
 +
.fa.pull-left {
 +
  margin-right: .3em;
 +
}
 +
.fa.pull-right {
 +
  margin-left: .3em;
 +
}
 +
.fa-spin {
 +
  -webkit-animation: spin 2s infinite linear;
 +
  -moz-animation: spin 2s infinite linear;
 +
  -o-animation: spin 2s infinite linear;
 +
  animation: spin 2s infinite linear;
 +
}
 +
@-moz-keyframes spin {
 +
  0% {
 +
    -moz-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -moz-transform: rotate(359deg);
 +
  }
 +
}
 +
@-webkit-keyframes spin {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-transform: rotate(359deg);
 +
  }
 +
}
 +
@-o-keyframes spin {
 +
  0% {
 +
    -o-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -o-transform: rotate(359deg);
 +
  }
 +
}
 +
@keyframes spin {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-transform: rotate(359deg);
 +
    transform: rotate(359deg);
 +
  }
 +
}
 +
.fa-rotate-90 {
 +
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 +
  -webkit-transform: rotate(90deg);
 +
  -moz-transform: rotate(90deg);
 +
  -ms-transform: rotate(90deg);
 +
  -o-transform: rotate(90deg);
 +
  transform: rotate(90deg);
 +
}
 +
.fa-rotate-180 {
 +
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 +
  -webkit-transform: rotate(180deg);
 +
  -moz-transform: rotate(180deg);
 +
  -ms-transform: rotate(180deg);
 +
  -o-transform: rotate(180deg);
 +
  transform: rotate(180deg);
 +
}
 +
.fa-rotate-270 {
 +
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 +
  -webkit-transform: rotate(270deg);
 +
  -moz-transform: rotate(270deg);
 +
  -ms-transform: rotate(270deg);
 +
  -o-transform: rotate(270deg);
 +
  transform: rotate(270deg);
 +
}
 +
.fa-flip-horizontal {
 +
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
 +
  -webkit-transform: scale(-1, 1);
 +
  -moz-transform: scale(-1, 1);
 +
  -ms-transform: scale(-1, 1);
 +
  -o-transform: scale(-1, 1);
 +
  transform: scale(-1, 1);
 +
}
 +
.fa-flip-vertical {
 +
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
 +
  -webkit-transform: scale(1, -1);
 +
  -moz-transform: scale(1, -1);
 +
  -ms-transform: scale(1, -1);
 +
  -o-transform: scale(1, -1);
 +
  transform: scale(1, -1);
 +
}
 +
.fa-stack {
 +
  position: relative;
 +
  display: inline-block;
 +
  width: 2em;
 +
  height: 2em;
 +
  line-height: 2em;
 +
  vertical-align: middle;
 +
}
 +
.fa-stack-1x,
 +
.fa-stack-2x {
 +
  position: absolute;
 +
  left: 0;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
.fa-stack-1x {
 +
  line-height: inherit;
 +
}
 +
.fa-stack-2x {
 +
  font-size: 2em;
 +
}
 +
.fa-inverse {
 +
  color: #ffffff;
 +
}
 +
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 +
  readers do not read off random characters that represent icons */
 +
.fa-glass:before {
 +
  content: "\f000";
 +
}
 +
.fa-music:before {
 +
  content: "\f001";
 +
}
 +
.fa-search:before {
 +
  content: "\f002";
 +
}
 +
.fa-envelope-o:before {
 +
  content: "\f003";
 +
}
 +
.fa-heart:before {
 +
  content: "\f004";
 +
}
 +
.fa-star:before {
 +
  content: "\f005";
 +
}
 +
.fa-star-o:before {
 +
  content: "\f006";
 +
}
 +
.fa-user:before {
 +
  content: "\f007";
 +
}
 +
.fa-film:before {
 +
  content: "\f008";
 +
}
 +
.fa-th-large:before {
 +
  content: "\f009";
 +
}
 +
.fa-th:before {
 +
  content: "\f00a";
 +
}
 +
.fa-th-list:before {
 +
  content: "\f00b";
 +
}
 +
.fa-check:before {
 +
  content: "\f00c";
 +
}
 +
.fa-times:before {
 +
  content: "\f00d";
 +
}
 +
.fa-search-plus:before {
 +
  content: "\f00e";
 +
}
 +
.fa-search-minus:before {
 +
  content: "\f010";
 +
}
 +
.fa-power-off:before {
 +
  content: "\f011";
 +
}
 +
.fa-signal:before {
 +
  content: "\f012";
 +
}
 +
.fa-gear:before,
 +
.fa-cog:before {
 +
  content: "\f013";
 +
}
 +
.fa-trash-o:before {
 +
  content: "\f014";
 +
}
 +
.fa-home:before {
 +
  content: "\f015";
 +
}
 +
.fa-file-o:before {
 +
  content: "\f016";
 +
}
 +
.fa-clock-o:before {
 +
  content: "\f017";
 +
}
 +
.fa-road:before {
 +
  content: "\f018";
 +
}
 +
.fa-download:before {
 +
  content: "\f019";
 +
}
 +
.fa-arrow-circle-o-down:before {
 +
  content: "\f01a";
 +
}
 +
.fa-arrow-circle-o-up:before {
 +
  content: "\f01b";
 +
}
 +
.fa-inbox:before {
 +
  content: "\f01c";
 +
}
 +
.fa-play-circle-o:before {
 +
  content: "\f01d";
 +
}
 +
.fa-rotate-right:before,
 +
.fa-repeat:before {
 +
  content: "\f01e";
 +
}
 +
.fa-refresh:before {
 +
  content: "\f021";
 +
}
 +
.fa-list-alt:before {
 +
  content: "\f022";
 +
}
 +
.fa-lock:before {
 +
  content: "\f023";
 +
}
 +
.fa-flag:before {
 +
  content: "\f024";
 +
}
 +
.fa-headphones:before {
 +
  content: "\f025";
 +
}
 +
.fa-volume-off:before {
 +
  content: "\f026";
 +
}
 +
.fa-volume-down:before {
 +
  content: "\f027";
 +
}
 +
.fa-volume-up:before {
 +
  content: "\f028";
 +
}
 +
.fa-qrcode:before {
 +
  content: "\f029";
 +
}
 +
.fa-barcode:before {
 +
  content: "\f02a";
 +
}
 +
.fa-tag:before {
 +
  content: "\f02b";
 +
}
 +
.fa-tags:before {
 +
  content: "\f02c";
 +
}
 +
.fa-book:before {
 +
  content: "\f02d";
 +
}
 +
.fa-bookmark:before {
 +
  content: "\f02e";
 +
}
 +
.fa-print:before {
 +
  content: "\f02f";
 +
}
 +
.fa-camera:before {
 +
  content: "\f030";
 +
}
 +
.fa-font:before {
 +
  content: "\f031";
 +
}
 +
.fa-bold:before {
 +
  content: "\f032";
 +
}
 +
.fa-italic:before {
 +
  content: "\f033";
 +
}
 +
.fa-text-height:before {
 +
  content: "\f034";
 +
}
 +
.fa-text-width:before {
 +
  content: "\f035";
 +
}
 +
.fa-align-left:before {
 +
  content: "\f036";
 +
}
 +
.fa-align-center:before {
 +
  content: "\f037";
 +
}
 +
.fa-align-right:before {
 +
  content: "\f038";
 +
}
 +
.fa-align-justify:before {
 +
  content: "\f039";
 +
}
 +
.fa-list:before {
 +
  content: "\f03a";
 +
}
 +
.fa-dedent:before,
 +
.fa-outdent:before {
 +
  content: "\f03b";
 +
}
 +
.fa-indent:before {
 +
  content: "\f03c";
 +
}
 +
.fa-video-camera:before {
 +
  content: "\f03d";
 +
}
 +
.fa-photo:before,
 +
.fa-image:before,
 +
.fa-picture-o:before {
 +
  content: "\f03e";
 +
}
 +
.fa-pencil:before {
 +
  content: "\f040";
 +
}
 +
.fa-map-marker:before {
 +
  content: "\f041";
 +
}
 +
.fa-adjust:before {
 +
  content: "\f042";
 +
}
 +
.fa-tint:before {
 +
  content: "\f043";
 +
}
 +
.fa-edit:before,
 +
.fa-pencil-square-o:before {
 +
  content: "\f044";
 +
}
 +
.fa-share-square-o:before {
 +
  content: "\f045";
 +
}
 +
.fa-check-square-o:before {
 +
  content: "\f046";
 +
}
 +
.fa-arrows:before {
 +
  content: "\f047";
 +
}
 +
.fa-step-backward:before {
 +
  content: "\f048";
 +
}
 +
.fa-fast-backward:before {
 +
  content: "\f049";
 +
}
 +
.fa-backward:before {
 +
  content: "\f04a";
 +
}
 +
.fa-play:before {
 +
  content: "\f04b";
 +
}
 +
.fa-pause:before {
 +
  content: "\f04c";
 +
}
 +
.fa-stop:before {
 +
  content: "\f04d";
 +
}
 +
.fa-forward:before {
 +
  content: "\f04e";
 +
}
 +
.fa-fast-forward:before {
 +
  content: "\f050";
 +
}
 +
.fa-step-forward:before {
 +
  content: "\f051";
 +
}
 +
.fa-eject:before {
 +
  content: "\f052";
 +
}
 +
.fa-chevron-left:before {
 +
  content: "\f053";
 +
}
 +
.fa-chevron-right:before {
 +
  content: "\f054";
 +
}
 +
.fa-plus-circle:before {
 +
  content: "\f055";
 +
}
 +
.fa-minus-circle:before {
 +
  content: "\f056";
 +
}
 +
.fa-times-circle:before {
 +
  content: "\f057";
 +
}
 +
.fa-check-circle:before {
 +
  content: "\f058";
 +
}
 +
.fa-question-circle:before {
 +
  content: "\f059";
 +
}
 +
.fa-info-circle:before {
 +
  content: "\f05a";
 +
}
 +
.fa-crosshairs:before {
 +
  content: "\f05b";
 +
}
 +
.fa-times-circle-o:before {
 +
  content: "\f05c";
 +
}
 +
.fa-check-circle-o:before {
 +
  content: "\f05d";
 +
}
 +
.fa-ban:before {
 +
  content: "\f05e";
 +
}
 +
.fa-arrow-left:before {
 +
  content: "\f060";
 +
}
 +
.fa-arrow-right:before {
 +
  content: "\f061";
 +
}
 +
.fa-arrow-up:before {
 +
  content: "\f062";
 +
}
 +
.fa-arrow-down:before {
 +
  content: "\f063";
 +
}
 +
.fa-mail-forward:before,
 +
.fa-share:before {
 +
  content: "\f064";
 +
}
 +
.fa-expand:before {
 +
  content: "\f065";
 +
}
 +
.fa-compress:before {
 +
  content: "\f066";
 +
}
 +
.fa-plus:before {
 +
  content: "\f067";
 +
}
 +
.fa-minus:before {
 +
  content: "\f068";
 +
}
 +
.fa-asterisk:before {
 +
  content: "\f069";
 +
}
 +
.fa-exclamation-circle:before {
 +
  content: "\f06a";
 +
}
 +
.fa-gift:before {
 +
  content: "\f06b";
 +
}
 +
.fa-leaf:before {
 +
  content: "\f06c";
 +
}
 +
.fa-fire:before {
 +
  content: "\f06d";
 +
}
 +
.fa-eye:before {
 +
  content: "\f06e";
 +
}
 +
.fa-eye-slash:before {
 +
  content: "\f070";
 +
}
 +
.fa-warning:before,
 +
.fa-exclamation-triangle:before {
 +
  content: "\f071";
 +
}
 +
.fa-plane:before {
 +
  content: "\f072";
 +
}
 +
.fa-calendar:before {
 +
  content: "\f073";
 +
}
 +
.fa-random:before {
 +
  content: "\f074";
 +
}
 +
.fa-comment:before {
 +
  content: "\f075";
 +
}
 +
.fa-magnet:before {
 +
  content: "\f076";
 +
}
 +
.fa-chevron-up:before {
 +
  content: "\f077";
 +
}
 +
.fa-chevron-down:before {
 +
  content: "\f078";
 +
}
 +
.fa-retweet:before {
 +
  content: "\f079";
 +
}
 +
.fa-shopping-cart:before {
 +
  content: "\f07a";
 +
}
 +
.fa-folder:before {
 +
  content: "\f07b";
 +
}
 +
.fa-folder-open:before {
 +
  content: "\f07c";
 +
}
 +
.fa-arrows-v:before {
 +
  content: "\f07d";
 +
}
 +
.fa-arrows-h:before {
 +
  content: "\f07e";
 +
}
 +
.fa-bar-chart-o:before {
 +
  content: "\f080";
 +
}
 +
.fa-twitter-square:before {
 +
  content: "\f081";
 +
}
 +
.fa-facebook-square:before {
 +
  content: "\f082";
 +
}
 +
.fa-camera-retro:before {
 +
  content: "\f083";
 +
}
 +
.fa-key:before {
 +
  content: "\f084";
 +
}
 +
.fa-gears:before,
 +
.fa-cogs:before {
 +
  content: "\f085";
 +
}
 +
.fa-comments:before {
 +
  content: "\f086";
 +
}
 +
.fa-thumbs-o-up:before {
 +
  content: "\f087";
 +
}
 +
.fa-thumbs-o-down:before {
 +
  content: "\f088";
 +
}
 +
.fa-star-half:before {
 +
  content: "\f089";
 +
}
 +
.fa-heart-o:before {
 +
  content: "\f08a";
 +
}
 +
.fa-sign-out:before {
 +
  content: "\f08b";
 +
}
 +
.fa-linkedin-square:before {
 +
  content: "\f08c";
 +
}
 +
.fa-thumb-tack:before {
 +
  content: "\f08d";
 +
}
 +
.fa-external-link:before {
 +
  content: "\f08e";
 +
}
 +
.fa-sign-in:before {
 +
  content: "\f090";
 +
}
 +
.fa-trophy:before {
 +
  content: "\f091";
 +
}
 +
.fa-github-square:before {
 +
  content: "\f092";
 +
}
 +
.fa-upload:before {
 +
  content: "\f093";
 +
}
 +
.fa-lemon-o:before {
 +
  content: "\f094";
 +
}
 +
.fa-phone:before {
 +
  content: "\f095";
 +
}
 +
.fa-square-o:before {
 +
  content: "\f096";
 +
}
 +
.fa-bookmark-o:before {
 +
  content: "\f097";
 +
}
 +
.fa-phone-square:before {
 +
  content: "\f098";
 +
}
 +
.fa-twitter:before {
 +
  content: "\f099";
 +
}
 +
.fa-facebook:before {
 +
  content: "\f09a";
 +
}
 +
.fa-github:before {
 +
  content: "\f09b";
 +
}
 +
.fa-unlock:before {
 +
  content: "\f09c";
 +
}
 +
.fa-credit-card:before {
 +
  content: "\f09d";
 +
}
 +
.fa-rss:before {
 +
  content: "\f09e";
 +
}
 +
.fa-hdd-o:before {
 +
  content: "\f0a0";
 +
}
 +
.fa-bullhorn:before {
 +
  content: "\f0a1";
 +
}
 +
.fa-bell:before {
 +
  content: "\f0f3";
 +
}
 +
.fa-certificate:before {
 +
  content: "\f0a3";
 +
}
 +
.fa-hand-o-right:before {
 +
  content: "\f0a4";
 +
}
 +
.fa-hand-o-left:before {
 +
  content: "\f0a5";
 +
}
 +
.fa-hand-o-up:before {
 +
  content: "\f0a6";
 +
}
 +
.fa-hand-o-down:before {
 +
  content: "\f0a7";
 +
}
 +
.fa-arrow-circle-left:before {
 +
  content: "\f0a8";
 +
}
 +
.fa-arrow-circle-right:before {
 +
  content: "\f0a9";
 +
}
 +
.fa-arrow-circle-up:before {
 +
  content: "\f0aa";
 +
}
 +
.fa-arrow-circle-down:before {
 +
  content: "\f0ab";
 +
}
 +
.fa-globe:before {
 +
  content: "\f0ac";
 +
}
 +
.fa-wrench:before {
 +
  content: "\f0ad";
 +
}
 +
.fa-tasks:before {
 +
  content: "\f0ae";
 +
}
 +
.fa-filter:before {
 +
  content: "\f0b0";
 +
}
 +
.fa-briefcase:before {
 +
  content: "\f0b1";
 +
}
 +
.fa-arrows-alt:before {
 +
  content: "\f0b2";
 +
}
 +
.fa-group:before,
 +
.fa-users:before {
 +
  content: "\f0c0";
 +
}
 +
.fa-chain:before,
 +
.fa-link:before {
 +
  content: "\f0c1";
 +
}
 +
.fa-cloud:before {
 +
  content: "\f0c2";
 +
}
 +
.fa-flask:before {
 +
  content: "\f0c3";
 +
}
 +
.fa-cut:before,
 +
.fa-scissors:before {
 +
  content: "\f0c4";
 +
}
 +
.fa-copy:before,
 +
.fa-files-o:before {
 +
  content: "\f0c5";
 +
}
 +
.fa-paperclip:before {
 +
  content: "\f0c6";
 +
}
 +
.fa-save:before,
 +
.fa-floppy-o:before {
 +
  content: "\f0c7";
 +
}
 +
.fa-square:before {
 +
  content: "\f0c8";
 +
}
 +
.fa-navicon:before,
 +
.fa-reorder:before,
 +
.fa-bars:before {
 +
  content: "\f0c9";
 +
}
 +
.fa-list-ul:before {
 +
  content: "\f0ca";
 +
}
 +
.fa-list-ol:before {
 +
  content: "\f0cb";
 +
}
 +
.fa-strikethrough:before {
 +
  content: "\f0cc";
 +
}
 +
.fa-underline:before {
 +
  content: "\f0cd";
 +
}
 +
.fa-table:before {
 +
  content: "\f0ce";
 +
}
 +
.fa-magic:before {
 +
  content: "\f0d0";
 +
}
 +
.fa-truck:before {
 +
  content: "\f0d1";
 +
}
 +
.fa-pinterest:before {
 +
  content: "\f0d2";
 +
}
 +
.fa-pinterest-square:before {
 +
  content: "\f0d3";
 +
}
 +
.fa-google-plus-square:before {
 +
  content: "\f0d4";
 +
}
 +
.fa-google-plus:before {
 +
  content: "\f0d5";
 +
}
 +
.fa-money:before {
 +
  content: "\f0d6";
 +
}
 +
.fa-caret-down:before {
 +
  content: "\f0d7";
 +
}
 +
.fa-caret-up:before {
 +
  content: "\f0d8";
 +
}
 +
.fa-caret-left:before {
 +
  content: "\f0d9";
 +
}
 +
.fa-caret-right:before {
 +
  content: "\f0da";
 +
}
 +
.fa-columns:before {
 +
  content: "\f0db";
 +
}
 +
.fa-unsorted:before,
 +
.fa-sort:before {
 +
  content: "\f0dc";
 +
}
 +
.fa-sort-down:before,
 +
.fa-sort-desc:before {
 +
  content: "\f0dd";
 +
}
 +
.fa-sort-up:before,
 +
.fa-sort-asc:before {
 +
  content: "\f0de";
 +
}
 +
.fa-envelope:before {
 +
  content: "\f0e0";
 +
}
 +
.fa-linkedin:before {
 +
  content: "\f0e1";
 +
}
 +
.fa-rotate-left:before,
 +
.fa-undo:before {
 +
  content: "\f0e2";
 +
}
 +
.fa-legal:before,
 +
.fa-gavel:before {
 +
  content: "\f0e3";
 +
}
 +
.fa-dashboard:before,
 +
.fa-tachometer:before {
 +
  content: "\f0e4";
 +
}
 +
.fa-comment-o:before {
 +
  content: "\f0e5";
 +
}
 +
.fa-comments-o:before {
 +
  content: "\f0e6";
 +
}
 +
.fa-flash:before,
 +
.fa-bolt:before {
 +
  content: "\f0e7";
 +
}
 +
.fa-sitemap:before {
 +
  content: "\f0e8";
 +
}
 +
.fa-umbrella:before {
 +
  content: "\f0e9";
 +
}
 +
.fa-paste:before,
 +
.fa-clipboard:before {
 +
  content: "\f0ea";
 +
}
 +
.fa-lightbulb-o:before {
 +
  content: "\f0eb";
 +
}
 +
.fa-exchange:before {
 +
  content: "\f0ec";
 +
}
 +
.fa-cloud-download:before {
 +
  content: "\f0ed";
 +
}
 +
.fa-cloud-upload:before {
 +
  content: "\f0ee";
 +
}
 +
.fa-user-md:before {
 +
  content: "\f0f0";
 +
}
 +
.fa-stethoscope:before {
 +
  content: "\f0f1";
 +
}
 +
.fa-suitcase:before {
 +
  content: "\f0f2";
 +
}
 +
.fa-bell-o:before {
 +
  content: "\f0a2";
 +
}
 +
.fa-coffee:before {
 +
  content: "\f0f4";
 +
}
 +
.fa-cutlery:before {
 +
  content: "\f0f5";
 +
}
 +
.fa-file-text-o:before {
 +
  content: "\f0f6";
 +
}
 +
.fa-building-o:before {
 +
  content: "\f0f7";
 +
}
 +
.fa-hospital-o:before {
 +
  content: "\f0f8";
 +
}
 +
.fa-ambulance:before {
 +
  content: "\f0f9";
 +
}
 +
.fa-medkit:before {
 +
  content: "\f0fa";
 +
}
 +
.fa-fighter-jet:before {
 +
  content: "\f0fb";
 +
}
 +
.fa-beer:before {
 +
  content: "\f0fc";
 +
}
 +
.fa-h-square:before {
 +
  content: "\f0fd";
 +
}
 +
.fa-plus-square:before {
 +
  content: "\f0fe";
 +
}
 +
.fa-angle-double-left:before {
 +
  content: "\f100";
 +
}
 +
.fa-angle-double-right:before {
 +
  content: "\f101";
 +
}
 +
.fa-angle-double-up:before {
 +
  content: "\f102";
 +
}
 +
.fa-angle-double-down:before {
 +
  content: "\f103";
 +
}
 +
.fa-angle-left:before {
 +
  content: "\f104";
 +
}
 +
.fa-angle-right:before {
 +
  content: "\f105";
 +
}
 +
.fa-angle-up:before {
 +
  content: "\f106";
 +
}
 +
.fa-angle-down:before {
 +
  content: "\f107";
 +
}
 +
.fa-desktop:before {
 +
  content: "\f108";
 +
}
 +
.fa-laptop:before {
 +
  content: "\f109";
 +
}
 +
.fa-tablet:before {
 +
  content: "\f10a";
 +
}
 +
.fa-mobile-phone:before,
 +
.fa-mobile:before {
 +
  content: "\f10b";
 +
}
 +
.fa-circle-o:before {
 +
  content: "\f10c";
 +
}
 +
.fa-quote-left:before {
 +
  content: "\f10d";
 +
}
 +
.fa-quote-right:before {
 +
  content: "\f10e";
 +
}
 +
.fa-spinner:before {
 +
  content: "\f110";
 +
}
 +
.fa-circle:before {
 +
  content: "\f111";
 +
}
 +
.fa-mail-reply:before,
 +
.fa-reply:before {
 +
  content: "\f112";
 +
}
 +
.fa-github-alt:before {
 +
  content: "\f113";
 +
}
 +
.fa-folder-o:before {
 +
  content: "\f114";
 +
}
 +
.fa-folder-open-o:before {
 +
  content: "\f115";
 +
}
 +
.fa-smile-o:before {
 +
  content: "\f118";
 +
}
 +
.fa-frown-o:before {
 +
  content: "\f119";
 +
}
 +
.fa-meh-o:before {
 +
  content: "\f11a";
 +
}
 +
.fa-gamepad:before {
 +
  content: "\f11b";
 +
}
 +
.fa-keyboard-o:before {
 +
  content: "\f11c";
 +
}
 +
.fa-flag-o:before {
 +
  content: "\f11d";
 +
}
 +
.fa-flag-checkered:before {
 +
  content: "\f11e";
 +
}
 +
.fa-terminal:before {
 +
  content: "\f120";
 +
}
 +
.fa-code:before {
 +
  content: "\f121";
 +
}
 +
.fa-mail-reply-all:before,
 +
.fa-reply-all:before {
 +
  content: "\f122";
 +
}
 +
.fa-star-half-empty:before,
 +
.fa-star-half-full:before,
 +
.fa-star-half-o:before {
 +
  content: "\f123";
 +
}
 +
.fa-location-arrow:before {
 +
  content: "\f124";
 +
}
 +
.fa-crop:before {
 +
  content: "\f125";
 +
}
 +
.fa-code-fork:before {
 +
  content: "\f126";
 +
}
 +
.fa-unlink:before,
 +
.fa-chain-broken:before {
 +
  content: "\f127";
 +
}
 +
.fa-question:before {
 +
  content: "\f128";
 +
}
 +
.fa-info:before {
 +
  content: "\f129";
 +
}
 +
.fa-exclamation:before {
 +
  content: "\f12a";
 +
}
 +
.fa-superscript:before {
 +
  content: "\f12b";
 +
}
 +
.fa-subscript:before {
 +
  content: "\f12c";
 +
}
 +
.fa-eraser:before {
 +
  content: "\f12d";
 +
}
 +
.fa-puzzle-piece:before {
 +
  content: "\f12e";
 +
}
 +
.fa-microphone:before {
 +
  content: "\f130";
 +
}
 +
.fa-microphone-slash:before {
 +
  content: "\f131";
 +
}
 +
.fa-shield:before {
 +
  content: "\f132";
 +
}
 +
.fa-calendar-o:before {
 +
  content: "\f133";
 +
}
 +
.fa-fire-extinguisher:before {
 +
  content: "\f134";
 +
}
 +
.fa-rocket:before {
 +
  content: "\f135";
 +
}
 +
.fa-maxcdn:before {
 +
  content: "\f136";
 +
}
 +
.fa-chevron-circle-left:before {
 +
  content: "\f137";
 +
}
 +
.fa-chevron-circle-right:before {
 +
  content: "\f138";
 +
}
 +
.fa-chevron-circle-up:before {
 +
  content: "\f139";
 +
}
 +
.fa-chevron-circle-down:before {
 +
  content: "\f13a";
 +
}
 +
.fa-html5:before {
 +
  content: "\f13b";
 +
}
 +
.fa-css3:before {
 +
  content: "\f13c";
 +
}
 +
.fa-anchor:before {
 +
  content: "\f13d";
 +
}
 +
.fa-unlock-alt:before {
 +
  content: "\f13e";
 +
}
 +
.fa-bullseye:before {
 +
  content: "\f140";
 +
}
 +
.fa-ellipsis-h:before {
 +
  content: "\f141";
 +
}
 +
.fa-ellipsis-v:before {
 +
  content: "\f142";
 +
}
 +
.fa-rss-square:before {
 +
  content: "\f143";
 +
}
 +
.fa-play-circle:before {
 +
  content: "\f144";
 +
}
 +
.fa-ticket:before {
 +
  content: "\f145";
 +
}
 +
.fa-minus-square:before {
 +
  content: "\f146";
 +
}
 +
.fa-minus-square-o:before {
 +
  content: "\f147";
 +
}
 +
.fa-level-up:before {
 +
  content: "\f148";
 +
}
 +
.fa-level-down:before {
 +
  content: "\f149";
 +
}
 +
.fa-check-square:before {
 +
  content: "\f14a";
 +
}
 +
.fa-pencil-square:before {
 +
  content: "\f14b";
 +
}
 +
.fa-external-link-square:before {
 +
  content: "\f14c";
 +
}
 +
.fa-share-square:before {
 +
  content: "\f14d";
 +
}
 +
.fa-compass:before {
 +
  content: "\f14e";
 +
}
 +
.fa-toggle-down:before,
 +
.fa-caret-square-o-down:before {
 +
  content: "\f150";
 +
}
 +
.fa-toggle-up:before,
 +
.fa-caret-square-o-up:before {
 +
  content: "\f151";
 +
}
 +
.fa-toggle-right:before,
 +
.fa-caret-square-o-right:before {
 +
  content: "\f152";
 +
}
 +
.fa-euro:before,
 +
.fa-eur:before {
 +
  content: "\f153";
 +
}
 +
.fa-gbp:before {
 +
  content: "\f154";
 +
}
 +
.fa-dollar:before,
 +
.fa-usd:before {
 +
  content: "\f155";
 +
}
 +
.fa-rupee:before,
 +
.fa-inr:before {
 +
  content: "\f156";
 +
}
 +
.fa-cny:before,
 +
.fa-rmb:before,
 +
.fa-yen:before,
 +
.fa-jpy:before {
 +
  content: "\f157";
 +
}
 +
.fa-ruble:before,
 +
.fa-rouble:before,
 +
.fa-rub:before {
 +
  content: "\f158";
 +
}
 +
.fa-won:before,
 +
.fa-krw:before {
 +
  content: "\f159";
 +
}
 +
.fa-bitcoin:before,
 +
.fa-btc:before {
 +
  content: "\f15a";
 +
}
 +
.fa-file:before {
 +
  content: "\f15b";
 +
}
 +
.fa-file-text:before {
 +
  content: "\f15c";
 +
}
 +
.fa-sort-alpha-asc:before {
 +
  content: "\f15d";
 +
}
 +
.fa-sort-alpha-desc:before {
 +
  content: "\f15e";
 +
}
 +
.fa-sort-amount-asc:before {
 +
  content: "\f160";
 +
}
 +
.fa-sort-amount-desc:before {
 +
  content: "\f161";
 +
}
 +
.fa-sort-numeric-asc:before {
 +
  content: "\f162";
 +
}
 +
.fa-sort-numeric-desc:before {
 +
  content: "\f163";
 +
}
 +
.fa-thumbs-up:before {
 +
  content: "\f164";
 +
}
 +
.fa-thumbs-down:before {
 +
  content: "\f165";
 +
}
 +
.fa-youtube-square:before {
 +
  content: "\f166";
 +
}
 +
.fa-youtube:before {
 +
  content: "\f167";
 +
}
 +
.fa-xing:before {
 +
  content: "\f168";
 +
}
 +
.fa-xing-square:before {
 +
  content: "\f169";
 +
}
 +
.fa-youtube-play:before {
 +
  content: "\f16a";
 +
}
 +
.fa-dropbox:before {
 +
  content: "\f16b";
 +
}
 +
.fa-stack-overflow:before {
 +
  content: "\f16c";
 +
}
 +
.fa-instagram:before {
 +
  content: "\f16d";
 +
}
 +
.fa-flickr:before {
 +
  content: "\f16e";
 +
}
 +
.fa-adn:before {
 +
  content: "\f170";
 +
}
 +
.fa-bitbucket:before {
 +
  content: "\f171";
 +
}
 +
.fa-bitbucket-square:before {
 +
  content: "\f172";
 +
}
 +
.fa-tumblr:before {
 +
  content: "\f173";
 +
}
 +
.fa-tumblr-square:before {
 +
  content: "\f174";
 +
}
 +
.fa-long-arrow-down:before {
 +
  content: "\f175";
 +
}
 +
.fa-long-arrow-up:before {
 +
  content: "\f176";
 +
}
 +
.fa-long-arrow-left:before {
 +
  content: "\f177";
 +
}
 +
.fa-long-arrow-right:before {
 +
  content: "\f178";
 +
}
 +
.fa-apple:before {
 +
  content: "\f179";
 +
}
 +
.fa-windows:before {
 +
  content: "\f17a";
 +
}
 +
.fa-android:before {
 +
  content: "\f17b";
 +
}
 +
.fa-linux:before {
 +
  content: "\f17c";
 +
}
 +
.fa-dribbble:before {
 +
  content: "\f17d";
 +
}
 +
.fa-skype:before {
 +
  content: "\f17e";
 +
}
 +
.fa-foursquare:before {
 +
  content: "\f180";
 +
}
 +
.fa-trello:before {
 +
  content: "\f181";
 +
}
 +
.fa-female:before {
 +
  content: "\f182";
 +
}
 +
.fa-male:before {
 +
  content: "\f183";
 +
}
 +
.fa-gittip:before {
 +
  content: "\f184";
 +
}
 +
.fa-sun-o:before {
 +
  content: "\f185";
 +
}
 +
.fa-moon-o:before {
 +
  content: "\f186";
 +
}
 +
.fa-archive:before {
 +
  content: "\f187";
 +
}
 +
.fa-bug:before {
 +
  content: "\f188";
 +
}
 +
.fa-vk:before {
 +
  content: "\f189";
 +
}
 +
.fa-weibo:before {
 +
  content: "\f18a";
 +
}
 +
.fa-renren:before {
 +
  content: "\f18b";
 +
}
 +
.fa-pagelines:before {
 +
  content: "\f18c";
 +
}
 +
.fa-stack-exchange:before {
 +
  content: "\f18d";
 +
}
 +
.fa-arrow-circle-o-right:before {
 +
  content: "\f18e";
 +
}
 +
.fa-arrow-circle-o-left:before {
 +
  content: "\f190";
 +
}
 +
.fa-toggle-left:before,
 +
.fa-caret-square-o-left:before {
 +
  content: "\f191";
 +
}
 +
.fa-dot-circle-o:before {
 +
  content: "\f192";
 +
}
 +
.fa-wheelchair:before {
 +
  content: "\f193";
 +
}
 +
.fa-vimeo-square:before {
 +
  content: "\f194";
 +
}
 +
.fa-turkish-lira:before,
 +
.fa-try:before {
 +
  content: "\f195";
 +
}
 +
.fa-plus-square-o:before {
 +
  content: "\f196";
 +
}
 +
.fa-space-shuttle:before {
 +
  content: "\f197";
 +
}
 +
.fa-slack:before {
 +
  content: "\f198";
 +
}
 +
.fa-envelope-square:before {
 +
  content: "\f199";
 +
}
 +
.fa-wordpress:before {
 +
  content: "\f19a";
 +
}
 +
.fa-openid:before {
 +
  content: "\f19b";
 +
}
 +
.fa-institution:before,
 +
.fa-bank:before,
 +
.fa-university:before {
 +
  content: "\f19c";
 +
}
 +
.fa-mortar-board:before,
 +
.fa-graduation-cap:before {
 +
  content: "\f19d";
 +
}
 +
.fa-yahoo:before {
 +
  content: "\f19e";
 +
}
 +
.fa-google:before {
 +
  content: "\f1a0";
 +
}
 +
.fa-reddit:before {
 +
  content: "\f1a1";
 +
}
 +
.fa-reddit-square:before {
 +
  content: "\f1a2";
 +
}
 +
.fa-stumbleupon-circle:before {
 +
  content: "\f1a3";
 +
}
 +
.fa-stumbleupon:before {
 +
  content: "\f1a4";
 +
}
 +
.fa-delicious:before {
 +
  content: "\f1a5";
 +
}
 +
.fa-digg:before {
 +
  content: "\f1a6";
 +
}
 +
.fa-pied-piper-square:before,
 +
.fa-pied-piper:before {
 +
  content: "\f1a7";
 +
}
 +
.fa-pied-piper-alt:before {
 +
  content: "\f1a8";
 +
}
 +
.fa-drupal:before {
 +
  content: "\f1a9";
 +
}
 +
.fa-joomla:before {
 +
  content: "\f1aa";
 +
}
 +
.fa-language:before {
 +
  content: "\f1ab";
 +
}
 +
.fa-fax:before {
 +
  content: "\f1ac";
 +
}
 +
.fa-building:before {
 +
  content: "\f1ad";
 +
}
 +
.fa-child:before {
 +
  content: "\f1ae";
 +
}
 +
.fa-paw:before {
 +
  content: "\f1b0";
 +
}
 +
.fa-spoon:before {
 +
  content: "\f1b1";
 +
}
 +
.fa-cube:before {
 +
  content: "\f1b2";
 +
}
 +
.fa-cubes:before {
 +
  content: "\f1b3";
 +
}
 +
.fa-behance:before {
 +
  content: "\f1b4";
 +
}
 +
.fa-behance-square:before {
 +
  content: "\f1b5";
 +
}
 +
.fa-steam:before {
 +
  content: "\f1b6";
 +
}
 +
.fa-steam-square:before {
 +
  content: "\f1b7";
 +
}
 +
.fa-recycle:before {
 +
  content: "\f1b8";
 +
}
 +
.fa-automobile:before,
 +
.fa-car:before {
 +
  content: "\f1b9";
 +
}
 +
.fa-cab:before,
 +
.fa-taxi:before {
 +
  content: "\f1ba";
 +
}
 +
.fa-tree:before {
 +
  content: "\f1bb";
 +
}
 +
.fa-spotify:before {
 +
  content: "\f1bc";
 +
}
 +
.fa-deviantart:before {
 +
  content: "\f1bd";
 +
}
 +
.fa-soundcloud:before {
 +
  content: "\f1be";
 +
}
 +
.fa-database:before {
 +
  content: "\f1c0";
 +
}
 +
.fa-file-pdf-o:before {
 +
  content: "\f1c1";
 +
}
 +
.fa-file-word-o:before {
 +
  content: "\f1c2";
 +
}
 +
.fa-file-excel-o:before {
 +
  content: "\f1c3";
 +
}
 +
.fa-file-powerpoint-o:before {
 +
  content: "\f1c4";
 +
}
 +
.fa-file-photo-o:before,
 +
.fa-file-picture-o:before,
 +
.fa-file-image-o:before {
 +
  content: "\f1c5";
 +
}
 +
.fa-file-zip-o:before,
 +
.fa-file-archive-o:before {
 +
  content: "\f1c6";
 +
}
 +
.fa-file-sound-o:before,
 +
.fa-file-audio-o:before {
 +
  content: "\f1c7";
 +
}
 +
.fa-file-movie-o:before,
 +
.fa-file-video-o:before {
 +
  content: "\f1c8";
 +
}
 +
.fa-file-code-o:before {
 +
  content: "\f1c9";
 +
}
 +
.fa-vine:before {
 +
  content: "\f1ca";
 +
}
 +
.fa-codepen:before {
 +
  content: "\f1cb";
 +
}
 +
.fa-jsfiddle:before {
 +
  content: "\f1cc";
 +
}
 +
.fa-life-bouy:before,
 +
.fa-life-saver:before,
 +
.fa-support:before,
 +
.fa-life-ring:before {
 +
  content: "\f1cd";
 +
}
 +
.fa-circle-o-notch:before {
 +
  content: "\f1ce";
 +
}
 +
.fa-ra:before,
 +
.fa-rebel:before {
 +
  content: "\f1d0";
 +
}
 +
.fa-ge:before,
 +
.fa-empire:before {
 +
  content: "\f1d1";
 +
}
 +
.fa-git-square:before {
 +
  content: "\f1d2";
 +
}
 +
.fa-git:before {
 +
  content: "\f1d3";
 +
}
 +
.fa-hacker-news:before {
 +
  content: "\f1d4";
 +
}
 +
.fa-tencent-weibo:before {
 +
  content: "\f1d5";
 +
}
 +
.fa-qq:before {
 +
  content: "\f1d6";
 +
}
 +
.fa-wechat:before,
 +
.fa-weixin:before {
 +
  content: "\f1d7";
 +
}
 +
.fa-send:before,
 +
.fa-paper-plane:before {
 +
  content: "\f1d8";
 +
}
 +
.fa-send-o:before,
 +
.fa-paper-plane-o:before {
 +
  content: "\f1d9";
 +
}
 +
.fa-history:before {
 +
  content: "\f1da";
 +
}
 +
.fa-circle-thin:before {
 +
  content: "\f1db";
 +
}
 +
.fa-header:before {
 +
  content: "\f1dc";
 +
}
 +
.fa-paragraph:before {
 +
  content: "\f1dd";
 +
}
 +
.fa-sliders:before {
 +
  content: "\f1de";
 +
}
 +
.fa-share-alt:before {
 +
  content: "\f1e0";
 +
}
 +
.fa-share-alt-square:before {
 +
  content: "\f1e1";
 +
}
 +
.fa-bomb:before {
 +
  content: "\f1e2";
 +
}
 +
/*
 +
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
 +
*/
 +
.select2-container {
 +
  margin: 0;
 +
  position: relative;
 +
  display: inline-block;
 +
  /* inline-block for ie7 */
 +
  zoom: 1;
 +
  *display: inline;
 +
  vertical-align: middle;
 +
}
 +
.select2-container,
 +
.select2-drop,
 +
.select2-search,
 +
.select2-search input {
 +
  /*
 +
    Force border-box so that % widths fit the parent
 +
    container without overlap because of margin/padding.
 +
    More Info : http://www.quirksmode.org/css/box.html
 +
  */
 +
  -webkit-box-sizing: border-box;
 +
  /* webkit */
 +
  -moz-box-sizing: border-box;
 +
  /* firefox */
 +
  box-sizing: border-box;
 +
  /* css3 */
 +
}
 +
.select2-container .select2-choice {
 +
  display: block;
 +
  height: 26px;
 +
  padding: 0 0 0 8px;
 +
  overflow: hidden;
 +
  position: relative;
 +
  border: 1px solid #c9d8db;
 +
  white-space: nowrap;
 +
  line-height: 26px;
 +
  color: #344043;
 +
  text-decoration: none;
 +
  border-radius: 4px;
 +
  background-clip: padding-box;
 +
  -webkit-touch-callout: none;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
  background-color: #fff;
 +
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
 +
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
 +
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ECF0F1', GradientType=0);
 +
  background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
 +
}
 +
html[dir="rtl"] .select2-container .select2-choice {
 +
  padding: 0 8px 0 0;
 +
}
 +
.select2-container.select2-drop-above .select2-choice {
 +
  border-bottom-color: #c9d8db;
 +
  border-radius: 0 0 4px 4px;
 +
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ecf0f1), color-stop(0.9, #ffffff));
 +
  background-image: -webkit-linear-gradient(center bottom, #ecf0f1 0%, #ffffff 90%);
 +
  background-image: -moz-linear-gradient(center bottom, #ecf0f1 0%, #ffffff 90%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ECF0F1', GradientType=0);
 +
  background-image: linear-gradient(to bottom, #ecf0f1 0%, #ffffff 90%);
 +
}
 +
.select2-container.select2-allowclear .select2-choice .select2-chosen {
 +
  margin-right: 42px;
 +
}
 +
.select2-container .select2-choice > .select2-chosen {
 +
  margin-right: 26px;
 +
  display: block;
 +
  overflow: hidden;
 +
  white-space: nowrap;
 +
  text-overflow: ellipsis;
 +
  float: none;
 +
  width: auto;
 +
}
 +
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
 +
  margin-left: 26px;
 +
  margin-right: 0;
 +
}
 +
.select2-container .select2-choice abbr {
 +
  display: none;
 +
  width: 12px;
 +
  height: 12px;
 +
  position: absolute;
 +
  right: 24px;
 +
  top: 8px;
 +
  font-size: 1px;
 +
  text-decoration: none;
 +
  border: 0;
 +
  background: url('../lib/select2/select2.png') right top no-repeat;
 +
  cursor: pointer;
 +
  outline: 0;
 +
}
 +
.select2-container.select2-allowclear .select2-choice abbr {
 +
  display: inline-block;
 +
}
 +
.select2-container .select2-choice abbr:hover {
 +
  background-position: right -11px;
 +
  cursor: pointer;
 +
}
 +
.select2-drop-mask {
 +
  border: 0;
 +
  margin: 0;
 +
  padding: 0;
 +
  position: fixed;
 +
  left: 0;
 +
  top: 0;
 +
  min-height: 100%;
 +
  min-width: 100%;
 +
  height: auto;
 +
  width: auto;
 +
  opacity: 0;
 +
  z-index: 9998;
 +
  /* styles required for IE to work */
 +
  background-color: #fff;
 +
  filter: alpha(opacity=0);
 +
}
 +
.select2-drop {
 +
  width: 100%;
 +
  margin-top: -1px;
 +
  position: absolute;
 +
  z-index: 9999;
 +
  top: 100%;
 +
  background: #fff;
 +
  color: #344043;
 +
  border: 1px solid #c9d8db;
 +
  border-top: 0;
 +
  border-radius: 0 0 4px 4px;
 +
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
 +
}
 +
.select2-drop.select2-drop-above {
 +
  margin-top: 1px;
 +
  border-top: 1px solid #aaa;
 +
  border-bottom: 0;
 +
  border-radius: 4px 4px 0 0;
 +
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
 +
}
 +
.select2-drop-active {
 +
  border: 1px solid #428ce1;
 +
  border-top: none;
 +
}
 +
.select2-drop.select2-drop-above.select2-drop-active {
 +
  border-top: 1px solid #428ce1;
 +
}
 +
.select2-drop-auto-width {
 +
  border-top: 1px solid #c9d8db;
 +
  width: auto;
 +
}
 +
.select2-drop-auto-width .select2-search {
 +
  padding-top: 4px;
 +
}
 +
.select2-container .select2-choice .select2-arrow {
 +
  display: inline-block;
 +
  width: 18px;
 +
  height: 100%;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
  border-left: 1px solid #c9d8db;
 +
  border-radius: 0 4px 4px 0;
 +
  background-clip: padding-box;
 +
  background: #c9d8db;
 +
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ecf0f1), color-stop(0.6, #ecf0f1));
 +
  background-image: -webkit-linear-gradient(center bottom, #c9d8db 0%, #ecf0f1 60%);
 +
  background-image: -moz-linear-gradient(center bottom, #c9d8db 0%, #ecf0f1 60%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF0F1', endColorstr='#C9D8DB', GradientType=0);
 +
  background-image: linear-gradient(to top, #c9d8db 0%, #ecf0f1 60%);
 +
}
 +
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
 +
  left: 0;
 +
  right: auto;
 +
  border-left: none;
 +
  border-right: 1px solid #c9d8db;
 +
  border-radius: 4px 0 0 4px;
 +
}
 +
.select2-container .select2-choice .select2-arrow b {
 +
  display: block;
 +
  width: 100%;
 +
  height: 100%;
 +
  background: url('../lib/select2/select2.png') no-repeat 0 1px;
 +
}
 +
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
 +
  background-position: 2px 1px;
 +
}
 +
.select2-search {
 +
  display: inline-block;
 +
  width: 100%;
 +
  min-height: 26px;
 +
  margin: 0;
 +
  padding-left: 4px;
 +
  padding-right: 4px;
 +
  position: relative;
 +
  z-index: 10000;
 +
  white-space: nowrap;
 +
}
 +
.select2-search input {
 +
  width: 100%;
 +
  height: auto !important;
 +
  min-height: 26px;
 +
  padding: 4px 20px 4px 5px;
 +
  margin: 0;
 +
  outline: 0;
 +
  font-family: sans-serif;
 +
  font-size: 1em;
 +
  border: 1px solid #aaa;
 +
  border-radius: 0;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  background: #ffffff url('../lib/select2/select2.png') no-repeat 100% -22px;
 +
  background: url('../lib/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #ecf0f1));
 +
  background: url('../lib/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%);
 +
  background: url('../lib/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%);
 +
  background: url('../lib/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #ecf0f1 99%) 0 0;
 +
}
 +
html[dir="rtl"] .select2-search input {
 +
  padding: 4px 5px 4px 20px;
 +
  background: #ffffff url('../lib/select2/select2.png') no-repeat -37px -22px;
 +
  background: url('../lib/select2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #ecf0f1));
 +
  background: url('../lib/select2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%);
 +
  background: url('../lib/select2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%);
 +
  background: url('../lib/select2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #ffffff 85%, #ecf0f1 99%) 0 0;
 +
}
 +
.select2-drop.select2-drop-above .select2-search input {
 +
  margin-top: 4px;
 +
}
 +
.select2-search input.select2-active {
 +
  background: #ffffff url('../lib/select2/select2-spinner.gif') no-repeat 100%;
 +
  background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #ecf0f1));
 +
  background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%);
 +
  background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%);
 +
  background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #ecf0f1 99%) 0 0;
 +
}
 +
.select2-container-active .select2-choice,
 +
.select2-container-active .select2-choices {
 +
  border: 1px solid #428ce1;
 +
  outline: none;
 +
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 +
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 +
}
 +
.select2-dropdown-open .select2-choice {
 +
  border-bottom-color: transparent;
 +
  -webkit-box-shadow: 0 1px 0 #fff inset;
 +
  box-shadow: 0 1px 0 #fff inset;
 +
  border-bottom-left-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
  background-color: #e8f0f2;
 +
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #ecf0f1));
 +
  background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #ecf0f1 50%);
 +
  background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #ecf0f1 50%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF0F1', endColorstr='#ffffff', GradientType=0);
 +
  background-image: linear-gradient(to top, #ffffff 0%, #ecf0f1 50%);
 +
}
 +
.select2-dropdown-open.select2-drop-above .select2-choice,
 +
.select2-dropdown-open.select2-drop-above .select2-choices {
 +
  border: 1px solid #428ce1;
 +
  border-top-color: transparent;
 +
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #ecf0f1));
 +
  background-image: -webkit-linear-gradient(center top, #ffffff 0%, #ecf0f1 50%);
 +
  background-image: -moz-linear-gradient(center top, #ffffff 0%, #ecf0f1 50%);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF0F1', endColorstr='#ffffff', GradientType=0);
 +
  background-image: linear-gradient(to bottom, #ffffff 0%, #ecf0f1 50%);
 +
}
 +
.select2-dropdown-open .select2-choice .select2-arrow {
 +
  background: transparent;
 +
  border-left: none;
 +
  filter: none;
 +
}
 +
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
 +
  border-right: none;
 +
}
 +
.select2-dropdown-open .select2-choice .select2-arrow b {
 +
  background-position: -18px 1px;
 +
}
 +
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
 +
  background-position: -16px 1px;
 +
}
 +
.select2-hidden-accessible {
 +
  border: 0;
 +
  clip: rect(0 0 0 0);
 +
  height: 1px;
 +
  margin: -1px;
 +
  overflow: hidden;
 +
  padding: 0;
 +
  position: absolute;
 +
  width: 1px;
 +
}
 +
/* results */
 +
.select2-results {
 +
  max-height: 200px;
 +
  padding: 0 0 0 4px;
 +
  margin: 4px 4px 4px 0;
 +
  position: relative;
 +
  overflow-x: hidden;
 +
  overflow-y: auto;
 +
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 +
}
 +
html[dir="rtl"] .select2-results {
 +
  padding: 0 4px 0 0;
 +
  margin: 4px 0 4px 4px;
 +
}
 +
.select2-results ul.select2-result-sub {
 +
  margin: 0;
 +
  padding-left: 0;
 +
}
 +
.select2-results li {
 +
  list-style: none;
 +
  display: list-item;
 +
  background-image: none;
 +
}
 +
.select2-results li.select2-result-with-children > .select2-result-label {
 +
  font-weight: bold;
 +
}
 +
.select2-results .select2-result-label {
 +
  padding: 3px 7px 4px;
 +
  margin: 0;
 +
  cursor: pointer;
 +
  min-height: 1em;
 +
  -webkit-touch-callout: none;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
}
 +
.select2-results-dept-1 .select2-result-label {
 +
  padding-left: 20px;
 +
}
 +
.select2-results-dept-2 .select2-result-label {
 +
  padding-left: 40px;
 +
}
 +
.select2-results-dept-3 .select2-result-label {
 +
  padding-left: 60px;
 +
}
 +
.select2-results-dept-4 .select2-result-label {
 +
  padding-left: 80px;
 +
}
 +
.select2-results-dept-5 .select2-result-label {
 +
  padding-left: 100px;
 +
}
 +
.select2-results-dept-6 .select2-result-label {
 +
  padding-left: 110px;
 +
}
 +
.select2-results-dept-7 .select2-result-label {
 +
  padding-left: 120px;
 +
}
 +
.select2-results .select2-highlighted {
 +
  background: #3875d7;
 +
  color: #fff;
 +
}
 +
.select2-results li em {
 +
  background: #feffde;
 +
  font-style: normal;
 +
}
 +
.select2-results .select2-highlighted em {
 +
  background: transparent;
 +
}
 +
.select2-results .select2-highlighted ul {
 +
  background: #fff;
 +
  color: #344043;
 +
}
 +
.select2-results .select2-no-results,
 +
.select2-results .select2-searching,
 +
.select2-results .select2-ajax-error,
 +
.select2-results .select2-selection-limit {
 +
  background: #f8fafb;
 +
  display: list-item;
 +
  padding-left: 5px;
 +
}
 +
/*
 +
disabled look for disabled choices in the results dropdown
 +
*/
 +
.select2-results .select2-disabled.select2-highlighted {
 +
  color: #5c7c83;
 +
  background: #f8fafb;
 +
  display: list-item;
 +
  cursor: default;
 +
}
 +
.select2-results .select2-disabled {
 +
  background: #f8fafb;
 +
  display: list-item;
 +
  cursor: default;
 +
}
 +
.select2-results .select2-selected {
 +
  display: none;
 +
}
 +
.select2-more-results.select2-active {
 +
  background: #f8fafb url('../lib/select2/select2-spinner.gif') no-repeat 100%;
 +
}
 +
.select2-results .select2-ajax-error {
 +
  background: rgba(255, 50, 50, 0.2);
 +
}
 +
.select2-more-results {
 +
  background: #f8fafb;
 +
  display: list-item;
 +
}
 +
/* disabled styles */
 +
.select2-container.select2-container-disabled .select2-choice {
 +
  background-color: #f8fafb;
 +
  background-image: none;
 +
  border: 1px solid #c9d8db;
 +
  cursor: default;
 +
}
 +
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
 +
  background-color: #f8fafb;
 +
  background-image: none;
 +
  border-left: 0;
 +
}
 +
.select2-container.select2-container-disabled .select2-choice abbr {
 +
  display: none;
 +
}
 +
/* multiselect */
 +
.select2-container-multi .select2-choices {
 +
  height: auto !important;
 +
  height: 1%;
 +
  margin: 0;
 +
  padding: 0 5px 0 0;
 +
  position: relative;
 +
  border: 1px solid #c9d8db;
 +
  cursor: text;
 +
  overflow: hidden;
 +
  background-color: #fff;
 +
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ecf0f1), color-stop(15%, #ffffff));
 +
  background-image: -webkit-linear-gradient(top, #ecf0f1 1%, #ffffff 15%);
 +
  background-image: -moz-linear-gradient(top, #ecf0f1 1%, #ffffff 15%);
 +
  background-image: linear-gradient(to bottom, #ecf0f1 1%, #ffffff 15%);
 +
}
 +
html[dir="rtl"] .select2-container-multi .select2-choices {
 +
  padding: 0 0 0 5px;
 +
}
 +
.select2-locked {
 +
  padding: 3px 5px 3px 5px !important;
 +
}
 +
.select2-container-multi .select2-choices {
 +
  min-height: 26px;
 +
}
 +
.select2-container-multi.select2-container-active .select2-choices {
 +
  border: 1px solid #428ce1;
 +
  outline: none;
 +
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 +
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 +
}
 +
.select2-container-multi .select2-choices li {
 +
  float: left;
 +
  list-style: none;
 +
}
 +
html[dir="rtl"] .select2-container-multi .select2-choices li {
 +
  float: right;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-field {
 +
  margin: 0;
 +
  padding: 0;
 +
  white-space: nowrap;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-field input {
 +
  padding: 5px;
 +
  margin: 1px 0;
 +
  font-family: sans-serif;
 +
  font-size: 100%;
 +
  color: #5c7c83;
 +
  outline: 0;
 +
  border: 0;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  background: transparent !important;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
 +
  background: #ffffff url('../lib/select2/select2-spinner.gif') no-repeat 100% !important;
 +
}
 +
.select2-default {
 +
  color: #a2b9be !important;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-choice {
 +
  padding: 3px 5px 3px 18px;
 +
  margin: 3px 0 3px 5px;
 +
  position: relative;
 +
  line-height: 13px;
 +
  color: #344043;
 +
  cursor: default;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 +
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
 +
  background-clip: padding-box;
 +
  -webkit-touch-callout: none;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  user-select: none;
 +
  background-color: #e8f0f2;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
 +
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
 +
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
 +
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
 +
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
 +
}
 +
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
 +
  margin: 3px 5px 3px 0;
 +
  padding: 3px 18px 3px 5px;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
 +
  cursor: default;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-choice-focus {
 +
  background: #c9d8db;
 +
}
 +
.select2-search-choice-close {
 +
  display: block;
 +
  width: 12px;
 +
  height: 13px;
 +
  position: absolute;
 +
  right: 3px;
 +
  top: 4px;
 +
  font-size: 1px;
 +
  outline: none;
 +
  background: url('../lib/select2/select2.png') right top no-repeat;
 +
}
 +
html[dir="rtl"] .select2-search-choice-close {
 +
  right: auto;
 +
  left: 3px;
 +
}
 +
.select2-container-multi .select2-search-choice-close {
 +
  left: 3px;
 +
}
 +
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
 +
  left: auto;
 +
  right: 2px;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
 +
  background-position: right -11px;
 +
}
 +
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
 +
  background-position: right -11px;
 +
}
 +
/* disabled styles */
 +
.select2-container-multi.select2-container-disabled .select2-choices {
 +
  background-color: #f8fafb;
 +
  background-image: none;
 +
  border: 1px solid #c9d8db;
 +
  cursor: default;
 +
}
 +
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
 +
  padding: 3px 5px 3px 5px;
 +
  border: 1px solid #c9d8db;
 +
  background-image: none;
 +
  background-color: #f8fafb;
 +
}
 +
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
 +
  display: none;
 +
  background: none;
 +
}
 +
/* end multiselect */
 +
.select2-result-selectable .select2-match,
 +
.select2-result-unselectable .select2-match {
 +
  text-decoration: underline;
 +
}
 +
.select2-offscreen,
 +
.select2-offscreen:focus {
 +
  clip: rect(0 0 0 0) !important;
 +
  width: 1px !important;
 +
  height: 1px !important;
 +
  border: 0 !important;
 +
  margin: 0 !important;
 +
  padding: 0 !important;
 +
  overflow: hidden !important;
 +
  position: absolute !important;
 +
  outline: 0 !important;
 +
  left: 0px !important;
 +
  top: 0px !important;
 +
}
 +
.select2-display-none {
 +
  display: none;
 +
}
 +
.select2-measure-scrollbar {
 +
  position: absolute;
 +
  top: -10000px;
 +
  left: -10000px;
 +
  width: 100px;
 +
  height: 100px;
 +
  overflow: scroll;
 +
}
 +
.select2-measure-scrollbar::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.select2-measure-scrollbar::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.select2-measure-scrollbar:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.select2-measure-scrollbar::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.select2-measure-scrollbar:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
/* Retina-ize icons */
 +
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
 +
  .select2-search input,
 +
  .select2-search-choice-close,
 +
  .select2-container .select2-choice abbr,
 +
  .select2-container .select2-choice .select2-arrow b {
 +
    background-image: url('../lib/select2/select2x2.png') !important;
 +
    background-repeat: no-repeat !important;
 +
    background-size: 60px 40px !important;
 +
  }
 +
  .select2-search input {
 +
    background-position: 100% -21px !important;
 +
  }
 +
}
 +
.link-item {
 +
  padding: 0 5px;
 +
}
 +
.link-item .link-icon,
 +
.link-item .link-name {
 +
  line-height: 30px;
 +
}
 +
.link-item .link-icon {
 +
  padding: 0 5px;
 +
  margin-right: 5px;
 +
  color: white;
 +
  vertical-align: text-top;
 +
}
 +
.link-item .glyphicon,
 +
.link-item i {
 +
  top: 0;
 +
}
 +
.link-item .link-name {
 +
  display: inline-block;
 +
  vertical-align: text-top;
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  width: 87%;
 +
}
 +
.add-note .link-suggestions {
 +
  padding: 0;
 +
  list-style: none;
 +
  border-left: 1px solid #e8f0f2;
 +
}
 +
.add-note .link-suggestions .link-item:not(.link-item--message) {
 +
  cursor: pointer;
 +
}
 +
.add-note .link-suggestions .link-item:not(.link-item--message):hover {
 +
  background: #e8f0f2;
 +
}
 +
.add-note .active {
 +
  background-color: #feefd1;
 +
}
 +
.add-note .link-input .link-item {
 +
  cursor: default;
 +
}
 +
.add-note .link-input .link-item:hover {
 +
  background: white;
 +
}
 +
.add-note .link-input .link-item .close {
 +
  font-size: 18px;
 +
  padding: 7px 3px;
 +
}
 +
.attached-item .note-item .note-preview-body img {
 +
  max-height: 165px;
 +
  width: auto;
 +
}
 +
.note-item {
 +
  overflow: hidden;
 +
}
 +
.note-item .note-icon {
 +
  vertical-align: top;
 +
  color: #a2b9be;
 +
}
 +
.note-item .note-itemName {
 +
  overflow: hidden;
 +
  word-break: break-all;
 +
}
 +
.note-item h3 {
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
  font-size: 16px;
 +
  line-height: 18px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.note-item .note-preview-body {
 +
  margin-top: 9px;
 +
}
 +
.note-item .note-preview-body img {
 +
  width: 100%;
 +
  margin: 0 auto;
 +
  display: block;
 +
}
 +
.note-item dl {
 +
  margin-bottom: 0;
 +
}
 +
.note-item dl dt,
 +
.note-item dl dd {
 +
  margin-bottom: 0;
 +
}
 +
.note-item.note-alignment .alignment-length {
 +
  color: #a2b9be;
 +
}
 +
.note-item.note-alignment .alignment-template {
 +
  font-weight: 700;
 +
}
 +
.note-item.note-alignment .alignment-consensus {
 +
  font-style: italic;
 +
}
 +
.note-item .note-preview-drawing {
 +
  text-align: center;
 +
}
 +
.note-item .note-preview-drawing .location-start,
 +
.note-item .note-preview-drawing .location-end {
 +
  color: #a2b9be;
 +
  display: inline-block;
 +
}
 +
.note-item .note-preview-drawing .location-start {
 +
  text-align: right;
 +
}
 +
.note-item .note-preview-drawing .reversed {
 +
  -webkit-transform-origin: 50% 50%;
 +
  -moz-transform-origin: 50% 50%;
 +
  -ms-transform-origin: 50% 50%;
 +
  -o-transform-origin: 50% 50%;
 +
  transform-origin: 50% 50%;
 +
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
 +
  -moz-transform: rotate(180deg) translate3d(0, 0, 0);
 +
  -ms-transform: rotate(180deg) translate3d(0, 0, 0);
 +
  -o-transform: rotate(180deg) translate3d(0, 0, 0);
 +
  transform: rotate(180deg) translate3d(0, 0, 0);
 +
}
 +
.note-item .note-preview-drawing .primer-render,
 +
.note-item .note-preview-drawing .annotation-render {
 +
  width: 100px;
 +
  display: inline-block;
 +
  position: relative;
 +
  opacity: 0.7;
 +
  margin: 0 4px;
 +
  vertical-align: middle;
 +
}
 +
.note-item.note-primer .primer-render {
 +
  height: 16px;
 +
}
 +
.note-item.note-primer .primer-render .primer-body {
 +
  display: inline-block;
 +
  position: absolute;
 +
  left: 0;
 +
  right: 16px;
 +
  height: 10px;
 +
}
 +
.note-item.note-primer .primer-render .primer-right-end {
 +
  display: inline-block;
 +
  position: absolute;
 +
  right: 0;
 +
  width: 0;
 +
  height: 0;
 +
  border-left: 16px solid blue;
 +
  border-bottom: 16px solid transparent;
 +
}
 +
.note-item.note-annotation .annotation-render {
 +
  height: 12px;
 +
}
 +
.note-item.note-annotation .annotation-render .annotation-body,
 +
.note-item.note-annotation .annotation-render .annotation-right-end {
 +
  display: inline-block;
 +
  height: 12px;
 +
}
 +
.note-item.note-annotation .annotation-render .annotation-body {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 9px;
 +
}
 +
.note-item.note-annotation .annotation-render .annotation-right-end {
 +
  position: absolute;
 +
  right: 0;
 +
  width: 0;
 +
  height: 0;
 +
  border-left-width: 9px;
 +
  border-left-style: solid;
 +
  border-top: 6px solid transparent;
 +
  border-bottom: 6px solid transparent;
 +
}
 +
.notePreview-bfiTag {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  line-height: 16px;
 +
  margin: 0 5px;
 +
  padding: 17px 0 14px;
 +
}
 +
.notePreview-bfiTag:last-child {
 +
  border-bottom: 0;
 +
}
 +
#search h1 {
 +
  margin-top: 100px;
 +
}
 +
#search h2.title {
 +
  margin: 0;
 +
  line-height: 30px;
 +
}
 +
#search .main-search-form {
 +
  margin-bottom: 50px;
 +
}
 +
#search .main-search {
 +
  -webkit-transition: opacity 0.2s ease-out;
 +
  transition: opacity 0.2s ease-out;
 +
}
 +
#search .search-filter-form {
 +
  margin-top: -20px;
 +
}
 +
#search .search-filter-form h3 {
 +
  font-size: 14px;
 +
  margin-top: 20px;
 +
  color: #c9d8db;
 +
  font-weight: 500;
 +
}
 +
#search .search-filter-form ul {
 +
  list-style: none;
 +
  padding-left: 5px;
 +
  margin-bottom: 0;
 +
}
 +
#search .search-filter-form select {
 +
  width: 40%;
 +
}
 +
#search .search-filter-form select + input {
 +
  width: 58%;
 +
}
 +
#search .search-filter-form select,
 +
#search .search-filter-form select + input {
 +
  height: 28px;
 +
  padding: 6px;
 +
}
 +
#search .search-filter-form label {
 +
  font-weight: 400;
 +
}
 +
#search .search-filter-form input {
 +
  color: #c9d8db;
 +
}
 +
#search .search-filter-form input.accepted {
 +
  color: #344043;
 +
  font-weight: 700;
 +
}
 +
#search .search-filter-form .toggle-advanced-filters {
 +
  margin-top: 10px;
 +
  display: block;
 +
}
 +
#search .single-sequence .sequence-name em,
 +
#search .single-sequence .sequence-library em,
 +
#search .single-sequence .matches em {
 +
  font-style: normal;
 +
  background: #feefd1;
 +
}
 +
#search .single-sequence .folder-url {
 +
  display: inline-block;
 +
  color: #a2b9be;
 +
}
 +
#search .single-sequence .matches {
 +
  list-style: none;
 +
  padding: 0;
 +
}
 +
#search .single-sequence .matches .match {
 +
  margin-top: 5px;
 +
}
 +
#search .single-sequence .matches .match.bases .match-content {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  font-size: 15px;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
#search .single-sequence .matches .match.bases .match-content.mono-small {
 +
  font-size: 13px;
 +
}
 +
#search .single-sequence .matches .match .source-wrapper {
 +
  float: left;
 +
  width: 50px;
 +
  text-align: right;
 +
  display: inline-block;
 +
}
 +
#search .single-sequence .matches .match .source-wrapper .source {
 +
  display: inline-block;
 +
  padding: 1px 4px;
 +
  text-align: right;
 +
  text-transform: uppercase;
 +
  font-size: 11px;
 +
  font-weight: 700;
 +
  opacity: 0.7;
 +
  border-radius: 2px;
 +
  margin-right: 3px;
 +
  vertical-align: middle;
 +
  border: 1px solid #344043;
 +
  color: black;
 +
}
 +
#search .single-sequence .matches .match .source-wrapper .source.no-bg {
 +
  color: white;
 +
  background: #344043;
 +
}
 +
#search .single-sequence .matches .match .match-content {
 +
  margin-left: 55px;
 +
}
 +
#editor #assembly-wizard-container {
 +
  z-index: 45;
 +
}
 +
#editor .assembly-wizard {
 +
  position: absolute;
 +
  z-index: 45;
 +
  bottom: 25px;
 +
  left: 0;
 +
  right: 0;
 +
  height: 60px;
 +
  border-top: 1px solid #bdc3c7;
 +
  padding-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
#editor .assembly-wizard .input-sm {
 +
  font-size: 12px;
 +
  height: 25px;
 +
  min-height: 25px;
 +
}
 +
#editor .assembly-wizard.expanded {
 +
  top: 0;
 +
  border-top: none;
 +
  height: initial;
 +
  background: white;
 +
}
 +
#editor .assembly-wizard.expanded .settings {
 +
  height: 32px;
 +
  padding-top: 2px;
 +
  padding-bottom: 2px;
 +
  border-bottom: 1px solid #a2b9be;
 +
}
 +
#editor .assembly-wizard.expanded .assembly-navbar {
 +
  border-bottom: 1px solid #a2b9be;
 +
}
 +
#editor .assembly-wizard.expanded .expanded-slot-view-container {
 +
  position: absolute;
 +
  top: 92px;
 +
  bottom: 0;
 +
  width: 100%;
 +
}
 +
#editor .assembly-wizard .assembly-settings {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 100%;
 +
  border-top: 1px solid #9ac2ef;
 +
  border-bottom: 1px solid #9ac2ef;
 +
  background: #f2f7fd;
 +
  padding: 10px 10px 0;
 +
  text-align: left;
 +
  z-index: 60;
 +
  overflow-x: hidden;
 +
}
 +
#editor .assembly-wizard .assembly-settings input[type=text] {
 +
  width: 60px;
 +
  text-align: right;
 +
  margin-bottom: 10px;
 +
}
 +
#editor .assembly-wizard .assembly-settings .overlap input {
 +
  width: 35px;
 +
}
 +
#editor .assembly-wizard .row {
 +
  margin-right: -5px;
 +
  margin-left: -5px;
 +
  margin-bottom: 0;
 +
}
 +
#editor .assembly-wizard .settings .row,
 +
#editor .assembly-wizard .assembly-settings .row,
 +
#editor .assembly-wizard .current-fragment-info .row {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
}
 +
#editor .assembly-wizard .col {
 +
  padding-left: 5px;
 +
  padding-right: 5px;
 +
}
 +
#editor .assembly-wizard div.primer-libraries {
 +
  float: right;
 +
  height: 100%;
 +
  margin-top: 15px;
 +
}
 +
#editor .assembly-wizard .construct .info {
 +
  padding-left: 10px;
 +
  cursor: pointer;
 +
  position: relative;
 +
}
 +
#editor .assembly-wizard .construct .info .assembly-step {
 +
  cursor: default;
 +
  display: none;
 +
}
 +
#editor .assembly-wizard .construct .info.active .assembly-step {
 +
  display: block;
 +
}
 +
#editor .assembly-wizard .construct .info .assembly-settings-col {
 +
  position: static;
 +
}
 +
#editor .assembly-wizard .construct .info .assembly-finalize {
 +
  margin-top: 25px;
 +
}
 +
#editor .assembly-wizard .current-fragment-info-preview {
 +
  display: inline-block;
 +
  white-space: pre;
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  font-size: 18px;
 +
}
 +
#editor .assembly-wizard .current-fragment-info-preview .site-preview-inactive {
 +
  color: #a2b9be;
 +
}
 +
#editor .assembly-wizard .current-fragment-info-preview .site-preview-active {
 +
  color: #344043;
 +
}
 +
#editor .assembly-wizard .current-fragment-info-preview .site-preview-mismatch {
 +
  color: #e96e51;
 +
}
 +
#editor .assembly-wizard .current-fragment-info-preview .site-preview-primer {
 +
  color: #428ce1;
 +
}
 +
#editor .assembly-wizard .current-fragment-info-preview .site-preview-inactive-primer {
 +
  color: #a6c2e3;
 +
}
 +
#editor .assembly-wizard .site-preview-types {
 +
  font-size: 11px;
 +
  text-transform: uppercase;
 +
}
 +
#editor .assembly-wizard .cut-site-dropup .dropdown-menu {
 +
  min-width: 80px;
 +
}
 +
#editor .assembly-wizard .add-fragment {
 +
  display: inline-block;
 +
  margin: 15px 0 0 20px;
 +
  vertical-align: top;
 +
}
 +
#editor .assembly-wizard .show-preview {
 +
  margin-top: 15px;
 +
  margin-right: 10px;
 +
}
 +
#editor .assembly-wizard .sectionTabs {
 +
  border: 0;
 +
  padding-left: 0;
 +
}
 +
#editor .assembly-wizard .type {
 +
  font-size: 13px;
 +
  margin-right: 5px;
 +
  color: #a2b9be;
 +
}
 +
#editor .assembly-wizard ul.nav {
 +
  display: block;
 +
  float: none;
 +
  overflow-y: hidden;
 +
  overflow-x: auto;
 +
  white-space: nowrap;
 +
  height: 60px;
 +
  padding-right: 20px;
 +
}
 +
#editor .assembly-wizard ul.nav::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#editor .assembly-wizard ul.nav::-webkit-scrollbar-track {
 +
  background: #ffffff;
 +
}
 +
#editor .assembly-wizard ul.nav:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #ffffff;
 +
}
 +
#editor .assembly-wizard ul.nav::-webkit-scrollbar-thumb {
 +
  background: #9ac2ef;
 +
}
 +
#editor .assembly-wizard ul.nav:hover::-webkit-scrollbar-thumb {
 +
  background: #428ce1;
 +
}
 +
#editor .assembly-wizard ul.nav > li {
 +
  position: static;
 +
  white-space: normal;
 +
  display: inline-block;
 +
  height: 100%;
 +
  float: none;
 +
  border-right: 1px solid #bdc3c7;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot {
 +
  position: relative;
 +
  min-width: 100px;
 +
  height: 100%;
 +
  padding: 0 0 0 30px;
 +
  border-right: 0;
 +
  text-align: center;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot:before,
 +
#editor .assembly-wizard ul.nav > li .assembly-slot:after {
 +
  content: " ";
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  border-top: solid 30px transparent;
 +
  border-right: solid 0 transparent;
 +
  border-bottom: solid 30px transparent;
 +
  border-left: solid 20px #f8fafb;
 +
  position: absolute;
 +
  top: 50%;
 +
  margin-top: -30px;
 +
  left: 100%;
 +
  z-index: 2;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot:before {
 +
  border-left-color: #bdc3c7;
 +
  margin-left: 1px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot .name {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  font-size: 14px;
 +
  line-height: 14px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
  max-width: 160px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial {
 +
  max-width: 200px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial:hover .shift-left,
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active .shift-left,
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial:hover .shift-right,
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active .shift-right {
 +
  display: inline;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active {
 +
  background-color: white;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active:after {
 +
  border-left: 20px solid #ffffff;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .name {
 +
  padding-top: 13px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .shift-left,
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .shift-right {
 +
  display: none;
 +
  line-height: 60px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container {
 +
  padding: 20px 0 0;
 +
  vertical-align: middle;
 +
  display: inline-block;
 +
  height: 100%;
 +
  min-width: 50px;
 +
  margin-right: 10px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container.sequence-set,
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container.has-spacer {
 +
  padding-top: 13px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-single .supplementary {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-spacer {
 +
  min-width: 0;
 +
  background: #344043;
 +
  color: white;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-spacer:after {
 +
  border-left-color: #344043;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-spacer .step-container {
 +
  min-width: 20px;
 +
  max-width: 100px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-spacer .step-container .name {
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-spacer .slot-activator:hover {
 +
  color: #e8f0f2;
 +
}
 +
#editor .assembly-wizard ul.nav > li:first-child .assembly-slot {
 +
  padding-left: 10px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .slot-activator {
 +
  cursor: pointer;
 +
}
 +
#editor .assembly-wizard ul.nav > li .slot-activator:hover {
 +
  color: #428ce1;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-options {
 +
  display: none;
 +
  vertical-align: middle;
 +
  margin-right: 5px;
 +
}
 +
#editor .assembly-wizard ul.nav > li .assembly-slot-options.options-visible {
 +
  display: inline-block;
 +
}
 +
#editor .assembly-wizard ul.nav li.active .name {
 +
  max-width: 300px;
 +
}
 +
#editor .assembly-wizard ul.nav li.active .assembly-slot-single {
 +
  background: #fff;
 +
  border-bottom: 1px solid #bdc3c7;
 +
}
 +
#editor .assembly-wizard ul.nav li.active .assembly-slot-single:before {
 +
  border-left-color: #bdc3c7;
 +
}
 +
#editor .assembly-wizard ul.nav li.active .assembly-slot-single:after {
 +
  border-left-color: #fff;
 +
}
 +
#editor .assembly-wizard ul.nav li.active .assembly-slot-spacer {
 +
  background: #4a5b60;
 +
}
 +
#editor .assembly-wizard ul.nav li.active .assembly-slot-spacer:after {
 +
  border-left-color: #4a5b60;
 +
}
 +
#editor .assembly-wizard .assembly-step {
 +
  position: absolute;
 +
  bottom: 60px;
 +
  left: 0;
 +
  right: 0;
 +
  height: 110px;
 +
  background: #fff;
 +
  border-top: 1px solid #bdc3c7;
 +
  margin-bottom: 1px;
 +
}
 +
#editor .assembly-wizard .assembly-step .action-zone-mount {
 +
  overflow-x: hidden;
 +
}
 +
#editor .assembly-wizard .assembly-step .step-options {
 +
  margin-top: 12px;
 +
  margin-right: 10px;
 +
}
 +
#editor .assembly-wizard .assembly-step .step-options button:first-child {
 +
  margin-bottom: 7px;
 +
}
 +
#editor .assembly-wizard .assembly-step .preview-container {
 +
  text-align: center;
 +
}
 +
#editor .assembly-wizard .assembly-step .preview-container h4 {
 +
  text-align: left;
 +
  padding-left: 10px;
 +
}
 +
#editor .assembly-wizard .assembly-step .preview {
 +
  width: 400px;
 +
  overflow-y: hidden;
 +
  height: 40px;
 +
  margin: 5px auto;
 +
}
 +
#editor .assembly-wizard .assembly-step .buffers .table {
 +
  font-size: 12px;
 +
  margin: 3px 0 0 0;
 +
}
 +
#editor .assembly-wizard .assembly-step .buffers .table thead > tr > th {
 +
  border-bottom: 0;
 +
}
 +
#editor .assembly-wizard .assembly-step .step-controls .links {
 +
  display: inline-block;
 +
  padding-top: 20px;
 +
  padding-left: 10px;
 +
  font-size: 12px;
 +
}
 +
#editor .assembly-wizard .assembly-step .step-controls .btn-group {
 +
  width: 35px;
 +
  display: inline-block;
 +
  float: right;
 +
}
 +
#editor .assembly-wizard .assembly-step svg text {
 +
  font-size: 21px;
 +
}
 +
#editor .assembly-wizard .assembly-step .side {
 +
  fill: #e8f0f2;
 +
}
 +
#editor .assembly-wizard .assembly-step .mismatch {
 +
  fill: #c0392b;
 +
}
 +
#editor .assembly-wizard .assembly-step h5 {
 +
  margin: 0 0 3px 10px;
 +
}
 +
#editor .assembly-wizard .assembly-step h4 {
 +
  font-size: 13px;
 +
  color: #5c7c83;
 +
  margin: 8px 0 2px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
}
 +
#editor .assembly-wizard .assembly-step .messages {
 +
  height: 75px;
 +
  overflow-y: auto;
 +
}
 +
#editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#editor .assembly-wizard .assembly-step .messages:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#editor .assembly-wizard .assembly-step .messages:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#editor .assembly-wizard .assembly-step .empty-set {
 +
  position: absolute;
 +
  top: 30px;
 +
  right: 12px;
 +
}
 +
#editor .assembly-wizard .assembly-step .blank-msg {
 +
  line-height: 109px;
 +
}
 +
#editor .assembly-wizard .assembly-step .blank-msg-inner {
 +
  color: #a2b9be;
 +
  font-style: italic;
 +
  line-height: normal;
 +
  display: inline-block;
 +
}
 +
#editor .assembly-wizard .shift-left,
 +
#editor .assembly-wizard .shift-right {
 +
  color: #344043;
 +
  cursor: pointer;
 +
}
 +
#editor .assembly-wizard .shift-left:hover,
 +
#editor .assembly-wizard .shift-right:hover {
 +
  color: #a2b9be;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view {
 +
  overflow: scroll;
 +
  height: 100%;
 +
  width: 100%;
 +
  padding: 15px;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .name {
 +
  margin: 0;
 +
  display: inline-block;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .header {
 +
  margin-top: 25px;
 +
  margin-bottom: 0;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .search-results {
 +
  max-height: initial;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .sequence-container,
 +
#editor .assembly-wizard .expanded-slot-view .sequence-search-results-wrapper {
 +
  padding-top: 15px;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .sequence-search {
 +
  padding-top: 25px;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .folder-name {
 +
  margin-left: 25px;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .direction {
 +
  padding-right: 10px;
 +
}
 +
#editor .assembly-wizard .expanded-slot-view .fragment-row {
 +
  padding-left: 45px;
 +
  text-overflow: ellipsis;
 +
  overflow: hidden;
 +
}
 +
.assembly-navbar {
 +
  background: #f8fafb;
 +
  border: 0;
 +
  padding-left: 0;
 +
}
 +
#editor.hasLegacyNav .assembly-wizard {
 +
  left: 25px;
 +
}
 +
.assembly-error-indicator {
 +
  border-left: 3px solid #bdc3c7;
 +
  padding-left: 15px;
 +
}
 +
.assembly-error-indicator.error {
 +
  border-left-color: #d9563a;
 +
}
 +
.assembly-error-indicator.warning {
 +
  border-left-color: #fdd586;
 +
}
 +
.assembly-error-indicator.success {
 +
  border-left-color: #03c08d;
 +
}
 +
.assembly-check .icon {
 +
  position: relative;
 +
  top: -3px;
 +
}
 +
.assembly-check .icon .glyphicon {
 +
  margin-top: 4px;
 +
  font-size: 15px;
 +
}
 +
.assembly-check .icon .glyphicon-ban-circle {
 +
  color: #d9563a;
 +
}
 +
.assembly-check .icon .glyphicon-ok {
 +
  color: #03c08d;
 +
}
 +
.neb-finalize-inline-block {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
}
 +
.printable-summary-container {
 +
  margin: 20px;
 +
}
 +
.printable-summary .printable-color {
 +
  border-left: 5px solid #bdc3c7;
 +
}
 +
.printable-summary th.primer-name {
 +
  min-width: 150px;
 +
}
 +
.printable-summary .primer-base-sticky-end {
 +
  text-decoration: underline;
 +
  color: inherit;
 +
}
 +
.printable-summary .primer-base-match {
 +
  font-style: italic;
 +
  background: inherit;
 +
}
 +
.mediocre {
 +
  /*
 +
  A .cell uses a fixed height `td` with 100%-tall `.cell-innerWrapper` to position elements absolutely
 +
  relative to the td, i.e. middle-right-aligned selector, bottom-right-aligned fill down box. While actively
 +
  editing a cell, this makes re-renders expensive. We disable the px/100% height and hide selectorDropdown to
 +
  improve performance.
 +
  */
 +
  /*
 +
    Render the dropdown on hover. NB: avoid setting position absolute/relative until hover
 +
    to avoid performance issues while typing.
 +
  */
 +
}
 +
.mediocre .mediocre-tableEditable-titleBarWrapper {
 +
  padding-top: 10px;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
}
 +
.mediocre .mediocre-tableEditable-titleBar {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 31px;
 +
}
 +
.mediocre .table-floater-wrapper {
 +
  -webkit-flex: 1 1 400px;
 +
  -moz-flex: 1 1 400px;
 +
  -ms-flex: 1 1 400px;
 +
  flex: 1 1 400px;
 +
  min-width: 400px;
 +
}
 +
.mediocre .table-floater {
 +
  padding: 2px;
 +
}
 +
.mediocre .table-floater .formula-toolbar {
 +
  width: 100%;
 +
  position: relative;
 +
  display: table;
 +
}
 +
.mediocre .table-floater .formula-toolbar-component {
 +
  height: 24px;
 +
}
 +
.mediocre .table-floater .formula-group-wrapper {
 +
  display: table-cell;
 +
  vertical-align: top;
 +
  width: 1%;
 +
}
 +
.mediocre .table-floater .formula-group-wrapper.fill-remaining-width {
 +
  width: auto;
 +
}
 +
.mediocre .table-floater .formula-group-wrapper .btn-group {
 +
  white-space: nowrap;
 +
}
 +
.mediocre .table-floater .formula-group-wrapper .btn-group .btn {
 +
  float: none;
 +
}
 +
.mediocre .table-floater .formula-box-wrapper {
 +
  width: 100%;
 +
}
 +
.mediocre .table-floater .formula-box-wrapper .current-cell-label {
 +
  background-color: white;
 +
  border-right: none;
 +
  border-left: none;
 +
  padding: 2px 0 3px 4px;
 +
}
 +
.mediocre .table-floater .formula-box-wrapper .fx-icon {
 +
  font-size: 12px;
 +
  text-transform: none;
 +
}
 +
.mediocre .table-floater .formula-box-wrapper .formula-box {
 +
  border-left: none;
 +
  border-top: 1px solid #c9d8db;
 +
  border-right: 1px solid #c9d8db;
 +
  border-bottom: 1px solid #c9d8db;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
  padding: 2px 4px;
 +
  display: block;
 +
  width: 100%;
 +
  overflow-y: auto;
 +
  height: 24px;
 +
}
 +
.mediocre .table-floater .current-cell-label .popover {
 +
  max-width: 500px;
 +
}
 +
.mediocre .table-floater .table-error-msg {
 +
  font-size: 11px;
 +
  line-height: 1.5em;
 +
  vertical-align: middle;
 +
}
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after {
 +
  color: #344043;
 +
}
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box,
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.mediocre .mediocre-tableEditable {
 +
  overflow-x: hidden;
 +
  padding-bottom: 10px;
 +
  position: relative;
 +
}
 +
.mediocre .mediocre-tableEditable-tableName {
 +
  border: 1px solid #c9d8db;
 +
  border-bottom: none;
 +
  background-color: #f8fafb;
 +
  -webkit-flex: 0 0 auto;
 +
  -moz-flex: 0 0 auto;
 +
  -ms-flex: 0 0 auto;
 +
  flex: 0 0 auto;
 +
  height: 31px;
 +
  max-width: calc(100% - 30px);
 +
  line-height: 31px;
 +
  padding: 0px 10px;
 +
  -webkit-transition: all 0.3s ease-out;
 +
  transition: all 0.3s ease-out;
 +
  /* `all` easier to use than `flex-shrink` with all vendor prefixes */
 +
}
 +
.mediocre .mediocre-tableEditable-tableName--shrink {
 +
  -webkit-flex: 0 1 auto;
 +
  -moz-flex: 0 1 auto;
 +
  -ms-flex: 0 1 auto;
 +
  flex: 0 1 auto;
 +
}
 +
.mediocre .mediocre-tableEditable-scrollArea {
 +
  overflow-x: auto;
 +
  width: 100%;
 +
  padding-top: 41px;
 +
}
 +
.mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.mediocre .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.mediocre .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.mediocre .mediocre-tableEditable-maximizeIcon {
 +
  -webkit-transform: rotate(-45deg);
 +
  -moz-transform: rotate(-45deg);
 +
  -ms-transform: rotate(-45deg);
 +
  -o-transform: rotate(-45deg);
 +
  transform: rotate(-45deg);
 +
  -webkit-transform-origin: 5px 5px;
 +
  -moz-transform-origin: 5px 5px;
 +
  -ms-transform-origin: 5px 5px;
 +
  -o-transform-origin: 5px 5px;
 +
  transform-origin: 5px 5px;
 +
}
 +
.mediocre .mediocre-tableEditable-maximizeButton,
 +
.mediocre .mediocre-tableEditable-axisCell-dropdown {
 +
  color: #c9d8db;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper {
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  background: #f8fafb;
 +
  overflow-y: auto;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable {
 +
  padding-bottom: 0;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName {
 +
  border: none;
 +
  background-color: initial;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton {
 +
  border-top: none;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row,
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell {
 +
  border-left: none;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper {
 +
  padding-top: 3px;
 +
  background-color: white;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable {
 +
  height: 100%;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea {
 +
  position: absolute;
 +
  padding-top: 0;
 +
  top: 35px;
 +
  bottom: 0;
 +
  left: 0;
 +
  overflow-y: auto;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.mediocre .cell {
 +
  background-color: white;
 +
}
 +
.mediocre .cell-fillDownSquare {
 +
  position: absolute;
 +
  right: -12px;
 +
  bottom: -10px;
 +
  width: 16px;
 +
  height: 16px;
 +
  padding: 4px;
 +
  z-index: 1;
 +
  cursor: crosshair;
 +
}
 +
.mediocre .cell-fillDownSquare-fill {
 +
  background-color: #428ce1;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
.mediocre span.cell-highlight-0 {
 +
  color: #0000fb;
 +
}
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(0, 0, 255, 0.2);
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(0, 0, 153, 0.2);
 +
}
 +
.mediocre span.cell-highlight-1 {
 +
  color: #007c00;
 +
}
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(0, 128, 0, 0.2);
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(0, 26, 0, 0.2);
 +
}
 +
.mediocre span.cell-highlight-2 {
 +
  color: #fba200;
 +
}
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(255, 165, 0, 0.2);
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(153, 99, 0, 0.2);
 +
}
 +
.mediocre span.cell-highlight-3 {
 +
  color: #7c007c;
 +
}
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(128, 0, 128, 0.2);
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(26, 0, 26, 0.2);
 +
}
 +
.mediocre span.cell-highlight-4 {
 +
  color: #fbd400;
 +
}
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected),
 +
.mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(255, 215, 0, 0.2);
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover,
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(153, 129, 0, 0.2);
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover {
 +
  background-color: white;
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover {
 +
  background-color: #9ac2ef;
 +
}
 +
.mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover {
 +
  background-color: #6ea7e8;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.selected,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.selected:empty:after,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after {
 +
  color: #344043;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.selected.formula-box,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.formula-box:hover,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.selected.dbl-selected,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected {
 +
  /* Avoid a 1px gap between the box-shadow and the border of a td: https://crbug.com/137481 */
 +
  box-shadow: inset 0px 0px 0px 2px #428ce1;
 +
  border-bottom: none;
 +
  border-right: none;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.selected.dbl-selected.editing,
 +
.mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing {
 +
  background-color: white;
 +
  box-shadow: inset 0px 0px 0px 2px #428ce1, 0 2px 5px rgba(0, 0, 0, 0.4);
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.is-ghost-cell {
 +
  background-color: #f8fafb;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge {
 +
  border-left: 1px dashed #428ce1;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge {
 +
  border-right: 1px dashed #428ce1;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge {
 +
  border-top: 1px dashed #428ce1;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge {
 +
  border-bottom: 1px dashed #428ce1;
 +
}
 +
.mediocre .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell {
 +
  background-color: #dceaf9;
 +
}
 +
.mediocre .mediocre-tableEditable-table .header-cell {
 +
  background-color: #c6dcf6;
 +
  text-align: center;
 +
}
 +
.mediocre .mediocre-tableEditable-table .header-cell.selected {
 +
  background-color: #9ac2ef;
 +
}
 +
.mediocre .mediocre-tableEditable-table .header-cell.selected.dbl-selected {
 +
  background-color: #e4eef9;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper {
 +
  position: relative;
 +
  padding-bottom: 10px;
 +
}
 +
.mediocre .cell-innerWrapper {
 +
  height: 100%;
 +
  /* Vertically fill the td */
 +
  position: relative;
 +
  /* for selectors and errors */
 +
}
 +
.mediocre .cell-error {
 +
  position: relative;
 +
}
 +
.mediocre .cell-error:after {
 +
  content: "";
 +
  width: 0;
 +
  height: 0;
 +
  border-style: solid;
 +
  border-width: 0 10px 10px 0;
 +
  border-color: transparent #e96e51 transparent transparent;
 +
  position: absolute;
 +
  right: -4px;
 +
  top: -2px;
 +
}
 +
.mediocre .cell {
 +
  vertical-align: top;
 +
  height: 24px;
 +
  /* An explicit height let's cell-innerWrapper vertically fill the cell */
 +
  padding: 2px 4px;
 +
  border-radius: 0;
 +
  word-wrap: break-word;
 +
}
 +
.mediocre .cell.is-bold {
 +
  font-weight: 700;
 +
}
 +
.mediocre .cell.is-underline {
 +
  text-decoration: underline;
 +
}
 +
.mediocre .cell.is-italic {
 +
  font-style: italic;
 +
}
 +
.mediocre .cell.is-value {
 +
  overflow: hidden;
 +
  white-space: nowrap;
 +
}
 +
.mediocre .cell.is-text {
 +
  white-space: pre-wrap;
 +
  word-wrap: break-word;
 +
}
 +
.mediocre .cell.is-alignLeft {
 +
  text-align: left;
 +
}
 +
.mediocre .cell.is-alignCenter {
 +
  text-align: center;
 +
}
 +
.mediocre .cell.is-alignRight {
 +
  text-align: right;
 +
}
 +
.mediocre .cell:not(.editing) .editable {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
}
 +
.mediocre .cell-contents.has-selector {
 +
  padding-right: 23px;
 +
}
 +
.mediocre .selectorDropdown {
 +
  position: absolute;
 +
  right: 4px;
 +
  top: 50%;
 +
  line-height: 12px;
 +
  margin-top: -6px;
 +
}
 +
.mediocre .selectorDropdown-button {
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
}
 +
.mediocre .cell:hover .selectorDropdown-button,
 +
.mediocre .selectorDropdown-button.is-open {
 +
  color: #2172cf;
 +
}
 +
.mediocre .selectorDropdown-list {
 +
  max-width: 200px;
 +
}
 +
.mediocre .selectorDropdown-list a {
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper--activeCell .cell {
 +
  vertical-align: top;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper {
 +
  height: auto;
 +
  position: static;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,
 +
.mediocre .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown {
 +
  display: none;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable {
 +
  cursor: crosshair;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable {
 +
  cursor: not-allowed;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell {
 +
  background-color: #f8fafb;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  font-family: 'Inconsolata';
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell.has-custom-label {
 +
  font-style: italic;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell {
 +
  border: 1px solid #c9d8db;
 +
}
 +
.mediocre .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col {
 +
  height: 24px;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell.is-ghost-cell {
 +
  background-color: #feffff;
 +
  color: #a2b9be;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell.is-selected,
 +
.mediocre .mediocre-tableEditable-axisCell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell-dropdown {
 +
  display: none;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper {
 +
  position: relative;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown {
 +
  display: inline;
 +
  position: absolute;
 +
  right: 4px;
 +
}
 +
.mediocre .mediocre-tableEditable-axisCell-num {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
.mediocre .mediocre-tableEditable-addRowDraggerCell {
 +
  font-size: 10px;
 +
  cursor: ns-resize;
 +
}
 +
.mediocre .mediocre-tableEditable-table {
 +
  table-layout: fixed;
 +
  position: relative;
 +
  max-width: none;
 +
}
 +
.mediocre .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell {
 +
  height: 20px;
 +
}
 +
.mediocre .mediocre-tableEditable-table td {
 +
  border: 1px solid #c9d8db;
 +
}
 +
.mediocre .hiddenFocusEditable:focus + .mediocre-codeEditable {
 +
  -webkit-box-shadow: 0 0 0 3px #428ce1;
 +
  box-shadow: 0 0 0 3px #428ce1;
 +
  border-radius: 0px;
 +
}
 +
.mediocre .selected .multi-editable {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.mediocre .selected .multi-editable.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.mediocre .selected .multi-editable:empty:after {
 +
  color: #344043;
 +
}
 +
.mediocre .selected .multi-editable.formula-box,
 +
.mediocre .selected .multi-editable.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.mediocre .selected .multi-editable:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.mediocre-pageMargin {
 +
  bottom: 0;
 +
  display: none;
 +
  pointer-events: none;
 +
  /* Allow interacting with a table if it scrolls underneath the pageMargin. */
 +
  position: absolute;
 +
  top: 0;
 +
  width: 10mm;
 +
}
 +
.mediocre-pageMargin--left {
 +
  left: 0;
 +
  border-right: 1px dashed #c9d8db;
 +
}
 +
.mediocre-pageMargin--right {
 +
  right: 0;
 +
  border-left: 1px dashed #c9d8db;
 +
}
 +
.mediocre-row {
 +
  margin-bottom: 10px;
 +
}
 +
.mediocre-row:before,
 +
.mediocre-row:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.mediocre-row:after {
 +
  clear: both;
 +
}
 +
.mediocre-row:before,
 +
.mediocre-row:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.mediocre-row:after {
 +
  clear: both;
 +
}
 +
.mediocre-row-item {
 +
  margin-left: 125px;
 +
}
 +
.mediocre-row-timestamp {
 +
  width: 125px;
 +
  float: left;
 +
  padding-right: 5px;
 +
}
 +
.mediocre-row-timestamp-time {
 +
  font-size: 10px;
 +
  line-height: 1.3em;
 +
  display: block;
 +
  color: #a2b9be;
 +
}
 +
.mediocre-row-timestamp-author {
 +
  font-weight: 600;
 +
}
 +
.mediocre-menu {
 +
  padding: 5px;
 +
  display: inline-block;
 +
  border-radius: 3px;
 +
  background-color: black;
 +
}
 +
.mediocre-menu .btn {
 +
  background: #344043;
 +
  color: white;
 +
}
 +
.mediocre-menu .btn.active,
 +
.mediocre-menu .btn:hover {
 +
  background: black;
 +
  color: #428ce1;
 +
}
 +
.mediocre-menu .btn-group .btn {
 +
  width: 36px;
 +
}
 +
.mediocre-noteEditable {
 +
  position: relative;
 +
}
 +
.mediocre-noteEditable .editable {
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
}
 +
.mediocre-noteEditable-indenter {
 +
  display: inline-block;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  text-align: right;
 +
}
 +
.mediocre-roundedBtn {
 +
  border-radius: 3px;
 +
  background-color: white;
 +
  border: 1px solid #a2b9be;
 +
  opacity: 0.6;
 +
  outline: none;
 +
}
 +
.mediocre-roundedBtn:hover {
 +
  opacity: 1;
 +
}
 +
.dropdown-menu > li > a .header-preview.is-header1,
 +
.mediocre-noteEditable.is-header1 {
 +
  font-size: 20px;
 +
  font-weight: 400;
 +
}
 +
.dropdown-menu > li > a .header-preview.is-header2,
 +
.mediocre-noteEditable.is-header2 {
 +
  font-size: 16px;
 +
  font-weight: 400;
 +
}
 +
.dropdown-menu > li > a .header-preview.is-subheader1,
 +
.mediocre-noteEditable.is-subheader1 {
 +
  font-size: 12px;
 +
  font-weight: 700;
 +
}
 +
.dropdown-menu > li > a .header-preview.is-paragraph,
 +
.mediocre-noteEditable.is-paragraph {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  line-height: 1.6;
 +
  font-size: 12px;
 +
}
 +
.mediocre-captionEditable {
 +
  display: table;
 +
  table-layout: fixed;
 +
  width: 100%;
 +
  position: relative;
 +
}
 +
.mediocre-captionEditable .component-row {
 +
  display: table-row;
 +
}
 +
.mediocre-captionEditable .mediocre-captionEditable-cell {
 +
  display: table-cell;
 +
  vertical-align: middle;
 +
}
 +
.mediocre-captionEditable .mediocre-captionEditable-caption {
 +
  padding: 10px 0px 10px 10px;
 +
  vertical-align: middle;
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  line-height: 1.6;
 +
  font-size: 12px;
 +
}
 +
.mediocre-captionEditable .mediocre-captionEditable-caption--bottom {
 +
  padding: 0px 10px 10px 10px;
 +
  text-align: center;
 +
}
 +
.mediocre-captionEditable .mediocre-menu {
 +
  z-index: 2;
 +
  position: absolute;
 +
  top: 0;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  transition: visibility 0s linear 0.1s, opacity 0.1s linear, right 0.2s ease-out 0.2s;
 +
}
 +
.mediocre-captionEditable-caption {
 +
  color: #5c7c83;
 +
  cursor: text;
 +
}
 +
.mediocre-captionEditable-component {
 +
  padding: 15px;
 +
}
 +
.mediocre-item.is-captionedTable .mediocre-tableEditable {
 +
  padding-bottom: 0px;
 +
}
 +
.mediocre-item.is-captionedTable .mediocre-captionEditable-component {
 +
  padding: 0;
 +
}
 +
.mediocre-item.is-captionedTable .mediocre-captionEditable-caption {
 +
  padding-top: 0px;
 +
}
 +
.mediocre-item.is-before-insert {
 +
  box-shadow: 0 2px 0 0 #9ac2ef;
 +
}
 +
.md-preview-italic,
 +
.md-open-italic,
 +
.md-close-italic {
 +
  font-style: italic;
 +
}
 +
.md-preview-underline {
 +
  text-decoration: underline;
 +
}
 +
.md-preview-bold,
 +
.md-open-bold,
 +
.md-close-bold {
 +
  font-weight: 900;
 +
}
 +
.md-preview-link {
 +
  color: #428ce1;
 +
}
 +
.md-preview-link .md-link-text {
 +
  text-decoration: underline;
 +
}
 +
.mediocre-codeEditable {
 +
  background-color: #e8f0f2;
 +
  border: 1px solid #d9dcde;
 +
  border-radius: 2px;
 +
  font-family: Inconsolata, 'Courier New';
 +
  font-size: 13px;
 +
  color: black;
 +
  padding-top: 5px;
 +
  cursor: text;
 +
}
 +
.mediocre-item.is-code {
 +
  padding: 5px;
 +
}
 +
.mediocre-item.is-code.selected .mediocre-codeEditable {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
}
 +
.round-btn {
 +
  display: inline-block;
 +
  text-align: center;
 +
  border: 1px solid #a2b9be;
 +
  background-color: white;
 +
  font-weight: 400;
 +
  font-family: Inconsolata, 'Courier New';
 +
  color: #a2b9be;
 +
  margin: -8px;
 +
  border-radius: 8px;
 +
  width: 16px;
 +
  height: 16px;
 +
  line-height: 16px;
 +
}
 +
.round-btn,
 +
.round-btn:hover,
 +
.round-btn:focus {
 +
  text-decoration: none;
 +
}
 +
.round-btn.big-btn {
 +
  font-size: 16px;
 +
  margin: -10px;
 +
  border-radius: 10px;
 +
  width: 20px;
 +
  height: 20px;
 +
  line-height: 20px;
 +
}
 +
.round-btn.big-btn .fa-chevron-left {
 +
  margin-left: -2px;
 +
}
 +
.round-btn.big-btn .fa-chevron-right {
 +
  margin-left: 2px;
 +
}
 +
.round-btn.disabled {
 +
  cursor: default;
 +
  opacity: 0.5;
 +
}
 +
.round-btn.add-btn:not(.disabled):hover {
 +
  border: 2px solid #428ce1;
 +
  color: #428ce1;
 +
  line-height: 18px;
 +
}
 +
.editable {
 +
  outline: 0;
 +
  white-space: pre-wrap;
 +
  word-wrap: break-word;
 +
}
 +
.editable::selection,
 +
.editable span::selection,
 +
.editable i::selection,
 +
.editable b::selection {
 +
  background-color: #e4eef9;
 +
}
 +
.editable sup {
 +
  vertical-align: super;
 +
  top: initial;
 +
  position: initial;
 +
  line-height: inherit;
 +
}
 +
.editable sub {
 +
  vertical-align: sub;
 +
  botttom: initial;
 +
  position: initial;
 +
  line-height: inherit;
 +
}
 +
.time-editable {
 +
  padding: 4px;
 +
  font-family: 'Inconsolata', 'Courier New', sans-serif;
 +
  font-size: 26px;
 +
}
 +
.time-editable:empty:not(:focus):after {
 +
  content: 'HH:MM:SS';
 +
  color: #a2b9be;
 +
}
 +
.time-editable span.min:before {
 +
  content: ':';
 +
}
 +
.time-editable span.sec:before {
 +
  content: ':';
 +
}
 +
.time-editable span.zero {
 +
  color: #a2b9be;
 +
}
 +
.image-editable {
 +
  text-align: center;
 +
  padding: 10px 0px;
 +
}
 +
.image-editable .progress-bar {
 +
  height: 11px;
 +
  background-color: #428ce1;
 +
  opacity: 0;
 +
  -webkit-transition: opacity .2s ease-in .3s, width 0.2s ease-in;
 +
  transition: opacity .2s ease-in .3s, width 0.2s ease-in;
 +
}
 +
.image-editable.loading .upload-wrapper img.img {
 +
  display: none;
 +
}
 +
.image-editable.loading .progress-bar {
 +
  opacity: 1;
 +
}
 +
.image-editable.no-image-uploaded .upload-wrapper .instructions {
 +
  opacity: 1;
 +
}
 +
.image-editable .upload-wrapper {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  position: relative;
 +
  border-radius: 3px;
 +
  border: 1px solid #e8f0f2;
 +
  padding: 25px 25px 10px 25px;
 +
}
 +
.image-editable .upload-wrapper.dragging {
 +
  border: 3px solid #428ce1;
 +
  padding: 23px 23px 8px 23px;
 +
}
 +
.image-editable .upload-wrapper .glyphicon-wrapper {
 +
  display: inline-block;
 +
  width: 100%;
 +
  height: 200px;
 +
  border-radius: 3px;
 +
  color: #e8f0f2;
 +
  font-size: 200px;
 +
  overflow: hidden;
 +
}
 +
.image-editable .upload-wrapper .glyphicon-wrapper .glyphicon {
 +
  vertical-align: top;
 +
}
 +
.image-editable .upload-wrapper img.tmp-img {
 +
  opacity: 0.2;
 +
}
 +
.image-editable .upload-wrapper img {
 +
  max-width: 100%;
 +
}
 +
.image-editable .upload-wrapper:hover .instructions {
 +
  opacity: 1;
 +
}
 +
.image-editable .upload-wrapper .instructions {
 +
  opacity: 0;
 +
  -webkit-transition: opacity .2s ease-out;
 +
  transition: opacity .2s ease-out;
 +
  margin-top: 5px;
 +
}
 +
.image-editable .upload-wrapper .instructions span {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
  font-weight: 400;
 +
  font-size: 15px;
 +
  color: #344043;
 +
  margin-right: 7px;
 +
  vertical-align: middle;
 +
}
 +
.image-editable .upload-wrapper .instructions button {
 +
  vertical-align: middle;
 +
}
 +
.image-editable .upload-wrapper .del-btn {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
.image-editable .upload-wrapper > .del-btn {
 +
  opacity: 0;
 +
  -webkit-transition: opacity .2s ease-in;
 +
  transition: opacity .2s ease-in;
 +
}
 +
.image-editable .upload-wrapper > .del-btn:hover {
 +
  border: 1px solid #e96e51;
 +
  color: red;
 +
}
 +
.image-editable .upload-wrapper:hover > .del-btn {
 +
  opacity: 1;
 +
}
 +
.hiddenFocusEditable {
 +
  position: fixed;
 +
  top: 50%;
 +
  left: -100px;
 +
  height: 1px;
 +
  width: 0;
 +
  opacity: 0;
 +
  white-space: pre;
 +
}
 +
.cellResizer,
 +
.cellResizer .backdrop {
 +
  cursor: ew-resize;
 +
}
 +
.cellResizer.is-disabled {
 +
  display: none;
 +
}
 +
.cellResizer-line {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 0;
 +
  bottom: 0;
 +
  width: 10px;
 +
  margin-left: -5px;
 +
}
 +
.cellResizer-line.is-active {
 +
  background-color: #428ce1;
 +
  width: 1px;
 +
  margin-left: -0.5px;
 +
}
 +
.insertTable:not(:hover) {
 +
  opacity: 0.6;
 +
  /* TODO(T7328): Temporary hack to emphasize that insert table is not correct */
 +
}
 +
#editor .btn-af-default.btn-option.table-formatBtn,
 +
#protocols .btn-af-default.btn-option.table-formatBtn {
 +
  margin-left: -1px;
 +
  width: 25px;
 +
}
 +
/* Override bootstrap/print.less: don't render URLs inside a table as it interferes with cell sizing */
 +
@media print {
 +
  .mediocre-tableEditable-table a:after {
 +
    content: "";
 +
  }
 +
}
 +
.mediocre-titleEditor {
 +
  border: 1px solid transparent;
 +
  border-bottom: 1px solid #428ce1;
 +
}
 +
.mediocre-titleEditor .editable {
 +
  font-size: 32px;
 +
  outline: none;
 +
}
 +
.mediocre-titleEditor .editable:empty:after {
 +
  content: 'Title';
 +
  pointer-events: none;
 +
  color: #a2b9be;
 +
}
 +
.mediocre-titleEditor:hover:not(.is-locked) {
 +
  border: 1px solid #e8f0f2;
 +
  border-bottom: 1px solid #428ce1;
 +
}
 +
.mediocre-toolbar {
 +
  /* Use height/line-height to hide icons if they overflow */
 +
  height: 25px;
 +
  line-height: 35px;
 +
}
 +
.mediocre-toolbar > .btn-group {
 +
  line-height: 24px;
 +
  vertical-align: top;
 +
}
 +
.mediocre-toolbar .btn-group {
 +
  margin-right: 7px;
 +
}
 +
.mediocre-toolbar .btn-group:last-child {
 +
  margin-right: 0;
 +
}
 +
.mediocre-toolbar .btn-option:not(.dropdown-toggle) {
 +
  width: 25px;
 +
}
 +
.mediocre-toolbar .dropdown-menu .glyphicon,
 +
.mediocre-toolbar .dropdown-menu .fa,
 +
.mediocre-toolbar .dropdown-menu .unicodeIcon {
 +
  font-size: 12px;
 +
  margin-right: 5px;
 +
  margin-top: 0px;
 +
  width: 12px;
 +
}
 +
.mediocre-toolbar-dropdownBtn {
 +
  display: block;
 +
  /* Avoid extra space from line-height + inline-block issues */
 +
}
 +
.daySeparator {
 +
  height: 30px;
 +
  line-height: 30px;
 +
  position: relative;
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
}
 +
.daySeparator:hover .daySeparator-delete {
 +
  opacity: 1;
 +
}
 +
.daySeparator-inputWrapper {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
.daySeparator-inputWrapper-hiddenInput {
 +
  pointer-events: none;
 +
  opacity: 0;
 +
  height: 30px;
 +
}
 +
.daySeparator-delete {
 +
  position: absolute;
 +
  top: 50%;
 +
  left: -12px;
 +
  z-index: 1;
 +
  opacity: 0;
 +
  -webkit-transition: opacity 0.3s;
 +
  transition: opacity 0.3s;
 +
}
 +
.daySeparator-date {
 +
  z-index: 1;
 +
  position: relative;
 +
  background-color: white;
 +
  padding-right: 5px;
 +
  color: black;
 +
  cursor: pointer;
 +
}
 +
.daySeparator-line {
 +
  position: relative;
 +
  top: -50%;
 +
  height: 2px;
 +
  margin-top: -1px;
 +
  background-color: #e8f0f2;
 +
}
 +
/* Print */
 +
.printable-container {
 +
  -webkit-print-color-adjust: exact;
 +
  /*
 +
    Let tables take up as much space as needed since we currently have no solution for making a table wrap.
 +
    Note that this means that a wide table will be cut off, but at least we can show an accurate preview of
 +
    it in the editor, so that the user can pre-emptively resize their table to not get cut off. The user can
 +
    change page size / orientation to affect how much of the table gets cut off.
 +
  */
 +
  /* TODO(T7405): Cleanup nesting to require less specificity. */
 +
}
 +
.printable-container .mediocre .mediocre-tableEditable {
 +
  width: max-content;
 +
}
 +
.printable-container .mediocre .mediocre-tableEditable-scrollArea {
 +
  width: auto;
 +
}
 +
.printable-container .mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  display: none;
 +
  /* wkhtmltopdf doesn't support max-content. */
 +
}
 +
.printable-container .mediocre-tableEditable-scrollArea {
 +
  padding-left: 10px;
 +
}
 +
.printable-container .mediocre-tableEditable-titleBarWrapper {
 +
  padding-left: 10px;
 +
}
 +
/* Make previewing the print preview more pleasant */
 +
@media screen {
 +
  .printable-container {
 +
    pointer-events: none;
 +
    margin: 0 10mm;
 +
    /* NB: print.less sets @page {margin} */
 +
  }
 +
}
 +
@media print {
 +
  /*
 +
    We apply {overflow-x: hidden} so that the browser does not scale down the entry to fit wide tables. We
 +
    also add {overflow-y: hidden} to prevent wkhtmltopdf from generating a scrollbar unexpectedly.
 +
    NB: We didn't put the overflow on printable-container to ensure {page-break-after: always} works.
 +
    See: http://stackoverflow.com/a/21574057
 +
  */
 +
  .printable-page-container {
 +
    overflow: hidden;
 +
  }
 +
  .printable-page-container:not(:last-child) {
 +
    page-break-after: always;
 +
  }
 +
  .mediocre-titleEditor {
 +
    margin-top: 0;
 +
    /* It has a lot of margin-top for screens, but ends up being excessive for print. */
 +
  }
 +
  /*
 +
    wkhtmltopdf doesn't size the printable-container correctly (when an explicit width isn't given), so we
 +
    size it here. NB: it by default uses A4 page size with a margin of 10mm.
 +
    See: http://wkhtmltopdf.org/usage/wkhtmltopdf.txt
 +
  */
 +
  .printable-container {
 +
    width: 190mm;
 +
    /* TODO(T7405): Cleanup nesting to require less specificity. */
 +
  }
 +
  .printable-container .mediocre .mediocre-tableEditable-tableName {
 +
    display: inline-block;
 +
  }
 +
}
 +
html,
 +
body {
 +
  height: 100%;
 +
}
 +
.material-list-mixin {
 +
  list-style: none;
 +
  padding: 0 0 0 10px;
 +
}
 +
#editor .protocol-view-component .cm-comments .add-comment-icon {
 +
  display: none;
 +
}
 +
#editor .protocol-view-component .cm-target {
 +
  width: auto;
 +
}
 +
.buffer-tab-emptyEntryText {
 +
  position: absolute;
 +
  width: 100%;
 +
  top: 40%;
 +
  text-align: center;
 +
  font-size: 16px;
 +
  color: #a2b9be;
 +
}
 +
#editor .new-entry-protocol .new-protocol-header {
 +
  height: 46px;
 +
  margin-top: 20px;
 +
  margin-bottom: 10px;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-query {
 +
  border: 0;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  border-top: 1px solid #e8f0f2;
 +
  outline: 0;
 +
  height: 43px;
 +
  padding: 0px 10px;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-results-wrapper {
 +
  overflow-y: auto;
 +
  position: absolute;
 +
  top: 119px;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-results-wrapper.is-searching {
 +
  opacity: 0.5;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-result {
 +
  padding: 7px 10px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-result:hover {
 +
  background: #f8fafb;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-description {
 +
  margin-top: 7px;
 +
}
 +
#editor .new-entry-protocol .new-entry-protocol-result-date {
 +
  color: #2c76cc;
 +
}
 +
#protocols .btn-af-sized,
 +
#protocols .btn-af-default,
 +
#protocols .btn-af-primary,
 +
#protocols .btn-af-success,
 +
#protocols .btn-af-warning,
 +
#protocols .btn-af-danger {
 +
  min-height: 28px;
 +
  line-height: 20px;
 +
}
 +
#protocols .btn-af-sized.btn-option,
 +
#protocols .btn-af-default.btn-option,
 +
#protocols .btn-af-primary.btn-option,
 +
#protocols .btn-af-success.btn-option,
 +
#protocols .btn-af-warning.btn-option,
 +
#protocols .btn-af-danger.btn-option,
 +
#protocols .btn-af-sized.btn-sm,
 +
#protocols .btn-af-default.btn-sm,
 +
#protocols .btn-af-primary.btn-sm,
 +
#protocols .btn-af-success.btn-sm,
 +
#protocols .btn-af-warning.btn-sm,
 +
#protocols .btn-af-danger.btn-sm {
 +
  height: 24px;
 +
  min-height: 24px;
 +
  padding: 1px 5px;
 +
}
 +
#protocols .btn-af-sized.btn-option em,
 +
#protocols .btn-af-default.btn-option em,
 +
#protocols .btn-af-primary.btn-option em,
 +
#protocols .btn-af-success.btn-option em,
 +
#protocols .btn-af-warning.btn-option em,
 +
#protocols .btn-af-danger.btn-option em,
 +
#protocols .btn-af-sized.btn-sm em,
 +
#protocols .btn-af-default.btn-sm em,
 +
#protocols .btn-af-primary.btn-sm em,
 +
#protocols .btn-af-success.btn-sm em,
 +
#protocols .btn-af-warning.btn-sm em,
 +
#protocols .btn-af-danger.btn-sm em {
 +
  font-style: normal;
 +
  text-decoration: underline;
 +
}
 +
#protocols,
 +
.protocol-view-component,
 +
.protocol-mount {
 +
  /*
 +
  A .cell uses a fixed height `td` with 100%-tall `.cell-innerWrapper` to position elements absolutely
 +
  relative to the td, i.e. middle-right-aligned selector, bottom-right-aligned fill down box. While actively
 +
  editing a cell, this makes re-renders expensive. We disable the px/100% height and hide selectorDropdown to
 +
  improve performance.
 +
  */
 +
  /*
 +
    Render the dropdown on hover. NB: avoid setting position absolute/relative until hover
 +
    to avoid performance issues while typing.
 +
  */
 +
}
 +
#protocols > .alert,
 +
.protocol-view-component > .alert,
 +
.protocol-mount > .alert {
 +
  position: fixed;
 +
  top: 10px;
 +
  width: 600px;
 +
  left: 50%;
 +
  margin-left: -300px;
 +
  padding: 10px;
 +
  z-index: 9999;
 +
}
 +
#protocols .logo,
 +
.protocol-view-component .logo,
 +
.protocol-mount .logo {
 +
  width: 125px;
 +
  padding: 8px 0;
 +
}
 +
#protocols .nav-profile-img,
 +
.protocol-view-component .nav-profile-img,
 +
.protocol-mount .nav-profile-img {
 +
  margin-right: 5px;
 +
  border-radius: 3px;
 +
  margin-top: -2px;
 +
}
 +
#protocols .protocols-footer-wrapper,
 +
.protocol-view-component .protocols-footer-wrapper,
 +
.protocol-mount .protocols-footer-wrapper {
 +
  min-height: 100%;
 +
  padding-bottom: 285px;
 +
  margin: 0 auto -285px;
 +
}
 +
#protocols #logo.protocol-browser-showing,
 +
.protocol-view-component #logo.protocol-browser-showing,
 +
.protocol-mount #logo.protocol-browser-showing {
 +
  margin-left: 50%;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .container,
 +
  .protocol-view-component .container,
 +
  .protocol-mount .container {
 +
    max-width: 670px;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  #protocols .container,
 +
  .protocol-view-component .container,
 +
  .protocol-mount .container {
 +
    max-width: 900px;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  #protocols .container,
 +
  .protocol-view-component .container,
 +
  .protocol-mount .container {
 +
    max-width: 1000px;
 +
  }
 +
}
 +
#protocols .body-container,
 +
.protocol-view-component .body-container,
 +
.protocol-mount .body-container {
 +
  position: relative;
 +
}
 +
#protocols .anon-nav-link,
 +
.protocol-view-component .anon-nav-link,
 +
.protocol-mount .anon-nav-link {
 +
  float: right;
 +
  display: inline-block;
 +
  padding: 0 8px;
 +
  margin-left: 5px;
 +
  height: 50px;
 +
  line-height: 50px;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
}
 +
#protocols .user-dropdown,
 +
.protocol-view-component .user-dropdown,
 +
.protocol-mount .user-dropdown {
 +
  margin-top: 8px;
 +
}
 +
#protocols .user-dropdown .user-img:hover,
 +
.protocol-view-component .user-dropdown .user-img:hover,
 +
.protocol-mount .user-dropdown .user-img:hover {
 +
  border: 2px solid #428ce1;
 +
}
 +
#protocols .btn-extension .btn:first-child,
 +
.protocol-view-component .btn-extension .btn:first-child,
 +
.protocol-mount .btn-extension .btn:first-child {
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
}
 +
#protocols .btn-extension .btn-extension-box.btn,
 +
.protocol-view-component .btn-extension .btn-extension-box.btn,
 +
.protocol-mount .btn-extension .btn-extension-box.btn {
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
  background: #fff;
 +
}
 +
#protocols .btn-extension .btn-extension-box.btn:active,
 +
.protocol-view-component .btn-extension .btn-extension-box.btn:active,
 +
.protocol-mount .btn-extension .btn-extension-box.btn:active {
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
#protocols .protocol-header-border,
 +
.protocol-view-component .protocol-header-border,
 +
.protocol-mount .protocol-header-border {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  width: 100%;
 +
  margin-top: 10px;
 +
}
 +
#protocols .protocol-nav,
 +
.protocol-view-component .protocol-nav,
 +
.protocol-mount .protocol-nav {
 +
  position: absolute;
 +
  margin-left: -55px;
 +
}
 +
#protocols .protocol-nav.affix,
 +
.protocol-view-component .protocol-nav.affix,
 +
.protocol-mount .protocol-nav.affix {
 +
  position: fixed;
 +
  top: 0;
 +
}
 +
#protocols .protocol-nav.affix .step-by-step-btn,
 +
.protocol-view-component .protocol-nav.affix .step-by-step-btn,
 +
.protocol-mount .protocol-nav.affix .step-by-step-btn {
 +
  opacity: 1;
 +
}
 +
#protocols .protocol-nav.affix .step-by-step-btn a,
 +
.protocol-view-component .protocol-nav.affix .step-by-step-btn a,
 +
.protocol-mount .protocol-nav.affix .step-by-step-btn a {
 +
  color: #03c08d;
 +
  font-size: 18px;
 +
  margin-left: -2px;
 +
}
 +
#protocols .protocol-nav .step-by-step-btn,
 +
.protocol-view-component .protocol-nav .step-by-step-btn,
 +
.protocol-mount .protocol-nav .step-by-step-btn {
 +
  opacity: 0;
 +
  -webkit-transition: opacity 0.2s ease-out;
 +
  transition: opacity 0.2s ease-out;
 +
}
 +
#protocols .protocol-nav .step-by-step-btn:active .glyphicon,
 +
.protocol-view-component .protocol-nav .step-by-step-btn:active .glyphicon,
 +
.protocol-mount .protocol-nav .step-by-step-btn:active .glyphicon {
 +
  color: #428ce1;
 +
}
 +
#protocols .protocol-nav li a,
 +
.protocol-view-component .protocol-nav li a,
 +
.protocol-mount .protocol-nav li a {
 +
  color: #a2b9be;
 +
  font-size: 14px;
 +
  -webkit-transition: margin-left 0.2s ease-out;
 +
  transition: margin-left 0.2s ease-out;
 +
  margin-left: 0;
 +
}
 +
#protocols .protocol-nav li a:hover,
 +
.protocol-view-component .protocol-nav li a:hover,
 +
.protocol-mount .protocol-nav li a:hover {
 +
  color: #5c7c83;
 +
  background: none;
 +
}
 +
#protocols .protocol-nav li.active a,
 +
.protocol-view-component .protocol-nav li.active a,
 +
.protocol-mount .protocol-nav li.active a {
 +
  color: #428ce1;
 +
  padding-right: 14px;
 +
  margin-left: -2px;
 +
}
 +
#protocols .mediocre-tableEditable-titleBarWrapper,
 +
.protocol-view-component .mediocre-tableEditable-titleBarWrapper,
 +
.protocol-mount .mediocre-tableEditable-titleBarWrapper {
 +
  padding-top: 10px;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
}
 +
#protocols .mediocre-tableEditable-titleBar,
 +
.protocol-view-component .mediocre-tableEditable-titleBar,
 +
.protocol-mount .mediocre-tableEditable-titleBar {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 31px;
 +
}
 +
#protocols .table-floater-wrapper,
 +
.protocol-view-component .table-floater-wrapper,
 +
.protocol-mount .table-floater-wrapper {
 +
  -webkit-flex: 1 1 400px;
 +
  -moz-flex: 1 1 400px;
 +
  -ms-flex: 1 1 400px;
 +
  flex: 1 1 400px;
 +
  min-width: 400px;
 +
}
 +
#protocols .table-floater,
 +
.protocol-view-component .table-floater,
 +
.protocol-mount .table-floater {
 +
  padding: 2px;
 +
}
 +
#protocols .table-floater .formula-toolbar,
 +
.protocol-view-component .table-floater .formula-toolbar,
 +
.protocol-mount .table-floater .formula-toolbar {
 +
  width: 100%;
 +
  position: relative;
 +
  display: table;
 +
}
 +
#protocols .table-floater .formula-toolbar-component,
 +
.protocol-view-component .table-floater .formula-toolbar-component,
 +
.protocol-mount .table-floater .formula-toolbar-component {
 +
  height: 24px;
 +
}
 +
#protocols .table-floater .formula-group-wrapper,
 +
.protocol-view-component .table-floater .formula-group-wrapper,
 +
.protocol-mount .table-floater .formula-group-wrapper {
 +
  display: table-cell;
 +
  vertical-align: top;
 +
  width: 1%;
 +
}
 +
#protocols .table-floater .formula-group-wrapper.fill-remaining-width,
 +
.protocol-view-component .table-floater .formula-group-wrapper.fill-remaining-width,
 +
.protocol-mount .table-floater .formula-group-wrapper.fill-remaining-width {
 +
  width: auto;
 +
}
 +
#protocols .table-floater .formula-group-wrapper .btn-group,
 +
.protocol-view-component .table-floater .formula-group-wrapper .btn-group,
 +
.protocol-mount .table-floater .formula-group-wrapper .btn-group {
 +
  white-space: nowrap;
 +
}
 +
#protocols .table-floater .formula-group-wrapper .btn-group .btn,
 +
.protocol-view-component .table-floater .formula-group-wrapper .btn-group .btn,
 +
.protocol-mount .table-floater .formula-group-wrapper .btn-group .btn {
 +
  float: none;
 +
}
 +
#protocols .table-floater .formula-box-wrapper,
 +
.protocol-view-component .table-floater .formula-box-wrapper,
 +
.protocol-mount .table-floater .formula-box-wrapper {
 +
  width: 100%;
 +
}
 +
#protocols .table-floater .formula-box-wrapper .current-cell-label,
 +
.protocol-view-component .table-floater .formula-box-wrapper .current-cell-label,
 +
.protocol-mount .table-floater .formula-box-wrapper .current-cell-label {
 +
  background-color: white;
 +
  border-right: none;
 +
  border-left: none;
 +
  padding: 2px 0 3px 4px;
 +
}
 +
#protocols .table-floater .formula-box-wrapper .fx-icon,
 +
.protocol-view-component .table-floater .formula-box-wrapper .fx-icon,
 +
.protocol-mount .table-floater .formula-box-wrapper .fx-icon {
 +
  font-size: 12px;
 +
  text-transform: none;
 +
}
 +
#protocols .table-floater .formula-box-wrapper .formula-box,
 +
.protocol-view-component .table-floater .formula-box-wrapper .formula-box,
 +
.protocol-mount .table-floater .formula-box-wrapper .formula-box {
 +
  border-left: none;
 +
  border-top: 1px solid #c9d8db;
 +
  border-right: 1px solid #c9d8db;
 +
  border-bottom: 1px solid #c9d8db;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
  padding: 2px 4px;
 +
  display: block;
 +
  width: 100%;
 +
  overflow-y: auto;
 +
  height: 24px;
 +
}
 +
#protocols .table-floater .current-cell-label .popover,
 +
.protocol-view-component .table-floater .current-cell-label .popover,
 +
.protocol-mount .table-floater .current-cell-label .popover {
 +
  max-width: 500px;
 +
}
 +
#protocols .table-floater .table-error-msg,
 +
.protocol-view-component .table-floater .table-error-msg,
 +
.protocol-mount .table-floater .table-error-msg {
 +
  font-size: 11px;
 +
  line-height: 1.5em;
 +
  vertical-align: middle;
 +
}
 +
#protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border,
 +
.protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border,
 +
.protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
#protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border,
 +
.protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border,
 +
.protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
#protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after,
 +
.protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after,
 +
.protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after {
 +
  color: #344043;
 +
}
 +
#protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box,
 +
.protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box,
 +
.protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box,
 +
#protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover,
 +
.protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover,
 +
.protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover {
 +
  background-color: white;
 +
}
 +
#protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover,
 +
.protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover,
 +
.protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover {
 +
  background-color: #bad3f0;
 +
}
 +
#protocols .mediocre-tableEditable,
 +
.protocol-view-component .mediocre-tableEditable,
 +
.protocol-mount .mediocre-tableEditable {
 +
  overflow-x: hidden;
 +
  padding-bottom: 10px;
 +
  position: relative;
 +
}
 +
#protocols .mediocre-tableEditable-tableName,
 +
.protocol-view-component .mediocre-tableEditable-tableName,
 +
.protocol-mount .mediocre-tableEditable-tableName {
 +
  border: 1px solid #c9d8db;
 +
  border-bottom: none;
 +
  background-color: #f8fafb;
 +
  -webkit-flex: 0 0 auto;
 +
  -moz-flex: 0 0 auto;
 +
  -ms-flex: 0 0 auto;
 +
  flex: 0 0 auto;
 +
  height: 31px;
 +
  max-width: calc(100% - 30px);
 +
  line-height: 31px;
 +
  padding: 0px 10px;
 +
  -webkit-transition: all 0.3s ease-out;
 +
  transition: all 0.3s ease-out;
 +
  /* `all` easier to use than `flex-shrink` with all vendor prefixes */
 +
}
 +
#protocols .mediocre-tableEditable-tableName--shrink,
 +
.protocol-view-component .mediocre-tableEditable-tableName--shrink,
 +
.protocol-mount .mediocre-tableEditable-tableName--shrink {
 +
  -webkit-flex: 0 1 auto;
 +
  -moz-flex: 0 1 auto;
 +
  -ms-flex: 0 1 auto;
 +
  flex: 0 1 auto;
 +
}
 +
#protocols .mediocre-tableEditable-scrollArea,
 +
.protocol-view-component .mediocre-tableEditable-scrollArea,
 +
.protocol-mount .mediocre-tableEditable-scrollArea {
 +
  overflow-x: auto;
 +
  width: 100%;
 +
  padding-top: 41px;
 +
}
 +
#protocols .mediocre-tableEditable-scrollArea::-webkit-scrollbar,
 +
.protocol-view-component .mediocre-tableEditable-scrollArea::-webkit-scrollbar,
 +
.protocol-mount .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#protocols .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track,
 +
.protocol-view-component .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track,
 +
.protocol-mount .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#protocols .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track,
 +
.protocol-view-component .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track,
 +
.protocol-mount .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#protocols .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb,
 +
.protocol-view-component .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb,
 +
.protocol-mount .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#protocols .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb,
 +
.protocol-view-component .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb,
 +
.protocol-mount .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#protocols .mediocre-tableEditable-maximizeIcon,
 +
.protocol-view-component .mediocre-tableEditable-maximizeIcon,
 +
.protocol-mount .mediocre-tableEditable-maximizeIcon {
 +
  -webkit-transform: rotate(-45deg);
 +
  -moz-transform: rotate(-45deg);
 +
  -ms-transform: rotate(-45deg);
 +
  -o-transform: rotate(-45deg);
 +
  transform: rotate(-45deg);
 +
  -webkit-transform-origin: 5px 5px;
 +
  -moz-transform-origin: 5px 5px;
 +
  -ms-transform-origin: 5px 5px;
 +
  -o-transform-origin: 5px 5px;
 +
  transform-origin: 5px 5px;
 +
}
 +
#protocols .mediocre-tableEditable-maximizeButton,
 +
.protocol-view-component .mediocre-tableEditable-maximizeButton,
 +
.protocol-mount .mediocre-tableEditable-maximizeButton,
 +
#protocols .mediocre-tableEditable-axisCell-dropdown,
 +
.protocol-view-component .mediocre-tableEditable-axisCell-dropdown,
 +
.protocol-mount .mediocre-tableEditable-axisCell-dropdown {
 +
  color: #c9d8db;
 +
}
 +
#protocols .tableEditable-maximizedWrapper,
 +
.protocol-view-component .tableEditable-maximizedWrapper,
 +
.protocol-mount .tableEditable-maximizedWrapper {
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  background: #f8fafb;
 +
  overflow-y: auto;
 +
}
 +
#protocols .tableEditable-maximizedWrapper::-webkit-scrollbar,
 +
.protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar,
 +
.protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#protocols .tableEditable-maximizedWrapper::-webkit-scrollbar-track,
 +
.protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar-track,
 +
.protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#protocols .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track,
 +
.protocol-view-component .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track,
 +
.protocol-mount .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#protocols .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb,
 +
.protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb,
 +
.protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#protocols .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb,
 +
.protocol-view-component .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb,
 +
.protocol-mount .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable {
 +
  padding-bottom: 0;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName {
 +
  border: none;
 +
  background-color: initial;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton {
 +
  border-top: none;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row,
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell {
 +
  border-left: none;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper {
 +
  padding-top: 3px;
 +
  background-color: white;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable {
 +
  height: 100%;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea {
 +
  position: absolute;
 +
  padding-top: 0;
 +
  top: 35px;
 +
  bottom: 0;
 +
  left: 0;
 +
  overflow-y: auto;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb,
 +
.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb,
 +
.protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#protocols .cell,
 +
.protocol-view-component .cell,
 +
.protocol-mount .cell {
 +
  background-color: white;
 +
}
 +
#protocols .cell-fillDownSquare,
 +
.protocol-view-component .cell-fillDownSquare,
 +
.protocol-mount .cell-fillDownSquare {
 +
  position: absolute;
 +
  right: -12px;
 +
  bottom: -10px;
 +
  width: 16px;
 +
  height: 16px;
 +
  padding: 4px;
 +
  z-index: 1;
 +
  cursor: crosshair;
 +
}
 +
#protocols .cell-fillDownSquare-fill,
 +
.protocol-view-component .cell-fillDownSquare-fill,
 +
.protocol-mount .cell-fillDownSquare-fill {
 +
  background-color: #428ce1;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#protocols span.cell-highlight-0,
 +
.protocol-view-component span.cell-highlight-0,
 +
.protocol-mount span.cell-highlight-0 {
 +
  color: #0000fb;
 +
}
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(0, 0, 255, 0.2);
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(0, 0, 153, 0.2);
 +
}
 +
#protocols span.cell-highlight-1,
 +
.protocol-view-component span.cell-highlight-1,
 +
.protocol-mount span.cell-highlight-1 {
 +
  color: #007c00;
 +
}
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(0, 128, 0, 0.2);
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(0, 26, 0, 0.2);
 +
}
 +
#protocols span.cell-highlight-2,
 +
.protocol-view-component span.cell-highlight-2,
 +
.protocol-mount span.cell-highlight-2 {
 +
  color: #fba200;
 +
}
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(255, 165, 0, 0.2);
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(153, 99, 0, 0.2);
 +
}
 +
#protocols span.cell-highlight-3,
 +
.protocol-view-component span.cell-highlight-3,
 +
.protocol-mount span.cell-highlight-3 {
 +
  color: #7c007c;
 +
}
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(128, 0, 128, 0.2);
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(26, 0, 26, 0.2);
 +
}
 +
#protocols span.cell-highlight-4,
 +
.protocol-view-component span.cell-highlight-4,
 +
.protocol-mount span.cell-highlight-4 {
 +
  color: #fbd400;
 +
}
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected),
 +
#protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected),
 +
.protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected),
 +
.protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(255, 215, 0, 0.2);
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover,
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(153, 129, 0, 0.2);
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover {
 +
  background-color: #bad3f0;
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover {
 +
  background-color: white;
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover {
 +
  background-color: #9ac2ef;
 +
}
 +
#protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover,
 +
.protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover,
 +
.protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover {
 +
  background-color: #6ea7e8;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.selected,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.selected:empty:after,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected:empty:after,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected:empty:after,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after {
 +
  color: #344043;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.selected.formula-box,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.formula-box,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.formula-box,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box,
 +
#protocols .mediocre-tableEditable-table .cell.selected.formula-box:hover,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.formula-box:hover,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.formula-box:hover,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover {
 +
  background-color: white;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.selected.dbl-selected,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.dbl-selected,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.dbl-selected,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected {
 +
  /* Avoid a 1px gap between the box-shadow and the border of a td: https://crbug.com/137481 */
 +
  box-shadow: inset 0px 0px 0px 2px #428ce1;
 +
  border-bottom: none;
 +
  border-right: none;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.selected.dbl-selected.editing,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.dbl-selected.editing,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.dbl-selected.editing,
 +
#protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing,
 +
.protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing {
 +
  background-color: white;
 +
  box-shadow: inset 0px 0px 0px 2px #428ce1, 0 2px 5px rgba(0, 0, 0, 0.4);
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.is-ghost-cell,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.is-ghost-cell,
 +
.protocol-mount .mediocre-tableEditable-table .cell.is-ghost-cell {
 +
  background-color: #f8fafb;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge,
 +
.protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge {
 +
  border-left: 1px dashed #428ce1;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge,
 +
.protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge {
 +
  border-right: 1px dashed #428ce1;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge,
 +
.protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge {
 +
  border-top: 1px dashed #428ce1;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge,
 +
.protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge {
 +
  border-bottom: 1px dashed #428ce1;
 +
}
 +
#protocols .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell,
 +
.protocol-view-component .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell,
 +
.protocol-mount .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell {
 +
  background-color: #dceaf9;
 +
}
 +
#protocols .mediocre-tableEditable-table .header-cell,
 +
.protocol-view-component .mediocre-tableEditable-table .header-cell,
 +
.protocol-mount .mediocre-tableEditable-table .header-cell {
 +
  background-color: #c6dcf6;
 +
  text-align: center;
 +
}
 +
#protocols .mediocre-tableEditable-table .header-cell.selected,
 +
.protocol-view-component .mediocre-tableEditable-table .header-cell.selected,
 +
.protocol-mount .mediocre-tableEditable-table .header-cell.selected {
 +
  background-color: #9ac2ef;
 +
}
 +
#protocols .mediocre-tableEditable-table .header-cell.selected.dbl-selected,
 +
.protocol-view-component .mediocre-tableEditable-table .header-cell.selected.dbl-selected,
 +
.protocol-mount .mediocre-tableEditable-table .header-cell.selected.dbl-selected {
 +
  background-color: #e4eef9;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper {
 +
  position: relative;
 +
  padding-bottom: 10px;
 +
}
 +
#protocols .cell-innerWrapper,
 +
.protocol-view-component .cell-innerWrapper,
 +
.protocol-mount .cell-innerWrapper {
 +
  height: 100%;
 +
  /* Vertically fill the td */
 +
  position: relative;
 +
  /* for selectors and errors */
 +
}
 +
#protocols .cell-error,
 +
.protocol-view-component .cell-error,
 +
.protocol-mount .cell-error {
 +
  position: relative;
 +
}
 +
#protocols .cell-error:after,
 +
.protocol-view-component .cell-error:after,
 +
.protocol-mount .cell-error:after {
 +
  content: "";
 +
  width: 0;
 +
  height: 0;
 +
  border-style: solid;
 +
  border-width: 0 10px 10px 0;
 +
  border-color: transparent #e96e51 transparent transparent;
 +
  position: absolute;
 +
  right: -4px;
 +
  top: -2px;
 +
}
 +
#protocols .cell,
 +
.protocol-view-component .cell,
 +
.protocol-mount .cell {
 +
  vertical-align: top;
 +
  height: 24px;
 +
  /* An explicit height let's cell-innerWrapper vertically fill the cell */
 +
  padding: 2px 4px;
 +
  border-radius: 0;
 +
  word-wrap: break-word;
 +
}
 +
#protocols .cell.is-bold,
 +
.protocol-view-component .cell.is-bold,
 +
.protocol-mount .cell.is-bold {
 +
  font-weight: 700;
 +
}
 +
#protocols .cell.is-underline,
 +
.protocol-view-component .cell.is-underline,
 +
.protocol-mount .cell.is-underline {
 +
  text-decoration: underline;
 +
}
 +
#protocols .cell.is-italic,
 +
.protocol-view-component .cell.is-italic,
 +
.protocol-mount .cell.is-italic {
 +
  font-style: italic;
 +
}
 +
#protocols .cell.is-value,
 +
.protocol-view-component .cell.is-value,
 +
.protocol-mount .cell.is-value {
 +
  overflow: hidden;
 +
  white-space: nowrap;
 +
}
 +
#protocols .cell.is-text,
 +
.protocol-view-component .cell.is-text,
 +
.protocol-mount .cell.is-text {
 +
  white-space: pre-wrap;
 +
  word-wrap: break-word;
 +
}
 +
#protocols .cell.is-alignLeft,
 +
.protocol-view-component .cell.is-alignLeft,
 +
.protocol-mount .cell.is-alignLeft {
 +
  text-align: left;
 +
}
 +
#protocols .cell.is-alignCenter,
 +
.protocol-view-component .cell.is-alignCenter,
 +
.protocol-mount .cell.is-alignCenter {
 +
  text-align: center;
 +
}
 +
#protocols .cell.is-alignRight,
 +
.protocol-view-component .cell.is-alignRight,
 +
.protocol-mount .cell.is-alignRight {
 +
  text-align: right;
 +
}
 +
#protocols .cell:not(.editing) .editable,
 +
.protocol-view-component .cell:not(.editing) .editable,
 +
.protocol-mount .cell:not(.editing) .editable {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
}
 +
#protocols .cell-contents.has-selector,
 +
.protocol-view-component .cell-contents.has-selector,
 +
.protocol-mount .cell-contents.has-selector {
 +
  padding-right: 23px;
 +
}
 +
#protocols .selectorDropdown,
 +
.protocol-view-component .selectorDropdown,
 +
.protocol-mount .selectorDropdown {
 +
  position: absolute;
 +
  right: 4px;
 +
  top: 50%;
 +
  line-height: 12px;
 +
  margin-top: -6px;
 +
}
 +
#protocols .selectorDropdown-button,
 +
.protocol-view-component .selectorDropdown-button,
 +
.protocol-mount .selectorDropdown-button {
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
}
 +
#protocols .cell:hover .selectorDropdown-button,
 +
.protocol-view-component .cell:hover .selectorDropdown-button,
 +
.protocol-mount .cell:hover .selectorDropdown-button,
 +
#protocols .selectorDropdown-button.is-open,
 +
.protocol-view-component .selectorDropdown-button.is-open,
 +
.protocol-mount .selectorDropdown-button.is-open {
 +
  color: #2172cf;
 +
}
 +
#protocols .selectorDropdown-list,
 +
.protocol-view-component .selectorDropdown-list,
 +
.protocol-mount .selectorDropdown-list {
 +
  max-width: 200px;
 +
}
 +
#protocols .selectorDropdown-list a,
 +
.protocol-view-component .selectorDropdown-list a,
 +
.protocol-mount .selectorDropdown-list a {
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper--activeCell .cell,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell {
 +
  vertical-align: top;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper {
 +
  height: auto;
 +
  position: static;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,
 +
#protocols .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown {
 +
  display: none;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable {
 +
  cursor: crosshair;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable {
 +
  cursor: not-allowed;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell,
 +
.protocol-view-component .mediocre-tableEditable-axisCell,
 +
.protocol-mount .mediocre-tableEditable-axisCell {
 +
  background-color: #f8fafb;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  font-family: 'Inconsolata';
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell.has-custom-label,
 +
.protocol-view-component .mediocre-tableEditable-axisCell.has-custom-label,
 +
.protocol-mount .mediocre-tableEditable-axisCell.has-custom-label {
 +
  font-style: italic;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell {
 +
  border: 1px solid #c9d8db;
 +
}
 +
#protocols .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
.protocol-view-component .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
.protocol-mount .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col {
 +
  height: 24px;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell.is-ghost-cell,
 +
.protocol-view-component .mediocre-tableEditable-axisCell.is-ghost-cell,
 +
.protocol-mount .mediocre-tableEditable-axisCell.is-ghost-cell {
 +
  background-color: #feffff;
 +
  color: #a2b9be;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell.is-selected,
 +
.protocol-view-component .mediocre-tableEditable-axisCell.is-selected,
 +
.protocol-mount .mediocre-tableEditable-axisCell.is-selected,
 +
#protocols .mediocre-tableEditable-axisCell:hover,
 +
.protocol-view-component .mediocre-tableEditable-axisCell:hover,
 +
.protocol-mount .mediocre-tableEditable-axisCell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell-dropdown,
 +
.protocol-view-component .mediocre-tableEditable-axisCell-dropdown,
 +
.protocol-mount .mediocre-tableEditable-axisCell-dropdown {
 +
  display: none;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper,
 +
.protocol-view-component .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper,
 +
.protocol-mount .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper {
 +
  position: relative;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown,
 +
.protocol-view-component .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown,
 +
.protocol-mount .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown {
 +
  display: inline;
 +
  position: absolute;
 +
  right: 4px;
 +
}
 +
#protocols .mediocre-tableEditable-axisCell-num,
 +
.protocol-view-component .mediocre-tableEditable-axisCell-num,
 +
.protocol-mount .mediocre-tableEditable-axisCell-num {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
#protocols .mediocre-tableEditable-addRowDraggerCell,
 +
.protocol-view-component .mediocre-tableEditable-addRowDraggerCell,
 +
.protocol-mount .mediocre-tableEditable-addRowDraggerCell {
 +
  font-size: 10px;
 +
  cursor: ns-resize;
 +
}
 +
#protocols .mediocre-tableEditable-table,
 +
.protocol-view-component .mediocre-tableEditable-table,
 +
.protocol-mount .mediocre-tableEditable-table {
 +
  table-layout: fixed;
 +
  position: relative;
 +
  max-width: none;
 +
}
 +
#protocols .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell,
 +
.protocol-view-component .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell,
 +
.protocol-mount .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell {
 +
  height: 20px;
 +
}
 +
#protocols .mediocre-tableEditable-table td,
 +
.protocol-view-component .mediocre-tableEditable-table td,
 +
.protocol-mount .mediocre-tableEditable-table td {
 +
  border: 1px solid #c9d8db;
 +
}
 +
#protocols .procedure-table,
 +
.protocol-view-component .procedure-table,
 +
.protocol-mount .procedure-table {
 +
  padding: 5px 20px;
 +
}
 +
#protocols .procedure-table table,
 +
.protocol-view-component .procedure-table table,
 +
.protocol-mount .procedure-table table {
 +
  table-layout: fixed;
 +
  width: 100%;
 +
  margin-bottom: 5px;
 +
}
 +
#protocols .procedure-table table.header-row thead tr td,
 +
.protocol-view-component .procedure-table table.header-row thead tr td,
 +
.protocol-mount .procedure-table table.header-row thead tr td,
 +
#protocols .procedure-table table.header-col tr td:first-child,
 +
.protocol-view-component .procedure-table table.header-col tr td:first-child,
 +
.protocol-mount .procedure-table table.header-col tr td:first-child {
 +
  background-color: #c6dcf6;
 +
  font-weight: 700;
 +
  text-align: center;
 +
}
 +
#protocols .procedure-table table.header-row thead tr td::selection,
 +
.protocol-view-component .procedure-table table.header-row thead tr td::selection,
 +
.protocol-mount .procedure-table table.header-row thead tr td::selection,
 +
#protocols .procedure-table table.header-col tr td:first-child::selection,
 +
.protocol-view-component .procedure-table table.header-col tr td:first-child::selection,
 +
.protocol-mount .procedure-table table.header-col tr td:first-child::selection {
 +
  background-color: #9ac2ef;
 +
}
 +
#protocols .procedure-table table tr td,
 +
.protocol-view-component .procedure-table table tr td,
 +
.protocol-mount .procedure-table table tr td {
 +
  border: 1px solid #a2b9be;
 +
  padding: 4px 8px;
 +
  word-wrap: break-word;
 +
}
 +
#protocols .procedure-table table tr td:empty:after,
 +
.protocol-view-component .procedure-table table tr td:empty:after,
 +
.protocol-mount .procedure-table table tr td:empty:after {
 +
  content: '\00A0';
 +
}
 +
#protocols .procedure-image,
 +
.protocol-view-component .procedure-image,
 +
.protocol-mount .procedure-image {
 +
  text-align: center;
 +
  padding: 5px 0px;
 +
}
 +
#protocols .procedure-image img,
 +
.protocol-view-component .procedure-image img,
 +
.protocol-mount .procedure-image img {
 +
  max-width: 100%;
 +
  border: 2px solid #e8f0f2;
 +
  padding: 5px;
 +
}
 +
#protocols .procedure-image .glyphicon,
 +
.protocol-view-component .procedure-image .glyphicon,
 +
.protocol-mount .procedure-image .glyphicon {
 +
  color: #e8f0f2;
 +
  font-size: 200px;
 +
  height: 200px;
 +
}
 +
#protocols .protocol-condensed-mixin .hide-when-condensed,
 +
.protocol-view-component .protocol-condensed-mixin .hide-when-condensed,
 +
.protocol-mount .protocol-condensed-mixin .hide-when-condensed {
 +
  display: none;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-header .protocol-title,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-header .protocol-title,
 +
.protocol-mount .protocol-condensed-mixin .protocol-header .protocol-title {
 +
  width: 80%;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-header .btn-toolbar,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-header .btn-toolbar,
 +
.protocol-mount .protocol-condensed-mixin .protocol-header .btn-toolbar {
 +
  width: 20%;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-header .btn-toolbar > .btn-group,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-header .btn-toolbar > .btn-group,
 +
.protocol-mount .protocol-condensed-mixin .protocol-header .btn-toolbar > .btn-group {
 +
  margin-left: 5px;
 +
  margin-bottom: 5px;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-header .btn-extension .btn,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-header .btn-extension .btn,
 +
.protocol-mount .protocol-condensed-mixin .protocol-header .btn-extension .btn {
 +
  border-top-right-radius: 3px;
 +
  border-bottom-right-radius: 3px;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-header .btn-extension .btn-extension-box,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-header .btn-extension .btn-extension-box,
 +
.protocol-mount .protocol-condensed-mixin .protocol-header .btn-extension .btn-extension-box {
 +
  display: none;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-condensed-col,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-condensed-col,
 +
.protocol-mount .protocol-condensed-mixin .protocol-condensed-col {
 +
  width: 100%;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-extra-info .extra-text,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-extra-info .extra-text,
 +
.protocol-mount .protocol-condensed-mixin .protocol-extra-info .extra-text {
 +
  display: none;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-section .commentable-wrapper,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-section .commentable-wrapper,
 +
.protocol-mount .protocol-condensed-mixin .protocol-section .commentable-wrapper,
 +
#protocols .protocol-condensed-mixin .protocol-section .commentable-wrapper:hover,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-section .commentable-wrapper:hover,
 +
.protocol-mount .protocol-condensed-mixin .protocol-section .commentable-wrapper:hover {
 +
  border-left: 0;
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-section .cm-target,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-section .cm-target,
 +
.protocol-mount .protocol-condensed-mixin .protocol-section .cm-target {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .protocol-condensed-mixin .protocol-section .cm-target,
 +
  .protocol-view-component .protocol-condensed-mixin .protocol-section .cm-target,
 +
  .protocol-mount .protocol-condensed-mixin .protocol-section .cm-target {
 +
    float: left;
 +
    width: 100%;
 +
  }
 +
}
 +
#protocols .protocol-condensed-mixin .protocol-comments,
 +
.protocol-view-component .protocol-condensed-mixin .protocol-comments,
 +
.protocol-mount .protocol-condensed-mixin .protocol-comments {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .protocol-condensed-mixin .protocol-comments,
 +
  .protocol-view-component .protocol-condensed-mixin .protocol-comments,
 +
  .protocol-mount .protocol-condensed-mixin .protocol-comments {
 +
    float: left;
 +
    width: 100%;
 +
  }
 +
}
 +
#protocols .protocol-page h1,
 +
.protocol-view-component .protocol-page h1,
 +
.protocol-mount .protocol-page h1 {
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
#protocols .protocol-page .draft-indicator,
 +
.protocol-view-component .protocol-page .draft-indicator,
 +
.protocol-mount .protocol-page .draft-indicator {
 +
  text-transform: uppercase;
 +
  color: #a2b9be;
 +
  margin-left: 10px;
 +
  font-size: 16px;
 +
  line-height: 20px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
}
 +
#protocols .protocol-page,
 +
.protocol-view-component .protocol-page,
 +
.protocol-mount .protocol-page {
 +
  position: relative;
 +
}
 +
#protocols .protocol-page .protocol-resize-container,
 +
.protocol-view-component .protocol-page .protocol-resize-container,
 +
.protocol-mount .protocol-page .protocol-resize-container {
 +
  width: 100%;
 +
  margin-left: 0;
 +
  -webkit-transition: margin-left .2s ease-out;
 +
  transition: margin-left .2s ease-out;
 +
}
 +
#protocols .category-banner,
 +
.protocol-view-component .category-banner,
 +
.protocol-mount .category-banner {
 +
  position: relative;
 +
  background: no-repeat center;
 +
  background-size: cover;
 +
  padding: 15px;
 +
  min-height: 100px;
 +
}
 +
#protocols .category-banner .background-fill,
 +
.protocol-view-component .category-banner .background-fill,
 +
.protocol-mount .category-banner .background-fill {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  z-index: 0;
 +
  opacity: 0.8;
 +
}
 +
#protocols .category-banner .category-name,
 +
.protocol-view-component .category-banner .category-name,
 +
.protocol-mount .category-banner .category-name {
 +
  position: relative;
 +
  z-index: 1;
 +
  text-transform: uppercase;
 +
  font-weight: 700;
 +
  font-size: 22px;
 +
  color: white;
 +
}
 +
#protocols .category-banner .author-excerpt,
 +
.protocol-view-component .category-banner .author-excerpt,
 +
.protocol-mount .category-banner .author-excerpt {
 +
  position: relative;
 +
  z-index: 2;
 +
  margin-top: 5px;
 +
}
 +
#protocols .category-banner .author-excerpt .user-img,
 +
.protocol-view-component .category-banner .author-excerpt .user-img,
 +
.protocol-mount .category-banner .author-excerpt .user-img {
 +
  margin-right: 5px;
 +
  border: none;
 +
  border-radius: 3px;
 +
  opacity: 0.8;
 +
}
 +
#protocols .category-banner .author-excerpt .user-img img,
 +
.protocol-view-component .category-banner .author-excerpt .user-img img,
 +
.protocol-mount .category-banner .author-excerpt .user-img img {
 +
  width: 32px;
 +
  height: 32px;
 +
}
 +
#protocols .protocol-header,
 +
.protocol-view-component .protocol-header,
 +
.protocol-mount .protocol-header {
 +
  padding-top: 20px;
 +
}
 +
#protocols .protocol-header .protocol-title,
 +
.protocol-view-component .protocol-header .protocol-title,
 +
.protocol-mount .protocol-header .protocol-title {
 +
  width: 66%;
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
  position: relative;
 +
}
 +
#protocols .protocol-header .protocol-title h1,
 +
.protocol-view-component .protocol-header .protocol-title h1,
 +
.protocol-mount .protocol-header .protocol-title h1 {
 +
  margin: 0;
 +
  font-size: 30px;
 +
}
 +
#protocols .protocol-header .btn-toolbar,
 +
.protocol-view-component .protocol-header .btn-toolbar,
 +
.protocol-mount .protocol-header .btn-toolbar {
 +
  width: 34%;
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
#protocols .protocol-header .btn-toolbar > .btn-group,
 +
.protocol-view-component .protocol-header .btn-toolbar > .btn-group,
 +
.protocol-mount .protocol-header .btn-toolbar > .btn-group {
 +
  float: right;
 +
  margin-top: 5px;
 +
  margin-left: 15px;
 +
}
 +
#protocols .protocol-header .btn-toolbar > .btn-group:last-child,
 +
.protocol-view-component .protocol-header .btn-toolbar > .btn-group:last-child,
 +
.protocol-mount .protocol-header .btn-toolbar > .btn-group:last-child {
 +
  margin-left: 0;
 +
}
 +
#protocols .protocol-updated,
 +
.protocol-view-component .protocol-updated,
 +
.protocol-mount .protocol-updated {
 +
  margin-bottom: 10px;
 +
  color: #a2b9be;
 +
}
 +
#protocols .protocol-section h2,
 +
.protocol-view-component .protocol-section h2,
 +
.protocol-mount .protocol-section h2,
 +
#protocols .protocol-editor h2,
 +
.protocol-view-component .protocol-editor h2,
 +
.protocol-mount .protocol-editor h2 {
 +
  font-size: 24px;
 +
  margin-top: 20px;
 +
}
 +
#protocols .step-type,
 +
.protocol-view-component .step-type,
 +
.protocol-mount .step-type {
 +
  font-weight: 700;
 +
  margin-right: 5px;
 +
}
 +
#protocols .step-type:before,
 +
.protocol-view-component .step-type:before,
 +
.protocol-mount .step-type:before {
 +
  display: inline-block;
 +
  content: ' ';
 +
  width: 0;
 +
  height: 0;
 +
  margin-right: 3px;
 +
}
 +
#protocols .step-type-critical,
 +
.protocol-view-component .step-type-critical,
 +
.protocol-mount .step-type-critical {
 +
  color: #428ce1;
 +
}
 +
#protocols .step-type-critical:before,
 +
.protocol-view-component .step-type-critical:before,
 +
.protocol-mount .step-type-critical:before {
 +
  border-left: 6px solid transparent;
 +
  border-right: 6px solid transparent;
 +
  border-top: 9px solid #428ce1;
 +
}
 +
#protocols .step-type-pause,
 +
.protocol-view-component .step-type-pause,
 +
.protocol-mount .step-type-pause {
 +
  color: #03c08d;
 +
}
 +
#protocols .step-type-pause:before,
 +
.protocol-view-component .step-type-pause:before,
 +
.protocol-mount .step-type-pause:before {
 +
  border: 5px solid #03c08d;
 +
}
 +
#protocols .protocol-section,
 +
.protocol-view-component .protocol-section,
 +
.protocol-mount .protocol-section {
 +
  margin-bottom: 10px;
 +
  font-size: 14px;
 +
  line-height: 25px;
 +
}
 +
#protocols .protocol-section h3,
 +
.protocol-view-component .protocol-section h3,
 +
.protocol-mount .protocol-section h3 {
 +
  font-size: 18px;
 +
  margin-top: 10px;
 +
}
 +
#protocols .protocol-section h3:first-child,
 +
.protocol-view-component .protocol-section h3:first-child,
 +
.protocol-mount .protocol-section h3:first-child {
 +
  margin-top: 10px;
 +
}
 +
#protocols .protocol-section h3 .step-aggregate-time,
 +
.protocol-view-component .protocol-section h3 .step-aggregate-time,
 +
.protocol-mount .protocol-section h3 .step-aggregate-time {
 +
  font-size: 0.9em;
 +
  margin: 5px 0 0;
 +
  padding: 0;
 +
}
 +
#protocols .protocol-section ol,
 +
.protocol-view-component .protocol-section ol,
 +
.protocol-mount .protocol-section ol {
 +
  margin-bottom: 10px;
 +
}
 +
#protocols .protocol-section ol,
 +
.protocol-view-component .protocol-section ol,
 +
.protocol-mount .protocol-section ol,
 +
#protocols .protocol-section .step-aggregate-time,
 +
.protocol-view-component .protocol-section .step-aggregate-time,
 +
.protocol-mount .protocol-section .step-aggregate-time {
 +
  padding-left: 50px;
 +
}
 +
#protocols .protocol-section .step-aggregate-time,
 +
.protocol-view-component .protocol-section .step-aggregate-time,
 +
.protocol-mount .protocol-section .step-aggregate-time {
 +
  margin-top: -10px;
 +
  margin-bottom: 10px;
 +
  color: #a2b9be;
 +
}
 +
#protocols .protocol-section p.procedure-detail,
 +
.protocol-view-component .protocol-section p.procedure-detail,
 +
.protocol-mount .protocol-section p.procedure-detail {
 +
  margin-left: 50px;
 +
  font-size: 12px;
 +
}
 +
#protocols .protocol-section .materials-list,
 +
.protocol-view-component .protocol-section .materials-list,
 +
.protocol-mount .protocol-section .materials-list {
 +
  list-style: none;
 +
  padding: 0 0 0 10px;
 +
}
 +
#protocols .protocol-section .materials-list .material-item,
 +
.protocol-view-component .protocol-section .materials-list .material-item,
 +
.protocol-mount .protocol-section .materials-list .material-item {
 +
  font-size: 15px;
 +
  color: #344043;
 +
  text-indent: -10px;
 +
}
 +
#protocols .protocol-section .materials-list .material-item:before,
 +
.protocol-view-component .protocol-section .materials-list .material-item:before,
 +
.protocol-mount .protocol-section .materials-list .material-item:before {
 +
  content: '\203A';
 +
  display: inline-block;
 +
  width: 10px;
 +
  padding-right: 5px;
 +
  text-align: right;
 +
  font-weight: 700;
 +
  font-size: 1.2em;
 +
  line-height: 1;
 +
  color: #3498db;
 +
}
 +
#protocols .protocol-section .materials-list .components-list,
 +
.protocol-view-component .protocol-section .materials-list .components-list,
 +
.protocol-mount .protocol-section .materials-list .components-list {
 +
  list-style: none;
 +
  padding-left: 14px;
 +
  color: #5c7c83;
 +
}
 +
#protocols .protocol-section .materials-list .components-list li,
 +
.protocol-view-component .protocol-section .materials-list .components-list li,
 +
.protocol-mount .protocol-section .materials-list .components-list li {
 +
  text-indent: -10px;
 +
}
 +
#protocols .protocol-section .materials-list .components-list li:before,
 +
.protocol-view-component .protocol-section .materials-list .components-list li:before,
 +
.protocol-mount .protocol-section .materials-list .components-list li:before {
 +
  content: '\203A';
 +
  display: inline-block;
 +
  width: 10px;
 +
  padding-right: 5px;
 +
  text-align: right;
 +
  font-weight: 700;
 +
  font-size: 1.2em;
 +
  line-height: 1;
 +
  color: #a2b9be;
 +
}
 +
#protocols .protocol-section .step-timer,
 +
.protocol-view-component .protocol-section .step-timer,
 +
.protocol-mount .protocol-section .step-timer {
 +
  padding-left: 50px;
 +
}
 +
#protocols .protocol-section .auto-parsed,
 +
.protocol-view-component .protocol-section .auto-parsed,
 +
.protocol-mount .protocol-section .auto-parsed {
 +
  border-bottom: 1px dashed #a2b9be;
 +
}
 +
#protocols .protocol-section .commentable-wrapper,
 +
.protocol-view-component .protocol-section .commentable-wrapper,
 +
.protocol-mount .protocol-section .commentable-wrapper {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
  border-left: 3px solid transparent;
 +
}
 +
#protocols .protocol-section .commentable-wrapper:before,
 +
.protocol-view-component .protocol-section .commentable-wrapper:before,
 +
.protocol-mount .protocol-section .commentable-wrapper:before,
 +
#protocols .protocol-section .commentable-wrapper:after,
 +
.protocol-view-component .protocol-section .commentable-wrapper:after,
 +
.protocol-mount .protocol-section .commentable-wrapper:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
#protocols .protocol-section .commentable-wrapper:after,
 +
.protocol-view-component .protocol-section .commentable-wrapper:after,
 +
.protocol-mount .protocol-section .commentable-wrapper:after {
 +
  clear: both;
 +
}
 +
#protocols .protocol-section .commentable-wrapper:before,
 +
.protocol-view-component .protocol-section .commentable-wrapper:before,
 +
.protocol-mount .protocol-section .commentable-wrapper:before,
 +
#protocols .protocol-section .commentable-wrapper:after,
 +
.protocol-view-component .protocol-section .commentable-wrapper:after,
 +
.protocol-mount .protocol-section .commentable-wrapper:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
#protocols .protocol-section .commentable-wrapper:after,
 +
.protocol-view-component .protocol-section .commentable-wrapper:after,
 +
.protocol-mount .protocol-section .commentable-wrapper:after {
 +
  clear: both;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-target,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-target,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-target {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .protocol-section .commentable-wrapper .cm-target,
 +
  .protocol-view-component .protocol-section .commentable-wrapper .cm-target,
 +
  .protocol-mount .protocol-section .commentable-wrapper .cm-target {
 +
    float: left;
 +
    width: 66.66666667%;
 +
  }
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .protocol-section .commentable-wrapper .cm-comments,
 +
  .protocol-view-component .protocol-section .commentable-wrapper .cm-comments,
 +
  .protocol-mount .protocol-section .commentable-wrapper .cm-comments {
 +
    float: left;
 +
    width: 33.33333333%;
 +
  }
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon {
 +
  display: none;
 +
  position: relative;
 +
  top: -5px;
 +
  cursor: pointer;
 +
  color: #c9d8db;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon:hover,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon:hover,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon:hover {
 +
  color: #428ce1;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon.force-show,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon.force-show,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon.force-show {
 +
  display: inline-block;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .glyphicon,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .glyphicon,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .glyphicon {
 +
  font-size: 20px;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .comment-count,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .comment-count,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .comment-count {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  text-align: center;
 +
  color: white;
 +
  font-size: 10px;
 +
  font-weight: 700;
 +
  margin-top: 1px;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .cm-gutter,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .cm-gutter,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .cm-gutter {
 +
  float: left;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .cm-comments-wrapper,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .cm-comments-wrapper,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .cm-comments-wrapper {
 +
  position: relative;
 +
  z-index: 100;
 +
  margin-left: 25px;
 +
  -webkit-transition: margin-left 0.2s ease-out;
 +
  transition: margin-left 0.2s ease-out;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group {
 +
  position: absolute;
 +
  right: 0;
 +
  left: 0;
 +
  border: 1px solid #e8f0f2;
 +
  border-bottom: 0;
 +
  border-left: 2px solid #428ce1;
 +
  border-radius: 3px;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .single-comment,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .single-comment,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .single-comment,
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .cm-creator,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .cm-creator,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .cm-creator {
 +
  border-bottom: 0;
 +
  padding-left: 20px;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .user-img,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .user-img,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .user-img {
 +
  border: 0;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  color: #a2b9be;
 +
  text-align: center;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
  padding: 4px 8px;
 +
  cursor: pointer;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg:hover,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg:hover,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg:hover {
 +
  color: #03c08d;
 +
}
 +
#protocols .protocol-section .commentable-wrapper .cm-comments .cm-creator,
 +
.protocol-view-component .protocol-section .commentable-wrapper .cm-comments .cm-creator,
 +
.protocol-mount .protocol-section .commentable-wrapper .cm-comments .cm-creator {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#protocols .protocol-section .commentable-wrapper:hover,
 +
.protocol-view-component .protocol-section .commentable-wrapper:hover,
 +
.protocol-mount .protocol-section .commentable-wrapper:hover {
 +
  border-left: 3px solid #e8f0f2;
 +
}
 +
#protocols .protocol-section .commentable-wrapper:hover .cm-comments .add-comment-icon,
 +
.protocol-view-component .protocol-section .commentable-wrapper:hover .cm-comments .add-comment-icon,
 +
.protocol-mount .protocol-section .commentable-wrapper:hover .cm-comments .add-comment-icon {
 +
  display: inline-block;
 +
}
 +
#protocols .protocol-section .commentable-wrapper.active,
 +
.protocol-view-component .protocol-section .commentable-wrapper.active,
 +
.protocol-mount .protocol-section .commentable-wrapper.active {
 +
  border-left: 3px solid #03c08d;
 +
}
 +
#protocols .protocol-section .commentable-wrapper.active .cm-comments .add-comment-icon,
 +
.protocol-view-component .protocol-section .commentable-wrapper.active .cm-comments .add-comment-icon,
 +
.protocol-mount .protocol-section .commentable-wrapper.active .cm-comments .add-comment-icon {
 +
  display: inline-block;
 +
  color: #03c08d;
 +
}
 +
#protocols .protocol-section .commentable-wrapper.active .cm-comments .comment-group,
 +
.protocol-view-component .protocol-section .commentable-wrapper.active .cm-comments .comment-group,
 +
.protocol-mount .protocol-section .commentable-wrapper.active .cm-comments .comment-group {
 +
  border-left-color: #03c08d;
 +
}
 +
#protocols .protocol-section .commentable-wrapper.active .cm-comments .cm-comments-wrapper,
 +
.protocol-view-component .protocol-section .commentable-wrapper.active .cm-comments .cm-comments-wrapper,
 +
.protocol-mount .protocol-section .commentable-wrapper.active .cm-comments .cm-comments-wrapper {
 +
  margin-left: 30px;
 +
}
 +
#protocols .protocol-section .single-comment,
 +
.protocol-view-component .protocol-section .single-comment,
 +
.protocol-mount .protocol-section .single-comment {
 +
  padding: 8px;
 +
  line-height: 18px;
 +
}
 +
#protocols .protocol-section .single-comment .no-wrap-mixin,
 +
.protocol-view-component .protocol-section .single-comment .no-wrap-mixin,
 +
.protocol-mount .protocol-section .single-comment .no-wrap-mixin {
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
#protocols .protocol-section .single-comment.comment-summary,
 +
.protocol-view-component .protocol-section .single-comment.comment-summary,
 +
.protocol-mount .protocol-section .single-comment.comment-summary {
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  padding: 0 8px;
 +
  opacity: 0.8;
 +
  cursor: pointer;
 +
}
 +
#protocols .protocol-section .single-comment.comment-summary .comment-author-name,
 +
.protocol-view-component .protocol-section .single-comment.comment-summary .comment-author-name,
 +
.protocol-mount .protocol-section .single-comment.comment-summary .comment-author-name {
 +
  margin-right: 5px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-context,
 +
.protocol-view-component .protocol-section .single-comment .comment-context,
 +
.protocol-mount .protocol-section .single-comment .comment-context {
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  background: #f8fafb;
 +
  color: #a2b9be;
 +
  display: block;
 +
  padding: 3px 5px;
 +
  margin-bottom: 1px;
 +
  font-size: 11px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-context .in-response-to,
 +
.protocol-view-component .protocol-section .single-comment .comment-context .in-response-to,
 +
.protocol-mount .protocol-section .single-comment .comment-context .in-response-to {
 +
  font-weight: 700;
 +
}
 +
#protocols .protocol-section .single-comment .comment-context:hover,
 +
.protocol-view-component .protocol-section .single-comment .comment-context:hover,
 +
.protocol-mount .protocol-section .single-comment .comment-context:hover {
 +
  text-decoration: none;
 +
  color: #5c7c83;
 +
}
 +
#protocols .protocol-section .single-comment h4,
 +
.protocol-view-component .protocol-section .single-comment h4,
 +
.protocol-mount .protocol-section .single-comment h4 {
 +
  margin: 0;
 +
}
 +
#protocols .protocol-section .single-comment .comment-author-img,
 +
.protocol-view-component .protocol-section .single-comment .comment-author-img,
 +
.protocol-mount .protocol-section .single-comment .comment-author-img {
 +
  float: left;
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-author-img img,
 +
.protocol-view-component .protocol-section .single-comment .comment-author-img img,
 +
.protocol-mount .protocol-section .single-comment .comment-author-img img {
 +
  width: 32px;
 +
  height: 32px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-author-name,
 +
.protocol-view-component .protocol-section .single-comment .comment-author-name,
 +
.protocol-mount .protocol-section .single-comment .comment-author-name {
 +
  font-weight: 700;
 +
}
 +
#protocols .protocol-section .single-comment .comment-reply,
 +
.protocol-view-component .protocol-section .single-comment .comment-reply,
 +
.protocol-mount .protocol-section .single-comment .comment-reply {
 +
  margin-right: 10px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-delete:hover,
 +
.protocol-view-component .protocol-section .single-comment .comment-delete:hover,
 +
.protocol-mount .protocol-section .single-comment .comment-delete:hover {
 +
  color: #b94a48;
 +
}
 +
#protocols .protocol-section .single-comment .comment-timestamp,
 +
.protocol-view-component .protocol-section .single-comment .comment-timestamp,
 +
.protocol-mount .protocol-section .single-comment .comment-timestamp {
 +
  font-size: 11px;
 +
  color: #a2b9be;
 +
}
 +
#protocols .protocol-section .single-comment .comment-timestamp .comment-delete,
 +
.protocol-view-component .protocol-section .single-comment .comment-timestamp .comment-delete,
 +
.protocol-mount .protocol-section .single-comment .comment-timestamp .comment-delete {
 +
  margin-left: 5px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-body,
 +
.protocol-view-component .protocol-section .single-comment .comment-body,
 +
.protocol-mount .protocol-section .single-comment .comment-body {
 +
  clear: left;
 +
  font-size: 11px;
 +
}
 +
#protocols .protocol-section .single-comment .comment-delete,
 +
.protocol-view-component .protocol-section .single-comment .comment-delete,
 +
.protocol-mount .protocol-section .single-comment .comment-delete,
 +
#protocols .protocol-section .single-comment .comment-reply,
 +
.protocol-view-component .protocol-section .single-comment .comment-reply,
 +
.protocol-mount .protocol-section .single-comment .comment-reply {
 +
  font-size: 12px;
 +
  color: #a2b9be;
 +
}
 +
#protocols .protocol-section .single-comment .comment-reply:hover,
 +
.protocol-view-component .protocol-section .single-comment .comment-reply:hover,
 +
.protocol-mount .protocol-section .single-comment .comment-reply:hover {
 +
  color: #03c08d;
 +
}
 +
#protocols .protocol-section .cm-creator,
 +
.protocol-view-component .protocol-section .cm-creator,
 +
.protocol-mount .protocol-section .cm-creator {
 +
  padding: 4px 8px 10px;
 +
  margin-top: 5px;
 +
}
 +
#protocols .protocol-section .cm-creator .user-img,
 +
.protocol-view-component .protocol-section .cm-creator .user-img,
 +
.protocol-mount .protocol-section .cm-creator .user-img {
 +
  float: left;
 +
}
 +
#protocols .protocol-section .cm-creator .cm-wrapper,
 +
.protocol-view-component .protocol-section .cm-creator .cm-wrapper,
 +
.protocol-mount .protocol-section .cm-creator .cm-wrapper {
 +
  margin-left: 41px;
 +
}
 +
#protocols .protocol-section .cm-creator textarea,
 +
.protocol-view-component .protocol-section .cm-creator textarea,
 +
.protocol-mount .protocol-section .cm-creator textarea {
 +
  border: 1px solid #e8f0f2;
 +
  padding: 3px;
 +
  line-height: 20px;
 +
  height: 28px px;
 +
}
 +
#protocols .protocol-section .cm-creator .cm-buttons,
 +
.protocol-view-component .protocol-section .cm-creator .cm-buttons,
 +
.protocol-mount .protocol-section .cm-creator .cm-buttons {
 +
  margin-top: 5px;
 +
}
 +
#protocols .protocol-section .cm-creator .cm-buttons .btn,
 +
.protocol-view-component .protocol-section .cm-creator .cm-buttons .btn,
 +
.protocol-mount .protocol-section .cm-creator .cm-buttons .btn {
 +
  margin-right: 5px;
 +
}
 +
#protocols .protocol-section .protocol-comments,
 +
.protocol-view-component .protocol-section .protocol-comments,
 +
.protocol-mount .protocol-section .protocol-comments {
 +
  position: relative;
 +
  min-height: 1px;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .protocol-section .protocol-comments,
 +
  .protocol-view-component .protocol-section .protocol-comments,
 +
  .protocol-mount .protocol-section .protocol-comments {
 +
    float: left;
 +
    width: 66.66666667%;
 +
  }
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment {
 +
  clear: both;
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment .comment-wrapper,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .comment-wrapper,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .comment-wrapper {
 +
  overflow: hidden;
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment .comment-author-name,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .comment-author-name,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .comment-author-name {
 +
  display: inline-block;
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment .comment-timestamp,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .comment-timestamp,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .comment-timestamp {
 +
  display: inline-block;
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment .comment-timestamp:before,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .comment-timestamp:before,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .comment-timestamp:before {
 +
  content: "\00B7";
 +
  margin-left: 5px;
 +
  margin-right: 5px;
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment .comment-body,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .comment-body,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .comment-body {
 +
  clear: none;
 +
}
 +
#protocols .protocol-section .protocol-comments .single-comment .single-comment,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .single-comment,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .single-comment,
 +
#protocols .protocol-section .protocol-comments .single-comment .cm-creator,
 +
.protocol-view-component .protocol-section .protocol-comments .single-comment .cm-creator,
 +
.protocol-mount .protocol-section .protocol-comments .single-comment .cm-creator {
 +
  padding: 4px 0;
 +
}
 +
#protocols .step-by-step-viewer,
 +
.protocol-view-component .step-by-step-viewer,
 +
.protocol-mount .step-by-step-viewer {
 +
  background: white;
 +
  z-index: 0;
 +
  padding-top: 20px;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar {
 +
  position: fixed;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  height: 55px;
 +
  background: white;
 +
  border-bottom: 2px solid #e8f0f2;
 +
  z-index: 3;
 +
  font-size: 22px;
 +
  line-height: 55px;
 +
  text-transform: uppercase;
 +
  color: #a2b9be;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .sbs-protocol-name,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .sbs-protocol-name,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .sbs-protocol-name {
 +
  position: absolute;
 +
  left: 200px;
 +
  right: 200px;
 +
  display: inline-block;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
  text-align: center;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox {
 +
  position: absolute;
 +
  left: 0;
 +
  z-index: 2;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  padding: 10px;
 +
  height: 50px;
 +
  line-height: 30px;
 +
  margin-right: 10px;
 +
  color: #5c7c83;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn .menu-icon .menu-icon-bar,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn .menu-icon .menu-icon-bar,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn .menu-icon .menu-icon-bar {
 +
  background: #5c7c83;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active {
 +
  color: #9ac2ef;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active .menu-icon .menu-icon-bar,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active .menu-icon .menu-icon-bar,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active .menu-icon .menu-icon-bar {
 +
  background: #9ac2ef;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active {
 +
  color: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active .menu-icon .menu-icon-bar,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active .menu-icon .menu-icon-bar,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active .menu-icon .menu-icon-bar {
 +
  background: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.ticking,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.ticking,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.ticking {
 +
  color: #03c08d;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  font-size: 14px;
 +
  color: white;
 +
  background: #a2b9be;
 +
  line-height: 18px;
 +
  border-radius: 2px;
 +
  padding: 4px;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display.ticking,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display.ticking,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display.ticking {
 +
  animation: opacity-blink 0.6 linear infinite alternate;
 +
  -moz-animation: opacity-blink 0.6s linear infinite alternate;
 +
  -webkit-animation: opacity-blink 0.6s linear infinite alternate;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .menu-icon,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .menu-icon,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .menu-icon {
 +
  width: 30px;
 +
  height: 30px;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .menu-icon .menu-icon-bar,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .menu-icon .menu-icon-bar,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .menu-icon .menu-icon-bar {
 +
  height: 17%;
 +
  width: 100%;
 +
  margin: 10% 0;
 +
  border-radius: 1px;
 +
}
 +
#protocols .step-by-step-viewer .sbs-toolbar .close-btn,
 +
.protocol-view-component .step-by-step-viewer .sbs-toolbar .close-btn,
 +
.protocol-mount .step-by-step-viewer .sbs-toolbar .close-btn {
 +
  border: none;
 +
  padding: 0 20px;
 +
  line-height: 40px;
 +
  margin-top: 8px;
 +
}
 +
#protocols .step-by-step-viewer .step-type,
 +
.protocol-view-component .step-by-step-viewer .step-type,
 +
.protocol-mount .step-by-step-viewer .step-type {
 +
  margin-right: 12px;
 +
}
 +
#protocols .step-by-step-viewer h2,
 +
.protocol-view-component .step-by-step-viewer h2,
 +
.protocol-mount .step-by-step-viewer h2 {
 +
  position: relative;
 +
  font-size: 52px;
 +
}
 +
#protocols .step-by-step-viewer h2 .step-aggregate-time,
 +
.protocol-view-component .step-by-step-viewer h2 .step-aggregate-time,
 +
.protocol-mount .step-by-step-viewer h2 .step-aggregate-time {
 +
  font-size: 26px;
 +
  vertical-align: top;
 +
  top: 18px;
 +
  left: -153px;
 +
}
 +
#protocols .step-by-step-viewer h2 .step-type,
 +
.protocol-view-component .step-by-step-viewer h2 .step-type,
 +
.protocol-mount .step-by-step-viewer h2 .step-type {
 +
  font-size: 40px;
 +
}
 +
#protocols .step-by-step-viewer ol,
 +
.protocol-view-component .step-by-step-viewer ol,
 +
.protocol-mount .step-by-step-viewer ol {
 +
  position: relative;
 +
  margin-top: 60px;
 +
  padding-left: 0;
 +
}
 +
#protocols .step-by-step-viewer ol li,
 +
.protocol-view-component .step-by-step-viewer ol li,
 +
.protocol-mount .step-by-step-viewer ol li {
 +
  font-size: 32px;
 +
  font-weight: 300;
 +
}
 +
#protocols .step-by-step-viewer ol li .step-inner-div,
 +
.protocol-view-component .step-by-step-viewer ol li .step-inner-div,
 +
.protocol-mount .step-by-step-viewer ol li .step-inner-div {
 +
  cursor: pointer;
 +
}
 +
#protocols .step-by-step-viewer ol li .step-inner-div:active .step-checkbox,
 +
.protocol-view-component .step-by-step-viewer ol li .step-inner-div:active .step-checkbox,
 +
.protocol-mount .step-by-step-viewer ol li .step-inner-div:active .step-checkbox,
 +
#protocols .step-by-step-viewer ol li .step-inner-div:active .step-checkbox.checked,
 +
.protocol-view-component .step-by-step-viewer ol li .step-inner-div:active .step-checkbox.checked,
 +
.protocol-mount .step-by-step-viewer ol li .step-inner-div:active .step-checkbox.checked {
 +
  color: #2dfcc4;
 +
}
 +
#protocols .step-by-step-viewer ol .step-aggregate-time,
 +
.protocol-view-component .step-by-step-viewer ol .step-aggregate-time,
 +
.protocol-mount .step-by-step-viewer ol .step-aggregate-time {
 +
  top: 5px;
 +
  left: -150px;
 +
}
 +
#protocols .step-by-step-viewer .materials-list-wrapper .materials-list,
 +
.protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list,
 +
.protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list {
 +
  margin-top: 40px;
 +
  font-size: 32px;
 +
  font-weight: 300;
 +
  list-style: none;
 +
  padding: 0 0 0 10px;
 +
}
 +
#protocols .step-by-step-viewer .materials-list-wrapper .materials-list .material-item,
 +
.protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .material-item,
 +
.protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .material-item {
 +
  margin-top: 20px;
 +
  color: #344043;
 +
  text-indent: -10px;
 +
}
 +
#protocols .step-by-step-viewer .materials-list-wrapper .materials-list .material-item:before,
 +
.protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .material-item:before,
 +
.protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .material-item:before {
 +
  content: '\203A';
 +
  display: inline-block;
 +
  width: 10px;
 +
  padding-right: 5px;
 +
  text-align: right;
 +
  font-weight: 700;
 +
  font-size: 1.2em;
 +
  line-height: 1;
 +
  color: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer .materials-list-wrapper .materials-list .components-list,
 +
.protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .components-list,
 +
.protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .components-list {
 +
  margin-left: 30px;
 +
  padding-left: 0;
 +
  font-size: 26px;
 +
  list-style: none;
 +
  color: #5c7c83;
 +
}
 +
#protocols .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li,
 +
.protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li,
 +
.protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li {
 +
  text-indent: -10px;
 +
}
 +
#protocols .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li:before,
 +
.protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li:before,
 +
.protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li:before {
 +
  content: '\203A';
 +
  display: inline-block;
 +
  width: 10px;
 +
  padding-right: 5px;
 +
  text-align: right;
 +
  font-weight: 700;
 +
  font-size: 1.2em;
 +
  line-height: 1;
 +
  color: #a2b9be;
 +
}
 +
#protocols .step-by-step-viewer .step-aggregate-time,
 +
.protocol-view-component .step-by-step-viewer .step-aggregate-time,
 +
.protocol-mount .step-by-step-viewer .step-aggregate-time {
 +
  position: absolute;
 +
  display: inline-block;
 +
  color: #a2b9be;
 +
  font-size: 0.8em;
 +
  border-bottom: 1px dashed #e8f0f2;
 +
  cursor: pointer;
 +
}
 +
#protocols .step-by-step-viewer .procedure-table,
 +
.protocol-view-component .step-by-step-viewer .procedure-table,
 +
.protocol-mount .step-by-step-viewer .procedure-table {
 +
  padding: 20px 0;
 +
  font-size: 22px;
 +
}
 +
#protocols .step-by-step-viewer .procedure-table td,
 +
.protocol-view-component .step-by-step-viewer .procedure-table td,
 +
.protocol-mount .step-by-step-viewer .procedure-table td {
 +
  padding: 10px;
 +
}
 +
#protocols .step-by-step-viewer p,
 +
.protocol-view-component .step-by-step-viewer p,
 +
.protocol-mount .step-by-step-viewer p {
 +
  font-size: 26px;
 +
  font-weight: 300;
 +
  margin-left: 30px;
 +
  color: #5c7c83;
 +
}
 +
#protocols .step-by-step-viewer .auto-parsed,
 +
.protocol-view-component .step-by-step-viewer .auto-parsed,
 +
.protocol-mount .step-by-step-viewer .auto-parsed {
 +
  border-bottom: 1px dashed #a2b9be;
 +
}
 +
#protocols .step-by-step-viewer .step-type-critical:before,
 +
.protocol-view-component .step-by-step-viewer .step-type-critical:before,
 +
.protocol-mount .step-by-step-viewer .step-type-critical:before {
 +
  border-width: 18px 12px 0;
 +
}
 +
#protocols .step-by-step-viewer .step-type-pause:before,
 +
.protocol-view-component .step-by-step-viewer .step-type-pause:before,
 +
.protocol-mount .step-by-step-viewer .step-type-pause:before {
 +
  border-width: 10px;
 +
}
 +
#protocols .step-by-step-viewer button,
 +
.protocol-view-component .step-by-step-viewer button,
 +
.protocol-mount .step-by-step-viewer button {
 +
  background: white;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
  color: #5c7c83;
 +
  padding: 6px 8px;
 +
  font-size: 18px;
 +
  text-transform: uppercase;
 +
}
 +
#protocols .step-by-step-viewer button.btn-primary,
 +
.protocol-view-component .step-by-step-viewer button.btn-primary,
 +
.protocol-mount .step-by-step-viewer button.btn-primary {
 +
  border-color: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer button.btn-primary:active,
 +
.protocol-view-component .step-by-step-viewer button.btn-primary:active,
 +
.protocol-mount .step-by-step-viewer button.btn-primary:active {
 +
  color: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer button.btn-success,
 +
.protocol-view-component .step-by-step-viewer button.btn-success,
 +
.protocol-mount .step-by-step-viewer button.btn-success {
 +
  border-color: #03c08d;
 +
}
 +
#protocols .step-by-step-viewer button.btn-success:active,
 +
.protocol-view-component .step-by-step-viewer button.btn-success:active,
 +
.protocol-mount .step-by-step-viewer button.btn-success:active {
 +
  color: #03c08d;
 +
}
 +
#protocols .step-by-step-viewer button.btn-danger,
 +
.protocol-view-component .step-by-step-viewer button.btn-danger,
 +
.protocol-mount .step-by-step-viewer button.btn-danger {
 +
  border-color: #ef947e;
 +
}
 +
#protocols .step-by-step-viewer button.btn-danger:active,
 +
.protocol-view-component .step-by-step-viewer button.btn-danger:active,
 +
.protocol-mount .step-by-step-viewer button.btn-danger:active {
 +
  color: #ef947e;
 +
}
 +
#protocols .step-by-step-viewer button.btn-default,
 +
.protocol-view-component .step-by-step-viewer button.btn-default,
 +
.protocol-mount .step-by-step-viewer button.btn-default {
 +
  border-color: #a2b9be;
 +
}
 +
#protocols .step-by-step-viewer button.btn-default:active,
 +
.protocol-view-component .step-by-step-viewer button.btn-default:active,
 +
.protocol-mount .step-by-step-viewer button.btn-default:active {
 +
  color: #a2b9be;
 +
}
 +
#protocols .step-by-step-viewer button:focus,
 +
.protocol-view-component .step-by-step-viewer button:focus,
 +
.protocol-mount .step-by-step-viewer button:focus {
 +
  outline: none;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers,
 +
.protocol-mount .step-by-step-viewer .sbs-timers {
 +
  position: fixed;
 +
  top: 55px;
 +
  left: 0;
 +
  right: 0;
 +
  z-index: 1;
 +
  min-height: 100px;
 +
  max-height: 80%;
 +
  overflow-y: scroll;
 +
  -webkit-overflow-scrolling: touch;
 +
  background: #e8f0f2;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
 +
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .close-timers-btn,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .close-timers-btn,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .close-timers-btn {
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
  text-align: center;
 +
  padding: 10px;
 +
  cursor: pointer;
 +
  color: #5c7c83;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .close-timers-btn:hover,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .close-timers-btn:hover,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .close-timers-btn:hover {
 +
  background: white;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .timer-block,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .timer-block,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .timer-block {
 +
  display: inline-block;
 +
  width: 20%;
 +
  min-width: 300px;
 +
  height: 200px;
 +
  position: relative;
 +
  margin: 10px;
 +
  padding: 10px;
 +
  border: 2px solid #e8f0f2;
 +
  background: white;
 +
  vertical-align: top;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .timer-block.create-btn-block,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .timer-block.create-btn-block,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .timer-block.create-btn-block {
 +
  border-style: dashed;
 +
  text-align: center;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .timer-block.inline-copy .timer-name,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .timer-block.inline-copy .timer-name,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .timer-block.inline-copy .timer-name {
 +
  color: #a2b9be;
 +
  font-style: italic;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .timer-name,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .timer-name,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .timer-name {
 +
  text-align: center;
 +
  padding: 0 10px;
 +
  font-size: 18px;
 +
  margin-bottom: -10px;
 +
  cursor: pointer;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .timer-name:hover,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .timer-name:hover,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .timer-name:hover,
 +
#protocols .step-by-step-viewer .sbs-timers .timer-name:active,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .timer-name:active,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .timer-name:active {
 +
  color: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .create-btn-block input[type=text],
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block input[type=text],
 +
.protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block input[type=text] {
 +
  text-align: center;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .create-btn-block input[type=text],
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block input[type=text],
 +
.protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block input[type=text],
 +
#protocols .step-by-step-viewer .sbs-timers .create-btn-block .time-editable,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block .time-editable,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block .time-editable {
 +
  margin-bottom: 10px;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .create-btn-block .time-editable,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block .time-editable,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block .time-editable {
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .new-timer-btn,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .new-timer-btn,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .new-timer-btn {
 +
  color: #a2b9be;
 +
  font-size: 26px;
 +
  padding: 60px 0;
 +
}
 +
#protocols .step-by-step-viewer .sbs-timers .new-timer-btn:hover,
 +
.protocol-view-component .step-by-step-viewer .sbs-timers .new-timer-btn:hover,
 +
.protocol-mount .step-by-step-viewer .sbs-timers .new-timer-btn:hover {
 +
  color: #428ce1;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper {
 +
  position: fixed;
 +
  z-index: 2;
 +
  top: 55px;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  background: rgba(0, 0, 0, 0.6);
 +
  cursor: pointer;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu-container,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu-container,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu-container {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  width: 50%;
 +
  min-width: 300px;
 +
  background: white;
 +
  border-right: 2px solid #e8f0f2;
 +
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
 +
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  bottom: 105px;
 +
  padding: 0;
 +
  margin: 0;
 +
  list-style: none;
 +
  overflow-y: scroll;
 +
  -webkit-overflow-scrolling: touch;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li {
 +
  font-size: 22px;
 +
  padding: 10px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a {
 +
  color: #5c7c83;
 +
  display: block;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a:hover,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a:hover,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a:hover {
 +
  text-decoration: none;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .step-number,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .step-number,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .step-number {
 +
  background: #e8f0f2;
 +
  padding: 3px 5px;
 +
  display: inline-block;
 +
  margin-right: 5px;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title {
 +
  background: #5c7c83;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title a,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title a,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title a {
 +
  color: white;
 +
  text-transform: uppercase;
 +
  font-size: 14px;
 +
  letter-spacing: 1px;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons {
 +
  position: absolute;
 +
  height: 105px;
 +
  right: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  text-align: center;
 +
  padding: 10px;
 +
}
 +
#protocols .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons button,
 +
.protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons button,
 +
.protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons button {
 +
  margin: 0 auto 10px;
 +
  display: block;
 +
  width: 100%;
 +
}
 +
@media (min-width: 768px) {
 +
  #protocols .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons,
 +
  .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons,
 +
  .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons {
 +
    padding-top: 30px;
 +
  }
 +
}
 +
@media (max-width: 767px) {
 +
  #protocols .protocol-nav-wrapper,
 +
  .protocol-view-component .protocol-nav-wrapper,
 +
  .protocol-mount .protocol-nav-wrapper {
 +
    min-height: 42px;
 +
  }
 +
  #protocols .protocol-nav,
 +
  .protocol-view-component .protocol-nav,
 +
  .protocol-mount .protocol-nav {
 +
    position: relative;
 +
    margin-left: 0;
 +
    margin-bottom: 10px;
 +
    z-index: 100;
 +
    background: white;
 +
    left: 0;
 +
    right: 0;
 +
    border-bottom: 1px solid #e8f0f2;
 +
  }
 +
  #protocols .protocol-nav li,
 +
  .protocol-view-component .protocol-nav li,
 +
  .protocol-mount .protocol-nav li {
 +
    display: inline-block;
 +
  }
 +
  #protocols .protocol-nav li a,
 +
  .protocol-view-component .protocol-nav li a,
 +
  .protocol-mount .protocol-nav li a {
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
    border-right: 0;
 +
  }
 +
  #protocols .protocol-nav li.active a,
 +
  .protocol-view-component .protocol-nav li.active a,
 +
  .protocol-mount .protocol-nav li.active a {
 +
    border-right: 0;
 +
    border-bottom: 2px solid #428ce1;
 +
  }
 +
  #protocols .protocol-page,
 +
  .protocol-view-component .protocol-page,
 +
  .protocol-mount .protocol-page {
 +
    min-height: 0;
 +
  }
 +
  #protocols .protocol-page .hide-when-condensed,
 +
  .protocol-view-component .protocol-page .hide-when-condensed,
 +
  .protocol-mount .protocol-page .hide-when-condensed {
 +
    display: none;
 +
  }
 +
  #protocols .protocol-page .protocol-header .protocol-title,
 +
  .protocol-view-component .protocol-page .protocol-header .protocol-title,
 +
  .protocol-mount .protocol-page .protocol-header .protocol-title {
 +
    width: 80%;
 +
  }
 +
  #protocols .protocol-page .protocol-header .btn-toolbar,
 +
  .protocol-view-component .protocol-page .protocol-header .btn-toolbar,
 +
  .protocol-mount .protocol-page .protocol-header .btn-toolbar {
 +
    width: 20%;
 +
  }
 +
  #protocols .protocol-page .protocol-header .btn-toolbar > .btn-group,
 +
  .protocol-view-component .protocol-page .protocol-header .btn-toolbar > .btn-group,
 +
  .protocol-mount .protocol-page .protocol-header .btn-toolbar > .btn-group {
 +
    margin-left: 5px;
 +
    margin-bottom: 5px;
 +
  }
 +
  #protocols .protocol-page .protocol-header .btn-extension .btn,
 +
  .protocol-view-component .protocol-page .protocol-header .btn-extension .btn,
 +
  .protocol-mount .protocol-page .protocol-header .btn-extension .btn {
 +
    border-top-right-radius: 3px;
 +
    border-bottom-right-radius: 3px;
 +
  }
 +
  #protocols .protocol-page .protocol-header .btn-extension .btn-extension-box,
 +
  .protocol-view-component .protocol-page .protocol-header .btn-extension .btn-extension-box,
 +
  .protocol-mount .protocol-page .protocol-header .btn-extension .btn-extension-box {
 +
    display: none;
 +
  }
 +
  #protocols .protocol-page .protocol-condensed-col,
 +
  .protocol-view-component .protocol-page .protocol-condensed-col,
 +
  .protocol-mount .protocol-page .protocol-condensed-col {
 +
    width: 100%;
 +
  }
 +
  #protocols .protocol-page .protocol-extra-info .extra-text,
 +
  .protocol-view-component .protocol-page .protocol-extra-info .extra-text,
 +
  .protocol-mount .protocol-page .protocol-extra-info .extra-text {
 +
    display: none;
 +
  }
 +
  #protocols .protocol-page .protocol-section .commentable-wrapper,
 +
  .protocol-view-component .protocol-page .protocol-section .commentable-wrapper,
 +
  .protocol-mount .protocol-page .protocol-section .commentable-wrapper,
 +
  #protocols .protocol-page .protocol-section .commentable-wrapper:hover,
 +
  .protocol-view-component .protocol-page .protocol-section .commentable-wrapper:hover,
 +
  .protocol-mount .protocol-page .protocol-section .commentable-wrapper:hover {
 +
    border-left: 0;
 +
  }
 +
  #protocols .protocol-page .protocol-section .cm-target,
 +
  .protocol-view-component .protocol-page .protocol-section .cm-target,
 +
  .protocol-mount .protocol-page .protocol-section .cm-target {
 +
    position: relative;
 +
    min-height: 1px;
 +
    padding-left: 15px;
 +
    padding-right: 15px;
 +
  }
 +
  #protocols .protocol-page .protocol-comments,
 +
  .protocol-view-component .protocol-page .protocol-comments,
 +
  .protocol-mount .protocol-page .protocol-comments {
 +
    position: relative;
 +
    min-height: 1px;
 +
    padding-left: 15px;
 +
    padding-right: 15px;
 +
  }
 +
  #protocols .protocol-page .protocol-resize-container,
 +
  .protocol-view-component .protocol-page .protocol-resize-container,
 +
  .protocol-mount .protocol-page .protocol-resize-container {
 +
    width: 100%;
 +
    margin-left: 0;
 +
  }
 +
}
 +
@media (max-width: 767px) and (min-width: 768px) {
 +
  #protocols .protocol-page .protocol-section .cm-target,
 +
  .protocol-view-component .protocol-page .protocol-section .cm-target,
 +
  .protocol-mount .protocol-page .protocol-section .cm-target {
 +
    float: left;
 +
    width: 100%;
 +
  }
 +
}
 +
@media (max-width: 767px) and (min-width: 768px) {
 +
  #protocols .protocol-page .protocol-comments,
 +
  .protocol-view-component .protocol-page .protocol-comments,
 +
  .protocol-mount .protocol-page .protocol-comments {
 +
    float: left;
 +
    width: 100%;
 +
  }
 +
}
 +
#protocols .protocol-condensed-col,
 +
.protocol-view-component .protocol-condensed-col,
 +
.protocol-mount .protocol-condensed-col {
 +
  width: 66%;
 +
}
 +
#protocols .protocol-extra-info,
 +
.protocol-view-component .protocol-extra-info,
 +
.protocol-mount .protocol-extra-info {
 +
  padding-top: 5px;
 +
  margin-bottom: 20px;
 +
}
 +
#protocols .protocol-extra-info .step-by-step-btn,
 +
.protocol-view-component .protocol-extra-info .step-by-step-btn,
 +
.protocol-mount .protocol-extra-info .step-by-step-btn {
 +
  float: right;
 +
  display: inline-block;
 +
  color: #a2b9be;
 +
  -webkit-transition: color 0.2s ease-out;
 +
  transition: color 0.2s ease-out;
 +
  line-height: 26px;
 +
}
 +
#protocols .protocol-extra-info .step-by-step-btn:active .glyphicon,
 +
.protocol-view-component .protocol-extra-info .step-by-step-btn:active .glyphicon,
 +
.protocol-mount .protocol-extra-info .step-by-step-btn:active .glyphicon {
 +
  color: #428ce1;
 +
}
 +
#protocols .protocol-extra-info .step-by-step-btn .glyphicon,
 +
.protocol-view-component .protocol-extra-info .step-by-step-btn .glyphicon,
 +
.protocol-mount .protocol-extra-info .step-by-step-btn .glyphicon {
 +
  color: #03c08d;
 +
  font-size: 22px;
 +
  vertical-align: middle;
 +
  margin-top: -5px;
 +
  margin-left: 5px;
 +
}
 +
#protocols .protocol-extra-info .step-by-step-btn:hover,
 +
.protocol-view-component .protocol-extra-info .step-by-step-btn:hover,
 +
.protocol-mount .protocol-extra-info .step-by-step-btn:hover {
 +
  text-decoration: none;
 +
  color: #03c08d;
 +
}
 +
#protocols .protocol-extra-info .user-img,
 +
.protocol-view-component .protocol-extra-info .user-img,
 +
.protocol-mount .protocol-extra-info .user-img {
 +
  vertical-align: middle;
 +
}
 +
#protocols .protocol-extra-info .user-img img,
 +
.protocol-view-component .protocol-extra-info .user-img img,
 +
.protocol-mount .protocol-extra-info .user-img img {
 +
  width: 22px;
 +
  height: 22px;
 +
}
 +
#protocols .protocol-extra-info .owner-name,
 +
.protocol-view-component .protocol-extra-info .owner-name,
 +
.protocol-mount .protocol-extra-info .owner-name {
 +
  margin-left: 5px;
 +
  vertical-align: middle;
 +
  font-size: 14px;
 +
  color: #a2b9be;
 +
}
 +
@keyframes opacity-blink {
 +
  from {
 +
    opacity: 1.0;
 +
  }
 +
  to {
 +
    opacity: 0.0;
 +
  }
 +
}
 +
@-moz-keyframes opacity-blink {
 +
  from {
 +
    opacity: 1.0;
 +
  }
 +
  to {
 +
    opacity: 0.0;
 +
  }
 +
}
 +
@-webkit-keyframes opacity-blink {
 +
  from {
 +
    opacity: 1.0;
 +
  }
 +
  to {
 +
    opacity: 0.0;
 +
  }
 +
}
 +
#protocols .step-timer,
 +
.protocol-view-component .step-timer,
 +
.protocol-mount .step-timer {
 +
  margin: 20px 0;
 +
  text-align: center;
 +
  font-family: 'Inconsolata', 'Courier New', sans-serif;
 +
}
 +
#protocols .step-timer .time-progress,
 +
.protocol-view-component .step-timer .time-progress,
 +
.protocol-mount .step-timer .time-progress {
 +
  width: 40px;
 +
  height: 40px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  margin-right: 10px;
 +
}
 +
#protocols .step-timer .time-progress path,
 +
.protocol-view-component .step-timer .time-progress path,
 +
.protocol-mount .step-timer .time-progress path {
 +
  fill: #428ce1;
 +
}
 +
#protocols .step-timer.inline-step-timer,
 +
.protocol-view-component .step-timer.inline-step-timer,
 +
.protocol-mount .step-timer.inline-step-timer {
 +
  margin: 0 0 10px;
 +
}
 +
#protocols .step-timer.inline-step-timer .time-editable,
 +
.protocol-view-component .step-timer.inline-step-timer .time-editable,
 +
.protocol-mount .step-timer.inline-step-timer .time-editable {
 +
  padding: 0px;
 +
  vertical-align: middle;
 +
}
 +
#protocols .step-timer.inline-step-timer .time-display,
 +
.protocol-view-component .step-timer.inline-step-timer .time-display,
 +
.protocol-mount .step-timer.inline-step-timer .time-display {
 +
  font-size: 26px;
 +
  margin-right: 0;
 +
}
 +
#protocols .step-timer.inline-step-timer .time-small,
 +
.protocol-view-component .step-timer.inline-step-timer .time-small,
 +
.protocol-mount .step-timer.inline-step-timer .time-small {
 +
  width: 35px;
 +
  text-align: left;
 +
}
 +
#protocols .step-timer.inline-step-timer .time-controls,
 +
.protocol-view-component .step-timer.inline-step-timer .time-controls,
 +
.protocol-mount .step-timer.inline-step-timer .time-controls {
 +
  display: inline-block;
 +
  width: 85px;
 +
  text-align: left;
 +
}
 +
#protocols .step-timer.inline-step-timer .time-controls a,
 +
.protocol-view-component .step-timer.inline-step-timer .time-controls a,
 +
.protocol-mount .step-timer.inline-step-timer .time-controls a {
 +
  display: inline-block;
 +
  padding: 4px;
 +
  font-size: 20px;
 +
}
 +
#protocols .step-timer .time-display,
 +
.protocol-view-component .step-timer .time-display,
 +
.protocol-mount .step-timer .time-display {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
  font-size: 52px;
 +
  vertical-align: middle;
 +
  cursor: pointer;
 +
}
 +
#protocols .step-timer .time-display.out-of-time,
 +
.protocol-view-component .step-timer .time-display.out-of-time,
 +
.protocol-mount .step-timer .time-display.out-of-time {
 +
  animation: opacity-blink 0.6 linear infinite alternate;
 +
  -moz-animation: opacity-blink 0.6s linear infinite alternate;
 +
  -webkit-animation: opacity-blink 0.6s linear infinite alternate;
 +
}
 +
#protocols .step-timer .time-display .time-small,
 +
.protocol-view-component .step-timer .time-display .time-small,
 +
.protocol-mount .step-timer .time-display .time-small {
 +
  display: inline-block;
 +
  font-size: 0.8em;
 +
  color: #a2b9be;
 +
}
 +
#protocols .step-timer .time-display:active,
 +
.protocol-view-component .step-timer .time-display:active,
 +
.protocol-mount .step-timer .time-display:active {
 +
  color: #a2b9be;
 +
}
 +
#protocols .step-timer .time-controls button,
 +
.protocol-view-component .step-timer .time-controls button,
 +
.protocol-mount .step-timer .time-controls button {
 +
  margin-right: 10px;
 +
}
 +
@media print {
 +
  #protocols,
 +
  .protocol-view-component,
 +
  .protocol-mount {
 +
    margin: 0 1.5cm;
 +
  }
 +
  #protocols .footer,
 +
  .protocol-view-component .footer,
 +
  .protocol-mount .footer,
 +
  #protocols #proto-comments,
 +
  .protocol-view-component #proto-comments,
 +
  .protocol-mount #proto-comments,
 +
  #protocols .strip,
 +
  .protocol-view-component .strip,
 +
  .protocol-mount .strip,
 +
  #protocols .btn-toolbar,
 +
  .protocol-view-component .btn-toolbar,
 +
  .protocol-mount .btn-toolbar,
 +
  #protocols .cm-comments,
 +
  .protocol-view-component .cm-comments,
 +
  .protocol-mount .cm-comments,
 +
  #protocols .cm-creator,
 +
  .protocol-view-component .cm-creator,
 +
  .protocol-mount .cm-creator,
 +
  #protocols .protocol-nav-wrapper,
 +
  .protocol-view-component .protocol-nav-wrapper,
 +
  .protocol-mount .protocol-nav-wrapper,
 +
  #protocols .protocol-header .protocol-title,
 +
  .protocol-view-component .protocol-header .protocol-title,
 +
  .protocol-mount .protocol-header .protocol-title,
 +
  #protocols .user-dropdown,
 +
  .protocol-view-component .user-dropdown,
 +
  .protocol-mount .user-dropdown {
 +
    display: none !important;
 +
  }
 +
  #protocols #proto-procedure,
 +
  .protocol-view-component #proto-procedure,
 +
  .protocol-mount #proto-procedure {
 +
    page-break-before: always;
 +
  }
 +
  #protocols .protocol-title,
 +
  .protocol-view-component .protocol-title,
 +
  .protocol-mount .protocol-title {
 +
    width: 100% !important;
 +
  }
 +
  #protocols a[href]::after,
 +
  .protocol-view-component a[href]::after,
 +
  .protocol-mount a[href]::after {
 +
    content: none !important;
 +
  }
 +
  #protocols .protocol-section,
 +
  .protocol-view-component .protocol-section,
 +
  .protocol-mount .protocol-section {
 +
    font-size: 12px;
 +
  }
 +
  #protocols .protocol-section ol,
 +
  .protocol-view-component .protocol-section ol,
 +
  .protocol-mount .protocol-section ol {
 +
    margin-bottom: 4px;
 +
  }
 +
}
 +
.step-checkbox {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
  color: #c9d8db;
 +
}
 +
.step-checkbox.checked {
 +
  color: #03c08d;
 +
}
 +
/* Keep in sync with TransitionConstants.js */
 +
.transition-sbs-fade-enter {
 +
  opacity: 0.01;
 +
  left: -100% !important;
 +
}
 +
.transition-sbs-fade-enter.transition-sbs-fade-enter-active {
 +
  opacity: 1;
 +
  left: 0 !important;
 +
  -webkit-transition: all 0.1s ease-in;
 +
  transition: all 0.1s ease-in;
 +
}
 +
.transition-sbs-fade-leave {
 +
  opacity: 1;
 +
  left: 0 !important;
 +
  -webkit-transition: all 0.1s ease-in;
 +
  transition: all 0.1s ease-in;
 +
}
 +
.transition-sbs-fade-leave.transition-sbs-fade-leave-active {
 +
  opacity: 0.01;
 +
  left: -100% !important;
 +
}
 +
.transition-fade-enter {
 +
  opacity: 0.01;
 +
}
 +
.transition-fade-enter.transition-fade-enter-active {
 +
  opacity: 1;
 +
  -webkit-transition: opacity 0.1s ease-in;
 +
  transition: opacity 0.1s ease-in;
 +
}
 +
.transition-fade-leave {
 +
  opacity: 1;
 +
  -webkit-transition: opacity 0.1s ease-in;
 +
  transition: opacity 0.1s ease-in;
 +
}
 +
.transition-fade-leave.transition-fade-leave-active {
 +
  opacity: 0.01;
 +
}
 +
.transition-slideRight-enter {
 +
  left: -100%;
 +
  position: relative;
 +
}
 +
.transition-slideRight-enter.transition-slideRight-enter-active {
 +
  left: 0;
 +
  -webkit-transition: left 0.1s ease-in-out;
 +
  transition: left 0.1s ease-in-out;
 +
}
 +
.transition-slideRight-leave {
 +
  left: 0;
 +
  position: relative;
 +
  -webkit-transition: left 0.1s ease-in-out;
 +
  transition: left 0.1s ease-in-out;
 +
}
 +
.transition-slideRight-leave.transition-slideRight-leave-active {
 +
  left: -100%;
 +
}
 +
.transition-slideLeft-enter {
 +
  right: -100%;
 +
  position: relative;
 +
}
 +
.transition-slideLeft-enter.transition-slideLeft-enter-active {
 +
  right: 0;
 +
  -webkit-transition: right 0.8s ease-in-out;
 +
  transition: right 0.8s ease-in-out;
 +
}
 +
.transition-slideLeft-leave {
 +
  right: 0;
 +
  position: relative;
 +
  -webkit-transition: right 0.8s ease-in-out;
 +
  transition: right 0.8s ease-in-out;
 +
}
 +
.transition-slideLeft-leave.transition-slideLeft-leave-active {
 +
  right: -100%;
 +
}
 +
.info-content .enterpriseTableImage {
 +
  max-width: 800px;
 +
}
 +
.land-section .enterpriseContactModal p {
 +
  font-size: 12px;
 +
  margin: 0 0 10px;
 +
}
 +
.featureGrid {
 +
  margin-top: 20px;
 +
  margin-bottom: 20px;
 +
}
 +
.featureGrid .featureBox {
 +
  margin-bottom: 30px;
 +
}
 +
.featureGrid .featureIcon {
 +
  float: left;
 +
  margin-top: 2px;
 +
  margin-right: 12px;
 +
  width: 32px;
 +
}
 +
.featureGrid .featureTitle {
 +
  color: #5c7c83;
 +
  margin-bottom: 3px;
 +
}
 +
.featureGrid .featureDesc {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  overflow: hidden;
 +
}
 +
.aboutGrid-person {
 +
  display: inline-block;
 +
  margin: 40px 20px 0;
 +
  text-align: left;
 +
  width: 180px;
 +
  vertical-align: top;
 +
}
 +
.aboutGrid-pic {
 +
  height: 180px;
 +
  width: 100%;
 +
}
 +
.aboutGrid-name {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-weight: 600;
 +
  line-height: 1.4em;
 +
  margin: 10px 0 5px;
 +
}
 +
.aboutGrid-links {
 +
  margin: 5px 0;
 +
}
 +
.aboutGrid-links a {
 +
  color: #a2b9be;
 +
  font-size: 16px;
 +
  margin-right: 5px;
 +
}
 +
.aboutGrid-links a:hover {
 +
  color: #428ce1;
 +
}
 +
.aboutGrid-bio {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.aboutGrid-bio strong {
 +
  font-weight: 600;
 +
}
 +
.investorLogo {
 +
  margin: 0 20px;
 +
}
 +
.chromeFrame {
 +
  border: 2px solid #c9d8db;
 +
  border-top-left-radius: 5px;
 +
  border-top-right-radius: 5px;
 +
}
 +
.chromeFrame-header {
 +
  background: #c9d8db;
 +
  padding: 4px 6px;
 +
}
 +
.chromeFrame-header span {
 +
  border-radius: 99px;
 +
  display: inline-block;
 +
  height: 9px;
 +
  margin-right: 3px;
 +
  width: 9px;
 +
}
 +
.chromeFrame-header span:nth-child(1) {
 +
  background: #e96e51;
 +
}
 +
.chromeFrame-header span:nth-child(2) {
 +
  background: #fdd586;
 +
}
 +
.chromeFrame-header span:nth-child(3) {
 +
  background: #03c08d;
 +
}
 +
.chromeFrame img {
 +
  width: 100%;
 +
}
 +
.scrollTrigger {
 +
  left: 0;
 +
  opacity: 1;
 +
  position: relative;
 +
  -webkit-transition: all 0.4s ease-out;
 +
  transition: all 0.4s ease-out;
 +
}
 +
.scrollTrigger.scrollHidden {
 +
  opacity: 0;
 +
}
 +
.scrollTrigger.scrollHidden.slideLeft {
 +
  -webkit-transform: translateX(40px);
 +
  -moz-transform: translateX(40px);
 +
  -ms-transform: translateX(40px);
 +
  -o-transform: translateX(40px);
 +
  transform: translateX(40px);
 +
}
 +
.scrollTrigger.scrollHidden.slideRight {
 +
  -webkit-transform: translateX(-40px);
 +
  -moz-transform: translateX(-40px);
 +
  -ms-transform: translateX(-40px);
 +
  -o-transform: translateX(-40px);
 +
  transform: translateX(-40px);
 +
}
 +
.land-page {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.land-page--blue {
 +
  background-color: #428ce1;
 +
}
 +
.land-page--full {
 +
  height: 100%;
 +
}
 +
.land-header {
 +
  background: url('../img/landing/cells.jpg') #222222;
 +
  background-size: cover;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  padding: 15px 0 0;
 +
}
 +
.land-header.new-land-header {
 +
  background: none;
 +
}
 +
.land-nav-link:not(.button),
 +
.land-cta,
 +
.land-trustedScientists h2,
 +
.land-testimonial-bio,
 +
.land-headerCTA,
 +
.new-land-cta,
 +
.featureTitle {
 +
  letter-spacing: 1px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.land-nav-link {
 +
  color: white;
 +
  float: right;
 +
  margin-left: 20px;
 +
  border: 2px solid transparent;
 +
}
 +
.land-nav-link:hover,
 +
.land-nav-link:focus {
 +
  color: #a2b9be;
 +
}
 +
.new-land-nav .inlineForm {
 +
  margin-left: 20px;
 +
  float: right;
 +
}
 +
.new-land-nav .inlineForm a {
 +
  margin-left: -2px;
 +
}
 +
.new-land-nav .land-nav-link:not(.button) {
 +
  color: black;
 +
}
 +
.new-land-nav .land-nav-link:not(.button):hover,
 +
.new-land-nav .land-nav-link:not(.button):focus {
 +
  color: #a2b9be;
 +
}
 +
.new-land-nav .land-nav-link:not(.button):hover .caret,
 +
.new-land-nav .land-nav-link:not(.button):focus .caret {
 +
  border-top-color: #a2b9be;
 +
}
 +
.new-land-nav.new-land-nav--blue .land-nav-link:not(.button):not(.land-linkWithBorder) {
 +
  color: white;
 +
}
 +
.new-land-nav.new-land-nav--blue .land-nav-link:not(.button):not(.land-linkWithBorder):hover,
 +
.new-land-nav.new-land-nav--blue .land-nav-link:not(.button):not(.land-linkWithBorder):focus {
 +
  color: #c9d8db;
 +
}
 +
.new-land-nav.new-land-nav--blue .land-nav-link.land-linkWithBorder {
 +
  color: white;
 +
}
 +
.new-land-nav.new-land-nav--blue .land-nav-link.land-linkWithBorder:hover,
 +
.new-land-nav.new-land-nav--blue .land-nav-link.land-linkWithBorder:focus {
 +
  color: #428ce1;
 +
}
 +
.land-cta {
 +
  background: none;
 +
  border: 2px solid #428ce1;
 +
  color: #428ce1;
 +
}
 +
.land-cta:hover {
 +
  background: #428ce1;
 +
  color: white;
 +
}
 +
.land-cta:focus {
 +
  outline: 0;
 +
}
 +
.land-cta em {
 +
  text-transform: none;
 +
}
 +
.land-cta .fa-angle-right {
 +
  margin-left: 5px;
 +
}
 +
.land-nav-link,
 +
.land-cta {
 +
  padding: 10px 14px;
 +
}
 +
.land-nav-link:hover,
 +
.land-cta:hover {
 +
  text-decoration: none;
 +
}
 +
.land-nav-link.btn-af-success {
 +
  color: white;
 +
  border-radius: 4px;
 +
}
 +
.land-header .land-cta,
 +
.land-linkWithBorder {
 +
  border: 2px solid white;
 +
  color: white;
 +
  border-radius: 4px;
 +
}
 +
.land-header .land-cta:hover,
 +
.land-linkWithBorder:hover {
 +
  background: white;
 +
  color: black;
 +
}
 +
.land-successCTA {
 +
  background-color: #03c08d;
 +
  color: white;
 +
}
 +
.land-successCTA:hover {
 +
  background-color: #03b182;
 +
  color: white;
 +
}
 +
.land-nav .land-logo {
 +
  float: none;
 +
}
 +
.land-header-main {
 +
  text-align: center;
 +
}
 +
.land-header h1 {
 +
  color: white;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 70px;
 +
  font-weight: 300;
 +
  margin: 130px 0 0;
 +
}
 +
.land-tagline {
 +
  color: white;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  margin-top: 30px;
 +
}
 +
.land-header .land-cta {
 +
  display: inline-block;
 +
  margin: 35px 0 130px;
 +
}
 +
.land-header .land-cta-inverted {
 +
  background: white;
 +
  border-color: white;
 +
  color: black;
 +
}
 +
.land-header .land-cta-inverted:hover {
 +
  background: transparent;
 +
  color: white;
 +
}
 +
.land-trustedScientists {
 +
  background-color: rgba(0, 0, 0, 0.7);
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  padding: 20px;
 +
  text-align: center;
 +
}
 +
.land-trustedScientists h2 {
 +
  color: white;
 +
  line-height: 1.5;
 +
  margin: 0;
 +
}
 +
.land-trustedLogos {
 +
  margin-top: 10px;
 +
  line-height: 45px;
 +
}
 +
.land-trustedLogos img {
 +
  height: 40px;
 +
  margin: 10px 20px 0 0;
 +
  opacity: .8;
 +
}
 +
.land-trustedLogos img:last-child {
 +
  margin-right: 0;
 +
}
 +
.land-testimonials {
 +
  padding-top: 50px;
 +
}
 +
.land-testimonial-speechBubble {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  background-color: #f8fafb;
 +
  border-radius: 3px;
 +
  margin-bottom: 50px;
 +
  margin-top: 20px;
 +
  padding: 15px;
 +
  position: relative;
 +
}
 +
.land-testimonial-speechBubble:before {
 +
  border-bottom: 10px solid #f8fafb;
 +
  border-left: 10px solid transparent;
 +
  border-right: 10px solid transparent;
 +
  top: -10px;
 +
  content: '';
 +
  height: 0;
 +
  left: 20px;
 +
  position: absolute;
 +
  width: 0;
 +
}
 +
.land-testimonial-photo {
 +
  border-radius: 999px;
 +
  float: left;
 +
  margin-right: 15px;
 +
  width: 60px;
 +
}
 +
.land-testimonial-name {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
}
 +
.land-companies {
 +
  text-align: center;
 +
}
 +
.land-companies hr {
 +
  margin-top: 0;
 +
  margin-bottom: 50px;
 +
}
 +
.land-companies h2 {
 +
  color: #a2b9be;
 +
  text-transform: uppercase;
 +
}
 +
.companyLogo {
 +
  margin: 20px;
 +
  width: 172px;
 +
}
 +
.schoolLogo {
 +
  margin: 25px;
 +
  width: 156px;
 +
}
 +
@media (max-width: 1199px) {
 +
  .companyLogo--lg {
 +
    display: none;
 +
  }
 +
}
 +
@media (max-width: 991px) {
 +
  .companyLogo--md {
 +
    display: none;
 +
  }
 +
}
 +
.land-testimonial-bio {
 +
  color: #a2b9be;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  height: 40px;
 +
}
 +
.land-section {
 +
  padding: 100px 0;
 +
}
 +
.land-section h3 {
 +
  font-size: 24px;
 +
  line-height: 1.3;
 +
}
 +
.land-section p {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  margin: 20px 0;
 +
}
 +
.land-section .land-cta {
 +
  display: inline-block;
 +
}
 +
.land-section--narrow {
 +
  padding: 58px 0;
 +
}
 +
.land-section-light {
 +
  background-color: #e8f0f2;
 +
}
 +
.land-section-lighter {
 +
  background-color: #f8fafb;
 +
}
 +
.land-section-light {
 +
  background-color: #e8f0f2;
 +
}
 +
.land-section-dark {
 +
  background-color: #344043;
 +
  color: #ffffff;
 +
}
 +
.land-sectionIcon {
 +
  height: 110px;
 +
}
 +
.land-section-inverted {
 +
  background-color: #2c76cc;
 +
  color: white;
 +
}
 +
.land-section-inverted .land-cta {
 +
  border-color: white;
 +
  color: white;
 +
}
 +
.land-section-inverted .land-cta:hover {
 +
  background: white;
 +
  color: #428ce1;
 +
}
 +
.land-section--blue {
 +
  background-color: #428ce1;
 +
  color: white;
 +
}
 +
.land-section--green {
 +
  background-color: #03c08d;
 +
  color: white;
 +
}
 +
.land-section-centered {
 +
  text-align: center;
 +
}
 +
.land-section-left {
 +
  padding-right: 40px;
 +
}
 +
.land-section-right {
 +
  padding-left: 40px;
 +
}
 +
.land-section-title {
 +
  font-size: 27px;
 +
  line-height: 36px;
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
}
 +
.land-section-text {
 +
  font-size: 23px;
 +
  line-height: 32px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  margin-top: 4px;
 +
}
 +
.land-section-text--small {
 +
  font-size: 15px;
 +
  line-height: 20px;
 +
}
 +
.land-section-textCTA {
 +
  line-height: 1.9;
 +
  margin-top: 100px;
 +
}
 +
.land-section-textCTA-link {
 +
  color: white;
 +
  font-weight: 600;
 +
}
 +
.land-section-textCTA-link:active,
 +
.land-section-textCTA-link:hover,
 +
.land-section-textCTA-link:focus {
 +
  color: white;
 +
  text-decoration: none;
 +
}
 +
.land-section-largeLink {
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
}
 +
.land-title {
 +
  font-size: 35px;
 +
  line-height: 48px;
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
}
 +
.plenticrisprImage {
 +
  max-width: 600px;
 +
  padding: 20px;
 +
  width: 100%;
 +
}
 +
.enterpriseTableImage {
 +
  max-width: 600px;
 +
  padding: 20px;
 +
  width: 100%;
 +
}
 +
.land-carousel {
 +
  position: relative;
 +
}
 +
.land-carouselWrapper {
 +
  overflow-x: hidden;
 +
  white-space: nowrap;
 +
}
 +
.land-carouselWrapper img,
 +
.land-carouselWrapper .land-carousel-item {
 +
  display: inline-block;
 +
  overflow-x: initial;
 +
  white-space: initial;
 +
  width: 100%;
 +
}
 +
.land-carousel img {
 +
  -webkit-transition: margin-left 0.3s ease-out;
 +
  transition: margin-left 0.3s ease-out;
 +
}
 +
.land-carouselWrapper .land-carousel-item {
 +
  -webkit-transition: margin-left 0.6s ease-out;
 +
  transition: margin-left 0.6s ease-out;
 +
}
 +
.land-carouselWrapper .land-page-carousel-img img {
 +
  border-radius: 50%;
 +
  height: 212px;
 +
  width: 212px;
 +
}
 +
.land-page-carousel-quote {
 +
  margin-top: 71px;
 +
}
 +
.land-page-carousel-subtitle,
 +
.land-page-carousel-author {
 +
  margin-top: 38px;
 +
  font-size: 20px;
 +
  line-height: 1.5;
 +
}
 +
.land-page-carousel-author {
 +
  color: #344043;
 +
}
 +
.carouselIndicator {
 +
  bottom: -30px;
 +
  left: 50%;
 +
  margin-left: -100px;
 +
  position: absolute;
 +
  text-align: center;
 +
  width: 200px;
 +
}
 +
.carouselIndicator div {
 +
  border: 2px solid #428ce1;
 +
  border-radius: 999px;
 +
  display: inline-block;
 +
  margin: 0 3px;
 +
  width: 10px;
 +
  height: 10px;
 +
}
 +
.carouselIndicator div.active {
 +
  background: #428ce1;
 +
}
 +
.land-page-carousel .carouselIndicator div {
 +
  margin: 0 14px;
 +
}
 +
.info-header.land-header {
 +
  background: url('../img/landing/cells.jpg') #344043;
 +
}
 +
.info-header h1 {
 +
  font-size: 36px;
 +
  margin-top: 60px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.info-header .land-cta {
 +
  margin-bottom: 60px;
 +
}
 +
.info-content hr {
 +
  margin: 40px 0;
 +
}
 +
.land-section-condensed {
 +
  padding: 50px 0;
 +
}
 +
@media (max-width: 767px) {
 +
  .land-header h1 {
 +
    font-size: 46px;
 +
    margin-top: 100px;
 +
  }
 +
  .info-header h1 {
 +
    font-size: 42px;
 +
    margin-top: 80px;
 +
  }
 +
  .land-nav-link {
 +
    font-size: 11px;
 +
    line-height: 16px;
 +
  }
 +
  .land-tagline {
 +
    font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
    font-size: 17px;
 +
    line-height: 24px;
 +
  }
 +
  .land-trustedLogos .hiddenXSLogo {
 +
    display: none;
 +
  }
 +
  .land-sectionIcon {
 +
    height: 70px;
 +
  }
 +
  .land-section {
 +
    padding: 65px 0;
 +
  }
 +
  .land-section h3 {
 +
    font-size: 17px;
 +
    line-height: 24px;
 +
  }
 +
  .land-section p {
 +
    font-size: 14px;
 +
    line-height: 20px;
 +
    margin: 10px 0;
 +
  }
 +
}
 +
@media (max-width: 991px) {
 +
  .land-trustedLogos .hiddenSMLogo {
 +
    display: none;
 +
  }
 +
  .land-section-left,
 +
  .land-section-right {
 +
    padding: 0 15px;
 +
  }
 +
  .land-section .chromeFrame {
 +
    margin-top: 30px;
 +
  }
 +
  .land-page:not(.new-land-page .land-page-linkedin),
 +
  .land-page-carousel-title,
 +
  .land-page-carousel-img,
 +
  .land-page-carousel-quote {
 +
    text-align: center;
 +
  }
 +
}
 +
.landPage-faq,
 +
.landPage-ourStory {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.landPage-faq .aboutGrid-name,
 +
.landPage-ourStory .aboutGrid-name {
 +
  font-weight: 600;
 +
}
 +
.landPage-faq .aboutGrid-person,
 +
.landPage-ourStory .aboutGrid-person {
 +
  width: 254px;
 +
}
 +
.landPage-faq .aboutGrid-pic,
 +
.landPage-ourStory .aboutGrid-pic {
 +
  height: auto;
 +
}
 +
.landPage-faq .aboutGrid-container,
 +
.landPage-ourStory .aboutGrid-container {
 +
  margin-left: -20px;
 +
  margin-right: -20px;
 +
}
 +
.landPage-faq h2,
 +
.landPage-ourStory h2 {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  margin-top: 36px;
 +
}
 +
.landPage-faq h3,
 +
.landPage-ourStory h3 {
 +
  margin-top: 30px;
 +
}
 +
.land-header .container,
 +
.land-header .nyc-container {
 +
  max-width: 1480px;
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
}
 +
.land-header .container.land-header-container--full {
 +
  max-width: initial;
 +
}
 +
.land-page-enterpriseMac {
 +
  float: right;
 +
  height: 560px;
 +
  margin-bottom: 52px;
 +
  margin-right: 28px;
 +
}
 +
.land-header-contents {
 +
  margin-top: 100px;
 +
}
 +
.land-page-enterpriseInfo-icon {
 +
  fill: currentColor;
 +
  height: 33px;
 +
}
 +
.land-page-enterpriseInfo-text {
 +
  overflow: hidden;
 +
}
 +
.land-page-benchlingFeature {
 +
  margin-top: 80px;
 +
}
 +
.land-page-benchlingFeature-img {
 +
  max-height: 240px;
 +
  max-width: 100%;
 +
}
 +
.land-page-benchlingFeature--screenshot .land-page-benchlingFeature-img {
 +
  max-height: initial;
 +
  border-radius: 4px;
 +
}
 +
.land-page-benchlingFeature--narrow {
 +
  -webkit-align-items: flex-start;
 +
  -moz-align-items: flex-start;
 +
  -ms-align-items: flex-start;
 +
  align-items: flex-start;
 +
}
 +
.land-page-benchlingFeature--narrow .land-section-text {
 +
  font-size: 21px;
 +
  line-height: 28px;
 +
}
 +
.land-page-benchlingIconItem-wrapper {
 +
  margin-top: 88px;
 +
}
 +
.land-page-benchlingIconItem {
 +
  margin-bottom: 60px;
 +
}
 +
.land-page-benchlingIconItem-img {
 +
  height: 78px;
 +
  width: 78px;
 +
}
 +
.land-page-benchlingIconItem-text {
 +
  font-size: 13px;
 +
  height: 51px;
 +
  line-height: 1.6;
 +
  margin-bottom: 37px;
 +
}
 +
.land-page-benchlingIconItem .button {
 +
  background-color: transparent;
 +
}
 +
.land-page-titleContainer {
 +
  max-width: 600px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
.new-land-nav {
 +
  padding: 12px 28px;
 +
  background-color: white;
 +
  text-align: left;
 +
}
 +
.new-land-nav.sticky {
 +
  box-shadow: 0 -2px 10px 0 rgba(92, 123, 131, 0.5);
 +
}
 +
.new-land-nav.new-land-nav--blue {
 +
  background-color: #428ce1;
 +
  color: white;
 +
}
 +
.land-section--boxShadow {
 +
  box-shadow: 0 -2px 10px -2px rgba(92, 123, 131, 0.5);
 +
  position: relative;
 +
}
 +
.land-page-academicLink {
 +
  border: 1px solid #428ce1;
 +
  border-radius: 4px;
 +
}
 +
.land-page-academicLink-image {
 +
  margin-left: 15px;
 +
  width: 100%;
 +
}
 +
.land-page .land-page-titleContainer {
 +
  margin: 153px auto 0 auto;
 +
  max-width: 1500px;
 +
  max-height: 600px;
 +
  overflow: hidden;
 +
}
 +
@media (max-width: 767px) {
 +
  .land-page .land-page-titleContainer {
 +
    margin-top: 80px;
 +
  }
 +
}
 +
.land-page .land-page-titleCTA {
 +
  margin-top: 48px;
 +
}
 +
.land-page .land-page-titleContainer--split {
 +
  margin: 153px auto;
 +
  max-height: initial;
 +
}
 +
.land-page-xl-spacing-top,
 +
.land-page .land-successCTA {
 +
  margin-top: 48px;
 +
}
 +
.land-page-titleImageContainer--splitLarge {
 +
  overflow: hidden;
 +
  width: 2000px;
 +
  max-height: 600px;
 +
}
 +
.land-page .land-page-titleImage {
 +
  width: 1220px;
 +
  margin-top: 60px;
 +
}
 +
.land-page .land-page-video {
 +
  width: 655px;
 +
  height: 400px;
 +
  margin-top: 60px;
 +
}
 +
.land-page .land-page-titleImage--split {
 +
  width: 100%;
 +
  max-width: 480px;
 +
}
 +
.land-page .land-page-titleImage--splitLarge {
 +
  margin-top: 0;
 +
  width: 1060px;
 +
}
 +
.land-page .land-page-featureImageContainer {
 +
  text-align: center;
 +
  max-width: 1500px;
 +
  max-height: 500px;
 +
  margin: 40px auto 0 auto;
 +
  overflow: hidden;
 +
}
 +
.land-page .land-page-featureImage {
 +
  max-width: 100%;
 +
  padding: 0 40px;
 +
}
 +
.land-nav-linkDropdownContainer {
 +
  float: right;
 +
}
 +
.land-nav-linkDropdownContainer .dropdown-menu {
 +
  margin-left: 30px;
 +
}
 +
.land-page-doesBestTitle {
 +
  margin-left: 100px;
 +
}
 +
.land-page-bestImageContainer {
 +
  margin-bottom: 60px;
 +
}
 +
.land-page-doesBestImage {
 +
  width: 120px;
 +
}
 +
.land-page-faqQuestion {
 +
  font-size: 18px;
 +
  line-height: 24px;
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
}
 +
.land-page-faqText {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.footer.new-footer {
 +
  background-color: #f8fafb;
 +
  margin-top: 0;
 +
}
 +
.new-footer a {
 +
  color: #5c7c83;
 +
  font-size: 14px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.enterpriseContactSection {
 +
  max-width: 600px;
 +
  border-radius: 4px;
 +
  margin: 40px auto;
 +
  padding: 20px;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.enterpriseContactSection .row {
 +
  margin-bottom: 20px;
 +
}
 +
.enterpriseContactSection label {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.enterpriseContactSection input {
 +
  font-size: 15px;
 +
  line-height: 20px;
 +
  height: 40px;
 +
}
 +
.enterpriseContactSection textarea {
 +
  height: 5em;
 +
}
 +
.land-page-pathChoice {
 +
  font-size: 23px;
 +
  font-weight: 600;
 +
  line-height: 32px;
 +
  display: inline-block;
 +
  padding: 14px 28px 14px 18px;
 +
  border: 2px solid #2c76cc;
 +
  border-radius: 8px;
 +
  margin: 10px 20px;
 +
  cursor: pointer;
 +
  background-color: #2c76cc;
 +
  color: white;
 +
}
 +
.land-page-pathChoice:hover {
 +
  background-color: #286cbb;
 +
  border-color: #286cbb;
 +
  color: white;
 +
  text-decoration: none;
 +
}
 +
.land-page-pathChoice:active,
 +
.land-page-pathChoice:focus {
 +
  background-color: #2563aa;
 +
  border-color: #2563aa;
 +
  outline: none;
 +
  color: white;
 +
  text-decoration: none;
 +
}
 +
.land-page-pathChoice img {
 +
  margin-right: 12px;
 +
  height: 28px;
 +
  margin-top: -4px;
 +
}
 +
.land-page-pathChoice--clipboard {
 +
  padding-left: 22px;
 +
}
 +
@media (max-width: 767px) {
 +
  .land-page-pathChoice img {
 +
    display: none;
 +
  }
 +
}
 +
.land-page-pathChoice .fa-chevron-right {
 +
  font-size: 15px;
 +
}
 +
.landpage-pathChoiceNeitherContainer {
 +
  margin-top: 80px;
 +
}
 +
.landpage-pathChoiceNeither {
 +
  color: white;
 +
  font-size: 17px;
 +
  text-decoration: underline;
 +
}
 +
.landpage-pathChoiceNeither:hover {
 +
  color: white;
 +
}
 +
.land-page-pathChoiceContainer {
 +
  margin-top: 80px;
 +
}
 +
.land-page-titleContainer.land-page-pathChoiceDescription {
 +
  max-width: 800px;
 +
  padding: 0 20px;
 +
}
 +
input.inlineForm-input--large {
 +
  height: 48px;
 +
  width: 240px;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
input.inlineForm-input--medium {
 +
  height: 36px;
 +
  width: 200px;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
input.inlineForm-input--small {
 +
  height: 28px;
 +
  width: 200px;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.inlineForm--primary input:focus,
 +
.inlineForm--primary input:hover {
 +
  border-color: #03c08d;
 +
}
 +
.inlineForm--secondary input:focus,
 +
.inlineForm--secondary input:hover {
 +
  border-color: #428ce1;
 +
}
 +
.inlineForm .inlineForm-button {
 +
  margin-left: -5px;
 +
  border-top-left-radius: 0;
 +
  border-bottom-left-radius: 0;
 +
  position: relative;
 +
}
 +
input.inlineForm-input {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
@media (max-width: 767px) {
 +
  input.inlineForm-input {
 +
    width: 152px;
 +
  }
 +
}
 +
.case-studies-landing-icon {
 +
  height: 100px;
 +
}
 +
.case-studies-landing-help-email-input {
 +
  margin: 12px 0;
 +
}
 +
.case-studies-landing-help-select {
 +
  width: 300px;
 +
}
 +
.case-studies-landing-help-select:invalid {
 +
  color: #a2b9be;
 +
}
 +
.case-studies-landing-icon-text {
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
}
 +
.case-studies-landing-company-subtitle {
 +
  font-size: 21px;
 +
  font-style: italic;
 +
}
 +
.case-studies-landing-company-logo-container {
 +
  height: 50px;
 +
  line-height: 50px;
 +
}
 +
.case-studies-landing-company-logo {
 +
  width: 120px;
 +
}
 +
.case-studies-landing-company-logo--inactive {
 +
  opacity: 0.5;
 +
  -webkit-filter: grayscale(100%);
 +
}
 +
.case-studies-landing-company-content--inactive {
 +
  opacity: 0;
 +
}
 +
.case-studies-landing-company-logo-chevron {
 +
  font-size: 24px;
 +
  color: #5c7c83;
 +
  line-height: 50px;
 +
}
 +
/* Compete with 100% width specified elsewhere */
 +
input.case-studies-landing-more-information-input {
 +
  width: 300px;
 +
}
 +
/* Put some extra selector components in to compete with specificity from components/buttons.less */
 +
button.case-studies-landing-more-information-button:hover {
 +
  background: #2c76cc;
 +
  color: #ffffff;
 +
}
 +
.case-studies-landing-zymergen-subtitle {
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
  font-size: 18px;
 +
}
 +
input.case-studies-landing-zymergen-form-field {
 +
  width: 300px;
 +
}
 +
.land-page-linkedin .land-page-titleImage--splitLarge {
 +
  margin-left: -230px;
 +
}
 +
.feature-panel {
 +
  border-radius: 4px;
 +
  border: solid 1px #c9d8db;
 +
  margin-left: 10px;
 +
  margin-right: 10px;
 +
  padding: 10px;
 +
  min-height: 282px;
 +
}
 +
.feature-panel-image {
 +
  margin-left: 10px;
 +
  margin-top: 10px;
 +
}
 +
.feaure-panel-title {
 +
  font-size: 25px;
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  font-stretch: normal;
 +
  line-height: 1.44;
 +
  color: #344043;
 +
}
 +
.feature-panel-text {
 +
  margin-top: 8px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 19px;
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  font-stretch: normal;
 +
  line-height: 1.47;
 +
  color: #344043;
 +
}
 +
.feature-panel-cta {
 +
  color: #428ce1;
 +
}
 +
.linkedin-signup label {
 +
  display: block;
 +
}
 +
.linkedin-signup-text {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 23px;
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  font-stretch: normal;
 +
  line-height: 1.39;
 +
  color: #ffffff;
 +
}
 +
.linkedin-signup-title {
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
  font-size: 35px;
 +
  line-height: 1.37;
 +
}
 +
.linkedin-signup input {
 +
  max-width: 400px;
 +
  height: 36px;
 +
}
 +
.linkedin-signup button {
 +
  width: 102px;
 +
  height: 48px;
 +
}
 +
.linkedin-signup label {
 +
  font-size: 13px;
 +
}
 +
.linkedin-signup a {
 +
  color: white;
 +
  text-decoration: underline;
 +
}
 +
.land-logo-strip {
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-justify-content: flex-start;
 +
  -moz-justify-content: flex-start;
 +
  -ms-justify-content: flex-start;
 +
  justify-content: flex-start;
 +
}
 +
.land-logo-strip img {
 +
  width: 80px;
 +
}
 +
.land-logo-strip .zymergen-logo {
 +
  width: 120px;
 +
}
 +
.land-logo-strip .arcturus-logo {
 +
  margin-bottom: 5px;
 +
}
 +
.feature-container {
 +
  padding-top: 30px;
 +
}
 +
@media (max-width: 991px) {
 +
  .feature-container h1 {
 +
    text-align: center !important;
 +
  }
 +
}
 +
@media (max-width: 991px) {
 +
  .land-logo-strip .zymergen-logo {
 +
    width: 70px;
 +
  }
 +
  .land-logo-strip img {
 +
    max-width: 20%;
 +
  }
 +
  .linkedin-signup input {
 +
    max-width: 90%;
 +
  }
 +
  .linkedin-signup-text {
 +
    font-size: 17px;
 +
  }
 +
  .linkedin-signup-title {
 +
    font-size: 23px;
 +
  }
 +
  .linkedin-signup-text {
 +
    font-size: 17px;
 +
  }
 +
  .linkedin-signup-title {
 +
    font-size: 23px;
 +
  }
 +
  .feature-panel {
 +
    padding: 2px;
 +
  }
 +
  .feature-container .row.u-large-spacing-top {
 +
    margin-top: 10px;
 +
  }
 +
  .feature-panel-image {
 +
    display: block;
 +
    margin-left: 0px;
 +
    margin-bottom: 10px;
 +
  }
 +
  .land-title {
 +
    font-size: 25px;
 +
    line-height: 1.44;
 +
    max-width: 85%;
 +
  }
 +
  .land-section-text {
 +
    font-size: 19px;
 +
    max-width: 85%;
 +
  }
 +
}
 +
#auth {
 +
  background: #f8fafb;
 +
}
 +
#auth .logo {
 +
  text-align: center;
 +
  display: block;
 +
  margin-bottom: 30px;
 +
}
 +
#auth .powered-by-benchling {
 +
  font-size: 13px;
 +
  display: block;
 +
}
 +
#auth .centered-box {
 +
  background: #fff;
 +
  border: 1px solid #c9d8db;
 +
  margin: 100px auto 0 auto;
 +
  border-radius: 3px;
 +
  padding: 40px;
 +
}
 +
#auth .centered-box .extra-links {
 +
  margin-top: 10px;
 +
  font-size: 12px;
 +
}
 +
#auth .centered-box.sign-in,
 +
#auth .centered-box.sign-up,
 +
#auth .centered-box.sign-out,
 +
#auth .centered-box.verify-email-message {
 +
  max-width: 400px;
 +
}
 +
#auth .centered-box.organization-setup {
 +
  max-width: 500px;
 +
}
 +
#auth .centered-box .info-col h2:first-child {
 +
  margin-top: 0;
 +
}
 +
#auth button {
 +
  text-transform: uppercase;
 +
}
 +
#auth .google-oauth-signin {
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
#editor .sign-in input[type='text'],
 +
#auth .sign-in input[type='text'],
 +
#editor .sign-up input[type='text'],
 +
#auth .sign-up input[type='text'],
 +
#editor .sign-in input[type='password'],
 +
#auth .sign-in input[type='password'],
 +
#editor .sign-up input[type='password'],
 +
#auth .sign-up input[type='password'],
 +
#editor .sign-in select,
 +
#auth .sign-in select,
 +
#editor .sign-up select,
 +
#auth .sign-up select {
 +
  height: 43px;
 +
  padding: 10px 16px;
 +
  font-size: 16px;
 +
  line-height: 1.33;
 +
  border-radius: 3px;
 +
  line-height: 1.5;
 +
}
 +
select#editor .sign-in input[type='text'],
 +
select#auth .sign-in input[type='text'],
 +
select#editor .sign-up input[type='text'],
 +
select#auth .sign-up input[type='text'],
 +
select#editor .sign-in input[type='password'],
 +
select#auth .sign-in input[type='password'],
 +
select#editor .sign-up input[type='password'],
 +
select#auth .sign-up input[type='password'],
 +
select#editor .sign-in select,
 +
select#auth .sign-in select,
 +
select#editor .sign-up select,
 +
select#auth .sign-up select {
 +
  height: 43px;
 +
  line-height: 43px;
 +
}
 +
textarea#editor .sign-in input[type='text'],
 +
textarea#auth .sign-in input[type='text'],
 +
textarea#editor .sign-up input[type='text'],
 +
textarea#auth .sign-up input[type='text'],
 +
textarea#editor .sign-in input[type='password'],
 +
textarea#auth .sign-in input[type='password'],
 +
textarea#editor .sign-up input[type='password'],
 +
textarea#auth .sign-up input[type='password'],
 +
textarea#editor .sign-in select,
 +
textarea#auth .sign-in select,
 +
textarea#editor .sign-up select,
 +
textarea#auth .sign-up select {
 +
  height: auto;
 +
}
 +
.signup-form .help-block,
 +
#getting-started-form .help-block {
 +
  margin: 15px 0 0 0;
 +
  font-size: 12px;
 +
}
 +
.signup-form .fieldStatus-iconContainer {
 +
  position: absolute;
 +
  right: 16px;
 +
  top: 30px;
 +
}
 +
.signup-form .fieldStatus-icon {
 +
  font-size: 16px;
 +
}
 +
.homepageAuthForm {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.homepageAuthForm label {
 +
  color: #344043;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.homepageAuthForm label.required:after {
 +
  content: '';
 +
}
 +
.signupFAQ {
 +
  max-width: 400px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  margin: 160px auto 0 auto;
 +
}
 +
@media (min-width: 768px) {
 +
  .signupFAQ {
 +
    margin-left: 48px;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  .signupFAQ {
 +
    margin-left: 0;
 +
  }
 +
}
 +
.signupFAQ ul {
 +
  padding-left: 20px;
 +
}
 +
.signupFAQ strong {
 +
  font-weight: 600;
 +
}
 +
.signupFAQ-title {
 +
  margin-bottom: 28px;
 +
}
 +
.signupFAQ-questionsPanel {
 +
  background-color: inherit;
 +
  border: none;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
.signupFAQ-question {
 +
  margin-top: 20px;
 +
}
 +
.signupFAQ-question.collapsed a {
 +
  color: #a2b9be;
 +
}
 +
.signupFAQ-answer {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  margin-top: 6px;
 +
  color: #5c7c83;
 +
}
 +
.signupFAQ-question-chevron {
 +
  margin-left: -28px;
 +
  float: left;
 +
}
 +
.signupFAQ-question .glyphicon {
 +
  display: none;
 +
}
 +
.signupFAQ-question:not(.collapsed) .glyphicon-chevron-down {
 +
  display: block;
 +
}
 +
.signupFAQ-question.collapsed .glyphicon-chevron-right {
 +
  display: block;
 +
}
 +
.survey-popup {
 +
  padding: 10px;
 +
  position: fixed;
 +
  right: 50px;
 +
  bottom: 50px;
 +
  width: 350px;
 +
  min-height: 100px;
 +
  z-index: 100000;
 +
  border-radius: 3px;
 +
  background: white;
 +
  opacity: 1.0;
 +
  -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 20px rgba(0,0,0,0.1);
 +
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 20px rgba(0,0,0,0.1);
 +
}
 +
.survey-popup p {
 +
  padding-left: 1.75em;
 +
  padding-right: 1.75em;
 +
}
 +
.survey-popup textarea {
 +
  font: 100%;
 +
  resize: none;
 +
  height: 50px;
 +
}
 +
.survey-popup .survey-response {
 +
  margin-top: 15px;
 +
  position: absolute;
 +
  display: none;
 +
}
 +
.survey-popup .survey-question {
 +
  font-size: 14px;
 +
}
 +
.survey-popup,
 +
.survey-popup .survey-popup-body {
 +
  -webkit-transition: opacity 100 ease-out;
 +
  transition: opacity 100 ease-out;
 +
}
 +
.survey-popup.survey-vanish,
 +
.survey-popup .survey-vanish {
 +
  opacity: 0;
 +
}
 +
.survey-popup .survey-popup-body {
 +
  padding: 0px 20px;
 +
}
 +
.survey-popup .survey-popup-body.survey-hidden {
 +
  visibility: hidden;
 +
}
 +
.entryCalendar {
 +
  position: relative;
 +
}
 +
.calendarBorderBottom {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  margin-right: -12px;
 +
}
 +
#editor.hasLegacyNav .calendarBorderBottom {
 +
  margin-right: 0;
 +
}
 +
.entryCalendar-toolbar {
 +
  padding: 0 66px 42px 0;
 +
}
 +
.entryCalendar-toolbar--legacy {
 +
  margin-bottom: 15px;
 +
}
 +
.entryCalendar-pagination {
 +
  color: #a2b9be;
 +
}
 +
.calendarTable {
 +
  width: 100%;
 +
  table-layout: fixed;
 +
}
 +
.calendarTable-day {
 +
  color: #5c7c83;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
  padding: 0 0 4px 16px;
 +
}
 +
#editor.hasLegacyNav .calendarTable-day {
 +
  padding-left: 8px;
 +
}
 +
.weekComponent-date-text {
 +
  border-radius: 50%;
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  font-size: 14px;
 +
  height: 24px;
 +
  line-height: 24px;
 +
  margin: 5px;
 +
  text-align: center;
 +
  width: 24px;
 +
}
 +
#editor.hasLegacyNav .weekComponent-date-text {
 +
  font-weight: 500;
 +
  margin: 0;
 +
}
 +
.weekComponent-date-text--faded {
 +
  color: #c9d8db;
 +
}
 +
.weekComponent-date-text.is-today,
 +
.weekComponent-date-text.is-withinMouseRange {
 +
  color: #ffffff;
 +
}
 +
.weekComponent-date-text.is-today .weekComponent-date-text--faded,
 +
.weekComponent-date-text.is-withinMouseRange .weekComponent-date-text--faded {
 +
  color: #ffffff;
 +
}
 +
.weekComponent-date-text.is-today {
 +
  background-color: #428ce1;
 +
}
 +
.weekComponent-date-text.is-withinMouseRange {
 +
  background-color: #fdd586;
 +
}
 +
.weekComponent-date-text:hover {
 +
  text-decoration: underline;
 +
}
 +
.weekComponent-date {
 +
  color: #5c7c83;
 +
  padding: 5px;
 +
  border-top: 1px solid #e8f0f2;
 +
  border-left: 1px solid #e8f0f2;
 +
  border-right: 1px solid #e8f0f2;
 +
}
 +
.weekComponent td {
 +
  padding: 0 5px 5px;
 +
  border-left: 1px solid #e8f0f2;
 +
  border-right: 1px solid #e8f0f2;
 +
}
 +
.calendarItem.isHighlighted {
 +
  opacity: 0.8;
 +
}
 +
.calendarItem-position {
 +
  position: relative;
 +
  min-height: 20px;
 +
}
 +
.calendarItem-content {
 +
  border-radius: 16px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  padding: 2px 11px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.dailyFileActivity {
 +
  background: #f8fafb;
 +
  border-left: 1px solid #e8f0f2;
 +
  border-right: 1px solid #e8f0f2;
 +
  padding: 6px 15px 12px 15px;
 +
  vertical-align: top;
 +
}
 +
.dailyFileActivity--dayView {
 +
  background: #ffffff;
 +
  border: none;
 +
}
 +
.dailyFileActivity-inner {
 +
  min-height: 100px;
 +
}
 +
.dailyFileActivity-header {
 +
  color: #a2b9be;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
  margin-bottom: 8px;
 +
}
 +
#editor.hasLegacyNav .dailyFileActivity-header {
 +
  font-weight: 500;
 +
}
 +
.accessedFile {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  padding: 12px 14px 8px 14px;
 +
  margin: 0 28px 0 -14px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.accessedFile:hover {
 +
  background: #f8fafb;
 +
}
 +
.accessedFile--compact,
 +
.accessedFile--legacy {
 +
  border: none;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
.dailyFileActivity-icon {
 +
  color: #c9d8db;
 +
  height: 12px;
 +
  margin-right: 12px;
 +
  width: 12px;
 +
}
 +
.dailyFileActivity-icon--compact {
 +
  height: 10px;
 +
  margin-right: 6px;
 +
  width: 10px;
 +
}
 +
.dailyFileActivity-file {
 +
  color: #344043;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.dailyFileActivity-accessTime {
 +
  color: #5c7c83;
 +
}
 +
.dailyFileActivity-file:active,
 +
.dailyFileActivity-file:focus {
 +
  color: #344043;
 +
  text-decoration: none;
 +
}
 +
.dailyFileActivity-file:hover {
 +
  color: #428ce1;
 +
  text-decoration: none;
 +
}
 +
.dailyFileActivity-file--deleted,
 +
.dailyFileActivity-file--deleted:hover {
 +
  color: #344043;
 +
  text-decoration: line-through;
 +
}
 +
.entryCalendar .popover {
 +
  min-width: 200px;
 +
}
 +
.entryCalendar-dayView-container {
 +
  padding-right: 66px;
 +
}
 +
.entryCalendar-dayView-noEntries {
 +
  color: #c9d8db;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
}
 +
.entryExcerpt--legacy {
 +
  margin-bottom: 15px;
 +
}
 +
.entryExcerpt--legacy:last-child {
 +
  margin-bottom: 0;
 +
}
 +
.entryExcerpt {
 +
  margin-bottom: 40px;
 +
}
 +
.entryExcerpt-header {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  margin-bottom: 4px;
 +
}
 +
.entryExcerpt-header:hover {
 +
  color: #428ce1;
 +
}
 +
.entryExcerpt-subheader {
 +
  color: #5c7c83;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  margin-bottom: 7px;
 +
}
 +
.entryExcerpt-previewText {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  word-break: break-word;
 +
}
 +
.calendarProjectFilter ul {
 +
  list-style: none;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
.projectFilterItem {
 +
  border-left: 3px solid #f8fafb;
 +
  color: #e8f0f2;
 +
}
 +
.projectFilterItem .swatch {
 +
  float: left;
 +
  margin-top: 4px;
 +
}
 +
.projectFilterItem-text {
 +
  word-break: break-word;
 +
  overflow: hidden;
 +
}
 +
.projectFilterItem.visible {
 +
  border-left: 3px solid #428ce1;
 +
  color: #344043;
 +
}
 +
.projectFilterItem:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.calendarFilter {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 16px;
 +
  margin-top: 10px;
 +
}
 +
.calendarFilter-swatch {
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  height: 12px;
 +
  margin-right: 4px;
 +
  width: 12px;
 +
}
 +
.calendarFilter-dropdownItem {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.entryCalendar-dayView-newEntryButton {
 +
  float: right;
 +
}
 +
.newEntryPopover {
 +
  min-width: 220px;
 +
}
 +
.image-edit-modal {
 +
  width: 100%;
 +
}
 +
.image-edit-modal .image-edit-tool-bar {
 +
  margin-top: 10px;
 +
}
 +
.image-edit-modal .controls {
 +
  margin-top: 5px;
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
  text-align: center;
 +
  height: 75px;
 +
}
 +
.image-edit-modal .controls .slider-wrapper {
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
  width: 100%;
 +
}
 +
.image-edit-modal .controls .slider-wrapper .slider {
 +
  padding: 0;
 +
  height: 6px;
 +
  border: 1px solid #c9d8db;
 +
  width: 320px;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  margin: 10px 10px 0;
 +
}
 +
.image-edit-modal .controls .slider-wrapper .slider-value {
 +
  display: inline-block;
 +
  width: 20px;
 +
}
 +
.image-edit-modal .controls .btn-group {
 +
  float: none;
 +
}
 +
.image-edit-modal .controls-list {
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
.image-edit-modal .controls-list button {
 +
  width: 140px;
 +
}
 +
.image-edit-modal .controls-list button span {
 +
  padding-left: 2px;
 +
  padding-right: 2px;
 +
}
 +
.image-edit-modal .canvas-wrapper {
 +
  position: relative;
 +
}
 +
.image-edit-modal .canvas-wrapper canvas {
 +
  max-width: 100%;
 +
  max-height: 500px;
 +
}
 +
.image-edit-modal .canvas-wrapper .basis-canvas-wrapper {
 +
  visibility: hidden;
 +
  position: absolute;
 +
}
 +
.image-edit-modal .canvas-wrapper .sub-canvas-wrapper canvas {
 +
  background-color: #e8f0f2;
 +
  background-image: linear-gradient(45deg, #c9d8db 25%, transparent 25%, transparent 75%, #c9d8db 75%, #c9d8db), linear-gradient(45deg, #c9d8db 25%, transparent 25%, transparent 75%, #c9d8db 75%, #c9d8db);
 +
  background-size: 60px 60px;
 +
  background-position: 0 0, 30px 30px;
 +
}
 +
.image-edit-modal .canvas-wrapper .sub-canvas-wrapper canvas.invisible {
 +
  visibility: hidden;
 +
}
 +
.image-edit-modal .canvas-wrapper .sub-canvas-wrapper canvas.in-front {
 +
  position: absolute;
 +
  z-index: 10001;
 +
}
 +
.order-page .edit-meta-icon {
 +
  margin: 3px 0 0 10px;
 +
  font-size: 11px;
 +
}
 +
.order-page .primary-name {
 +
  color: #344043;
 +
}
 +
.order-page .btn-toolbar .spinner {
 +
  margin-top: 4px;
 +
}
 +
.order-page .well > .spinner {
 +
  margin-top: -5px;
 +
}
 +
.order-page .well button + .spinner {
 +
  vertical-align: middle;
 +
}
 +
.order-page fieldset.add-sequences-divider {
 +
  border-top: 1px solid #c9d8db;
 +
}
 +
.order-page fieldset.add-sequences-divider legend {
 +
  padding: 5px 10px;
 +
}
 +
.order-page .vector-select {
 +
  min-width: 110px;
 +
  max-width: 175px;
 +
}
 +
.edit-order-form-fields {
 +
  font-weight: normal;
 +
  text-align: left;
 +
  white-space: normal;
 +
}
 +
.cut-site-chooser {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
}
 +
.profiles .react-mount input,
 +
.profiles .react-mount select {
 +
  margin-bottom: 0;
 +
}
 +
.add-order-item-row:hover .add-order-item-icon {
 +
  color: #03c08d;
 +
}
 +
.add-order-item-row:hover .add-order-item-icon.u-warning-color {
 +
  color: #e96e51;
 +
}
 +
.order-sequence-name .edit-order-sequence {
 +
  visibility: hidden;
 +
}
 +
.order-sequence-name:hover .edit-order-sequence {
 +
  visibility: visible;
 +
}
 +
.order-checkbox {
 +
  width: 30px;
 +
}
 +
.order-sequence-bases {
 +
  word-break: break-all;
 +
  max-height: 200px;
 +
  overflow-y: auto;
 +
}
 +
.order-sequence-bases::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.order-sequence-bases::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.order-sequence-bases:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.order-sequence-bases::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.order-sequence-bases:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.buffer-tab-innerTab {
 +
  background: white;
 +
  padding: 10px;
 +
}
 +
.browser-finder {
 +
  display: table;
 +
  width: 100%;
 +
}
 +
.browser-finder-header {
 +
  display: table-row;
 +
  width: 100%;
 +
  height: 0px;
 +
}
 +
.browser-finder-header .btn-toolbar .btn-group,
 +
.browser-finder-header .btn-toolbar .btn {
 +
  float: none;
 +
}
 +
.browser-finder-body {
 +
  display: table-row;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
.browser-finder-body-home {
 +
  height: 100%;
 +
  overflow-y: auto;
 +
}
 +
.browser-finder-body-home::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.browser-finder-body-home::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.browser-finder-body-home:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.browser-finder-body-home::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.browser-finder-body-home:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.folder-toolbar {
 +
  width: 100%;
 +
}
 +
.finderBreadcrumbs {
 +
  display: inline-block;
 +
}
 +
.finderBreadcrumbs-item,
 +
.finderBreadcrumbs-divider {
 +
  vertical-align: middle;
 +
}
 +
.finderBreadcrumbs-item {
 +
  font-size: 16px;
 +
}
 +
.finderBreadcrumbs-item:hover {
 +
  text-decoration: none;
 +
}
 +
.finderBreadcrumbs-divider {
 +
  color: #a2b9be;
 +
  font-size: 9px;
 +
  margin: 0 7px;
 +
}
 +
.file-browser-pagination {
 +
  font-size: 12px;
 +
  display: inline-block;
 +
}
 +
.file-browser-pagination .page-details {
 +
  display: inline-block;
 +
}
 +
.file-browser-pagination .pager {
 +
  display: inline-block;
 +
  margin: 0;
 +
}
 +
.file-browser-pagination .pager > li > a,
 +
.file-browser-pagination .pager > li > span {
 +
  padding: 2px 10px;
 +
  line-height: 22px;
 +
}
 +
.file-browser-pagination-sortedByLabel {
 +
  color: #428ce1;
 +
  font-weight: 400;
 +
}
 +
#editor.hasLegacyNav .file-browser-pagination-sortedByLabel {
 +
  font-weight: 500;
 +
}
 +
.browser-history-activity span {
 +
  line-height: 25px;
 +
}
 +
.browser-history-activity i {
 +
  border-radius: 3px;
 +
  height: 25px;
 +
  width: 25px;
 +
  padding-top: 5px;
 +
  color: white;
 +
}
 +
.browser-history-activity .avatar {
 +
  width: 25px;
 +
  height: 25px;
 +
}
 +
.browser-history-activity .file-type-icon {
 +
  color: black;
 +
  width: 25px;
 +
}
 +
.browser-history-activity .file-type-icon.glyphicon {
 +
  margin-top: -3px;
 +
}
 +
.browser-history-activity .fa-pencil,
 +
.browser-history-activity .fa-comment,
 +
.browser-history-activity .fa-arrow-right {
 +
  background-color: #aac2c7;
 +
}
 +
.browser-history-activity .fa-check {
 +
  background-color: #468847;
 +
}
 +
.browser-history-activity .fa-times {
 +
  background-color: #b94a48;
 +
}
 +
.browser-history-activity .fa-undo {
 +
  background-color: #b94a48;
 +
}
 +
.browser-history-older-changes {
 +
  padding: 10px;
 +
  background: #bacdd1;
 +
  border: 1px solid #c9d8db;
 +
}
 +
.browser-activity-note {
 +
  border-left: 5px solid #c9d8db;
 +
  padding: 10px 20px;
 +
  background-color: #feefd1;
 +
}
 +
.fileOnboardingCard {
 +
  background: #d9edf7;
 +
  padding: 10px;
 +
}
 +
.fileOnboardingCard-checklist .popover {
 +
  color: initial;
 +
}
 +
@-moz-document url-prefix() {
 +
  .dnd-drop-container {
 +
    position: relative;
 +
  }
 +
}
 +
.dnd-drop-container.is-interacting-allowed,
 +
.dnd-drop-container.is-interacting-disallowed {
 +
  position: relative;
 +
  background-color: white;
 +
}
 +
.dnd-drop-container.is-interacting-allowed > .dnd-drop-container-border,
 +
.dnd-drop-container.is-interacting-disallowed > .dnd-drop-container-border {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  content: '';
 +
  pointer-events: none;
 +
}
 +
.dnd-drop-container.is-interacting-allowed > .dnd-drop-container-border {
 +
  box-shadow: inset 0 0 0 2px #428ce1;
 +
}
 +
.dnd-drop-container.is-interacting-disallowed {
 +
  opacity: 0.8;
 +
}
 +
.dnd-drop-container.is-interacting-disallowed > .dnd-drop-container-border {
 +
  box-shadow: inset 0 0 0 2px #e96e51;
 +
}
 +
.dnd-drop-container-border {
 +
  display: none;
 +
}
 +
table.dnd-drop-table {
 +
  border-collapse: separate;
 +
}
 +
table.dnd-drop-table tr td:first-child {
 +
  border-left: 2px solid transparent;
 +
}
 +
table.dnd-drop-table tr td:last-child {
 +
  border-right: 2px solid transparent;
 +
}
 +
table.dnd-drop-table tr td {
 +
  border-top: 2px solid transparent;
 +
  border-bottom: 2px solid transparent;
 +
}
 +
table.dnd-drop-table tr.dnd-drop-container.is-interacting-allowed td:first-child {
 +
  border-left: 2px solid #428ce1;
 +
}
 +
table.dnd-drop-table tr.dnd-drop-container.is-interacting-allowed td:last-child {
 +
  border-right: 2px solid #428ce1;
 +
}
 +
table.dnd-drop-table tr.dnd-drop-container.is-interacting-allowed td {
 +
  border-top: 2px solid #428ce1;
 +
  border-bottom: 2px solid #428ce1;
 +
}
 +
table.dnd-drop-table tr.dnd-drop-container.is-interacting-disallowed td:first-child {
 +
  border-left: 2px solid #e96e51;
 +
}
 +
table.dnd-drop-table tr.dnd-drop-container.is-interacting-disallowed td:last-child {
 +
  border-right: 2px solid #e96e51;
 +
}
 +
table.dnd-drop-table tr.dnd-drop-container.is-interacting-disallowed td {
 +
  border-top: 2px solid #e96e51;
 +
  border-bottom: 2px solid #e96e51;
 +
}
 +
.tutorialPage {
 +
  width: 100%;
 +
  height: 100%;
 +
  background-color: #c9d8db;
 +
}
 +
.tutorialPage-iframe {
 +
  border: none;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
.tutorialProgressBar {
 +
  background-color: white;
 +
  padding: 10px;
 +
  border-top: 1px solid #bdc3c7;
 +
  position: relative;
 +
  height: 40px;
 +
}
 +
.tutorialProgressBar-progress.progress {
 +
  margin-bottom: 0;
 +
}
 +
.tutorialProgressBar-link {
 +
  position: absolute;
 +
  display: block;
 +
  width: 100%;
 +
  height: 100%;
 +
  margin-top: -10px;
 +
  margin-left: -10px;
 +
  text-align: center;
 +
  background-color: rgba(255, 255, 255, 0.7);
 +
  opacity: 0;
 +
  line-height: 40px;
 +
  -webkit-transition: opacity .1s ease-in;
 +
  transition: opacity .1s ease-in;
 +
}
 +
.tutorialProgressBar-link:hover {
 +
  opacity: 1;
 +
  color: #428ce1;
 +
}
 +
#editor .sidebar-mount .row {
 +
  margin-bottom: 0;
 +
}
 +
.sidebar-mount.is-open .sidebar {
 +
  left: 0;
 +
}
 +
.sidebar-mount ~ #wrapper {
 +
  -webkit-transition: left 0.15s ease-out;
 +
  transition: left 0.15s ease-out;
 +
}
 +
.sidebar-mount.is-open ~ #wrapper {
 +
  left: 275px;
 +
}
 +
.sidebar-mount.is-open ~ #wrapper #filebar {
 +
  display: none;
 +
}
 +
.sidebar-mount.is-open ~ #wrapper #buffers {
 +
  left: 0;
 +
}
 +
.sidebar-mount.is-open ~ #wrapper .assembly-wizard {
 +
  left: 0;
 +
}
 +
.sidebar-mount .browser-preview-wrapper {
 +
  padding: 0 25px 25px;
 +
  width: 100%;
 +
  min-height: 100%;
 +
  background: #ecf0f1;
 +
}
 +
.sidebar-progressBar {
 +
  position: absolute;
 +
  bottom: 0;
 +
  width: 100%;
 +
}
 +
.sidebar-mount .preview-card {
 +
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  background: white;
 +
  padding: 15px;
 +
}
 +
.sidebar-mount .preview-card .dl-horizontal dt {
 +
  width: 100px;
 +
  font-weight: 400;
 +
  margin-bottom: 5px;
 +
}
 +
.sidebar-mount .preview-card .dl-horizontal dd {
 +
  margin-left: 120px;
 +
}
 +
.sidebar {
 +
  -webkit-transition: left 0.15s ease-out, width 0.15s ease-out;
 +
  transition: left 0.15s ease-out, width 0.15s ease-out;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  position: absolute;
 +
  top: 50px;
 +
  bottom: 0;
 +
  background: #f9f9f9;
 +
  border-right: 1px solid #bdc3c7;
 +
  float: left;
 +
  z-index: 60;
 +
  width: 275px;
 +
  left: -275px;
 +
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
}
 +
.sidebar-topElement {
 +
  margin: 12px 15px 15px;
 +
}
 +
.sidebar-switcher {
 +
  list-style: none;
 +
  padding: 0;
 +
  height: 28px;
 +
}
 +
.sidebar-section {
 +
  position: absolute;
 +
  top: 15px;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  overflow-y: auto;
 +
  overflow-x: hidden;
 +
  padding: 0 15px 15px;
 +
}
 +
.sidebar-section::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.sidebar-section::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.sidebar-section:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.sidebar-section::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.sidebar-section:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.sidebar-section--aboveProgressBar {
 +
  bottom: 40px;
 +
}
 +
.sidebar-section--belowSwitcher {
 +
  top: 55px;
 +
}
 +
.sidebar-section--belowSearchInput {
 +
  top: 95px;
 +
}
 +
.sidebar-switcher li {
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  line-height: 26px;
 +
  padding: 0 8px;
 +
  margin-right: 5px;
 +
  color: #a2b9be;
 +
  border-bottom: 2px solid transparent;
 +
}
 +
.sidebar-switcher li:hover {
 +
  color: #344043;
 +
}
 +
.sidebar-switcher li.active {
 +
  border-bottom-color: #428ce1;
 +
  color: #428ce1;
 +
}
 +
li.sidebar-switcher-close {
 +
  margin-right: 0;
 +
}
 +
.sidebar-switcher-close span {
 +
  -webkit-transform: rotate(45deg);
 +
  -moz-transform: rotate(45deg);
 +
  -ms-transform: rotate(45deg);
 +
  -o-transform: rotate(45deg);
 +
  transform: rotate(45deg);
 +
}
 +
.tutorial-badgeRadio {
 +
  padding-top: 15px;
 +
}
 +
.sideSearchInput {
 +
  position: relative;
 +
  padding: 0 15px;
 +
}
 +
.sideSearchInput-input {
 +
  padding: 5px 8px;
 +
}
 +
.sideSearchInput-close {
 +
  position: absolute;
 +
  top: 14px;
 +
  margin-top: -9px;
 +
  right: 55px;
 +
}
 +
.sideSearchInput--tfi .input-group {
 +
  width: 100%;
 +
}
 +
.sideSearchInput--tfi .sideSearchInput-close {
 +
  right: 25px;
 +
}
 +
.sidebar-openFileIndicator {
 +
  border-radius: 999px;
 +
  width: 7px;
 +
  height: 7px;
 +
  background-color: #03c08d;
 +
  display: inline-block;
 +
  margin-right: 2px;
 +
}
 +
#editor .buffer-options .fileSearchInput input[type=text] {
 +
  width: 100%;
 +
}
 +
#editor .buffer-options .fileSearchInput--fixedWidth input[type=text],
 +
.fileSearchInput--fixedWidth {
 +
  width: 296px;
 +
}
 +
.fileSearchInput-wide--fixedWidth {
 +
  width: 495px;
 +
}
 +
#buffers .buffer-container .navbar .browser-projectHeader {
 +
  font-weight: normal;
 +
}
 +
.browser-nav-header {
 +
  padding: 0 0 5px;
 +
  text-transform: uppercase;
 +
  font-weight: 600;
 +
  font-size: 11px;
 +
  color: #344043;
 +
}
 +
.browser-nav-header--breadcrumb {
 +
  padding-top: 2px;
 +
  padding-left: 5px;
 +
  word-break: break-word;
 +
  display: block;
 +
  overflow: hidden;
 +
}
 +
.browser-section-header {
 +
  padding: 0 0 5px;
 +
  display: inline-block;
 +
  font-weight: 600;
 +
  color: #344043;
 +
}
 +
.browser-empty-section {
 +
  padding: 10px 0;
 +
}
 +
.filterDropdownMenu-option .dropdown-menu {
 +
  max-height: 250px;
 +
  width: 150px;
 +
  overflow-y: auto;
 +
}
 +
.filterDropdownMenu-option .dropdown-menu::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.filterDropdownMenu-option .dropdown-menu::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.filterDropdownMenu-option .dropdown-menu:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.filterDropdownMenu-option .dropdown-menu::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.filterDropdownMenu-option .dropdown-menu:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.filterDropdownMenu-option:hover .filterDropdownMenu-option-label .faded {
 +
  color: white;
 +
}
 +
.filterDropdownMenu-option-label {
 +
  display: inline-block;
 +
}
 +
.filterableSubMenu-search {
 +
  padding: 0 5px 5px;
 +
}
 +
.filterDropdownMenu-option .filterableSubMenu-helpText {
 +
  color: #e8f0f2;
 +
  white-space: normal;
 +
}
 +
.typeIcon,
 +
.sidebarItem .result-icon {
 +
  color: #a2b9be;
 +
}
 +
.typeIcon--active {
 +
  color: #428ce1;
 +
}
 +
.breadcrumb.browserBreadcrumb {
 +
  background: none;
 +
}
 +
.browserBreadcrumb-dropdown {
 +
  color: #a2b9be;
 +
}
 +
.browserBreadcrumb-name {
 +
  max-width: 200px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.browserBreadcrumb-icon,
 +
.moreDropdown-icon {
 +
  color: #a2b9be;
 +
}
 +
ul.dropdown-menu .browserBreadcrumb-dropdownOption:first-child a,
 +
ul.dropdown-menu .browserBreadcrumb-dropdownOption a:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
ul.dropdown-menu .browserBreadcrumb-dropdownOption:first-child a,
 +
ul.dropdown-menu .browserBreadcrumb-dropdownOption a:hover,
 +
ul.dropdown-menu .browserBreadcrumb-dropdownOption:first-child .browserBreadcrumb-icon,
 +
ul.dropdown-menu .browserBreadcrumb-dropdownOption a:hover .browserBreadcrumb-icon {
 +
  color: #428ce1;
 +
}
 +
.browserBreadcrumb-icons {
 +
  margin-top: 1px;
 +
}
 +
.browserBreadcrumb-circle {
 +
  font-size: 5px;
 +
  vertical-align: middle;
 +
  margin-right: 2px;
 +
}
 +
.dropdown-menu .sortOption--active {
 +
  color: #428ce1;
 +
}
 +
.dropdown-menu.dropdown-menu--compact {
 +
  min-width: 150px;
 +
}
 +
.dropdown-menu.dropdown-menu--compact > li > a {
 +
  padding: 3px 8px;
 +
}
 +
.dropdown-menu.dropdown-menu--compact .divider {
 +
  margin: 5px 0;
 +
}
 +
.sidebarItem-close {
 +
  display: inline-block;
 +
  padding: 2px 6px;
 +
  line-height: 14px;
 +
  border-radius: 999px;
 +
  margin-right: -6px;
 +
}
 +
.sidebarItem-close:hover {
 +
  color: white;
 +
  background: #e96e51;
 +
}
 +
.sidebarItem .toggle-hidden-icon {
 +
  color: inherit;
 +
}
 +
.sidebarItem {
 +
  padding: 5px 15px;
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
  cursor: pointer;
 +
}
 +
.sidebarItem:hover {
 +
  background: #e8f0f2;
 +
}
 +
.sidebarItem .result-icon,
 +
.sidebarItem .toggle-hidden-icon {
 +
  margin-right: 8px;
 +
  width: 12px;
 +
  float: left;
 +
  margin-top: 3px;
 +
}
 +
.sidebarItem .result-icon.result-icon--success {
 +
  color: #03c08d;
 +
}
 +
.sidebarItem .result-icon.result-icon--primary {
 +
  color: #428ce1;
 +
}
 +
.sidebarItem.active,
 +
.sidebarItem.active .result-icon {
 +
  color: #428ce1;
 +
  background: #e8f0f2;
 +
}
 +
.emptySidebarItem {
 +
  padding: 0 0;
 +
  color: #a2b9be;
 +
}
 +
.emptySidebarItem:hover {
 +
  color: #a2b9be;
 +
}
 +
.emptySidebarItem a {
 +
  color: #a2b9be;
 +
}
 +
.sidebarItem-more {
 +
  padding: 0;
 +
  background: #e8f0f2;
 +
  -webkit-box-shadow: inset 0 2px 2px #a2b9be;
 +
  box-shadow: inset 0 2px 2px #a2b9be;
 +
}
 +
.browser-file-name {
 +
  font-size: 12px;
 +
  word-break: break-word;
 +
  display: block;
 +
  overflow: hidden;
 +
}
 +
.sidebarItem-info {
 +
  color: #a2b9be;
 +
}
 +
.sidebar-mount .select2-search-choice-close {
 +
  margin-top: 1px;
 +
}
 +
.browser-btmBar {
 +
  position: absolute;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
}
 +
.browser-finder .sidebarItem:hover {
 +
  background: #ffffff;
 +
}
 +
.sidebarItem .fa-folder,
 +
.expandedResults .fa-folder {
 +
  color: #9ac2ef;
 +
}
 +
/*
 +
.noteEditor: fills the full buffer view
 +
  .buffer-options .mediocre-toolbar: toolbar at the top of the buffer
 +
  .noteEditor-container: the grey full-screen background, below toolbar
 +
    .noteEditor-catcher: the white "page"
 +
      .noteEditor-contentWrapper:
 +
        tightly wraps the content, enforcing max-width.
 +
*/
 +
#buffers .noteEditor {
 +
  height: 100%;
 +
}
 +
#buffers .noteEditor-container {
 +
  background: #c9d8db;
 +
  bottom: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  overflow-y: scroll;
 +
  top: 35px;
 +
}
 +
#buffers .noteEditor-container::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#buffers .noteEditor-container::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#buffers .noteEditor-container:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#buffers .noteEditor-container::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .noteEditor-container:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#buffers .noteEditor-catcher {
 +
  margin: auto;
 +
  min-height: 100%;
 +
  background: white;
 +
  transition: box-shadow 0.1s ease-in;
 +
}
 +
#buffers .noteEditor-catcher.padded-catcher {
 +
  padding-bottom: 40px;
 +
}
 +
#buffers .noteEditor-catcher.no-title {
 +
  padding-top: 30px;
 +
}
 +
#buffers .noteEditor-catcher.is-dragTarget {
 +
  box-shadow: inset 0 0 0 3px #428ce1;
 +
}
 +
#buffers .noteEditor-contentWrapper {
 +
  max-width: 90%;
 +
  margin: 0 auto;
 +
  padding: 10px 20px;
 +
}
 +
#buffers .noteEditor-contentWrapper.no-title {
 +
  padding-top: 50px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 +
  margin-left: -20px;
 +
  margin-right: -20px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
  padding-left: 30px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
  padding-left: 30px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
  padding-left: 20px;
 +
  padding-right: 20px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 +
  margin-left: -20px;
 +
  margin-right: -20px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
  padding-left: 155px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
  padding-left: 155px;
 +
}
 +
#buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
  padding-left: 145px;
 +
}
 +
@media (min-width: 928px) {
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-catcher {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 10px 10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title {
 +
    padding-top: 50px;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 10mm;
 +
    padding-right: 10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 43.07291667mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
@media (min-width: 1744px) {
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-catcher {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 10px 10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title {
 +
    padding-top: 50px;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 10mm;
 +
    padding-right: 10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 43.07291667mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
@media (min-width: 1248px) {
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-catcher {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 10px 10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title {
 +
    padding-top: 50px;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 10mm;
 +
    padding-right: 10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 43.07291667mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
@media (min-width: 2064px) {
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-catcher {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 10px 10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title {
 +
    padding-top: 50px;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 12.64583333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 10mm;
 +
    padding-right: 10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 +
    margin-left: -10mm;
 +
    margin-right: -10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 45.71875mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
    padding-left: 43.07291667mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
.noteEditor {
 +
  outline: none;
 +
}
 +
.noteEditor .editor {
 +
  position: relative;
 +
}
 +
.noteEditor .show-placeholders .editable:not(.is-locked):empty:after {
 +
  content: 'Enter text here';
 +
  pointer-events: none;
 +
  color: #a2b9be;
 +
}
 +
.noteEditor .mediocre-item {
 +
  page-break-inside: avoid;
 +
  transition: border-right 0.1s ease-out, background-color 0.1s ease-in;
 +
}
 +
.noteEditor .mediocre-item.is-highlighted .mediocre-captionEditable .note-item,
 +
.noteEditor .mediocre-item.is-important .mediocre-captionEditable .note-item,
 +
.noteEditor .mediocre-item.selected .mediocre-captionEditable .note-item {
 +
  background-color: white;
 +
}
 +
.noteEditor .mediocre-item:not(.is-text) {
 +
  cursor: default;
 +
}
 +
.noteEditor .mediocre-item.is-highlighted {
 +
  background-color: #f2f7fd;
 +
}
 +
.noteEditor .mediocre-item.is-important {
 +
  background-color: #feefd1;
 +
}
 +
@media print {
 +
  .noteEditor .mediocre-item.is-important {
 +
    border-left: 3px solid #feefd1;
 +
  }
 +
}
 +
.noteEditor .notePlaceholderItem-spinner.spinner {
 +
  width: 12px;
 +
  height: 12px;
 +
  background-size: 12px;
 +
  margin-bottom: 4px;
 +
  vertical-align: middle;
 +
}
 +
.noteEditor .notePlaceholderItem {
 +
  height: 304px;
 +
}
 +
.noteEditor .notePlaceholderItem-contentWrapper {
 +
  max-width: 70%;
 +
  position: relative;
 +
  top: 50%;
 +
  transform: translateY(-50%);
 +
  margin: auto;
 +
}
 +
.noteEditor .notePlaceholderItem-text {
 +
  color: #428ce1;
 +
  font-size: 16px;
 +
  line-height: 24px;
 +
}
 +
.noteEditor .notePlaceholderItem-buttonWrapper {
 +
  max-width: 120px;
 +
  margin: 0 auto;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border:empty:after {
 +
  color: #344043;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border.formula-box,
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable:not(.mediocre-captionEditable--table) .note-item-wrapper,
 +
.noteEditor .mediocre-captionEditable.is-selected:not(.mediocre-captionEditable--table) .note-item-wrapper {
 +
  -webkit-box-shadow: 0 0 0 2px #428ce1;
 +
  box-shadow: 0 0 0 2px #428ce1;
 +
  position: relative;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer,
 +
.noteEditor .mediocre-captionEditable.is-selected .previewResizer {
 +
  position: absolute;
 +
  width: 16px;
 +
  height: 16px;
 +
  padding-top: 7px;
 +
  bottom: 0px;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer.is-right,
 +
.noteEditor .mediocre-captionEditable.is-selected .previewResizer.is-right {
 +
  left: 0px;
 +
  padding-right: 7px;
 +
  cursor: nesw-resize;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer.is-left,
 +
.noteEditor .mediocre-captionEditable.is-selected .previewResizer.is-left,
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer.is-center,
 +
.noteEditor .mediocre-captionEditable.is-selected .previewResizer.is-center {
 +
  right: 0px;
 +
  padding-left: 7px;
 +
  cursor: nwse-resize;
 +
}
 +
.noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer .previewResizerTarget,
 +
.noteEditor .mediocre-captionEditable.is-selected .previewResizer .previewResizerTarget {
 +
  background: #428ce1;
 +
  width: 9px;
 +
  height: 9px;
 +
}
 +
.noteEditor .mediocre-captionEditable .note-item {
 +
  border: 1px solid #e8f0f2;
 +
  padding: 10px;
 +
}
 +
.noteEditor .mediocre-captionEditable .note-item .note-preview-drawing .primer-render,
 +
.noteEditor .mediocre-captionEditable .note-item .note-preview-drawing .annotation-render {
 +
  width: 60%;
 +
}
 +
.noteEditor .mediocre-captionEditable .note-item .dl-horizontal dt {
 +
  width: 45%;
 +
}
 +
.noteEditor .mediocre-captionEditable .note-item .dl-horizontal dd {
 +
  margin-left: 50%;
 +
}
 +
.noteEditor .mediocre-captionEditable .note-item.note-item--placeholder {
 +
  border: 1px dashed #c9d8db;
 +
}
 +
.noteEditor-container {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  line-height: 1.6;
 +
  font-size: 12px;
 +
}
 +
.noteEditor .add-note .link-suggestions:not(:empty) {
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.noteEditor .add-note .attached-item {
 +
  padding: 10px;
 +
}
 +
.noteEditor .add-note .add-note-container label {
 +
  font-size: 11px;
 +
  margin: -1px 0 0 -1px;
 +
  border: 1px solid #a2b9be;
 +
  cursor: pointer;
 +
}
 +
.noteEditor .add-note .add-note-container label:hover input[name='link-type'] + span {
 +
  background-color: #e8f0f2;
 +
  opacity: 1;
 +
}
 +
.noteEditor .add-note .add-note-container label input[name='link-type'] {
 +
  display: none;
 +
}
 +
.noteEditor .add-note .add-note-container label input[name='link-type']:checked + span {
 +
  background-color: #428ce1;
 +
  color: white;
 +
}
 +
.noteEditor .add-note .add-note-container label input[name='link-type'] + span {
 +
  background-color: white;
 +
  display: inline-block;
 +
  padding: 8px;
 +
  min-width: 120px;
 +
  text-align: right;
 +
}
 +
.noteEditor .add-note .add-note-icon {
 +
  display: inline-block;
 +
  width: 20px;
 +
  float: left;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper {
 +
  padding: 10px 0;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper.no-title {
 +
  padding-top: 50px;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
  padding-left: 10px;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
  padding-left: 10px;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 +
  padding-left: 135px;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 +
  padding-left: 135px;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 +
  padding-left: 125px;
 +
}
 +
.noteEditorModal .noteEditor-contentWrapper.no-title {
 +
  padding: 0;
 +
}
 +
.noteEditorModal .noteEditor {
 +
  outline: 1px solid #c9d8db;
 +
}
 +
.noteEditorModal .noteEditor:hover {
 +
  outline: 1px solid #428ce1;
 +
}
 +
.noteEditorModal .noteEditorModal-toggleLink {
 +
  color: #03c08d;
 +
}
 +
.noteEditorModal .noteEditor {
 +
  position: relative;
 +
  background-color: white;
 +
  border-radius: 2px;
 +
  min-height: 50px;
 +
  height: 200px;
 +
  overflow-y: auto;
 +
  overflow-x: hidden;
 +
}
 +
.noteEditorModal .noteEditor::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.noteEditorModal .noteEditor::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.noteEditorModal .noteEditor:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.noteEditorModal .noteEditor::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.noteEditorModal .noteEditor:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.noteEditorModal .noteEditor-container {
 +
  position: absolute;
 +
  width: 100%;
 +
  top: 5px;
 +
  bottom: 0px;
 +
}
 +
.noteEditorModal .noteEditor-catcher {
 +
  height: 100%;
 +
}
 +
.previewCTA {
 +
  margin-left: 12px;
 +
}
 +
.excerpt-selector {
 +
  margin-top: 50px;
 +
  margin-right: 5px;
 +
}
 +
.excerpt-preview {
 +
  margin: 4px 8px 4px 0;
 +
  width: 122px;
 +
  min-height: 80px;
 +
  -webkit-box-shadow: 0 0 0 1px #344043;
 +
  box-shadow: 0 0 0 1px #344043;
 +
}
 +
.excerpt-preview.selected {
 +
  -webkit-box-shadow: 0 0 0 3px #428ce1;
 +
  box-shadow: 0 0 0 3px #428ce1;
 +
}
 +
.excerpts-container {
 +
  max-height: 350px;
 +
  overflow-y: scroll;
 +
  padding: 3px;
 +
}
 +
.excerpts-container::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.excerpts-container::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.excerpts-container:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.excerpts-container::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.excerpts-container:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.excerpts-container .loader {
 +
  min-height: 100px;
 +
}
 +
.noteEditor-nueModuleContainer {
 +
  position: absolute;
 +
  bottom: 8px;
 +
  right: 16px;
 +
}
 +
/*
 +
.protocolEditor: fills the full buffer view
 +
  .buffer-options .mediocre-toolbar: toolbar at the top of the buffer
 +
  .protocolEditor-pageContainer: the grey full-screen background, below toolbar
 +
    .protocolEditor-page: the white "page"
 +
      .protocolEditor-contentWrapper:
 +
        tightly wraps the content, enforcing max-width.
 +
*/
 +
#buffers .protocolEditor-pageContainer {
 +
  background: #c9d8db;
 +
  bottom: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  overflow-y: auto;
 +
  top: 35px;
 +
}
 +
#buffers .protocolEditor-pageContainer::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#buffers .protocolEditor-pageContainer::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#buffers .protocolEditor-pageContainer:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#buffers .protocolEditor-pageContainer::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .protocolEditor-pageContainer:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#buffers .protocolEditor-page {
 +
  margin: auto;
 +
  min-height: 100%;
 +
  background: white;
 +
}
 +
#buffers .protocolEditor-contentWrapper {
 +
  max-width: 90%;
 +
  margin: 0 auto;
 +
  padding: 30px 20px;
 +
}
 +
#buffers .protocolEditor-contentWrapper .mediocre-item.is-table {
 +
  margin-left: -60px;
 +
  margin-right: -60px;
 +
}
 +
#buffers .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea {
 +
  padding-left: 60px;
 +
}
 +
#buffers .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper {
 +
  padding-left: 60px;
 +
}
 +
.protocol-editor {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  line-height: 1.6;
 +
  font-size: 12px;
 +
}
 +
@media (min-width: 928px) {
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-page {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 30px 10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table {
 +
    margin-left: -20.58333333mm;
 +
    margin-right: -20.58333333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
@media (min-width: 1744px) {
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-page {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 30px 10mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table {
 +
    margin-left: -20.58333333mm;
 +
    margin-right: -20.58333333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
@media (min-width: 1248px) {
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-page {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 30px 10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table {
 +
    margin-left: -20.58333333mm;
 +
    margin-right: -20.58333333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
@media (min-width: 2064px) {
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin {
 +
    display: block;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-page {
 +
    width: 816px;
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    position: relative;
 +
    /* for mediocre-pageMargin */
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper {
 +
    max-width: none;
 +
    margin: 0;
 +
    padding: 30px 10mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table {
 +
    margin-left: -20.58333333mm;
 +
    margin-right: -20.58333333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper {
 +
    padding-left: 20.58333333mm;
 +
  }
 +
  .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor .visibility-option-css-warning {
 +
    display: none;
 +
  }
 +
}
 +
.protocolEditor-contentWrapper h2 {
 +
  color: #a2b9be;
 +
  cursor: default;
 +
}
 +
.protocolEditor-contentWrapper .intro-editor,
 +
.protocolEditor-contentWrapper .materials-editor,
 +
.protocolEditor-contentWrapper .stepsEditor {
 +
  margin-bottom: 20px;
 +
}
 +
.protocolEditor-contentWrapper .intro-editor .editable,
 +
.protocolEditor-contentWrapper .materials-editor .editable,
 +
.protocolEditor-contentWrapper .stepsEditor .editable,
 +
.protocolEditor-contentWrapper .intro-editor .step-placeholder,
 +
.protocolEditor-contentWrapper .materials-editor .step-placeholder,
 +
.protocolEditor-contentWrapper .stepsEditor .step-placeholder,
 +
.protocolEditor-contentWrapper .intro-editor .steps,
 +
.protocolEditor-contentWrapper .materials-editor .steps,
 +
.protocolEditor-contentWrapper .stepsEditor .steps {
 +
  font-size: 12px;
 +
}
 +
.protocolEditor-contentWrapper .material-editable,
 +
.protocolEditor-contentWrapper .component-editable,
 +
.protocolEditor-contentWrapper .step-editable {
 +
  border-radius: 2px;
 +
  padding: 4px;
 +
  outline: none;
 +
  display: block;
 +
  vertical-align: top;
 +
  width: 100%;
 +
}
 +
.protocolEditor-contentWrapper .material-editable:empty:after,
 +
.protocolEditor-contentWrapper .component-editable:empty:after,
 +
.protocolEditor-contentWrapper .step-editable:empty:after {
 +
  pointer-events: none;
 +
  color: #a2b9be;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.headers .selected > .multi-editable:empty:after,
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers .selected > .multi-editable:empty:after {
 +
  color: #344043;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selected .multi-editable,
 +
.protocolEditor-contentWrapper .materials-editor .selected > .multi-editable {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selected .multi-editable.mediocre-tableEditable-border,
 +
.protocolEditor-contentWrapper .materials-editor .selected > .multi-editable.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selected .multi-editable:empty:after,
 +
.protocolEditor-contentWrapper .materials-editor .selected > .multi-editable:empty:after {
 +
  color: #344043;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selected .multi-editable.formula-box,
 +
.protocolEditor-contentWrapper .materials-editor .selected > .multi-editable.formula-box,
 +
.protocolEditor-contentWrapper .stepsEditor .selected .multi-editable.formula-box:hover,
 +
.protocolEditor-contentWrapper .materials-editor .selected > .multi-editable.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selected .multi-editable:hover,
 +
.protocolEditor-contentWrapper .materials-editor .selected > .multi-editable:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.materials {
 +
  list-style: none;
 +
  padding: 0 0 0 10px;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.materials li.material > div.editable {
 +
  font-size: 15px;
 +
  text-indent: -10px;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.materials li.material > div.editable:before {
 +
  content: '\203A';
 +
  display: inline-block;
 +
  width: 10px;
 +
  padding-right: 5px;
 +
  text-align: right;
 +
  font-weight: 700;
 +
  font-size: 1.2em;
 +
  line-height: 1;
 +
  color: #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.materials li.material > div.editable:not(.is-locked):empty:after {
 +
  content: 'Material';
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.components {
 +
  list-style-type: none;
 +
  padding-left: 15px;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.components li.component > div.editable {
 +
  text-indent: -10px;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.components li.component > div.editable:before {
 +
  content: '\203A';
 +
  display: inline-block;
 +
  width: 10px;
 +
  padding-right: 5px;
 +
  text-align: right;
 +
  font-weight: 700;
 +
  font-size: 1.2em;
 +
  line-height: 1;
 +
  color: #a2b9be;
 +
}
 +
.protocolEditor-contentWrapper .materials-editor ul.components li.component > div.editable:not(.is-locked):empty:after {
 +
  content: 'Component';
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor {
 +
  padding: 10px 40px;
 +
  /*
 +
  A .cell uses a fixed height `td` with 100%-tall `.cell-innerWrapper` to position elements absolutely
 +
  relative to the td, i.e. middle-right-aligned selector, bottom-right-aligned fill down box. While actively
 +
  editing a cell, this makes re-renders expensive. We disable the px/100% height and hide selectorDropdown to
 +
  improve performance.
 +
  */
 +
  /*
 +
    Render the dropdown on hover. NB: avoid setting position absolute/relative until hover
 +
    to avoid performance issues while typing.
 +
  */
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-step,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header {
 +
  position: relative;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-titleBarWrapper {
 +
  padding-top: 10px;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-titleBar {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 31px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater-wrapper {
 +
  -webkit-flex: 1 1 400px;
 +
  -moz-flex: 1 1 400px;
 +
  -ms-flex: 1 1 400px;
 +
  flex: 1 1 400px;
 +
  min-width: 400px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater {
 +
  padding: 2px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-toolbar {
 +
  width: 100%;
 +
  position: relative;
 +
  display: table;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-toolbar-component {
 +
  height: 24px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper {
 +
  display: table-cell;
 +
  vertical-align: top;
 +
  width: 1%;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper.fill-remaining-width {
 +
  width: auto;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper .btn-group {
 +
  white-space: nowrap;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper .btn-group .btn {
 +
  float: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper {
 +
  width: 100%;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper .current-cell-label {
 +
  background-color: white;
 +
  border-right: none;
 +
  border-left: none;
 +
  padding: 2px 0 3px 4px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper .fx-icon {
 +
  font-size: 12px;
 +
  text-transform: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper .formula-box {
 +
  border-left: none;
 +
  border-top: 1px solid #c9d8db;
 +
  border-right: 1px solid #c9d8db;
 +
  border-bottom: 1px solid #c9d8db;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
  padding: 2px 4px;
 +
  display: block;
 +
  width: 100%;
 +
  overflow-y: auto;
 +
  height: 24px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .current-cell-label .popover {
 +
  max-width: 500px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .table-floater .table-error-msg {
 +
  font-size: 11px;
 +
  line-height: 1.5em;
 +
  vertical-align: middle;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after {
 +
  color: #344043;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box,
 +
.protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable {
 +
  overflow-x: hidden;
 +
  padding-bottom: 10px;
 +
  position: relative;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableName {
 +
  border: 1px solid #c9d8db;
 +
  border-bottom: none;
 +
  background-color: #f8fafb;
 +
  -webkit-flex: 0 0 auto;
 +
  -moz-flex: 0 0 auto;
 +
  -ms-flex: 0 0 auto;
 +
  flex: 0 0 auto;
 +
  height: 31px;
 +
  max-width: calc(100% - 30px);
 +
  line-height: 31px;
 +
  padding: 0px 10px;
 +
  -webkit-transition: all 0.3s ease-out;
 +
  transition: all 0.3s ease-out;
 +
  /* `all` easier to use than `flex-shrink` with all vendor prefixes */
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableName--shrink {
 +
  -webkit-flex: 0 1 auto;
 +
  -moz-flex: 0 1 auto;
 +
  -ms-flex: 0 1 auto;
 +
  flex: 0 1 auto;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea {
 +
  overflow-x: auto;
 +
  width: 100%;
 +
  padding-top: 41px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-maximizeIcon {
 +
  -webkit-transform: rotate(-45deg);
 +
  -moz-transform: rotate(-45deg);
 +
  -ms-transform: rotate(-45deg);
 +
  -o-transform: rotate(-45deg);
 +
  transform: rotate(-45deg);
 +
  -webkit-transform-origin: 5px 5px;
 +
  -moz-transform-origin: 5px 5px;
 +
  -ms-transform-origin: 5px 5px;
 +
  -o-transform-origin: 5px 5px;
 +
  transform-origin: 5px 5px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-maximizeButton,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell-dropdown {
 +
  color: #c9d8db;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper {
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  background: #f8fafb;
 +
  overflow-y: auto;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable {
 +
  padding-bottom: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName {
 +
  border: none;
 +
  background-color: initial;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col,
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton {
 +
  border-top: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row,
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton,
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell {
 +
  border-left: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper {
 +
  padding-top: 3px;
 +
  background-color: white;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable {
 +
  height: 100%;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea {
 +
  position: absolute;
 +
  padding-top: 0;
 +
  top: 35px;
 +
  bottom: 0;
 +
  left: 0;
 +
  overflow-y: auto;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell {
 +
  background-color: white;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell-fillDownSquare {
 +
  position: absolute;
 +
  right: -12px;
 +
  bottom: -10px;
 +
  width: 16px;
 +
  height: 16px;
 +
  padding: 4px;
 +
  z-index: 1;
 +
  cursor: crosshair;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell-fillDownSquare-fill {
 +
  background-color: #428ce1;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor span.cell-highlight-0 {
 +
  color: #0000fb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(0, 0, 255, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(0, 0, 153, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor span.cell-highlight-1 {
 +
  color: #007c00;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(0, 128, 0, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(0, 26, 0, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor span.cell-highlight-2 {
 +
  color: #fba200;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(255, 165, 0, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(153, 99, 0, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor span.cell-highlight-3 {
 +
  color: #7c007c;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(128, 0, 128, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(26, 0, 26, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor span.cell-highlight-4 {
 +
  color: #fbd400;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected),
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected) {
 +
  background-color: rgba(255, 215, 0, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover {
 +
  background-color: rgba(153, 129, 0, 0.2);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover {
 +
  background-color: #bad3f0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover {
 +
  background-color: white;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover {
 +
  background-color: #9ac2ef;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover {
 +
  background-color: #6ea7e8;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell {
 +
  color: #344043;
 +
  background-color: #e4eef9;
 +
  border-radius: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border {
 +
  position: absolute;
 +
  top: -41px;
 +
  bottom: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected:empty:after,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after {
 +
  color: #344043;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.formula-box,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.formula-box:hover,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover {
 +
  background-color: white;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.dbl-selected,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected {
 +
  /* Avoid a 1px gap between the box-shadow and the border of a td: https://crbug.com/137481 */
 +
  box-shadow: inset 0px 0px 0px 2px #428ce1;
 +
  border-bottom: none;
 +
  border-right: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.dbl-selected.editing,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing {
 +
  background-color: white;
 +
  box-shadow: inset 0px 0px 0px 2px #428ce1, 0 2px 5px rgba(0, 0, 0, 0.4);
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-ghost-cell {
 +
  background-color: #f8fafb;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge {
 +
  border-left: 1px dashed #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge {
 +
  border-right: 1px dashed #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge {
 +
  border-top: 1px dashed #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge {
 +
  border-bottom: 1px dashed #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell {
 +
  background-color: #dceaf9;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .header-cell {
 +
  background-color: #c6dcf6;
 +
  text-align: center;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .header-cell.selected {
 +
  background-color: #9ac2ef;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .header-cell.selected.dbl-selected {
 +
  background-color: #e4eef9;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper {
 +
  position: relative;
 +
  padding-bottom: 10px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell-innerWrapper {
 +
  height: 100%;
 +
  /* Vertically fill the td */
 +
  position: relative;
 +
  /* for selectors and errors */
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell-error {
 +
  position: relative;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell-error:after {
 +
  content: "";
 +
  width: 0;
 +
  height: 0;
 +
  border-style: solid;
 +
  border-width: 0 10px 10px 0;
 +
  border-color: transparent #e96e51 transparent transparent;
 +
  position: absolute;
 +
  right: -4px;
 +
  top: -2px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell {
 +
  vertical-align: top;
 +
  height: 24px;
 +
  /* An explicit height let's cell-innerWrapper vertically fill the cell */
 +
  padding: 2px 4px;
 +
  border-radius: 0;
 +
  word-wrap: break-word;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-bold {
 +
  font-weight: 700;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-underline {
 +
  text-decoration: underline;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-italic {
 +
  font-style: italic;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-value {
 +
  overflow: hidden;
 +
  white-space: nowrap;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-text {
 +
  white-space: pre-wrap;
 +
  word-wrap: break-word;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-alignLeft {
 +
  text-align: left;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-alignCenter {
 +
  text-align: center;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell.is-alignRight {
 +
  text-align: right;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell:not(.editing) .editable {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell-contents.has-selector {
 +
  padding-right: 23px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selectorDropdown {
 +
  position: absolute;
 +
  right: 4px;
 +
  top: 50%;
 +
  line-height: 12px;
 +
  margin-top: -6px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selectorDropdown-button {
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .cell:hover .selectorDropdown-button,
 +
.protocolEditor-contentWrapper .stepsEditor .selectorDropdown-button.is-open {
 +
  color: #2172cf;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selectorDropdown-list {
 +
  max-width: 200px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .selectorDropdown-list a {
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .cell {
 +
  vertical-align: top;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper {
 +
  height: auto;
 +
  position: static;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown {
 +
  display: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable {
 +
  cursor: crosshair;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable {
 +
  cursor: not-allowed;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell {
 +
  background-color: #f8fafb;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  font-family: 'Inconsolata';
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell.has-custom-label {
 +
  font-style: italic;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell {
 +
  border: 1px solid #c9d8db;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col {
 +
  height: 24px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell.is-ghost-cell {
 +
  background-color: #feffff;
 +
  color: #a2b9be;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell.is-selected,
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell-dropdown {
 +
  display: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper {
 +
  position: relative;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown {
 +
  display: inline;
 +
  position: absolute;
 +
  right: 4px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell-num {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-addRowDraggerCell {
 +
  font-size: 10px;
 +
  cursor: ns-resize;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table {
 +
  table-layout: fixed;
 +
  position: relative;
 +
  max-width: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell {
 +
  height: 20px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table td {
 +
  border: 1px solid #c9d8db;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-step + .inserter {
 +
  left: 70px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-desc + .inserter {
 +
  left: 98px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header + .inserter {
 +
  left: 40px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-highlighted {
 +
  background-color: #f2f7fd;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header .time-editable-wrapper {
 +
  top: 13px;
 +
  left: -73px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-step .time-editable-wrapper {
 +
  left: -63px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers {
 +
  position: relative;
 +
  padding-left: 0;
 +
  margin-bottom: 0px;
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
  list-style-type: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers li .editable,
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers li .editable + .step-placeholder {
 +
  font-size: 20px;
 +
  padding: 3px 5px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers li .editable.time-editable {
 +
  font-size: 14px;
 +
  padding: 4px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers li .editable:empty:not(.is-locked) {
 +
  border: 1px dashed #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.headers li .editable:empty + .step-placeholder:after {
 +
  content: 'Header';
 +
  color: #428ce1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer {
 +
  margin-bottom: 10px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper {
 +
  text-align: center;
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper .time-editable {
 +
  font-size: 26px;
 +
  width: auto;
 +
  display: inline-block;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper .del-btn {
 +
  position: relative;
 +
  top: 0;
 +
  left: -20px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper > .del-btn {
 +
  opacity: 0;
 +
  -webkit-transition: opacity .2s ease-in;
 +
  transition: opacity .2s ease-in;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper > .del-btn:hover {
 +
  border: 1px solid #e96e51;
 +
  color: red;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper:hover > .del-btn {
 +
  opacity: 1;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-type-pause + .editable {
 +
  text-indent: 70px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-type-pause ~ .step-placeholder {
 +
  left: 70px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-type-critical + .editable {
 +
  text-indent: 85px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-type-critical ~ .step-placeholder {
 +
  left: 85px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-type {
 +
  position: absolute;
 +
  left: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header .step-type {
 +
  top: 9px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper {
 +
  position: absolute;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable-wrapper-icon {
 +
  display: none;
 +
  margin-left: 1px;
 +
  margin-top: 2px;
 +
  color: #a2b9be;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable {
 +
  width: auto;
 +
  height: 28px;
 +
  text-align: right;
 +
  vertical-align: middle;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  display: none;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(.is-locked):hover {
 +
  border-bottom: 1px solid #5c7c83;
 +
  display: inline-block;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(.is-locked):focus {
 +
  border-bottom: 1px solid #428ce1;
 +
  display: inline-block;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(:empty) {
 +
  display: inline-block;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:hover + .time-editable-wrapper-icon,
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:focus + .time-editable-wrapper-icon,
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(:empty) + .time-editable-wrapper-icon {
 +
  display: inline-block;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps .time-editable-wrapper {
 +
  top: 5px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .headers .time-editable-wrapper {
 +
  margin-left: 10px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .time-editable {
 +
  width: 100%;
 +
  height: 100%;
 +
  border-radius: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .stepsEditor-timeBtn:hover ~ .time-editable-wrapper .time-editable,
 +
.protocolEditor-contentWrapper .stepsEditor .stepsEditor-timeBtn:hover ~ .time-editable-wrapper .time-editable-wrapper-icon {
 +
  display: inline-block;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-placeholder {
 +
  position: absolute;
 +
  top: 0;
 +
  pointer-events: none;
 +
  color: #a2b9be;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .step-editable-wrapper {
 +
  position: relative;
 +
  display: inline-block;
 +
  width: 100%;
 +
  vertical-align: top;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps {
 +
  padding-left: 48px;
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
  margin-bottom: 0px;
 +
  position: relative;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps .step-editable {
 +
  padding: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps .step-editable:empty + .step-placeholder:after {
 +
  content: 'Step description';
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps .step-editable:focus:empty + .step-placeholder:after {
 +
  content: 'Step description - ENTER for header';
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps .step-checkbox {
 +
  position: absolute;
 +
  cursor: pointer;
 +
  left: 0;
 +
  top: 11px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor .steps .step-checkbox:active,
 +
.protocolEditor-contentWrapper .stepsEditor .steps .step-checkbox:active.checked {
 +
  color: #2dfcc4;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions + ul.descriptions {
 +
  margin-top: 0px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions + ul.headers,
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions + ol.steps {
 +
  padding-top: 5px;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions {
 +
  list-style-type: none;
 +
  padding-left: 58px;
 +
  margin: 0;
 +
  position: relative;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions .step-editable {
 +
  padding: 0;
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions .step-editable:empty + .step-placeholder:after {
 +
  content: 'Step details';
 +
}
 +
.protocolEditor-contentWrapper .stepsEditor ul.descriptions .step-editable:focus:empty + .step-placeholder {
 +
  content: 'Step details -  ENTER for main step';
 +
}
 +
.stepsEditor-timeBtn {
 +
  left: -35px;
 +
  width: 30px;
 +
  height: 25px;
 +
  top: 14px;
 +
  position: absolute;
 +
}
 +
.attachDropdown-menu {
 +
  overflow-y: auto;
 +
}
 +
.attachDropdown-menu::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.attachDropdown-menu::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.attachDropdown-menu:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.attachDropdown-menu::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.attachDropdown-menu:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.attachDropdown-option-link {
 +
  height: 48px;
 +
  position: relative;
 +
}
 +
.attachDropdown-option-icon {
 +
  float: left;
 +
  font-size: 16px;
 +
  height: 18px;
 +
  width: 18px;
 +
  margin: 15px;
 +
  display: inline-block;
 +
  color: #a2b9be;
 +
}
 +
.attachDropdown-option-info {
 +
  margin-top: 9px;
 +
  margin-bottom: 9px;
 +
  left: 48px;
 +
  right: 10px;
 +
  position: absolute;
 +
}
 +
.attachDropdown-option-name {
 +
  font-size: 12px;
 +
  line-height: 16px;
 +
}
 +
.attachDropdown-option-name-extra {
 +
  margin-left: 4px;
 +
  text-overflow: ellipsis;
 +
}
 +
.attachDropdown-option-desc {
 +
  font-size: 10px;
 +
  color: #a2b9be;
 +
}
 +
.attachDropdown-notice {
 +
  height: 42px;
 +
  padding: 12px 20px;
 +
  text-align: center;
 +
}
 +
.filesForDelete-table {
 +
  max-height: 300px;
 +
  overflow-y: scroll;
 +
}
 +
.dropdown-menu > li > a.attachDropdown-option-link {
 +
  padding: 0;
 +
}
 +
.dropdown-menu > li > a.attachDropdown-option-link,
 +
.dropdown-menu > li > a.attachDropdown-option-link:hover,
 +
.dropdown-menu > li > a.attachDropdown-option-link:focus {
 +
  background-color: white;
 +
}
 +
.dropdown-menu > li > a.attachDropdown-option-link.is-hovered,
 +
.dropdown-menu > li > a.attachDropdown-option-link.is-hovered:focus {
 +
  background-color: #f8fafb;
 +
  color: #344043;
 +
}
 +
.dropdown-menu > li > a.attachDropdown-option-link:hover {
 +
  color: #344043;
 +
}
 +
.dropdown-menu > li > a:focus .attachDropdown-option-info {
 +
  color: #5b9fec;
 +
}
 +
#buffers {
 +
  bottom: 25px;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 50px;
 +
  top: 0;
 +
}
 +
#buffers .react-tab-container {
 +
  /* Scrollable positioning */
 +
  overflow-y: auto;
 +
  bottom: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
#buffers .react-tab-container::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#buffers .react-tab-container::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#buffers .react-tab-container:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#buffers .react-tab-container::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .react-tab-container:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.react-tab-container {
 +
  /* Set standard styles */
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  padding: 48px 52px;
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  width: 100%;
 +
}
 +
#buffers .buffer-options + .react-tab-container {
 +
  top: 35px;
 +
}
 +
.react-tab-container .react-tab-container-narrowTab {
 +
  margin: auto;
 +
  max-width: 828px;
 +
}
 +
/* Styling of components inside .react-tab-container */
 +
.react-tab-container h1,
 +
.react-tab-container h2,
 +
.react-tab-container h3 {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.react-tab-container h1 {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  font-weight: 400;
 +
  margin-bottom: 0;
 +
  margin-top: 0;
 +
}
 +
.react-tab-container h2 {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-weight: 400;
 +
  margin: 0 0 7px;
 +
}
 +
.react-tab-container h3 {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  margin: 0 0 13px;
 +
}
 +
.react-tab-container .simpleTable {
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
}
 +
#editor:not(.has-hidden-toolbar):not(.hasLegacyNav) .buffer-container.full-width .buffer-tabs,
 +
#editor:not(.has-hidden-toolbar):not(.hasLegacyNav) .vertical-split + .vertical-split .buffer-tabs {
 +
  margin-right: -50px;
 +
}
 +
#editor.hasLegacyNav #buffers {
 +
  left: 25px;
 +
}
 +
/* .buffer-options */
 +
.buffer-options {
 +
  background: #ffffff;
 +
  border-bottom: 1px solid #d9dcde;
 +
  height: 35px;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
.buffer-options .glyphicon {
 +
  display: inline-block;
 +
  cursor: pointer;
 +
}
 +
.buffer-options .btn .glyphicon {
 +
  font-size: 10px;
 +
  margin: 1px;
 +
}
 +
/* legacy style */
 +
.buffer-options .navbar {
 +
  border: 0;
 +
  font-weight: 400;
 +
  height: 100%;
 +
  min-height: 0;
 +
  padding: 5px;
 +
  z-index: auto;
 +
}
 +
.buffer-options .navbar .popover {
 +
  font-weight: normal;
 +
}
 +
.buffer-options .navbar .navbar-nav {
 +
  width: 100%;
 +
}
 +
.buffer-options .navbar .navbar-nav > li {
 +
  margin-right: 10px;
 +
  line-height: 24px;
 +
}
 +
.buffer-options .navbar .navbar-nav > li.pull-right {
 +
  margin-right: 0;
 +
  margin-left: 10px;
 +
}
 +
.buffer-options .navbar .navbar-nav > li > a {
 +
  line-height: 24px;
 +
  padding: 0 5px;
 +
}
 +
.buffer-options .navbar .navbar-nav > li > a:hover,
 +
.buffer-options .navbar .navbar-nav > li > a:focus {
 +
  background: none;
 +
}
 +
.buffer-options .navbar .navbar-nav > li .checkbox-inline {
 +
  margin-top: 3px;
 +
}
 +
.buffer-options .navbar .navbar-nav > li a.btn {
 +
  line-height: 19px;
 +
}
 +
.buffer-options .navbar .navbar-nav > li > div {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
}
 +
.buffer-options .navbar .navbar-nav > li > div:last-child {
 +
  margin-right: 0;
 +
}
 +
/* Fighting #editor input|select|label specificity */
 +
#editor .buffer-options label {
 +
  line-height: 18px;
 +
  cursor: pointer;
 +
}
 +
#editor .buffer-options label.disabled {
 +
  pointer-events: none;
 +
  color: #a2b9be;
 +
}
 +
#editor .buffer-options input[type='text'] {
 +
  margin: 0;
 +
  min-height: 24px;
 +
  height: 24px;
 +
  padding: 2px 5px;
 +
  width: 100px;
 +
  margin-right: 5px;
 +
}
 +
#editor .buffer-options input[type='text'].input-small {
 +
  width: 50px;
 +
}
 +
#editor .buffer-options input[type='text'].input-xlarge {
 +
  width: 300px;
 +
}
 +
#editor .buffer-options input[type='checkbox'] {
 +
  margin-right: 5px;
 +
}
 +
#editor .buffer-options select {
 +
  min-height: 24px;
 +
  height: 24px;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
#editor .buffer-options select.select-small {
 +
  width: 75px;
 +
}
 +
#editor .buffer-options select.select-medium {
 +
  width: 100px;
 +
}
 +
#editor .buffer-options .ladder-options label {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
}
 +
#editor .buffer-options .external-file-options-name label {
 +
  display: inline;
 +
  margin-right: 2px;
 +
}
 +
#editor .buffer-options .external-file-options-name input[type='text'] {
 +
  width: 200px;
 +
}
 +
#editor .buffer-options .external-file-options-name input[type='text']:not(:hover):not(:focus) {
 +
  border: 1px solid transparent;
 +
}
 +
#editor .buffer-options .sequence-alignment-menu .rename-form .input-group {
 +
  width: 200px;
 +
}
 +
#editor .buffer-options .sequence-alignment-menu .rename-form .input-group input[type='text'] {
 +
  width: auto;
 +
  margin-right: 0;
 +
}
 +
#editor .buffer-options .sequence-alignment-menu .sync-msg {
 +
  cursor: pointer;
 +
}
 +
#editor .buffer-options .sequence-alignment-menu .label .glyphicon {
 +
  margin-left: 4px;
 +
}
 +
#editor .buffer-options .sequence-alignment-menu .input-and-btn .tab-name {
 +
  width: 150px;
 +
}
 +
#editor .buffer-options .sequence-alignment-menu .export-menu {
 +
  min-width: 100px;
 +
}
 +
#editor .buffer-options .minimap-options-menu .filter-msg,
 +
#editor .buffer-options .circular-options-menu .filter-msg,
 +
#editor .buffer-options .minimap-options-menu .annotation-msg,
 +
#editor .buffer-options .circular-options-menu .annotation-msg {
 +
  cursor: pointer;
 +
}
 +
#editor .buffer-options .minimap-options-menu .filter-msg .glyphicon,
 +
#editor .buffer-options .circular-options-menu .filter-msg .glyphicon,
 +
#editor .buffer-options .minimap-options-menu .annotation-msg .glyphicon,
 +
#editor .buffer-options .circular-options-menu .annotation-msg .glyphicon {
 +
  margin-left: 4px;
 +
}
 +
#editor .buffer-options .plainSearchInput .plainSearchInput-input {
 +
  padding-left: 28px;
 +
}
 +
#editor .buffer-options .plainSearchInput-input:focus,
 +
#editor .buffer-options .plainSearchInput-input:active,
 +
#editor .buffer-options .plainSearchInput.plainSearchInput--hideIcon .plainSearchInput-input {
 +
  padding-left: 10px;
 +
}
 +
.buffer-options--nonFixedHeight {
 +
  bottom: auto;
 +
  height: auto;
 +
  left: auto;
 +
  position: static;
 +
  right: auto;
 +
  top: auto;
 +
}
 +
.buffer-options-container {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 100%;
 +
  padding: 5px 12px;
 +
  width: 100%;
 +
}
 +
#editor.hasLegacyNav .buffer-options-container {
 +
  padding: 5px;
 +
}
 +
.buffer-options-item {
 +
  line-height: 24px;
 +
  margin-right: 10px;
 +
}
 +
.buffer-options-item > .btn-group {
 +
  display: inline-block;
 +
  margin-right: 10px;
 +
}
 +
.buffer-options-item > .btn-group:last-child {
 +
  margin-right: 0;
 +
}
 +
.buffer-options-item:empty,
 +
.buffer-options-item:last-child {
 +
  margin-right: 0;
 +
}
 +
.buffer-options-item--bannerContainer {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
  overflow-x: hidden;
 +
}
 +
.buffer-options-item--proteinBannerContainer {
 +
  margin: 0 10px;
 +
}
 +
.buffer-options-item-banner {
 +
  color: #a2b9be;
 +
  margin-left: 5px;
 +
}
 +
/* If the banner is the first buffer item (e.g in metadata tab), we don't need the extra 5px margin. */
 +
.buffer-options-item-banner:first-child {
 +
  margin-left: 0;
 +
}
 +
.buffer-options-item-banner-icon {
 +
  color: #5c7c83;
 +
  margin-right: 6px;
 +
}
 +
/* Need to override input style for popup on Share button which is now in the buffer options */
 +
#editor .buffer-options .share-view input[type='text'] {
 +
  border-radius: 2px;
 +
  height: 28px;
 +
  min-height: 28px;
 +
  padding: 5px 10px;
 +
  width: 100%;
 +
}
 +
#editor.hasLegacyNav #buffers .buffer-container .buffer-options .navbar {
 +
  font-weight: 500;
 +
}
 +
/* buffer-reactMount */
 +
.buffer-reactMount {
 +
  width: 100%;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
/*
 +
.buffer-container: a flex container with 2 rows
 +
  - .buffer-tabs: fixed height
 +
  - .buffer-contentWrapper: fluid
 +
*/
 +
.buffer-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
}
 +
/* .buffer-contentWrapper
 +
Since we use {position: absolute;} inside of buffers, we need to have a container that is the full size with
 +
{position: relative}. We accomplish this with a single-item flex container. */
 +
.buffer-contentWrapper {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
  /* fluid-height flex-item relative to .buffer-container */
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
}
 +
.buffer-contentWrapper-reset {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
  position: relative;
 +
}
 +
.buffer-tabs {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  /* for buffer-tabs-sectionsTabs and buffers-tabs-shareBarMount */
 +
}
 +
.buffer-tabs-sectionTabs {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.buffer-tabs-shareBarMount {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-flex: 0 0 auto;
 +
  -moz-flex: 0 0 auto;
 +
  -ms-flex: 0 0 auto;
 +
  flex: 0 0 auto;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.buffer-tabs-shareBar {
 +
  margin-right: 12px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
/* Legacy rendering of buffer-tabs */
 +
.buffer-tabs.buffer-tabs--legacy {
 +
  border-bottom: none;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs {
 +
  background: #e8f0f2;
 +
  border-bottom: 1px solid #bdc3c7;
 +
  height: 25px;
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif;
 +
  font-size: 12px;
 +
  font-weight: 500;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-closeBtn:hover {
 +
  color: white;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-closeBtn:hover .sectionTabs-navItem-closeBtn-inner {
 +
  background: #a2b9be;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-closeBtn-inner {
 +
  border-radius: 12px;
 +
  padding: 0 5px;
 +
  /* Cancel out 5px padding on right */
 +
  margin-right: -5px;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.active {
 +
  background: white;
 +
  color: #344043;
 +
  font-weight: inherit;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem:not(.sectionTabs-navItem--overflow).active {
 +
  border-bottom: 1px solid white;
 +
  margin-bottom: -1px;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.active .sectionTabs-navItem-title,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem:hover .sectionTabs-navItem-title {
 +
  border-bottom: none;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItemPlaceholder {
 +
  background: #e8f0f2;
 +
  border-right: 1px solid #bdc3c7;
 +
  margin: 0;
 +
  padding: 0 10px;
 +
  text-transform: none;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-title {
 +
  color: #344043;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow {
 +
  background-color: white;
 +
  border: none;
 +
  font-weight: 400;
 +
  padding: 10px 16px;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow.active,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow:hover,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow:focus {
 +
  background-color: #f8fafb;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem .sectionTabs-navItem-title,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.active .sectionTabs-navItem-title,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem:hover .sectionTabs-navItem-title {
 +
  color: #344043;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown {
 +
  -webkit-align-items: stretch;
 +
  -moz-align-items: stretch;
 +
  -ms-align-items: stretch;
 +
  align-items: stretch;
 +
  border-left: 1px solid #bdc3c7;
 +
  margin-right: 0;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  cursor: pointer;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 12px;
 +
  margin: 0;
 +
  top: 0;
 +
  width: 25px;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle:hover,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle:focus {
 +
  background: #a2b9be;
 +
  color: white;
 +
  text-decoration: none;
 +
}
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle:active,
 +
.buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle.active {
 +
  color: white;
 +
  background: #344043;
 +
}
 +
/* buffer-tab */
 +
.buffer-tab {
 +
  overflow: auto;
 +
  height: 100%;
 +
  outline: none;
 +
  padding: 10px;
 +
  position: relative;
 +
  width: 100%;
 +
}
 +
.buffer-tab::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.buffer-tab::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.buffer-tab:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.buffer-tab::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.buffer-tab:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.buffer-tab:focus .line-blink,
 +
.buffer-tab.focus .line-blink {
 +
  -moz-animation: 1s blink step-end infinite;
 +
  -webkit-animation: 1s blink step-end infinite;
 +
  animation: 1s blink step-end infinite;
 +
}
 +
.buffer-tab .form-horizontal > .form-group {
 +
  margin-left: -10px;
 +
  margin-right: -10px;
 +
}
 +
.buffer-tab--no-padding {
 +
  padding: 0;
 +
}
 +
.buffer-tab--no-overflow {
 +
  overflow: hidden;
 +
  padding: 0;
 +
}
 +
.badgeRadio {
 +
  font-weight: 500;
 +
}
 +
.badgeRadio-option {
 +
  margin-right: 5px;
 +
  margin-bottom: 2px;
 +
  display: inline-block;
 +
  padding: 2px 8px;
 +
  cursor: pointer;
 +
  border-radius: 2px;
 +
  color: #5c7c83;
 +
}
 +
.badgeRadio-option:hover {
 +
  background: #c9d8db;
 +
}
 +
.badgeRadio-option.is-active {
 +
  background: #c9d8db;
 +
  color: white;
 +
}
 +
.badgeRadio-option:last-child {
 +
  margin-right: 0px;
 +
}
 +
.sort-arrows .top-triangle,
 +
.sort-arrows .bot-triangle {
 +
  fill: #b7d0d6;
 +
}
 +
.sort-arrows--top .top-triangle {
 +
  fill: #428ce1;
 +
}
 +
.sort-arrows--bottom .bot-triangle {
 +
  fill: #428ce1;
 +
}
 +
.folderSelector {
 +
  width: 100%;
 +
  display: inline-block;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.multipleFolderSelector {
 +
  position: relative;
 +
}
 +
.multipleFolderSelector-dropdown {
 +
  position: absolute;
 +
  z-index: 1000;
 +
  left: 0;
 +
  top: 100%;
 +
  background: white;
 +
  width: 100%;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  padding: 5px 0 5px;
 +
  border-radius: 3px;
 +
}
 +
.multipleFolderSelector-dropdown .selectTree {
 +
  border: none;
 +
  outline: 0;
 +
}
 +
.importFileFolderSelectorMount {
 +
  width: auto;
 +
  display: inline-block;
 +
  margin-left: 10px;
 +
  margin-right: 10px;
 +
}
 +
.selectTree {
 +
  padding-left: 0;
 +
  border: 1px solid #e8f0f2;
 +
  max-height: 250px;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  overflow-y: auto;
 +
}
 +
.selectTree::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.selectTree::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.selectTree:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.selectTree::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.selectTree:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.selectTree,
 +
.selectTree ul {
 +
  list-style: none;
 +
}
 +
.selectTree ul {
 +
  padding-left: 20px;
 +
}
 +
.selectTree-folderIcon {
 +
  width: 16px;
 +
}
 +
.selectTree-expandIcon {
 +
  width: 20px;
 +
  text-align: center;
 +
  cursor: pointer;
 +
}
 +
.selectTree-row {
 +
  padding: 2px;
 +
  cursor: pointer;
 +
}
 +
.helpIcon {
 +
  background: #e8f0f2;
 +
  border-radius: 50%;
 +
  color: #344043;
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  font-size: 8px;
 +
  height: 10px;
 +
  text-align: center;
 +
  line-height: 10px;
 +
  width: 10px;
 +
}
 +
.chemDrawImage-dropTarget {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  border: 1px dashed #c9d8db;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 292px;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.chemDrawImage-dropTargetText {
 +
  color: #428ce1;
 +
  font-size: 16px;
 +
  line-height: 24px;
 +
}
 +
.chemDrawImage-image {
 +
  border: 3px;
 +
  height: 100%;
 +
  max-height: 290px;
 +
  max-width: 290px;
 +
  width: 100%;
 +
}
 +
.chemDrawImage-imageRemove {
 +
  font-size: 24px;
 +
  margin-right: 20px;
 +
  position: absolute;
 +
  right: 0px;
 +
}
 +
.chemDrawModal-headerText {
 +
  font-size: 16px;
 +
  font-weight: 500;
 +
}
 +
.chemDrawModal-imageHeaderRow {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin-bottom: 10px;
 +
  margin-top: 10px;
 +
}
 +
.chemDrawModal-cdxmlHeaderRow {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  margin-bottom: 10px;
 +
  margin-top: 10px;
 +
}
 +
.chemDrawModal-helpRow {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  margin-bottom: 10px;
 +
  margin-top: 10px;
 +
}
 +
.chemDrawModal-pasteTextDisabled {
 +
  color: #5c7c83;
 +
}
 +
.charListing {
 +
  border: 1px solid #e8f0f2;
 +
  height: 200px;
 +
  overflow-y: auto;
 +
}
 +
.charListing::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.charListing::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.charListing:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.charListing::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.charListing:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.charPreview {
 +
  border-right: 1px solid #e8f0f2;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  width: 12.5%;
 +
  line-height: 30px;
 +
  text-align: center;
 +
  font-size: 16px;
 +
  overflow-x: hidden;
 +
}
 +
.charPreview:hover {
 +
  background: #e8f0f2;
 +
}
 +
.fullCharPreview {
 +
  border: 1px solid #e8f0f2;
 +
  font-size: 10px;
 +
  text-align: center;
 +
  overflow-x: hidden;
 +
}
 +
.fullCharPreview-char {
 +
  font-size: 32px;
 +
}
 +
.unicodeIcon {
 +
  display: inline-block;
 +
  font-style: normal;
 +
  font-weight: 600;
 +
  line-height: 1;
 +
}
 +
.trayTaskView .statusbar-label {
 +
  padding: 0;
 +
  width: 30px;
 +
}
 +
.trayTaskView-spinner {
 +
  margin-left: 3px;
 +
  background-size: 60%;
 +
}
 +
.trayTaskView-dropdownMenu {
 +
  width: 300px;
 +
  cursor: default;
 +
  line-height: normal;
 +
}
 +
.trayTaskView-titleBar {
 +
  margin: 7.5px;
 +
}
 +
.trayTaskView-tasks {
 +
  max-height: 300px;
 +
  overflow-y: auto;
 +
}
 +
.trayTaskView-tasks::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.trayTaskView-tasks::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.trayTaskView-tasks:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.trayTaskView-tasks::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.trayTaskView-tasks:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.trayTaskView-task-row {
 +
  margin-bottom: 7.5px;
 +
}
 +
.trayTaskView-task-taskIcon,
 +
.trayTaskView-task-subheading {
 +
  margin-left: 7.5px;
 +
}
 +
.trayTaskView-task-heading,
 +
.trayTaskView-task-subheading {
 +
  max-width: 70%;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
}
 +
.trayTaskView-task-taskIcon {
 +
  width: 5%;
 +
}
 +
.trayTaskView-task-subheading {
 +
  clear: both;
 +
}
 +
.trayTaskView-task-icons > .glyphicon {
 +
  margin-right: 7.5px;
 +
}
 +
.trayTaskView-task-progress {
 +
  clear: both;
 +
  height: 2px;
 +
  margin: 0 7.5px;
 +
}
 +
.trayTaskView-task-progress > .progress-bar-indeterminate {
 +
  background-color: #e8f0f2;
 +
  animation: light-gray-dark-gray 2s ease-in-out infinite;
 +
  -moz-animation: light-gray-dark-gray 2s ease-in-out infinite;
 +
  -webkit-animation: light-gray-dark-gray 2s ease-in-out infinite;
 +
}
 +
@keyframes light-gray-dark-gray {
 +
  0% {
 +
    background-color: #e8f0f2;
 +
  }
 +
  50% {
 +
    background-color: #a2b9be;
 +
  }
 +
  100% {
 +
    background-color: #e8f0f2;
 +
  }
 +
}
 +
@-webkit-keyframes light-gray-dark-gray {
 +
  0% {
 +
    background-color: #e8f0f2;
 +
  }
 +
  50% {
 +
    background-color: #a2b9be;
 +
  }
 +
  100% {
 +
    background-color: #e8f0f2;
 +
  }
 +
}
 +
.trayTimer-toolboxActiveTimer {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  font-size: 14px;
 +
  padding: 0 5px;
 +
}
 +
.trayTimer-toolboxActiveTimer .ticking {
 +
  animation: opacity-blink 0.6 linear infinite alternate;
 +
  -moz-animation: opacity-blink 0.6s linear infinite alternate;
 +
  -webkit-animation: opacity-blink 0.6s linear infinite alternate;
 +
}
 +
#buffers .buffer-container .navbar .insertTable-dimensionCaption {
 +
  font-weight: 400;
 +
}
 +
.insertTable-mouseTracker {
 +
  z-index: 999;
 +
}
 +
.insertTable-visibleCells {
 +
  position: relative;
 +
  z-index: 1000;
 +
  margin: 8px;
 +
}
 +
.insertTable-row {
 +
  margin: 0;
 +
  padding: 0;
 +
  line-height: 0;
 +
  white-space: nowrap;
 +
}
 +
.insertTable-cell {
 +
  display: inline-block;
 +
  position: relative;
 +
  background: #e8f0f2;
 +
  border: 1px solid #c7dbe0;
 +
}
 +
.insertTable-cell.is-highlighted {
 +
  background: #b0cff2;
 +
  border: 1px solid #2172cf;
 +
}
 +
.draggableRowInserter .backdrop {
 +
  cursor: ns-resize;
 +
}
 +
.draggableRowInserter-infoOverlay {
 +
  position: relative;
 +
  border: 2px solid #a2b9be;
 +
  background: rgba(255, 255, 255, 0.7);
 +
  text-align: center;
 +
}
 +
.draggableRowInserter-infoOverlay-dimensionsWrapper {
 +
  position: absolute;
 +
  bottom: 30px;
 +
  width: 100%;
 +
}
 +
.draggableRowInserter-infoOverlay-dimensions {
 +
  margin: 0 auto;
 +
  min-width: 100px;
 +
}
 +
.footer {
 +
  border-top: 1px solid #e8f0f2;
 +
  margin-top: 40px;
 +
  padding: 20px 0 30px;
 +
}
 +
.footerLinks {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  list-style: none;
 +
  padding: 0;
 +
}
 +
.footerHeader {
 +
  color: #5c7c83;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  letter-spacing: 1px;
 +
  margin: 20px 0 10px;
 +
  text-transform: uppercase;
 +
}
 +
.footerLinks li {
 +
  margin-bottom: 5px;
 +
}
 +
.socialLinks li {
 +
  display: inline-block;
 +
  margin-right: 15px;
 +
}
 +
.socialLinks a {
 +
  color: #a2b9be;
 +
  font-size: 18px;
 +
}
 +
.socialLinks a:hover {
 +
  color: #428ce1;
 +
}
 +
#ui-datepicker-div .ui-widget-header {
 +
  color: #5c7c83;
 +
  background: #e8f0f2;
 +
  border: #a2b9be;
 +
}
 +
#ui-datepicker-div .ui-state-default {
 +
  color: #a2b9be;
 +
  background: white;
 +
}
 +
#ui-datepicker-div .ui-state-active {
 +
  color: white;
 +
  background: #428ce1;
 +
  border-color: #a2b9be;
 +
}
 +
#ui-datepicker-div .ui-state-highlight {
 +
  color: #344043;
 +
  background: #e8f0f2;
 +
  border-color: #a2b9be;
 +
}
 +
#ui-datepicker-div .ui-state-hover {
 +
  border: 1px solid #6ea7e8;
 +
}
 +
.positionedPopover {
 +
  background: white;
 +
  padding: 10px 12px;
 +
  border: 1px solid #e8f0f2;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
  z-index: 1000;
 +
  margin-left: -23px;
 +
  margin-top: 8px;
 +
}
 +
.positionedPopover--noArrow {
 +
  margin-left: 0;
 +
  margin-top: 4px;
 +
}
 +
.positionedPopover-arrow,
 +
.positionedPopover-arrow:after {
 +
  position: absolute;
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  border: 11px solid transparent;
 +
}
 +
.positionedPopover-arrow {
 +
  border-bottom-color: #e8f0f2;
 +
  top: -21px;
 +
}
 +
.positionedPopover-arrow:after {
 +
  content: " ";
 +
  border-bottom-color: white;
 +
  border-width: 10px;
 +
  top: -8px;
 +
  left: -10px;
 +
}
 +
.advisorsAbout-navContainer {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  z-index: 1030;
 +
}
 +
.land-header-advisors {
 +
  background: initial;
 +
}
 +
.land-header-advisors .land-nav-link:hover,
 +
.land-header-advisors .land-nav-link:focus {
 +
  color: #e8f0f2;
 +
}
 +
.advisorsWelcome-jumbotron {
 +
  min-height: 100px;
 +
  margin: 25px;
 +
}
 +
.advisorsAbout {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  box-shadow: 0px 5px 15px #c9d8db;
 +
  background-color: white;
 +
}
 +
.advisorsAbout strong {
 +
  font-weight: 600;
 +
}
 +
.advisorsAbout-blue {
 +
  background-color: #428ce1;
 +
  color: white;
 +
}
 +
.advisorsAbout-jumbotron {
 +
  height: 150px;
 +
  margin: 25px;
 +
}
 +
.advisorsAbout-jumbotron-header {
 +
  /* TODO(T5378): this was Gotham 28 */
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
}
 +
.advisorsAbout-jumbotron-subheader {
 +
  margin-top: 8px;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
}
 +
.advisorsAbout-body {
 +
  margin: 25px;
 +
  margin-top: 40px;
 +
  color: #344043;
 +
}
 +
.advisorsAbout-profile {
 +
  vertical-align: top;
 +
}
 +
.advisorsAbout-profile-pic {
 +
  height: 120px;
 +
  width: 120px;
 +
  border-radius: 100px;
 +
}
 +
.advisorsAbout-profile-institutionName {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
}
 +
.advisorsAbout-section {
 +
  padding: 48px;
 +
  margin: 0 auto;
 +
  max-width: 800px;
 +
}
 +
.advisorsAbout-welcome {
 +
  background-color: #5b9fec;
 +
  color: white;
 +
}
 +
.advisorsAbout-nittyGritty {
 +
  background-color: #344043;
 +
  color: white;
 +
}
 +
.advisorsAbout-advisors {
 +
  background-color: #f8fafb;
 +
}
 +
.advisorsAbout-schools {
 +
  background-color: #ffffff;
 +
}
 +
.advisorsAbout-program {
 +
  background-color: #344043;
 +
  color: white;
 +
}
 +
.advisorsAbout-section-title {
 +
  text-transform: uppercase;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.advisorsAbout-welcome-title {
 +
  /* TODO(T5378): this was Gotham 28 */
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  text-transform: uppercase;
 +
  margin-top: 100px;
 +
}
 +
.advisorsAbout-welcome-content {
 +
  max-width: 512px;
 +
  margin-bottom: 100px;
 +
}
 +
.advisorsAbout-welcome-goggles {
 +
  width: 160px;
 +
  position: absolute;
 +
  right: 120px;
 +
  top: 148px;
 +
}
 +
@media (max-width: 991px) {
 +
  .advisorsAbout-welcome-goggles {
 +
    display: none;
 +
  }
 +
}
 +
.advisorsAbout-welcome-microscope {
 +
  position: absolute;
 +
  bottom: 17px;
 +
  width: 600px;
 +
  left: calc(70% - 240px);
 +
}
 +
@media (max-width: 1200px) {
 +
  .advisorsAbout-welcome-microscope {
 +
    left: initial;
 +
    right: 0;
 +
  }
 +
}
 +
.advisorsAbout-welcome-beakers {
 +
  position: absolute;
 +
  bottom: 20px;
 +
  left: 0;
 +
  width: 300px;
 +
}
 +
@media (max-width: 991px) {
 +
  .advisorsAbout-welcome-beakers {
 +
    right: 700px;
 +
    left: initial;
 +
  }
 +
}
 +
.advisorsAbout-welcome-platform {
 +
  border: 3px solid white;
 +
  position: absolute;
 +
  bottom: 16px;
 +
  left: 0;
 +
  right: 0;
 +
}
 +
.advisorsAbout-nittyGritty-icon {
 +
  width: 68px;
 +
  height: 68px;
 +
}
 +
.advisorAbout-cta {
 +
  padding: 10px 14px;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  border-radius: 4px;
 +
}
 +
.advisorAbout-cta:hover {
 +
  text-decoration: none;
 +
}
 +
.advisorAbout-cta-welcome {
 +
  background-color: white;
 +
  color: #428ce1;
 +
}
 +
.advisorAbout-cta-welcome:hover {
 +
  background-color: #e8f0f2;
 +
  color: #428ce1;
 +
}
 +
.advisorAbout-cta-program {
 +
  background-color: #428ce1;
 +
  color: white;
 +
}
 +
.advisorAbout-cta-program:hover {
 +
  background-color: #2c76cc;
 +
  color: white;
 +
}
 +
.advisorsAbout-schoolLogo-container {
 +
  margin-top: 20px;
 +
  height: 50px;
 +
  white-space: nowrap;
 +
  text-align: center;
 +
}
 +
.advisorsAbout-schoolLogo-helper {
 +
  display: inline-block;
 +
  height: 100%;
 +
  vertical-align: middle;
 +
}
 +
.advisorsAbout-schoolLogo-image {
 +
  vertical-align: middle;
 +
  max-height: 50px;
 +
  max-width: 100%;
 +
}
 +
.pulse {
 +
  width: 32px;
 +
  height: 32px;
 +
  border-radius: 100%;
 +
  border: 2px solid rgba(52, 152, 219, 0.55);
 +
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25), inset 0 0px 3px rgba(0, 0, 0, 0.3);
 +
  cursor: pointer;
 +
  position: absolute;
 +
  margin-top: -16px;
 +
  -webkit-animation: scaleDot 1.5s infinite ease-in-out;
 +
  animation: scaleDot 1.5s infinite ease-in-out;
 +
  z-index: 3;
 +
  -webkit-transform: translate3d(0, 0, 0);
 +
  -moz-transform: translate3d(0, 0, 0);
 +
  -ms-transform: translate3d(0, 0, 0);
 +
  -o-transform: translate3d(0, 0, 0);
 +
  transform: translate3d(0, 0, 0);
 +
}
 +
.pulse--centered {
 +
  margin: -16px;
 +
}
 +
.pulse:after {
 +
  position: absolute;
 +
  content: '';
 +
  width: 18px;
 +
  height: 18px;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  margin: auto;
 +
  background: rgba(255, 255, 255, 0.15);
 +
  border: 2px solid rgba(30, 100, 225, 0.65);
 +
  border-radius: 100%;
 +
}
 +
@-webkit-keyframes scaleDot {
 +
  0% {
 +
    -webkit-transform: scale(1);
 +
  }
 +
  50% {
 +
    -webkit-transform: scale(0.8);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1);
 +
  }
 +
}
 +
@keyframes scaleDot {
 +
  0% {
 +
    transform: scale(1);
 +
  }
 +
  50% {
 +
    transform: scale(0.8);
 +
  }
 +
  100% {
 +
    transform: scale(1);
 +
  }
 +
}
 +
.pulseContainer {
 +
  position: relative;
 +
}
 +
.pulseIntroContainer {
 +
  height: 32px;
 +
  padding-top: 20px;
 +
  padding-bottom: 20px;
 +
}
 +
.pulse-message {
 +
  max-width: 350px;
 +
  border-left: 10px solid #428ce1;
 +
  font-size: 14px;
 +
  z-index: 1051;
 +
}
 +
.pulse-message .popover-content {
 +
  padding: 20px;
 +
}
 +
.pulse-message .popover-content:before,
 +
.pulse-message .popover-content:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.pulse-message .popover-content:after {
 +
  clear: both;
 +
}
 +
.pulse-message .popover-content:before,
 +
.pulse-message .popover-content:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.pulse-message .popover-content:after {
 +
  clear: both;
 +
}
 +
@-moz-keyframes horizontal-throbber {
 +
  0% {
 +
    background: #c9d8db;
 +
  }
 +
  10% {
 +
    background: #5c7c83;
 +
  }
 +
  40% {
 +
    background: #c9d8db;
 +
  }
 +
}
 +
@-webkit-keyframes horizontal-throbber {
 +
  0% {
 +
    background: #c9d8db;
 +
  }
 +
  10% {
 +
    background: #5c7c83;
 +
  }
 +
  40% {
 +
    background: #c9d8db;
 +
  }
 +
}
 +
@keyframes horizontal-throbber {
 +
  0% {
 +
    background: #c9d8db;
 +
  }
 +
  10% {
 +
    background: #5c7c83;
 +
  }
 +
  40% {
 +
    background: #c9d8db;
 +
  }
 +
}
 +
/* :not(:required) hides these rules from IE9 and below */
 +
.horizontal-throbber:not(:required) {
 +
  -moz-animation: horizontal-throbber 2000ms 300ms infinite ease-out;
 +
  -webkit-animation: horizontal-throbber 2000ms 300ms infinite ease-out;
 +
  animation: horizontal-throbber 2000ms 300ms infinite ease-out;
 +
  background: #c9d8db;
 +
  display: inline-block;
 +
  position: relative;
 +
  text-indent: -9999px;
 +
  width: 12px;
 +
  height: 16px;
 +
  margin: 0 16px;
 +
}
 +
.horizontal-throbber:not(:required):before,
 +
.horizontal-throbber:not(:required):after {
 +
  background: #c9d8db;
 +
  content: '\x200B';
 +
  display: inline-block;
 +
  width: 12px;
 +
  height: 16px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
.horizontal-throbber:not(:required):before {
 +
  -moz-animation: horizontal-throbber 2000ms 150ms infinite ease-out;
 +
  -webkit-animation: horizontal-throbber 2000ms 150ms infinite ease-out;
 +
  animation: horizontal-throbber 2000ms 150ms infinite ease-out;
 +
  left: -16px;
 +
}
 +
.horizontal-throbber:not(:required):after {
 +
  -moz-animation: horizontal-throbber 2000ms 450ms infinite ease-out;
 +
  -webkit-animation: horizontal-throbber 2000ms 450ms infinite ease-out;
 +
  animation: horizontal-throbber 2000ms 450ms infinite ease-out;
 +
  right: -16px;
 +
}
 +
@-moz-keyframes circular-throbber {
 +
  0% {
 +
    -moz-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -moz-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
@-webkit-keyframes circular-throbber {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
@keyframes circular-throbber {
 +
  0% {
 +
    -moz-transform: rotate(0deg);
 +
    -ms-transform: rotate(0deg);
 +
    -webkit-transform: rotate(0deg);
 +
    transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -webkit-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 +
/* :not(:required) hides this rule from IE9 and below */
 +
.circular-throbber:not(:required) {
 +
  -moz-animation: circular-throbber 1250ms infinite linear;
 +
  -webkit-animation: circular-throbber 1250ms infinite linear;
 +
  animation: circular-throbber 1250ms infinite linear;
 +
  border: 6px solid white;
 +
  border-right-color: transparent;
 +
  border-radius: 16px;
 +
  box-sizing: border-box;
 +
  display: inline-block;
 +
  position: relative;
 +
  overflow: hidden;
 +
  text-indent: -9999px;
 +
  width: 32px;
 +
  height: 32px;
 +
}
 +
.institution-page-box {
 +
  background: #fff;
 +
  border: 1px solid #c9d8db;
 +
  margin: 40px auto;
 +
  border-radius: 3px;
 +
  padding: 30px 0;
 +
}
 +
.institution-half {
 +
  padding: 10px 40px;
 +
}
 +
.institution-header {
 +
  font-size: 32px;
 +
}
 +
.institution-subheader {
 +
  font-size: 18px;
 +
}
 +
.institution-section {
 +
  margin-top: 40px;
 +
  font-size: 14px;
 +
}
 +
.institution-image {
 +
  height: 75px;
 +
}
 +
.institution-sign-up {
 +
  width: 40%;
 +
}
 +
.minisite-title {
 +
  font-size: 36px;
 +
}
 +
.minisite-section {
 +
  margin-top: 40px;
 +
  line-height: 1.5;
 +
}
 +
.minisite-img {
 +
  max-width: 100%;
 +
}
 +
.minisite-figure {
 +
  padding-top: 1em;
 +
  padding-bottom: 1em;
 +
}
 +
.minisite-figcaption {
 +
  padding-top: 0.5em;
 +
}
 +
.minisite-table tr:first-of-type {
 +
  text-align: center;
 +
}
 +
.minisite-table td {
 +
  padding: 5px;
 +
  white-space: pre-wrap;
 +
}
 +
.minisite-avatar {
 +
  margin-top: 8px;
 +
}
 +
.minisite-author {
 +
  letter-spacing: 1px;
 +
}
 +
.minisite-nav {
 +
  padding: 40px;
 +
}
 +
.minisite-powered-by {
 +
  letter-spacing: 1px;
 +
}
 +
.minisite-baseText {
 +
  font-size: 14px;
 +
}
 +
@media (max-width: 767px) {
 +
  .minisite-video {
 +
    width: auto;
 +
    height: auto;
 +
  }
 +
}
 +
.ellisCrispr-table td {
 +
  border: solid black 1px;
 +
  padding: 5px;
 +
}
 +
.goldPage-loading-container {
 +
  min-height: 400px;
 +
  line-height: 400px;
 +
}
 +
.goldPage {
 +
  margin: 148px auto;
 +
  max-width: 491px;
 +
  min-width: 491px;
 +
}
 +
@media (min-width: 992px) {
 +
  .goldPage {
 +
    max-width: 877px;
 +
  }
 +
}
 +
.goldPage-invite-wrapper {
 +
  vertical-align: top;
 +
  width: 1%;
 +
}
 +
.goldPage-description {
 +
  font-size: 16px;
 +
  line-height: 24px;
 +
}
 +
.goldPage-invite {
 +
  padding: 0 20px;
 +
  line-height: 48px;
 +
  height: 48px;
 +
}
 +
.goldPage-showTable {
 +
  padding-top: 2px;
 +
  font-size: 8px;
 +
}
 +
.goldPage-referral {
 +
  padding: 15px 0;
 +
}
 +
.goldPage-speechBubble {
 +
  position: absolute;
 +
  top: -40px;
 +
  left: -15px;
 +
  border-radius: 2px;
 +
  width: 100px;
 +
  padding: 0 10px;
 +
  height: 25px;
 +
  text-align: center;
 +
  line-height: 25px;
 +
  background-color: #e8f0f2;
 +
}
 +
.goldPage-speechBubble:before {
 +
  content: "";
 +
  position: absolute;
 +
  z-index: -1;
 +
  bottom: -10px;
 +
  left: 0;
 +
  height: 10px;
 +
  border-right: 30px solid #e8f0f2;
 +
  background: #e8f0f2;
 +
  border-bottom-right-radius: 80px 50px;
 +
  -webkit-transform: translate(0, -2px);
 +
  -ms-transform: translate(0, -2px);
 +
  transform: translate(0, -2px);
 +
}
 +
/* creates part of the curved pointy bit */
 +
.goldPage-speechBubble:after {
 +
  content: "";
 +
  position: absolute;
 +
  z-index: -1;
 +
  bottom: -10px;
 +
  left: 0;
 +
  width: 30px;
 +
  height: 10px;
 +
  background: white;
 +
  border-bottom-right-radius: 40px 75px;
 +
  -webkit-transform: translate(-10px, -2px);
 +
  -ms-transform: translate(-10px, -2px);
 +
  transform: translate(-10px, -2px);
 +
}
 +
.goldPage-speechBubble.gold {
 +
  background-color: #fdd586;
 +
}
 +
.goldPage-speechBubble.gold:before {
 +
  background-color: #fdd586;
 +
  border-color: #fdd586;
 +
}
 +
.goldPage-referrals-organization:not(:first-child) {
 +
  margin-top: 4px;
 +
}
 +
.filterDropdown {
 +
  cursor: pointer;
 +
  position: relative;
 +
}
 +
.filterDropdown-menu {
 +
  position: absolute;
 +
  z-index: 1;
 +
  left: 0;
 +
  top: 100%;
 +
  background: white;
 +
  border: 1px solid #e8f0f2;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  padding: 0 0 5px;
 +
  border-radius: 3px;
 +
}
 +
.filterDropdown-menu.filterDropdown-menu--alignRight {
 +
  left: initial;
 +
  right: 0;
 +
}
 +
.filterDropdown-menuItem {
 +
  width: 150px;
 +
}
 +
.filterDropdown-inputWrapper {
 +
  margin: 5px 5px 0;
 +
}
 +
#editor .filterDropdown-menuItem input[type=search] {
 +
  padding: 5px;
 +
}
 +
.filterDropdown-options {
 +
  margin-top: 5px;
 +
  max-height: 200px;
 +
  overflow-y: auto;
 +
  overflow-x: hidden;
 +
}
 +
.filterDropdown-options::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.filterDropdown-options::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.filterDropdown-options:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.filterDropdown-options::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.filterDropdown-options:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.filterDropdown-option,
 +
.filterDropdown-helpText {
 +
  padding: 3px 10px;
 +
}
 +
.filterDropdown-option {
 +
  cursor: pointer;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.filterDropdown-option.filterDropdown-option--active {
 +
  color: #428ce1;
 +
}
 +
.filterDropdown-option:hover,
 +
.filterDropdown-option.filterDropdown-option--active:hover {
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
}
 +
.filterDropdown-divider {
 +
  height: 1px;
 +
  margin: 7.5px 0;
 +
  overflow: hidden;
 +
  background-color: #e8f0f2;
 +
}
 +
.tagsInput {
 +
  border: 1px solid #a2b9be;
 +
  padding: 11px 11px 3px;
 +
  overflow-y: auto;
 +
  border-radius: 3px;
 +
  background-color: white;
 +
}
 +
.tagsInput.tagsInput--small {
 +
  padding: 5px 10px 1px;
 +
}
 +
.tagsInput-ul {
 +
  list-style-type: none;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
.tagsInput-li {
 +
  display: inline-block;
 +
  max-width: 100%;
 +
}
 +
.tagsInput-tag {
 +
  display: inline-block;
 +
  background: #e8f0f2;
 +
  color: #344043;
 +
  font-size: 12px;
 +
  height: 24px;
 +
  line-height: 24px;
 +
  padding: 0 5px;
 +
  margin-right: 8px;
 +
  margin-bottom: 8px;
 +
  text-decoration: none;
 +
  border-radius: 2px;
 +
}
 +
.tagsInput--small .tagsInput-tag {
 +
  margin-bottom: 4px;
 +
}
 +
.tagsInput-remove {
 +
  font-weight: bold;
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
  font-size: 11px;
 +
  cursor: pointer;
 +
}
 +
.tagsInput-input {
 +
  color: #5c7c83;
 +
  border: 0;
 +
  font-size: 13px;
 +
  height: 24px;
 +
  line-height: 24px;
 +
  margin-bottom: 8px;
 +
  padding: 0;
 +
  outline: none;
 +
  width: 100%;
 +
}
 +
.tagsInput--small .tagsInput-input {
 +
  margin-bottom: 4px;
 +
}
 +
.tagsInput-dropdown {
 +
  z-index: 1000;
 +
  max-height: 264px;
 +
  overflow-y: auto;
 +
  border: 1px solid #a2b9be;
 +
  border-radius: 0 0 5px 5px;
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  background-color: white;
 +
}
 +
.tagsInput-dropdown::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.tagsInput-dropdown::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.tagsInput-dropdown:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.tagsInput-dropdown::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.tagsInput-dropdown:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.emailInput-dropdown-option {
 +
  padding: 8px 15px;
 +
  border: 1px solid #c9d8db;
 +
  word-wrap: break-word;
 +
}
 +
.emailInput-dropdown-option:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.emailInput-dropdown-option-name {
 +
  color: #344043;
 +
}
 +
.emailInput-dropdown-option-email {
 +
  color: #a2b9be;
 +
}
 +
.emailInput-dropdown-option-invited,
 +
.emailInput-dropdown-option-member {
 +
  line-height: 32px;
 +
}
 +
.emailInput-dropdown-option-member {
 +
  font-size: 14px;
 +
  color: #a2b9be;
 +
}
 +
.emailInput-dropdown-option-invited {
 +
  font-size: 20px;
 +
}
 +
.emailInput-nameAndEmail {
 +
  line-height: 16px;
 +
}
 +
.emailInput-onlyEmail {
 +
  line-height: 32px;
 +
}
 +
.tagsInput-dropdown {
 +
  display: none;
 +
}
 +
.tagsInput-dropdown:focus {
 +
  display: block;
 +
}
 +
.tagsInput-input:focus + .tagsInput-dropdown {
 +
  display: block;
 +
}
 +
.tagSchemaSelector-options {
 +
  position: absolute;
 +
  z-index: 1;
 +
  width: 100%;
 +
  background: white;
 +
  border: 1px solid #f8fafb;
 +
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 +
  padding: 3px 0 3px;
 +
  border-radius: 3px;
 +
  max-height: 100px;
 +
  overflow-y: auto;
 +
  overflow-x: hidden;
 +
}
 +
.tagSchemaSelector-options::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.tagSchemaSelector-options::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.tagSchemaSelector-options:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.tagSchemaSelector-options::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.tagSchemaSelector-options:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.tagSchemaSelector-option {
 +
  padding: 5px 10px;
 +
  cursor: pointer;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.tagSchemaSelector-option:hover {
 +
  color: #ffffff;
 +
  background-color: #428ce1;
 +
}
 +
.tfi-addAccountRow {
 +
  line-height: 48px;
 +
  margin: 16px 0;
 +
}
 +
.tfi-addAccountRow-icon {
 +
  height: 40px;
 +
  vertical-align: middle;
 +
}
 +
.tfi-addAccountRow-label {
 +
  display: inline-block;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  vertical-align: middle;
 +
}
 +
.tfi-addAccountRow-count {
 +
  color: #a2b9be;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.result-icon.tfi-result-icon {
 +
  margin-top: 2px;
 +
}
 +
.tfi-modalContainer .modal-content {
 +
  padding: 0;
 +
  background: transparent;
 +
  border: none;
 +
  box-shadow: none;
 +
}
 +
.tfi-modalContainer iframe {
 +
  border: none;
 +
}
 +
.tfi-modalSpinner {
 +
  margin: 200px auto;
 +
}
 +
.tfi-modalImage {
 +
  width: 100%;
 +
}
 +
.tfi-modalHeader {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  color: white;
 +
  padding-bottom: 50px;
 +
}
 +
.tfi-modalHeader .tfi-accountIcon {
 +
  font-size: 24px;
 +
  margin-right: 10px;
 +
  vertical-align: top;
 +
}
 +
.tfi-modalTitle {
 +
  display: inline-block;
 +
}
 +
.tfi-modalTitle h4 {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  line-height: 24px;
 +
  margin-top: 0;
 +
  margin-bottom: 4px;
 +
}
 +
.tfi-modalClose {
 +
  cursor: pointer;
 +
  margin-right: 50px;
 +
  font-size: 34px;
 +
  font-weight: 100;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  line-height: 24px;
 +
  margin-top: -3px;
 +
}
 +
.tfi-modalNoPreview {
 +
  color: white;
 +
  text-align: center;
 +
  margin: 100px 0;
 +
}
 +
.tfi-modalNoPreviewIcon {
 +
  font-size: 72px;
 +
  margin: 20px;
 +
}
 +
.color--tfi-accountIcon-dropbox {
 +
  color: #007ee5;
 +
}
 +
.color--tfi-accountIcon-onedrive {
 +
  color: #094ab2;
 +
}
 +
.tfi-searchInput {
 +
  margin-bottom: 25px;
 +
  position: relative;
 +
}
 +
.cardContainer {
 +
  margin-right: -30px;
 +
}
 +
.card {
 +
  background-color: #f8fafb;
 +
  width: 165px;
 +
  height: 144px;
 +
  padding: 15px 12px 0px;
 +
  border-bottom: 5px solid transparent;
 +
  margin-right: 30px;
 +
  margin-bottom: 24px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  overflow: hidden;
 +
  word-break: break-word;
 +
}
 +
.card--short {
 +
  height: 84px;
 +
}
 +
a.card,
 +
a.card:focus,
 +
a.card:active,
 +
a.card:hover {
 +
  text-decoration: none;
 +
}
 +
a.card:hover {
 +
  cursor: pointer;
 +
  background-color: #e8f0f2;
 +
}
 +
.itemCard {
 +
  position: relative;
 +
}
 +
.itemCard-fade {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  height: 30px;
 +
  background: linear-gradient(180deg, rgba(248, 250, 251, 0), #f8fafb);
 +
}
 +
.itemCard:hover .itemCard-fade {
 +
  background: linear-gradient(180deg, rgba(232, 240, 242, 0), #e8f0f2);
 +
}
 +
.itemCard-title {
 +
  color: #344043;
 +
  font-size: 16px;
 +
  line-height: 20px;
 +
  font-weight: 500;
 +
}
 +
.itemCard-subtitle {
 +
  color: #5c7c83;
 +
  font-size: 12px;
 +
  margin-top: 4px;
 +
}
 +
.itemCard-desc {
 +
  color: #344043;
 +
  margin-top: 20px;
 +
  line-height: 16px;
 +
}
 +
.createCard {
 +
  position: relative;
 +
}
 +
.createCard-icon {
 +
  margin-right: 4px;
 +
}
 +
.createCard-text {
 +
  position: absolute;
 +
  top: 50%;
 +
  transform: translateY(-50%);
 +
  left: 0;
 +
  right: 0;
 +
  text-align: center;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
}
 +
.settingsPage {
 +
  overflow-y: auto;
 +
  height: 100%;
 +
}
 +
.settingsPage::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.settingsPage::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.settingsPage:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.settingsPage::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.settingsPage:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.settingsPage-contentWrapper {
 +
  margin: 40px auto;
 +
  width: 90%;
 +
  max-width: 945px;
 +
}
 +
.settingsPage-header {
 +
  margin-bottom: 50px;
 +
}
 +
.settingsPage-header-crumb,
 +
.settingsPage-header-crumb:focus {
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
}
 +
.settingsPage-header-crumb:hover {
 +
  color: #5c7c83;
 +
  text-decoration: none;
 +
}
 +
.settingsPage-header-chevron {
 +
  font-size: 14px;
 +
  margin-left: 8px;
 +
  margin-right: 5px;
 +
  color: #c9d8db;
 +
}
 +
.settingsPage-btn {
 +
  width: 24px;
 +
  height: 24px;
 +
  line-height: 24px;
 +
  text-align: center;
 +
  background-color: transparent;
 +
  color: #a2b9be;
 +
}
 +
.settingsPage-btn:active,
 +
.settingsPage-btn.is-active {
 +
  background-color: #e8f0f2;
 +
  color: #344043;
 +
}
 +
.svgIcon {
 +
  fill: currentColor;
 +
  width: 1em;
 +
  height: 1em;
 +
  margin-bottom: -1px;
 +
}
 +
.exportModal .modal-body {
 +
  padding: 0;
 +
}
 +
.exportModal .modal-footer {
 +
  background-color: #f8fafb;
 +
  padding: 0 20px 20px;
 +
  border: none;
 +
}
 +
.exportModal-menu {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: space-around;
 +
  -moz-justify-content: space-around;
 +
  -ms-justify-content: space-around;
 +
  justify-content: space-around;
 +
  padding: 16.5px 23px 23px;
 +
}
 +
.exportModal-submenu {
 +
  background-color: #f8fafb;
 +
  padding: 20px 20px 14px;
 +
}
 +
.exportModal-option {
 +
  cursor: pointer;
 +
  text-align: center;
 +
  color: #a2b9be;
 +
  font-size: 14px;
 +
}
 +
.exportModal-option:hover,
 +
.exportModal-option.is-selected {
 +
  color: #428ce1;
 +
}
 +
.exportModal-option i {
 +
  font-size: 34px;
 +
}
 +
.nueModule {
 +
  background-color: #5b9fec;
 +
  border-radius: 4px;
 +
  padding: 16px;
 +
  width: 195px;
 +
  color: white;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.nueModule--collapsed {
 +
  width: initial;
 +
  padding: 12px;
 +
}
 +
.nueModule-link {
 +
  color: white;
 +
}
 +
.nueModule-link:hover {
 +
  color: white;
 +
}
 +
.nueModule-title {
 +
  color: white;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.nueModule-item-circle {
 +
  border: 1px solid white;
 +
  border-radius: 100px;
 +
  width: 12px;
 +
  height: 12px;
 +
  margin: 6px auto;
 +
  text-align: center;
 +
  background-color: #5b9fec;
 +
  cursor: pointer;
 +
}
 +
.nueModule-item-circle:hover {
 +
  background-color: white;
 +
  color: #5b9fec;
 +
}
 +
.nueModule-item-lastOpenCircleColumn {
 +
  background-color: #5b9fec;
 +
}
 +
.nueModule-item-circleContainer {
 +
  width: 24px;
 +
  margin: 0 auto;
 +
}
 +
.nueModule--collapsed .nueModule-item-circleContainer {
 +
  width: 12px;
 +
}
 +
.nueModule-item-circle--completed {
 +
  background-color: white;
 +
}
 +
.nueModule-item-circle--completed:hover {
 +
  background-color: #5b9fec;
 +
}
 +
.nueModule-item-circle--open {
 +
  width: 24px;
 +
  height: 24px;
 +
  margin: 0;
 +
}
 +
.nueModule-item-circle-check {
 +
  line-height: 24px;
 +
  color: #5b9fec;
 +
}
 +
.nueModule-item-circle-text {
 +
  line-height: 24px;
 +
}
 +
.nueModule-item-content {
 +
  vertical-align: top;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  padding-left: 12px;
 +
}
 +
.nueModule-item-title {
 +
  font-size: 15px;
 +
  font-weight: 600;
 +
  line-height: 24px;
 +
  cursor: pointer;
 +
}
 +
.nueModule-item-title--faded {
 +
  opacity: 0.5;
 +
}
 +
.nueModule-item-title--faded:hover {
 +
  opacity: 1;
 +
}
 +
.nueModule-verticalLine {
 +
  position: absolute;
 +
  top: 12px;
 +
  bottom: 12px;
 +
  left: 11px;
 +
  border: 1px solid #ffffff;
 +
}
 +
.nueModule--collapsed .nueModule-verticalLine {
 +
  left: 5px;
 +
}
 +
.nueModule-toggleContainer {
 +
  width: 12px;
 +
  text-align: center;
 +
}
 +
.nueModule-toggle {
 +
  color: white;
 +
  cursor: pointer;
 +
  opacity: 0.5;
 +
}
 +
.nueModule-toggle:hover {
 +
  opacity: 1;
 +
}
 +
.nueModule-item-description {
 +
  overflow: hidden;
 +
  font-weight: 300;
 +
}
 +
.nueModule-finishLink {
 +
  cursor: pointer;
 +
  font-weight: 500;
 +
  color: white;
 +
}
 +
.nueModule-finishLink:hover {
 +
  opacity: 0.5;
 +
}
 +
.nueModule .popover {
 +
  color: #344043;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.nueModulePopover-header {
 +
  padding: 14px 0;
 +
}
 +
.nueModulePopover-close {
 +
  color: #c9d8db;
 +
  cursor: pointer;
 +
}
 +
.nueModulePopover-ol {
 +
  padding-left: 20px;
 +
}
 +
.onboardingModal-option {
 +
  border-radius: 3px;
 +
  border: 1px solid #e8f0f2;
 +
  cursor: pointer;
 +
  font-size: 16px;
 +
  margin: 15px auto;
 +
  padding: 10px 15px;
 +
}
 +
.onboardingModal-option:hover {
 +
  border: 1px solid #c7dbe0;
 +
}
 +
.onboardingModal-option-check {
 +
  color: #03c08d;
 +
  line-height: inherit;
 +
}
 +
.scientificFieldModal-option {
 +
  font-size: 15px;
 +
  margin: 3px auto;
 +
  padding: 8px 10px;
 +
}
 +
.entryOnboardingTour-largePopover {
 +
  width: 350px;
 +
}
 +
.finderSearchTitle {
 +
  display: inline-block;
 +
  font-size: 16px;
 +
}
 +
.finderSearchFilters {
 +
  width: 200px;
 +
  vertical-align: middle;
 +
}
 +
.finderFilterListing .curSearchFilters {
 +
  border: 0;
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
.curSearchFilters {
 +
  background: white;
 +
  border: 1px solid #f8fafb;
 +
  border-top: 0;
 +
  padding: 4px 9px;
 +
}
 +
.curSearchFilter,
 +
.curSearchFilter-text,
 +
.curSearchFilter-remove {
 +
  display: inline-block;
 +
}
 +
.curSearchFilter {
 +
  cursor: default;
 +
  margin: 1px 5px 1px 0;
 +
  background: #428ce1;
 +
  color: white;
 +
  border-radius: 100px;
 +
  border: 1px solid #428ce1;
 +
  overflow: hidden;
 +
  vertical-align: middle;
 +
}
 +
.curSearchFilter-text {
 +
  padding: 1px 2px 1px 8px;
 +
  text-transform: uppercase;
 +
  font-size: 10px;
 +
  max-width: 140px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.curSearchFilter-text,
 +
.curSearchFilter-remove {
 +
  vertical-align: middle;
 +
}
 +
.curSearchFilter-remove {
 +
  cursor: pointer;
 +
  font-weight: 700;
 +
  margin-left: 3px;
 +
  padding: 1px 6px 1px 4px;
 +
  border-left: 1px solid white;
 +
}
 +
.curSearchFilter-remove:hover {
 +
  color: #428ce1;
 +
  background: white;
 +
}
 +
.curSearchFilter--noFilter {
 +
  background: transparent;
 +
  color: #a2b9be;
 +
  border-color: transparent;
 +
}
 +
.searchFilters {
 +
  display: table;
 +
  width: 100%;
 +
  border-collapse: collapse;
 +
  background: white;
 +
}
 +
.searchFilters-inner {
 +
  display: table-row;
 +
}
 +
.searchFilterOption {
 +
  border: 1px solid #f8fafb;
 +
  padding: 4px 5px 4px 9px;
 +
  margin: 1px 1px 1px 0;
 +
  display: table-cell;
 +
  border-left: 1px solid #f8fafb;
 +
  border-right: 1px solid #f8fafb;
 +
  border-bottom: 1px solid #f8fafb;
 +
}
 +
.file-browser-filter .select2-container {
 +
  max-width: 170px;
 +
}
 +
.file-browser-filter .select2-container.select2-dropdown-open {
 +
  min-width: 120px;
 +
}
 +
.finderSearch-addFilterLink {
 +
  font-weight: normal;
 +
}
 +
.finderSearch-searchTarget {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  padding-top: 8px;
 +
  padding-bottom: 8px;
 +
}
 +
.finderSearch-searchBox {
 +
  margin-bottom: 16px;
 +
}
 +
.finderSearch-addFilterBtn {
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  margin-left: 8px;
 +
}
 +
.finderSearch-addFilterBtn .svgIcon {
 +
  margin-right: 8px;
 +
  margin-bottom: 0;
 +
}
 +
.finderSearch-filterModule {
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
  padding: 0 12px 8px;
 +
}
 +
.finderSearch-filterModule--showBorder {
 +
  box-shadow: 0 4px 8px -4px #c9d8db, inset -1px 0 0 0 #e8f0f2;
 +
}
 +
.finderSearch-filterDivider {
 +
  -webkit-align-content: center;
 +
  -moz-align-content: center;
 +
  -ms-align-content: center;
 +
  align-content: center;
 +
  color: #a2b9be;
 +
  margin-bottom: 10px;
 +
}
 +
.finderSearch-filterDivider--toggle {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 10px;
 +
  font-weight: 400;
 +
  line-height: 12px;
 +
  margin-bottom: 0;
 +
  padding-top: 8px;
 +
}
 +
.finderSearch-filterModule--showBorder .finderSearch-filterDivider--toggle {
 +
  border-top: 1px solid #ecf0f1;
 +
}
 +
.finderSearch-toggleFilterLink {
 +
  overflow: hidden;
 +
}
 +
.finderSearch-toggleFilterLink:hover {
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
}
 +
.finderSearch-searchFilter-withText {
 +
  font-color: #5c7c83;
 +
  font-size: 12px;
 +
  line-height: 16px;
 +
  margin-bottom: 4px;
 +
  margin-top: 8px;
 +
}
 +
.finderSearch-searchFilter {
 +
  padding-bottom: 8px;
 +
}
 +
.finderSearch-searchFilter-textareaContainer {
 +
  margin-top: 12px;
 +
}
 +
.finderSearch-searchFilter-textarea {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  vertical-align: top;
 +
}
 +
.avatarGrid {
 +
  margin-left: -5px;
 +
  margin-bottom: -10px;
 +
}
 +
.avatarGrid .avatar,
 +
.avatarGrid .addOrganizationButton {
 +
  margin: 0 5px 10px;
 +
}
 +
.addOrganizationButton {
 +
  width: 30px;
 +
  line-height: 23px;
 +
  text-align: center;
 +
  border: 1px dashed #e8f0f2;
 +
  border-radius: 2px;
 +
  vertical-align: top;
 +
}
 +
.addOrganizationButton:hover {
 +
  color: #428ce1;
 +
  border-color: #428ce1;
 +
}
 +
.organizationPage-container {
 +
  margin-top: 30px;
 +
}
 +
.organizationPage-sectionContainer {
 +
  padding-top: 20px;
 +
  border-top: 1px solid #e8f0f2;
 +
}
 +
.organizationPage-topCta {
 +
  margin-right: 15px;
 +
  margin-bottom: 4px;
 +
}
 +
.organizationPage-createOrganizationForm {
 +
  max-width: 350px;
 +
}
 +
.organizationPage-banner {
 +
  background-color: #e8f0f2;
 +
}
 +
/* Feature Banner Styles */
 +
.organizationPage-featureBanner {
 +
  background-color: #ffffff;
 +
  border-radius: 8px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin: 12px 0;
 +
  padding: 16px;
 +
}
 +
.organizationPage-featureBannerTitle {
 +
  margin-top: -4px;
 +
}
 +
.organizationPage-featureBannerItem {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  margin-left: 28px;
 +
}
 +
.organizationPage-featureBannerItem:first-child {
 +
  margin-left: 0;
 +
}
 +
.organizationPage-featureBannerItem-icon {
 +
  color: #428ce1;
 +
  height: 30px;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  margin-right: 12px;
 +
  width: 30px;
 +
}
 +
.organizationPage-featureBanner-remove {
 +
  color: #c9d8db;
 +
  cursor: pointer;
 +
  height: 16px;
 +
  margin-left: 16px;
 +
  width: 16px;
 +
}
 +
.expandedResults {
 +
  height: 100%;
 +
  width: 100%;
 +
  position: relative;
 +
}
 +
.expandedResults-header {
 +
  height: 35px;
 +
}
 +
.expandedResults-body {
 +
  overflow-y: auto;
 +
}
 +
.expandedResults-body::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.expandedResults-body::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.expandedResults-body:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.expandedResults-body::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.expandedResults-body:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.expandedResults-body-table,
 +
.expandedResults-header-table {
 +
  width: 100%;
 +
  border: 1px solid #e8eef2;
 +
}
 +
.expandedResults-body-table .col-checkbox,
 +
.expandedResults-header-table .col-checkbox {
 +
  width: 35px;
 +
}
 +
.expandedResults-body-table .col-name,
 +
.expandedResults-header-table .col-name {
 +
  min-width: 200px;
 +
}
 +
.expandedResults-body-table .col-authors,
 +
.expandedResults-header-table .col-authors,
 +
.expandedResults-body-table .col-auditors,
 +
.expandedResults-header-table .col-auditors {
 +
  width: 160px;
 +
}
 +
.expandedResults-body-table .col-modified,
 +
.expandedResults-header-table .col-modified {
 +
  width: 170px;
 +
}
 +
.expandedResults-body-table .col-oligo-bases,
 +
.expandedResults-header-table .col-oligo-bases {
 +
  width: 250px;
 +
}
 +
.expandedResults-body-table .col-all-tags,
 +
.expandedResults-header-table .col-all-tags {
 +
  width: 200px;
 +
}
 +
.expandedResults-body-table .col-tag,
 +
.expandedResults-header-table .col-tag {
 +
  width: 140px;
 +
}
 +
.expandedResults-body-table .col-tm,
 +
.expandedResults-header-table .col-tm {
 +
  width: 75px;
 +
}
 +
.expandedResults-body-table .col-gc,
 +
.expandedResults-header-table .col-gc {
 +
  width: 75px;
 +
}
 +
.expandedResults-body-table .col-violation-count,
 +
.expandedResults-header-table .col-violation-count {
 +
  width: 160px;
 +
}
 +
.expandedResults-body-table .col-sample-count,
 +
.expandedResults-header-table .col-sample-count {
 +
  width: 160px;
 +
}
 +
.expandedResults-body-table .col-registryValidation-warning,
 +
.expandedResults-header-table .col-registryValidation-warning {
 +
  width: 320px;
 +
}
 +
.expandedResults-body-table .col-registryId,
 +
.expandedResults-header-table .col-registryId {
 +
  width: 160px;
 +
}
 +
.expandedResults-header-table th {
 +
  background: #e8f0f2;
 +
  border: 1px solid #e8eef2;
 +
  text-transform: uppercase;
 +
  color: #344043;
 +
  padding: 10px 10px 7px;
 +
  font-size: 11px;
 +
}
 +
.expandedResults-header-table th.is-sortable {
 +
  cursor: pointer;
 +
}
 +
.expandedResults-header-table th.is-sortable:hover {
 +
  color: #428ce1;
 +
}
 +
.expandedResults-header-table th:hover .close {
 +
  visibility: visible;
 +
}
 +
.expandedResults-header-table .close {
 +
  visibility: hidden;
 +
  line-height: 16px;
 +
}
 +
.expandedResults-header-table .expandedResults-tagHeader-renameTag {
 +
  display: none;
 +
}
 +
.expandedResults-header-table th:hover .expandedResults-tagHeader-renameTag {
 +
  display: inline-block;
 +
}
 +
.expandedResults-tagHeader {
 +
  display: inline-block;
 +
  max-width: 85px;
 +
  vertical-align: top;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.expandedResults-notePreview {
 +
  max-height: 100px;
 +
  overflow-y: hidden;
 +
  white-space: pre-line;
 +
}
 +
.expandedResults-body-table {
 +
  border-top: none;
 +
}
 +
.expandedResults-body-table tr:nth-child(even) td {
 +
  background: #ffffff;
 +
}
 +
.expandedResults-body-table tr {
 +
  -webkit-transition: opacity 0.1s ease-out;
 +
  transition: opacity 0.1s ease-out;
 +
}
 +
.expandedResults-body-table tr .expandedResults-row-hover {
 +
  visibility: hidden;
 +
}
 +
.expandedResults-body-table tr:hover td {
 +
  background: #ffffff;
 +
}
 +
.expandedResults-body-table tr:hover .expandedResults-row-hover {
 +
  visibility: visible;
 +
}
 +
.expandedResults-body-table tr.is-selected.dnd-drop-container.is-drop-allowed td,
 +
.expandedResults-body-table tr.is-selected.dnd-drop-container.is-drop-allowed .expandedResults-resultLabel {
 +
  background: rgba(66, 140, 225, 0.75);
 +
}
 +
.expandedResults-body-table tr.is-selected td,
 +
.expandedResults-body-table tr.is-selected .expandedResults-resultLabel {
 +
  color: white;
 +
  background: #428ce1;
 +
}
 +
.expandedResults-body-table tr.is-selected .expandedResults-resultLabel {
 +
  border-radius: 10px;
 +
  padding: 2px 10px;
 +
  margin-left: -10px;
 +
  margin-right: -10px;
 +
}
 +
.expandedResults-body-table tr.is-selected .faded,
 +
.expandedResults-body-table tr.is-selected .u-success-color,
 +
.expandedResults-body-table tr.is-selected a {
 +
  color: white;
 +
}
 +
.expandedResults-body-table td {
 +
  padding: 10px;
 +
  color: #344043;
 +
  font-size: 12px;
 +
  word-break: break-all;
 +
}
 +
.opt-is-scrolling .expandedResults-body-table tr {
 +
  pointer-events: none;
 +
}
 +
.registryValidation-errorList {
 +
  padding-left: 0;
 +
  word-break: break-word;
 +
}
 +
.registryValidatorTable-error {
 +
  margin-left: 5px;
 +
  white-space: normal;
 +
}
 +
.sampleView {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.sampleCreatorAvatar {
 +
  margin-right: 4px;
 +
}
 +
.editableSchemaTag-name {
 +
  color: #5c7c83;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.sampleView-overview,
 +
.sampleView-attributes {
 +
  margin-top: 27px;
 +
}
 +
.allSamplesView-header {
 +
  margin-right: 20px;
 +
  /* Add spacing between header and search input */
 +
}
 +
.allSamplesView-batches {
 +
  margin-top: 25px;
 +
}
 +
.allSamplesView-containers {
 +
  margin-top: 33px;
 +
}
 +
.batchSamples-containers {
 +
  margin-top: 36px;
 +
}
 +
.sampleView .plainSearchInput {
 +
  width: 296px;
 +
}
 +
.createSampleModal-batchSelector {
 +
  margin-bottom: 18px;
 +
}
 +
.createSampleModal-header {
 +
  color: #344043;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  margin: 0 0 4px;
 +
}
 +
.createSampleModal-header--attributes {
 +
  /* Need to clear margin-bottom because it's followed by a Row which breaks margin collapsing. */
 +
  margin-bottom: 0;
 +
}
 +
.createSampleModal-label {
 +
  color: #5c7c83;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  margin: 12px 0 4px;
 +
  text-transform: uppercase;
 +
}
 +
/* Classes for rendering tags */
 +
.schemaTag-table-cell-long-text {
 +
  max-width: 176px;
 +
}
 +
.expandedResults-editTag-td .expandedResults-editTag-wrapper {
 +
  position: relative;
 +
}
 +
.expandedResults-editTag-td .expandedResults-editTag {
 +
  display: none;
 +
  position: absolute;
 +
  top: 50%;
 +
  margin-top: -12px;
 +
  right: 0;
 +
  padding: 3px 5px;
 +
  color: white;
 +
  border-radius: 2px;
 +
  background: rgba(0, 0, 0, 0.4);
 +
}
 +
.expandedResults-editTag-td .expandedResults-editTag:hover {
 +
  background: rgba(80, 80, 80, 0.8);
 +
}
 +
.expandedResults-editTag-td:hover .expandedResults-editTag {
 +
  display: inline-block;
 +
}
 +
.tagEditorDropdown {
 +
  min-width: 250px;
 +
  padding: 10px;
 +
}
 +
.tagEditorDropdown .btn-group {
 +
  display: block;
 +
  margin: 0 5px;
 +
}
 +
#buffers .buffer-container .buffer-options .tagEditorDropdown .btn .glyphicon,
 +
#buffers .buffer-container .buffer-options .tagEditorDropdown .glyphicon {
 +
  font-size: 11px;
 +
  margin: 0;
 +
}
 +
input.tagEditorDropdown-input-name,
 +
input.tagEditorDropdown-input-value {
 +
  -webkit-transition: width 0.1s ease-out;
 +
  transition: width 0.1s ease-out;
 +
}
 +
input.tagEditorDropdown-input-name {
 +
  width: 114px;
 +
}
 +
input.tagEditorDropdown-input-value {
 +
  width: 60px;
 +
}
 +
.tagEditorDropdown .is-value-focused input.tagEditorDropdown-input-name {
 +
  width: 60px;
 +
}
 +
.tagEditorDropdown .is-value-focused input.tagEditorDropdown-input-value {
 +
  width: 114px;
 +
}
 +
.tagEditorDropdown-list {
 +
  margin-bottom: 0;
 +
  padding: 0;
 +
  list-style: none;
 +
  max-height: 130px;
 +
  max-width: 100%;
 +
  overflow-y: auto;
 +
}
 +
.tagEditorDropdown-list::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.tagEditorDropdown-list::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.tagEditorDropdown-list:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.tagEditorDropdown-list::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.tagEditorDropdown-list:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.tagEditorDropdown-list .is-editing label {
 +
  color: #03c08d;
 +
  font-weight: 700;
 +
}
 +
.tagEditorDropdown-list label,
 +
.tagEditorDropdown-list .glyphicon {
 +
  line-height: 20px;
 +
}
 +
.tagEditorDropdown-list .glyphicon {
 +
  margin: 1px 4px 0 0;
 +
}
 +
.tagEditorDropdown-list label {
 +
  font-weight: 400;
 +
  margin: 0;
 +
  display: block;
 +
  padding: 3px 5px;
 +
  cursor: pointer;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.tagEditorDropdown-list label:hover {
 +
  color: #428ce1;
 +
}
 +
.metadata-section {
 +
  margin-bottom: 52px;
 +
}
 +
.metadata-header-section {
 +
  margin-bottom: 24px;
 +
}
 +
.metadata-header,
 +
.metadata-sampleTable th {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  margin-bottom: 7px;
 +
}
 +
.metadata-headerDivider {
 +
  margin: 10px 0 0 -12px;
 +
}
 +
.metadata-addButton {
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
}
 +
.metadata-analyzeButton {
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
  outline: none;
 +
}
 +
.metadata-header-button-spacing-left {
 +
  margin-left: 6px;
 +
}
 +
.metadata-field {
 +
  margin-left: -12px;
 +
}
 +
.metadata-relevantFileContainer,
 +
.metadata-sampleTableContainer {
 +
  margin-left: -12px;
 +
  overflow-x: auto;
 +
}
 +
.metadata-sampleTableCellContents {
 +
  width: 100px;
 +
}
 +
.metadata-field,
 +
.metadata-sampleTable tr {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
.metadata-field,
 +
.metadata-sampleTable th,
 +
.metadata-sampleTable td {
 +
  padding-left: 12px;
 +
  /* Offset padding so that row text is still in line with headers */
 +
}
 +
.metadata-field:hover,
 +
.metadata-field.is-beingEdited,
 +
.metadata-sampleTable tbody tr:hover {
 +
  background-color: #f8fafb;
 +
}
 +
.metadata-field:hover .registry-actionGroup,
 +
.metadata-field.is-beingEdited .registry-actionGroup,
 +
.metadata-sampleTable tbody tr:hover .registry-actionGroup {
 +
  visibility: visible;
 +
}
 +
.metadata-field-row,
 +
.metadata-sampleTable {
 +
  width: 100%;
 +
}
 +
.metadata-field-row {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.metadata-statusMessage {
 +
  color: #a2b9be;
 +
}
 +
.metadata-field-col,
 +
.metadata-statusMessage,
 +
.metadata-sampleTable td {
 +
  -webkit-user-select: text;
 +
  word-break: break-word;
 +
  padding-top: 17px;
 +
  padding-bottom: 14px;
 +
  line-height: 16px;
 +
  flex: 1;
 +
}
 +
.metadata-statusMessage-content {
 +
  margin-left: 4px;
 +
}
 +
.metadata-field-col--firstTag {
 +
  width: 50%;
 +
}
 +
.registry-actionGroupContainer {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
}
 +
.registry-actionGroupContainer--header {
 +
  font-size: 14px;
 +
}
 +
.metadata-field--header {
 +
  border-bottom: none;
 +
  display: inline-block;
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
}
 +
.metadata-registry-header {
 +
  color: #5c7c83;
 +
}
 +
.registry-actionGroup {
 +
  font-size: 12px;
 +
  white-space: nowrap;
 +
  visibility: hidden;
 +
}
 +
.metadata-action {
 +
  cursor: pointer;
 +
  padding: 0px 12px;
 +
}
 +
.metadata-action.inactive {
 +
  pointer-events: none;
 +
  cursor: default;
 +
}
 +
.metadata-action.inactive i {
 +
  color: #a2b9be;
 +
}
 +
.metadata-action-icon--complete,
 +
.metadata-action-icon--link {
 +
  color: #428ce1;
 +
}
 +
.metadata-action-icon--complete:hover,
 +
.metadata-action-icon--complete:active,
 +
.metadata-action-icon--link:hover,
 +
.metadata-action-icon--link:active {
 +
  color: #2c76cc;
 +
}
 +
.metadata-action-icon--close:hover,
 +
.metadata-action-icon--close:active {
 +
  color: #e96e51;
 +
}
 +
.metadata-action-icon--link.inactive,
 +
.metadata-action-icon--complete.inactive {
 +
  color: #a2b9be;
 +
}
 +
.metadata-icon--folder {
 +
  color: #a2b9be;
 +
  margin-right: 6px;
 +
}
 +
.metadata-icon--folder-parent {
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
  margin-left: 6px;
 +
}
 +
.metadata-tagValueInput {
 +
  position: relative;
 +
  display: inline-block;
 +
}
 +
.metadata-tagValueInputLink {
 +
  position: absolute;
 +
  top: 5px;
 +
  right: 5px;
 +
}
 +
.metadata-tagValueInputLink .glyphicon-link {
 +
  line-height: 16px;
 +
}
 +
.metadata-tagValueTextArea {
 +
  resize: vertical;
 +
}
 +
.metadata-relevantFile-colHeader {
 +
  width: 50%;
 +
}
 +
.metadata-relevantFile-colHeader-contents {
 +
  line-height: 24px;
 +
  /* Match button height */
 +
  width: 100%;
 +
  margin-left: 3px;
 +
  /* Otherwise header text is misaligned with above table */
 +
}
 +
#editor .metadata-editor .row.u-no-spacing-bottom {
 +
  /* Override default row spacing */
 +
  margin-bottom: 0;
 +
}
 +
.metadata-sampleTableContainer {
 +
  padding-top: 7px;
 +
}
 +
.metadata-sampleTable th {
 +
  color: #a2b9be;
 +
}
 +
.metadata-aliasList {
 +
  margin-left: -12px;
 +
  max-height: 160px;
 +
  padding-left: 12px;
 +
  overflow-y: auto;
 +
}
 +
.metadata-aliasList::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.metadata-aliasList::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.metadata-aliasList:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.metadata-aliasList::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.metadata-aliasList:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.metadata-tagSchemaSelectorContainer {
 +
  width: 75%;
 +
}
 +
.registerModal-file-subtitle {
 +
  font-size: 10px;
 +
  color: #a2b9be;
 +
}
 +
.inviteUsers-buttonContainer {
 +
  vertical-align: top;
 +
  width: 1%;
 +
}
 +
.inviteUsers-buttonContainer .inviteUsers-button {
 +
  height: 48px;
 +
  line-height: 48px;
 +
  padding: 0 20px;
 +
}
 +
#editor .inviteUsers-button.inviteUsers-button--small {
 +
  height: 36px;
 +
  line-height: 36px;
 +
}
 +
.ctrl-f {
 +
  z-index: 1001;
 +
  position: absolute;
 +
  background: #e8f0f2;
 +
  padding: 3px 5px;
 +
  border: 1px solid #a2b9be;
 +
  border-top: none;
 +
  border-radius: 0px 0px 4px 4px;
 +
  position: fixed;
 +
  top: 0px;
 +
  right: 50px;
 +
  width: 400px;
 +
  margin-bottom: 0px !important;
 +
  padding-bottom: 5px;
 +
}
 +
.ctrl-f .in-input {
 +
  position: absolute;
 +
  right: 92px;
 +
  top: 2px;
 +
}
 +
.ctrl-f-search-count {
 +
  color: #a2b9be;
 +
}
 +
.ctrl-f .close-btn {
 +
  background: none;
 +
  border: none;
 +
  outline: none;
 +
}
 +
.ctrl-f .close-btn:hover {
 +
  color: #5c7c83;
 +
}
 +
.ctrl-f .close-btn-icon {
 +
  font-size: 14px;
 +
  line-height: 24px;
 +
  vertical-align: middle;
 +
}
 +
.registrySettingsPage {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.registrySettings-breadcrumb {
 +
  width: 100%;
 +
  margin-bottom: 2px;
 +
}
 +
.registrySettings-breadcrumb-item,
 +
.registrySettings-breadcrumb-title,
 +
.registrySettings-breadcrumb-divider {
 +
  display: inline-block;
 +
  margin: 0px;
 +
}
 +
.registrySettings-breadcrumb-item {
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
}
 +
.registrySettings-breadcrumb-item:hover {
 +
  color: #5c7c83;
 +
  text-decoration: none;
 +
}
 +
.registrySettings-breadcrumb-divider {
 +
  margin: 0 5.5px;
 +
  font-size: 14px;
 +
  color: #c9d8db;
 +
}
 +
.registrySettings-body {
 +
  margin-top: 36px;
 +
  width: 75%;
 +
}
 +
.registrySettingsTable-headerRow {
 +
  color: #a2b9be;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
  margin-bottom: 0;
 +
  padding-bottom: 9px;
 +
}
 +
.registrySettingsTable-primaryHeader {
 +
  color: #344043;
 +
}
 +
#editor .registrySettingsTable-row.borderless.row {
 +
  border-bottom: none;
 +
}
 +
#editor .registrySettingsTable-headerRow.row,
 +
#editor .registrySettingsTable-row.row {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  cursor: default;
 +
  margin-bottom: 0;
 +
}
 +
.registrySettings-field .metadata-field,
 +
.registrySettingsTable-row .metadata-field {
 +
  border-bottom: none;
 +
}
 +
.registrySettingsTable-row.is-beingEdited,
 +
.registrySettingsTable-row:hover {
 +
  background-color: #f8fafb;
 +
}
 +
.registrySettingsTable-row:hover .registry-actionGroup {
 +
  visibility: visible;
 +
}
 +
.registrySettingsTable-col {
 +
  text-overflow: ellipsis;
 +
  line-height: 16px;
 +
  padding-top: 17px;
 +
  padding-bottom: 14px;
 +
}
 +
#editor .selectorSettings-row.row {
 +
  /* Remove the default margin-bottom for bs Row components */
 +
  margin-bottom: 0;
 +
}
 +
.selectorSettings-nameInput {
 +
  background-color: #f8fafb;
 +
  margin-left: -12px;
 +
  padding-left: 12px;
 +
  padding-right: 35px;
 +
  padding-top: 17px;
 +
  padding-bottom: 14px;
 +
}
 +
.selectorSettings-creatingOptionRow {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
  background-color: #f8fafb;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  margin-left: -12px;
 +
  padding-left: 12px;
 +
}
 +
.selectorSettings-creatingOptionRow .registry-actionGroup {
 +
  /* Needed to override default visibility: hidden behavior in FieldActionBUttons */
 +
  visibility: visible;
 +
}
 +
.tagSchemaSettings-fileTypeSelector {
 +
  width: 50%;
 +
}
 +
.tagSchemaSettings-header {
 +
  color: #344043;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  margin-bottom: 6px;
 +
  margin-top: 2px;
 +
}
 +
.tagSchemaSettings-secondHeader {
 +
  color: #5c7c83;
 +
  /* needed to align with second column within tagSchemaSettings-fields .tagSchemaSettings-row */
 +
  margin-left: -8px;
 +
}
 +
.tagSchemaSettings-fields {
 +
  margin-left: -42px;
 +
}
 +
.tagSchemaSettings-field {
 +
  margin-top: 1px;
 +
  margin-bottom: 1px;
 +
  min-height: 28px;
 +
  display: table;
 +
  width: 100%;
 +
}
 +
.tagSchemaSettings-field.is-dragging {
 +
  margin-top: 0;
 +
}
 +
.tagSchemaSettings-field:hover .registry-actionGroup,
 +
.tagSchemaSettings-field.is-beingEdited .registry-actionGroup,
 +
.tagSchemaSettings-field:hover .tagSchemaSettings-action,
 +
.tagSchemaSettings-field.is-beingEdited .tagSchemaSettings-action,
 +
.tagSchemaSettings-field.is-dragging .tagSchemaSettings-action,
 +
.editableField:hover .registry-actionGroup,
 +
.editableField.is-beingEdited .registry-actionGroup {
 +
  visibility: visible;
 +
}
 +
.tagSchemaSettings-field:hover .tagSchemaSettings-action.invisible,
 +
.tagSchemaSettings-field.is-beingEdited .tagSchemaSettings-action.invisible,
 +
.tagSchemaSettings-field.is-dragging .tagSchemaSettings-action.invisible {
 +
  visibility: hidden;
 +
}
 +
.tagSchemaSettings-field.is-beingEdited,
 +
.tagSchemaSettings-field:hover,
 +
.tagSchemaSettings-field.is-dragging {
 +
  background-color: #f8fafb;
 +
}
 +
.registrySettings-section {
 +
  margin-bottom: 30px;
 +
}
 +
.tagSchemaSettings-row {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: row;
 +
  -moz-flex-direction: row;
 +
  -ms-flex-direction: row;
 +
  flex-direction: row;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  width: 100%;
 +
}
 +
.tagSchemaSettings-action {
 +
  background-color: #f8fafb;
 +
  display: table-cell;
 +
  padding: 0px 8px;
 +
  vertical-align: middle;
 +
  visibility: hidden;
 +
  white-space: nowrap;
 +
  width: 28px;
 +
}
 +
.tagSchemaSettings-addButton {
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
}
 +
.tagSchemaSettings-dropdown-option {
 +
  padding: 8px 15px;
 +
  border-bottom: 1px solid #c9d8db;
 +
  word-wrap: break-word;
 +
}
 +
.tagSchemaSettings-dropdown-option:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.tagsInput-dropdown-option:last-child .tagSchemaSettings-dropdown-option {
 +
  border-bottom: none;
 +
}
 +
.tagSchemaSettings-input {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
  margin-bottom: 10px;
 +
  margin-right: 5%;
 +
  margin-top: 10px;
 +
}
 +
.editableField {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin-left: -8px;
 +
  padding: 8px;
 +
}
 +
.editableField-text {
 +
  line-height: 28px;
 +
  /* match the input height when editing the field */
 +
}
 +
.editableField:hover,
 +
.editableField.is-beingEdited {
 +
  background-color: #f8fafb;
 +
}
 +
.tagSchemaSettings-field:hover .registry-actionGroup,
 +
.tagSchemaSettings-field.is-beingEdited .registry-actionGroup,
 +
.editableItemTable-row:hover .registry-actionGroup,
 +
.editableItemTable-row.is-beingEdited .registry-actionGroup,
 +
.editableField:hover .registry-actionGroup,
 +
.editableField.is-beingEdited .registry-actionGroup {
 +
  visibility: visible;
 +
}
 +
.tagSchemaSettings-helpIcon {
 +
  margin-bottom: 4px;
 +
  margin-top: 2px;
 +
  vertical-align: middle;
 +
}
 +
.tagSchemaSettings-popover {
 +
  color: #344043;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-weight: 600;
 +
  text-transform: none;
 +
}
 +
/* These styles belong to the schema settings page, which should house both UI for tag schema settings as
 +
  well as sample schema settings.
 +
*/
 +
.schemaSettingsPage-scrollContainer {
 +
  height: 100%;
 +
  overflow-y: auto;
 +
}
 +
.schemaSettingsPage-scrollContainer::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.schemaSettingsPage-scrollContainer::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.schemaSettingsPage-scrollContainer:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.schemaSettingsPage-scrollContainer::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.schemaSettingsPage-scrollContainer:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.schemaSettingsPageContainer {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin: 47px 225px 0 66px;
 +
}
 +
.schemaSettingsPage-banner {
 +
  color: #5c7c83;
 +
  cursor: pointer;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.schemaSettingsPage-banner:hover {
 +
  color: #428ce1;
 +
}
 +
.schemaSettingsPage-header {
 +
  margin-bottom: 21px;
 +
}
 +
.schemaSettingsPage-settingsContainer {
 +
  margin-top: 23px;
 +
  margin-bottom: 30px;
 +
  min-height: 200px;
 +
}
 +
/* These styles are used specifically for UI associated with sample schema settings. */
 +
.sampleSchemaSettingsContainer {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
}
 +
.sampleSchemaSettings-addContainerButton {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  margin-right: 10px;
 +
}
 +
.sampleSchemaSettings-configurationDropdown {
 +
  margin-bottom: 23px;
 +
  width: 244px;
 +
}
 +
.sampleSchemaSettings-batchTable,
 +
.sampleSchemaSettings-containerTable {
 +
  margin-bottom: 26px;
 +
  margin-left: -12px;
 +
  width: 100%;
 +
}
 +
.sampleSchemaSettings-batchTable .fieldTable-field--last,
 +
.sampleSchemaSettings-containerTable .fieldTable-field--last {
 +
  -webkit-flex-shrink: 50;
 +
  -moz-flex-shrink: 50;
 +
  -ms-flex-shrink: 50;
 +
  flex-shrink: 50;
 +
}
 +
.sampleSchemaSettings-batchTable .fieldTable-actionGroupContainer,
 +
.sampleSchemaSettings-containerTable .fieldTable-actionGroupContainer {
 +
  margin-right: -12px;
 +
  position: relative;
 +
}
 +
.sampleSchemaSettings-containerTable {
 +
  border: 1px solid #e8f0f2;
 +
  border-radius: 4px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.sampleSchemaSettings-containerTable .fieldTable {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
  width: 100%;
 +
}
 +
.sampleSchemaSettings-containerTable-name {
 +
  margin-left: 12px;
 +
  margin-top: 12px;
 +
  width: 212px;
 +
}
 +
.sampleSchemaSettings-containerTable-nameContainer {
 +
  margin-bottom: 20px;
 +
}
 +
.sampleSchemaSettings-containerTable-nameHeader {
 +
  color: #344043;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.sampleSchemaSettings-dropdown {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  width: 100%;
 +
}
 +
.sampleSchemaSettings-header {
 +
  color: #344043;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  margin-bottom: 7px;
 +
}
 +
.sampleSchemaSettings-sectionDivider {
 +
  color: #c9d8db;
 +
  height: 2px;
 +
  margin-bottom: 20px;
 +
}
 +
.sampleSchemaSettings-addContainerModal {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.sampleSchemaSettings-addContainerModalField {
 +
  margin-top: 6px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
}
 +
.sampleSchemaSettings-addContainerModalFieldInput {
 +
  margin-left: 6px;
 +
}
 +
/* These styles are used specifically for UI associated with file schema settings */
 +
/* TODO(T6963): Move styles here or to a more fileSchemaSettings specific location (and rename them) */
 +
.fileSchemaSettings-body {
 +
  width: 75%;
 +
}
 +
.colorPicker-headerContainer {
 +
  padding: 12px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  line-height: 1.42857143;
 +
}
 +
.colorPicker-header {
 +
  color: #a2b9be;
 +
  padding: 12px 0;
 +
  cursor: pointer;
 +
}
 +
.colorPicker-header-selected {
 +
  color: #428ce1;
 +
  border-bottom: 2px solid #428ce1;
 +
}
 +
.colorPicker-bodyContainer {
 +
  padding: 12px;
 +
}
 +
.colorPicker-table {
 +
  border-collapse: separate;
 +
  border-spacing: 4px;
 +
}
 +
.colorPicker-table-emptyRow {
 +
  height: 16px;
 +
}
 +
.colorPicker-swatch {
 +
  cursor: pointer;
 +
  padding: 0;
 +
}
 +
.colorPicker-swatch {
 +
  height: 16px;
 +
  width: 16px;
 +
}
 +
.colorPicker-swatch--bordered {
 +
  box-shadow: inset 0px 0px 0px 1px #c9d8db;
 +
}
 +
.colorPicker-swatch--empty {
 +
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'> <line x1='10' y1='0' x2='0' y2='10' fill='none' stroke='#C9D8DB'/></svg>");
 +
}
 +
.colorPicker-swatch--selected {
 +
  box-shadow: inset 0px 0px 0px 1px #428ce1, inset 0px 0px 0px 2px #ffffff;
 +
}
 +
.colorPickerDropdown-menu {
 +
  padding: 0;
 +
}
 +
.colorPickerIcon {
 +
  padding: 2px;
 +
}
 +
.iconPicker-editButton {
 +
  display: inline-block;
 +
  position: relative;
 +
  background-color: #e8f0f2;
 +
  border: 1px solid #e8f0f2;
 +
  text-align: center;
 +
  cursor: pointer;
 +
}
 +
.iconPicker-selectedIconWrapper {
 +
  padding: 20px;
 +
}
 +
.iconPicker-editButton.is-active {
 +
  background-color: #c9d8db;
 +
  border: 1px solid #c9d8db;
 +
}
 +
.iconPicker-editButton.is-disabled {
 +
  cursor: default;
 +
}
 +
.iconPicker-editIcon {
 +
  color: #5c7c83;
 +
  font-size: 10px;
 +
  position: absolute;
 +
  height: auto;
 +
  top: auto;
 +
  bottom: 5px;
 +
  right: 5px;
 +
}
 +
.iconPicker-emptyCell {
 +
  background-color: #c9d8db;
 +
}
 +
.iconPicker-iconCell {
 +
  cursor: pointer;
 +
  background-color: #ffffff;
 +
  padding: 20px;
 +
}
 +
.iconPicker-iconCell,
 +
.iconPicker-emptyCell {
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.iconPicker-iconCell:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.iconPicker-iconTable {
 +
  position: absolute;
 +
  z-index: 10;
 +
  box-shadow: 0 2px 4px 0 #c9d8db;
 +
  -webkit-box-shadow: 0 2px 4px 0 #c9d8db;
 +
}
 +
.iconPicker-icon {
 +
  color: #5c7c83;
 +
  font-size: 24px;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
}
 +
.iconPicker-icon.glyphicon {
 +
  height: auto;
 +
}
 +
.proteinAnnotationsPanel {
 +
  margin-top: 10px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.proteinAnnotationsPanel-table {
 +
  margin: auto;
 +
}
 +
.proteinAnnotationsPanel-row--hover {
 +
  background-color: #f8fafb;
 +
}
 +
.proteinAnnotationsPanel-row--selected {
 +
  background-color: #feefd1;
 +
}
 +
.proteinAnnotationsPanel-newAnnotation {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-align: right;
 +
}
 +
.proteinAnnotationsPanel-header {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  font-weight: 600;
 +
}
 +
.proteinAnnotationsPanel-cell {
 +
  padding: 5px;
 +
  text-align: center;
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
}
 +
.proteinAnnotationsPanel-emptyMessage {
 +
  display: inline-block;
 +
  padding: 5px;
 +
  text-align: center;
 +
  width: 100%;
 +
}
 +
.proteinAnnotationsPanel-editorTitle {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.proteinAnnotationsPanel-editorButton {
 +
  width: 100%;
 +
}
 +
.proteinAnnotationsPanel-errorMessage {
 +
  color: #d9563a;
 +
  display: inline-block;
 +
  text-align: center;
 +
  width: 100%;
 +
}
 +
.proteinAnnotationsPanel-autoAnnotate {
 +
  width: 100%;
 +
}
 +
.proteinAnnotationsPanel-editFeatureLibraries {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  height: 28px;
 +
  line-height: 28px;
 +
  text-align: center;
 +
}
 +
.biochemicalPropertiesContainer {
 +
  padding: 35px;
 +
}
 +
.aminoAcidFrequencyTable {
 +
  max-width: 300px;
 +
}
 +
table > tbody > tr > td.aminoAcidFrequencyTable-td {
 +
  padding: 3px;
 +
}
 +
.videoContainer {
 +
  position: relative;
 +
  padding-bottom: 56.25%;
 +
  padding-top: 30px;
 +
  height: 0;
 +
  overflow: hidden;
 +
}
 +
.videoContainer iframe,
 +
.videoContainer object,
 +
.videoContainer embed {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
.aminoAcidFrequencyTable {
 +
  max-width: 300px;
 +
}
 +
.dreadds-promoter {
 +
  color: #9ACD32;
 +
}
 +
.dreadds-dreadd {
 +
  color: red;
 +
}
 +
.dreadds-protein {
 +
  color: #DAA520 ;
 +
}
 +
table > tbody > tr > td.aminoAcidFrequencyTable-td {
 +
  padding: 3px;
 +
}
 +
.signupModal-descriptionContainer {
 +
  display: flex;
 +
  flex-direction: column;
 +
  justify-content: center;
 +
}
 +
.signupModal-description {
 +
  font-size: 16px;
 +
  font-weight: 300;
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
}
 +
.signupModal-description p {
 +
  font-weight: 300;
 +
}
 +
.signupModal-formContainer {
 +
  display: flex;
 +
  justify-content: center;
 +
}
 +
.signupModal-form {
 +
  flex-grow: 1;
 +
  max-width: 275px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.signupModal-form-label {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.signupModal-title {
 +
  font-size: 20px;
 +
}
 +
.signupModal .signup-form .fieldStatus-iconContainer {
 +
  right: 7px;
 +
  top: 2px;
 +
}
 +
.signupModal-featureList {
 +
  list-style-type: none;
 +
  padding-left: 0;
 +
}
 +
.signupModal-featureList-elem {
 +
  padding-top: 10px;
 +
}
 +
.signupModal-featureList-img {
 +
  display: inline-block;
 +
  width: 48px;
 +
  padding-right: 16px;
 +
}
 +
.signupModal-featureList-text {
 +
  display: inline-block;
 +
  max-width: 80%;
 +
  vertical-align: middle;
 +
}
 +
.enterprise-landing .land-header-main,
 +
.enterprise-landing .featureInfoRow {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  color: white;
 +
  font-size: 16px;
 +
  padding-bottom: 50px;
 +
  text-align: center;
 +
}
 +
.enterprise-landing .land-header-main h1,
 +
.enterprise-landing .featureInfoRow h1,
 +
.enterprise-landing .land-header-main h2,
 +
.enterprise-landing .featureInfoRow h2 {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 42px;
 +
  font-weight: 500;
 +
  margin-top: 75px;
 +
  margin-bottom: 60px;
 +
}
 +
.enterprise-landing .land-header-main img,
 +
.enterprise-landing .featureInfoRow img {
 +
  margin-top: 20px;
 +
  margin-bottom: 20px;
 +
}
 +
.enterprise-landing .land-header-main h3,
 +
.enterprise-landing .featureInfoRow h3,
 +
.enterprise-landing .land-header-main .land-tagline,
 +
.enterprise-landing .featureInfoRow .land-tagline {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 24px;
 +
}
 +
.enterprise-landing .land-header-main p,
 +
.enterprise-landing .featureInfoRow p {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  max-width: 180px;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
.enterprise-landing .featureInfoRow {
 +
  margin-top: 15px;
 +
  margin-bottom: 50px;
 +
}
 +
.enterprise-landing .featureInfoRow h3 {
 +
  font-weight: 300;
 +
}
 +
.enterprise-landing .land-header {
 +
  background: #5b9fec;
 +
}
 +
.enterprise-landing .pricing,
 +
.enterprise-landing .land-section li {
 +
  font-size: 16px;
 +
}
 +
.enterprise-landing .land-sectionIcon.bioregistry {
 +
  border: 5px solid white;
 +
  border-radius: 65px;
 +
}
 +
.enterprise-landing .dropdown-menu li a {
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
}
 +
.landNavLink-dropdownToggle {
 +
  color: white;
 +
}
 +
.landNavLink-dropdownToggle:hover {
 +
  text-decoration: none;
 +
}
 +
.landNavLink-dropdownToggle:focus,
 +
.landNavLink-dropdownToggle:hover {
 +
  color: #a2b9be;
 +
}
 +
.bioregistry-landing .land-page-titleContainer {
 +
  max-height: 900px;
 +
}
 +
.benchlingPoints-scoreCard {
 +
  position: absolute;
 +
  color: white;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  background-color: #5b9fec;
 +
  padding: 8px;
 +
}
 +
.benchlingPoints-pointText {
 +
  color: #5b9fec;
 +
}
 +
.benchlingPoints-description {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.benchlingPoints-rewardDescription {
 +
  text-align: center;
 +
  color: #5b9fec;
 +
}
 +
.benchlingPoints-rewardDescription-pointNumber {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.benchlingPoints-rewardDescription-img {
 +
  height: 48px;
 +
  margin-bottom: 5px;
 +
}
 +
.benchlingPoints-rewardDescriptionContainer {
 +
  display: flex;
 +
  flex-direction: row;
 +
  align-content: center;
 +
  justify-content: space-between;
 +
}
 +
.benchlingPoints-progress {
 +
  color: white;
 +
  background-color: #5b9fec;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.benchlingPoints-modal .benchlingPoints-progress {
 +
  margin: 0 -16px -16px -16px;
 +
  padding: 15px 16px 16px 16px;
 +
}
 +
.benchlingPoints-progressDotsContainer {
 +
  width: 230px;
 +
  display: inline-block;
 +
}
 +
.benchlingPoints-progressDots {
 +
  display: flex;
 +
  justify-content: space-between;
 +
}
 +
.benchlingPoints-progressDots-btn {
 +
  display: inline-block;
 +
}
 +
.benchlingPoints-progressDot {
 +
  height: 12px;
 +
  width: 12px;
 +
  border-radius: 6px;
 +
  border: 2px solid white;
 +
}
 +
.benchlingPoints-progressDot--completed {
 +
  background-color: white;
 +
}
 +
.benchlingPoints-progressDots-popover {
 +
  max-width: 470px;
 +
}
 +
.internalLinkInput {
 +
  background-color: white;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  display: flex;
 +
  flex-direction: row;
 +
  margin: 0;
 +
  padding-left: 10px;
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
  width: 100%;
 +
}
 +
.internalLinkInput-input {
 +
  border: 0;
 +
  flex: 1;
 +
  font-size: 12px;
 +
  line-height: 18px;
 +
  outline: none;
 +
  padding-right: 10px;
 +
}
 +
.tagFieldLinkInput {
 +
  background-color: white;
 +
  border: 1px solid #c9d8db;
 +
  border-radius: 3px;
 +
  display: flex;
 +
  flex-direction: row;
 +
  margin: 0;
 +
  padding-left: 10px;
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
}
 +
.tagFieldLinkInput-input {
 +
  border: 0;
 +
  font-size: 12px;
 +
  line-height: 18px;
 +
  outline: none;
 +
  width: 100%;
 +
}
 +
.newUserFlow-container {
 +
  height: 100%;
 +
  overflow-y: auto;
 +
  padding-top: 60px;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.infoScreen-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  -webkit-align-content: center;
 +
  -moz-align-content: center;
 +
  -ms-align-content: center;
 +
  align-content: center;
 +
  width: 880px;
 +
}
 +
.infoScreen-content {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.infoScreen-projectText {
 +
  width: 70%;
 +
  padding-right: 60px;
 +
}
 +
.infoScreen-projectImage {
 +
  width: 30%;
 +
}
 +
.infoScreen-leftRightScreen-left {
 +
  width: 45%;
 +
  padding-right: 60px;
 +
}
 +
.infoScreen-leftRightScreen-right {
 +
  width: 55%;
 +
}
 +
.infoScreen-previewImage-img {
 +
  width: 100%;
 +
}
 +
.infoScreen-nextScreenButtonContainer {
 +
  text-align: right;
 +
}
 +
.infoScreen-nextScreenButton {
 +
  margin-top: 20px;
 +
  margin-bottom: 40px;
 +
}
 +
.entryScreen-featureText {
 +
  cursor: pointer;
 +
  padding: 15px;
 +
  margin-left: -15px;
 +
  border-radius: 4px;
 +
}
 +
.entryScreen-featureText:hover {
 +
  background-color: #f8fafb;
 +
}
 +
.entryScreen-featureText h3 {
 +
  margin-top: 0;
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
}
 +
.entryScreen-featureText p {
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.entryScreen-featureText--active {
 +
  background-color: #e8f0f2;
 +
}
 +
.entryScreen-featureText--active:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.featurePreviewScreen-featureImage {
 +
  max-width: 100%;
 +
  position: absolute;
 +
}
 +
.featurePreviewScreen-featureImage-capture-images {
 +
  top: 95px;
 +
  left: 30px;
 +
  width: 70%;
 +
}
 +
.featurePreviewScreen-featureImage-at-mention {
 +
  top: 315px;
 +
  left: 13px;
 +
  width: 85%;
 +
}
 +
.featurePreviewScreen-featureImage-plan-experiment {
 +
  top: 411px;
 +
  left: 28px;
 +
  width: 85%;
 +
}
 +
.featurePreviewScreen-featureImage-sharing {
 +
  top: 40px;
 +
  right: 0;
 +
  width: 70%;
 +
}
 +
.featurePreviewScreen-featureImage-version-history,
 +
.featurePreviewScreen-featureImage-alignments {
 +
  top: 170px;
 +
}
 +
.callToActionScreen-welcome {
 +
  text-align: center;
 +
  width: 100%;
 +
  -webkit-flex-shrink: 0;
 +
  -moz-flex-shrink: 0;
 +
  -ms-flex-shrink: 0;
 +
  flex-shrink: 0;
 +
}
 +
.callToActionScreen-welcome p {
 +
  max-width: 720px;
 +
  text-align: center;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
.callToActionScreen-productDescriptionContainer {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  margin-top: 40px;
 +
  margin-bottom: 40px;
 +
}
 +
.callToActionScreen-productDescription {
 +
  width: 320px;
 +
  padding-bottom: 20px;
 +
}
 +
.callToActionScreen-productDescription h2 {
 +
  text-align: center;
 +
}
 +
.callToActionScreen-productDescription ul {
 +
  list-style: none;
 +
  margin-left: 0;
 +
  parding-left: 0;
 +
}
 +
.callToActionScreen-productDescription li {
 +
  margin-bottom: 4px;
 +
}
 +
.callToActionScreen-productDescription--highlighted {
 +
  background-color: #e8f0f2;
 +
  border-radius: 4px;
 +
  border-top: 5px solid #03c08d;
 +
  position: relative;
 +
  top: -2px;
 +
  box-shadow: 0 2px 8px rgba(52, 64, 67, 0.5);
 +
  margin-right: 40px;
 +
}
 +
.callToActionScreen-productDescription-img {
 +
  margin-top: 40px;
 +
  height: 130px;
 +
  max-width: 100%;
 +
}
 +
.callToAction-continueButtonContainer {
 +
  margin-left: 18px;
 +
}
 +
.callToActionScreen-productFeatureListContainer {
 +
  height: 190px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-align-content: center;
 +
  -moz-align-content: center;
 +
  -ms-align-content: center;
 +
  align-content: center;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
}
 +
.callToActionScreen-productFeatureListContainer h4 {
 +
  margin-bottom: 20px;
 +
}
 +
.callToActionScreen-productFeatureListContainer h4,
 +
.callToActionScreen-productFeatureListContainer ul {
 +
  margin-left: 20px;
 +
  margin-right: 20px;
 +
}
 +
.callToActionScreen-productFeatureListContainer ul {
 +
  list-style: none;
 +
  padding-left: 0;
 +
}
 +
.callToActionScreen-molBioDescriptionContainer {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-align-content: center;
 +
  -moz-align-content: center;
 +
  -ms-align-content: center;
 +
  align-content: center;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.callToActionScreen-molBioDescription {
 +
  margin-top: 25px;
 +
  padding: 40px;
 +
  border: solid 1px #e8f0f2;
 +
  border-radius: 4px;
 +
  width: 900px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: flex-start;
 +
  -moz-align-items: flex-start;
 +
  -ms-align-items: flex-start;
 +
  align-items: flex-start;
 +
  -webkit-align-content: flex-start;
 +
  -moz-align-content: flex-start;
 +
  -ms-align-content: flex-start;
 +
  align-content: flex-start;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  position: relative;
 +
}
 +
.callToActionScreen-molBioHeader {
 +
  margin-left: 15px;
 +
}
 +
.callToActionScreen-molBioHeader h3 {
 +
  margin-top: 0;
 +
}
 +
.callToActionScreen-molBioFeatureListContainer {
 +
  width: 33%;
 +
}
 +
.callToActionScreen-molBioFeatureListContainer h4 {
 +
  margin-top: 0;
 +
}
 +
.callToActionScreen-molBioFeatureListContainer ul {
 +
  list-style: none;
 +
  margin-left: 0;
 +
  padding-left: 0;
 +
}
 +
.callToActionScreen-molBioFeatureListContainer li {
 +
  margin-bottom: 4px;
 +
}
 +
.callToActionScreen-molBioProduct-img {
 +
  height: 90px;
 +
  max-width: 100%;
 +
}
 +
.callToActionScreen-molBio-btn {
 +
  margin-top: 20px;
 +
  width: 160px;
 +
}
 +
.callToActionScreen-molBio-header {
 +
  width: 900px;
 +
}
 +
.createEntryScreen-importEvernote-logo {
 +
  fill: #a2b9be;
 +
  height: 20px;
 +
  margin-right: 8px;
 +
  vertical-align: middle;
 +
  width: 20px;
 +
}
 +
.roleInfoScreen-left {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
}
 +
.roleInfoScreen-right {
 +
  max-width: 50%;
 +
}
 +
.roleInfoScreen-right label {
 +
  font-weight: bold;
 +
}
 +
.roleInfoScreen-img {
 +
  width: 100%;
 +
  margin-left: -50px;
 +
}
 +
/* Casestudy page specific font sizes */
 +
.font-proxima-23 {
 +
  font-size: 23px;
 +
  line-height: 32px;
 +
}
 +
.font-walsheim-23 {
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
  font-size: 23px;
 +
  line-height: 30px;
 +
}
 +
.font-walsheim-29 {
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
  font-size: 29px;
 +
  line-height: 42px;
 +
}
 +
.font-walsheim-35 {
 +
  font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 +
  font-size: 35px;
 +
  line-height: 48px;
 +
}
 +
.casestudy {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 23px;
 +
  line-height: 32px;
 +
  height: 100%;
 +
}
 +
.casestudy--hiddenOverflow {
 +
  overflow: hidden;
 +
}
 +
.casestudy-header {
 +
  padding: 20px;
 +
}
 +
.casestudy-content {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin: 60px auto;
 +
  min-width: 900px;
 +
  width: 900px;
 +
}
 +
.casestudy-column {
 +
  display: -webkit-column;
 +
  display: -moz-column;
 +
  display: -ms-columnbox;
 +
  display: -ms-column;
 +
  display: column;
 +
}
 +
.casestudy-column--left {
 +
  margin-right: 75px;
 +
  width: 425px;
 +
}
 +
.casestudy-column--right {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.casestudy-image-container {
 +
  margin-right: -400px;
 +
  margin-top: 100px;
 +
}
 +
.casestudy-form {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.casestudy-form label {
 +
  font-weight: 600;
 +
}
 +
.casestudy-form input {
 +
  height: 35px;
 +
}
 +
@media (min-width: 768px) {
 +
  .casestudy-modal .modal-dialog {
 +
    width: 779px;
 +
  }
 +
}
 +
.casestudy-modal .modal-header {
 +
  padding: 23px 29px 18px;
 +
}
 +
.casestudy-modal .modal-title {
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.casestudy-modal-body {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  padding: 33px 29px 10px;
 +
}
 +
.casestudy-modal-feature-img {
 +
  border-radius: 50%;
 +
  height: 50px;
 +
  margin-right: 25px;
 +
  padding: 0;
 +
  width: 50px;
 +
}
 +
.casestudy-modal-feature-text {
 +
  margin-right: 42px;
 +
}
 +
.casestudy-modal .casestudy-form .form-group,
 +
.casestudy-modal .casestudy-form .form-error {
 +
  margin-bottom: 22px;
 +
}
 +
.casestudy-modal .casestudy-form label {
 +
  margin-bottom: 11px;
 +
}
 +
.casestudy-modal input {
 +
  height: 45px;
 +
}
 +
.positionedLinkPopover-content {
 +
  -webkit-align-items: baseline;
 +
  -moz-align-items: baseline;
 +
  -ms-align-items: baseline;
 +
  align-items: baseline;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  margin: -5px 0;
 +
}
 +
.positionedLinkPopover-link,
 +
.positionedLinkPopover-buttons {
 +
  padding: 5px 0;
 +
}
 +
.genomeImport-text {
 +
  font-size: 11px;
 +
  color: #5c7c83;
 +
}
 +
.itemSelectorModal-container {
 +
  margin: -16px;
 +
}
 +
.itemSelectorModal-results {
 +
  font-size: 14px;
 +
  height: 226px;
 +
  overflow-y: auto;
 +
}
 +
.itemSelectorModal-results::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.itemSelectorModal-results::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.itemSelectorModal-results:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.itemSelectorModal-results::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.itemSelectorModal-results:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.itemSelectorModal-message {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 100%;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.itemSelectorModal-row {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  border-bottom: 1px solid #ecf0f1;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-weight: 400;
 +
  height: 48px;
 +
}
 +
label.itemSelectorModal-row {
 +
  cursor: pointer;
 +
  margin-bottom: 0;
 +
}
 +
.itemSelectorModal-checkbox {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 48px;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  width: 48px;
 +
}
 +
.evernoteFolderSelectorModal-folderSelector {
 +
  box-shadow: 0 -2px 6px 0 rgba(162, 185, 190, 0.5);
 +
  font-size: 13px;
 +
  padding: 14px 16px 0;
 +
  /* Needs relative position to stack box shadow on top of scrollbar. */
 +
  position: relative;
 +
}
 +
.evernoteFolderSelectorModal-folderSelectorLabel {
 +
  font-size: 13px;
 +
  font-weight: 600;
 +
  margin-bottom: 7px;
 +
}
 +
.table tbody > tr > .bulk-import--column-text-column {
 +
  vertical-align: middle;
 +
}
 +
.table tbody > tr > .bulk-import--column-type-column {
 +
  width: 243px;
 +
}
 +
.dropdown > .bulk-import--column-type-dropdown {
 +
  width: 227px;
 +
}
 +
.bulk-import--table-text {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  text-transform: none;
 +
}
 +
.bulkImportModal-table-head {
 +
  border-bottom: 2px solid #dddddd;
 +
  display: block;
 +
}
 +
.bulkImportModal-table thead > tr > th {
 +
  border: none;
 +
}
 +
.bulkImportModal-table-body {
 +
  display: block;
 +
  max-height: 400px;
 +
  overflow-y: auto;
 +
}
 +
.bulkImportModal-table-body::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.bulkImportModal-table-body::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.bulkImportModal-table-body:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.bulkImportModal-table-body::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.bulkImportModal-table-body:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.bulkImportModal-errorText {
 +
  white-space: pre-wrap;
 +
}
 +
.bulkImportModal-helpIcon {
 +
  margin-bottom: 4px;
 +
  margin-top: 2px;
 +
  vertical-align: middle;
 +
}
 +
.drop-help.bulkImportModal-spreadsheetChooser {
 +
  padding: 50px;
 +
}
 +
.bulkImportModal-sampleSchemaSelector {
 +
  display: inline-block;
 +
  margin-left: 10px;
 +
  width: 200px;
 +
}
 +
.navDropdownMenu-item-text .spreadsheetColumnsTable-field-type {
 +
  color: #5c7c83;
 +
  font-size: 11px;
 +
  padding-left: 4px;
 +
}
 +
.navDropdownMenu-item-text .spreadsheetColumnsTable-field-type.spreadsheetColumnsTable-file-link-field {
 +
  color: #03c08d;
 +
}
 +
/* Toggle display between imageEditor and img such that there is no flash */
 +
.imageEditor {
 +
  display: none;
 +
}
 +
.imageEditor.is-loaded {
 +
  display: block;
 +
}
 +
.imageEditor.is-loaded + .noteLinkedFilePreviewImg {
 +
  display: none;
 +
}
 +
.imageToolbar {
 +
  background: white;
 +
  border: 2px solid #428ce1;
 +
  left: -2px;
 +
  min-width: 207px;
 +
  padding: 6px;
 +
  position: absolute;
 +
  right: -2px;
 +
  top: 0;
 +
  transform: translateY(-100%);
 +
  z-index: 2;
 +
}
 +
.imageEditor-savingOverlay {
 +
  background-color: rgba(20, 20, 20, 0.6);
 +
  bottom: 0;
 +
  color: white;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.guidelines-paddedCell {
 +
  border: 1px solid #ecf0f1;
 +
  padding: 10px;
 +
}
 +
/* Registry specific styles */
 +
.registrySettings-fieldTableContainer {
 +
  margin-left: -14px;
 +
  margin-right: -14px;
 +
}
 +
.fieldTable {
 +
  border: 1px solid #e8f0f2;
 +
  border-radius: 4px;
 +
}
 +
.fieldTable-header {
 +
  background: #f8fafb;
 +
  color: #5c7c83;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  padding: 12px 14px;
 +
  width: 100%;
 +
}
 +
.fieldTable-header--title {
 +
  color: #344043;
 +
}
 +
.fieldTable-headerField {
 +
  display: inline-block;
 +
  width: 50%;
 +
}
 +
.fieldTable-addButton {
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
  font-size: 12px;
 +
  margin-left: 10px;
 +
}
 +
.fieldTable-addButton--disabled {
 +
  color: #c9d8db;
 +
  cursor: default;
 +
}
 +
.fieldTable-rowContainer {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 50px;
 +
  margin-left: -24px;
 +
  width: 100%;
 +
}
 +
.fieldTable-row {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  border-top: 1px solid #e8f0f2;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin-right: -24px;
 +
  padding: 10px 14px;
 +
  width: 100%;
 +
}
 +
.fieldTable-action {
 +
  visibility: hidden;
 +
}
 +
.fieldTable-rowContainer:hover .fieldTable-action,
 +
.fieldTable-rowContainer.is-dragging .fieldTable-action,
 +
.fieldTable-row.is-beingEdited + .fieldTable-action {
 +
  visibility: visible;
 +
}
 +
.fieldTable-rowContainer:hover .fieldTable-action.invisible,
 +
.fieldTable-rowContainer.is-dragging .fieldTable-action.invisible,
 +
.fieldTable-row.is-beingEdited + .fieldTable-action.invisible {
 +
  visibility: hidden;
 +
}
 +
.fieldTable-row.is-beingEdited,
 +
.fieldTable-row:hover,
 +
.fieldTable-rowContainer.is-dragging .fieldTable-row {
 +
  background-color: #f8fafb;
 +
}
 +
.fieldTable-field {
 +
  display: inline-block;
 +
  line-height: 28px;
 +
  /* to match height of input field */
 +
  padding-right: 14px;
 +
  width: 50%;
 +
}
 +
.fieldTable-field--last {
 +
  /* to allow room for field action buttons */
 +
  padding-right: 58px;
 +
}
 +
.fieldTable-field--emptyMessage {
 +
  width: 100%;
 +
}
 +
.fieldTable-actionGroupContainer {
 +
  position: absolute;
 +
  max-width: 72px;
 +
  right: 0;
 +
}
 +
.fieldTable-row:hover .registry-actionGroup,
 +
.fieldTable-row.is-beingEdited .registry-actionGroup {
 +
  visibility: visible;
 +
}
 +
.fieldTable-actionGroupContainer,
 +
.fieldTable-action--move {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 50px;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.fieldTable-action--move {
 +
  background: #e8f0f2;
 +
  border-radius: 4px;
 +
  color: #344043;
 +
  font-size: 12px;
 +
  margin-right: 5px;
 +
  /* needs extra 1px for table border */
 +
  width: 20px;
 +
}
 +
.fieldTable-action--move:hover,
 +
.fieldTable-action--move:active {
 +
  text-decoration: none;
 +
}
 +
.fieldTable-action--move .glyphicon {
 +
  height: 12px;
 +
  width: 12px;
 +
}
 +
.fieldTable-tableDeleteButton {
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
  font-size: 12px;
 +
}
 +
.fieldTable-tableDeleteButton:hover {
 +
  color: #5c7c83;
 +
}
 +
/*
 +
Selectors in this file are often nested to make them more specific than the ones
 +
defined in benchling.less, otherwise they get overridden.
 +
*/
 +
.registryActivation-container {
 +
  height: 100%;
 +
  overflow-y: auto;
 +
  padding-top: 60px;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.registryActivation-header {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 27px;
 +
  line-height: 36px;
 +
  font-weight: 600;
 +
  max-width: 510px;
 +
  max-height: 72px;
 +
}
 +
.registryActivation-container-subheader {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.registryActivation-container p {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
}
 +
.registryActivation-button-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
  margin-bottom: 33px;
 +
  margin-top: 20px;
 +
}
 +
.registryActivation-button-container-left-align {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-start;
 +
  -moz-justify-content: flex-start;
 +
  -ms-justify-content: flex-start;
 +
  justify-content: flex-start;
 +
  margin-bottom: 33px;
 +
  margin-top: 48px;
 +
}
 +
/* Welcome screen */
 +
.welcomeScreen-paragraph {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  max-width: 830px;
 +
}
 +
.welcomeScreen-img {
 +
  margin-left: 17px;
 +
  margin-top: 24px;
 +
  width: 160px;
 +
}
 +
/* Set members' initials screen */
 +
.membersScreen-main {
 +
  -webkit-flex-direction: row;
 +
  -moz-flex-direction: row;
 +
  -ms-flex-direction: row;
 +
  flex-direction: row;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.membersScreen-text-container {
 +
  margin-bottom: 100px;
 +
  max-width: 510px;
 +
  padding: 0 40px;
 +
}
 +
.membersScreen-list-row .membersScreen-input.error {
 +
  border: 1px solid red;
 +
}
 +
.membersScreen-input-errorMessage {
 +
  color: red;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
}
 +
.membersScreen-list {
 +
  border: 1px solid #e8f0f2;
 +
  width: 510px;
 +
}
 +
.membersScreen-list-header {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  background-color: #f8fafb;
 +
}
 +
.membersScreen-list-header {
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
}
 +
.membersScreen-list-handle {
 +
  padding-top: 5px;
 +
}
 +
.membersScreen-list-name {
 +
  overflow: hidden;
 +
  padding-top: 10px;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.membersScreen-input {
 +
  margin-top: 10px;
 +
}
 +
.membersScreen-list-row {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-align-items: flex-start;
 +
  -moz-align-items: flex-start;
 +
  -ms-align-items: flex-start;
 +
  align-items: flex-start;
 +
  height: 56px;
 +
}
 +
.membersScreen-table-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
}
 +
.membersScreen-list-container {
 +
  max-height: : 528px;
 +
  overflow-y: auto;
 +
}
 +
#editor .membersScreen-list-header.row,
 +
#editor .membersScreen-list-row.row {
 +
  border-top: 1px solid #e8f0f2;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  margin: 0;
 +
}
 +
.membersScreen-member-subtext {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  color: #a2b9be;
 +
}
 +
/* Organization selection screen */
 +
.orgScreen-org-selection-container p {
 +
  max-width: 500px;
 +
}
 +
.orgScreen-new-org {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
}
 +
.orgScreen-new-org-container {
 +
  background-color: #f8fafb;
 +
  margin-top: 16px;
 +
  max-width: 542px;
 +
  padding: 16px 20px;
 +
}
 +
.orgScreen-new-org-container .orgScreen-new-org-header {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
  margin-top: 0;
 +
}
 +
.orgScreen-new-org-container .orgScreen-new-org-text {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
}
 +
.orgScreen-new-org-container .orgScreen-new-org-subheader {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
}
 +
.orgScreen-new-org-button-container {
 +
  margin-top: 24px;
 +
}
 +
.orgScreen-new-org-form-input {
 +
  height: 48px !important;
 +
}
 +
.orgList-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-wrap: wrap;
 +
  -moz-flex-wrap: wrap;
 +
  -ms-flex-wrap: wrap;
 +
  flex-wrap: wrap;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  max-height: 380px;
 +
  overflow-y: auto;
 +
  width: 520px;
 +
}
 +
.orgScreen-org-selection-list {
 +
  max-height: 380px;
 +
  margin-top: 22px;
 +
}
 +
.orgList-container .orgList-org-element-button {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  height: 64px;
 +
  margin-bottom: 16px;
 +
  margin-left: 12px;
 +
  margin-right: 12px;
 +
  overflow: hidden;
 +
  text-align: left;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
  width: 243px;
 +
}
 +
.orgList-container .orgList-org-element-button-not-selected {
 +
  background: #ffffff;
 +
  border: 1px solid;
 +
  border-color: #c9d8db;
 +
  color: #5c7c83;
 +
  font-weight: 400;
 +
}
 +
.orgList-container .orgList-org-element-button-not-selected:hover {
 +
  background: #e8f0f2;
 +
  color: #344043;
 +
}
 +
.orgList-container .orgList-org-element-button-selected {
 +
  background: #ffffff;
 +
  border: 1px solid;
 +
  border-color: #428ce1;
 +
  color: #428ce1;
 +
  font-weight: 400;
 +
}
 +
.orgList-container .orgList-org-element-button-selected:hover {
 +
  background: #428ce1;
 +
  border-color: #2e6bb1;
 +
  color: #ffffff;
 +
}
 +
/* Webinar screen */
 +
.webinarScreen-paragraph {
 +
  max-width: 510px;
 +
}
 +
.webinarScreen-buttons {
 +
  margin-top: 24px;
 +
}
 +
.webinarScreen-sign-up {
 +
  margin-top: 44px;
 +
}
 +
.webinarScreen-continue-button {
 +
  margin-left: 16px;
 +
}
 +
/* Enable redesign screen */
 +
.registryActivation-redesignScreen {
 +
  background: #e8f0f2;
 +
  border-radius: 8px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 230px;
 +
  margin: 40px auto;
 +
}
 +
.registryActivation-redesignScreen-content {
 +
  padding: 10px 20px 10px 40px;
 +
  width: 400px;
 +
}
 +
.expandedContainer.expandedContainer--process {
 +
  padding-top: 55px;
 +
}
 +
.header--header1.process-header {
 +
  margin-bottom: 28px;
 +
  margin-top: 8px;
 +
}
 +
.header--header1.process-allProcessesHeader {
 +
  margin-bottom: 28px;
 +
  margin-top: 16px;
 +
}
 +
.processTable .scrollableTable-header,
 +
.processTable .scrollableTable-body {
 +
  color: #344043;
 +
}
 +
.processTable .stageContainer--tempIdentifier {
 +
  color: #a2b9be;
 +
}
 +
.processTable .internalLink-content {
 +
  background-color: transparent;
 +
}
 +
.armVersionPill {
 +
  border-radius: 4px;
 +
  cursor: pointer;
 +
  font-weight: 600;
 +
  padding: 10px 12px;
 +
}
 +
.armVersionPill:hover {
 +
  color: #428ce1;
 +
}
 +
.armVersionPill--active {
 +
  background-color: #428ce1;
 +
}
 +
.armVersionPill--active,
 +
.armVersionPill--active:hover {
 +
  color: #ffffff;
 +
}
 +
.processScreens-apiIdentifier {
 +
  color: #5c7c83;
 +
  font-weight: 600;
 +
  opacity: 0.75;
 +
  padding-left: 4px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
}
 +
.processScreens-apiIdentifier.processScreens-apiIdentifier--active {
 +
  color: #ffffff;
 +
}
 +
.stageVersionCell {
 +
  font-weight: 600;
 +
}
 +
.stageVersionCell-editMarker {
 +
  color: #e96e51;
 +
  font-size: 17px;
 +
  vertical-align: bottom;
 +
}
 +
.stageVersion-section {
 +
  margin-bottom: 28px;
 +
}
 +
.stageVersion .header--title {
 +
  margin-bottom: 10px;
 +
}
 +
.stageVersion-template-timestamp {
 +
  color: #5c7c83;
 +
  margin-top: 2px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
}
 +
.stageRun-section {
 +
  margin-bottom: 36px;
 +
}
 +
.stageRun-inputFields--hasNonDefaultValue .editableField-text {
 +
  background-color: rgba(251, 171, 151, 0.75);
 +
  margin-left: -4px;
 +
  padding-left: 4px;
 +
  padding-right: 4px;
 +
}
 +
.stageRun-outputFields {
 +
  padding-top: 12px;
 +
  padding-bottom: 20px;
 +
}
 +
.stageRun-outputFields .header--title {
 +
  margin-bottom: 18px;
 +
}
 +
.stageRun-inputFields .header--title {
 +
  margin-bottom: 12px;
 +
}
 +
.stageRun .header--sublabel,
 +
.stageRun-overview .header--title {
 +
  margin-bottom: 4px;
 +
}
 +
.addStageRun-helpText {
 +
  margin: 4px 0;
 +
}
 +
/* Nav Redesign styles */
 +
.breadcrumbs {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
}
 +
.breadcrumbs--large {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
}
 +
.breadcrumbs--gray .breadcrumbs-crumb,
 +
.breadcrumbs--gray .breadcrumbs-divider {
 +
  color: #5c7c83;
 +
}
 +
.breadcrumbs-crumb--link,
 +
.breadcrumbs-more-toggle {
 +
  cursor: pointer;
 +
}
 +
.breadcrumbs-crumb--link:hover,
 +
.breadcrumbs-more-toggle:hover {
 +
  color: #428ce1;
 +
}
 +
.breadcrumbs-divider {
 +
  margin: 0 4px -2px 4px;
 +
}
 +
.breadcrumbs-more {
 +
  display: inline-block;
 +
  font-size: 9px;
 +
  vertical-align: middle;
 +
}
 +
.breadcrumbs .settingsIcon {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  margin-bottom: -2px;
 +
}
 +
.emptyPage-container {
 +
  background: #f8fafb;
 +
  bottom: 0;
 +
  display: none;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
.emptyPage-body {
 +
  left: 50%;
 +
  margin-left: -252px;
 +
  position: absolute;
 +
  top: 30%;
 +
  width: 504px;
 +
}
 +
.emptyPage-icon {
 +
  display: inline-block;
 +
  margin-right: 24px;
 +
  vertical-align: top;
 +
  width: 100px;
 +
}
 +
.emptyPage-text {
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  width: 380px;
 +
}
 +
.emptyPage-text p {
 +
  color: #344043;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 22px;
 +
  line-height: 1.5;
 +
  margin-bottom: 2px;
 +
}
 +
.emptyPage-text p strong {
 +
  font-weight: 600;
 +
}
 +
#buffers.empty .emptyPage-container {
 +
  display: block;
 +
}
 +
/* Line height of text in body cells */
 +
/* Line height of text in header cells */
 +
.scrollableTable {
 +
  overflow-x: auto;
 +
}
 +
.scrollableTable::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.scrollableTable::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.scrollableTable:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.scrollableTable::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.scrollableTable:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.scrollableTable-table {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  min-width: 100%;
 +
  max-width: none;
 +
}
 +
/* 5 of 16 grid columns */
 +
/* approximately 20 characters */
 +
/*
 +
Width at which UI changes from (scaled) width to (fixed) min-width. Chosen empirically to be when they are
 +
equal so that there is a smooth transition.
 +
 +
We use `@media` because `.scrollableTable--hasFixedColumn` sets `margin-left` and there is no
 +
"`min-margin-left`".
 +
*/
 +
.scrollableTable-cell--fixedColumn {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  box-shadow: 4px 0 4px -2px #e8f0f2;
 +
  position: absolute;
 +
  -webkit-transform: translate(-100%, 0);
 +
  -ms-transform: translate(-100%, 0);
 +
  transform: translate(-100%, 0);
 +
  width: 31.25%;
 +
}
 +
@media (max-width: 1100px) {
 +
  .scrollableTable-cell--fixedColumn {
 +
    width: 320px;
 +
  }
 +
}
 +
.scrollableTable--hasFixedColumn {
 +
  margin-left: 31.25%;
 +
}
 +
@media (max-width: 1100px) {
 +
  .scrollableTable--hasFixedColumn {
 +
    margin-left: 320px;
 +
  }
 +
}
 +
.scrollableTable-cell--narrowFixedColumn {
 +
  width: 210px;
 +
}
 +
.scrollableTable--hasNarrowFixedColumn {
 +
  margin-left: 210px;
 +
}
 +
.scrollableTable-header {
 +
  color: #5c7c83;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.scrollableTable-header--border,
 +
.scrollableTable-header--border .scrollableTable-cell--fixedColumn {
 +
  border-bottom: 1px solid #c9d8db;
 +
}
 +
.scrollableTable-header-cell {
 +
  padding: 10px 24px 10px 14px;
 +
  white-space: nowrap;
 +
}
 +
.scrollableTable-header-cell:first-child {
 +
  color: #344043;
 +
  z-index: 999;
 +
}
 +
.scrollableTable-header-content {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-start;
 +
  -moz-justify-content: flex-start;
 +
  -ms-justify-content: flex-start;
 +
  justify-content: flex-start;
 +
}
 +
.scrollableTable-icon {
 +
  color: #c9d8db;
 +
  height: 10px;
 +
  width: 10px;
 +
}
 +
.scrollableTable-header-text.is-collapsible,
 +
.scrollableTable-header-text.is-collapsed {
 +
  cursor: pointer;
 +
}
 +
.scrollableTable-header-text.is-collapsible:hover,
 +
.scrollableTable-header-text:hover .scrollableTable-header-collapse,
 +
.scrollableTable-header-text:hover .scrollableTable-header-icon {
 +
  color: #428ce1;
 +
}
 +
.scrollableTable-header-text.is-collapsible:active,
 +
.scrollableTable-header-text.is-collapsible:focus {
 +
  color: #2c76cc;
 +
}
 +
.scrollableTable-header-text.is-collapsible .scrollableTable-header-collapse {
 +
  display: none;
 +
}
 +
.scrollableTable-header-text.is-collapsible:hover .scrollableTable-header-icon {
 +
  display: none;
 +
}
 +
.scrollableTable-header-text.is-collapsible:hover .scrollableTable-header-collapse {
 +
  color: #428ce1;
 +
  display: inline;
 +
}
 +
.scrollableTable-header-icon,
 +
.scrollableTable-header-collapse {
 +
  margin-right: 4px;
 +
}
 +
.scrollableTable-header-sort {
 +
  border-radius: 50%;
 +
  cursor: pointer;
 +
  height: 16px;
 +
  margin-left: auto;
 +
  padding: 3px;
 +
  width: 16px;
 +
}
 +
.scrollableTable-header-sort:hover {
 +
  background: #f8fafb;
 +
  color: #428ce1;
 +
}
 +
.scrollableTable-header-sort:active,
 +
.scrollableTable-header-sort:focus {
 +
  background: #e8f0f2;
 +
  color: #428ce1;
 +
}
 +
.scrollableTable-header-sort.is-sorted {
 +
  color: #428ce1;
 +
}
 +
.scrollableTable-body {
 +
  color: #5c7c83;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.scrollableTable-row {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
.scrollableTable-row:hover,
 +
.scrollableTable-row:hover .scrollableTable-cell--fixedColumn {
 +
  background: #f8fafb;
 +
}
 +
.scrollableTable-row.scrollableTable-row--emptyText:hover {
 +
  background-color: transparent;
 +
  cursor: default;
 +
}
 +
.scrollableTable-row.is-selected,
 +
.scrollableTable-row.is-selected .scrollableTable-cell--fixedColumn {
 +
  background: #f8fafb;
 +
}
 +
.scrollableTable-cell {
 +
  max-width: 250px;
 +
  padding: 12px 24px 12px 14px;
 +
  white-space: nowrap;
 +
}
 +
.scrollableTable-cell > div {
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.scrollableTable-cell:first-child {
 +
  color: #344043;
 +
  max-width: none;
 +
}
 +
.scrollableTable-cell-icon {
 +
  color: #c9d8db;
 +
  height: 14px;
 +
  width: 14px;
 +
}
 +
.scrollableTable-cell--shortcutFileIcon {
 +
  height: 12px;
 +
  vertical-align: top;
 +
  width: 12px;
 +
}
 +
.scrollableTable-cell--shortcutRegistryIcon {
 +
  color: #428ce1;
 +
  font-size: 8px;
 +
  right: 4px;
 +
  position: relative;
 +
}
 +
.scrollableTable-hoverIcons {
 +
  background-image: linear-gradient(to right, rgba(248, 250, 251, 0), #f8fafb, #ffffff);
 +
  padding: 12px 66px 12px 200px;
 +
  pointer-events: none;
 +
  position: absolute;
 +
  right: 0;
 +
}
 +
/* Need to win specificity over input[type="checkbox"] */
 +
input[type="checkbox"].scrollableTable-cell-checkbox {
 +
  cursor: pointer;
 +
  height: 14px;
 +
  margin: 0;
 +
  width: 14px;
 +
}
 +
.scrollableTable-cell-iconWrapper {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  cursor: pointer;
 +
  height: 44px;
 +
  margin-left: -14px;
 +
  margin-top: -12px;
 +
  padding: 14px;
 +
  position: absolute;
 +
}
 +
.scrollableTable-header-cell .scrollableTable-cell-iconWrapper {
 +
  height: 36px;
 +
  margin-top: -10px;
 +
}
 +
.scrollableTableRow-iconCellText {
 +
  display: block;
 +
  margin-left: 30px;
 +
}
 +
/* Use .tableRow--visibleOnHover-content when content should be visible only when the row is hovered. */
 +
.scrollableTable-row:hover .tableRow--visibleOnHover-content {
 +
  visibility: visible;
 +
}
 +
.expandedContainer {
 +
  padding-top: 16px;
 +
}
 +
.expandedBrowser-search .finderSearch,
 +
.expandedBrowser-header {
 +
  margin-top: 38px;
 +
}
 +
.expandedBrowser-ctas {
 +
  margin-top: 32px;
 +
}
 +
.expandedBrowser-toggleCollapseArrowWrapper {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
}
 +
.expandedBrowser-sectionSwitcher {
 +
  color: #428ce1;
 +
}
 +
.expandedBrowser-header .breadcrumbs .settingsIcon {
 +
  font-size: 14px;
 +
}
 +
.expandedSearch-finderSearch {
 +
  margin-top: 22px;
 +
}
 +
.expandedSearch-finderSearch .finderSearch-filters,
 +
.expandedBrowser-search .finderSearch-filters {
 +
  background-color: #f8fafb;
 +
  border-radius: 4px;
 +
  margin-top: 8px;
 +
  padding: 0 10px;
 +
}
 +
.hoverLink {
 +
  border-radius: 50%;
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  height: 30px;
 +
  margin-left: 24px;
 +
  line-height: 30px;
 +
  pointer-events: all;
 +
  text-align: center;
 +
  width: 30px;
 +
}
 +
.hoverLink:hover {
 +
  background: #428ce1;
 +
  color: #ffffff;
 +
}
 +
.hoverLink-icon {
 +
  height: 12px;
 +
  width: 12px;
 +
}
 +
.expandedRegistry-personalAlias {
 +
  font-weight: 400;
 +
}
 +
.expandedRegistry-organizationAlias {
 +
  color: #428ce1;
 +
  font-weight: 400;
 +
}
 +
.js-navTour-projects {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
  min-height: 24px;
 +
  min-width: 24px;
 +
}
 +
/* Extend table rows to edge of screen.
 +
* NOTE expanded css heavily assumes the table is inside a Sidepanel: there is a 1/22 col to the left, the
 +
* table is in a 21/22 col, and to the right there's a "col" that consists of just fixed-width spacing:
 +
* |    FLEXIBLE 22 COLS      | RIGHTCOL |
 +
* | LEFTCOL |    21 COLS    |          |
 +
* |            EXPANDED TABLE            |
 +
*/
 +
/* Use 21, not 22, because we're INSIDE a 21-col container and 1/21 of it equals a full column */
 +
/* It's not a real column, we just sum up the space needed to skip the gutter and the right col */
 +
/*
 +
* @spacing--left computes how much space text needs to its left so that it lines up with text in
 +
* columns above the "expanded" component. (The text above is 1 column over.)
 +
*
 +
* Now that our expanded component has 100% width, W = F(=FLEXIBLE) + R(=RIGHTCOL),
 +
* to equal 1 column out of 22 columns we want F/22 = W/22 - R/22.
 +
* W translates to 100%, since it's flexible, and R is just @size--rightCol.
 +
*/
 +
/* Our final spacing left has 1 column + the left gutter of the next column */
 +
.expandedTabContainer,
 +
.expandedScrollableTable {
 +
  margin-left: calc(-12px - 4.761904761904762%);
 +
  margin-right: -66px;
 +
}
 +
/*
 +
* Children add back that space so that content is aligned.
 +
*/
 +
/* .expandedTabContainer's nav and pane use margin */
 +
.expandedTabContainer .tabContainer-nav,
 +
.expandedTabContainer .tabContainer-pane {
 +
  margin-left: calc(4.545454545454546% - 3px + 12px);
 +
  margin-right: 66px;
 +
}
 +
/* .expandedScrollableTable's cells use padding */
 +
.expandedScrollableTable .scrollableTable-header-cell:first-child,
 +
.expandedScrollableTable .scrollableTable-cell:first-child {
 +
  padding-left: calc(4.545454545454546% - 3px + 12px);
 +
}
 +
/* .scrollableTable--hasFixedColumn needs additional margin-left */
 +
.expandedScrollableTable .scrollableTable--hasFixedColumn {
 +
  margin-left: calc(31.25% + 4.761904761904762% + 12px);
 +
}
 +
@media (max-width: 1100px) {
 +
  .expandedScrollableTable .scrollableTable--hasFixedColumn {
 +
    margin-left: calc(320px + 4.761904761904762% + 12px);
 +
  }
 +
}
 +
.expandedScrollableTable .scrollableTable--hasNarrowFixedColumn {
 +
  margin-left: calc(210px + 4.761904761904762% + 12px);
 +
}
 +
/* .scrollableTable-cell--fixedColumn needs additional width to match .scrollableTable-hasFixedColumn */
 +
.expandedScrollableTable .scrollableTable-cell--fixedColumn {
 +
  width: calc(4.761904761904762% + 12px + 31.25%);
 +
}
 +
@media (max-width: 1100px) {
 +
  .expandedScrollableTable .scrollableTable-cell--fixedColumn {
 +
    width: calc(4.761904761904762% + 12px + 320px);
 +
  }
 +
}
 +
/* TODO(T6666): Remove when we can use variable widths for fixed columns. */
 +
.expandedScrollableTable .scrollableTable-cell--narrowFixedColumn {
 +
  width: calc(4.761904761904762% + 12px + 210px);
 +
}
 +
/* Styles for ExpandedSampleTable */
 +
.expandedSampleTable-fileIcon {
 +
  color: #c9d8db;
 +
  font-size: 12px;
 +
  height: 12px;
 +
  margin-right: 4px;
 +
  vertical-align: baseline;
 +
  /* Need to override `.glyphicon` vertical-align */
 +
  width: 12px;
 +
}
 +
.full-screen-mount {
 +
  display: none;
 +
}
 +
.has-shown-full-screen .full-screen-mount {
 +
  background: white;
 +
  bottom: 0;
 +
  display: initial;
 +
  height: 100%;
 +
  left: 0;
 +
  overflow-y: auto;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
  z-index: 64;
 +
}
 +
.helpContainer {
 +
  bottom: 29px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column;
 +
  -moz-flex-direction: column;
 +
  -ms-flex-direction: column;
 +
  flex-direction: column;
 +
  position: fixed;
 +
  right: 4px;
 +
  z-index: 1060;
 +
}
 +
#editor.has-hidden-statusbar .helpContainer {
 +
  bottom: 4px;
 +
}
 +
.helpContainer-icon {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  background-color: #428ce1;
 +
  border-radius: 50%;
 +
  box-shadow: 0 2px 4px 0 #a2b9be;
 +
  color: #ffffff;
 +
  cursor: pointer;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 14px;
 +
  height: 42px;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  margin-top: 16px;
 +
  width: 42px;
 +
}
 +
.helpContainer-icon:hover,
 +
.helpContainer-icon:active,
 +
.helpContainer-icon:focus {
 +
  color: #ffffff;
 +
}
 +
.helpContainer-icon:hover,
 +
.helpContainer-icon:active {
 +
  background-color: #2c76cc;
 +
}
 +
.helpContainer-icon--open {
 +
  background-color: #2c76cc;
 +
}
 +
.helpContainer-mainIcon {
 +
  -webkit-order: 2;
 +
  -moz-order: 2;
 +
  -ms-order: 2;
 +
  order: 2;
 +
}
 +
.helpContainer-extraIcons {
 +
  -webkit-order: 1;
 +
  -moz-order: 1;
 +
  -ms-order: 1;
 +
  order: 1;
 +
}
 +
#editor:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 +
  bottom: 75px !important;
 +
  right: 4px !important;
 +
}
 +
#editor:not(.hasLegacyNav).has-hidden-statusbar #intercom-container .intercom-messenger-frame {
 +
  bottom: 50px !important;
 +
  right: 4px !important;
 +
}
 +
#editor:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 +
  bottom: 29px !important;
 +
  right: 54px !important;
 +
}
 +
#editor:not(.hasLegacyNav).has-hidden-statusbar #intercom-container .intercom-notifications-frame {
 +
  bottom: 4px !important;
 +
}
 +
/* TODO(T7183): remove once Intercom button is hidden through Intercom */
 +
#editor:not(.hasLegacyNav) .intercom-launcher-frame,
 +
#editor:not(.hasLegacyNav) .intercom-launcher-badge-frame {
 +
  display: none;
 +
}
 +
.sidepanel {
 +
  background: #ffffff;
 +
  bottom: 0;
 +
  box-shadow: 2px 0 8px 0 #c9d8db, inset -1px 0 0 0 #e8f0f2;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  left: -374px;
 +
  overflow-x: auto;
 +
  position: absolute;
 +
  right: 100%;
 +
  top: 0;
 +
  z-index: 60;
 +
  -webkit-transition: left 0.25s ease-out, right 0.25s ease-out;
 +
  transition: left 0.25s ease-out, right 0.25s ease-out;
 +
}
 +
.sidepanel.nyc-container-lg {
 +
  padding-right: 66px;
 +
}
 +
.sidepanel-mount.is-open ~ #wrapper {
 +
  left: 374px;
 +
}
 +
.sidepanel-mount.is-open .sidepanel {
 +
  left: 54px;
 +
  /* Keep this in sync with values of @width--sideNavbar + @width--sidepanel; have to hard-code in value
 +
  because `calc` doesn't accept variables */
 +
  right: calc(100% - 374px);
 +
}
 +
.sidepanel-mount.is-open.is-expanded .sidepanel {
 +
  right: 0;
 +
  width: auto;
 +
}
 +
.sidepanel-search {
 +
  margin-top: 16px;
 +
}
 +
.sidepanel-header {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin-bottom: 9px;
 +
}
 +
.sidepanel-header-menu {
 +
  margin-bottom: 9px;
 +
}
 +
.sidepanel-header-buttons {
 +
  margin-top: -2px;
 +
}
 +
.sidepanel-header-buttons .button {
 +
  margin-left: 6px;
 +
}
 +
.folderItemList {
 +
  padding-bottom: 60px;
 +
}
 +
.sidepanel-sectionHeader {
 +
  box-shadow: 0 4px 8px -4px #c9d8db, inset -1px 0 0 0 #e8f0f2;
 +
}
 +
.sidepanel-sectionHeader .sectionTabs-navItem,
 +
.sidepanel-options {
 +
  padding: 0 12px;
 +
}
 +
.sidepanel-expandResultsFooter {
 +
  background-color: #e8f0f2;
 +
  font-weight: 600;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  padding: 10px 0;
 +
}
 +
/* Overrides for text dropdown styles */
 +
.textDropdown--gray .textDropdown-text,
 +
.textDropdown--gray .textDropdown-text:hover,
 +
.textDropdown--gray .textDropdown-text:focus,
 +
.textDropdown--gray .textDropdown-text:hover .textDropdown-icon {
 +
  background-color: #ffffff;
 +
  color: #a2b9be;
 +
}
 +
.textDropdown--gray .textDropdown-text {
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.resultsPageLoader {
 +
  padding: 12px;
 +
}
 +
.resultsLoader-icon {
 +
  width: 24px;
 +
}
 +
.sidepanel-fadedMessage {
 +
  color: #c9d8db;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  padding: 12px 12px;
 +
}
 +
.sidepanel-throbberContainer {
 +
  margin-top: 10px;
 +
  text-align: center;
 +
  width: 100%;
 +
}
 +
.searchSidepanel {
 +
  padding-top: 18px;
 +
}
 +
.sourceList-hideProjects {
 +
  padding: 8px;
 +
}
 +
/* General styles */
 +
.whiteLink {
 +
  color: #ffffff;
 +
  cursor: pointer;
 +
  text-decoration: none;
 +
}
 +
.whiteLink:hover {
 +
  color: #ffffff;
 +
  text-decoration: underline;
 +
}
 +
.whiteLink:active,
 +
.whiteLink:focus {
 +
  color: #ffffff;
 +
  text-decoration: underline;
 +
}
 +
/* Registry sidepanel styles */
 +
.sidepanel-registryFiltersContainer {
 +
  padding-bottom: 8px;
 +
}
 +
.sidepanel-registryFiltersDropdownTitle {
 +
  display: block;
 +
}
 +
.sidepanel-registryFiltersDropdownSubTitle {
 +
  display: block;
 +
  color: #c9d8db;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
}
 +
.sidepanel-registryFilename {
 +
  color: #5c7c83;
 +
  font-weight: 600;
 +
}
 +
.sidepanel-registryAlias {
 +
  color: #5c7c83;
 +
}
 +
.sidepanel-registryOriginalName {
 +
  color: #344043;
 +
  font-size: 15px;
 +
}
 +
.sidepanel-registryEmpty {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  color: #344043;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  padding: 12px 12px;
 +
}
 +
.sidepanel-registryEmpty-image {
 +
  width: 100px;
 +
}
 +
.searchableDropdownMenu-searchInputWrapper {
 +
  background: #f8fafb;
 +
  padding: 12px;
 +
}
 +
.sidepanelItem-star {
 +
  color: #fdd586;
 +
  float: right;
 +
  line-height: inherit;
 +
}
 +
.sidepanelItem-star--outline {
 +
  visibility: hidden;
 +
}
 +
.sidepanelItem:hover .sidepanelItem-star--outline {
 +
  visibility: visible;
 +
}
 +
.homeSidepanel {
 +
  height: 100%;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.nyc-container-sidepanel .homeSidepanel {
 +
  margin: 0 -12px;
 +
}
 +
.nyc-container-lg .homeSidepanel {
 +
  margin: 0 -12px;
 +
}
 +
.homeSidepanel-today {
 +
  background: #428ce1;
 +
  color: #ffffff;
 +
  -webkit-flex: 0 0 320px;
 +
  -moz-flex: 0 0 320px;
 +
  -ms-flex: 0 0 320px;
 +
  flex: 0 0 320px;
 +
  height: 100%;
 +
  padding: 0 12px;
 +
  overflow-y: auto;
 +
  width: 100%;
 +
}
 +
.homeSidepanel-today::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.homeSidepanel-today::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.homeSidepanel-today:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.homeSidepanel-today::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.homeSidepanel-today:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.homeSidepanel-today-header {
 +
  -webkit-align-items: flex-start;
 +
  -moz-align-items: flex-start;
 +
  -ms-align-items: flex-start;
 +
  align-items: flex-start;
 +
  margin: 20px 0;
 +
}
 +
.homeSidepanel-today .button--icon {
 +
  border: 1px solid #5b9fec;
 +
}
 +
.homeSidepanel-today-date-month {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  margin-bottom: 2px;
 +
}
 +
.homeSidepanel-today-date-day {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
}
 +
.homeSidepanel-today-review {
 +
  border-bottom: 1px solid #5b9fec;
 +
  border-top: 1px solid #5b9fec;
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
  padding: 13px 12px;
 +
}
 +
.homeSidepanel-today-review-item {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.homeSidepanel-today-review-icon {
 +
  height: 10px;
 +
  margin-right: 4px;
 +
  width: 10px;
 +
}
 +
.homeSidepanel-today-review-icon--rejected {
 +
  color: #fbab97;
 +
}
 +
.homeSidepanel-today-review-icon--review {
 +
  color: #fdd586;
 +
}
 +
.homeSidepanel-today-review-icon--accepted {
 +
  color: #50e3c2;
 +
}
 +
.homeSidepanel-today-review-icon--inProgress {
 +
  color: #cce0f7;
 +
}
 +
.homeSidepanel-today-review-text {
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.homeSidepanel-today-fileSummary {
 +
  margin-top: 26px;
 +
  width: 100%;
 +
}
 +
.homeSidepanel-today-sectionHeader {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  margin-bottom: 4px;
 +
  padding: 0 12px;
 +
}
 +
.homeSidepanel-today-file {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  padding: 8px 12px;
 +
}
 +
.homeSidepanel-today-file--active {
 +
  background: #2c76cc;
 +
}
 +
.homeSidepanel-today-file-content,
 +
.homeSidepanel-today-file-title,
 +
.homeSidepanel-today-sectionHeader-content {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.homeSidepanel-today-file-icon {
 +
  margin-right: 8px;
 +
}
 +
.homeSidepanel-today-file-title {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  word-break: break-all;
 +
}
 +
.homeSidepanel-today-file-subtitle {
 +
  color: #cce0f7;
 +
}
 +
.homeSidepanel-notifications {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  background: #ffffff;
 +
  border-radius: 4px;
 +
  bottom: 12px;
 +
  box-shadow: 0 2px 4px 0 #a2b9be;
 +
  color: #344043;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  left: 66px;
 +
  padding: 16px;
 +
  position: fixed;
 +
  width: 296px;
 +
  z-index: 1060;
 +
}
 +
.homeSidepanel-gold-icon {
 +
  margin-right: 12px;
 +
  width: 48px;
 +
}
 +
.homeSidepanel-gold-close {
 +
  left: 4px;
 +
  position: relative;
 +
  top: -8px;
 +
}
 +
.homeSidepanel-gold-close .svgIcon {
 +
  height: 10px;
 +
  width: 10px;
 +
}
 +
.gettingStarted {
 +
  background: #5b9fec;
 +
  border-radius: 8px;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  padding: 12px;
 +
  margin-top: 12px;
 +
}
 +
.gettingStarted-header {
 +
  cursor: pointer;
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.gettingStarted-checklist {
 +
  list-style: none;
 +
  margin-top: 16px;
 +
  padding: 0;
 +
}
 +
.gettingStarted-checklist-item {
 +
  margin-bottom: 6px;
 +
}
 +
.gettingStarted-checklist-checkbox {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  background: transparent;
 +
  border-radius: 50%;
 +
  border: 1px solid #ffffff;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  height: 16px;
 +
  margin-right: 8px;
 +
  width: 16px;
 +
}
 +
.gettingStarted-checklist-checkbox.circleCheckbox--checked {
 +
  background: #ffffff;
 +
}
 +
.gettingStarted-checklist-checkbox .circleCheckbox-check {
 +
  height: 8px;
 +
  color: #5b9fec;
 +
  width: 8px;
 +
}
 +
.homeSidepanel-calendar-container {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.homeSidepanel-calendar {
 +
  margin-left: -12px;
 +
  margin-right: -54px;
 +
}
 +
.organizationInvitesSection {
 +
  max-height: 160px;
 +
  overflow-y: auto;
 +
  padding-bottom: 0;
 +
  padding-top: 0;
 +
}
 +
.organizationInvitesSection-inviteCard {
 +
  padding: 10px 0;
 +
}
 +
.organizationInvitesSection-inviteCard ~ .organizationInvitesSection-inviteCard {
 +
  border-top: 1px solid #c9d8db;
 +
}
 +
.homeSidepanel-signedOut {
 +
  padding-top: 50px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.homeSidepanel-signedOut h1,
 +
.homeSidepanel-signedOut h3 {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.homeSidepanel-signedOut-description {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  color: #cce0f7;
 +
  padding-bottom: 38px;
 +
}
 +
.homeSidepanel-signedOut-signupForm {
 +
  padding-bottom: 15px;
 +
}
 +
.homeSidepanel-signedOut-signupForm input {
 +
  width: 100%;
 +
  border-radius: 4px;
 +
  height: 36px;
 +
  padding: 10px;
 +
  border: 1px solid #c9d8db;
 +
}
 +
.homeSidepanel-signedOut-login {
 +
  color: white;
 +
}
 +
.homeSidepanel-signedOut-login:hover {
 +
  color: white;
 +
}
 +
.homeSidepanel-signedOut-loginDesc {
 +
  color: #cce0f7;
 +
}
 +
/*
 +
Usage: <span class="moreDropdownBtn glyphicon glyphicon-option-horizontal"></span>
 +
*/
 +
.moreDropdownBtn {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  background-color: transparent;
 +
  border-radius: 12px;
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 12px;
 +
  height: 24px;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  width: 24px;
 +
}
 +
.moreDropdownBtn.active {
 +
  background-color: transparent;
 +
  color: #428ce1;
 +
}
 +
.moreDropdownBtn:hover {
 +
  background-color: #f8fafb;
 +
  color: #428ce1;
 +
}
 +
.moreDropdownBtn:active {
 +
  background-color: #e8f0f2;
 +
  color: #428ce1;
 +
}
 +
.navTour {
 +
  border: none;
 +
  border-radius: 8px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
  max-width: 384px;
 +
  min-width: 384px;
 +
  padding: 0;
 +
}
 +
.navTour-header {
 +
  padding: 20px 20px 0 20px;
 +
}
 +
.navTour-title {
 +
  background: none;
 +
  border: none;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 19px;
 +
  line-height: 24px;
 +
  padding: 0 0 6px 0;
 +
}
 +
.navTour-close {
 +
  color: #c9d8db;
 +
  cursor: pointer;
 +
  font-size: 19px;
 +
}
 +
.navTour-content {
 +
  padding: 0 20px 20px 20px;
 +
}
 +
.navTour-text {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  margin: 6px 0 20px 0;
 +
}
 +
.navTour-dot {
 +
  border-radius: 50%;
 +
  background: #e8f0f2;
 +
  display: inline-block;
 +
  margin-right: 8px;
 +
  height: 12px;
 +
  width: 12px;
 +
}
 +
.navTour-dot.is-active {
 +
  background: #03c08d;
 +
}
 +
.navTour--introPopover .navTour-header {
 +
  -webkit-align-items: flex-start;
 +
  -moz-align-items: flex-start;
 +
  -ms-align-items: flex-start;
 +
  align-items: flex-start;
 +
  background: url('/static/img/nue-redesign.png');
 +
  background-size: contain;
 +
  border-top-left-radius: inherit;
 +
  border-top-right-radius: inherit;
 +
  height: 158px;
 +
  margin-bottom: 20px;
 +
}
 +
.navTour--introPopover .navTour-close {
 +
  color: #ffffff;
 +
  line-height: 8px;
 +
}
 +
.navTour-close-svgIcon {
 +
  height: 12px;
 +
  vertical-align: top;
 +
  width: 12px;
 +
}
 +
/* Overrides for bootstrap popover styles */
 +
.navTour.popover.right .arrow,
 +
.navTour.popover.left .arrow {
 +
  top: 28px;
 +
}
 +
.navTour.popover.bottom .arrow {
 +
  left: auto;
 +
  right: 28px;
 +
}
 +
.navTour--introPopover {
 +
  margin-left: -192px;
 +
}
 +
.navTour--calendarPopover.popover.left {
 +
  margin-left: -20px;
 +
}
 +
.sideNavbar {
 +
  background: #5b9fec;
 +
  bottom: 0;
 +
  position: absolute;
 +
  top: 0;
 +
  width: 54px;
 +
  z-index: 65;
 +
}
 +
.sideNavbar-item {
 +
  color: #e8f0f2;
 +
  cursor: pointer;
 +
  display: block;
 +
  height: 54px;
 +
  position: relative;
 +
}
 +
.sideNavbar-item:hover,
 +
.sideNavbar-item:active,
 +
.sideNavbar-item:focus,
 +
.sideNavbar-item.is-active,
 +
.sideNavbar-item.dropdown.open {
 +
  background: #428ce1;
 +
  color: #ffffff;
 +
}
 +
.sideNavbar-item-inner {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 100%;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  width: 100%;
 +
}
 +
.sideNavbar-item-icon {
 +
  font-size: 14px;
 +
}
 +
.sideNavbar-item-icon--home {
 +
  font-size: 20px;
 +
}
 +
.sideNavbar-item-user {
 +
  bottom: 0;
 +
  position: fixed;
 +
  width: 54px;
 +
}
 +
.sideNavbar-item-home {
 +
  position: fixed;
 +
  top: 0;
 +
  width: 54px;
 +
}
 +
.sideNavbar-item-activityIndicator {
 +
  border: solid 4px #50e3c2;
 +
  border-radius: 4px;
 +
  height: 8px;
 +
  width: 8px;
 +
  position: absolute;
 +
  top: 23px;
 +
  right: 4px;
 +
}
 +
.sideNavbar-spacer {
 +
  height: 20px;
 +
}
 +
.sideNavbar.sideNavbar--impersonating {
 +
  background: #e96e51 !important;
 +
}
 +
.sideNavbar.sideNavbar--impersonating .sideNavbar-item:hover,
 +
.sideNavbar.sideNavbar--impersonating .sideNavbar-item:active,
 +
.sideNavbar.sideNavbar--impersonating .sideNavbar-item:focus,
 +
.sideNavbar.sideNavbar--impersonating .sideNavbar-item.is-active,
 +
.sideNavbar.sideNavbar--impersonating .sideNavbar-item.dropdown.open {
 +
  background: #d9563a !important;
 +
}
 +
.navUserMenu-userItem-container {
 +
  border-radius: inherit;
 +
}
 +
.navUserMenu-userItem {
 +
  background: #2c76cc;
 +
  border-radius: inherit;
 +
  color: #ffffff;
 +
  cursor: default;
 +
  display: flex;
 +
  padding: 12px;
 +
}
 +
.navUserMenu-userItem-header {
 +
  font-size: 16px;
 +
  line-height: 24px;
 +
  margin-bottom: 6px;
 +
}
 +
.navUserMenu-userItem-subheader {
 +
  font-size: 12px;
 +
  line-height: 16px;
 +
  margin-bottom: 3px;
 +
}
 +
.navUserMenu-userItem-subheader-link {
 +
  color: #ffffff;
 +
  font-weight: 600;
 +
}
 +
.navUserMenu-userItem-subheader-link:hover,
 +
.navUserMenu-userItem-subheader-link:focus {
 +
  color: #e8f0f2;
 +
  text-decoration: none;
 +
}
 +
.navUserMenu-userItem-subheader-link:active {
 +
  color: #c9d8db;
 +
  text-decoration: none;
 +
}
 +
.navUserMenu-userItem-avatar {
 +
  margin-right: 14px;
 +
}
 +
.navDropdownMenu-item--noIcon.navUserMenu-toggleItem {
 +
  padding-left: 16px;
 +
}
 +
.navRedesignBanner {
 +
  background: #cce0f7;
 +
}
 +
.replaceWithPartsModal-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  flex-direction: row;
 +
  justify-content: space-around;
 +
}
 +
.replaceWithPartsModal-container .replaceWithPartsModal-prompt {
 +
  margin-right: 1em;
 +
  text-align: right;
 +
  flex-grow: 1;
 +
}
 +
.replaceWithPartsModal-container .replaceWithPartsModal-select-container {
 +
  flex-grow: 10;
 +
}
 +
.sidepanelItem {
 +
  border-top: 1px solid #e8f0f2;
 +
  cursor: pointer;
 +
  padding: 8px 12px;
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
}
 +
.sidepanelItem:hover {
 +
  background: #f8fafb;
 +
}
 +
.sidepanelItem:active,
 +
.sidepanelItem:focus {
 +
  background: #e8f0f2;
 +
}
 +
.sidepanelItem.is-active {
 +
  background: #f8fafb;
 +
  color: #2c76cc;
 +
}
 +
.sidepanelItem-content {
 +
  -webkit-align-items: baseline;
 +
  -moz-align-items: baseline;
 +
  -ms-align-items: baseline;
 +
  align-items: baseline;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.sidepanelItem-text {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.sidepanelItem-title {
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  word-break: break-all;
 +
}
 +
.sidepanelItem-icon {
 +
  color: #c9d8db;
 +
  font-size: 13px;
 +
  width: 24px;
 +
}
 +
.sidepanelItem-shortcutFileIcon {
 +
  font-size: 10px;
 +
  vertical-align: top;
 +
}
 +
.sidepanelItem-shortcutRegistryIcon {
 +
  color: #428ce1;
 +
  font-size: 8px;
 +
  position: relative;
 +
  right: 4px;
 +
}
 +
.sidepanelItem-subTitle {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  color: #5c7c83;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  /* Align to 8px grid */
 +
  margin-top: 2px;
 +
}
 +
.sidepanelItem-subTitle-text {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.sidepanelItem-user {
 +
  border-radius: 99px;
 +
  margin-left: 4px;
 +
}
 +
/*
 +
For drag-and-drop, the wrapping component (.sidepanelItemDNDWrapper) should be the one to
 +
expand the width of the sidepanelItem to ensure that the drop border and the drag image is
 +
the full size.
 +
*/
 +
.sidepanelItem--dnd,
 +
.sampleSidepanelItem {
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
.sidepanelItemDNDWrapper:first-child .sidepanelItem {
 +
  border-top: none;
 +
}
 +
.sidepanelItemDNDWrapper:last-child .sidepanelItem {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
/* Sample sidepanel item styles */
 +
.sampleSidepanelItem-file {
 +
  color: #5c7c83;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
}
 +
.sampleSidepanelItem-file--icon {
 +
  color: #c9d8db;
 +
  font-size: 10px;
 +
  height: 10px;
 +
  margin-right: 4px;
 +
  vertical-align: baseline;
 +
  /* Need to override `.glyphicon` vertical-align */
 +
  width: 10px;
 +
}
 +
.sampleSidepanelItem-title {
 +
  color: #344043;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
}
 +
.tagFilterDropdown {
 +
  /* The TagFilterDropdown is absolutely positioned and we want to position it to the left of the first cell.
 +
  We offset it by the desired margin and the width of the icon button, which is the same as its height. */
 +
  margin-left: -42px;
 +
  margin-top: -6px;
 +
}
 +
.tagFilterDropdown .dropdown-menu {
 +
  min-width: 150px;
 +
  padding: 0;
 +
}
 +
.tagFilterDropdown-item {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  height: 36px;
 +
  padding-right: 12px;
 +
}
 +
label.tagFilterDropdown-item {
 +
  cursor: pointer;
 +
}
 +
.tagFilterDropdown-checkbox {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 36px;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
  width: 36px;
 +
}
 +
.tagFilterDropdown-checkbox input[type=checkbox] {
 +
  margin: 0;
 +
}
 +
.tagFilterDropdown-border {
 +
  border-top: 1px solid #e8f0f2;
 +
}
 +
.toasts-mount {
 +
  bottom: 15px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: column-reverse;
 +
  -moz-flex-direction: column-reverse;
 +
  -ms-flex-direction: column-reverse;
 +
  flex-direction: column-reverse;
 +
  height: 800px;
 +
  -webkit-justify-content: flex-start;
 +
  -moz-justify-content: flex-start;
 +
  -ms-justify-content: flex-start;
 +
  justify-content: flex-start;
 +
  left: 65px;
 +
  position: absolute;
 +
  width: 500px;
 +
}
 +
.toast {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  border-radius: 8px;
 +
  -webkit-box-shadow: 0 2px 4px 0 rgba(92, 124, 131, 0.5);
 +
  box-shadow: 0 2px 4px 0 rgba(92, 124, 131, 0.5);
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: flex-end;
 +
  -moz-justify-content: flex-end;
 +
  -ms-justify-content: flex-end;
 +
  justify-content: flex-end;
 +
  margin-bottom: 5px;
 +
  margin-top: 5px;
 +
  padding: 14px;
 +
  position: relative;
 +
  width: 324px;
 +
  z-index: 1060;
 +
}
 +
.toast--actionable {
 +
  width: 398px;
 +
}
 +
.toast-text {
 +
  margin-right: auto;
 +
  min-width: 0;
 +
  /* Allow the flex item to shrink */
 +
}
 +
.toast-text p {
 +
  margin: 0px;
 +
}
 +
.toast code {
 +
  background-color: transparent;
 +
  color: inherit;
 +
  display: block;
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.toast-action {
 +
  -webkit-align-self: flex-start;
 +
  -moz-align-self: flex-start;
 +
  -ms-align-self: flex-start;
 +
  align-self: flex-start;
 +
  margin: -6px 0 0 10px;
 +
}
 +
.toast-closeButton {
 +
  -webkit-align-self: flex-start;
 +
  -moz-align-self: flex-start;
 +
  -ms-align-self: flex-start;
 +
  align-self: flex-start;
 +
  color: #c9d8db;
 +
  cursor: pointer;
 +
  margin-left: 10px;
 +
}
 +
/* Light background toasts */
 +
.m-toast--light {
 +
  color: #344043;
 +
}
 +
.m-toast--light .toast-closeButton {
 +
  color: #5c7c83;
 +
}
 +
.m-toast--light .toast-closeButton:hover {
 +
  color: #485e63;
 +
}
 +
.m-toast--light a {
 +
  color: #344043;
 +
  font-weight: 600;
 +
}
 +
/* Dark background toasts */
 +
.m-toast--dark {
 +
  color: white;
 +
}
 +
.m-toast--dark .toast-closeButton {
 +
  color: #e8f0f2;
 +
}
 +
.m-toast--dark .toast-closeButton:hover {
 +
  color: #c4cdcf;
 +
}
 +
.m-toast--dark a {
 +
  color: #ffffff;
 +
  font-weight: 600;
 +
}
 +
/* Toast variations */
 +
.toast--info {
 +
  color: white;
 +
  background-color: #5c7c83;
 +
}
 +
.toast--info .toast-closeButton {
 +
  color: #e8f0f2;
 +
}
 +
.toast--info .toast-closeButton:hover {
 +
  color: #c4cdcf;
 +
}
 +
.toast--info a {
 +
  color: #ffffff;
 +
  font-weight: 600;
 +
}
 +
.toast--info.toast--actionable {
 +
  background-color: #5b9fec;
 +
}
 +
.toast--success {
 +
  color: white;
 +
  background-color: #03c08d;
 +
}
 +
.toast--success .toast-closeButton {
 +
  color: #e8f0f2;
 +
}
 +
.toast--success .toast-closeButton:hover {
 +
  color: #c4cdcf;
 +
}
 +
.toast--success a {
 +
  color: #ffffff;
 +
  font-weight: 600;
 +
}
 +
.toast--warning {
 +
  color: #344043;
 +
  background-color: #fdd586;
 +
}
 +
.toast--warning .toast-closeButton {
 +
  color: #5c7c83;
 +
}
 +
.toast--warning .toast-closeButton:hover {
 +
  color: #485e63;
 +
}
 +
.toast--warning a {
 +
  color: #344043;
 +
  font-weight: 600;
 +
}
 +
.toast--danger {
 +
  color: #344043;
 +
  background-color: #fbab97;
 +
}
 +
.toast--danger .toast-closeButton {
 +
  color: #5c7c83;
 +
}
 +
.toast--danger .toast-closeButton:hover {
 +
  color: #485e63;
 +
}
 +
.toast--danger a {
 +
  color: #344043;
 +
  font-weight: 600;
 +
}
 +
/*
 +
* Button Component Styles
 +
* These styles should never be added to an element, but rather used only through the Button component.
 +
* Refer to coffee/react-components/Button.js for usage.
 +
*
 +
* Note: All sizes and styles should be kept in sync with coffee/constants/ButtonConstants.js.
 +
*/
 +
@keyframes pulse-blue {
 +
  50% {
 +
    color: #428ce1;
 +
  }
 +
}
 +
@-moz-keyframes pulse-blue {
 +
  50% {
 +
    color: #428ce1;
 +
  }
 +
}
 +
@-webkit-keyframes pulse-blue {
 +
  50% {
 +
    color: #428ce1;
 +
  }
 +
}
 +
.button {
 +
  border: none;
 +
  border-radius: 4px;
 +
  cursor: pointer;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-weight: 500;
 +
  /* Set all text to have line-height: 1 to ensure it's centered. */
 +
  line-height: 1;
 +
  vertical-align: middle;
 +
}
 +
/* The button wrapper allows us to center all the button contents. */
 +
.button-wrapper {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-justify-content: center;
 +
  -moz-justify-content: center;
 +
  -ms-justify-content: center;
 +
  justify-content: center;
 +
}
 +
.button,
 +
.button:hover,
 +
.button:focus,
 +
.button:active {
 +
  text-decoration: none;
 +
}
 +
.button:focus {
 +
  box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.5);
 +
  outline: none;
 +
}
 +
.button[disabled],
 +
.button.is-disabled {
 +
  cursor: not-allowed;
 +
  pointer-events: none;
 +
  /* Future-proof disabling of clicks */
 +
}
 +
/* Button Sizes */
 +
.button--mini {
 +
  font-size: 13px;
 +
  height: 24px;
 +
  padding: 4px 12px;
 +
}
 +
.button--small {
 +
  font-size: 13px;
 +
  height: 28px;
 +
  padding: 6px 12px;
 +
}
 +
.button--medium {
 +
  font-size: 13px;
 +
  height: 36px;
 +
  padding: 10px 16px;
 +
}
 +
.button--large {
 +
  font-size: 15px;
 +
  height: 48px;
 +
  padding: 14px 16px;
 +
}
 +
/* TODO(T7104): Remove this size, we aren't using this! */
 +
.button--xl {
 +
  font-size: 19px;
 +
  height: 52px;
 +
  padding: 14px 28px;
 +
}
 +
/* Button Styles */
 +
.button--primary {
 +
  background: #03c08d;
 +
  border-color: #ffffff;
 +
  color: #ffffff;
 +
}
 +
.button--primary:hover {
 +
  background: #0da67e;
 +
  color: #ffffff;
 +
}
 +
.button--primary:active,
 +
.button--primary.is-active {
 +
  background: #129a77;
 +
  color: #ffffff;
 +
}
 +
.button--primary[disabled],
 +
.button--primary.is-disabled {
 +
  background: #81e0c6;
 +
}
 +
.button--secondary {
 +
  background: #428ce1;
 +
  border-color: #ffffff;
 +
  color: #ffffff;
 +
}
 +
.button--secondary:hover {
 +
  background: #3f7dc1;
 +
  color: #ffffff;
 +
}
 +
.button--secondary:active,
 +
.button--secondary.is-active {
 +
  background: #3e75b2;
 +
  color: #ffffff;
 +
}
 +
.button--secondary[disabled],
 +
.button--secondary.is-disabled {
 +
  background: #a1c6f0;
 +
}
 +
.button--secondaryWhite {
 +
  background: #ffffff;
 +
  border-color: #ffffff;
 +
  color: #428ce1;
 +
}
 +
.button--secondaryWhite:hover {
 +
  background: #2c76cc;
 +
  color: #ffffff;
 +
}
 +
.button--secondaryWhite:active,
 +
.button--secondaryWhite.is-active {
 +
  background: #3f7dc1;
 +
  color: #ffffff;
 +
}
 +
.button--secondaryWhite[disabled],
 +
.button--secondaryWhite.is-disabled {
 +
  background: #ffffff;
 +
  color: #a1c6f0;
 +
}
 +
.button--tertiaryBlue {
 +
  background: #ffffff;
 +
  border: 1px solid;
 +
  border-color: #428ce1;
 +
  color: #428ce1;
 +
  font-weight: 400;
 +
}
 +
.button--tertiaryBlue:hover {
 +
  background: #428ce1;
 +
  border-color: #428ce1;
 +
  color: #ffffff;
 +
}
 +
.button--tertiaryBlue:active,
 +
.button--tertiaryBlue.is-active {
 +
  background: #2c76cc;
 +
  border-color: #2c76cc;
 +
  color: #ffffff;
 +
}
 +
.button--tertiaryBlue[disabled],
 +
.button--tertiaryBlue.is-disabled {
 +
  background: #ffffff;
 +
  border-color: #a1c6f0;
 +
  color: #a1c6f0;
 +
}
 +
.button--tertiaryGray {
 +
  background: #e8f0f2;
 +
  border-color: #ffffff;
 +
  color: #344043;
 +
}
 +
.button--tertiaryGray:hover {
 +
  background: #c9d8db;
 +
  color: #344043;
 +
}
 +
.button--tertiaryGray:active,
 +
.button--tertiaryGray.is-active {
 +
  background: #b2bbbd;
 +
  color: #344043;
 +
}
 +
.button--tertiaryGray[disabled],
 +
.button--tertiaryGray.is-disabled {
 +
  background: #f4f8f9;
 +
  color: #9aa0a1;
 +
}
 +
.button--tertiaryWhite {
 +
  background: #ffffff;
 +
  border: 1px solid;
 +
  border-color: #c9d8db;
 +
  color: #5c7c83;
 +
  font-weight: 400;
 +
}
 +
.button--tertiaryWhite:hover {
 +
  background: #c9d8db;
 +
  border-color: #c9d8db;
 +
  color: #5c7c83;
 +
}
 +
.button--tertiaryWhite:active,
 +
.button--tertiaryWhite.is-active {
 +
  background: #5c7c83;
 +
  border-color: #5c7c83;
 +
  color: #ffffff;
 +
}
 +
.button--tertiaryWhite[disabled],
 +
.button--tertiaryWhite.is-disabled {
 +
  background: #ffffff;
 +
  border-color: #c9d8db;
 +
  color: #aebec1;
 +
}
 +
.button--negative {
 +
  background: #e96e51;
 +
  color: #ffffff;
 +
}
 +
.button--negative:hover {
 +
  background: #c5654e;
 +
  color: #ffffff;
 +
}
 +
.button--negative:active,
 +
.button--negative.is-active {
 +
  background: #b3604d;
 +
  color: #ffffff;
 +
}
 +
.button--negative[disabled],
 +
.button--negative.is-disabled {
 +
  background: #f4b7a8;
 +
}
 +
/* Warning button -- use when you need a button in the context of a warning, e.g. notifications.warn */
 +
.button--warning {
 +
  background: #febb5c;
 +
  color: #344043;
 +
}
 +
.button--warning:hover {
 +
  background: #f4b55b;
 +
  color: #344043;
 +
}
 +
.button--warning:active,
 +
.button--warning.is-active {
 +
  background: #eaaf5a;
 +
  color: #344043;
 +
}
 +
.button--warning[disabled],
 +
.button--warning.is-disabled {
 +
  background: #ffddae;
 +
  color: #9aa0a1;
 +
}
 +
/* Button Icons */
 +
/* TODO(T6622): Remove this when the default margin-bottom on svg's is 0. */
 +
.button .svgIcon {
 +
  margin-bottom: 0;
 +
}
 +
.button--mini .svgIcon {
 +
  height: 10px;
 +
  width: 10px;
 +
}
 +
.button--small .svgIcon {
 +
  height: 12px;
 +
  width: 12px;
 +
}
 +
.button--medium .svgIcon {
 +
  height: 14px;
 +
  width: 14px;
 +
}
 +
.button--large .svgIcon {
 +
  height: 16px;
 +
  width: 16px;
 +
}
 +
/* Overrides styles from less/bootstrap/glyphicons.less. */
 +
.button .glyphicon {
 +
  top: 0;
 +
  vertical-align: baseline;
 +
}
 +
.button--mini .glyphicon,
 +
.button--mini .fa {
 +
  font-size: 10px;
 +
}
 +
.button--small .glyphicon,
 +
.button--small .fa {
 +
  font-size: 12px;
 +
}
 +
.button--medium .glyphicon,
 +
.button--medium .fa {
 +
  font-size: 14px;
 +
}
 +
.button--large .glyphicon,
 +
.button--large .fa {
 +
  font-size: 16px;
 +
}
 +
/* Icon + Text Buttons */
 +
.button--mini.button--iconText .svgIcon,
 +
.button--small.button--iconText .svgIcon {
 +
  margin-right: 6px;
 +
}
 +
.button--medium.button--iconText .svgIcon,
 +
.button--large.button--iconText .svgIcon {
 +
  margin-right: 8px;
 +
}
 +
.button--mini.button--iconText {
 +
  padding-left: 10px;
 +
}
 +
.button--small.button--iconText {
 +
  padding-left: 10px;
 +
}
 +
.button--medium.button--iconText {
 +
  padding-left: 14px;
 +
}
 +
/* Icon Buttons */
 +
.button--icon.button--mini {
 +
  padding: 7px;
 +
}
 +
.button--icon.button--small {
 +
  padding: 8px;
 +
}
 +
.button--icon.button--medium {
 +
  padding: 11px;
 +
}
 +
.button--icon.button--large {
 +
  padding: 16px;
 +
}
 +
/* The buttonGroup buttons, and tertiaryBlue and tertiaryWhite styles have borders on them, so they
 +
need less padding to be the correct icon size. */
 +
.buttonGroup .button--icon.button--mini,
 +
.button--icon.button--mini.button--tertiaryBlue,
 +
.button--icon.button--mini.button--tertiaryWhite {
 +
  padding: 6px;
 +
}
 +
.buttonGroup .button--icon.button--small,
 +
.button--icon.button--small.button--tertiaryBlue,
 +
.button--icon.button--small.button--tertiaryWhite {
 +
  padding: 7px;
 +
}
 +
.buttonGroup .button--icon.button--medium,
 +
.button--icon.button--medium.button--tertiaryBlue,
 +
.button--icon.button--medium.button--tertiaryWhite {
 +
  padding: 10px;
 +
}
 +
.buttonGroup .button--icon.button--large,
 +
.button--icon.button--large.button--tertiaryBlue,
 +
.button--icon.button--large.button--tertiaryWhite {
 +
  padding: 15px;
 +
}
 +
.button--icon.is-pulsing,
 +
.button--circleIcon.is-pulsing {
 +
  animation: pulse-blue 2s ease infinite;
 +
  -moz-animation: pulse-blue 2s ease infinite;
 +
  -webkit-animation: pulse-blue 2s ease infinite;
 +
}
 +
/*
 +
* Circle Icon Buttons are a special case of Icon Buttons. They need to have a different wrapper
 +
* since we want to be able to override the height and width of the button, which makes the entire
 +
* component clickable, but only applies hover state to the wrapper.
 +
*/
 +
.button--circleIcon {
 +
  background: transparent;
 +
  border-color: transparent;
 +
  color: #5c7c83;
 +
  padding: 0;
 +
}
 +
.button--mini .button-circleIconWrapper {
 +
  border-radius: 12px;
 +
  height: 24px;
 +
  width: 24px;
 +
}
 +
.button--small .button-circleIconWrapper {
 +
  border-radius: 14px;
 +
  height: 28px;
 +
  width: 28px;
 +
}
 +
.button--medium .button-circleIconWrapper {
 +
  border-radius: 18px;
 +
  height: 36px;
 +
  width: 36px;
 +
}
 +
.button--large .button-circleIconWrapper {
 +
  border-radius: 24px;
 +
  height: 48px;
 +
  width: 48px;
 +
}
 +
.button--circleIcon .glyphicon {
 +
  height: initial;
 +
  /* Makes the glyphicon centerable via flexbox */
 +
  top: 0;
 +
}
 +
.button--circleIcon:hover {
 +
  color: #428ce1;
 +
}
 +
.button--circleIcon:hover .button-circleIconWrapper {
 +
  background-color: #f8fafb;
 +
}
 +
.button--circleIcon:focus {
 +
  box-shadow: none;
 +
}
 +
.button--circleIcon:active .button-circleIconWrapper,
 +
.button--circleIcon.is-active .button-circleIconWrapper {
 +
  background-color: #e8f0f2;
 +
}
 +
.button--circleIcon:active,
 +
.button--circleIcon.is-active {
 +
  color: #428ce1;
 +
}
 +
.button--circleIcon[disabled],
 +
.button--circleIcon.is-disabled {
 +
  color: #aebec1;
 +
}
 +
/* Button Dropdowns */
 +
.button--dropdown-caret {
 +
  margin-right: -4px;
 +
}
 +
.button--large .button--dropdown-caret,
 +
.button--icon .button--dropdown-caret {
 +
  margin-right: -2px;
 +
}
 +
.button--mini.button--icon .button--dropdown-caret {
 +
  margin-right: 0;
 +
}
 +
.button--mini .button--dropdown-caret {
 +
  height: 10px;
 +
  margin-left: 4px;
 +
  width: 10px;
 +
}
 +
.button--small .button--dropdown-caret {
 +
  height: 12px;
 +
  margin-left: 6px;
 +
  width: 12px;
 +
}
 +
.button--medium .button--dropdown-caret {
 +
  height: 14px;
 +
  margin-left: 6px;
 +
  width: 14px;
 +
}
 +
.button--large .button--dropdown-caret {
 +
  height: 16px;
 +
  margin-left: 8px;
 +
  width: 16px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar {
 +
  background: #ffffff;
 +
  bottom: 25px;
 +
  box-shadow: inset 1px 0 0 0 #e8f0f2;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 37px;
 +
  width: 50px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar-button.button--circleIcon {
 +
  height: 50px;
 +
  /* Flexbox doesn't work on buttons in some browsers (Firefox and Safari) so this hack centers the
 +
    button. When flexbox works, we can use flexbox (align-items: center, justify-contents: center). */
 +
  padding: 11px;
 +
  width: 50px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel {
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6);
 +
  box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6);
 +
  cursor: default;
 +
  display: none;
 +
  position: absolute;
 +
  right: 50px;
 +
  top: 0;
 +
  width: 350px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-wrapper.active .panel {
 +
  display: block;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar {
 +
  background: white;
 +
  border-radius: 4px;
 +
  bottom: 5px;
 +
  -webkit-box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6);
 +
  box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6);
 +
  display: none;
 +
  left: -50%;
 +
  padding: 10px;
 +
  position: absolute;
 +
  top: 5px;
 +
  width: 50%;
 +
  overflow: auto;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar h5 {
 +
  text-align: center;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel.show-sidebar .panel-sidebar {
 +
  display: block;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-sidebar .close {
 +
  float: none;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-title {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-title h4,
 +
#editor:not(.hasLegacyNav) .toolbar .panel-title .col {
 +
  display: none;
 +
  /* TODO(T5401): Remove */
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container {
 +
  padding: 0 15px 10px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container.no-gap .row {
 +
  margin-bottom: 0;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .row {
 +
  margin-bottom: 10px;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .panel-divider:first-child {
 +
  margin-top: 0;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table {
 +
  margin-bottom: 0;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table th {
 +
  font-weight: 400;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table th,
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table td {
 +
  text-align: center;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table th:first-child,
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table td:first-child {
 +
  text-align: left;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table th {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table td {
 +
  border-top: 0;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table tr.selected td {
 +
  background: #f8fafb;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .panel-container .table tr.active td {
 +
  background-color: #feefd1;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .info-field {
 +
  display: inline-block;
 +
  margin: 10px 0;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .alert {
 +
  margin: 0;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .form-inline label {
 +
  display: none;
 +
}
 +
#editor:not(.hasLegacyNav) .toolbar .form-inline label.checkbox-inline,
 +
#editor:not(.hasLegacyNav) .toolbar .form-inline label.radio-inline {
 +
  display: inline-block;
 +
  padding-top: 8px;
 +
}
 +
.js-sequence-nue-mount {
 +
  position: absolute;
 +
  bottom: 8px;
 +
  right: 58px;
 +
}
 +
.js-sequence-nue-button svg {
 +
  color: #428ce1;
 +
  fill: currentColor;
 +
  width: 1em;
 +
  height: 1em;
 +
  margin-bottom: -1px;
 +
  display: none;
 +
}
 +
/* TODO(T5401): Remove */
 +
#editor.hasLegacyNav .toolbar {
 +
  background: #e8f0f2;
 +
  border-left: 1px solid #bdc3c7;
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 25px;
 +
  right: 0;
 +
  width: 50px;
 +
  padding: 5px 0;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn {
 +
  display: block;
 +
  font-size: 14px;
 +
  height: 36px;
 +
  margin: 0 auto;
 +
  background: transparent;
 +
  border-radius: 2px;
 +
  border: 1px solid transparent;
 +
  color: #344043;
 +
  padding: 8px 0 5px;
 +
  width: 40px;
 +
  margin-bottom: 8px;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn:hover {
 +
  border: 1px solid #bdc3c7;
 +
  color: #344043;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn.active,
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn:active {
 +
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.15);
 +
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.15);
 +
  background: #344043;
 +
  background-image: none;
 +
  color: white;
 +
  border: 1px solid #e8f0f2;
 +
  text-shadow: none;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn.pulsing {
 +
  animation: pulse-blue 2s ease infinite;
 +
  -moz-animation: pulse-blue 2s ease infinite;
 +
  -webkit-animation: pulse-blue 2s ease infinite;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .toolbar-gen9-icon {
 +
  margin-top: -5px;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper#primer-panel > .btn {
 +
  padding-top: 5px;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper#restriction-panel > .btn {
 +
  padding-top: 4px;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .info-field {
 +
  margin: 10px 0;
 +
  display: inline-block;
 +
}
 +
#editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .alert {
 +
  margin: 0;
 +
}
 +
#editor.hasLegacyNav .toolbar .form-inline label {
 +
  display: none;
 +
}
 +
#editor.hasLegacyNav .toolbar .form-inline label.checkbox-inline,
 +
#editor.hasLegacyNav .toolbar .form-inline label.radio-inline {
 +
  display: inline-block;
 +
  padding-top: 8px;
 +
}
 +
#editor.hasLegacyNav .toolbar .active .panel {
 +
  display: block;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel {
 +
  display: none;
 +
  cursor: default;
 +
  position: absolute;
 +
  right: 50px;
 +
  top: 0;
 +
  width: 350px;
 +
  padding: 0;
 +
  border: 1px solid #bdc3c7;
 +
  border-right: 0;
 +
  border-top-right-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
  text-align: left;
 +
  font-weight: 400;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar {
 +
  position: absolute;
 +
  left: -50%;
 +
  width: 50%;
 +
  top: 5px;
 +
  bottom: 5px;
 +
  display: none;
 +
  padding: 10px;
 +
  border: 1px solid #bdc3c7;
 +
  background: white;
 +
  -webkit-box-shadow: inset -5px 0 7px -5px rgba(0, 0, 0, 0.3);
 +
  box-shadow: inset -5px 0 7px -5px rgba(0, 0, 0, 0.3);
 +
  overflow: auto;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar .close {
 +
  cursor: pointer;
 +
  float: none;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar .close:hover {
 +
  color: #344043;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-sidebar h5 {
 +
  text-align: center;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel.show-sidebar .panel-sidebar {
 +
  display: block;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-title {
 +
  color: #344043;
 +
  padding: 0px 15px;
 +
  background: #ffffff;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-title .col {
 +
  padding: 0;
 +
  border-bottom: 1px solid #bdc3c7;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-title .col:not(:last-child) {
 +
  border-right: 1px solid #bdc3c7;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-title .col.active {
 +
  border-bottom: none;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel .panel-title .col:not(.active) {
 +
  background: #e8f0f2;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container {
 +
  padding: 0 15px 10px;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container.no-gap .row {
 +
  margin-bottom: 0;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .row {
 +
  margin-bottom: 10px;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .panel-divider:first-child {
 +
  margin-top: 0;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table {
 +
  margin-bottom: 0;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table th {
 +
  font-weight: 400;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table th,
 +
#editor.hasLegacyNav .toolbar .panel-container .table td {
 +
  text-align: center;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table th:first-child,
 +
#editor.hasLegacyNav .toolbar .panel-container .table td:first-child {
 +
  text-align: left;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table th {
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table td {
 +
  border-top: 0;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table tr.selected td {
 +
  background: #f8fafb;
 +
}
 +
#editor.hasLegacyNav .toolbar .panel-container .table tr.active td {
 +
  background-color: #feefd1;
 +
}
 +
/* This should stay in sync with MIN_TAB_WIDTH in Workspace.js. */
 +
.workspace {
 +
  background-color: #f8fafb;
 +
  box-shadow: inset 0 -2px 4px 0 #dce6e8;
 +
  /* Workspace has a tabContainer taking up most of the space and sometimes an overflowIcon on the right. */
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  height: 40px;
 +
}
 +
.workspace-tabContainer {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  /* workspace is a container relative to .workspace-itemTab */
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
  overflow-y: hidden;
 +
  /* cover up bottom shadow of .workspace-itemTab.is-active */
 +
  padding: 8px 8px 0;
 +
  position: relative;
 +
}
 +
.workspace-itemTab {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  background-color: transparent;
 +
  cursor: pointer;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  /* .workspace-itemTab is a container relative to .workspace-itemTab-(icon|text|close) */
 +
  -webkit-flex: 250px;
 +
  -moz-flex: 250px;
 +
  -ms-flex: 250px;
 +
  flex: 250px;
 +
  /* .workspace-itemTab is an item relative to .workspace */
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  max-width: 250px;
 +
  min-width: 150px;
 +
  padding: 0 12px;
 +
}
 +
.workspace-toggleExpand {
 +
  -webkit-align-self: center;
 +
  -moz-align-self: center;
 +
  -ms-align-self: center;
 +
  align-self: center;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  margin-right: 8px;
 +
  max-width: none;
 +
  min-width: 0;
 +
  padding: 0 0 0 6px;
 +
}
 +
.workspace-itemTab-icon {
 +
  color: #a2b9be;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  margin-right: 6px;
 +
}
 +
.workspace-itemTab-text {
 +
  color: #5c7c83;
 +
  -webkit-flex: auto;
 +
  -moz-flex: auto;
 +
  -ms-flex: auto;
 +
  flex: auto;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
.workspace-itemTab-close {
 +
  color: #c9d8db;
 +
  -webkit-flex: none;
 +
  -moz-flex: none;
 +
  -ms-flex: none;
 +
  flex: none;
 +
  font-size: 12px;
 +
  margin-left: 6px;
 +
}
 +
.workspace-itemTab-close:hover {
 +
  color: #5c7c83;
 +
}
 +
.workspace-itemTab-closeAll {
 +
  margin-left: 16px;
 +
}
 +
.workspace-itemTab--overhead.is-active {
 +
  background-color: #ffffff;
 +
  border-top-left-radius: 4px;
 +
  border-top-right-radius: 4px;
 +
  box-shadow: -1px 0 4px 0 #c9d8db;
 +
}
 +
.workspace-itemTab--overflow.is-active {
 +
  background-color: #f8fafb;
 +
}
 +
.workspace-itemTab.is-dragging {
 +
  position: absolute;
 +
  height: 32px;
 +
  z-index: 1;
 +
}
 +
.workspace-itemTab.is-invisible {
 +
  opacity: 0;
 +
}
 +
.workspace-itemTab.is-min-width {
 +
  max-width: 150px;
 +
}
 +
.workspace-itemTab--overhead:hover .workspace-itemTab-icon,
 +
.workspace-itemTab--overhead.is-active .workspace-itemTab-icon,
 +
.workspace-itemTab--overhead:hover .workspace-itemTab-text,
 +
.workspace-itemTab--overhead.is-active .workspace-itemTab-text {
 +
  color: #428ce1;
 +
}
 +
.workspace-itemTab--overflow.is-active .workspace-itemTab-icon,
 +
.workspace-itemTab--overflow.is-active .workspace-itemTab-text {
 +
  color: #2c76cc;
 +
}
 +
.workspace-overflowIcon {
 +
  -webkit-align-self: center;
 +
  -moz-align-self: center;
 +
  -ms-align-self: center;
 +
  align-self: center;
 +
  margin-left: auto;
 +
  margin-right: 8px;
 +
}
 +
.workspace-overflowMenu ul.dropdown-menu {
 +
  border-radius: 4px;
 +
  margin-top: 12px;
 +
  width: 256px;
 +
  z-index: 1037;
 +
}
 +
.workspace-overflowDropdown-scrollContainer {
 +
  max-height: 600px;
 +
  overflow-y: auto;
 +
}
 +
.workspace-overflowDropdown-scrollContainer::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.workspace-overflowDropdown-scrollContainer::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.workspace-overflowDropdown-scrollContainer:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.workspace-overflowDropdown-scrollContainer::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.workspace-overflowDropdown-scrollContainer:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
/* Disable automatic padding from fat dropdown, since tabs provide their own margin. */
 +
.workspace-overflowMenu.fatDropdown ul.dropdown-menu li {
 +
  padding: 0;
 +
}
 +
/* Components */
 +
.avatar {
 +
  border-radius: 3px;
 +
  display: inline-block;
 +
}
 +
.avatar + .avatar {
 +
  margin-left: 4px;
 +
}
 +
.avatar--circle {
 +
  border-radius: 50%;
 +
}
 +
.avatar--square {
 +
  border-radius: 4px;
 +
}
 +
.avatar--text {
 +
  color: #ffffff;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
}
 +
.avatar--xxs {
 +
  font-size: 9px;
 +
  height: 16px;
 +
  line-height: 16px;
 +
  width: 16px;
 +
}
 +
.avatar--xxs:not(:first-child) {
 +
  margin-left: 2px;
 +
}
 +
.avatar--xs {
 +
  font-size: 11px;
 +
  height: 20px;
 +
  line-height: 20px;
 +
  width: 20px;
 +
}
 +
.avatar--small {
 +
  font-size: 11px;
 +
  height: 28px;
 +
  line-height: 28px;
 +
  width: 28px;
 +
}
 +
.avatar--large {
 +
  font-size: 17px;
 +
  height: 64px;
 +
  line-height: 64px;
 +
  width: 64px;
 +
}
 +
.avatar--xl {
 +
  font-size: 29px;
 +
  height: 84px;
 +
  line-height: 84px;
 +
  width: 84px;
 +
}
 +
/* TODO(T7355): Rename to `.breadcrumbs` after deprecating nav breadcrumbs styles
 +
  (less/nav/breadcrumbs.less). */
 +
.genericBreadcrumbs,
 +
.genericBreadcrumbs-link {
 +
  color: #5c7c83;
 +
}
 +
/*
 +
* Most of the styling for button groups is ported over from the bootstrap version and adheres to the new
 +
* CTA guidelines. Justified button groups, vertical buttons, have not been ported but can be if needed.
 +
*/
 +
/* Make the div behave like a button */
 +
.buttonGroup {
 +
  position: relative;
 +
  display: inline-block;
 +
}
 +
.buttonGroup > .button {
 +
  border-style: solid;
 +
  border-width: 1px;
 +
  float: left;
 +
  position: relative;
 +
  /* Bring the "active" button to the front */
 +
}
 +
.buttonGroup > .button:hover,
 +
.buttonGroup > .button:focus,
 +
.buttonGroup > .button:active,
 +
.buttonGroup > .button.is-active {
 +
  z-index: 2;
 +
}
 +
.buttonGroup > .button:focus {
 +
  /* Remove focus outline when dropdown JS adds it after closing the menu */
 +
  outline: none;
 +
}
 +
/* Prevent double borders when buttons are next to each other */
 +
.buttonGroup .button + .button,
 +
.buttonGroup .button + .buttonGroup,
 +
.buttonGroup .buttonGroup + .button,
 +
.buttonGroup .buttonGroup + .buttonGroup {
 +
  margin-left: -1px;
 +
}
 +
/* Group multiple button groups together for a toolbar */
 +
.buttonToolbar {
 +
  /* Space out series of button groups */
 +
}
 +
.buttonToolbar:before,
 +
.buttonToolbar:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.buttonToolbar:after {
 +
  clear: both;
 +
}
 +
.buttonToolbar:before,
 +
.buttonToolbar:after {
 +
  content: " ";
 +
  /* 1 */
 +
  display: table;
 +
  /* 2 */
 +
}
 +
.buttonToolbar:after {
 +
  clear: both;
 +
}
 +
.buttonToolbar .buttonGroup {
 +
  float: left;
 +
}
 +
.buttonToolbar > .button + .button,
 +
.buttonToolbar > .buttonGroup + .button,
 +
.buttonToolbar > .button + .buttonGroup,
 +
.buttonToolbar > .buttonGroup + .buttonGroup {
 +
  margin-left: 6px;
 +
}
 +
/* Remove border-radius on inner children */
 +
.buttonGroup > .button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
 +
  border-radius: 0;
 +
}
 +
/* Set corners individually because sometimes a single button can be in a .buttonGroup and we need
 +
:first-child and :last-child to both match */
 +
.buttonGroup > .button:first-child {
 +
  margin-left: 0;
 +
}
 +
.buttonGroup > .button:first-child:not(:last-child):not(.dropdown-toggle) {
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
/* Custom edits for including buttonGroups within buttonGroups (useful for including dropdown buttons
 +
within a buttonGroup) */
 +
.buttonGroup > .buttonGroup {
 +
  float: left;
 +
}
 +
.buttonGroup > .buttonGroup:not(:first-child):not(:last-child) > .button {
 +
  border-radius: 0;
 +
}
 +
.buttonGroup > .buttonGroup:first-child > .button:last-child,
 +
.buttonGroup > .buttonGroup:first-child > .dropdown-toggle {
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
.buttonGroup > .buttonGroup:last-child > .button:first-child {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
/*
 +
* TODO(T6450): Create a Button component that can also operate as a dropdown, so that we can show the
 +
* dropdown and dropdown-up icons rather than creating a caret. We're currently porting over the bootstrap
 +
* dropdown so that the new styles can work with existing components for btn-group dropdowns.
 +
*/
 +
.button--tertiaryBlue .caret {
 +
  border-top-color: #428ce1;
 +
}
 +
.dropup .button--tertiaryBlue .caret {
 +
  border-bottom-color: #ffffff;
 +
}
 +
.button--tertiaryBlue:hover .caret,
 +
.button--tertiaryBlue:active .caret {
 +
  border-top-color: #ffffff;
 +
}
 +
/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */
 +
.buttonGroup > .button:last-child:not(:first-child),
 +
.buttonGroup > .dropdown-toggle:not(:first-child) {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
/* On active and open, don't show outline. */
 +
.buttonGroup .dropdown-toggle:active,
 +
.buttonGroup.open .dropdown-toggle {
 +
  outline: 0;
 +
}
 +
/* Style button when dropdown is open and active. */
 +
.buttonGroup.open .button--tertiaryWhite {
 +
  background: #ffffff;
 +
  border-color: #428ce1;
 +
  color: #428ce1;
 +
}
 +
.buttonGroup.open .button--circleIcon {
 +
  color: #428ce1;
 +
}
 +
/* Reposition the caret. */
 +
.button .caret {
 +
  margin-bottom: 2px;
 +
  margin-left: 8px;
 +
}
 +
/* TODO(T6622): Remove this as svgIcon's will have the default margin-bottom: 0 */
 +
.buttonGroup .svgIcon {
 +
  margin-bottom: 0;
 +
}
 +
/* Absolute dropdowns should be on top of everything (i.e. modals). */
 +
.absoluteDropdownContainer {
 +
  z-index: 1051;
 +
}
 +
/*
 +
* We need lots of specificity to compete with the nested "#header .create-dropdown .dropdown-menu a"
 +
* in benchling.less.
 +
*/
 +
#header .create-dropdown .dropdown-menu .legacy-nav-svg-item {
 +
  padding-left: 10px;
 +
}
 +
#header .create-dropdown .dropdown-menu li .legacy-nav-svg-icon svg {
 +
  fill: #344043;
 +
  height: 14px;
 +
  margin-left: 3px;
 +
  margin-right: 8px;
 +
  width: 14px;
 +
}
 +
.navDropdownMenu {
 +
  background: #ffffff;
 +
  border: none;
 +
  border-bottom-left-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
  border-top-left-radius: 4px;
 +
  border-top-right-radius: 4px;
 +
  box-shadow: 0 2px 4px #5c7c83;
 +
  color: #344043;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 248px;
 +
}
 +
.navDropdownMenu .divider {
 +
  margin: 0;
 +
}
 +
.navDropdownMenu-item-container {
 +
  border-radius: inherit;
 +
}
 +
.navDropdownMenu-item-container.disabled .navDropdownMenu-item .navDropdownMenu-item-text {
 +
  color: #a2b9be;
 +
}
 +
.navDropdownMenu-item,
 +
.dropdown-menu.navDropdownMenu > li > a {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  color: #344043;
 +
  display: block;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 14px;
 +
  line-height: 20px;
 +
  -webkit-justify-content: flex-start;
 +
  -moz-justify-content: flex-start;
 +
  -ms-justify-content: flex-start;
 +
  justify-content: flex-start;
 +
  padding: 14px 10px 12px 17px;
 +
}
 +
.navDropdownMenu-item:hover,
 +
.navDropdownMenu-item:active,
 +
.dropdown-menu.navDropdownMenu > li > a:hover,
 +
.dropdown-menu.navDropdownMenu > li > a:active {
 +
  background: #f8fafb;
 +
  color: #344043;
 +
  text-decoration: none;
 +
}
 +
.navDropdownMenu-item--selected .navDropdownMenu-item-text {
 +
  color: #428ce1;
 +
}
 +
.navDropdownMenu-item-icon {
 +
  color: #c9d8db;
 +
  margin: 0 17px 1px 0;
 +
}
 +
.navDropdownMenu-item .navDropdownMenu-item-icon--blue {
 +
  color: #2c76cc;
 +
}
 +
.navDropdownMenu-item .navDropdownMenu-item-icon--red {
 +
  color: #e96e51;
 +
}
 +
.navDropdownMenu-item-text {
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
}
 +
.navDropdownMenu-item-chevron {
 +
  color: #c9d8db;
 +
}
 +
.navDropdownMenu-item--emptyIcon {
 +
  padding-left: 48px;
 +
}
 +
.navDropdownMenu-submenu {
 +
  position: relative;
 +
}
 +
.navDropdownMenu-submenu > .navDropdownMenu {
 +
  top: 0;
 +
  left: 100%;
 +
  border-top-left-radius: 0;
 +
}
 +
.navDropdownMenu-submenu:hover > .navDropdownMenu {
 +
  display: block;
 +
}
 +
.navDropdownMenu-submenu > .navDropdownMenu--dropUp {
 +
  bottom: 0;
 +
  top: auto;
 +
}
 +
.navDropdownMenu-submenu > .navDropdownMenu--dropLeft {
 +
  left: auto;
 +
  right: 100%;
 +
}
 +
.editableItemTable-primaryHeader {
 +
  color: #344043;
 +
}
 +
.editableItemTable-headerRow {
 +
  color: #a2b9be;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
  padding-bottom: 9px;
 +
}
 +
.editableItemTable-action {
 +
  visibility: hidden;
 +
  padding: 0px 12px;
 +
}
 +
#editor .editableItemTable-headerRow.row,
 +
#editor .editableItemTable-row.row {
 +
  border-bottom: 1px solid #e8f0f2;
 +
  cursor: default;
 +
  margin-bottom: 0;
 +
}
 +
.editableItemTable-row:hover {
 +
  background-color: #f8fafb;
 +
}
 +
.editableItemTable-row:hover .editableItemTable-action {
 +
  visibility: visible;
 +
}
 +
.editableItemTable-content {
 +
  text-overflow: ellipsis;
 +
  line-height: 16px;
 +
  padding-top: 17px;
 +
  padding-bottom: 14px;
 +
}
 +
/*
 +
TODO(T4960) This is the new .dropdown - temporarily called .fatDropdown as we migrate.
 +
This is the x-small style by default.
 +
*/
 +
/* Clear bootstrap styles - can remove once the source styles are gone */
 +
.fatDropdown .dropdown-menu {
 +
  border-radius: 0;
 +
  color: #344043;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  max-height: 500px;
 +
  padding: 0;
 +
  overflow-y: auto;
 +
  width: 192px;
 +
}
 +
.fatDropdown .dropdown-menu::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.fatDropdown .dropdown-menu::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.fatDropdown .dropdown-menu:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.fatDropdown .dropdown-menu::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.fatDropdown .dropdown-menu:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.fatDropdown .dropdown-menu li > a:hover {
 +
  color: inherit;
 +
}
 +
.fatDropdown .dropdown-menu li.active > a {
 +
  background: #ffffff;
 +
}
 +
.fatDropdown .dropdown-menu li.active > a:hover {
 +
  background: #f8fafb;
 +
}
 +
.fatDropdown .dropdown-menu li.active > a:active {
 +
  background: #e8f0f2;
 +
}
 +
/* Actual styles */
 +
.fatDropdown .dropdown-menu li {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  height: 36px;
 +
  padding: 10px 16px;
 +
  cursor: pointer;
 +
  font-size: 12px;
 +
  line-height: 16px;
 +
}
 +
.fatDropdown .dropdown-menu li.divider {
 +
  height: 1px;
 +
  margin: 0;
 +
}
 +
.fatDropdown .fatDropdown-icon {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  -webkit-flex: 0 0 auto;
 +
  -moz-flex: 0 0 auto;
 +
  -ms-flex: 0 0 auto;
 +
  flex: 0 0 auto;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  width: 36px;
 +
  height: 36px;
 +
  justify-content: center;
 +
  margin-left: -16px;
 +
  margin-top: -10px;
 +
}
 +
.fatDropdown .dropdown-menu li:hover {
 +
  background: #f8fafb;
 +
}
 +
.fatDropdown .dropdown-menu li:active {
 +
  background: #e8f0f2;
 +
}
 +
.fatDropdown .dropdown-menu li.active {
 +
  background: #f8fafb;
 +
  color: #2c76cc;
 +
}
 +
/* Small styles */
 +
.fatDropdown.fatDropdown--small .dropdown-menu {
 +
  width: 208px;
 +
}
 +
.fatDropdown.fatDropdown--small .dropdown-menu li {
 +
  height: 48px;
 +
  padding: 16px 16px;
 +
  font-size: 14px;
 +
  line-height: 22px;
 +
}
 +
.fatDropdown.fatDropdown--small .fatDropdown-icon {
 +
  width: 48px;
 +
  height: 48px;
 +
  margin-left: -16px;
 +
  margin-top: -16px;
 +
}
 +
.header--header1,
 +
.header--header2,
 +
.header--header3,
 +
.header--title,
 +
.header--sublabel {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  margin: 0 0 4px;
 +
  /* Allow u-input-spacing-top to override default margins */
 +
}
 +
.header--header1.u-input-spacing-top,
 +
.header--header2.u-input-spacing-top,
 +
.header--header3.u-input-spacing-top,
 +
.header--title.u-input-spacing-top,
 +
.header--sublabel.u-input-spacing-top {
 +
  margin-top: 16px;
 +
}
 +
.header--header1 {
 +
  font-size: 17px;
 +
  line-height: 24px;
 +
  font-weight: 400;
 +
}
 +
.header--header2 {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
  font-weight: 600;
 +
}
 +
.header--header3 {
 +
  font-size: 15px;
 +
  line-height: 24px;
 +
}
 +
.header--title {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
}
 +
.header--sublabel {
 +
  color: #5c7c83;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  text-transform: uppercase;
 +
}
 +
.internalLink {
 +
  display: inline-block;
 +
}
 +
.internalLink-content {
 +
  background-color: #f8fafb;
 +
  border-radius: 4px;
 +
  padding: 2px 4px;
 +
}
 +
.deletableInternalLink-container {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.deletableInternalLink {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: row;
 +
  -moz-flex-direction: row;
 +
  -ms-flex-direction: row;
 +
  flex-direction: row;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  max-width: 100%;
 +
  margin-right: 9px;
 +
  background-color: #e8f0f2;
 +
  border-radius: 4px;
 +
  padding: 6px 6px;
 +
  border-width: 1px;
 +
  border-style: solid;
 +
  border-color: #c9d8db;
 +
}
 +
.deletableInternalLink .glyphicon,
 +
.deletableInternalLink .svgIcon {
 +
  color: #428ce1;
 +
  flex: none;
 +
  width: 12px;
 +
  margin-right: 6px;
 +
}
 +
.deletableInternalLink-name {
 +
  line-height: 16px;
 +
}
 +
.deletableInternalLink-benchlingLink {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  -webkit-flex-direction: row;
 +
  -moz-flex-direction: row;
 +
  -ms-flex-direction: row;
 +
  flex-direction: row;
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
}
 +
.deletableInternalLink:focus,
 +
.deletableInternalLink:hover {
 +
  background-color: #c9d8db;
 +
}
 +
.deletableInternalLink-delete {
 +
  margin-left: 6px;
 +
}
 +
.deletableInternalLink-delete .svgIcon {
 +
  color: #a2b9be;
 +
  width: 12px;
 +
}
 +
.deletableInternalLink-delete .svgIcon:hover {
 +
  color: #344043;
 +
}
 +
/* TODO(T6278): Remove `.modal--redesign` in favor of styling `.modal` */
 +
.modal--redesign .modal-header {
 +
  padding: 18px 16px 13px;
 +
}
 +
.modal--redesign .modal-header .close {
 +
  height: 14px;
 +
  margin-top: 4px;
 +
  width: 14px;
 +
}
 +
.modal--redesign .modal-header-icon {
 +
  color: #5c7c83;
 +
  margin-right: 16px;
 +
}
 +
.reorderableListItem.is-dragging {
 +
  position: absolute;
 +
  z-index: 1;
 +
}
 +
.reorderableListItem.is-invisible {
 +
  opacity: 0;
 +
}
 +
.sectionTabs {
 +
  -webkit-align-items: stretch;
 +
  -moz-align-items: stretch;
 +
  -ms-align-items: stretch;
 +
  align-items: stretch;
 +
  background: white;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  height: 36px;
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
}
 +
.sectionTabs-nav {
 +
  -webkit-align-items: stretch;
 +
  -moz-align-items: stretch;
 +
  -ms-align-items: stretch;
 +
  align-items: stretch;
 +
  -webkit-flex: 1;
 +
  -moz-flex: 1;
 +
  -ms-flex: 1;
 +
  flex: 1;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  list-style: none;
 +
  margin-bottom: 0;
 +
  padding-left: 0;
 +
}
 +
.sectionTabs-navItem,
 +
.sectionTabs-navItemPlaceholder {
 +
  -webkit-align-items: stretch;
 +
  -moz-align-items: stretch;
 +
  -ms-align-items: stretch;
 +
  align-items: stretch;
 +
  background-color: #ffffff;
 +
  color: #5c7c83;
 +
  cursor: pointer;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  /* positions .sectionTabs-navItem-title and .sectionTabs-navItem-closeBtn side-by-side */
 +
  -webkit-justify-content: space-between;
 +
  -moz-justify-content: space-between;
 +
  -ms-justify-content: space-between;
 +
  justify-content: space-between;
 +
  /* allows right-aligned close button in more dropdown */
 +
  padding: 0 12px;
 +
  text-transform: uppercase;
 +
}
 +
.sectionTabs-navItem-closeBtn {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  color: #a2b9be;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  font-size: 12px;
 +
  margin-left: 6px;
 +
}
 +
.sectionTabs-navItem-closeBtn:hover {
 +
  color: #5c7c83;
 +
}
 +
.sectionTabs-navItem-closeBtn-inner {
 +
  margin-top: -2px;
 +
}
 +
.sectionTabs-navItem-title {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  color: #5c7c83;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.sectionTabs-navItem-title-inner {
 +
  max-width: 200px;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
/* Render a blue line, as long as we aren't an overflow item */
 +
.sectionTabs-navItem:not(.sectionTabs-navItem--overflow).active .sectionTabs-navItem-title,
 +
.sectionTabs-navItem:not(.sectionTabs-navItem--overflow):hover .sectionTabs-navItem-title {
 +
  border-bottom: 1px solid #428ce1;
 +
  color: #428ce1;
 +
  margin-bottom: -1px;
 +
}
 +
/* Render for overflow */
 +
.sectionTabs-moreDropdown {
 +
  -webkit-align-items: center;
 +
  -moz-align-items: center;
 +
  -ms-align-items: center;
 +
  align-items: center;
 +
  display: none;
 +
  margin-right: 12px;
 +
}
 +
.sectionTabs.overflow .sectionTabs-moreDropdown {
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
}
 +
.sectionTabs-navItem.sectionTabs-navItem--overflow {
 +
  text-transform: none;
 +
}
 +
.sectionTabs-navItem.sectionTabs-navItem--overflow .sectionTabs-navItem-title {
 +
  color: #344043;
 +
}
 +
.sectionTabs-navItem.sectionTabs-navItem--overflow.active,
 +
.sectionTabs-navItem.sectionTabs-navItem--overflow:hover,
 +
.sectionTabs-navItem.sectionTabs-navItem--overflow:focus {
 +
  background-color: #f8fafb;
 +
}
 +
.overflow-list.dropdown-menu {
 +
  margin-top: -1px;
 +
  min-width: 150px;
 +
}
 +
.settingsIcon {
 +
  color: #a2b9be;
 +
  font-size: 14px;
 +
}
 +
.settingsIcon:hover {
 +
  color: #428ce1;
 +
}
 +
.simpleTable {
 +
  border: solid 1px #e8f0f2;
 +
  border-radius: 4px;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  margin-bottom: 12px;
 +
  overflow-x: auto;
 +
}
 +
.simpleTable::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.simpleTable::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.simpleTable:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.simpleTable::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.simpleTable:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.simpleTable--negativeMargins {
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
}
 +
.simpleTable-table {
 +
  max-width: none;
 +
  min-width: 100%;
 +
  padding: 0;
 +
}
 +
.simpleTable-row:not(.simpleTable-row--empty):hover {
 +
  background-color: #f8fafb;
 +
}
 +
.simpleTable-row:hover .registry-actionGroup {
 +
  visibility: visible;
 +
}
 +
.simpleTable-header {
 +
  background-color: #f8fafb;
 +
  border: solid 1px #e8f0f2;
 +
  border-radius: 4px;
 +
  height: 40px;
 +
}
 +
.simpleTable-header-cell {
 +
  color: #5c7c83;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  font-weight: 600;
 +
  padding: 14px 12px 10px;
 +
  width: 160px;
 +
  white-space: nowrap;
 +
}
 +
.simpleTable-header-cell:first-child {
 +
  color: #344043;
 +
}
 +
.simpleTable-row {
 +
  box-shadow: inset 0 -1px 0 0 #e8f0f2;
 +
  height: 48px;
 +
}
 +
.simpleTable-cell {
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  padding: 15px 13px 13px;
 +
  width: 160px;
 +
  white-space: nowrap;
 +
}
 +
.selectDropdown-button {
 +
  background-color: white;
 +
  width: 100%;
 +
}
 +
.selectDropdown-menu .navDropdownMenu-item {
 +
  padding: 0;
 +
}
 +
.selectDropdown-menu .navDropdownMenu-item-text {
 +
  padding: 10px 16px;
 +
}
 +
.selectDropdown-text {
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
  font-size: 13px;
 +
  line-height: 16px;
 +
  text-transform: none;
 +
}
 +
.sortableTable-cell-wrap {
 +
  word-wrap: break-word;
 +
  max-width: 200px;
 +
}
 +
.sortableTable-verticalAlignMiddle > tbody > tr > td {
 +
  vertical-align: middle;
 +
}
 +
/* Apply this class to content that should be visible only when the row is hovered. */
 +
.tableRow--visibleOnHover-content {
 +
  visibility: hidden;
 +
}
 +
.sortableTable-row:hover .tableRow--visibleOnHover-content {
 +
  visibility: visible;
 +
}
 +
.tabContainer-nav {
 +
  color: #5c7c83;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  display: -webkit-flex;
 +
  display: -moz-flex;
 +
  display: -ms-flexbox;
 +
  display: -ms-flex;
 +
  display: flex;
 +
  margin-bottom: 6px;
 +
  text-transform: uppercase;
 +
}
 +
.tabContainer-navItem {
 +
  cursor: pointer;
 +
  margin-right: 28px;
 +
}
 +
.tabContainer-navItem:hover,
 +
.tabContainer-navItem--active {
 +
  color: #428ce1;
 +
}
 +
.tabContainer-navItem--active {
 +
  border-bottom: 1px solid #428ce1;
 +
  cursor: default;
 +
  margin-bottom: -7px;
 +
}
 +
.tabContainer-headerDivider {
 +
  color: #c9d8db;
 +
  border-width: 1px;
 +
  margin: 0;
 +
}
 +
.tabContainer-pane {
 +
  margin-top: 23px;
 +
}
 +
.textDropdown {
 +
  /* Don't let the text wrap as it is confusing where the dropdown should open */
 +
  display: inline-block;
 +
  font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 +
}
 +
.textDropdown-icon {
 +
  border-radius: 50%;
 +
}
 +
.textDropdown-text {
 +
  color: #428ce1;
 +
  cursor: pointer;
 +
}
 +
.textDropdown-text--underline {
 +
  border-bottom: 1px dotted #428ce1;
 +
}
 +
a.textDropdown-text:hover,
 +
a.textDropdown-text:focus {
 +
  color: #428ce1;
 +
  text-decoration: none;
 +
}
 +
.textDropdown-text:hover .textDropdown-icon {
 +
  background-color: #428ce1;
 +
  color: white;
 +
}
 +
.wellComponent {
 +
  background-color: #f8fafb;
 +
  margin-left: -12px;
 +
  margin-right: -12px;
 +
  padding-left: 12px;
 +
  padding-right: 12px;
 +
}
 +
.infinite-scroller {
 +
  height: 100%;
 +
  left: 0;
 +
  right: 0;
 +
  position: absolute;
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  overflow-y: scroll;
 +
}
 +
.infinite-scroller::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.infinite-scroller::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.infinite-scroller:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.infinite-scroller::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.infinite-scroller:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.infinite-scroller::-webkit-scrollbar {
 +
  display: none;
 +
}
 +
.infinite-scroller .infinite-container {
 +
  position: relative;
 +
}
 +
.infinite-scroller .infinite-item {
 +
  position: absolute;
 +
  left: 0;
 +
  width: 100%;
 +
}
 +
.infinite-scroller .sample-item {
 +
  width: 100%;
 +
  background-color: #fdd586;
 +
}
 +
.scroll-wrapper:hover .infinite-scrollbar,
 +
.infinite-scrollbar.drag {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.scroll-wrapper:hover .infinite-scrollbar .infinite-scrollthumb,
 +
.infinite-scrollbar.drag .infinite-scrollthumb {
 +
  background: #c9d8db;
 +
}
 +
.infinite-scrollbar {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  width: 15px;
 +
  overflow: hidden;
 +
  background: #f8fbfb;
 +
}
 +
.infinite-scrollbar .infinite-scrollthumb {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 15px;
 +
  height: 33%;
 +
  background: #e8f0f2;
 +
}
 +
table.scrollable thead {
 +
  display: block;
 +
  width: 100%;
 +
}
 +
table.scrollable tbody {
 +
  display: block;
 +
  overflow-y: auto;
 +
  overflow-x: visible;
 +
  position: relative;
 +
}
 +
table.scrollable tbody::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
table.scrollable tbody::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
table.scrollable tbody:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
table.scrollable tbody::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
table.scrollable tbody:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
svg.preview-container text {
 +
  text-rendering: geometricPrecision;
 +
}
 +
html {
 +
  height: 100%;
 +
}
 +
.modal-backdrop.in {
 +
  opacity: 0.3;
 +
  filter: alpha(opacity=30);
 +
}
 +
#flDebug .scroll {
 +
  max-height: none;
 +
}
 +
#force-font-load {
 +
  position: absolute;
 +
  visibility: hidden;
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
#force-font-load .font-normal {
 +
  font-weight: normal;
 +
}
 +
#force-font-load .font-bold {
 +
  font-weight: bold;
 +
}
 +
#verify-zoom {
 +
  position: absolute;
 +
  visibility: hidden;
 +
}
 +
#verify-zoom svg text {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
}
 +
#editor.has-hidden-statusbar #intercom-container .intercom-launcher {
 +
  bottom: 5px;
 +
}
 +
#editor #intercom-container .intercom-launcher {
 +
  bottom: 30px;
 +
  right: 5px;
 +
  width: 36px;
 +
  height: 36px;
 +
}
 +
#editor #intercom-container .intercom-launcher .intercom-launcher-button {
 +
  background-size: 18px 18px;
 +
  width: 36px;
 +
  height: 36px;
 +
}
 +
#editor #intercom-container .intercom-launcher.intercom-launcher-with-avatar .intercom-launcher-button {
 +
  background-size: 36px 36px;
 +
}
 +
.benchicon {
 +
  background-image: url('../img/glyphicons.png');
 +
  display: inline-block;
 +
  width: 14px;
 +
  height: 14px;
 +
  background-repeat: no-repeat;
 +
}
 +
.benchicon-scissors {
 +
  background-position: -1768px -136px;
 +
}
 +
.benchicon-cardio {
 +
  background-position: -1564px -136px;
 +
}
 +
.benchicon-refresh {
 +
  background-position: -748px -34px;
 +
}
 +
.col-centered {
 +
  float: none;
 +
  margin: 0 auto;
 +
}
 +
.transparent {
 +
  opacity: 0;
 +
}
 +
.or-separator {
 +
  border-top: 1px solid #e8f0f2;
 +
  padding: 12px 0;
 +
  margin: 20px 0 0;
 +
  text-align: center;
 +
  position: relative;
 +
}
 +
.or-separator span {
 +
  position: absolute;
 +
  top: -13px;
 +
  background: white;
 +
  display: inline-block;
 +
  text-transform: uppercase;
 +
  padding: 3px 6px;
 +
  font-weight: 700;
 +
  color: #344043;
 +
}
 +
.loading-spinner-background {
 +
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPUAAP///8zMzPr6+tzc3MzMzO/v7/z8/Pb29vj4+ODg4M3NzfHx8dvb2/f399HR0dPT0/n5+eHh4dLS0tnZ2enp6eTk5PPz8+fn5+3t7f39/fT09Obm5t7e3tDQ0OLi4vLy8t3d3ejo6Ozs7NjY2NXV1dbW1uvr6+Pj487OztfX1+7u7gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAGo0CA0IDJAAhIR0YgbDYmhAKggyQIDp/mwYGcADzIEGDT0QgRjyrgQHAYIMiRgAmhII0EDGBUFQ0SCAAGD0YNAiJIAwtHSBUQGQZNCEZNVQQSTZkWEQpIChEWQpQAApYEmRkLgQAZGRpQSAALA0kQTQlCBSQlBZahDEIECotvBgxIwL1ZVYBCBxIEGgadIAAcSB0NWhdjahoEI9qZttexABiRQkEAIfkECQoAAAAsAAAAABAAEAAABmBAgBAgGhGEhJFoyGQQnsjniCk0PY+Aq4eZQACs2OfWcCI+vVbkWEEoXtHCtfR6ZhrYV6p+z9fTCVtDYFdGYgAGQmiEIoZ3SIptACNyUWgMdnhRBF5UJ3lZTwl7bkhKTEEAIfkECQoAAAAsAAAAABAAEAAABp1AgBAAGRGOQoxhKNRoAI8jAaAhjA7DQwcEWBy5HOnSwDh+MuUPQEp4FqQowGFqOA6ez8XgeMogAAgoZwAbXEN+TA0GKg5SChEWTEMgbJUFkgAWCQpsHRhMAggZTEYboxdDBkYEAwsABU8QKQSjIwACbCIZGRVScgSoF0cjAgAZHUcTAB5HAgIOHU9CEBMEl8gECRkf0qkYo1IMEExBADsAAAAAAAAAAAA=');
 +
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
  background-color: rgba(255, 255, 255, 0.9);
 +
}
 +
.base-container-wrapper {
 +
  padding-top: 20px;
 +
}
 +
.spinner {
 +
  width: 24px;
 +
  height: 24px;
 +
  display: inline-block;
 +
  opacity: 0.8;
 +
  background: url('../img/spinner.gif') no-repeat center center transparent;
 +
}
 +
.spinner.spinner-light {
 +
  opacity: 0.5;
 +
}
 +
.spinner.spinner-block {
 +
  width: 100%;
 +
}
 +
.glyphicon-spin {
 +
  -moz-animation: glyphicon-spin 2s infinite linear;
 +
  -o-animation: glyphicon-spin 2s infinite linear;
 +
  -webkit-animation: glyphicon-spin 2s infinite linear;
 +
  animation: glyphicon-spin 2s infinite linear;
 +
}
 +
@-moz-keyframes glyphicon-spin {
 +
  0% {
 +
    -moz-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -moz-transform: rotate(359deg);
 +
  }
 +
}
 +
@-webkit-keyframes glyphicon-spin {
 +
  0% {
 +
    -webkit-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-transform: rotate(359deg);
 +
  }
 +
}
 +
@-o-keyframes glyphicon-spin {
 +
  0% {
 +
    -o-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -o-transform: rotate(359deg);
 +
  }
 +
}
 +
@-ms-keyframes glyphicon-spin {
 +
  0% {
 +
    -ms-transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    -ms-transform: rotate(359deg);
 +
  }
 +
}
 +
@keyframes glyphicon-spin {
 +
  0% {
 +
    transform: rotate(0deg);
 +
  }
 +
  100% {
 +
    transform: rotate(359deg);
 +
  }
 +
}
 +
.swatch {
 +
  height: 10px;
 +
  width: 10px;
 +
  line-height: inherit;
 +
  display: inline-block;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.swatch-big {
 +
  height: 24px;
 +
  width: 24px;
 +
  margin: 3px;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.swatch-big.disabled {
 +
  pointer-events: none;
 +
}
 +
.swatch-big .popover-content {
 +
  padding: 0;
 +
}
 +
.panel-heading {
 +
  font-weight: 400;
 +
}
 +
.notifications-container {
 +
  position: fixed;
 +
  width: 720px;
 +
  max-width: 90%;
 +
  margin: 0 auto;
 +
  left: 0;
 +
  right: 0;
 +
  top: 5px;
 +
  z-index: 1060;
 +
}
 +
.notifications-container .alert {
 +
  border-width: 2px;
 +
  margin-bottom: 5px;
 +
  padding: 10px 30px 10px 10px;
 +
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
 +
}
 +
.notifications-container code {
 +
  background-color: transparent;
 +
  color: inherit;
 +
}
 +
#container-error {
 +
  text-align: center;
 +
}
 +
#container-error h1 {
 +
  font-size: 40px;
 +
  margin: 40px 0;
 +
}
 +
#container-error p {
 +
  font-size: 14px;
 +
  color: #666;
 +
  padding: 10px 20px;
 +
  margin: 0 auto;
 +
  border-radius: 2px;
 +
}
 +
#container-error .image-container {
 +
  margin: 40px auto;
 +
  width: 500px;
 +
  height: 500px;
 +
  background: url('../img/404-annie.png') no-repeat center;
 +
}
 +
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
 +
  #container-error .image-container {
 +
    background-image: url('../img/404-annie@2x.png');
 +
    background-size: 500px 500px;
 +
  }
 +
}
 +
#context-menu,
 +
#context-menu .dropdown-menu {
 +
  min-width: 160px;
 +
}
 +
#context-menu.contextmenu--raised {
 +
  z-index: 1039;
 +
}
 +
.files-list-wrapper {
 +
  overflow-y: auto;
 +
  max-height: 400px;
 +
}
 +
.files-list-wrapper::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.files-list-wrapper::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.files-list-wrapper:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.files-list-wrapper::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.files-list-wrapper:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.files-picker-icon {
 +
  margin-right: 5px;
 +
}
 +
.popup {
 +
  font-size: 12px;
 +
}
 +
.popup .modal-content .row {
 +
  margin-bottom: 10px;
 +
}
 +
.popup .modal-content.no-gap .row {
 +
  margin-bottom: 0;
 +
}
 +
.popup .filepicker .file-name {
 +
  margin-bottom: 10px;
 +
}
 +
.popup.mini {
 +
  width: 400px;
 +
}
 +
.popup.mini .modal-body {
 +
  padding: 15px;
 +
}
 +
.popup.mini .modal-body .row:last-child {
 +
  margin-bottom: 0;
 +
}
 +
.popup .tag-editor .glyphicon-question-sign {
 +
  margin-top: 8px;
 +
  margin-left: -10px;
 +
  font-size: 14px;
 +
}
 +
.drop-help {
 +
  text-align: center;
 +
  margin: 10px;
 +
  color: #a2b9be;
 +
  border: 2px dashed #e8f0f2;
 +
  padding: 20px;
 +
}
 +
.drop-help .glyphicon,
 +
.drop-help .instructions {
 +
  vertical-align: middle;
 +
  line-height: 30px;
 +
}
 +
.drop-help .glyphicon-cloud-upload {
 +
  font-size: 22px;
 +
  margin-right: 10px;
 +
}
 +
.drop-help .instructions {
 +
  font-size: 16px;
 +
}
 +
.drop-help .btn {
 +
  margin: 0 10px 0;
 +
}
 +
.drop-help.dragging {
 +
  border: 3px solid #428ce1;
 +
}
 +
.drop-emphasis {
 +
  position: fixed;
 +
  left: 0;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  z-index: 1060;
 +
  -webkit-transition: background-color 0.2s ease-out;
 +
  transition: background-color 0.2s ease-out;
 +
}
 +
body:not(.dragging) .drop-emphasis {
 +
  display: none;
 +
}
 +
body.dragging .drop-emphasis {
 +
  background-color: #428ce1;
 +
}
 +
.drop-emphasis.left,
 +
.drop-emphasis.right {
 +
  width: 5px;
 +
}
 +
.drop-emphasis.top,
 +
.drop-emphasis.bottom {
 +
  height: 5px;
 +
}
 +
.drop-emphasis.left {
 +
  right: auto;
 +
}
 +
.drop-emphasis.right {
 +
  left: auto;
 +
}
 +
.drop-emphasis.top {
 +
  bottom: auto;
 +
}
 +
.drop-emphasis.bottom {
 +
  top: auto;
 +
}
 +
.melting-temp-popup label {
 +
  display: block;
 +
  font-weight: 400;
 +
  font-size: 12px;
 +
  margin-top: 7px;
 +
  text-align: right;
 +
}
 +
.melting-temp-popup .units {
 +
  width: 50px;
 +
}
 +
.melting-temp-popup .set-defaults {
 +
  margin-top: 10px;
 +
}
 +
#banner {
 +
  -webkit-transition: opacity 0.2s ease-out;
 +
  transition: opacity 0.2s ease-out;
 +
  height: 25px;
 +
  line-height: 25px;
 +
  margin: 12.5px 10px;
 +
  padding: 0 20px;
 +
  -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
 +
  background: rgba(0, 0, 0, 0.1);
 +
  color: white;
 +
  border-radius: 4px;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
 +
  white-space: nowrap;
 +
}
 +
#banner p {
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
#banner a {
 +
  color: white;
 +
  text-decoration: underline;
 +
}
 +
.backdrop {
 +
  position: fixed;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  z-index: 1000;
 +
  cursor: default;
 +
}
 +
.backdrop--raised {
 +
  z-index: 1038;
 +
}
 +
#header {
 +
  border-top: 2px solid #428ce1;
 +
  border-bottom: 1px solid #e8f0f2;
 +
  background: white;
 +
  border-radius: 0;
 +
}
 +
#header.impersonating {
 +
  background: #e96e51 !important;
 +
}
 +
#header .avatar-goldBadge {
 +
  left: 15px;
 +
  top: 10px;
 +
}
 +
#header .nav-profile-img {
 +
  border: 1px solid white;
 +
  vertical-align: top;
 +
  width: 25px;
 +
  height: 25px;
 +
  border-radius: 3px;
 +
}
 +
#header .user-dropdown .dropdown-handle {
 +
  display: inline-block;
 +
  max-width: 140px;
 +
  overflow-x: hidden;
 +
  white-space: nowrap;
 +
  text-overflow: ellipsis;
 +
  vertical-align: bottom;
 +
}
 +
@media (max-width: 767px) {
 +
  #header .user-dropdown .dropdown-handle {
 +
    max-width: 250px;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  #header .user-dropdown .dropdown-handle {
 +
    max-width: 175px;
 +
  }
 +
}
 +
@media (min-width: 1200px) {
 +
  #header .user-dropdown .dropdown-handle {
 +
    max-width: 250px;
 +
  }
 +
}
 +
#header .create-dropdown,
 +
#header .user-dropdown {
 +
  border-left: 1px solid #e8f0f2;
 +
  font-size: 11px;
 +
}
 +
#header .create-dropdown:last-child,
 +
#header .user-dropdown:last-child {
 +
  border-right: 1px solid #e8f0f2;
 +
}
 +
#header .create-dropdown .dropdown-toggle,
 +
#header .user-dropdown .dropdown-toggle {
 +
  color: #344043;
 +
  font-weight: 700;
 +
  letter-spacing: 1px;
 +
  line-height: 25px;
 +
  padding-top: 13px;
 +
  padding-bottom: 12px;
 +
  text-transform: uppercase;
 +
  font-weight: 500;
 +
  font-size: 11px;
 +
}
 +
#header .create-dropdown .dropdown-toggle .glyphicon-plus,
 +
#header .user-dropdown .dropdown-toggle .glyphicon-plus {
 +
  margin-top: -1px;
 +
  margin-right: 3px;
 +
}
 +
#header .create-dropdown .dropdown-toggle .caret,
 +
#header .user-dropdown .dropdown-toggle .caret {
 +
  border-top-color: #344043;
 +
  border-bottom-color: #344043;
 +
}
 +
#header .create-dropdown .dropdown-menu a,
 +
#header .user-dropdown .dropdown-menu a {
 +
  padding: 5px 15px;
 +
  font-size: 12px;
 +
}
 +
#header .create-dropdown .dropdown-menu .glyphicon,
 +
#header .user-dropdown .dropdown-menu .glyphicon,
 +
#header .create-dropdown .dropdown-menu i,
 +
#header .user-dropdown .dropdown-menu i {
 +
  display: inline-block;
 +
  width: 10px;
 +
}
 +
#header .create-dropdown.open .dropdown-toggle,
 +
#header .user-dropdown.open .dropdown-toggle,
 +
#header .create-dropdown:focus .dropdown-toggle,
 +
#header .user-dropdown:focus .dropdown-toggle,
 +
#header .create-dropdown:hover .dropdown-toggle,
 +
#header .user-dropdown:hover .dropdown-toggle {
 +
  color: #3498db;
 +
  background: none;
 +
}
 +
#header .create-dropdown.open .dropdown-toggle .caret,
 +
#header .user-dropdown.open .dropdown-toggle .caret,
 +
#header .create-dropdown:focus .dropdown-toggle .caret,
 +
#header .user-dropdown:focus .dropdown-toggle .caret,
 +
#header .create-dropdown:hover .dropdown-toggle .caret,
 +
#header .user-dropdown:hover .dropdown-toggle .caret {
 +
  border-top-color: #428ce1;
 +
  border-bottom-color: #428ce1;
 +
}
 +
.dropdown-menu > li > a.user-dropdown-toggleItem {
 +
  color: #428ce1;
 +
}
 +
.dropdown-menu > li > a.user-dropdown-toggleItem:focus,
 +
.dropdown-menu > li > a.user-dropdown-toggleItem:hover {
 +
  color: #ffffff;
 +
}
 +
#back-nav {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 5px;
 +
}
 +
#back-nav a {
 +
  display: inline-block;
 +
  padding: 10px 2px;
 +
  color: #c6dcf6;
 +
  text-transform: uppercase;
 +
  text-decoration: none;
 +
  width: 17px;
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
  font-weight: 700;
 +
  font-size: 11px;
 +
  -webkit-transition: width 0.2s ease-out, color 0.2s ease-out, background 0.2s ease-out;
 +
  transition: width 0.2s ease-out, color 0.2s ease-out, background 0.2s ease-out;
 +
}
 +
#back-nav a:hover {
 +
  width: 170px;
 +
  color: white;
 +
}
 +
#back-nav a:hover .glyphicon {
 +
  font-weight: 700;
 +
}
 +
#back-nav a .glyphicon {
 +
  margin-right: 10px;
 +
}
 +
.folders-filter {
 +
  margin-top: 12px;
 +
}
 +
#reconnecting {
 +
  display: none;
 +
}
 +
#reconnecting .loading-text {
 +
  width: 400px;
 +
  margin-left: -200px;
 +
}
 +
.fullscreen-msg {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  z-index: 1051;
 +
  -webkit-transition: opacity 0.15s ease-out;
 +
  transition: opacity 0.15s ease-out;
 +
}
 +
.fullscreen-msg.transparent {
 +
  opacity: 0;
 +
}
 +
.fullscreen-msg .loading-text {
 +
  text-align: center;
 +
  height: 100px;
 +
  line-height: 100px;
 +
  width: 200px;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin-top: -80px;
 +
  margin-left: -100px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 1px;
 +
  font-size: 16px;
 +
}
 +
.overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  z-index: 1009;
 +
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
  background-color: rgba(52, 64, 67, 0.6);
 +
}
 +
.pdf-preview-modal .preview-wrapper {
 +
  background-color: #a2b9be;
 +
  text-align: center;
 +
  padding: 5px;
 +
  pointer-events: none;
 +
  cursor: default;
 +
}
 +
.pdf-preview-modal .pagination-row {
 +
  text-align: center;
 +
  margin-top: 5px;
 +
}
 +
.pdf-preview-modal .pagination-row > div {
 +
  line-height: 30px;
 +
}
 +
#editor div[contentEditable],
 +
#library-page div[contentEditable] {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
}
 +
#editor .selectable,
 +
#library-page .selectable {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  cursor: text;
 +
}
 +
#editor {
 +
  overflow-y: hidden;
 +
  min-height: 350px;
 +
  height: 100%;
 +
  position: relative;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
#editor::-webkit-scrollbar-thumb {
 +
  background: #a2b9be;
 +
}
 +
#editor::-webkit-scrollbar {
 +
  height: 5px;
 +
}
 +
#editor #clipboard-input {
 +
  position: fixed;
 +
  top: -1000px;
 +
  opacity: 0;
 +
  outline: 0;
 +
}
 +
#editor .tooltip-inner {
 +
  white-space: pre-wrap;
 +
  word-break: break-word;
 +
}
 +
#editor .share-view {
 +
  display: inline-block;
 +
}
 +
#editor .share-view.disabled .btn {
 +
  pointer-events: none;
 +
  opacity: 0.65;
 +
}
 +
#editor .share-view .share-option-mount {
 +
  display: inline-block;
 +
}
 +
#editor .share-view .share-option {
 +
  display: inline-block;
 +
  position: relative;
 +
}
 +
#editor fieldset legend {
 +
  font-size: 17px;
 +
  margin: 10px 0;
 +
  padding-bottom: 4px;
 +
}
 +
#editor .btn-af-sized,
 +
#editor .btn-af-default,
 +
#editor .btn-af-primary,
 +
#editor .btn-af-success,
 +
#editor .btn-af-warning,
 +
#editor .btn-af-danger {
 +
  min-height: 28px;
 +
  line-height: 20px;
 +
}
 +
#editor .btn-af-sized.btn-option,
 +
#editor .btn-af-default.btn-option,
 +
#editor .btn-af-primary.btn-option,
 +
#editor .btn-af-success.btn-option,
 +
#editor .btn-af-warning.btn-option,
 +
#editor .btn-af-danger.btn-option,
 +
#editor .btn-af-sized.btn-sm,
 +
#editor .btn-af-default.btn-sm,
 +
#editor .btn-af-primary.btn-sm,
 +
#editor .btn-af-success.btn-sm,
 +
#editor .btn-af-warning.btn-sm,
 +
#editor .btn-af-danger.btn-sm {
 +
  height: 24px;
 +
  min-height: 24px;
 +
  padding: 1px 5px;
 +
}
 +
#editor .btn-af-sized.btn-option em,
 +
#editor .btn-af-default.btn-option em,
 +
#editor .btn-af-primary.btn-option em,
 +
#editor .btn-af-success.btn-option em,
 +
#editor .btn-af-warning.btn-option em,
 +
#editor .btn-af-danger.btn-option em,
 +
#editor .btn-af-sized.btn-sm em,
 +
#editor .btn-af-default.btn-sm em,
 +
#editor .btn-af-primary.btn-sm em,
 +
#editor .btn-af-success.btn-sm em,
 +
#editor .btn-af-warning.btn-sm em,
 +
#editor .btn-af-danger.btn-sm em {
 +
  font-style: normal;
 +
  text-decoration: underline;
 +
}
 +
#editor #header {
 +
  background: #428ce1;
 +
  border-top: 0;
 +
  border-bottom: none;
 +
}
 +
#editor #header .navbar-brand {
 +
  padding-top: 5px;
 +
  padding-bottom: 2px;
 +
}
 +
#editor #header .container {
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
#editor #header .row {
 +
  margin-bottom: 0;
 +
  margin-left: 0;
 +
  margin-right: 0;
 +
}
 +
#editor #header .row > div {
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
#editor #header .nav-btn {
 +
  background: none;
 +
  padding: 15px 10px;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  border: none;
 +
}
 +
#editor #header .nav-btn:hover {
 +
  color: #e8f0f2;
 +
}
 +
#editor #header #auth-nav > li > a {
 +
  color: white;
 +
}
 +
#editor #header #auth-nav > li > a:hover,
 +
#editor #header #auth-nav > li > a:focus {
 +
  color: #e8f0f2;
 +
  background: none;
 +
}
 +
#editor #header .create-dropdown,
 +
#editor #header .user-dropdown {
 +
  border-left-color: #2172cf;
 +
  border-right-color: #2172cf;
 +
}
 +
#editor #header .create-dropdown .dropdown-toggle .caret,
 +
#editor #header .user-dropdown .dropdown-toggle .caret {
 +
  border-top-color: white;
 +
  border-bottom-color: white;
 +
}
 +
#editor #header .create-dropdown .dropdown-toggle .caret:hover,
 +
#editor #header .user-dropdown .dropdown-toggle .caret:hover,
 +
#editor #header .create-dropdown .dropdown-toggle .caret:focus,
 +
#editor #header .user-dropdown .dropdown-toggle .caret:focus {
 +
  border-top-color: #e8f0f2;
 +
  border-bottom-color: #e8f0f2;
 +
}
 +
#editor .notifications-container {
 +
  padding-top: 6px;
 +
  position: fixed;
 +
  left: 50%;
 +
  top: 0;
 +
  margin-left: -250px;
 +
  width: 500px;
 +
}
 +
#editor .notifications-container .alert {
 +
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
 +
  margin-bottom: 10px;
 +
  border-radius: 2px;
 +
}
 +
#editor .notifications-container .alert:first-child {
 +
  border: 1px solid #f8fafb;
 +
}
 +
#editor .notifications-container .alert:hover {
 +
  border-color: #344043;
 +
}
 +
#editor .nav-container {
 +
  max-width: none;
 +
}
 +
#editor .nav-container .navbar-brand {
 +
  margin-left: 0;
 +
}
 +
#editor .ui-slider .ui-slider-handle {
 +
  border: 1px solid #a2b9be;
 +
  z-index: 2;
 +
  width: 12px;
 +
  height: 12px;
 +
  border-radius: 6px;
 +
  background: white;
 +
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
 +
  cursor: pointer;
 +
}
 +
#editor .ui-slider .ui-slider-handle:focus,
 +
#editor .ui-slider .ui-slider-handle:active {
 +
  outline: 0;
 +
}
 +
#editor .context-item,
 +
#editor .context-submenu-item {
 +
  cursor: default;
 +
}
 +
#editor .ui-widget-content {
 +
  border: 1px solid #a2b9be;
 +
  background: #ffffff;
 +
  color: #344043;
 +
}
 +
#editor .ui-corner-all,
 +
#editor .ui-corner-bottom,
 +
#editor .ui-corner-right,
 +
#editor .ui-corner-br {
 +
  border-bottom-right-radius: 4px;
 +
}
 +
#editor .ui-corner-all,
 +
#editor .ui-corner-bottom,
 +
#editor .ui-corner-left,
 +
#editor .ui-corner-bl {
 +
  border-bottom-left-radius: 4px;
 +
}
 +
#editor .ui-corner-all,
 +
#editor .ui-corner-top,
 +
#editor .ui-corner-right,
 +
#editor .ui-corner-tr {
 +
  border-top-right-radius: 4px;
 +
}
 +
#editor .ui-corner-all,
 +
#editor .ui-corner-top,
 +
#editor .ui-corner-left,
 +
#editor .ui-corner-tl {
 +
  border-top-left-radius: 4px;
 +
}
 +
#editor .ui-slider-horizontal {
 +
  height: 4px;
 +
}
 +
#editor .input-group .form-control:last-child,
 +
#editor .input-group-addon:last-child,
 +
#editor .input-group-btn:last-child > .btn,
 +
#editor .input-group-btn:last-child > .dropdown-toggle,
 +
#editor .input-group-btn:first-child > .btn:not(:first-child) {
 +
  border-bottom-left-radius: 0;
 +
  border-top-left-radius: 0;
 +
}
 +
#editor .input-group .form-control:first-child,
 +
#editor .input-group-addon:first-child,
 +
#editor .input-group-btn:first-child > .btn,
 +
#editor .input-group-btn:first-child > .dropdown-toggle,
 +
#editor .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
#editor .panel {
 +
  z-index: 10;
 +
}
 +
#editor .panel .panel-content {
 +
  height: auto;
 +
  overflow-y: auto;
 +
}
 +
#editor .panel .panel-content::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#editor .panel .panel-content::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#editor .panel .panel-content:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#editor .panel .panel-content::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#editor .panel .panel-content:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#editor .panel h4,
 +
#editor .panel h5,
 +
#editor .panel h6 {
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif;
 +
}
 +
#editor .panel h4 {
 +
  margin: 0;
 +
  font-size: 12px;
 +
  font-weight: 500;
 +
  padding: 8px 0;
 +
  text-align: center;
 +
  cursor: pointer;
 +
}
 +
#editor .panel h5 {
 +
  font-size: 12px;
 +
  font-weight: 500;
 +
  text-align: left;
 +
  margin-bottom: 5px;
 +
}
 +
#editor .panel h5.text-right {
 +
  text-align: right;
 +
}
 +
#editor .panel h6 {
 +
  font-size: 12px;
 +
  font-weight: normal;
 +
  text-align: left;
 +
}
 +
#editor .panel h6.overflow-ellipsis {
 +
  text-overflow: ellipsis;
 +
  overflow: hidden;
 +
}
 +
#editor .panel .alert {
 +
  padding: 10px;
 +
}
 +
#editor .row {
 +
  margin-bottom: 5px;
 +
}
 +
#editor select,
 +
#editor textarea,
 +
#editor input[type="text"],
 +
#editor input[type="password"],
 +
#editor input[type="datetime"],
 +
#editor input[type="datetime-local"],
 +
#editor input[type="date"],
 +
#editor input[type="month"],
 +
#editor input[type="time"],
 +
#editor input[type="week"],
 +
#editor input[type="number"],
 +
#editor input[type="email"],
 +
#editor input[type="url"],
 +
#editor input[type="search"],
 +
#editor input[type="tel"],
 +
#editor input[type="color"],
 +
#editor .in-input {
 +
  min-height: 28px;
 +
  height: 28px;
 +
  padding: 5px 10px;
 +
  border-radius: 2px;
 +
}
 +
#editor .select2-container .select2-choice {
 +
  min-height: 28px;
 +
  height: 28px;
 +
  line-height: 28px;
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
}
 +
#editor .select2-container .select2-choice .select2-arrow b {
 +
  margin-top: 0;
 +
}
 +
#editor textarea {
 +
  height: auto;
 +
}
 +
#editor .panel-divider {
 +
  height: 0;
 +
  overflow: hidden;
 +
  border: none;
 +
  background: transparent;
 +
  border-bottom: 1px solid #DDD;
 +
  margin: 15px 0 10px;
 +
}
 +
#editor .sortable-placeholder {
 +
  background: #c7dbe0;
 +
}
 +
#editor {
 +
  min-width: 550px;
 +
}
 +
#editor.hasSplitWorkspace {
 +
  min-width: 845px;
 +
}
 +
#editor.hasFileBrowserOpen {
 +
  min-width: 710px;
 +
}
 +
#editor.hasSplitWorkspace.hasFileBrowserOpen {
 +
  min-width: 1095px;
 +
}
 +
#history-panel .disabled {
 +
  pointer-events: none;
 +
  text-decoration: none;
 +
  color: #a2b9be;
 +
}
 +
#history-panel .lineage-sequence-name {
 +
  max-width: 150px;
 +
}
 +
#annotation-panel table {
 +
  table-layout: fixed;
 +
}
 +
#annotation-panel table th.visibility,
 +
#annotation-panel table th.color {
 +
  width: 20px;
 +
}
 +
#annotation-panel table th.length {
 +
  width: 50px;
 +
}
 +
#annotation-panel table th.location {
 +
  width: 90px;
 +
}
 +
#annotation-panel table td.annotation-name {
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
#annotation-panel .edit-annotation-features {
 +
  display: none;
 +
}
 +
#annotation-panel .edit-annotation-features.signed-in {
 +
  display: block;
 +
}
 +
#annotation-panel .annotation-row {
 +
  cursor: pointer;
 +
}
 +
#annotation-panel .panel-sidebar div:first-child {
 +
  display: block;
 +
}
 +
#annotation-panel .panel-sidebar h5 {
 +
  margin-bottom: 10px;
 +
  margin-top: 0px;
 +
}
 +
#annotation-panel .panel-sidebar td:first-child {
 +
  width: 25px;
 +
}
 +
#annotation-panel .panel-sidebar td label {
 +
  font-weight: 400;
 +
}
 +
#annotation-panel .panel-sidebar .no-annotation-types {
 +
  margin-top: 20px;
 +
}
 +
#annotation-panel .panel-sidebar tr {
 +
  cursor: pointer;
 +
}
 +
#annotation-panel .duplicate-annotation-warning {
 +
  display: none;
 +
  line-height: 24px;
 +
}
 +
#auto-annotation .select2-container {
 +
  display: block;
 +
}
 +
#auto-annotation .search-results {
 +
  max-height: 150px;
 +
  overflow-y: auto;
 +
}
 +
#auto-annotation .search-results::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#auto-annotation .search-results::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#auto-annotation .search-results:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#auto-annotation .search-results::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#auto-annotation .search-results:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#auto-annotation .search-throbber {
 +
  background: url('../img/search-spinner.gif') center center no-repeat transparent;
 +
  height: 30px;
 +
}
 +
.version-row {
 +
  cursor: pointer;
 +
}
 +
.version-row .name div {
 +
  white-space: nowrap;
 +
  width: 125px;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.version-row .time div {
 +
  white-space: nowrap;
 +
  width: 85px;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
.version-row .user div {
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  width: 60px;
 +
}
 +
.historyVersionTable thead tr .user.half div {
 +
  width: 160px;
 +
}
 +
.historyVersionTable thead tr .time.half div {
 +
  width: 135px;
 +
}
 +
.historyVersionTable thead tr .name.third div {
 +
  width: 140px;
 +
}
 +
.historyVersionTable thead tr .user.third div {
 +
  width: 70px;
 +
}
 +
.historyVersionTable thead tr .time.third div {
 +
  width: 85px;
 +
}
 +
.historyVersionTable.scrollable tbody {
 +
  max-height: 170px;
 +
  overflow-x: hidden;
 +
}
 +
.historyVersionTable .version-row .user.half div {
 +
  width: 160px;
 +
}
 +
.historyVersionTable .version-row .time.half div {
 +
  width: 135px;
 +
}
 +
.historyVersionTable .version-row .name.third div {
 +
  width: 140px;
 +
}
 +
.historyVersionTable .version-row .user.third div {
 +
  width: 70px;
 +
}
 +
.historyVersionTable .version-row .time.third div {
 +
  width: 85px;
 +
}
 +
.historyVersionTable .version-row.is-reverted .user div {
 +
  padding-left: 8px;
 +
}
 +
.historyVersionTable .version-row.active {
 +
  font-weight: 500;
 +
}
 +
.historyVersionTable .version-row.active.is-fetching {
 +
  font-weight: normal;
 +
}
 +
.panel-library-row {
 +
  cursor: pointer;
 +
}
 +
.panel-library-row .name div {
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  width: 200px;
 +
}
 +
.panel-library-row .time div {
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
  text-overflow: ellipsis;
 +
  text-align: right;
 +
}
 +
.panel-library-row .delete {
 +
  visibility: hidden;
 +
  cursor: pointer;
 +
}
 +
.panel-library-row .delete:hover {
 +
  color: #e96e51;
 +
}
 +
.panel-library-row:hover .delete {
 +
  visibility: visible;
 +
}
 +
.relative {
 +
  position: relative;
 +
}
 +
tbody.editable-table {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
tbody.editable-table tr.editable-table-row {
 +
  cursor: pointer;
 +
}
 +
tbody.editable-table tr.editable-table-row.active td {
 +
  background: #feefd1;
 +
}
 +
tbody.editable-table tr.editable-table-row.active td .text-editable:hover:not(.focus),
 +
tbody.editable-table tr.editable-table-row.active td .text-editable.hover:not(.focus),
 +
tbody.editable-table tr.editable-table-row.active td .text-editable:hover:not(:focus),
 +
tbody.editable-table tr.editable-table-row.active td .text-editable.hover:not(:focus) {
 +
  background: #fff8ea;
 +
}
 +
tbody.editable-table tr.editable-table-row .text {
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  display: inline-block;
 +
  line-height: normal;
 +
  width: 100%;
 +
  min-height: 1.3em;
 +
}
 +
tbody.editable-table tr.editable-table-row .editable-text:empty:not(:focus) {
 +
  border: 1px dotted #a2b9be;
 +
}
 +
tbody.editable-table tr.editable-table-row .editable-text:hover:focus {
 +
  cursor: text;
 +
}
 +
tbody.editable-table tr.editable-table-row td.editable-content {
 +
  position: relative;
 +
}
 +
tbody.editable-table tr.editable-table-row .edit-text,
 +
tbody.editable-table tr.editable-table-row .delete-text {
 +
  position: absolute;
 +
  padding: 3px;
 +
  display: none;
 +
  color: #344043;
 +
  right: 0;
 +
  width: auto;
 +
}
 +
tbody.editable-table tr.editable-table-row .edit-text {
 +
  bottom: 0;
 +
}
 +
tbody.editable-table tr.editable-table-row .edit-text:hover,
 +
tbody.editable-table tr.editable-table-row .edit-text.hover {
 +
  display: block;
 +
  color: #428ce1;
 +
}
 +
tbody.editable-table tr.editable-table-row .delete-text {
 +
  top: 0;
 +
}
 +
tbody.editable-table tr.editable-table-row .delete-text:hover,
 +
tbody.editable-table tr.editable-table-row .delete-text.hover {
 +
  display: block;
 +
  color: #e96e51;
 +
}
 +
tbody.editable-table tr.editable-table-row td.editable-content:hover .edit-text,
 +
tbody.editable-table tr.editable-table-row td.editable-content:hover .delete-text {
 +
  display: block;
 +
}
 +
tbody.editable-table .check {
 +
  color: #03c08d;
 +
  width: 100%;
 +
}
 +
tbody.editable-table .check.false {
 +
  color: #a2b9be;
 +
  opacity: 0;
 +
}
 +
tbody.editable-table .editable-check.false.hover {
 +
  opacity: 1;
 +
}
 +
tbody.editable-table .editable-check.true.hover:not(.focus) {
 +
  color: #e96e51;
 +
}
 +
tbody.editable-table .editable-check.text-hover,
 +
tbody.editable-table .editable-check.focus {
 +
  opacity: 1;
 +
  height: 18px;
 +
}
 +
tbody.editable-table .editable-check.text-hover:before,
 +
tbody.editable-table .editable-check.focus:before {
 +
  content: normal;
 +
}
 +
tbody.editable-table .editable-check.focus {
 +
  color: black;
 +
  font-family: inherit;
 +
}
 +
.table.oligos-table th.input,
 +
.table.annotations-table th.input,
 +
.primer3-view .primers-table th.input,
 +
.table.fragments-table th.input,
 +
.table.enzymes-table th.input {
 +
  padding-bottom: 2px;
 +
}
 +
.table.oligos-table tr,
 +
.table.annotations-table tr,
 +
.primer3-view .primers-table tr,
 +
.table.fragments-table tr,
 +
.table.enzymes-table tr {
 +
  cursor: pointer;
 +
}
 +
.table.oligos-table tr.active td,
 +
.table.annotations-table tr.active td,
 +
.primer3-view .primers-table tr.active td,
 +
.table.fragments-table tr.active td,
 +
.table.enzymes-table tr.active td {
 +
  background: #feefd1;
 +
}
 +
.table.enzymes-table tr {
 +
  cursor: default;
 +
}
 +
#editor .annotations-table col.visibility,
 +
#editor .annotations-table col.color {
 +
  width: 35px;
 +
}
 +
#editor .annotations-table col.start,
 +
#editor .annotations-table col.end {
 +
  width: 50px;
 +
}
 +
#editor .annotations-table col.length {
 +
  width: 75px;
 +
}
 +
#editor .annotations-table col.type {
 +
  width: 100px;
 +
  text-overflow: ellipsis;
 +
}
 +
#editor .annotations-table col.name {
 +
  text-overflow: ellipsis;
 +
}
 +
#editor .annotations-table col.strand {
 +
  width: 60px;
 +
}
 +
#editor .annotations-table input[type='checkbox'] {
 +
  margin-top: 2px;
 +
}
 +
#editor .annotations-table .text-editable {
 +
  min-width: 50px;
 +
}
 +
#editor .annotations-table select {
 +
  width: auto;
 +
  height: 20px;
 +
}
 +
#buffers .primer3-view .table.primers-table td,
 +
#buffers .primer3-view .table.primers-table th {
 +
  white-space: nowrap;
 +
  padding: 4px 6px;
 +
}
 +
#buffers .primer3-view .table.primers-table td .glyphicon-question-sign,
 +
#buffers .primer3-view .table.primers-table th .glyphicon-question-sign {
 +
  margin-top: 0px;
 +
  margin-left: 3px;
 +
  font-size: 11px;
 +
  text-decoration: none;
 +
}
 +
#buffers .primer3-view .table.primers-table tbody {
 +
  border-top-width: 1px;
 +
}
 +
#buffers .primer3-view .table.primers-table tbody:hover td {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .primer3-view .table.primers-table tbody.active td {
 +
  background: #feefd1;
 +
}
 +
#buffers .primer3-view .table.primers-table td {
 +
  border-top: 0;
 +
}
 +
#buffers .primer3-view .disabled {
 +
  pointer-events: none;
 +
}
 +
#editor.has-hidden-statusbar #filebar {
 +
  bottom: 0;
 +
}
 +
#filebar {
 +
  background: #f9f9f9;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 25px;
 +
  width: 25px;
 +
  border-right: 1px solid #bdc3c7;
 +
  z-index: 50;
 +
  -webkit-transition: width 0.15s ease-out;
 +
  transition: width 0.15s ease-out;
 +
}
 +
#filebar.opened {
 +
  width: 750px;
 +
  padding: 15px 0px 15px 0px;
 +
}
 +
#filebar.opened .container {
 +
  height: 100%;
 +
  width: 100%;
 +
}
 +
#filebar.opened .container .browserbar {
 +
  display: block;
 +
  height: 100%;
 +
  overflow-y: auto;
 +
}
 +
#filebar.opened .container .browserbar::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#filebar.opened .container .browserbar::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#filebar.opened .container .browserbar:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#filebar.opened .container .browserbar::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#filebar.opened .container .browserbar:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#filebar.opened .container .browserbar .loading {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  background: url('../img/search-spinner.gif') center center no-repeat rgba(255, 255, 255, 0.5);
 +
  z-index: 10;
 +
}
 +
#filebar.opened .container .browserbar h3 {
 +
  font-size: 14px;
 +
  margin: 5px 0;
 +
}
 +
#filebar.opened .container .browserbar .search-wrapper {
 +
  position: relative;
 +
}
 +
#filebar.opened .container .browserbar .search-wrapper .glyphicon {
 +
  position: absolute;
 +
  right: 10px;
 +
  top: 7px;
 +
  color: #a2b9be;
 +
  background: rgba(255, 255, 255, 0.5);
 +
}
 +
#filebar.opened .container .browserbar .search-wrapper .glyphicon-remove {
 +
  cursor: pointer;
 +
}
 +
#filebar.opened .container .browserbar .search-wrapper .glyphicon-remove:hover {
 +
  color: #344043;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel-tabs-wrapper {
 +
  margin-right: 70px;
 +
  margin-bottom: 15px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel-tabs-wrapper .browser-panel-tabs {
 +
  width: 100%;
 +
  height: 31px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panels {
 +
  position: relative;
 +
  margin-top: 10px;
 +
  white-space: nowrap;
 +
  overflow-x: hidden;
 +
}
 +
#filebar.opened .container .browserbar .search-results {
 +
  margin-top: 10px;
 +
}
 +
#filebar.opened .container .browserbar ul.clickable-list {
 +
  padding: 0;
 +
  margin: 0 0 15px;
 +
  list-style: none;
 +
  border: 1px solid #d9dcde;
 +
  border-width: 1px 1px 0;
 +
}
 +
#filebar.opened .container .browserbar ul.clickable-list li {
 +
  border-bottom: 1px solid #d9dcde;
 +
  padding: 7px 5px;
 +
  background: white;
 +
  cursor: pointer;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
}
 +
#filebar.opened .container .browserbar ul.clickable-list li:hover {
 +
  background: #f8fbfb;
 +
}
 +
#filebar.opened .container .browserbar ul.clickable-list li .folder,
 +
#filebar.opened .container .browserbar ul.clickable-list li .owner,
 +
#filebar.opened .container .browserbar ul.clickable-list li .extra {
 +
  color: #a2b9be;
 +
}
 +
#filebar.opened .container .browserbar ul.clickable-list li .extra {
 +
  font-size: 12px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel,
 +
#filebar.opened .container .browserbar .search-results {
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  width: 100%;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .back-button,
 +
#filebar.opened .container .browserbar .search-results .back-button {
 +
  border-radius: 0;
 +
  margin-bottom: 7px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .back-button .glyphicon-chevron-left,
 +
#filebar.opened .container .browserbar .search-results .back-button .glyphicon-chevron-left {
 +
  margin-right: 5px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .external-search-link,
 +
#filebar.opened .container .browserbar .search-results .external-search-link {
 +
  font-size: 12px;
 +
  margin-top: 5px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .recent-sequences,
 +
#filebar.opened .container .browserbar .search-results .recent-sequences {
 +
  max-height: 133px;
 +
  overflow: auto;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar,
 +
#filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar-track,
 +
#filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .recent-sequences:hover::-webkit-scrollbar-track,
 +
#filebar.opened .container .browserbar .search-results .recent-sequences:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar-thumb,
 +
#filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#filebar.opened .container .browserbar .browser-panel .recent-sequences:hover::-webkit-scrollbar-thumb,
 +
#filebar.opened .container .browserbar .search-results .recent-sequences:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#filebar.opened > .navbar {
 +
  display: none;
 +
}
 +
#filebar .browserbar {
 +
  display: none;
 +
}
 +
#filebar .navbar {
 +
  padding-left: 0px;
 +
  border: none;
 +
  z-index: auto;
 +
}
 +
#filebar #open-icon-wrapper {
 +
  display: inline-block;
 +
  height: 24px;
 +
  line-height: 24px;
 +
  width: 100%;
 +
  border-bottom: 1px solid #bdc3c7;
 +
  text-align: center;
 +
}
 +
#filebar #open-icon-wrapper.signed-in .signed-in-icon {
 +
  display: inline-block;
 +
}
 +
#filebar #open-icon-wrapper.signed-in .signed-out-icon {
 +
  display: none;
 +
}
 +
#filebar #open-icon-wrapper .signed-in-icon {
 +
  display: none;
 +
}
 +
#filebar #open-icon-wrapper .signed-out-icon {
 +
  display: inline-block;
 +
}
 +
#filebar #open-icon-wrapper .open-icon {
 +
  color: #a2b9be;
 +
  cursor: pointer;
 +
  height: auto;
 +
}
 +
#filebar #open-icon-wrapper .open-icon:hover {
 +
  color: #5c7c83;
 +
}
 +
#filebar #open-icon-wrapper .open-icon.disabled {
 +
  color: #a2b9be;
 +
}
 +
#filebar #open-icon-wrapper .open-icon.glyphicon-arrow-up {
 +
  -webkit-transform: rotate(45deg);
 +
  -moz-transform: rotate(45deg);
 +
  -ms-transform: rotate(45deg);
 +
  -o-transform: rotate(45deg);
 +
  transform: rotate(45deg);
 +
}
 +
#filebar .filebar-item {
 +
  display: inline-block;
 +
  margin-left: -4px;
 +
  float: none;
 +
  cursor: pointer;
 +
}
 +
#filebar .filebar-item a {
 +
  background: #c9d8db;
 +
  padding: 0 10px;
 +
  height: 24px;
 +
  line-height: 24px;
 +
  border-left: 1px solid #bdc3c7;
 +
  cursor: default;
 +
  font-weight: 500;
 +
  color: #344043;
 +
}
 +
#filebar .filebar-item a:hover {
 +
  background: #d9dcde;
 +
}
 +
#filebar .filebar-item a .name {
 +
  max-width: 200px;
 +
  text-align: center;
 +
  overflow-x: hidden;
 +
  display: inline-block;
 +
}
 +
#filebar .filebar-item a .badge-close {
 +
  color: #a2b9be;
 +
  vertical-align: top;
 +
  cursor: default;
 +
  display: inline-block;
 +
  border-radius: 12px;
 +
  line-height: normal;
 +
  padding: 0 5px;
 +
  margin: 3px 0 0 6px;
 +
}
 +
#filebar .filebar-item a .badge-close:hover {
 +
  color: white;
 +
  background: #a2b9be;
 +
}
 +
#filebar .filebar-item.active a {
 +
  background: #2c76cc;
 +
  color: white;
 +
}
 +
#filebar .filebar-item.active a .badge-close {
 +
  color: #e8f0f2;
 +
}
 +
#filebar .filebar-item.active a .badge-close:hover {
 +
  color: #428ce1;
 +
  background: white;
 +
}
 +
#filebar .filebar-items {
 +
  -webkit-transform-origin: 0 0;
 +
  -moz-transform-origin: 0 0;
 +
  -ms-transform-origin: 0 0;
 +
  -o-transform-origin: 0 0;
 +
  transform-origin: 0 0;
 +
  -webkit-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0);
 +
  -moz-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0);
 +
  -ms-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0);
 +
  -o-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0);
 +
  transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0);
 +
  position: absolute;
 +
  white-space: nowrap;
 +
  top: 0;
 +
  margin: 0;
 +
}
 +
#filebar .filebar-items > li.notify > a {
 +
  overflow-x: -webkit-marquee;
 +
  -webkit-marquee-speed: fast;
 +
  -webkit-marquee-direction: backwards;
 +
  -webkit-marquee-repetition: infinite;
 +
  -webkit-marquee-increment: small;
 +
}
 +
#filebar #open-icon-wrapper + .filebar-items {
 +
  top: 24px;
 +
}
 +
.reset {
 +
  position: relative;
 +
  height: 100%;
 +
  width: 100%;
 +
}
 +
#wrapper {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 54px;
 +
  right: 0;
 +
  -webkit-transition: left 0.15s ease-out;
 +
  transition: left 0.15s ease-out;
 +
}
 +
.subworkspace {
 +
  bottom: 0;
 +
  left: 0;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
#editor.has-shown-workspace .subworkspace {
 +
  top: 40px;
 +
}
 +
#editor.hasLegacyNav #wrapper {
 +
  left: 0;
 +
  top: 50px;
 +
}
 +
#editor.hasLegacyNav .sidebar-mount.is-open ~ #wrapper {
 +
  left: 275px;
 +
}
 +
#editor.has-hidden-statusbar .toolbar {
 +
  bottom: 0;
 +
}
 +
.show {
 +
  display: block;
 +
}
 +
.scroll {
 +
  max-height: 200px;
 +
  overflow-y: auto;
 +
  padding-right: 5px;
 +
  margin-bottom: 10px;
 +
}
 +
.scroll::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.scroll::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.scroll:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.scroll::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.scroll:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
.modal {
 +
  overflow-y: auto;
 +
}
 +
.modal::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.modal::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.modal:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.modal::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.modal:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#create-menu .glyphicon,
 +
#user-menu .glyphicon,
 +
#create-menu i,
 +
#user-menu i {
 +
  margin-right: 10px;
 +
}
 +
.dropdown-menu.select .checkbox {
 +
  padding: 3px 5px 3px 3px;
 +
}
 +
.dropdown-menu.select .checkbox input {
 +
  height: auto;
 +
  margin: 0 5px 0 0;
 +
  vertical-align: middle;
 +
}
 +
.dropdown-menu.select label {
 +
  height: 24px;
 +
  cursor: pointer;
 +
  font-weight: 400;
 +
  color: #344043;
 +
  display: block;
 +
  margin: 0 5px;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
}
 +
.dropdown-menu.select label:hover {
 +
  background-color: #e8f0f2;
 +
}
 +
.dropdown-menu.select label span {
 +
  vertical-align: middle;
 +
}
 +
.dropdown-menu.select label :checked ~ span {
 +
  font-weight: 500;
 +
}
 +
.dropdown-menu.dropdown-menu--noMinWidth {
 +
  min-width: 0;
 +
}
 +
.dropdown-menu.dropdown-menu--horizontal {
 +
  min-width: 0;
 +
}
 +
.dropdown-menu.dropdown-menu--horizontal > li {
 +
  display: inline-block;
 +
}
 +
.dropdown-menu--dropRight {
 +
  left: 100%;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
.dropdown-menu--dropRightUp {
 +
  bottom: 0;
 +
  left: 100%;
 +
  position: absolute;
 +
  top: auto;
 +
}
 +
.dropdown-menu--dropLeft {
 +
  left: auto;
 +
  position: absolute;
 +
  right: 0;
 +
}
 +
.dropdown-menu--dropDown {
 +
  left: 0;
 +
  position: absolute;
 +
  right: auto;
 +
}
 +
.alignment-row {
 +
  margin-bottom: 1px;
 +
}
 +
.alignment-row .dropdown-menu {
 +
  min-width: 200px;
 +
}
 +
.empty-message {
 +
  display: none;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  background: #e8f0f2;
 +
}
 +
.empty-message .signed-in-msg {
 +
  display: none;
 +
}
 +
.empty-message .signed-out-msg {
 +
  display: block;
 +
}
 +
.empty-message.signed-in .signed-in-msg {
 +
  display: block;
 +
}
 +
.empty-message.signed-in .signed-out-msg {
 +
  display: none;
 +
}
 +
.empty-message .empty-message-body {
 +
  position: absolute;
 +
  width: 300px;
 +
  left: 50%;
 +
  margin-left: -125px;
 +
  top: 20%;
 +
}
 +
.empty-message .empty-message-body h1 {
 +
  font-size: 22px;
 +
  border-bottom: 1px solid #d8e5e9;
 +
}
 +
.empty-message .empty-message-body ul {
 +
  padding-left: 0;
 +
  font-size: 14px;
 +
  list-style: none;
 +
}
 +
.empty-message .empty-message-body ul li {
 +
  margin-bottom: 25px;
 +
}
 +
.empty-message .empty-message-body ul li .screenshot {
 +
  float: left;
 +
  margin-top: -5px;
 +
  margin-left: -60px;
 +
  border-radius: 1000px;
 +
  border: 1px solid #d8e5e9;
 +
}
 +
#editor.has-hidden-statusbar #buffers {
 +
  bottom: 0;
 +
}
 +
#editor.has-hidden-toolbar #buffers {
 +
  right: 0;
 +
}
 +
#buffers.assembly {
 +
  bottom: 85px;
 +
}
 +
#buffers.empty .buffer-container {
 +
  display: none;
 +
}
 +
#buffers.empty .empty-message {
 +
  display: block;
 +
}
 +
#buffers .buffer-container {
 +
  height: 100%;
 +
  width: 100%;
 +
  float: left;
 +
  position: relative;
 +
}
 +
#buffers .buffer-container.hide-options-view .buffer-options--builtin {
 +
  display: none;
 +
}
 +
#buffers .buffer-container.hide-options-view .buffer-content.buffer-options-align {
 +
  top: 0;
 +
}
 +
#buffers .buffer-container .loading-screen {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 100%;
 +
  background: url('../img/spinner.gif') center center no-repeat transparent;
 +
}
 +
#buffers .buffer-container .zoom-controls {
 +
  width: 100px;
 +
}
 +
#buffers .buffer-container .zoom-controls.no-zoom {
 +
  opacity: 0.3;
 +
  pointer-events: none;
 +
}
 +
#buffers .buffer-container .zoom-controls .zoom-slider {
 +
  padding: 0;
 +
  height: 6px;
 +
  border: 1px solid #bdc3c7;
 +
  width: 60px;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  margin: 4px 8px;
 +
  vertical-align: text-top;
 +
}
 +
#buffers .buffer-container .pan-controls {
 +
  width: 100px;
 +
}
 +
#buffers .buffer-container .pan-controls .pan-slider {
 +
  padding: 0;
 +
  height: 6px;
 +
  border: 1px solid #bdc3c7;
 +
  width: 60px;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  margin: 4px 8px;
 +
  vertical-align: text-top;
 +
}
 +
#buffers .buffer-container .pan-controls .ui-slider-handle {
 +
  width: 12px;
 +
  height: 12px;
 +
  border-radius: 6px;
 +
  background: white;
 +
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
 +
  cursor: pointer;
 +
}
 +
#buffers .buffer-container .pan-controls .ui-slider-handle:focus,
 +
#buffers .buffer-container .pan-controls .ui-slider-handle:active {
 +
  outline: 0;
 +
}
 +
#buffers .buffer-container .buffer-content {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
}
 +
#buffers .buffer-container .buffer-content.buffer-options-align {
 +
  top: 35px;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer-content-spacer {
 +
  position: absolute;
 +
  top: 25px;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper {
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer .buffer-content-container,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container,
 +
#buffers .buffer-container .buffer-content div.buffer .buffer-content-container-fluid,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container-fluid {
 +
  margin: 0 auto;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer .buffer-content-container,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container {
 +
  max-width: 800px;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer .row,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .row {
 +
  margin-left: -10px;
 +
  margin-right: -10px;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer .bufferRowReset,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .bufferRowReset {
 +
  margin-left: -15px;
 +
  margin-right: -15px;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer .col,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .col,
 +
#buffers .buffer-container .buffer-content div.buffer .control-label,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .control-label {
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer .form-horizontal .form-group,
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .form-horizontal .form-group {
 +
  margin-left: -10px;
 +
  margin-right: -10px;
 +
  margin-bottom: 10px;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map {
 +
  overflow: auto;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map svg.mini-map-title {
 +
  pointer-events: none;
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  top: 10px;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map svg.mini-map {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  position: relative;
 +
  margin-bottom: 30px;
 +
}
 +
#buffers .buffer-container .buffer-content #mini-map svg.mini-map g.title {
 +
  display: none;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view {
 +
  height: 100%;
 +
  width: 100%;
 +
  padding: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .range {
 +
  fill: #feefd1;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .range.range-preview {
 +
  fill: red;
 +
  fill-opacity: 0.3;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .vote-hover-bars {
 +
  cursor: pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .vote-quality-bars {
 +
  cursor: pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top {
 +
  position: relative;
 +
  top: 0px;
 +
  width: 100%;
 +
  background-color: white;
 +
  overflow-y: scroll;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container {
 +
  position: absolute;
 +
  background-color: #e8f0f2;
 +
  width: 100%;
 +
  padding-bottom: 5px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows {
 +
  overflow-y: scroll;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar {
 +
  width: 8px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container .sortable-wrapper .handle {
 +
  cursor: url(../img/openhand.cur), pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignments-container .infinite-scroller {
 +
  padding-left: 0px;
 +
  padding-right: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom {
 +
  position: absolute;
 +
  bottom: 0px;
 +
  width: 100%;
 +
  padding-left: 15px;
 +
  padding-right: 15px;
 +
  background-color: white;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map {
 +
  position: relative;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map svg {
 +
  display: block;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .top-map {
 +
  padding-top: 5px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap {
 +
  max-height: 200px;
 +
  margin-right: -10px;
 +
  overflow-y: auto;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .range-hidden {
 +
  cursor: url(../img/openhand.cur), pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .range-hidden.grabbed {
 +
  cursor: url(../img/closedhand.cur), pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .ui-sortable-placeholder + .alignment-row .handle {
 +
  border-top-width: 1px;
 +
  border-top-style: solid;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment {
 +
  border-color: red;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment .handle {
 +
  background-color: #f8fafb;
 +
  border-color: red;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment .handle .name textarea {
 +
  top: 14px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment {
 +
  border-color: blue;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment .handle {
 +
  background-color: #f8fafb;
 +
  border-color: blue;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment .handle .name textarea {
 +
  top: 14px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top .alignment-row .handle {
 +
  border-top-width: 1px;
 +
  border-left-style: solid;
 +
  border-left-width: 1px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .fixed-top .alignment-row .handle .name {
 +
  white-space: normal;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row {
 +
  border-color: #bdc3c7;
 +
  position: relative;
 +
  min-height: 20px;
 +
  width: 100%;
 +
  padding-top: 0px;
 +
  padding-bottom: 0px;
 +
  background-color: #ffffff;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper:first-child + .alignment-row .handle,
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row:first-child .handle,
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper .handle {
 +
  border-top-width: 1px;
 +
  border-top-style: solid;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle {
 +
  padding: 2px;
 +
  border-bottom-style: solid;
 +
  border-bottom-width: 1px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper {
 +
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 +
  cursor: url(../img/closedhand.cur);
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row svg {
 +
  display: block;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .slice.alignment {
 +
  -webkit-transform: translate3d(0, 0, 0);
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .cursor-triangle {
 +
  display: none;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .trim {
 +
  fill: #a2b9be;
 +
  opacity: 0.5;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus,
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus {
 +
  outline: none;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus path.selection,
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus path.selection,
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus rect.selection,
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus rect.selection {
 +
  fill: #feefd1;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle {
 +
  border-color: #bdc3c7;
 +
  background-color: #eee;
 +
  border-right-style: solid;
 +
  border-right-width: 1px;
 +
  position: absolute;
 +
  float: left;
 +
  width: 105px;
 +
  height: 100%;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .slider-container .ui-slider-vertical {
 +
  width: 8px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .slider-container .ui-slider-handle {
 +
  width: 14px;
 +
  height: 10px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .alignment-prefix {
 +
  font-weight: 600;
 +
  font-size: 10px;
 +
  display: block;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .times {
 +
  line-height: 15px;
 +
  color: #344043;
 +
  cursor: pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .times:hover {
 +
  color: #e96e51;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .options-btn {
 +
  float: left;
 +
  outline: none;
 +
  height: 16px;
 +
  width: 16px;
 +
  padding: 0;
 +
  min-height: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .options-btn .caret {
 +
  margin-top: -3px;
 +
  margin-left: -1px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle.grabbed {
 +
  cursor: url(../img/closedhand.cur), pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name {
 +
  font-size: 10px;
 +
  position: absolute;
 +
  padding-left: 2px;
 +
  width: 72px;
 +
  text-overflow: ellipsis;
 +
  overflow-x: hidden;
 +
  white-space: nowrap;
 +
  display: inline-block;
 +
  height: 95%;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea {
 +
  width: 100%;
 +
  font-size: 10px;
 +
  padding-top: 0px;
 +
  padding-left: 0px;
 +
  padding-bottom: 0px;
 +
  padding-right: 2px;
 +
  resize: none;
 +
  position: absolute;
 +
  bottom: 0px;
 +
  top: 0px;
 +
  min-height: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea:not(:focus) {
 +
  border: none;
 +
  background: none;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea:focus {
 +
  border: none;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .times {
 +
  margin-right: 3px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .content {
 +
  margin-left: 105px;
 +
  min-width: 80px;
 +
  overflow-x: scroll;
 +
  overflow-y: visible;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .alignment-row .content::-webkit-scrollbar {
 +
  display: none;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  width: 350px;
 +
  background-color: #e8f0f2;
 +
  padding: 6px;
 +
  padding-bottom: 43px;
 +
  border: 1px solid #e8f0f2;
 +
  border-radius: 2px;
 +
  z-index: 10;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper {
 +
  width: 100%;
 +
  position: relative;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info {
 +
  position: absolute;
 +
  top: 6px;
 +
  height: 37px;
 +
  width: 100%;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info input {
 +
  text-align: center;
 +
  width: 60px;
 +
  font-size: 12px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .start,
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .dash,
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .end {
 +
  margin-right: 4px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .save {
 +
  margin-left: 10px;
 +
  width: 85px;
 +
  padding-bottom: 3px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .delete {
 +
  color: gray;
 +
  font-size: 15px;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
  margin-top: 0;
 +
  margin-right: 3px;
 +
  line-height: 28px;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .delete:hover {
 +
  color: red;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper {
 +
  position: relative;
 +
  width: 100%;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper .close {
 +
  position: absolute;
 +
  top: 2px;
 +
  right: 4px;
 +
  color: black;
 +
  cursor: pointer;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper .close:hover {
 +
  color: gray;
 +
}
 +
#buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .message {
 +
  resize: none;
 +
  height: 100%;
 +
  padding-bottom: 0;
 +
}
 +
#buffers .buffer-container.full-width {
 +
  width: 100%;
 +
}
 +
#buffers .buffer-container.invisible {
 +
  display: none;
 +
}
 +
#buffers .buffer-container.vertical-split {
 +
  width: 50%;
 +
}
 +
#buffers .buffer-container.horizontal-split {
 +
  height: 50%;
 +
}
 +
#buffers .buffer-container.horizontal-split + .horizontal-split {
 +
  border-top: 1px solid #bdc3c7;
 +
}
 +
#buffers .buffer-container:nth-child(n+2) {
 +
  border-left: 1px solid #bdc3c7;
 +
}
 +
#buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-tab-reset .control-label {
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
}
 +
#editor.hasLegacyNav .zoom-slider,
 +
#editor.hasLegacyNav .pan-slider {
 +
  width: 80px;
 +
}
 +
#editor.hasLegacyNav .zoom-controls,
 +
#editor.hasLegacyNav .pan-controls {
 +
  width: 130px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .external-file-wrapper {
 +
  height: 100%;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .external-file-wrapper .externalFilePreview {
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .external-file-wrapper .externalFilePreview-syncError {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  background: #d9563a;
 +
  color: white;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .external-file-wrapper iframe {
 +
  height: 100%;
 +
  width: 100%;
 +
  /* By default, iframes are inline-block, which results in vertical margin / scrollbar */
 +
  display: block;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .reset-defaults {
 +
  font-size: 12px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .parameters h5 {
 +
  font-size: 15px;
 +
  border-bottom: 0;
 +
  font-weight: 400;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .parameters input[type='text'],
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group label {
 +
  width: 60px;
 +
  margin-right: 5px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .parameters input[type='text'].long-text {
 +
  width: 125px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group {
 +
  margin-bottom: 0;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group label {
 +
  text-align: center;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .generate-primers .tm-params {
 +
  line-height: 28px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .existing-primer {
 +
  text-overflow: ellipsis;
 +
  white-space: nowrap;
 +
  overflow: hidden;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .swatch-big .popover .color-picker .row {
 +
  margin: 0 0 5px 0;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .spinner {
 +
  margin-top: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer legend {
 +
  padding-bottom: 8px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .form-control,
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .help-block,
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .pair-strand,
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .error-msg,
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .existing-primers {
 +
  margin-left: 13px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .invisible {
 +
  visibility: hidden;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .error-msg {
 +
  font-size: 12px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link {
 +
  padding-top: 7px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link a,
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link a:hover {
 +
  color: gray;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link .spinner {
 +
  width: 50px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp {
 +
  font-size: 11px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp button {
 +
  margin-top: 2px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp input {
 +
  width: 40px;
 +
  text-align: right;
 +
  padding-left: 5px;
 +
  padding-right: 5px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .heterodimer-title {
 +
  font-size: 12px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .use-existing-primer .list-group {
 +
  margin-bottom: 10px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .use-existing-primer p:last-child {
 +
  margin-bottom: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .single-save,
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .save-pair {
 +
  width: 100%;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases {
 +
  padding: 0px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .prime {
 +
  display: inline-block;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .five-prime {
 +
  vertical-align: top;
 +
  margin-top: 9px;
 +
  margin-right: 3px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .three-prime {
 +
  vertical-align: bottom;
 +
  margin-bottom: 9px;
 +
  margin-left: 3px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .slice-axis {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  padding-top: 2px;
 +
  display: inline-block;
 +
  margin-left: 5px;
 +
  margin-right: 5px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text-outer {
 +
  display: inline-block;
 +
  padding: 8px;
 +
  border: 1px solid #e8f0f2;
 +
  width: 85%;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text-outer .tooltip-inner {
 +
  max-width: none;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text {
 +
  width: 100%;
 +
  -webkit-user-select: initial;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text:focus {
 +
  outline: 0px solid transparent;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .edit-primer-enzymes {
 +
  width: 100%;
 +
  margin-left: 13px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .input-field {
 +
  padding-top: 7px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .input-field a {
 +
  text-decoration: none;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .list-group-item {
 +
  line-height: 24px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .settings {
 +
  margin-left: 5px;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer hr {
 +
  margin-bottom: 8px;
 +
  width: 85%;
 +
}
 +
#buffers .buffer-container .buffer-content .buffer .edit-primer .radio-inline {
 +
  margin-left: 13px;
 +
  line-height: 21px;
 +
}
 +
#seqsearch {
 +
  top: -180px;
 +
}
 +
#seqsearch .row {
 +
  margin-bottom: 3px;
 +
}
 +
#seqsearch .row .glyphicon-question-sign,
 +
#seqsearch .row .glyphicon-exclamation-sign {
 +
  margin-left: 5px;
 +
  text-decoration: none;
 +
}
 +
#seqsearch .seq-search-box {
 +
  border-radius: 3px;
 +
  border-bottom-right-radius: 0;
 +
  border-top-right-radius: 0;
 +
}
 +
#seqsearch .in-input {
 +
  position: absolute;
 +
  right: 92px;
 +
  top: 2px;
 +
}
 +
#seqsearch .btn {
 +
  color: #344043;
 +
  font-size: 11px;
 +
  width: 35px;
 +
  background: rgba(240, 240, 240, 0.9);
 +
  border: 1px solid #a2b9be;
 +
  border-radius: 0;
 +
}
 +
#seqsearch .settings-link {
 +
  margin-left: 3px;
 +
  margin-right: 3px;
 +
  cursor: pointer;
 +
  text-decoration: none;
 +
  color: #344043;
 +
}
 +
#seqsearch .settings-link:hover {
 +
  color: #5c7c83;
 +
}
 +
#seqsearch .settings-link.active {
 +
  color: #428ce1;
 +
}
 +
#seqsearch .settings-link.active:hover {
 +
  color: #5899e4;
 +
}
 +
#seqsearch .seq-search-count {
 +
  margin-left: 5px;
 +
  color: #a2b9be;
 +
}
 +
#seqsearch .search-dropdown {
 +
  position: absolute;
 +
  left: 0;
 +
  top: 100%;
 +
  width: 100%;
 +
  margin-top: 2px;
 +
}
 +
#seqsearch .search-dropdown.open .settings {
 +
  border-bottom-left-radius: 0;
 +
  border-bottom-right-radius: 0;
 +
  border-bottom: none;
 +
}
 +
#seqsearch .search-dropdown.open .settings:not(.hide) + ul.dropdown-menu {
 +
  border-top-left-radius: 0;
 +
  border-top-right-radius: 0;
 +
  margin-top: -1px;
 +
}
 +
#seqsearch .search-dropdown .settings {
 +
  padding: 5px 8px;
 +
  background-color: white;
 +
  border: 1px solid rgba(0, 0, 0, 0.15);
 +
  border-radius: 3px;
 +
}
 +
#seqsearch .search-dropdown .settings .settings-title {
 +
  font-weight: 900;
 +
  color: #344043;
 +
}
 +
#seqsearch .search-dropdown .settings form {
 +
  padding-left: 2px;
 +
}
 +
#seqsearch .search-dropdown .settings form label {
 +
  color: #344043;
 +
}
 +
#seqsearch .search-dropdown .settings kbd {
 +
  padding: 5px;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu {
 +
  position: relative;
 +
  margin-top: 0px;
 +
  list-style: none;
 +
  width: 100%;
 +
  max-height: 200px;
 +
  overflow-y: auto;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li {
 +
  padding: 3px;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li.result-msg {
 +
  padding-left: 8px;
 +
  padding-right: 8px;
 +
  color: #344043;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li.result-msg .result-count {
 +
  font-weight: 900;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li.result-msg .result-info {
 +
  float: right;
 +
  font-style: italic;
 +
  color: #a2b9be;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a {
 +
  padding: 3px 7px;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a .text {
 +
  margin-left: 28px;
 +
  height: 28px;
 +
  line-height: 28px;
 +
  vertical-align: middle;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a .text .location {
 +
  color: #a2b9be;
 +
  padding-left: 5px;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a .text .name {
 +
  margin-left: 7px;
 +
  display: block;
 +
  overflow: hidden;
 +
  text-overflow: ellipsis;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a .text .name .match {
 +
  font-weight: 900;
 +
  background: #feefd1;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a .feat-swatch {
 +
  height: 24px;
 +
  width: 32px;
 +
  margin: 3px;
 +
  font-size: 10px;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  border: 1px solid #e8f0f2;
 +
  line-height: 20px;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
  font-weight: 600;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a .feat-swatch.striped {
 +
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
 +
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a:hover .text .location {
 +
  color: white;
 +
}
 +
#seqsearch .search-dropdown ul.dropdown-menu li a:hover .text .name .match {
 +
  color: black;
 +
}
 +
#statusbar {
 +
  z-index: 55;
 +
  position: absolute;
 +
  height: 25px;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  border-top: 1px solid #bdc3c7;
 +
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8f0f2), to(#c9d8db));
 +
  background-image: -webkit-linear-gradient(top, #e8f0f2, 0%, #c9d8db, 100%);
 +
  background-image: -moz-linear-gradient(top, #e8f0f2 0%, #c9d8db 100%);
 +
  background-image: linear-gradient(to bottom, #e8f0f2 0%, #c9d8db 100%);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8f0f2', endColorstr='#ffc9d8db', GradientType=0);
 +
  font-size: 12px;
 +
  line-height: 24px;
 +
  padding: 0 10px;
 +
}
 +
#statusbar.disabled .btn,
 +
#statusbar.disabled button {
 +
  pointer-events: none;
 +
  opacity: 0.65;
 +
}
 +
#statusbar .statusbar-section {
 +
  display: inline-block;
 +
  float: left;
 +
}
 +
#statusbar .statusbar-section:not(:last-child) {
 +
  border-right: 1px solid #bdc3c7;
 +
}
 +
#statusbar .statusbar-section:not(:first-child) {
 +
  margin-left: 10px;
 +
}
 +
#statusbar .statusbar-section.tray-buttons {
 +
  z-index: 1000;
 +
  border-right: 0;
 +
  position: absolute;
 +
  right: 10px;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .btn-group.open .dropdown-toggle {
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .caret {
 +
  margin: 0 0 2px 5px;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .btn:first-child {
 +
  border-right: 0;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a {
 +
  width: 200px;
 +
  padding-right: 10px;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .assembly-title {
 +
  display: inline-block;
 +
  width: 150px;
 +
  text-overflow: ellipsis;
 +
  overflow: hidden;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .badge-close {
 +
  display: inline-block;
 +
  padding: 0 5px;
 +
  border-radius: 12px;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .badge-close:hover {
 +
  background: #fff;
 +
  color: #428ce1;
 +
}
 +
#statusbar .statusbar-section.tray-buttons .statusbar-group {
 +
  margin-right: 0;
 +
}
 +
#statusbar .statusbar-section .statusbar-group {
 +
  float: left;
 +
  min-height: 24px;
 +
  line-height: 24px;
 +
  margin-right: 10px;
 +
  display: inline-block;
 +
}
 +
#statusbar .statusbar-section .statusbar-group.hidden {
 +
  display: none;
 +
}
 +
#statusbar .statusbar-section .statusbar-group .btn {
 +
  border-top: 0;
 +
  border-bottom: 0;
 +
  border-radius: 0;
 +
  font-size: 12px;
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
  letter-spacing: 0;
 +
  line-height: inherit;
 +
  vertical-align: top;
 +
  min-height: 0;
 +
}
 +
#statusbar .statusbar-section .statusbar-group .btn.statusbar-label {
 +
  margin-right: 0;
 +
}
 +
#statusbar .statusbar-section .statusbar-label {
 +
  font-weight: 500;
 +
  margin-right: 3px;
 +
  display: inline-block;
 +
  text-transform: uppercase;
 +
  color: #344043;
 +
}
 +
#statusbar .statusbar-section .statusbar-field {
 +
  display: inline-block;
 +
}
 +
#statusbar .message {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  padding-left: 5px;
 +
  right: 0;
 +
  background: inherit;
 +
}
 +
#statusbar .timeout.message {
 +
  z-index: 50;
 +
}
 +
#statusbar .overlay.message {
 +
  z-index: 51;
 +
}
 +
.mono {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  font-size: 15px;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.mono.mono-small {
 +
  font-size: 13px;
 +
}
 +
#circular-map path.dnaSearch {
 +
  cursor: pointer;
 +
}
 +
#buffers #linear-map,
 +
#buffers #protein-map {
 +
  position: relative;
 +
  padding: 0px;
 +
}
 +
#buffers #linear-map .slice-wrapper,
 +
#buffers #protein-map .slice-wrapper {
 +
  width: 100%;
 +
  position: absolute;
 +
}
 +
#buffers #linear-map svg,
 +
#buffers #protein-map svg {
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  width: 100%;
 +
  margin-bottom: 30px;
 +
  shape-rendering: crispEdges;
 +
}
 +
#buffers #linear-map svg .sequenceAxis path,
 +
#buffers #protein-map svg .sequenceAxis path {
 +
  stroke-width: 1;
 +
  stroke: black;
 +
}
 +
#buffers #linear-map svg .sequenceAxis line,
 +
#buffers #protein-map svg .sequenceAxis line {
 +
  fill: none;
 +
  stroke: black;
 +
  stroke-width: 1;
 +
}
 +
#buffers #linear-map .cursor-triangle,
 +
#buffers #protein-map .cursor-triangle {
 +
  fill: black;
 +
  shape-rendering: geometricPrecision;
 +
}
 +
#buffers #linear-map .dnaSearch .layer,
 +
#buffers #protein-map .aminoAcidsSearch .layer {
 +
  cursor: pointer;
 +
}
 +
.input-bubble {
 +
  outline: none;
 +
  position: absolute;
 +
  background: rgba(255, 255, 255, 0.7);
 +
  padding: 3px;
 +
  border: 1px solid #a2b9be;
 +
  border-radius: 4px;
 +
  margin-left: -14px;
 +
  margin-top: -10px;
 +
  z-index: 10;
 +
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
 +
}
 +
.input-bubble p {
 +
  margin: 0;
 +
  padding: 5px 5px 3px;
 +
  background: rgba(240, 240, 240, 0.9);
 +
  font-size: 12px;
 +
}
 +
.input-bubble a:hover kbd {
 +
  background-color: #dedede;
 +
}
 +
.input-bubble input {
 +
  border: 2px solid transparent;
 +
  outline: 0;
 +
  -webkit-box-shadow: none;
 +
  box-shadow: none;
 +
  font-size: 1.2em;
 +
  width: 100%;
 +
}
 +
.input-bubble input.bad-base {
 +
  border: 2px solid #dfaeb7;
 +
}
 +
.input-bubble .triangle {
 +
  width: 0px;
 +
  height: 0px;
 +
  border-style: solid;
 +
  border-width: 0 10px 10px 10px;
 +
  border-color: transparent transparent #a2b9be transparent;
 +
  position: absolute;
 +
  margin-top: -14px;
 +
  margin-left: 3px;
 +
}
 +
.input-bubble .triangle.bottom {
 +
  border-width: 10px 10px 0 10px;
 +
  border-color: #a2b9be transparent transparent transparent;
 +
  margin-top: 4px;
 +
}
 +
@-webkit-keyframes blink {
 +
  0%,
 +
  100% {
 +
    stroke-opacity: 1;
 +
  }
 +
  50% {
 +
    stroke-opacity: 0;
 +
  }
 +
}
 +
@-moz-keyframes blink {
 +
  0%,
 +
  100% {
 +
    stroke-opacity: 1;
 +
  }
 +
  50% {
 +
    stroke-opacity: 0;
 +
  }
 +
}
 +
.translations {
 +
  cursor: pointer;
 +
}
 +
#primer-panel .primers-table tr {
 +
  cursor: pointer;
 +
}
 +
#primer-panel .primers-table tr.partner-selected {
 +
  background: #f2f7fd;
 +
}
 +
#primer-panel .additional-primer-info {
 +
  position: relative;
 +
}
 +
#primer-panel .additional-primer-info .other-binding.disabled {
 +
  color: #a2b9be;
 +
}
 +
#primer-panel .additional-primer-info .other-binding.disabled:hover {
 +
  background-color: white;
 +
  cursor: default;
 +
}
 +
#primer-panel .additional-primer-info .swatch-big {
 +
  cursor: default;
 +
}
 +
#primer-panel .additional-primer-info .disabled {
 +
  pointer-events: none;
 +
  text-decoration: none;
 +
  color: #a2b9be;
 +
}
 +
#primer-panel .additional-primer-info .sequence-primer-bases {
 +
  padding: 8px;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
#primer-panel .additional-primer-info .primer-info-table {
 +
  margin-bottom: 0;
 +
}
 +
#primer-panel .additional-primer-info .primer-info-table td:last-child {
 +
  text-align: right;
 +
}
 +
#primer-panel .additional-primer-info .primer-info-table col.value {
 +
  width: 200px;
 +
}
 +
#primer-panel .additional-primer-info .info-toolbar {
 +
  width: 100%;
 +
}
 +
#primer-panel .additional-primer-info .info-toolbar > .btn,
 +
#primer-panel .additional-primer-info .info-toolbar > .btn-group {
 +
  width: 33%;
 +
}
 +
#primer-panel .additional-primer-info .info-toolbar > .btn > .btn,
 +
#primer-panel .additional-primer-info .info-toolbar > .btn-group > .btn {
 +
  width: 100%;
 +
}
 +
#primer-panel .primer-links-table tbody {
 +
  cursor: pointer;
 +
}
 +
#primer-panel .primer-links-table tbody:hover td {
 +
  background-color: #f8fafb;
 +
}
 +
.primer-base-sticky-end {
 +
  color: #428ce1;
 +
}
 +
.primer-base-recognition-site {
 +
  font-weight: 600;
 +
  color: black;
 +
}
 +
.primer-base-match {
 +
  background: #2dfcc4;
 +
}
 +
.primer-base-match:not(.primer-base-sticky-end) {
 +
  color: black;
 +
}
 +
.primer-base-overhang {
 +
  color: #a2b9be;
 +
}
 +
.primer-base-no-match {
 +
  background: #e8f0f2;
 +
}
 +
.sequence-primer-bases {
 +
  padding: 5px 15px;
 +
  word-break: break-all;
 +
}
 +
.sequence-primer-bases .prime {
 +
  color: #a2b9be;
 +
}
 +
#restriction-panel .panel-sidebar .cut-positions {
 +
  clear: left;
 +
  width: 100px;
 +
  border: 1px solid #d9dcde;
 +
}
 +
#restriction-panel .panel-sidebar .cut-positions .table {
 +
  margin: 0;
 +
}
 +
#restriction-panel .panel-sidebar .cut-positions .table td {
 +
  border-bottom: 1px solid #d9dcde;
 +
  text-align: right;
 +
  cursor: pointer;
 +
}
 +
#restriction-panel .panel-sidebar .cut-positions .table tr:last-child td {
 +
  border: 0;
 +
}
 +
#restriction-panel .panel-container h5 .glyphicon {
 +
  font-size: 0.7em;
 +
}
 +
#restriction-panel .panel-container h5 .tagline {
 +
  font-size: 11px;
 +
  color: #a2b9be;
 +
  margin-left: 5px;
 +
}
 +
#restriction-panel .panel-container .catalogue,
 +
#restriction-panel .panel-container .active-enzymes {
 +
  margin-bottom: 10px;
 +
}
 +
#restriction-panel .panel-container .catalogue tbody,
 +
#restriction-panel .panel-container .active-enzymes tbody {
 +
  height: 150px;
 +
}
 +
#restriction-panel .panel-container .catalogue tr.highlight td,
 +
#restriction-panel .panel-container .active-enzymes tr.highlight td {
 +
  font-weight: bold;
 +
}
 +
#restriction-panel .panel-container .catalogue td,
 +
#restriction-panel .panel-container .active-enzymes td,
 +
#restriction-panel .panel-container .catalogue th,
 +
#restriction-panel .panel-container .active-enzymes th {
 +
  width: 120px;
 +
  text-align: left;
 +
}
 +
#restriction-panel .panel-container .catalogue td + td,
 +
#restriction-panel .panel-container .active-enzymes td + td,
 +
#restriction-panel .panel-container .catalogue th + th,
 +
#restriction-panel .panel-container .active-enzymes th + th {
 +
  width: 80px;
 +
}
 +
#restriction-panel .panel-container .catalogue tr,
 +
#restriction-panel .panel-container .active-enzymes tr {
 +
  cursor: pointer;
 +
}
 +
#restriction-panel .panel-container .catalogue .swatch,
 +
#restriction-panel .panel-container .active-enzymes .swatch {
 +
  margin-top: 5px;
 +
}
 +
#restriction-panel .panel-container .catalogue tr.active:hover td,
 +
#restriction-panel .panel-container .active-enzymes tr:hover td {
 +
  background-color: #f2dede;
 +
}
 +
#restriction-panel .panel-container .digest-library td,
 +
#restriction-panel .panel-container .digest-library th {
 +
  width: 150px;
 +
  text-align: left;
 +
}
 +
#restriction-panel .panel-container .digest-library td + td,
 +
#restriction-panel .panel-container .digest-library th + th {
 +
  width: 250px;
 +
}
 +
#restriction-panel .panel-container .digest-library tr .delete {
 +
  display: none;
 +
}
 +
#restriction-panel .panel-container .digest-library tr:hover .delete {
 +
  display: inline-block;
 +
}
 +
#restriction-panel .panel-container .cut-region {
 +
  margin-bottom: 0px;
 +
}
 +
.table-note {
 +
  font-size: 11px;
 +
  color: #344043;
 +
}
 +
.cut-info-wrapper {
 +
  text-align: center;
 +
  margin: 15px 0;
 +
}
 +
.cut-info-wrapper .cut-info {
 +
  display: inline-block;
 +
}
 +
.cut-info-wrapper .cut-info .cut-symbol {
 +
  width: 0;
 +
  height: 0;
 +
  border-style: solid;
 +
  border-left: 5px solid transparent;
 +
  border-right: 5px solid transparent;
 +
  position: absolute;
 +
  margin-left: -5px;
 +
}
 +
.cut-info-wrapper .cut-info .enzyme-top .cut-symbol {
 +
  border-width: 10px 5px 0;
 +
  border-color: #5c7c83 transparent transparent;
 +
  margin-top: -4px;
 +
}
 +
.cut-info-wrapper .cut-info .enzyme-bottom .cut-symbol {
 +
  border-width: 0 5px 10px;
 +
  border-color: transparent transparent #5c7c83;
 +
  margin-top: 15px;
 +
}
 +
.enzyme-popover-info {
 +
  font-size: 12px;
 +
}
 +
.enzyme-popover-info dl {
 +
  margin: 0;
 +
}
 +
.enzyme-popover-info dt {
 +
  font-weight: 600;
 +
  float: left;
 +
  margin-bottom: 5px;
 +
  margin-right: 5px;
 +
  color: #444;
 +
}
 +
.enzyme-popover-info dt:after {
 +
  content: ':';
 +
}
 +
.enzyme-popover-info dd {
 +
  margin-bottom: 5px;
 +
}
 +
.enzyme-popover-info th {
 +
  font-weight: 600;
 +
}
 +
.toolbar .panel-container .table.enzyme-preview-table td:first-child,
 +
.toolbar .panel-container .table.enzyme-preview-table th:first-child {
 +
  text-align: center;
 +
}
 +
.toolbar .panel-container .table.enzyme-preview-table th {
 +
  background-color: #f8fafb;
 +
}
 +
.toolbar .panel-container .table.enzyme-preview-table th.is-highlighted {
 +
  font-weight: 500;
 +
}
 +
.enzyme-isoschizomers {
 +
  padding-left: 0;
 +
  list-style: none;
 +
}
 +
.enzyme-isoschizomers li {
 +
  display: inline;
 +
}
 +
.enzyme-isoschizomers li:not(:last-child):after {
 +
  content: ', ';
 +
}
 +
.copy-button {
 +
  opacity: 0.6;
 +
  cursor: pointer;
 +
}
 +
.copy-button.zeroclipboard-is-hover {
 +
  opacity: 1;
 +
}
 +
.modal dl {
 +
  font-size: 12px;
 +
}
 +
.modal dt {
 +
  font-weight: 600;
 +
}
 +
.modal dt,
 +
.modal dd {
 +
  margin-bottom: 10px;
 +
}
 +
.modal .dl-horizontal--noSpacing dt,
 +
.modal .dl-horizontal--noSpacing dd {
 +
  margin-bottom: 0;
 +
}
 +
#selection-modal .modal-dialog {
 +
  width: 700px;
 +
}
 +
#selection-modal .modal-body > .row {
 +
  margin-bottom: 20px;
 +
}
 +
#selection-modal label {
 +
  font-size: 11px;
 +
  font-weight: 600;
 +
  margin-top: 10px;
 +
}
 +
#selection-modal i {
 +
  float: right;
 +
  opacity: 0.6;
 +
  cursor: pointer;
 +
  margin-top: 5px;
 +
}
 +
#selection-modal i.zeroclipboard-is-hover {
 +
  opacity: 1;
 +
}
 +
#selection-modal textarea[readonly=readonly] {
 +
  overflow-y: hidden;
 +
  cursor: pointer;
 +
}
 +
.sequence-description-modal .table,
 +
.sequence-description-modal well {
 +
  margin-bottom: 0;
 +
}
 +
.sequence-description-modal .glyphicon-pencil {
 +
  cursor: pointer;
 +
}
 +
.sequence-description-modal .modal-edit-description button {
 +
  width: 40%;
 +
  margin-left: 15px;
 +
}
 +
.sequence-description-modal .modal-description p {
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.visibility-option-modal input {
 +
  width: auto;
 +
}
 +
#buffers .buffer-options .btn-group .settings {
 +
  font-size: inherit;
 +
}
 +
#buffers .buffer-options .btn-group .settings:hover {
 +
  color: #5c7c83;
 +
}
 +
#share-panel input {
 +
  cursor: text;
 +
}
 +
#information-panel .locked-help h6 {
 +
  display: inline-block;
 +
}
 +
#information-panel .locked-help a {
 +
  text-decoration: none;
 +
  margin-left: 8px;
 +
}
 +
#information-panel .info-locked input {
 +
  margin-top: 2px;
 +
}
 +
#information-panel .info-locked label:nth-child(2) {
 +
  margin-left: 20px;
 +
}
 +
#information-panel .info-description {
 +
  padding: 5px;
 +
  border: 1px solid #e8f0f2;
 +
  cursor: pointer;
 +
  padding: 9px;
 +
  min-height: 45px;
 +
  max-height: 100px;
 +
  overflow-y: auto;
 +
}
 +
#information-panel .info-description::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#information-panel .info-description::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#information-panel .info-description:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#information-panel .info-description::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#information-panel .info-description:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#information-panel .info-description:hover {
 +
  border-color: #428ce1;
 +
}
 +
#information-panel .tag-editor span {
 +
  margin: 0;
 +
}
 +
#information-panel .tag-editor .glyphicon-question-sign {
 +
  margin-top: 6px;
 +
}
 +
#information-panel span.info-delete-icon,
 +
#information-panel span.info-export-icon {
 +
  margin: 0 10px 0 0;
 +
}
 +
#information-panel span.info-export-text {
 +
  margin: 0;
 +
}
 +
#trace-panel .new-trace-spinner {
 +
  height: 38px;
 +
}
 +
#trace-panel .tracefilebox {
 +
  background: #f8fafb;
 +
  padding: 3px 5px;
 +
  overflow: hidden;
 +
  white-space: nowrap;
 +
  text-overflow: ellipsis;
 +
}
 +
#trace-panel .trace-library tr {
 +
  cursor: pointer;
 +
}
 +
#trace-panel .trace-library tr .delete {
 +
  display: none;
 +
}
 +
#trace-panel .trace-library tr:hover .delete {
 +
  display: inline-block;
 +
}
 +
#alignment-panel .new-alignment-btn {
 +
  margin-top: 10px;
 +
}
 +
#alignment-panel .library-alignment-spinner {
 +
  margin-top: -6px;
 +
}
 +
.align-modal .sequences .with-template-choosing {
 +
  cursor: pointer;
 +
}
 +
.align-modal .sequences td,
 +
.align-modal .existing td,
 +
.align-modal .templates td {
 +
  line-height: 20px;
 +
}
 +
.align-modal .sequences tr.template,
 +
.align-modal .existing tr.template,
 +
.align-modal .templates tr.template {
 +
  background-color: #feefd1;
 +
}
 +
.align-modal .sequences .alignment-icon .glyphicon,
 +
.align-modal .existing .alignment-icon .glyphicon,
 +
.align-modal .templates .alignment-icon .glyphicon {
 +
  color: #a2b9be;
 +
  margin-right: 10px;
 +
}
 +
.align-modal h4 {
 +
  font-size: 16px;
 +
}
 +
.align-modal .badge-template {
 +
  background-color: #428ce1;
 +
  margin-left: 10px;
 +
}
 +
.align-modal .existing td.name,
 +
.align-modal .templates td.name {
 +
  width: 80%;
 +
}
 +
.align-modal .existing td.current,
 +
.align-modal .templates td.current {
 +
  width: 20%;
 +
}
 +
.align-modal .description {
 +
  padding-bottom: 10px;
 +
}
 +
.align-modal .footnote {
 +
  color: #a2b9be;
 +
}
 +
.align-modal .or {
 +
  line-height: 30px;
 +
}
 +
.align-modal .algorithm-options {
 +
  margin-top: 15px;
 +
}
 +
.align-modal .algorithm-options label > a {
 +
  font-weight: 400;
 +
}
 +
.align-modal .algorithm-options fieldset {
 +
  padding: 5px 10px;
 +
  border: 1px solid #e8f0f2;
 +
}
 +
.align-modal .algorithm-options fieldset label {
 +
  margin-top: 5px;
 +
  font-weight: 400;
 +
}
 +
#diagnostic {
 +
  position: relative;
 +
}
 +
#diagnostic .results {
 +
  z-index: 100;
 +
  background: white;
 +
  position: absolute;
 +
  list-style: none;
 +
  display: none;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 100%;
 +
  border: 1px solid #e8f0f2;
 +
  overflow: auto;
 +
}
 +
#diagnostic .results::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
#diagnostic .results::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
#diagnostic .results:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
#diagnostic .results::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
#diagnostic .results:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#diagnostic .results li {
 +
  padding: 5px 10px;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
#diagnostic .results li.active {
 +
  color: white;
 +
  background: #428ce1;
 +
  cursor: pointer;
 +
}
 +
#diagnostic .results li.active .description {
 +
  color: #e8f0f2;
 +
}
 +
#diagnostic .results li.active .folder {
 +
  color: white;
 +
}
 +
#diagnostic .results li.no-results {
 +
  color: #a2b9be;
 +
  pointer-events: none;
 +
}
 +
#diagnostic .results li .name,
 +
#diagnostic .results li .folder,
 +
#diagnostic .results li .description {
 +
  text-overflow: ellipsis;
 +
  overflow: hidden;
 +
}
 +
#diagnostic .results li .name {
 +
  font-weight: 700;
 +
}
 +
#diagnostic .results li .folder {
 +
  float: right;
 +
  display: inline-block;
 +
  width: 150px;
 +
  white-space: nowrap;
 +
  text-align: right;
 +
  color: #a2b9be;
 +
}
 +
#diagnostic .results li .description {
 +
  margin-top: 3px;
 +
  color: #a2b9be;
 +
  font-style: italic;
 +
  line-height: 18px;
 +
  max-height: 36px;
 +
  white-space: nowrap;
 +
  width: 100%;
 +
}
 +
.searching .search-input {
 +
  background: url('../img/search-spinner.gif') 97% center no-repeat #ffffff;
 +
}
 +
#diagnostic {
 +
  display: inline-block;
 +
  margin-left: 15px;
 +
}
 +
#diagnostic .navbar-form {
 +
  padding: 0;
 +
}
 +
@media (min-width: 768px) {
 +
  #diagnostic .search-input-group {
 +
    width: 250px;
 +
  }
 +
}
 +
@media (min-width: 992px) {
 +
  #diagnostic .search-input-group {
 +
    width: 340px;
 +
  }
 +
}
 +
#diagnostic .search-input-group input,
 +
#diagnostic .search-input-group button {
 +
  height: 30px;
 +
  min-height: 30px;
 +
  border: 1px solid #276ab7;
 +
}
 +
#diagnostic .search-input-group input {
 +
  border-radius: 1px;
 +
  border-right: none;
 +
  margin: 0;
 +
}
 +
#diagnostic .search-input-group button {
 +
  border-left: 1px solid #a2b9be;
 +
}
 +
#diagnostic .search-input-group button .glyphicon {
 +
  top: 3px;
 +
  vertical-align: top;
 +
}
 +
#diagnostic.searching .search-input {
 +
  background: url('../img/search-spinner.gif') right center no-repeat #ffffff;
 +
}
 +
.tracetab {
 +
  padding-top: 15px;
 +
}
 +
.tracetab dl {
 +
  display: inline-block;
 +
  font-size: 11px;
 +
}
 +
.tracetab dl dt {
 +
  width: 80px;
 +
  font-weight: 600;
 +
}
 +
.tracetab dl dd {
 +
  margin-left: 100px;
 +
}
 +
.tracetab .graph .axis {
 +
  display: inline-block;
 +
  font-size: 11px;
 +
  width: 50px;
 +
  text-align: center;
 +
  float: left;
 +
  margin-right: 10px;
 +
  margin-top: 48px;
 +
}
 +
.tracetab .graph .axis h6 {
 +
  font-weight: 700;
 +
  text-align: right;
 +
}
 +
.tracetab .graph .axis .slider-vertical {
 +
  margin: 0 auto;
 +
}
 +
.tracetab .graph .trace-svg .domain {
 +
  fill-opacity: 0;
 +
}
 +
.tracetab .graph .trace-svg .base-lines {
 +
  fill-opacity: 0;
 +
}
 +
.tracetab .graph .trace-svg .traces {
 +
  display: inline-block;
 +
  float: left;
 +
}
 +
.tracetab .graph .trace-svg .axis-line {
 +
  stroke-width: 0.2;
 +
  stroke: black;
 +
}
 +
#import .errors-only {
 +
  margin-left: 10px;
 +
}
 +
#import .errors-only label {
 +
  line-height: 34px;
 +
}
 +
#import .import-library-select {
 +
  width: auto;
 +
  margin: 0 5px;
 +
  padding: 6px;
 +
}
 +
#import .import-context-bar-wrapper {
 +
  width: 100%;
 +
  height: 40px;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar {
 +
  height: inherit;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar.affix {
 +
  position: fixed;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  z-index: 1;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar.affix .container {
 +
  padding: 0 15px;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar.affix .import-context-bar-inner {
 +
  border-bottom: 2px solid #428ce1;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar .container {
 +
  padding: 0;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar .import-context-bar-inner {
 +
  padding: 5px 10px 5px 15px;
 +
  background: white;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar .select-all {
 +
  position: relative;
 +
  top: 3px;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar .library-group {
 +
  margin-left: 5px;
 +
}
 +
#import .import-context-bar-wrapper .import-context-bar .import-progress {
 +
  width: 200px;
 +
  margin-top: 5px;
 +
}
 +
#import .uploading-files {
 +
  list-style: none;
 +
  margin: 10px 0 20px;
 +
  padding: 0;
 +
}
 +
#import .uploading-files li {
 +
  margin-bottom: 5px;
 +
  -webkit-user-select: none;
 +
  -moz-user-select: none;
 +
  -ms-user-select: none;
 +
  -o-user-select: none;
 +
  user-select: none;
 +
  cursor: default;
 +
}
 +
#import .uploading-files li label {
 +
  display: block;
 +
  font-size: 14px;
 +
  font-weight: 400;
 +
}
 +
#import .uploading-files li .error-row {
 +
  font-weight: 700;
 +
  color: #b94a48;
 +
  line-height: 18px;
 +
}
 +
#import .uploading-files li .file-row {
 +
  border: 1px solid #e8f0f2;
 +
  border-left-width: 5px;
 +
  padding: 2px 10px;
 +
  line-height: 25px;
 +
}
 +
#import .uploading-files li .file-row .file-name {
 +
  margin-left: 10px;
 +
  font-style: italic;
 +
  color: #a2b9be;
 +
}
 +
#import .uploading-files li .file-row .error-row {
 +
  padding: 0 10px 0 38px;
 +
}
 +
#import .uploading-files li .sequence-row {
 +
  border-style: solid;
 +
  border-color: #e8f0f2;
 +
  border-width: 0 1px 1px;
 +
  padding: 2px 10px;
 +
  line-height: 20px;
 +
  margin-left: 30px;
 +
  color: #a2b9be;
 +
}
 +
#import .uploading-files li .sequence-row .error-row {
 +
  padding: 5px 15px;
 +
}
 +
#import .uploading-files li .sequence-row .error-row .error-message {
 +
  padding-left: 15px;
 +
}
 +
#import .uploading-files li .sequence-row .sequence-name {
 +
  margin-left: 10px;
 +
  color: #344043;
 +
  font-weight: 700;
 +
  cursor: pointer;
 +
}
 +
#import .uploading-files li .sequence-row .sequence-name:hover {
 +
  background: #e8f0f2;
 +
}
 +
#import .uploading-files li .sequence-row .sequence-name:focus {
 +
  outline: 1px solid #a2b9be;
 +
}
 +
#import .uploading-files li .sequence-row .field-error {
 +
  display: inline-block;
 +
  margin-top: 4px;
 +
  margin-bottom: 0px;
 +
}
 +
#import .uploading-files li .sequence-row .sequence-upload-links {
 +
  text-transform: uppercase;
 +
  font-weight: 700;
 +
}
 +
#import .uploading-files li .sequence-row .sequence-upload-links .sequence-upload-folder {
 +
  color: #a2b9be;
 +
  margin-left: 5px;
 +
}
 +
#import .uploading-files li .sequence-row .sequence-upload-links .sequence-upload-folder .folder-name {
 +
  color: #344043;
 +
}
 +
#import .uploading-files li .sequence-row label {
 +
  font-size: 12px;
 +
}
 +
#import .uploading-files li .sequence-row .tags {
 +
  display: inline;
 +
  vertical-align: middle;
 +
  margin-left: 20px;
 +
}
 +
#import .uploading-files li .progress {
 +
  margin: 2px 0;
 +
  height: 25px;
 +
}
 +
#import .uploading-files li .progress-percentage-box {
 +
  float: left;
 +
  margin-top: 2px;
 +
  height: 25px;
 +
  width: 30px;
 +
  text-align: right;
 +
}
 +
.text-editable {
 +
  cursor: pointer;
 +
  min-width: 5px;
 +
  padding: 0px 3px;
 +
  -webkit-user-select: text;
 +
  -moz-user-select: text;
 +
  -ms-user-select: text;
 +
  -o-user-select: text;
 +
  user-select: text;
 +
  overflow-wrap: break-word;
 +
  word-wrap: break-word;
 +
}
 +
.text-editable:hover,
 +
.text-editable.hover {
 +
  background: #e8f0f2;
 +
}
 +
.text-editable:focus,
 +
.text-editable.focus {
 +
  outline: 1px solid #a2b9be;
 +
}
 +
.text-editable:focus:hover,
 +
.text-editable.focus:hover,
 +
.text-editable:focus.hover,
 +
.text-editable.focus.hover {
 +
  background: none;
 +
}
 +
#chromosome-import .row:not(:first-child) {
 +
  margin-top: 15px;
 +
}
 +
#chromosome-import .sequence-link {
 +
  text-transform: uppercase;
 +
  font-weight: 700;
 +
  margin-top: 7px;
 +
}
 +
#chromosome-import .spinner {
 +
  margin-top: 4px;
 +
}
 +
#dbimport .dbimport-import-btn {
 +
  width: 100px;
 +
}
 +
#dbimport .media {
 +
  padding-top: 10px;
 +
  margin-right: 0;
 +
}
 +
#dbimport .media-object {
 +
  max-height: 100px;
 +
  max-width: 60px;
 +
  padding-top: 20px;
 +
}
 +
#dbimport dt {
 +
  width: 100px;
 +
}
 +
#dbimport dd {
 +
  margin-left: 120px;
 +
}
 +
#help-button.disabled {
 +
  pointer-events: none;
 +
  opacity: 0.65;
 +
}
 +
#help.modal .panel-heading {
 +
  padding: 0;
 +
}
 +
#help.modal .panel-heading h3 a {
 +
  padding: 10px 15px;
 +
  display: block;
 +
}
 +
#help.modal ul {
 +
  list-style: none;
 +
  padding: 0;
 +
}
 +
#help.modal ul li {
 +
  border-bottom: 1px solid white;
 +
}
 +
#help.modal ul li a {
 +
  display: block;
 +
  padding: 5px 10px;
 +
  border-left: 5px solid #e8f0f2;
 +
}
 +
#help.modal ul li a:hover {
 +
  border-left: 5px solid #428ce1;
 +
  text-decoration: none;
 +
}
 +
#help.modal input {
 +
  margin-bottom: 10px;
 +
}
 +
#help.modal .collapsing {
 +
  -webkit-transition: height 0.050s;
 +
  transition: height 0.050s;
 +
}
 +
#static {
 +
  text-align: justify;
 +
  font-size: 12px;
 +
}
 +
#static h2 {
 +
  font-weight: 400;
 +
  margin-bottom: 20px;
 +
}
 +
#static p {
 +
  margin-bottom: 30px;
 +
}
 +
#static dl dt {
 +
  font-weight: 600;
 +
}
 +
#static dl dt,
 +
#static dl dd {
 +
  margin-bottom: 20px;
 +
}
 +
#static dl ul {
 +
  margin-top: 10px;
 +
}
 +
.amino-acid-modal .table {
 +
  margin: 0;
 +
}
 +
.amino-acid-modal .table tr td {
 +
  border-top: 0;
 +
  text-align: center;
 +
}
 +
.amino-acid-modal .table tr td:first-child {
 +
  padding-left: 0;
 +
}
 +
.amino-acid-modal .table tr td:last-child {
 +
  padding-right: 0;
 +
}
 +
.amino-acid-modal > .table {
 +
  width: 500px;
 +
}
 +
.amino-acid-modal > .table > tbody > tr {
 +
  border-bottom: 1px solid #bdc3c7;
 +
}
 +
.amino-acid-modal > .table > tbody > tr:last-child {
 +
  border-bottom: 0;
 +
}
 +
.amino-acid-modal > .table > tbody > tr > td {
 +
  cursor: pointer;
 +
  border-right: 1px solid #bdc3c7;
 +
  padding: 0;
 +
  width: 125px;
 +
}
 +
.amino-acid-modal > .table > tbody > tr > td:last-child {
 +
  border-right: 0;
 +
}
 +
.amino-acid-modal > .table > tbody > tr > td tr.selected {
 +
  font-weight: 600;
 +
}
 +
.amino-acid-modal > .table > tbody > tr > td > .table tr td:first-child {
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  width: 62px;
 +
}
 +
.tag-editor {
 +
  margin-top: 10px;
 +
}
 +
.tag-editor.readonly .tag-form,
 +
.tag-editor.readonly hr {
 +
  display: none;
 +
}
 +
.tag-editor.readonly .tag-table tr {
 +
  pointer-events: none;
 +
}
 +
.tag-editor .glyphicon-question-sign {
 +
  text-decoration: none;
 +
}
 +
.tag-editor .tag-form .add-tag-col {
 +
  text-align: center;
 +
  margin-left: -10px;
 +
}
 +
.tag-editor .tag-form .row {
 +
  margin-bottom: 0px;
 +
}
 +
.tag-editor .tag-table {
 +
  word-break: break-all;
 +
}
 +
.tag-editor .tag-table .tag-name {
 +
  width: 40%;
 +
}
 +
.tag-editor .tag-table tbody tr {
 +
  cursor: pointer;
 +
}
 +
.tag-editor .tag-table tbody tr:hover .tag-manage-buttons {
 +
  display: block;
 +
}
 +
.tag-editor .tag-table tbody tr td {
 +
  -webkit-transition: background 0.2s ease-out;
 +
  transition: background 0.2s ease-out;
 +
}
 +
.tag-editor .tag-table .tag-name-wrapper {
 +
  position: relative;
 +
}
 +
.tag-editor .tag-table .tag-name-wrapper .tag-manage-buttons {
 +
  position: absolute;
 +
  left: -22px;
 +
  top: -10px;
 +
  padding: 10px 0;
 +
  display: none;
 +
  z-index: 1;
 +
}
 +
.tag-editor .tag-table .tag-name-wrapper .tag-manage-buttons .tag-delete {
 +
  color: white;
 +
  background: #a2b9be;
 +
  padding: 1px 6px;
 +
  border-radius: 50px;
 +
  display: inline-block;
 +
  cursor: pointer;
 +
  font-weight: 700;
 +
}
 +
.tag-editor .tag-table .tag-name-wrapper .tag-manage-buttons .tag-delete:hover {
 +
  background: #d9563a;
 +
}
 +
#editor #habla_window_div {
 +
  right: 290px !important;
 +
}
 +
#habla_panel_div {
 +
  border-style: solid !important;
 +
  border-color: #2c76cc !important;
 +
  border-width: 1px 1px 0 !important;
 +
}
 +
#habla_window_div.olrk-fixed-bottom .habla_panel_border,
 +
#habla_window_div.olrk-fixed-bottom #habla_topbar_div {
 +
  border-top-right-radius: 0 !important;
 +
  border-top-left-radius: 0 !important;
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif !important;
 +
  font-size: 13px !important;
 +
}
 +
#habla_topbar_div {
 +
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
 +
}
 +
#virtual-gel dl {
 +
  font-size: 12px;
 +
}
 +
#virtual-gel dl dt {
 +
  font-weight: 600;
 +
  width: 60px;
 +
}
 +
#virtual-gel dl dd {
 +
  margin-left: 80px;
 +
}
 +
#virtual-gel dl.highlighted dt {
 +
  width: 140px;
 +
}
 +
#virtual-gel dl.highlighted dd {
 +
  margin-left: 160px;
 +
}
 +
#virtual-gel svg text {
 +
  font-size: 11px;
 +
}
 +
#virtual-gel svg g.ladder g.bands rect {
 +
  cursor: default;
 +
}
 +
#virtual-gel svg g.bands rect {
 +
  cursor: pointer;
 +
}
 +
#virtual-gel svg g.bands rect.active {
 +
  fill-opacity: 1;
 +
}
 +
#cloning-exact-help {
 +
  display: inline-block;
 +
  text-align: left;
 +
}
 +
#editor .find-primers-view {
 +
  position: relative;
 +
  padding: 20px;
 +
}
 +
#editor .find-primers-view .existing-primers button {
 +
  margin-top: 5px;
 +
}
 +
#editor .find-primers-view .search-results {
 +
  list-style: none;
 +
  padding: 0;
 +
  line-height: normal;
 +
}
 +
#editor .find-primers-view .search-results li {
 +
  padding: 10px;
 +
  cursor: pointer;
 +
}
 +
#editor .find-primers-view .search-results li:hover {
 +
  background: #e8f0f2;
 +
}
 +
#editor .find-primers-view .search-results li.selected {
 +
  background: #feefd1;
 +
}
 +
#editor .find-primers-view .search-results li.selected .result-header {
 +
  font-weight: 700;
 +
}
 +
#editor .find-primers-view .search-results li .bases {
 +
  padding: 5px 0;
 +
}
 +
#editor .find-primers-view .find-type .row {
 +
  line-height: 30px;
 +
}
 +
#editor .find-primers-view .find-type .row .col.left-label {
 +
  padding-right: 5px;
 +
  padding-left: 0px;
 +
}
 +
#editor .find-primers-view .swatch-big {
 +
  margin-top: 7px;
 +
}
 +
#editor .find-primers-view .single-save {
 +
  margin-top: 10px;
 +
}
 +
#editor .find-primers-view .save-new-primers .row {
 +
  line-height: 30px;
 +
}
 +
#editor .find-primers-view .save-new-primers .swatch-big .popover .color-picker .row {
 +
  margin: 0 0 5px 0;
 +
}
 +
#editor .find-primers-view .search-query-form .row {
 +
  line-height: 30px;
 +
}
 +
#editor .find-primers-view .search-query-form .find-param {
 +
  width: 40px;
 +
  text-align: right;
 +
  padding-left: 5px;
 +
  padding-right: 5px;
 +
}
 +
#editor .find-primers-view .search-query-form .find-param.min-base-index,
 +
#editor .find-primers-view .search-query-form .find-param.max-base-index {
 +
  width: 50px;
 +
}
 +
#editor .find-primers-view .search-query-form .exact-match {
 +
  width: 20px;
 +
}
 +
#editor .find-primers-view .search-query-form .consecutive {
 +
  width: auto;
 +
  margin-left: 5px;
 +
}
 +
#editor .find-primers-view .loading,
 +
#editor .find-primers-view .search-loading {
 +
  display: block;
 +
  width: 100%;
 +
}
 +
#editor .find-primers-view .existing-primers p {
 +
  margin-bottom: 5px;
 +
}
 +
#editor .find-primers-view .existing-primers .list-group {
 +
  margin-bottom: 10px;
 +
}
 +
#editor .find-primers-view .binding-sites colgroup .location {
 +
  width: 80px;
 +
}
 +
#editor .find-primers-view .binding-sites colgroup .name {
 +
  width: 100px;
 +
}
 +
#editor .find-primers-view .binding-sites colgroup .tm {
 +
  width: 60px;
 +
}
 +
#editor .find-primers-view .binding-sites colgroup .edit {
 +
  width: 40px;
 +
}
 +
#editor .find-primers-view .binding-sites .sequence-primer {
 +
  cursor: pointer;
 +
}
 +
#editor .find-primers-view .binding-sites .sequence-primer:hover {
 +
  background: #e8f0f2;
 +
}
 +
#editor .find-primers-view .binding-sites #green-help {
 +
  margin-left: 5px;
 +
  text-decoration: none;
 +
  color: #2c76cc;
 +
  margin-top: 2px;
 +
  font-size: 11px;
 +
}
 +
#editor .find-primers-view .no-highlight-matches .sequence-primer-bases .overhang,
 +
#editor .find-primers-view .no-highlight-matches .sequence-primer-bases .match,
 +
#editor .find-primers-view .no-highlight-matches .sequence-primer-bases .no-match {
 +
  background: none;
 +
}
 +
#privacy-help p {
 +
  font-size: 14px;
 +
}
 +
.external-file-preview-image-wrapper {
 +
  width: 100%;
 +
  height: 100%;
 +
  padding: 10px;
 +
}
 +
.external-file-preview-image-wrapper .external-file-preview-image {
 +
  width: 100%;
 +
  height: 100%;
 +
  min-height: 400px;
 +
  background-repeat: no-repeat;
 +
  background-size: contain;
 +
}
 +
.preview-card .external-file-preview-image-wrapper {
 +
  padding: 0;
 +
}
 +
label.toggle-option .checked-label {
 +
  display: none;
 +
}
 +
label.toggle-option .unchecked-label {
 +
  display: inline;
 +
}
 +
label.toggle-option input {
 +
  display: none;
 +
}
 +
label.toggle-option input:checked ~ .checked-label {
 +
  display: inline;
 +
}
 +
label.toggle-option input:checked ~ .unchecked-label {
 +
  display: none;
 +
}
 +
.visibility-option-icons > .glyphicon + .glyphicon {
 +
  padding-left: 2px;
 +
}
 +
.visibility-option-css-warning {
 +
  display: none;
 +
}
 +
.color-picker {
 +
  width: 135px;
 +
  padding: 10px 10px;
 +
}
 +
.color-picker span.new-palette {
 +
  color: #a2b9be;
 +
  padding-left: 5px;
 +
}
 +
.color-picker div.row {
 +
  margin: 0 0 5px 0;
 +
}
 +
.color-picker div.row:last-child {
 +
  margin-bottom: 0;
 +
}
 +
.color-picker div.row > div {
 +
  display: inline-block;
 +
  height: 25px;
 +
  width: 25px;
 +
  margin-right: 5px;
 +
  padding: 0;
 +
  cursor: pointer;
 +
}
 +
.color-picker div.row > div:last-child {
 +
  margin-right: 0;
 +
}
 +
.diagnostic-disabled {
 +
  opacity: 0.5;
 +
  pointer-events: none;
 +
}
 +
.tab-fixed-vertical-scroll {
 +
  overflow-y: scroll;
 +
}
 +
.tab-fixed-vertical-scroll::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.tab-fixed-vertical-scroll::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.tab-fixed-vertical-scroll:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.tab-fixed-vertical-scroll::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.tab-fixed-vertical-scroll:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#diagnostic {
 +
  display: block;
 +
  padding-top: 30px;
 +
  margin-left: 0;
 +
}
 +
#diagnostic #loading {
 +
  top: 180px;
 +
  height: 675px;
 +
}
 +
#diagnostic #loading.loading-spinner-background {
 +
  background-position: center 20%;
 +
}
 +
#diagnostic .results {
 +
  width: 95%;
 +
}
 +
#diagnostic label {
 +
  font-size: 14px;
 +
  padding-top: 5px;
 +
}
 +
#diagnostic .sequences {
 +
  padding-top: 5px;
 +
}
 +
#diagnostic .sequences span {
 +
  cursor: pointer;
 +
  display: inline-block;
 +
  margin-left: 5px;
 +
}
 +
#advanced-search .filters > .row {
 +
  margin-top: 10px;
 +
  margin-bottom: 10px;
 +
}
 +
#advanced-search .filter-input > .row {
 +
  margin-bottom: 10px;
 +
}
 +
#advanced-search .caret {
 +
  margin-top: 7px;
 +
}
 +
#advanced-search #loading {
 +
  position: relative;
 +
  min-height: 100px;
 +
}
 +
#advanced-search #loading.loading-spinner-background {
 +
  background-position: center center;
 +
}
 +
#advanced-search #loading .loading-text {
 +
  margin-top: 0;
 +
}
 +
#advanced-search .enzyme-select {
 +
  width: 100%;
 +
}
 +
#advanced-search label {
 +
  margin-top: 5px;
 +
}
 +
#advanced-search div.filters .close {
 +
  display: none;
 +
  margin-top: 4px;
 +
}
 +
#advanced-search th {
 +
  cursor: pointer;
 +
}
 +
#diagnostic #loading.loading-spinner-background,
 +
#advanced-search #loading.loading-spinner-background {
 +
  background-color: #fff;
 +
}
 +
#diagnostic #loading .loading-text,
 +
#advanced-search #loading .loading-text {
 +
  top: 20%;
 +
}
 +
div.row#expanded-annotations-help {
 +
  margin-bottom: 0px;
 +
}
 +
div.row#expanded-annotations-help p {
 +
  margin-bottom: 0px;
 +
}
 +
.popover-small-title h3 {
 +
  padding: 3px 14px;
 +
}
 +
.popover-small-title p:not(:first-child) {
 +
  margin-bottom: 26px;
 +
  text-align: right;
 +
}
 +
div.explore h1.header {
 +
  font-size: 34px;
 +
}
 +
div.explore h1.header small {
 +
  font-size: 18px;
 +
}
 +
div.explore h2 {
 +
  font-size: 28px;
 +
}
 +
div.explore h2 small {
 +
  font-size: 21px;
 +
}
 +
div.explore .badge {
 +
  vertical-align: middle;
 +
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif;
 +
  margin-top: 0.5em;
 +
}
 +
div.explore .featured {
 +
  padding-top: 1em;
 +
}
 +
div.explore .featured .glyphicon-bookmark {
 +
  margin-right: 2px;
 +
  margin-top: 2px;
 +
}
 +
div.explore .featured .owner img {
 +
  width: 20px;
 +
  height: 20px;
 +
}
 +
div.explore .vendor {
 +
  padding-top: 1em;
 +
  padding-bottom: 1em;
 +
  height: 130px;
 +
}
 +
div.explore .vendor a:hover,
 +
div.explore .vendor a:active {
 +
  text-decoration: none;
 +
}
 +
div.explore .vendor .profile-img {
 +
  margin-left: 15px;
 +
}
 +
div.explore .vendor .media {
 +
  max-height: 120px;
 +
  border-top-left-radius: 12px;
 +
  border-top-right-radius: 1px;
 +
  border-bottom-left-radius: 1px;
 +
  border-bottom-right-radius: 12px;
 +
  background-color: #f8fafb;
 +
  border: 1px solid #e8f0f2;
 +
  padding: 10px 10px 10px 0;
 +
  -webkit-transition: background-color 0.2s ease-out;
 +
  transition: background-color 0.2s ease-out;
 +
  cursor: pointer;
 +
}
 +
div.explore .vendor .media .profile-img > img {
 +
  width: 64px;
 +
  height: 64px;
 +
}
 +
div.explore .vendor .media:hover,
 +
div.explore .vendor .media:active {
 +
  background: #e8f0f2;
 +
}
 +
div.explore .vendor .media:hover path,
 +
div.explore .vendor .media:active path {
 +
  fill: #2c76cc;
 +
}
 +
div.explore .vendor .info {
 +
  padding: 0.2em 0;
 +
}
 +
div.explore .vendor .icon-dna {
 +
  vertical-align: middle;
 +
  width: 14px;
 +
  height: 14px;
 +
}
 +
div.explore .vendor .icon-dna path {
 +
  fill: #2c76cc;
 +
}
 +
div.explore .text {
 +
  padding-left: 5px;
 +
}
 +
div.explore cite .journal {
 +
  font-style: italic;
 +
}
 +
div.explore cite .et-al {
 +
  font-style: italic;
 +
}
 +
div.explore cite .title {
 +
  font-weight: bold;
 +
}
 +
.duplicate-modal-form .select-all {
 +
  margin: 0 5px 0 0;
 +
}
 +
.duplicate-modal-form h4 {
 +
  font-size: 13px;
 +
  font-weight: 700;
 +
}
 +
.duplicate-modal-form .copy-list {
 +
  list-style: none;
 +
  padding-left: 10px;
 +
  margin: 0;
 +
}
 +
.duplicate-modal-form .copy-list label {
 +
  font-weight: 400;
 +
  display: block;
 +
  cursor: pointer;
 +
  padding: 5px;
 +
  margin: 0;
 +
  white-space: nowrap;
 +
  text-overflow: ellipsis;
 +
  overflow-x: hidden;
 +
}
 +
.duplicate-modal-form .copy-list label:hover {
 +
  background: #e8f0f2;
 +
}
 +
.all-secondary-structures .deltag {
 +
  padding-left: 15px;
 +
  padding-top: 50px;
 +
}
 +
.all-secondary-structures th.deltag {
 +
  padding-top: 0px;
 +
}
 +
.all-secondary-structures tbody tr {
 +
  cursor: pointer;
 +
}
 +
.all-secondary-structures tbody tr svg text {
 +
  cursor: pointer;
 +
}
 +
.clean-duplicate-annotations .list-group-item {
 +
  cursor: pointer;
 +
}
 +
.clean-duplicate-annotations .list-group-item.active {
 +
  background: #6ea7e8;
 +
}
 +
.clean-duplicate-annotations .list-group-item:hover {
 +
  background: #e8f0f2;
 +
}
 +
.clean-duplicate-annotations .list-group-item:hover.active {
 +
  background: #428ce1;
 +
}
 +
.clean-duplicate-annotations .duplicate-colors .duplicate-color {
 +
  width: 18px;
 +
  height: 18px;
 +
}
 +
.clean-duplicate-annotations .duplicate-colors .duplicate-color:last-child {
 +
  border: 1px solid #344043;
 +
}
 +
.clean-duplicate-annotations .duplicate-colors .duplicate-color,
 +
.clean-duplicate-annotations .duplicate-colors .more-colors {
 +
  margin-right: 4px;
 +
  display: inline-block;
 +
}
 +
.clean-duplicate-annotations .duplicate-colors .more-colors {
 +
  vertical-align: top;
 +
  font-weight: 700;
 +
}
 +
.signup-progress {
 +
  background: #e8f0f2;
 +
  margin-top: 10px;
 +
}
 +
.signup-progress .signup-progress-bar {
 +
  height: 4px;
 +
  background: #428ce1;
 +
  -webkit-transition: width 0.2s ease-out;
 +
  transition: width 0.2s ease-out;
 +
}
 +
.signup-progress .signup-progress-bar.success {
 +
  background: #03c08d;
 +
}
 +
.google-oauth-signin {
 +
  display: inline-block;
 +
  width: 246px;
 +
  height: 54px;
 +
  background: url('../img/google_signin.png') no-repeat center;
 +
  background-position: 0 0;
 +
  background-size: 246px 162px;
 +
}
 +
.google-oauth-signin:hover {
 +
  background-position: 0 -54px;
 +
}
 +
.google-oauth-signin:active {
 +
  background-position: 0 -108px;
 +
}
 +
.primer3-menu .tm-params {
 +
  margin-right: 10px;
 +
  line-height: 24px;
 +
}
 +
.variant-row:hover {
 +
  cursor: pointer;
 +
}
 +
.variant-row:hover .edit-variant-button {
 +
  visibility: visible;
 +
}
 +
.variant-row .edit-variant-button {
 +
  visibility: hidden;
 +
}
 +
.variant-item {
 +
  display: inline-block;
 +
  margin-left: 15px;
 +
}
 +
.variant-context-menu,
 +
.variant-item {
 +
  pointer-events: none;
 +
}
 +
.variant-context-menu .variant-translation,
 +
.variant-item .variant-translation {
 +
  position: relative;
 +
  display: inline-block;
 +
  text-align: center;
 +
  width: 22px;
 +
  line-height: 16px;
 +
  font-family: 'Inconsolata', 'Courier New';
 +
  font-size: 14px;
 +
}
 +
.dropdown-menu > li a:hover .variant-context-menu .variant-translation .amino,
 +
.dropdown-menu > li a:hover .variant-item .variant-translation .amino,
 +
.dropdown-menu > .active a .variant-context-menu .variant-translation .amino,
 +
.dropdown-menu > .active a .variant-item .variant-translation .amino {
 +
  color: #344043;
 +
}
 +
.variant-context-menu .variant-translation .triangle,
 +
.variant-item .variant-translation .triangle {
 +
  position: absolute;
 +
  top: 0px;
 +
  width: 0px;
 +
  height: 0px;
 +
  line-height: 0px;
 +
  border-width: 8px 4px 8px 0px;
 +
  border-style: solid;
 +
}
 +
.variant-context-menu .variant-translation.rev,
 +
.variant-item .variant-translation.rev {
 +
  padding-left: 0;
 +
  padding-right: 2px;
 +
}
 +
.variant-context-menu .variant-translation.rev .triangle,
 +
.variant-item .variant-translation.rev .triangle {
 +
  border-width: 8px 4px 8px 0px;
 +
}
 +
.variant-context-menu .variant-translation.rev .triangle.cutout-triangle,
 +
.variant-item .variant-translation.rev .triangle.cutout-triangle {
 +
  right: 0px;
 +
  border-color: transparent white transparent transparent;
 +
}
 +
.dropdown-menu > li a:hover .variant-context-menu .variant-translation.rev .triangle.cutout-triangle,
 +
.dropdown-menu > li a:hover .variant-item .variant-translation.rev .triangle.cutout-triangle,
 +
.dropdown-menu > .active a .variant-context-menu .variant-translation.rev .triangle.cutout-triangle,
 +
.dropdown-menu > .active a .variant-item .variant-translation.rev .triangle.cutout-triangle {
 +
  border-color: transparent #428ce1 transparent transparent;
 +
}
 +
.variant-context-menu .variant-translation.rev .triangle.out-triangle,
 +
.variant-item .variant-translation.rev .triangle.out-triangle {
 +
  left: -4px;
 +
}
 +
.variant-context-menu .variant-translation.fwd,
 +
.variant-item .variant-translation.fwd {
 +
  padding-right: 0;
 +
  padding-left: 2px;
 +
}
 +
.variant-context-menu .variant-translation.fwd .triangle,
 +
.variant-item .variant-translation.fwd .triangle {
 +
  border-width: 8px 0px 8px 4px;
 +
}
 +
.variant-context-menu .variant-translation.fwd .triangle.cutout-triangle,
 +
.variant-item .variant-translation.fwd .triangle.cutout-triangle {
 +
  left: 0px;
 +
  border-color: transparent transparent transparent white;
 +
}
 +
.dropdown-menu > li a:hover .variant-context-menu .variant-translation.fwd .triangle.cutout-triangle,
 +
.dropdown-menu > li a:hover .variant-item .variant-translation.fwd .triangle.cutout-triangle,
 +
.dropdown-menu > .active a .variant-context-menu .variant-translation.fwd .triangle.cutout-triangle,
 +
.dropdown-menu > .active a .variant-item .variant-translation.fwd .triangle.cutout-triangle {
 +
  border-color: transparent transparent transparent #428ce1;
 +
}
 +
.variant-context-menu .variant-translation.fwd .triangle.out-triangle,
 +
.variant-item .variant-translation.fwd .triangle.out-triangle {
 +
  right: -4px;
 +
}
 +
.insert-variant-modal .modal-body {
 +
  padding-bottom: 0px;
 +
}
 +
.insert-variant-modal .modal-body select[name=strand-select] {
 +
  width: 100px;
 +
  margin-left: 5px;
 +
  margin-right: 5px;
 +
  margin-bottom: 5px;
 +
}
 +
.insert-part-modal .part-sequence-preview {
 +
  background: #f8fafb;
 +
  padding: 10px 20px 5px;
 +
  margin: 10px;
 +
  border: 1px solid #c9d8db;
 +
}
 +
.insert-part-modal .part-sequence-preview .topology {
 +
  font-weight: bold;
 +
}
 +
.insert-part-modal .part-sequence-preview .name {
 +
  font-size: 1.1em;
 +
  font-weight: bold;
 +
  padding-right: 2px;
 +
}
 +
#assembly-switcher button.dropdown-toggle {
 +
  float: right;
 +
  min-width: 140px;
 +
  padding: 0;
 +
}
 +
#assembly-switcher a {
 +
  text-align: left;
 +
}
 +
#assembly-switcher .open a {
 +
  font-weight: 600;
 +
}
 +
#editor .assembly-settings-modal .adjust-temp input {
 +
  width: 40px;
 +
  text-align: right;
 +
  padding-left: 5px;
 +
  padding-right: 5px;
 +
}
 +
#editor .assembly-settings-modal .find-primers-view {
 +
  padding: 0px;
 +
}
 +
#editor .assembly-settings-modal h4:not(:first-child) {
 +
  margin-top: 25px;
 +
}
 +
.primer-assembly-tab-results .assembly-neb-logo {
 +
  width: 125px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-mismatches p {
 +
  padding-left: 5px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-mismatches tr {
 +
  cursor: pointer;
 +
}
 +
.primer-assembly-tab-results .spinner {
 +
  width: 14px;
 +
  height: 14px;
 +
  background-size: contain;
 +
}
 +
.primer-assembly-tab-results th {
 +
  font-size: 12px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-primers .spinner {
 +
  margin-top: 5px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-primers .tm {
 +
  min-width: 56px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-primers .binding {
 +
  min-width: 54px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-primers .homology {
 +
  min-width: 67px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-primers .monomer {
 +
  min-width: 52px;
 +
}
 +
.primer-assembly-tab-results .primer-assembly-primers .misprime {
 +
  min-width: 74px;
 +
}
 +
#editor .match-genome-region .radio-inline {
 +
  line-height: 21px;
 +
}
 +
#editor .match-genome-region .match-region-btn {
 +
  margin-top: 4px;
 +
}
 +
#editor .match-genome-region .glyphicon-question-sign {
 +
  text-decoration: none;
 +
  margin-top: 3px;
 +
  margin-left: 5px;
 +
  font-size: 12px;
 +
}
 +
#editor .match-genome-region select {
 +
  width: 25%;
 +
  min-height: 24px;
 +
  height: 24px;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
#editor .match-genome-region .chr-pos {
 +
  width: 30%;
 +
  padding-left: 3px;
 +
  padding-right: 3px;
 +
  height: 24px;
 +
  min-height: 24px;
 +
  margin-left: 10px;
 +
}
 +
.crispr-importSelector {
 +
  margin-bottom: 30px;
 +
}
 +
.crispr-guidesTable a.text-danger:hover {
 +
  color: #b94a48;
 +
}
 +
.crispr-guidesTable a.text-danger.u-dotted-underline {
 +
  border-bottom-color: #b94a48;
 +
}
 +
.crispr-guidesTable.table tbody > tr > td {
 +
  padding: 6px;
 +
}
 +
.crispr-guidesTable.table > tbody > tr.active > td {
 +
  background-color: #feefd1;
 +
}
 +
.crispr-guidesTable-row {
 +
  cursor: pointer;
 +
}
 +
.crispr-guidesTable-multiple:hover td {
 +
  background: #e8f0f2;
 +
}
 +
.baseEdit-guidesTable-aminoAcid-edited {
 +
  background: #d9563a;
 +
  color: #ffffff;
 +
  font-weight: 700;
 +
}
 +
.baseEdit-guidesTable-base-edited {
 +
  color: #d9563a;
 +
  font-weight: 700;
 +
}
 +
.baseEdit-guidesTable-base-notInGuide {
 +
  color: #a2b9be;
 +
}
 +
.baseEdit-guidesTable-sequenceSegment {
 +
  padding-left: 4px;
 +
  padding-right: 4px;
 +
  margin-right: 2px;
 +
}
 +
.baseEdit-guidesTable-sequenceSegment:hover {
 +
  background: #c9d8db;
 +
}
 +
.baseEdit-guidesTable-flexContainer {
 +
  white-space: pre;
 +
  display: flex;
 +
  flex-direction: row;
 +
  justify-content: flex-start;
 +
}
 +
.baseEdit-guidesTable-unsupported {
 +
  border-bottom: 1px dashed #d9563a;
 +
}
 +
.crispr-results-fieldset .guides-table thead .sortable {
 +
  cursor: pointer;
 +
  color: #428ce1;
 +
}
 +
.crispr-results-fieldset .guides-table thead .sortable .glyphicon {
 +
  margin-left: 2px;
 +
  font-size: 10px;
 +
}
 +
.crispr-results-fieldset .guides-table thead .sortable:hover {
 +
  color: #a2b9be;
 +
}
 +
.crispr-results-fieldset .guides-table tbody {
 +
  cursor: pointer;
 +
}
 +
.crispr-results-fieldset .guides-table tbody tr.active td {
 +
  background-color: #feefd1;
 +
}
 +
.crispr-results-fieldset .guides-table tbody .spinner {
 +
  background-position: 8px center;
 +
  margin-left: 1px;
 +
  margin-top: 0px;
 +
  width: 24px;
 +
}
 +
.crispr-results-fieldset .guides-table tbody.paired:hover td {
 +
  background: #e8f0f2;
 +
}
 +
.crispr-results-fieldset .guides-table tbody.paired:hover tr:hover td {
 +
  background: #e8f0f2;
 +
}
 +
.offtarget-table thead th:not(:first-child) {
 +
  cursor: pointer;
 +
}
 +
.offtarget-table thead th:not(:first-child) .glyphicon {
 +
  font-size: 10px;
 +
  margin: 2px;
 +
}
 +
.offtarget-table thead th:not(:first-child):hover {
 +
  color: #428ce1;
 +
}
 +
.offtarget-table .mismatch {
 +
  color: #e96e51;
 +
  font-weight: 700;
 +
}
 +
.offtarget-table .faded .mismatch {
 +
  color: #a2b9be;
 +
}
 +
.server-log-table .log-time {
 +
  width: 160px;
 +
}
 +
.server-log-table tbody {
 +
  color: #a2b9be;
 +
}
 +
.server-log-table tbody .facility-22 {
 +
  color: #344043;
 +
}
 +
#aggregate-activity .change-month {
 +
  color: #a2b9be;
 +
  text-decoration: none;
 +
}
 +
#aggregate-activity .change-month:hover {
 +
  color: #428ce1;
 +
}
 +
#aggregate-activity .calendar-title,
 +
#aggregate-activity .use-rows-title {
 +
  margin-bottom: 10px;
 +
  font-size: 14px;
 +
}
 +
#aggregate-activity .calendar {
 +
  width: 100%;
 +
}
 +
#aggregate-activity .calendar th {
 +
  text-align: center;
 +
}
 +
#aggregate-activity .calendar th,
 +
#aggregate-activity .calendar td {
 +
  width: 35px;
 +
  height: 35px;
 +
  border: 1px solid #c9d8db;
 +
}
 +
#aggregate-activity .calendar tr :last-child {
 +
  border-left: 1px solid #5c7c83;
 +
  border-right: 1px solid #5c7c83;
 +
  border-bottom: 1px solid #5c7c83;
 +
}
 +
#aggregate-activity .calendar th:last-child {
 +
  border-top: 1px solid #344043;
 +
}
 +
#aggregate-activity .calendar tr :nth-child(7) {
 +
  border-right: none;
 +
}
 +
#aggregate-activity .calendar td {
 +
  cursor: pointer;
 +
}
 +
#aggregate-activity .use-rows th {
 +
  border-top: 1px solid #c9d8db;
 +
}
 +
#aggregate-activity .activity-scale {
 +
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(#ffffff), to(#14fbbd));
 +
  background-image: -webkit-linear-gradient(left, color-stop(#ffffff 0%), color-stop(#14fbbd 100%));
 +
  background-image: -moz-linear-gradient(left, #ffffff 0%, #14fbbd 100%);
 +
  background-image: linear-gradient(to right, #ffffff 0%, #14fbbd 100%);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff14fbbd', GradientType=1);
 +
  height: 20px;
 +
}
 +
#aggregate-activity p {
 +
  margin-top: 10px;
 +
}
 +
#activity-log thead tr:first-child th {
 +
  border: 0px;
 +
}
 +
#activity-log thead tr:first-child .select2-container {
 +
  width: 90%;
 +
}
 +
#activity-log thead tr:first-child input {
 +
  line-height: 28px;
 +
  padding-left: 5px;
 +
}
 +
#activity-log thead tr:first-child .message-search {
 +
  width: 95%;
 +
}
 +
#activity-log thead tr:first-child th.date-search {
 +
  line-height: 32px;
 +
  width: 250px;
 +
}
 +
#activity-log thead tr:first-child th.date-search input {
 +
  width: 60%;
 +
  margin-left: 5px;
 +
}
 +
.sequence-search-component .sequence-search-wrapper {
 +
  position: relative;
 +
}
 +
.sequence-search-component .sequence-search-wrapper .spinner {
 +
  margin: 0;
 +
  width: 30px;
 +
  height: 30px;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
.sequence-search-component .sequence-search-results-wrapper {
 +
  position: relative;
 +
}
 +
.sequence-search-component .sequence-search-results-wrapper .search-results {
 +
  position: absolute;
 +
  width: 100%;
 +
  max-height: 320px;
 +
  overflow-y: auto;
 +
  z-index: 110;
 +
  border-bottom: 1px solid #e8f0f2;
 +
}
 +
.back-translation-table tr .btn {
 +
  visibility: hidden;
 +
}
 +
.back-translation-table tr.active .btn,
 +
.back-translation-table tr:hover .btn {
 +
  visibility: visible;
 +
}
 +
#buffers .preview-card {
 +
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
 +
  background: white;
 +
  padding: 15px;
 +
}
 +
#buffers .preview-card.onboarding-card {
 +
  background: #d9edf7;
 +
}
 +
#buffers .preview-card hr {
 +
  margin: 10px 0;
 +
}
 +
.oligo-summary .preview-card {
 +
  width: 400px;
 +
}
 +
.onboardingChecklist {
 +
  color: #3a87ad;
 +
}
 +
.onboardingChecklist ul {
 +
  margin: 10px;
 +
  padding: 0;
 +
  list-style: none;
 +
}
 +
#buffers .buffer-container .navbar li.grey-tab .buffer-tab,
 +
#buffers .buffer-container .navbar li.grey-tab.active .buffer-tab {
 +
  background: #f8fafb;
 +
}
 +
.buffer-content.buffer-content--grey {
 +
  background: #f8fafb;
 +
}
 +
.homeDashboard .review-status-num-items {
 +
  font-size: 22px;
 +
  vertical-align: middle;
 +
}
 +
.homeDashboard .review-status-icon {
 +
  width: 19px;
 +
  font-size: 16px;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
}
 +
.homeDashboard .review-status-icon.fa-flash {
 +
  color: #feefd1;
 +
}
 +
.homeDashboard .review-status-icon.fa-exclamation-circle {
 +
  color: #f2a795;
 +
}
 +
.homeDashboard .review-status-icon.fa-check {
 +
  color: #14fbbd;
 +
}
 +
.quickLinksCard a {
 +
  display: block;
 +
  color: #344043;
 +
  text-decoration: none;
 +
}
 +
.quickLinksCard a:hover {
 +
  color: #428ce1;
 +
}
 +
#editor .quickLinksCard .row {
 +
  margin-bottom: 0;
 +
}
 +
.emailHelpLink {
 +
  position: fixed;
 +
  bottom: 30px;
 +
  right: 5px;
 +
  z-index: 999;
 +
  font-weight: 700;
 +
  color: white;
 +
  background: #428ce1;
 +
  display: inline-block;
 +
  padding: 3px 5px;
 +
}
 +
.emailHelpLink:hover {
 +
  color: #e8f0f2;
 +
}
 +
.btn-af-google {
 +
  padding: 3px 10px;
 +
  font-size: 11px;
 +
  line-height: 16px;
 +
  text-transform: uppercase;
 +
  letter-spacing: 0.05em;
 +
  color: white;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 +
  min-height: 30px;
 +
  line-height: 22px;
 +
  border-radius: 3px;
 +
  border: 1px solid #d63825;
 +
  background-color: #dd4b39;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
 +
  position: relative;
 +
}
 +
.btn-af-google > *:last-child {
 +
  margin-right: -0.025em;
 +
}
 +
.btn-af-google:hover {
 +
  background-color: #e15f4f;
 +
}
 +
.btn-af-google:active,
 +
.btn-af-google.active,
 +
.btn-group.open .btn-af-google.dropdown-toggle,
 +
.dropdown.open > .btn-af-google {
 +
  background-color: #dd4b39;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #da3b28;
 +
  box-shadow: inset 0 -1px 0 0 #da3b28;
 +
}
 +
.btn-af-google:hover {
 +
  color: white;
 +
}
 +
.btn-af-google.btn-xs {
 +
  min-height: 0px;
 +
  font-size: 11px;
 +
  letter-spacing: 0;
 +
  text-transform: none;
 +
  border-radius: 2px;
 +
}
 +
.btn-af-google.btn-sm {
 +
  min-height: 29px;
 +
  line-height: 26px;
 +
  padding: 1px 10px 0;
 +
}
 +
.btn-af-google.btn-md {
 +
  padding: 8px 14px;
 +
  font-size: 16px;
 +
}
 +
.btn-af-google.btn-lg {
 +
  height: 43px;
 +
  font-size: 15px;
 +
  text-transform: uppercase;
 +
  line-height: 2.25;
 +
}
 +
.btn-af-google:focus {
 +
  color: #fff;
 +
  outline: 0;
 +
}
 +
.btn-af-google .fa-google-plus {
 +
  position: absolute;
 +
  left: 0;
 +
  font-size: 26px;
 +
  border-right: 1px solid #D63825;
 +
  padding: 10px 7px 5px 10px;
 +
  margin: -3px 0;
 +
}
 +
.btn-af-google .google-text {
 +
  position: absolute;
 +
  left: 50px;
 +
  right: 0;
 +
  text-align: center;
 +
  padding: 3px 5px;
 +
}
 +
.org-search-results {
 +
  max-height: 200px;
 +
  overflow-y: auto;
 +
}
 +
.org-search-results::-webkit-scrollbar {
 +
  width: 8px;
 +
  height: 8px;
 +
}
 +
.org-search-results::-webkit-scrollbar-track {
 +
  background: #f8fbfb;
 +
}
 +
.org-search-results:hover::-webkit-scrollbar-track {
 +
  border: 1px solid #e8f0f2;
 +
  background: #f8fbfb;
 +
}
 +
.org-search-results::-webkit-scrollbar-thumb {
 +
  background: #e8f0f2;
 +
}
 +
.org-search-results:hover::-webkit-scrollbar-thumb {
 +
  background: #c9d8db;
 +
}
 +
#fileLoading {
 +
  z-index: 1036;
 +
}
 +
.callToAction {
 +
  border: 1px solid #e8f0f2;
 +
  border-radius: 5px;
 +
  cursor: pointer;
 +
  font-size: 16px;
 +
  padding: 20px 15px;
 +
}
 +
.callToAction:hover {
 +
  border: 1px solid #428ce1;
 +
  color: #428ce1;
 +
}
 +
.termsOfService ol {
 +
  counter-reset: item;
 +
}
 +
.termsOfService ol li {
 +
  display: block;
 +
  position: relative;
 +
}
 +
.termsOfService ol li:before {
 +
  content: counters(item, '.') '.';
 +
  counter-increment: item;
 +
  position: absolute;
 +
  margin-right: 100%;
 +
  right: 10px;
 +
}
 +
.table.table-inlineHeader thead:first-child tr:first-child th {
 +
  border-top: 1px solid #c9d8db;
 +
  border-bottom: none;
 +
}
 +
.gold-status {
 +
  background-color: #fdd586;
 +
}
 +
#editor .transcript-selector {
 +
  height: 100px;
 +
}
 +
#editor .transcript-selector-option {
 +
  word-wrap: break-word;
 +
}
 +
.brand-neb .brand-benchling-logo {
 +
  display: none;
 +
}
 +
.brand-neb .brand-neb-logo {
 +
  display: inline-block !important;
 +
  visibility: visible !important;
 +
}
 +
.brand-neb .btn-af-success {
 +
  border: 1px solid #f5822a;
 +
  background-color: #f19147;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
}
 +
.brand-neb .btn-af-success:hover {
 +
  background-color: #f39f5f;
 +
}
 +
.brand-neb .btn-af-success:active,
 +
.brand-neb .btn-af-success.active,
 +
.btn-group.open .brand-neb .btn-af-success.dropdown-toggle,
 +
.dropdown.open > .brand-neb .btn-af-success {
 +
  background-color: #ee7518;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #e06b11;
 +
  box-shadow: inset 0 -1px 0 0 #e06b11;
 +
}
 +
.brand-neb .btn-af-primary {
 +
  border: 1px solid #666666;
 +
  background-color: #666666;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
}
 +
.brand-neb .btn-af-primary:hover {
 +
  background-color: #737373;
 +
}
 +
.brand-neb .btn-af-primary:active,
 +
.brand-neb .btn-af-primary.active,
 +
.btn-group.open .brand-neb .btn-af-primary.dropdown-toggle,
 +
.dropdown.open > .brand-neb .btn-af-primary {
 +
  background-color: #555555;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #4b4b4b;
 +
  box-shadow: inset 0 -1px 0 0 #4b4b4b;
 +
}
 +
.brand-neb .powered-by-benchling {
 +
  color: #f8fafb;
 +
}
 +
.brand-neb #header,
 +
.brand-neb#editor #header {
 +
  background: #393939;
 +
}
 +
.brand-neb #header .create-dropdown,
 +
.brand-neb#editor #header .create-dropdown,
 +
.brand-neb #header .user-dropdown,
 +
.brand-neb#editor #header .user-dropdown {
 +
  border-left-color: #2c2c2c;
 +
  border-right-color: #2c2c2c;
 +
}
 +
.brand-neb #header .create-dropdown .dropdown-toggle .caret,
 +
.brand-neb#editor #header .create-dropdown .dropdown-toggle .caret,
 +
.brand-neb #header .user-dropdown .dropdown-toggle .caret,
 +
.brand-neb#editor #header .user-dropdown .dropdown-toggle .caret {
 +
  border-top-color: white;
 +
  border-bottom-color: white;
 +
}
 +
.brand-neb #header #auth-nav > li > a,
 +
.brand-neb#editor #header #auth-nav > li > a {
 +
  color: #e8f0f2;
 +
}
 +
.brand-neb #header #auth-nav > li > a:hover,
 +
.brand-neb#editor #header #auth-nav > li > a:hover {
 +
  color: white;
 +
}
 +
.brand-neb #header .nav > li > a:focus,
 +
.brand-neb#editor #header .nav > li > a:focus {
 +
  background: none;
 +
}
 +
.brand-neb .list-group-item:hover {
 +
  color: #f5822a;
 +
}
 +
.brand-neb .list-group-item.active {
 +
  background: #393939;
 +
  border-color: #393939;
 +
  color: #e8f0f2;
 +
}
 +
.brand-neb .u-success-color,
 +
.brand-neb .u-primary-pointer:hover {
 +
  color: #f5822a;
 +
}
 +
.brand-neb .neb-modal-logo {
 +
  margin-top: -5px;
 +
}
 +
.brand-neb .emailHelpLink {
 +
  background: #f5822a;
 +
}
 +
.neb-modal-version {
 +
  color: #ca511d;
 +
  vertical-align: -2px;
 +
}
 +
.neb-modal-powered-by {
 +
  margin-top: 16px;
 +
}
 +
#editor.brand-neb #header .btn {
 +
  color: #e8f0f2;
 +
}
 +
#editor.brand-neb #filebar .filebar-item.active a {
 +
  background: #e1680b;
 +
}
 +
.brand-gen9 .brand-benchling-logo {
 +
  display: none;
 +
}
 +
.brand-gen9 .brand-gen9-logo {
 +
  display: inline-block !important;
 +
  visibility: visible !important;
 +
}
 +
.brand-gen9 .btn-af-success {
 +
  border: 1px solid #1b8b37;
 +
  background-color: #21a943;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
}
 +
.brand-gen9 .btn-af-success:hover {
 +
  background-color: #25be4b;
 +
}
 +
.brand-gen9 .btn-af-success:active,
 +
.brand-gen9 .btn-af-success.active,
 +
.btn-group.open .brand-gen9 .btn-af-success.dropdown-toggle,
 +
.dropdown.open > .brand-gen9 .btn-af-success {
 +
  background-color: #1b8b37;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #187a30;
 +
  box-shadow: inset 0 -1px 0 0 #187a30;
 +
}
 +
.brand-gen9 .btn-af-primary {
 +
  border: 1px solid #174f84;
 +
  background-color: #1c61a2;
 +
  -webkit-transition: background-color 0.2s;
 +
  transition: background-color 0.2s;
 +
}
 +
.brand-gen9 .btn-af-primary:hover {
 +
  background-color: #206eb8;
 +
}
 +
.brand-gen9 .btn-af-primary:active,
 +
.brand-gen9 .btn-af-primary.active,
 +
.btn-group.open .brand-gen9 .btn-af-primary.dropdown-toggle,
 +
.dropdown.open > .brand-gen9 .btn-af-primary {
 +
  background-color: #195791;
 +
  -webkit-box-shadow: inset 0 -1px 0 0 #164c80;
 +
  box-shadow: inset 0 -1px 0 0 #164c80;
 +
}
 +
.brand-gen9 #header {
 +
  border-top-color: #174f84;
 +
}
 +
.brand-gen9 .u-primary-color {
 +
  color: #174f84;
 +
}
 +
.brand-gen9 .u-success-color {
 +
  color: #1b8b37;
 +
}
 +
.brand-gen9 .progress-bar {
 +
  background-color: #174f84;
 +
}
 +
.brand-gen9 .progress-bar.progress-bar-success {
 +
  background-color: #1b8b37;
 +
}
 +
#editor.brand-gen9 .powered-by-benchling {
 +
  color: #e8f0f2;
 +
}
 +
#editor.brand-gen9 #header {
 +
  background: #2969a5;
 +
}
 +
#editor.brand-gen9 #header .create-dropdown,
 +
#editor.brand-gen9 #header .user-dropdown {
 +
  border-left-color: #174f84;
 +
  border-right-color: #174f84;
 +
}
 +
#editor.brand-gen9 #header .btn {
 +
  color: #e8f0f2;
 +
}
 +
#editor.brand-gen9 #filebar .filebar-item.active a {
 +
  background: #1b8b37;
 +
}
 +
#user-menu .gen9-create-order-icon {
 +
  margin-left: 4px;
 +
  margin-right: 10px;
 +
}
 +
.profile-frame .gen9-create-order-icon {
 +
  margin-left: 5px;
 +
  margin-top: -3px;
 +
}
 +
@font-face {
 +
  font-family: 'Inconsolata';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: url('../fonts/inconsolata-400.svg') format('svg');
 +
}
 +
@font-face {
 +
  font-family: 'Inconsolata';
 +
  font-style: normal;
 +
  font-weight: 700;
 +
  src: url('../fonts/inconsolata-700.svg') format('svg');
 +
}
 +
@font-face {
 +
  font-family: 'Glyphicons Halflings';
 +
  src: url('../fonts/glyphicons-halflings-regular.svg') format('svg');
 +
}
 +
@font-face {
 +
  font-family: 'FontAwesome';
 +
  src: url('../fonts/fontawesome-webfont.svg') format('svg');
 +
}
 +
/* Hide icons in HTML exports since they are not available locally. */
 +
.fa,
 +
.glyphicon,
 +
.svgIcon {
 +
  display: none;
 +
}
 +
/* Do not disable pointer-events so elements like links are still clickable. */
 +
.printable-container {
 +
  pointer-events: auto;
 +
}
  
 
/*LAYOUT */
 
/*LAYOUT */

Revision as of 17:09, 10 October 2016

MENU ▤