Template:Duke/Notebook/CSS

/* Third parties */ /**

* FixedDataTable v0.6.3 
*
* Copyright (c) 2015, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/

.fixedDataTableCellGroupLayout_cellGroup{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap}.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main{display:inline-block;vertical-align:top;white-space:normal}.fixedDataTableCellGroupLayout_cellGroupWrapper{position:absolute;top:0}.fixedDataTableCellLayout_main{border-right-style:solid;border-width:0 1px 0 0;box-sizing:border-box;display:block;overflow:hidden;position:absolute;white-space:normal}.fixedDataTableCellLayout_lastChild{border-width:0 1px 1px 0}.fixedDataTableCellLayout_alignRight{text-align:right}.fixedDataTableCellLayout_alignCenter{text-align:center}.fixedDataTableCellLayout_wrap1{display:table}.fixedDataTableCellLayout_wrap2{display:table-row}.fixedDataTableCellLayout_wrap3{display:table-cell;vertical-align:middle}.fixedDataTableCellLayout_columnResizerContainer{position:absolute;right:0;width:6px;z-index:1}.fixedDataTableCellLayout_columnResizerContainer:hover{cursor:ew-resize}.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob{visibility:visible}.fixedDataTableCellLayout_columnResizerKnob{position:absolute;right:0;visibility:hidden;width:4px}.fixedDataTableColumnResizerLineLayout_mouseArea{cursor:ew-resize;position:absolute;right:-5px;width:12px}.fixedDataTableColumnResizerLineLayout_main{border-right-style:solid;border-right-width:1px;box-sizing:border-box;position:absolute;z-index:10}body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main,.fixedDataTableColumnResizerLineLayout_hiddenElem{display:none!important}.fixedDataTableLayout_main{border-style:solid;border-width:1px;box-sizing:border-box;overflow:hidden;position:relative}.fixedDataTableLayout_header,.fixedDataTableLayout_hasBottomBorder{border-bottom-style:solid;border-bottom-width:1px}.fixedDataTableLayout_footer .public_fixedDataTableCell_main{border-top-style:solid;border-top-width:1px}.fixedDataTableLayout_topShadow,.fixedDataTableLayout_bottomShadow{height:4px;left:0;position:absolute;right:0;z-index:1}.fixedDataTableLayout_bottomShadow{margin-top:-4px}.fixedDataTableLayout_rowsContainer{overflow:hidden;position:relative}.fixedDataTableLayout_horizontalScrollbar{bottom:0;position:absolute}.fixedDataTableRowLayout_main{box-sizing:border-box;overflow:hidden;position:absolute;top:0}.fixedDataTableRowLayout_body{left:0;position:absolute;top:0}.fixedDataTableRowLayout_fixedColumnsDivider{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-left-style:solid;border-left-width:1px;left:0;position:absolute;top:0;width:0}.fixedDataTableRowLayout_columnsShadow{width:4px}.fixedDataTableRowLayout_rowWrapper{position:absolute;top:0}.ScrollbarLayout_main{box-sizing:border-box;outline:none;overflow:hidden;position:absolute;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ScrollbarLayout_mainVertical{bottom:0;right:0;top:0;-webkit-transition-property:background-color width;transition-property:background-color width;width:15px}.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,.ScrollbarLayout_mainVertical:hover{width:17px}.ScrollbarLayout_mainHorizontal{bottom:0;height:15px;left:0;-webkit-transition-property:background-color height;transition-property:background-color height}.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,.ScrollbarLayout_mainHorizontal:hover{height:17px}.ScrollbarLayout_face{left:0;overflow:hidden;position:absolute;z-index:1}.ScrollbarLayout_face:after{border-radius:6px;content:;display:block;position:absolute;-webkit-transition:background-color 250ms ease;transition:background-color 250ms ease}.ScrollbarLayout_faceHorizontal{bottom:0;left:0;top:0}.ScrollbarLayout_faceHorizontal:after{bottom:4px;left:0;top:4px;width:100%}.ScrollbarLayout_faceVertical{left:0;right:0;top:0}.ScrollbarLayout_faceVertical:after{height:100%;left:4px;right:4px;top:0}.public_fixedDataTable_main,.public_fixedDataTable_header,.public_fixedDataTable_hasBottomBorder{border-color:#d3d3d3}.public_fixedDataTable_header .public_fixedDataTableCell_main{font-weight:700}.public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main{background-color:#f6f7f8;background-image:-webkit-linear-gradient(#fff,#efefef);background-image:linear-gradient(#fff,#efefef)}.public_fixedDataTable_footer .public_fixedDataTableCell_main{background-color:#f6f7f8;border-color:#d3d3d3}.public_fixedDataTable_topShadow{background:0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x}.public_fixedDataTable_bottomShadow{background:0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x}.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal{background-color:#fff}.public_fixedDataTableCell_main{background-color:#fff;border-color:#d3d3d3}.public_fixedDataTableCell_highlighted{background-color:#f4f4f4}.public_fixedDataTableCell_cellContent{padding:8px}.public_fixedDataTableCell_columnResizerKnob{background-color:#0284ff}.public_fixedDataTableColumnResizerLine_main{border-color:#0284ff}.public_fixedDataTableRow_main{background-color:#fff}.public_fixedDataTableRow_highlighted,.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main{background-color:#f6f7f8}.public_fixedDataTableRow_fixedColumnsDivider{border-color:#d3d3d3}.public_fixedDataTableRow_columnsShadow{background:0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y}.public_Scrollbar_main.public_Scrollbar_mainActive,.public_Scrollbar_main:hover{background-color:rgba(255,255,255,.8)}.public_Scrollbar_mainOpaque,.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,.public_Scrollbar_mainOpaque:hover{background-color:#fff}.public_Scrollbar_face:after{background-color:#c2c2c2}.public_Scrollbar_main:hover .public_Scrollbar_face:after,.public_Scrollbar_mainActive .public_Scrollbar_face:after,.public_Scrollbar_faceActive:after{background-color:#7d7d7d} /* Collection default theme */

.ReactVirtualized__Collection { }

.ReactVirtualized__Collection__innerScrollContainer { }

/* Grid default theme */

.ReactVirtualized__Grid { }

.ReactVirtualized__Grid__innerScrollContainer { }

/* Table default theme */

.ReactVirtualized__Table { }

.ReactVirtualized__Table__Grid { }

.ReactVirtualized__Table__headerRow {

 font-weight: 700;
 text-transform: uppercase;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;

} .ReactVirtualized__Table__row {

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;

}

.ReactVirtualized__Table__headerTruncatedText {

 display: inline-block;
 max-width: 100%;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;

}

.ReactVirtualized__Table__headerColumn, .ReactVirtualized__Table__rowColumn {

 margin-right: 10px;
 min-width: 0px;

} .ReactVirtualized__Table__rowColumn {

 text-overflow: ellipsis;
 white-space: nowrap;

}

.ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type {

 margin-left: 10px;

} .ReactVirtualized__Table__sortableHeaderColumn {

 cursor: pointer;

}

.ReactVirtualized__Table__sortableHeaderIconContainer {

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;

} .ReactVirtualized__Table__sortableHeaderIcon {

 -webkit-box-flex: 0;
     -ms-flex: 0 0 24px;
         flex: 0 0 24px;
 height: 1em;
 width: 1em;
 fill: currentColor;

}

/* List default theme */

.ReactVirtualized__List { }

/*!

* 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: "";
 }
 .hidden-for-print {
   display: none;
 }
 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,

  1. 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,

  1. 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,

  1. editor .select2-container.select2-container-disabled {
 opacity: 0.7;

} body .select2-container.select2-container--large .select2-choice,

  1. 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,

  1. editor .select2-container.select2-container--large .select2-choice .select2-arrow b {
 margin-top: 0;

} body .select2-container .select2-choice,

  1. 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,

  1. editor .select2-container .select2-choice > *:last-child {
 margin-right: -0.025em;

} body .select2-container .select2-choice:hover,

  1. editor .select2-container .select2-choice:hover {
 background-color: #f8fbfb;

} body .select2-container .select2-choice:active,

  1. editor .select2-container .select2-choice:active,

body .select2-container .select2-choice.active,

  1. 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,

  1. editor .select2-container .select2-choice:hover {
 color: white;

} body .select2-container .select2-choice.btn-xs,

  1. 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,

  1. editor .select2-container .select2-choice.btn-sm {
 min-height: 29px;
 line-height: 26px;
 padding: 1px 10px 0;

} body .select2-container .select2-choice.btn-md,

  1. editor .select2-container .select2-choice.btn-md {
 padding: 8px 14px;
 font-size: 16px;

} body .select2-container .select2-choice.btn-lg,

  1. 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,

  1. editor .select2-container .select2-choice:focus {
 color: #fff;
 outline: 0;

} body .select2-container .select2-choice:hover,

  1. editor .select2-container .select2-choice:hover,

body .select2-container .select2-choice:focus,

  1. editor .select2-container .select2-choice:focus {
 color: #5c7c83;

} body .select2-container .select2-choice .caret,

  1. editor .select2-container .select2-choice .caret {
 margin-bottom: 2px;
 margin-left: 5px;
 border-top-color: #344043;

} body .select2-container .select2-choice .select2-chosen,

  1. editor .select2-container .select2-choice .select2-chosen {
 color: #5c7c83 !important;

} body .select2-container .select2-choice .select2-arrow,

  1. editor .select2-container .select2-choice .select2-arrow {
 border-left: none;
 background: none;

} body .select2-container .select2-choice .select2-arrow b,

  1. 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,

  1. 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,

  1. editor .select2-container .select2-choice .select2-chosen {
 margin-right: 15px;

} body .select2-container.select2-allowclear .select2-choice .select2-chosen,

  1. editor .select2-container.select2-allowclear .select2-choice .select2-chosen {
 margin-right: 30px;

} body .select2-container-disabled,

  1. editor .select2-container-disabled {
 background: #e8f0f2;

} body .select2-container-disabled .select2-choice:hover,

  1. editor .select2-container-disabled .select2-choice:hover {
 background: #c9d8db;

} body .select2-container-multi .select2-choices,

  1. editor .select2-container-multi .select2-choices {
 background: none;
 border-color: #5c7c83;

} body .select2-container-multi .select2-choices .select2-search-field input,

  1. 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,

  1. 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,

  1. 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,

  1. 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,

  1. editor .select2-container-multi .select2-search-choice-close {
 top: 3px;

} body .select2-container-multi.select2-container-active .select2-choice,

  1. editor .select2-container-multi.select2-container-active .select2-choice,

body .select2-container-multi.select2-container-active .select2-choices,

  1. editor .select2-container-multi.select2-container-active .select2-choices {
 border-color: #428ce1;
 outline: none;
 -webkit-box-shadow: none;
 box-shadow: none;

} body .select2-container,

  1. editor .select2-container,

body .select2-choices,

  1. editor .select2-choices {
 outline: none;

} body .select2-drop,

  1. editor .select2-drop {
 border-radius: 0;

} body .select2-dropdown-open.select2-drop-above .select2-choice,

  1. editor .select2-dropdown-open.select2-drop-above .select2-choice,

body .select2-dropdown-open.select2-drop-above .select2-choices,

  1. editor .select2-dropdown-open.select2-drop-above .select2-choices {
 border-color: #5c7c83;
 border-radius: 0;

} body .select2-drop.select2-drop-active,

  1. editor .select2-drop.select2-drop-active,

body .select2-drop.select2-drop-active.select2-drop-above,

  1. editor .select2-drop.select2-drop-active.select2-drop-above {
 border: 1px solid #c9d8db;
 border-radius: 0;

} body .select2-drop.select2-drop-active .select2-search,

  1. editor .select2-drop.select2-drop-active .select2-search,

body .select2-drop.select2-drop-active.select2-drop-above .select2-search,

  1. editor .select2-drop.select2-drop-active.select2-drop-above .select2-search {
 margin-top: 4px;

} body .select2-drop.select2-drop-active .select2-results .select2-highlighted,

  1. editor .select2-drop.select2-drop-active .select2-results .select2-highlighted,

body .select2-drop.select2-drop-active.select2-drop-above .select2-results .select2-highlighted,

  1. editor .select2-drop.select2-drop-active.select2-drop-above .select2-results .select2-highlighted {
 background: #428ce1;

} body .select2-drop.select2-drop-active .select2-no-results,

  1. editor .select2-drop.select2-drop-active .select2-no-results,

body .select2-drop.select2-drop-active.select2-drop-above .select2-no-results,

  1. editor .select2-drop.select2-drop-active.select2-drop-above .select2-no-results {
 padding: 3px;
 background: none;
 color: #a2b9be;

} body .select2-results,

  1. editor .select2-results {
 overflow-y: auto;
 font-size: 11px;

} body .select2-results::-webkit-scrollbar,

  1. editor .select2-results::-webkit-scrollbar {
 width: 8px;
 height: 8px;

} body .select2-results::-webkit-scrollbar-track,

  1. editor .select2-results::-webkit-scrollbar-track {
 background: #f8fbfb;

} body .select2-results:hover::-webkit-scrollbar-track,

  1. editor .select2-results:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

} body .select2-results::-webkit-scrollbar-thumb,

  1. editor .select2-results::-webkit-scrollbar-thumb {
 background: #e8f0f2;

} body .select2-results:hover::-webkit-scrollbar-thumb,

  1. editor .select2-results:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

} body .select2-results-dept-1 .select2-result-label,

  1. editor .select2-results-dept-1 .select2-result-label {
 padding-left: 12px;

} body .select2-search input,

  1. 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%;

} .u-height-full {

 height: 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"]` */

  1. editor .plainSearchInput .plainSearchInput-input,
  2. editor .buffer-options .plainSearchInput .plainSearchInput-input {
 padding-left: 28px;

}

  1. editor .plainSearchInput .plainSearchInput-input:focus,
  2. editor .plainSearchInput .plainSearchInput-input:active,
  3. editor .plainSearchInput.plainSearchInput--hideIcon .plainSearchInput-input {
 padding-left: 10px;

}

  1. editor.hasLegacyNav .plainSearchInput .close {
 margin-top: -10px;

}

  1. force-font-load {
 position: absolute;
 visibility: hidden;
 font-family: 'Inconsolata', 'Courier New';

}

  1. force-font-load .font-normal {
 font-weight: normal;

}

  1. 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;

}

  1. library-page .library-editing .edit-permissions,
  2. library-page .library-editing .transfer-library {
 padding-top: 8px;

}

  1. library-page .library-editing .library-basic-information .radio-inline {
 line-height: 22px;

}

  1. library-page .library-editing .library-basic-information .glyphicon-question-sign {
 margin-top: 2px;
 text-decoration: none;

}

  1. library-page > .base-container-wrapper > .container,
  2. library-page .container.library-context-bar,
  3. library-page .nav-container {
 max-width: 95%;

}

  1. library-page .library-context-bar.container.affix-top {
 max-width: none;

}

  1. library-page .profile-container {
 max-width: 100%;

}

  1. library-page .profile-container.affix {
 width: 95%;

}

  1. library-page .pagination-container.bottom-pagination {
 margin-top: 10px;

}

  1. library-page .pagination-container .pagination {
 margin: 0;

}

  1. library-page .pagination-container .pagination-text {
 line-height: 32px;
 margin-right: 10px;
 color: #e8f0f2;
 font-style: italic;
 font-size: 12px;

}

  1. library-page .container.collapsed-tags .col-tags {
 display: none;

}

  1. library-page .container.collapsed-tags th.tags {
 display: none;

}

  1. library-page .not-signed-in .library-context-bar .library-context-bar-inner {
 display: inline-block;
 background: white;

}

  1. library-page .not-signed-in .library-context-bar .copy-to-group,
  2. library-page .not-signed-in .library-context-bar .library-selection-information,
  3. library-page .not-signed-in .library-context-bar .analyses-group,
  4. library-page .not-signed-in .library-context-bar .delete-button {
 display: none;

}

  1. library-page .not-signed-in .library-context-bar .search-box input[type=text] {
 width: 370px;

}

  1. library-page .not-signed-in .library-context-bar .search-box .search-wrapper {
 width: 472px;

}

  1. library-page .not-signed-in .library-sequences .col-checkbox {
 width: 0;

}

  1. library-page .not-signed-in .library-sequences .sequence-checkbox {
 width: 0;
 visibility: hidden;

}

  1. library-page .not-signed-in .library-sequences .sequence-main {
 padding-left: 10px;

}

  1. library-page .profile-img {
 border-radius: 25px;
 border: 2px solid #f8fafb;

}

  1. library-page .profile-img img {
 width: 50px;
 height: 50px;

}

  1. library-page .library-navigation {
 margin-bottom: 20px;

}

  1. library-page .library-navigation .current-user-profile {
 float: right;

}

  1. library-page .library-navigation a:hover {
 text-decoration: none;

}

  1. library-page .library-navigation a:hover .profile-img {
 border-color: #428ce1;

}

  1. library-page .library-navigation a:hover span {
 color: #428ce1;

}

  1. library-page .library-navigation .back-to-my-libraries {
 margin-left: 10px;

}

  1. library-page .library-navigation .library-description {
 margin-left: 60px;
 font-size: 14px;
 color: #c9d8db;
 padding: 5px 0;

}

  1. library-page .library-navigation .library-description::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. library-page .library-navigation .library-description::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. library-page .library-navigation .library-description:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. library-page .library-navigation .library-description::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. library-page .library-navigation .library-description:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. library-page .library-navigation .library-description .no-description {
 color: #a2b9be;

}

  1. library-page .library-navigation .library-name .profile-img {
 margin-right: 10px;

}

  1. library-page .library-navigation .library-name .library-owner,
  2. library-page .library-navigation .library-name .actual-name {
 vertical-align: middle;

}

  1. library-page .library-navigation .library-perms {
 float: left;
 display: inline-block;
 width: 50px;
 text-align: center;
 padding: 5px 0;

}

  1. library-page .library-navigation .library-perms .perms-wrapper {
 background: #b7d0d6;
 border-radius: 15px;
 display: inline-block;
 height: 26px;
 padding: 0 7px;

}

  1. library-page .library-navigation .library-perms .perms-wrapper .glyphicon {
 font-size: 12px;
 line-height: 22px;
 margin-left: 3px;

}

  1. library-page .library-navigation .library-perms .perms-wrapper .glyphicon:nth-child(1) {
 margin-left: 0;

}

  1. library-page .library-editing {
 margin-top: 10px;
 margin-bottom: 30px;

}

  1. library-page .library-editing .in-place-progress {
 margin-left: 5px;

}

  1. library-page .library-editing .library-edit-desc {
 height: 80px;

}

  1. library-page .library-editing .library-collaborators col.user,
  2. library-page .library-editing .library-invites col.user {
 width: 300px;

}

  1. library-page .library-editing .library-collaborators col.remove,
  2. library-page .library-editing .library-invites col.remove {
 width: 20px;

}

  1. library-page .library-editing .library-collaborators td,
  2. library-page .library-editing .library-invites td,
  3. library-page .library-editing .library-collaborators th,
  4. library-page .library-editing .library-invites th {
 padding: 4px 8px;

}

  1. library-page .library-editing .library-collaborators .glyphicon-question-sign,
  2. library-page .library-editing .library-invites .glyphicon-question-sign {
 margin-left: 5px;
 text-decoration: none;

}

  1. library-page .import-sequence-button,
  2. library-page .create-sequence-button,
  3. library-page .export-sequence-button {
 margin: 10px 0 0 5px;

}

  1. library-page .leave-library-button {
 margin: 10px 20px 0 5px;

}

  1. library-page .library-edit-button {
 margin: 10px 0 0 20px;

}

  1. library-page .library-context-bar-wrapper {
 min-height: 92px;

}

  1. library-page .library-context-bar-inner {
 width: 100%;
 margin-bottom: 15px;

}

  1. library-page .library-context-bar {
 z-index: 99;
 position: relative;
 margin: 0 -15px;

}

  1. library-page .library-context-bar > * {
 vertical-align: top;

}

  1. library-page .library-context-bar .library-context-bar-inner {
 display: inline-block;
 padding-top: 5px;

}

  1. library-page .library-context-bar .dropdown-menu > li > a .owner {
 color: #a2b9be;

}

  1. library-page .library-context-bar .dropdown-menu > li > a:hover .owner {
 color: #ffffff;

}

  1. library-page .library-context-bar .search-box {
 display: inline-block;

}

  1. library-page .library-context-bar .search-box .search-wrapper {
 display: inline-block;
 width: 310px;
 vertical-align: bottom;

}

  1. library-page .library-context-bar .search-box .search-wrapper .dropdown-toggle {
 text-align: left;

}

  1. library-page .library-context-bar .search-box .search-wrapper input[type=text] {
 margin: 0;

}

  1. library-page .library-context-bar .search-box .search-wrapper .filter-option-menu {
 max-height: 300px;
 overflow-y: auto;

}

  1. 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;

}

  1. library-page .library-context-bar.affix {
 top: 0px;
 margin-top: 0;
 position: fixed;
 width: 100%;

}

  1. 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;

}

  1. library-page .modified-notification .text {
 display: inline;
 vertical-align: middle;

}

  1. library-page .modified-notification .undo-modified {
 display: inline;

}

  1. library-page .modified-notification .undo-modified button {
 margin-left: 10px;
 min-height: inherit;
 line-height: inherit;

}

  1. library-page .modified-notification .close {
 margin-right: 10px;

}

  1. library-page .modified-notification .text {
 color: #344043;
 font-size: 16px;
 font-style: italic;

}

  1. library-page .modified-notification .text .moved-to-folder {
 font-weight: 500;

}

  1. library-page .modified-notification .text .moved-sequences {
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline;

}

  1. library-page .modified-notification .text .moved-sequences li {
 display: inline;
 font-weight: 500;

}

  1. library-page .modified-notification .text .moved-sequences li:after {
 content: ', ';

}

  1. library-page .modified-notification .text .moved-sequences li:nth-last-child(2):after {
 content: ;

}

  1. library-page .modified-notification .text .moved-sequences li:last-child:before {
 content: ' and ';

}

  1. library-page .modified-notification .text .moved-sequences li:last-child:after {
 content: ;

}

  1. library-page .modified-notification .text .moved-sequences li:first-child:before {
 content: ;

}

  1. library-page .library-selection-information {
 min-height: 24px;
 font-style: italic;
 margin-right: 15px;
 color: #a2b9be;
 line-height: 30px;
 font-size: 12px;

}

  1. library-page .library-sequences {
 background: #ffffff;
 margin-top: 0px;
 position: relative;

}

  1. library-page .library-sequences .add-column-group {
 position: absolute;
 right: -25px;
 top: 50%;
 margin-top: -11px;
 font-size: 16px;

}

  1. library-page .library-sequences .add-column-group > a {
 color: #a2b9be;

}

  1. library-page .library-sequences .add-column-group > a:hover {
 color: #428ce1;

}

  1. library-page .library-sequences.profile-container {
 position: relative;

}

  1. 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;

}

  1. library-page .library-sequences > table {
 width: 100%;
 table-layout: fixed;

}

  1. library-page .library-sequences > table .col-checkbox {
 width: 40px;

}

  1. library-page .library-sequences > table .col-tags {
 width: 250px;

}

  1. library-page .library-sequences > table .col-color {
 text-align: center;
 width: 53px;

}

  1. library-page .library-sequences > table th.tag-column {
 padding: 0;

}

  1. 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;

}

  1. library-page .library-sequences > table th.tag-column .edit-name label:hover {
 background-color: #ffffff;

}

  1. 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;

}

  1. library-page .library-sequences > table th.tag-column .close {
 position: absolute;
 top: 0;
 right: 2px;
 display: none;

}

  1. library-page .library-sequences > table th.tag-column:hover .close {
 display: block;

}

  1. library-page .library-sequences > table th.tag-column.editable-content:hover .edit-schema {
 display: block;

}

  1. library-page .library-sequences > table th.tag-column .select {
 margin-top: 0px;
 text-align: right;
 min-width: 100px;

}

  1. library-page .library-sequences > table th.tag-column .select input {
 margin-top: 2px;

}

  1. library-page .library-sequences > table col.tag-column {
 width: 120px;

}

  1. library-page .library-sequences > table td.tag-column {
 padding: 0px;

}

  1. library-page .library-sequences > table td.tag-column div {
 overflow-wrap: break-word;
 word-wrap: break-word;
 text-align: center;

}

  1. library-page .library-sequences > table td.tag-column div a {
 white-space: nowrap;
 line-height: normal;
 text-overflow: ellipsis;
 overflow: hidden;

}

  1. 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;

}

  1. library-page .library-sequences > table > thead th:first-child {
 border-left: 1px solid #c7dbe0;

}

  1. library-page .library-sequences > table > thead th.tags .save-tag-columns {
 display: inline-block;
 margin-left: 8px;
 vertical-align: middle;
 cursor: pointer;
 color: #344043;

}

  1. library-page .library-sequences > table > thead th.tags .save-tag-columns:hover {
 color: #428ce1;

}

  1. library-page .library-sequences > table > thead th.tags div.contract-tags {
 display: none;

}

  1. library-page .library-sequences > table > thead th.tags:hover div.contract-tags {
 display: inline-block;

}

  1. library-page .library-sequences > table > thead th.context-checkbox {
 padding-top: 13px;
 padding-bottom: 7px;

}

  1. library-page .library-sequences > table > thead th.context-checkbox input[type='checkbox'] {
 height: 15px;
 margin: 0 0 0 3px;

}

  1. library-page .library-sequences > table > thead th.sortable {
 cursor: pointer;

}

  1. library-page .library-sequences > table > thead th.sortable:hover .tag-name,
  2. library-page .library-sequences > table > thead th.sortable:hover .glyphicon {
 color: #428ce1;

}

  1. library-page .library-sequences > table > thead th .contract-tags,
  2. 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;

}

  1. library-page .library-sequences > table > thead th .contract-tags:hover,
  2. library-page .library-sequences > table > thead th .expand-tags:hover {
 border-color: #344043;

}

  1. library-page .library-sequences > table > thead th .expand-tags {
 padding-left: 3px;

}

  1. library-page .library-sequences > table > thead th .contract-tags {
 padding-left: 1px;

}

  1. library-page .library-sequences > table > thead th .sort-options {
 display: inline-block;
 margin-left: 3px;
 color: #a2b9be;

}

  1. library-page .library-sequences > table > thead th .sort-options .glyphicon {
 font-size: 12px;

}

  1. library-page .library-sequences > table > thead th .sort-option {
 display: none;

}

  1. library-page .library-sequences > table > thead th .sort-option.active {
 display: inline-block;

}

  1. library-page .library-sequences .library-sequence.selected {
 background: #f2f6f8;

}

  1. 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;

}

  1. library-page .library-sequences .library-sequence > td:first-child {
 border-left: 1px solid #e8f0f2;

}

  1. library-page .library-sequences .library-sequence .sequence-bases {
 overflow-x: auto;

}

  1. library-page .library-sequences .library-sequence .sequence-color {
 text-align: center;

}

  1. library-page .library-sequences .library-sequence .sequence-color .color-value {
 cursor: pointer;
 width: 25px;
 height: 25px;
 display: inline-block;

}

  1. library-page .library-sequences .library-sequence .editable {
 display: none;

}

  1. library-page .library-sequences .library-sequence .editable .tag-help {
 margin-top: 10px;

}

  1. library-page .library-sequences .library-sequence .editable input {
 margin-bottom: 5px;

}

  1. library-page .library-sequences .library-sequence .editable button {
 margin-right: 3px;

}

  1. library-page .library-sequences .library-sequence .editable textarea.sequence-input-desc {
 resize: vertical;
 margin-bottom: 5px;
 min-height: 80px;

}

  1. library-page .library-sequences .file-tag {
 cursor: pointer;

}

  1. library-page .library-sequences .file-tag:hover span {
 background: #c9d8db;

}

  1. library-page .library-sequences .file-tag.selected {
 border-color: #428ce1;

}

  1. library-page .library-sequences .file-tag.selected span {
 border-color: #428ce1;

}

  1. library-page .library-sequences .file-tag.selected span,
  2. library-page .library-sequences .file-tag:hover span {
 color: white;

}

  1. library-page .library-sequences .file-tag.selected span:first-child,
  2. library-page .library-sequences .file-tag:hover span:first-child {
 color: #344043;
 background: #e8f0f2;

}

  1. library-page .library-sequences .sequence-main {
 position: relative;

}

  1. library-page .library-sequences .sequence-main h2 {
 font-size: 14px;
 line-height: normal;
 margin: 0 0 5px;
 font-weight: 500;

}

  1. 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;

}

  1. 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;

}

  1. library-page .library-sequences .sequence-main .sequence-desc .sequence-modified {
 color: #a2b9be;

}

  1. library-page .library-sequences .sequence-main .sequence-desc:hover {
 background-color: #ffffff;
 outline: 1px solid #428ce1;

}

  1. library-page .library-sequences .sequence-main .sequence-meta {
 font-size: 12px;
 color: #a2b9be;

}

  1. library-page .library-sequences .sequence-main .sequence-meta .sequence-topology {
 font-weight: 500;

}

  1. library-page .library-sequences .sequence-main:hover .non-editable .sequence-edit-options {
 visibility: visible;

}

  1. library-page .library-sequences .sequence-main .sequence-edit-options {
 display: inline-block;
 margin-left: 10px;
 visibility: hidden;

}

  1. library-page .library-sequences .sequence-main .sequence-edit-options a {
 color: #c9d8db;
 margin-left: 5px;

}

  1. library-page .library-sequences .sequence-main .sequence-edit-options a:hover {
 color: #428ce1;

}

  1. library-page .library-sequences .sequence-main .non-editable {
 position: relative;

}

  1. library-page .library-sequences .sequence-main .non-editable .sequence-name {
 display: inline-block;

}

  1. library-page .library-sequences .sequence-main.editing .non-editable {
 display: none;

}

  1. library-page .library-sequences .sequence-main.editing .editable {
 display: block;

}

  1. library-page .library-sequences td.sequence-checkbox {
 padding: 0;
 vertical-align: middle;

}

  1. library-page .library-sequences td.sequence-checkbox div {
 width: 100%;
 height: 100%;
 position: relative;

}

  1. library-page .library-sequences td.sequence-checkbox div input {
 margin: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -4px 0 0 -7px;

}

  1. library-page .library-sequences td.sequence-bases {
 position: relative;

}

  1. 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;

}

  1. library-page .library-sequences td.sequence-bases .bases-edit-buttons {
 position: absolute;
 right: 5px;
 display: none;

}

  1. library-page .library-sequences td.sequence-bases .edit-button {
 margin-top: -8px;

}

  1. library-page .library-sequences td.sequence-bases:hover .bases-edit-buttons {
 display: inline-block;

}

  1. library-page .library-sequences td.sequence-bases .non-editable {
 position: relative;

}

  1. library-page .library-sequences td.sequence-bases.editing .non-editable {
 display: none;

}

  1. library-page .library-sequences td.sequence-bases.editing .editable {
 display: block;

}

  1. library-page .library-sequences .file-tag {
 font-size: 12px;

}

  1. library-page .library-sequences .sequence-bases .edit-form .row {
 margin-left: 0px;
 margin-right: 0px;

}

  1. library-page .library-sequences .sequence-bases .edit-form .col {
 padding-left: 5px;
 padding-right: 5px;

}

  1. library-page,
  2. profile {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;

}

  1. library-page h1,
  2. profile h1,
  3. library-page h2,
  4. profile h2,
  5. library-page .library-description,
  6. profile .library-description {
 -webkit-user-select: text;
 -moz-user-select: text;
 -ms-user-select: text;
 -o-user-select: text;
 user-select: text;

}

  1. library-page .no-select,
  2. profile .no-select {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;

}

  1. library-page .profile-img,
  2. 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;

}

  1. library-page .library-name,
  2. profile .library-name {
 font-size: 24px;
 margin-top: 0;

}

  1. library-page .library-name .library-owner,
  2. profile .library-name .library-owner {
 color: #a2b9be;

}

  1. library-page .library-name a:hover,
  2. profile .library-name a:hover {
 color: #1a5aa3;

}

  1. library-page .profile-container,
  2. 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;

}

  1. profile {
 background: white;

}

  1. profile .base-container-wrapper {
 background: white;

}

  1. profile .entity-meta {
 display: table;
 margin-bottom: 20px;

}

  1. profile .entity-meta .entity-meta-row {
 display: table-row;

}

  1. profile .entity-meta .entity-avatar,
  2. profile .entity-meta .entity-details {
 display: table-cell;
 vertical-align: top;

}

  1. profile .entity-meta .entity-avatar {
 padding-right: 20px;

}

  1. profile .entity-meta .entity-avatar .avatar {
 border-radius: 12px;
 border: 2px solid #e8f0f2;

}

  1. profile .entity-meta .entity-details h1 {
 font-size: 40px;
 margin: 0 0 0;

}

  1. profile .entity-meta .entity-details .entity-handle {
 margin-top: -5px;
 margin-left: 10px;
 font-size: 26px;
 color: #a2b9be;

}

  1. profile .entity-meta .entity-details .entity-minor-details {
 color: #a2b9be;
 margin-top: 5px;

}

  1. profile .entity-meta .entity-details .entity-minor-details .bio-detail {
 margin-right: 30px;
 display: inline-block;

}

  1. profile .entity-meta .entity-details .entity-minor-details .bio-detail .bio-detail-inner {
 white-space: nowrap;

}

  1. profile .entity-meta .entity-details .entity-minor-details .glyphicon {
 margin-right: 5px;
 color: #a2b9be;

}

  1. profile .entity-related-entities-label,
  2. profile .entity-related-entities {
 display: table-cell;
 vertical-align: center;
 padding-bottom: 10px;

}

  1. profile .entity-related-entities-label {
 text-align: right;
 font-weight: 500;
 text-transform: uppercase;
 padding-right: 20px;
 font-size: 16px;

}

  1. profile .entity-related-entities-label .inner-label {
 background: #e8f0f2;
 border-radius: 2px;
 color: #a2b9be;
 padding: 3px 5px;

}

  1. profile .container-wide-nav .nav-tabs li {
 text-align: center;

}

  1. 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;

}

  1. profile .profile-tab-content .title {
 font-size: 18px;
 margin: 0 0 10px;
 padding-bottom: 10px;
 border-bottom: 1px solid #e8f0f2;

}

  1. 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;

}

  1. profile .profile-latest-sequences {
 display: table;

}

  1. profile .profile-latest-sequences .latest-thumb {
 display: table-cell;
 vertical-align: bottom;
 border: 2px solid #e8f0f2;

}

  1. profile .profile-latest-sequences .latest-thumb:hover {
 border-color: #428ce1;

}

  1. profile .profile-latest-sequences .latest-thumb:hover .latest-thumb-inner .latest-thumb-overlay .folder-details {
 display: block;

}

  1. 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;
 }

}

  1. 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;

}

  1. profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .latest-overlay-name,
  2. profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .folder-details {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

}

  1. profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .latest-overlay-count {
 float: right;
 opacity: 0.7;

}

  1. profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .folder-details {
 display: none;
 opacity: 0.7;

}

  1. profile .profile-latest-sequences .latest-thumb .latest-thumb-inner img {
 width: 100%;
 max-width: 250px;

}

  1. 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;

}

  1. profile .profile-source:hover {
 border-color: #d8e5e9;
 border-top-color: #428ce1;

}

  1. profile .profile-source:hover .profile-source-perms {
 background: #428ce1;
 color: white;

}

  1. profile .profile-source-name {
 font-size: 24px;

}

  1. profile .profile-source-name a:hover {
 color: #1a5aa3;
 text-decoration: none;

}

  1. 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;

}

  1. profile .profile-source-perms.double {
 width: 60px;
 margin-left: -30px;

}

  1. profile .profile-source-perms.double .glyphicon:first-child {
 margin-right: 5px;

}

  1. profile .profile-widget {
 border-bottom: 1px solid #e8f0f2;
 margin-bottom: 10px;

}

  1. profile .profile-widget h3 {
 margin: 10px 0 5px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

}

  1. profile .profile-widget h3 .sharing-icon {
 font-size: 16px;
 vertical-align: top;
 margin-left: 10px;

}

  1. profile .profile-widget .profile-entity-list-item {
 border-width: 2px;

}

  1. profile .profile-widget .profile-widget-modified {
 float: right;
 line-height: 25px;
 margin-top: 2px;
 color: #a2b9be;
 font-size: 11px;

}

  1. profile .profile-widget .profile-widget-details {
 float: right;
 color: #a2b9be;

}

  1. profile .protocol-widget .profile-widget-details .glyphicon {
 margin-right: 3px;

}

  1. tagger .alert {
 margin-top: 20px;

}

  1. tagger .file-text-name {
 line-height: 40px;

}

  1. tagger .help-message {
 width: 300px;

}

  1. tagger .update-skip {
 width: auto;

}

  1. 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;

}

  1. featureLibraryHelpModal .definitions dt {
 width: 50px;

}

  1. featureLibraryHelpModal .definitions dd {
 margin-left: 70px;
 margin-bottom: 10px;
 font-weight: 400;

}

  1. featureLibraryHelpModal span.selected {
 padding: 0px;
 margin: 0px;
 background-color: red;

}

  1. featureLibraryHelpModal .title {
 font-size: 15px;
 font-weight: 700;
 margin: 0px;
 padding: 0px;

}

  1. featureLibraryHelpModal .title dt {
 width: 100px;
 margin-bottom: 0px;

}

  1. featureLibraryHelpModal .title dd {
 margin-left: 120px;
 margin-bottom: 0px;

}

  1. featureLibraryHelpModal .matches {
 padding-top: ;

}

  1. featureLibraryHelpModal .matches dt {
 width: 100px;

}

  1. 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;

}

  1. home .home-news {
 padding: 9px;

}

  1. home .home-news h2 {
 margin-top: 0;

}

  1. home .home-news .latest {
 margin-bottom: 5px;

}

  1. home .home-news .update-more {
 font-size: 11px;

}

  1. home .home-news .blog-link {
 color: #a2b9be;

}

  1. home .home-invite-form .alert {
 padding: 5px 8px;
 margin-bottom: 5px;

}

  1. home .quick-browse .sort-toggle {
 float: right;

}

  1. home .quick-browse .sort-toggle button {
 background: none;
 border: none;
 color: #a2b9be;
 padding: 2px;

}

  1. home .quick-browse .sort-toggle button:hover {
 color: #428ce1;

}

  1. home .quick-browse .sort-toggle button:focus {
 outline: 0;

}

  1. 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;

}

  1. home .quick-browse .nav {
 position: relative;

}

  1. home .quick-browse .nav li {
 border-width: 0 1px 1px;
 border-style: solid;
 border-color: #e8f0f2;

}

  1. home .quick-browse .nav li:last-child {
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;

}

  1. home .quick-browse .nav li:hover {
 background: #f9fbfe;

}

  1. home .quick-browse .nav li:hover .readonly-icon {
 color: #344043;

}

  1. home .quick-browse .nav li .readonly-icon {
 margin-top: 2px;
 color: #a2b9be;

}

  1. home .quick-browse .nav li .icon {
 left: 10px;

}

  1. home .quick-browse .nav li a {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

}

  1. home .quick-browse .nav .collapse-toggle {
 text-align: center;
 background: white;
 text-transform: uppercase;
 font-weight: 500;
 font-size: 11px;
 padding: 3px 0;

}

  1. home .quick-browse .nav .collapse-toggle a {
 color: #a2b9be;

}

  1. home .quick-browse + .quick-browse {
 margin-top: 30px;

}

  1. home .home-quick-links {
 list-style: none;
 padding: 0;
 display: table;
 margin-bottom: 30px;
 border-collapse: collapse;

}

  1. home .home-quick-links li {
 border: 1px solid #e8f0f2;
 display: table-cell;
 text-align: center;
 width: 100px;

}

  1. 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;
 }

}

  1. home .home-quick-links li a {
 width: 100%;
 display: block;
 padding: 12px 4px;

}

  1. home .home-quick-links li a:hover {
 text-decoration: none;

}

  1. home .home-quick-links li a:hover .quick-link-icon {
 color: inherit;

}

  1. home .home-quick-links li .quick-link-icon {
 margin-bottom: 5px;
 color: #a2b9be;

}

  1. home .home-quick-links li p {
 margin: 0;
 line-height: 18px;

}

  1. home .home-recently-accessed col.home-recent-avatar {
 width: 40px;

}

  1. home .home-recently-accessed col.home-recent-name {
 width: 300px;

}

  1. home .home-recently-accessed td {
 line-height: 25px;

}

  1. home .home-recently-accessed td.recent-access-type {
 color: #a2b9be;
 text-transform: uppercase;
 font-size: 11px;

}

  1. home .home-recently-accessed td .delete-icon {
 margin-left: 3px;

}

  1. home .home-recently-accessed td .delete-icon:hover {
 color: #e96e51;

}

  1. home .home-recently-accessed td a.recent-name-link {
 width: 300px;
 display: inline-block;
 overflow-wrap: break-word;

}

  1. home .home-recently-accessed .entity-info {
 font-size: 11px;

}

  1. home .home-recently-accessed .entity-info a {
 color: #a2b9be;

}

  1. 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;

}

  1. organizations .organizations-list {
 margin-top: 10px;

}

  1. organizations .organizations-list a {
 display: inline-block;

}

  1. organizations .organizations-list a.manage-button {
 margin-left: 10px;

}

  1. organizations .organizations-list .leave-container {
 margin-left: 5px;

}

  1. 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;

}

  1. settings .collaborator-progress {
 margin-bottom: 5px;

}

  1. settings .over-collaborator-limit {
 padding: 5px 8px;

}

  1. profile .profile-entity-list-item,
  2. 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);

}

  1. profile .profile-entity-list-item img,
  2. settings .profile-entity-list-item img {
 border-radius: 2px;

}

  1. profile .profile-entity-list-item:hover,
  2. settings .profile-entity-list-item:hover {
 background: #428ce1;
 border-color: #428ce1;

}

  1. 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;

}

  1. search h1 {
 margin-top: 100px;

}

  1. search h2.title {
 margin: 0;
 line-height: 30px;

}

  1. search .main-search-form {
 margin-bottom: 50px;

}

  1. search .main-search {
 -webkit-transition: opacity 0.2s ease-out;
 transition: opacity 0.2s ease-out;

}

  1. search .search-filter-form {
 margin-top: -20px;

}

  1. search .search-filter-form h3 {
 font-size: 14px;
 margin-top: 20px;
 color: #c9d8db;
 font-weight: 500;

}

  1. search .search-filter-form ul {
 list-style: none;
 padding-left: 5px;
 margin-bottom: 0;

}

  1. search .search-filter-form select {
 width: 40%;

}

  1. search .search-filter-form select + input {
 width: 58%;

}

  1. search .search-filter-form select,
  2. search .search-filter-form select + input {
 height: 28px;
 padding: 6px;

}

  1. search .search-filter-form label {
 font-weight: 400;

}

  1. search .search-filter-form input {
 color: #c9d8db;

}

  1. search .search-filter-form input.accepted {
 color: #344043;
 font-weight: 700;

}

  1. search .search-filter-form .toggle-advanced-filters {
 margin-top: 10px;
 display: block;

}

  1. search .single-sequence .sequence-name em,
  2. search .single-sequence .sequence-library em,
  3. search .single-sequence .matches em {
 font-style: normal;
 background: #feefd1;

}

  1. search .single-sequence .folder-url {
 display: inline-block;
 color: #a2b9be;

}

  1. search .single-sequence .matches {
 list-style: none;
 padding: 0;

}

  1. search .single-sequence .matches .match {
 margin-top: 5px;

}

  1. search .single-sequence .matches .match.bases .match-content {
 font-family: 'Inconsolata', 'Courier New';
 font-size: 15px;
 overflow-wrap: break-word;
 word-wrap: break-word;

}

  1. search .single-sequence .matches .match.bases .match-content.mono-small {
 font-size: 13px;

}

  1. search .single-sequence .matches .match .source-wrapper {
 float: left;
 width: 50px;
 text-align: right;
 display: inline-block;

}

  1. 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;

}

  1. search .single-sequence .matches .match .source-wrapper .source.no-bg {
 color: white;
 background: #344043;

}

  1. search .single-sequence .matches .match .match-content {
 margin-left: 55px;

}

  1. editor #assembly-wizard-container {
 z-index: 45;

}

  1. editor.has-hidden-statusbar .assembly-wizard {
 bottom: 0;

}

  1. 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;

}

  1. editor .assembly-wizard .input-sm {
 font-size: 12px;
 height: 25px;
 min-height: 25px;

}

  1. editor .assembly-wizard.expanded {
 top: 0;
 border-top: none;
 height: initial;
 background: white;

}

  1. editor .assembly-wizard.expanded .settings {
 height: 32px;
 padding-top: 2px;
 padding-bottom: 2px;
 border-bottom: 1px solid #a2b9be;

}

  1. editor .assembly-wizard.expanded .assembly-navbar {
 border-bottom: 1px solid #a2b9be;

}

  1. editor .assembly-wizard.expanded .expanded-slot-view-container {
 position: absolute;
 top: 92px;
 bottom: 0;
 width: 100%;

}

  1. 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;

}

  1. editor .assembly-wizard .assembly-settings input[type=text] {
 width: 60px;
 text-align: right;
 margin-bottom: 10px;

}

  1. editor .assembly-wizard .assembly-settings .overlap input {
 width: 35px;

}

  1. editor .assembly-wizard .row {
 margin-right: -5px;
 margin-left: -5px;
 margin-bottom: 0;

}

  1. editor .assembly-wizard .settings .row,
  2. editor .assembly-wizard .assembly-settings .row,
  3. editor .assembly-wizard .current-fragment-info .row {
 margin-left: -15px;
 margin-right: -15px;

}

  1. editor .assembly-wizard .col {
 padding-left: 5px;
 padding-right: 5px;

}

  1. editor .assembly-wizard div.primer-libraries {
 float: right;
 height: 100%;
 margin-top: 15px;

}

  1. editor .assembly-wizard .construct .info {
 padding-left: 10px;
 cursor: pointer;
 position: relative;

}

  1. editor .assembly-wizard .construct .info .assembly-step {
 cursor: default;
 display: none;

}

  1. editor .assembly-wizard .construct .info.active .assembly-step {
 display: block;

}

  1. editor .assembly-wizard .construct .info .assembly-settings-col {
 position: static;

}

  1. editor .assembly-wizard .construct .info .assembly-finalize {
 margin-top: 25px;

}

  1. editor .assembly-wizard .current-fragment-info-preview {
 display: inline-block;
 white-space: pre;
 font-family: 'Inconsolata', 'Courier New';
 font-size: 18px;

}

  1. editor .assembly-wizard .current-fragment-info-preview .site-preview-inactive {
 color: #a2b9be;

}

  1. editor .assembly-wizard .current-fragment-info-preview .site-preview-active {
 color: #344043;

}

  1. editor .assembly-wizard .current-fragment-info-preview .site-preview-mismatch {
 color: #e96e51;

}

  1. editor .assembly-wizard .current-fragment-info-preview .site-preview-primer {
 color: #428ce1;

}

  1. editor .assembly-wizard .current-fragment-info-preview .site-preview-inactive-primer {
 color: #a6c2e3;

}

  1. editor .assembly-wizard .site-preview-types {
 font-size: 11px;
 text-transform: uppercase;

}

  1. editor .assembly-wizard .cut-site-dropup .dropdown-menu {
 min-width: 80px;

}

  1. editor .assembly-wizard .add-fragment {
 display: inline-block;
 margin: 15px 0 0 20px;
 vertical-align: top;

}

  1. editor .assembly-wizard .show-preview {
 margin-top: 15px;
 margin-right: 10px;

}

  1. editor .assembly-wizard .sectionTabs {
 border: 0;
 padding-left: 0;

}

  1. editor .assembly-wizard .type {
 font-size: 13px;
 margin-right: 5px;
 color: #a2b9be;

}

  1. editor .assembly-wizard ul.nav {
 display: block;
 float: none;
 overflow-y: hidden;
 overflow-x: auto;
 white-space: nowrap;
 height: 60px;
 padding-right: 20px;

}

  1. editor .assembly-wizard ul.nav::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. editor .assembly-wizard ul.nav::-webkit-scrollbar-track {
 background: #ffffff;

}

  1. editor .assembly-wizard ul.nav:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #ffffff;

}

  1. editor .assembly-wizard ul.nav::-webkit-scrollbar-thumb {
 background: #9ac2ef;

}

  1. editor .assembly-wizard ul.nav:hover::-webkit-scrollbar-thumb {
 background: #428ce1;

}

  1. editor .assembly-wizard ul.nav > li {
 position: static;
 white-space: normal;
 display: inline-block;
 height: 100%;
 float: none;
 border-right: 1px solid #bdc3c7;

}

  1. 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;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot:before,
  2. 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;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot:before {
 border-left-color: #bdc3c7;
 margin-left: 1px;

}

  1. 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;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial {
 max-width: 200px;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial:hover .shift-left,
  2. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active .shift-left,
  3. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial:hover .shift-right,
  4. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active .shift-right {
 display: inline;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active {
 background-color: white;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active:after {
 border-left: 20px solid #ffffff;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .name {
 padding-top: 13px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .shift-left,
  2. editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .shift-right {
 display: none;
 line-height: 60px;

}

  1. 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;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container.sequence-set,
  2. editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container.has-spacer {
 padding-top: 13px;

}

  1. 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;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-spacer {
 min-width: 0;
 background: #344043;
 color: white;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-spacer:after {
 border-left-color: #344043;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-spacer .step-container {
 min-width: 20px;
 max-width: 100px;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-spacer .step-container .name {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-spacer .slot-activator:hover {
 color: #e8f0f2;

}

  1. editor .assembly-wizard ul.nav > li:first-child .assembly-slot {
 padding-left: 10px;

}

  1. editor .assembly-wizard ul.nav > li .slot-activator {
 cursor: pointer;

}

  1. editor .assembly-wizard ul.nav > li .slot-activator:hover {
 color: #428ce1;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-options {
 display: none;
 vertical-align: middle;
 margin-right: 5px;

}

  1. editor .assembly-wizard ul.nav > li .assembly-slot-options.options-visible {
 display: inline-block;

}

  1. editor .assembly-wizard ul.nav li.active .name {
 max-width: 300px;

}

  1. editor .assembly-wizard ul.nav li.active .assembly-slot-single {
 background: #fff;
 border-bottom: 1px solid #bdc3c7;

}

  1. editor .assembly-wizard ul.nav li.active .assembly-slot-single:before {
 border-left-color: #bdc3c7;

}

  1. editor .assembly-wizard ul.nav li.active .assembly-slot-single:after {
 border-left-color: #fff;

}

  1. editor .assembly-wizard ul.nav li.active .assembly-slot-spacer {
 background: #4a5b60;

}

  1. editor .assembly-wizard ul.nav li.active .assembly-slot-spacer:after {
 border-left-color: #4a5b60;

}

  1. 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;

}

  1. editor .assembly-wizard .assembly-step .action-zone-mount {
 overflow-x: hidden;

}

  1. editor .assembly-wizard .assembly-step .step-options {
 margin-top: 12px;
 margin-right: 10px;

}

  1. editor .assembly-wizard .assembly-step .step-options button:first-child {
 margin-bottom: 7px;

}

  1. editor .assembly-wizard .assembly-step .preview-container {
 text-align: center;

}

  1. editor .assembly-wizard .assembly-step .preview-container h4 {
 text-align: left;
 padding-left: 10px;

}

  1. editor .assembly-wizard .assembly-step .preview {
 width: 400px;
 overflow-y: hidden;
 height: 40px;
 margin: 5px auto;

}

  1. editor .assembly-wizard .assembly-step .buffers .table {
 font-size: 12px;
 margin: 3px 0 0 0;

}

  1. editor .assembly-wizard .assembly-step .buffers .table thead > tr > th {
 border-bottom: 0;

}

  1. editor .assembly-wizard .assembly-step .step-controls .links {
 display: inline-block;
 padding-top: 20px;
 padding-left: 10px;
 font-size: 12px;

}

  1. editor .assembly-wizard .assembly-step .step-controls .btn-group {
 width: 35px;
 display: inline-block;
 float: right;

}

  1. editor .assembly-wizard .assembly-step svg text {
 font-size: 21px;

}

  1. editor .assembly-wizard .assembly-step .side {
 fill: #e8f0f2;

}

  1. editor .assembly-wizard .assembly-step .mismatch {
 fill: #c0392b;

}

  1. editor .assembly-wizard .assembly-step h5 {
 margin: 0 0 3px 10px;

}

  1. editor .assembly-wizard .assembly-step h4 {
 font-size: 13px;
 color: #5c7c83;
 margin: 8px 0 2px;
 line-height: 16px;
 text-transform: uppercase;

}

  1. editor .assembly-wizard .assembly-step .messages {
 height: 75px;
 overflow-y: auto;

}

  1. editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. editor .assembly-wizard .assembly-step .messages:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. editor .assembly-wizard .assembly-step .messages:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. editor .assembly-wizard .assembly-step .empty-set {
 position: absolute;
 top: 30px;
 right: 12px;

}

  1. editor .assembly-wizard .assembly-step .blank-msg {
 line-height: 109px;

}

  1. editor .assembly-wizard .assembly-step .blank-msg-inner {
 color: #a2b9be;
 font-style: italic;
 line-height: normal;
 display: inline-block;

}

  1. editor .assembly-wizard .shift-left,
  2. editor .assembly-wizard .shift-right {
 color: #344043;
 cursor: pointer;

}

  1. editor .assembly-wizard .shift-left:hover,
  2. editor .assembly-wizard .shift-right:hover {
 color: #a2b9be;

}

  1. editor .assembly-wizard .expanded-slot-view {
 overflow: scroll;
 height: 100%;
 width: 100%;
 padding: 15px;

}

  1. editor .assembly-wizard .expanded-slot-view .name {
 margin: 0;
 display: inline-block;

}

  1. editor .assembly-wizard .expanded-slot-view .header {
 margin-top: 25px;
 margin-bottom: 0;

}

  1. editor .assembly-wizard .expanded-slot-view .search-results {
 max-height: initial;

}

  1. editor .assembly-wizard .expanded-slot-view .sequence-container,
  2. editor .assembly-wizard .expanded-slot-view .sequence-search-results-wrapper {
 padding-top: 15px;

}

  1. editor .assembly-wizard .expanded-slot-view .sequence-search {
 padding-top: 25px;

}

  1. editor .assembly-wizard .expanded-slot-view .folder-name {
 margin-left: 25px;

}

  1. editor .assembly-wizard .expanded-slot-view .direction {
 padding-right: 10px;

}

  1. 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;

}

  1. 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 */

}

  1. editor .btn-af-default.btn-option.table-formatBtn,
  2. 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;

} .printable-container.is-loading {

 bottom: 0;
 left: 0;
 overflow: hidden;
 position: absolute;
 right: 0;
 top: 0;

} /* 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;

}

  1. editor .protocol-view-component .cm-comments .add-comment-icon {
 display: none;

}

  1. 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;

}

  1. editor .new-entry-protocol .new-protocol-header {
 height: 46px;
 margin-top: 20px;
 margin-bottom: 10px;

}

  1. 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;

}

  1. editor .new-entry-protocol .new-entry-protocol-results-wrapper {
 overflow-y: auto;
 position: absolute;
 top: 119px;
 left: 0;
 bottom: 0;
 right: 0;

}

  1. editor .new-entry-protocol .new-entry-protocol-results-wrapper.is-searching {
 opacity: 0.5;

}

  1. editor .new-entry-protocol .new-entry-protocol-result {
 padding: 7px 10px;
 border-bottom: 1px solid #e8f0f2;

}

  1. editor .new-entry-protocol .new-entry-protocol-result:hover {
 background: #f8fafb;

}

  1. editor .new-entry-protocol .new-entry-protocol-description {
 margin-top: 7px;

}

  1. editor .new-entry-protocol .new-entry-protocol-result-date {
 color: #2c76cc;

}

  1. protocols .btn-af-sized,
  2. protocols .btn-af-default,
  3. protocols .btn-af-primary,
  4. protocols .btn-af-success,
  5. protocols .btn-af-warning,
  6. protocols .btn-af-danger {
 min-height: 28px;
 line-height: 20px;

}

  1. protocols .btn-af-sized.btn-option,
  2. protocols .btn-af-default.btn-option,
  3. protocols .btn-af-primary.btn-option,
  4. protocols .btn-af-success.btn-option,
  5. protocols .btn-af-warning.btn-option,
  6. protocols .btn-af-danger.btn-option,
  7. protocols .btn-af-sized.btn-sm,
  8. protocols .btn-af-default.btn-sm,
  9. protocols .btn-af-primary.btn-sm,
  10. protocols .btn-af-success.btn-sm,
  11. protocols .btn-af-warning.btn-sm,
  12. protocols .btn-af-danger.btn-sm {
 height: 24px;
 min-height: 24px;
 padding: 1px 5px;

}

  1. protocols .btn-af-sized.btn-option em,
  2. protocols .btn-af-default.btn-option em,
  3. protocols .btn-af-primary.btn-option em,
  4. protocols .btn-af-success.btn-option em,
  5. protocols .btn-af-warning.btn-option em,
  6. protocols .btn-af-danger.btn-option em,
  7. protocols .btn-af-sized.btn-sm em,
  8. protocols .btn-af-default.btn-sm em,
  9. protocols .btn-af-primary.btn-sm em,
  10. protocols .btn-af-success.btn-sm em,
  11. protocols .btn-af-warning.btn-sm em,
  12. protocols .btn-af-danger.btn-sm em {
 font-style: normal;
 text-decoration: underline;

}

  1. 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.
 */

}

  1. 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;

}

  1. protocols .logo,

.protocol-view-component .logo, .protocol-mount .logo {

 width: 125px;
 padding: 8px 0;

}

  1. protocols .nav-profile-img,

.protocol-view-component .nav-profile-img, .protocol-mount .nav-profile-img {

 margin-right: 5px;
 border-radius: 3px;
 margin-top: -2px;

}

  1. 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;

}

  1. 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;
 }

}

  1. protocols .body-container,

.protocol-view-component .body-container, .protocol-mount .body-container {

 position: relative;

}

  1. 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;

}

  1. protocols .user-dropdown,

.protocol-view-component .user-dropdown, .protocol-mount .user-dropdown {

 margin-top: 8px;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-nav,

.protocol-view-component .protocol-nav, .protocol-mount .protocol-nav {

 position: absolute;
 margin-left: -55px;

}

  1. protocols .protocol-nav.affix,

.protocol-view-component .protocol-nav.affix, .protocol-mount .protocol-nav.affix {

 position: fixed;
 top: 0;

}

  1. 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;

}

  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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .table-floater,

.protocol-view-component .table-floater, .protocol-mount .table-floater {

 padding: 2px;

}

  1. protocols .table-floater .formula-toolbar,

.protocol-view-component .table-floater .formula-toolbar, .protocol-mount .table-floater .formula-toolbar {

 width: 100%;
 position: relative;
 display: table;

}

  1. protocols .table-floater .formula-toolbar-component,

.protocol-view-component .table-floater .formula-toolbar-component, .protocol-mount .table-floater .formula-toolbar-component {

 height: 24px;

}

  1. 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%;

}

  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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .table-floater .formula-box-wrapper,

.protocol-view-component .table-floater .formula-box-wrapper, .protocol-mount .table-floater .formula-box-wrapper {

 width: 100%;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable,

.protocol-view-component .mediocre-tableEditable, .protocol-mount .mediocre-tableEditable {

 overflow-x: hidden;
 padding-bottom: 10px;
 position: relative;

}

  1. 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 */

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-scrollArea,

.protocol-view-component .mediocre-tableEditable-scrollArea, .protocol-mount .mediocre-tableEditable-scrollArea {

 overflow-x: auto;
 width: 100%;
 padding-top: 41px;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-maximizeButton,

.protocol-view-component .mediocre-tableEditable-maximizeButton, .protocol-mount .mediocre-tableEditable-maximizeButton,

  1. protocols .mediocre-tableEditable-axisCell-dropdown,

.protocol-view-component .mediocre-tableEditable-axisCell-dropdown, .protocol-mount .mediocre-tableEditable-axisCell-dropdown {

 color: #c9d8db;

}

  1. 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;

}

  1. protocols .tableEditable-maximizedWrapper::-webkit-scrollbar,

.protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar, .protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar {

 width: 8px;
 height: 8px;

}

  1. protocols .tableEditable-maximizedWrapper::-webkit-scrollbar-track,

.protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar-track, .protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar-track {

 background: #f8fbfb;

}

  1. 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;

}

  1. protocols .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb,

.protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb, .protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb {

 background: #e8f0f2;

}

  1. 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;

}

  1. protocols .tableEditable-maximizedWrapper .mediocre-tableEditable,

.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable, .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable {

 padding-bottom: 0;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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,

  1. 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,

  1. 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;

}

  1. 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;

}

  1. protocols .tableEditable-maximizedWrapper .mediocre-tableEditable,

.protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable, .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable {

 height: 100%;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .cell,

.protocol-view-component .cell, .protocol-mount .cell {

 background-color: white;

}

  1. 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;

}

  1. protocols .cell-fillDownSquare-fill,

.protocol-view-component .cell-fillDownSquare-fill, .protocol-mount .cell-fillDownSquare-fill {

 background-color: #428ce1;
 width: 100%;
 height: 100%;

}

  1. protocols span.cell-highlight-0,

.protocol-view-component span.cell-highlight-0, .protocol-mount span.cell-highlight-0 {

 color: #0000fb;

}

  1. 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),

  1. 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),

  1. 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),

  1. 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);

}

  1. 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,

  1. 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,

  1. 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,

  1. 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);

}

  1. protocols span.cell-highlight-1,

.protocol-view-component span.cell-highlight-1, .protocol-mount span.cell-highlight-1 {

 color: #007c00;

}

  1. 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),

  1. 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),

  1. 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),

  1. 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);

}

  1. 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,

  1. 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,

  1. 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,

  1. 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);

}

  1. protocols span.cell-highlight-2,

.protocol-view-component span.cell-highlight-2, .protocol-mount span.cell-highlight-2 {

 color: #fba200;

}

  1. 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),

  1. 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),

  1. 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),

  1. 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);

}

  1. 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,

  1. 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,

  1. 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,

  1. 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);

}

  1. protocols span.cell-highlight-3,

.protocol-view-component span.cell-highlight-3, .protocol-mount span.cell-highlight-3 {

 color: #7c007c;

}

  1. 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),

  1. 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),

  1. 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),

  1. 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);

}

  1. 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,

  1. 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,

  1. 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,

  1. 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);

}

  1. protocols span.cell-highlight-4,

.protocol-view-component span.cell-highlight-4, .protocol-mount span.cell-highlight-4 {

 color: #fbd400;

}

  1. 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),

  1. 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),

  1. 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),

  1. 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);

}

  1. 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,

  1. 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,

  1. 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,

  1. 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);

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-table .cell.selected,

.protocol-view-component .mediocre-tableEditable-table .cell.selected, .protocol-mount .mediocre-tableEditable-table .cell.selected,

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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,

  1. 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,

  1. 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,

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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,

  1. 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);

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-tableWrapper,

.protocol-view-component .mediocre-tableEditable-tableWrapper, .protocol-mount .mediocre-tableEditable-tableWrapper {

 position: relative;
 padding-bottom: 10px;

}

  1. protocols .cell-innerWrapper,

.protocol-view-component .cell-innerWrapper, .protocol-mount .cell-innerWrapper {

 height: 100%;
 /* Vertically fill the td */
 position: relative;
 /* for selectors and errors */

}

  1. protocols .cell-error,

.protocol-view-component .cell-error, .protocol-mount .cell-error {

 position: relative;

}

  1. 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;

}

  1. 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;

}

  1. protocols .cell.is-bold,

.protocol-view-component .cell.is-bold, .protocol-mount .cell.is-bold {

 font-weight: 700;

}

  1. protocols .cell.is-underline,

.protocol-view-component .cell.is-underline, .protocol-mount .cell.is-underline {

 text-decoration: underline;

}

  1. protocols .cell.is-italic,

.protocol-view-component .cell.is-italic, .protocol-mount .cell.is-italic {

 font-style: italic;

}

  1. protocols .cell.is-value,

.protocol-view-component .cell.is-value, .protocol-mount .cell.is-value {

 overflow: hidden;
 white-space: nowrap;

}

  1. protocols .cell.is-text,

.protocol-view-component .cell.is-text, .protocol-mount .cell.is-text {

 white-space: pre-wrap;
 word-wrap: break-word;

}

  1. protocols .cell.is-alignLeft,

.protocol-view-component .cell.is-alignLeft, .protocol-mount .cell.is-alignLeft {

 text-align: left;

}

  1. protocols .cell.is-alignCenter,

.protocol-view-component .cell.is-alignCenter, .protocol-mount .cell.is-alignCenter {

 text-align: center;

}

  1. protocols .cell.is-alignRight,

.protocol-view-component .cell.is-alignRight, .protocol-mount .cell.is-alignRight {

 text-align: right;

}

  1. 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;

}

  1. protocols .cell-contents.has-selector,

.protocol-view-component .cell-contents.has-selector, .protocol-mount .cell-contents.has-selector {

 padding-right: 23px;

}

  1. protocols .selectorDropdown,

.protocol-view-component .selectorDropdown, .protocol-mount .selectorDropdown {

 position: absolute;
 right: 4px;
 top: 50%;
 line-height: 12px;
 margin-top: -6px;

}

  1. protocols .selectorDropdown-button,

.protocol-view-component .selectorDropdown-button, .protocol-mount .selectorDropdown-button {

 color: #a2b9be;
 cursor: pointer;

}

  1. protocols .cell:hover .selectorDropdown-button,

.protocol-view-component .cell:hover .selectorDropdown-button, .protocol-mount .cell:hover .selectorDropdown-button,

  1. protocols .selectorDropdown-button.is-open,

.protocol-view-component .selectorDropdown-button.is-open, .protocol-mount .selectorDropdown-button.is-open {

 color: #2172cf;

}

  1. protocols .selectorDropdown-list,

.protocol-view-component .selectorDropdown-list, .protocol-mount .selectorDropdown-list {

 max-width: 200px;

}

  1. protocols .selectorDropdown-list a,

.protocol-view-component .selectorDropdown-list a, .protocol-mount .selectorDropdown-list a {

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

}

  1. protocols .mediocre-tableEditable-tableWrapper--activeCell .cell,

.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell, .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell {

 vertical-align: top;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,

.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare, .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare,

  1. protocols .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown,

.protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown, .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown {

 display: none;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-axisCell.is-selected,

.protocol-view-component .mediocre-tableEditable-axisCell.is-selected, .protocol-mount .mediocre-tableEditable-axisCell.is-selected,

  1. protocols .mediocre-tableEditable-axisCell:hover,

.protocol-view-component .mediocre-tableEditable-axisCell:hover, .protocol-mount .mediocre-tableEditable-axisCell:hover {

 background-color: #e8f0f2;

}

  1. protocols .mediocre-tableEditable-axisCell-dropdown,

.protocol-view-component .mediocre-tableEditable-axisCell-dropdown, .protocol-mount .mediocre-tableEditable-axisCell-dropdown {

 display: none;

}

  1. 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;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-axisCell-num,

.protocol-view-component .mediocre-tableEditable-axisCell-num, .protocol-mount .mediocre-tableEditable-axisCell-num {

 font-family: 'Inconsolata', 'Courier New';

}

  1. protocols .mediocre-tableEditable-addRowDraggerCell,

.protocol-view-component .mediocre-tableEditable-addRowDraggerCell, .protocol-mount .mediocre-tableEditable-addRowDraggerCell {

 font-size: 10px;
 cursor: ns-resize;

}

  1. protocols .mediocre-tableEditable-table,

.protocol-view-component .mediocre-tableEditable-table, .protocol-mount .mediocre-tableEditable-table {

 table-layout: fixed;
 position: relative;
 max-width: none;

}

  1. 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;

}

  1. protocols .mediocre-tableEditable-table td,

.protocol-view-component .mediocre-tableEditable-table td, .protocol-mount .mediocre-tableEditable-table td {

 border: 1px solid #c9d8db;

}

  1. protocols .procedure-table,

.protocol-view-component .procedure-table, .protocol-mount .procedure-table {

 padding: 5px 20px;

}

  1. protocols .procedure-table table,

.protocol-view-component .procedure-table table, .protocol-mount .procedure-table table {

 table-layout: fixed;
 width: 100%;
 margin-bottom: 5px;

}

  1. 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,

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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;

}

  1. 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';

}

  1. protocols .procedure-image,

.protocol-view-component .procedure-image, .protocol-mount .procedure-image {

 text-align: center;
 padding: 5px 0px;

}

  1. protocols .procedure-image img,

.protocol-view-component .procedure-image img, .protocol-mount .procedure-image img {

 max-width: 100%;
 border: 2px solid #e8f0f2;
 padding: 5px;

}

  1. protocols .procedure-image .glyphicon,

.protocol-view-component .procedure-image .glyphicon, .protocol-mount .procedure-image .glyphicon {

 color: #e8f0f2;
 font-size: 200px;
 height: 200px;

}

  1. 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;

}

  1. 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%;

}

  1. 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%;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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%;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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%;
 }

}

  1. 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%;
 }

}

  1. protocols .protocol-page h1,

.protocol-view-component .protocol-page h1, .protocol-mount .protocol-page h1 {

 overflow-wrap: break-word;
 word-wrap: break-word;

}

  1. 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;

}

  1. protocols .protocol-page,

.protocol-view-component .protocol-page, .protocol-mount .protocol-page {

 position: relative;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-header,

.protocol-view-component .protocol-header, .protocol-mount .protocol-header {

 padding-top: 20px;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-updated,

.protocol-view-component .protocol-updated, .protocol-mount .protocol-updated {

 margin-bottom: 10px;
 color: #a2b9be;

}

  1. protocols .protocol-section h2,

.protocol-view-component .protocol-section h2, .protocol-mount .protocol-section h2,

  1. protocols .protocol-editor h2,

.protocol-view-component .protocol-editor h2, .protocol-mount .protocol-editor h2 {

 font-size: 24px;
 margin-top: 20px;

}

  1. protocols .step-type,

.protocol-view-component .step-type, .protocol-mount .step-type {

 font-weight: 700;
 margin-right: 5px;

}

  1. 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;

}

  1. protocols .step-type-critical,

.protocol-view-component .step-type-critical, .protocol-mount .step-type-critical {

 color: #428ce1;

}

  1. 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;

}

  1. protocols .step-type-pause,

.protocol-view-component .step-type-pause, .protocol-mount .step-type-pause {

 color: #03c08d;

}

  1. protocols .step-type-pause:before,

.protocol-view-component .step-type-pause:before, .protocol-mount .step-type-pause:before {

 border: 5px solid #03c08d;

}

  1. protocols .protocol-section,

.protocol-view-component .protocol-section, .protocol-mount .protocol-section {

 margin-bottom: 10px;
 font-size: 14px;
 line-height: 25px;

}

  1. protocols .protocol-section h3,

.protocol-view-component .protocol-section h3, .protocol-mount .protocol-section h3 {

 font-size: 18px;
 margin-top: 10px;

}

  1. protocols .protocol-section h3:first-child,

.protocol-view-component .protocol-section h3:first-child, .protocol-mount .protocol-section h3:first-child {

 margin-top: 10px;

}

  1. 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;

}

  1. protocols .protocol-section ol,

.protocol-view-component .protocol-section ol, .protocol-mount .protocol-section ol {

 margin-bottom: 10px;

}

  1. protocols .protocol-section ol,

.protocol-view-component .protocol-section ol, .protocol-mount .protocol-section ol,

  1. protocols .protocol-section .step-aggregate-time,

.protocol-view-component .protocol-section .step-aggregate-time, .protocol-mount .protocol-section .step-aggregate-time {

 padding-left: 50px;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-section .step-timer,

.protocol-view-component .protocol-section .step-timer, .protocol-mount .protocol-section .step-timer {

 padding-left: 50px;

}

  1. protocols .protocol-section .auto-parsed,

.protocol-view-component .protocol-section .auto-parsed, .protocol-mount .protocol-section .auto-parsed {

 border-bottom: 1px dashed #a2b9be;

}

  1. 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;

}

  1. protocols .protocol-section .commentable-wrapper:before,

.protocol-view-component .protocol-section .commentable-wrapper:before, .protocol-mount .protocol-section .commentable-wrapper:before,

  1. 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 */

}

  1. protocols .protocol-section .commentable-wrapper:after,

.protocol-view-component .protocol-section .commentable-wrapper:after, .protocol-mount .protocol-section .commentable-wrapper:after {

 clear: both;

}

  1. protocols .protocol-section .commentable-wrapper:before,

.protocol-view-component .protocol-section .commentable-wrapper:before, .protocol-mount .protocol-section .commentable-wrapper:before,

  1. 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 */

}

  1. protocols .protocol-section .commentable-wrapper:after,

.protocol-view-component .protocol-section .commentable-wrapper:after, .protocol-mount .protocol-section .commentable-wrapper:after {

 clear: both;

}

  1. 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%;
 }

}

  1. 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%;
 }

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-section .single-comment,

.protocol-view-component .protocol-section .single-comment, .protocol-mount .protocol-section .single-comment {

 padding: 8px;
 line-height: 18px;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-section .single-comment h4,

.protocol-view-component .protocol-section .single-comment h4, .protocol-mount .protocol-section .single-comment h4 {

 margin: 0;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-section .single-comment .comment-delete,

.protocol-view-component .protocol-section .single-comment .comment-delete, .protocol-mount .protocol-section .single-comment .comment-delete,

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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%;
 }

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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);

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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,

  1. 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;

}

  1. 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;

}

  1. 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],

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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);

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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%;
 }

}

  1. protocols .protocol-condensed-col,

.protocol-view-component .protocol-condensed-col, .protocol-mount .protocol-condensed-col {

 width: 66%;

}

  1. protocols .protocol-extra-info,

.protocol-view-component .protocol-extra-info, .protocol-mount .protocol-extra-info {

 padding-top: 5px;
 margin-bottom: 20px;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .protocol-extra-info .user-img,

.protocol-view-component .protocol-extra-info .user-img, .protocol-mount .protocol-extra-info .user-img {

 vertical-align: middle;

}

  1. 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;

}

  1. 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;
 }

}

  1. 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;

}

  1. 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;

}

  1. protocols .step-timer .time-progress path,

.protocol-view-component .step-timer .time-progress path, .protocol-mount .step-timer .time-progress path {

 fill: #428ce1;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. protocols .step-timer .time-display:active,

.protocol-view-component .step-timer .time-display:active, .protocol-mount .step-timer .time-display:active {

 color: #a2b9be;

}

  1. 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%;

} .pricing-header {

 font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 font-size: 35px;
 line-height: 48px;
 margin-bottom: 60px;
 margin-top: 80px;
 text-align: center;

} .pricingBox-container {

 border-radius: 8px;
 background-color: #ffffff;
 box-shadow: 1px 6px 8px 0 rgba(162, 185, 190, 0.5);
 border: solid 1px #e8f0f2;
 color: #5c7c83;
 font-size: 15px;
 margin-bottom: 32px;

} .pricingBox-header {

 border-radius: 8px 8px 0 0;
 color: #ffffff;
 font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 font-size: 23px;
 line-height: 32px;
 min-height: 104px;
 padding: 20px;
 text-align: center;

} .pricingBox-header-green {

 background-color: #03c08d;

} .pricingBox-header-blue {

 background-color: #428ce1;

} .pricingBox-description {

 font-family: 'GT Walsheim', Helvetica, Arial, sans-serif;
 margin: 12px 32px 27px 24px;
 text-align: center;

} .pricingBox-button {

 margin: 20px;

} .pricingBox-line {

 border: solid 1px #e8f0f2;
 height: 2px;
 margin-bottom: 5px;

} .pricingBox-check {

 margin-top: 20px;
 text-align: left;

} .pricingBox-check-text {

 padding-left: 5px;

} .pricingBox-check-icon-green {

 color: #03c08d;
 line-height: inherit;

} .pricingBox-check-icon-blue {

 color: #428ce1;
 line-height: inherit;

} .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%;
 }

}

  1. auth {
 background: #f8fafb;

}

  1. auth .logo {
 text-align: center;
 display: block;
 margin-bottom: 30px;

}

  1. auth .powered-by-benchling {
 font-size: 13px;
 display: block;

}

  1. auth .centered-box {
 background: #fff;
 border: 1px solid #c9d8db;
 margin: 100px auto 0 auto;
 border-radius: 3px;
 padding: 40px;

}

  1. auth .centered-box .extra-links {
 margin-top: 10px;
 font-size: 12px;

}

  1. auth .centered-box.sign-in,
  2. auth .centered-box.sign-up,
  3. auth .centered-box.sign-out,
  4. auth .centered-box.verify-email-message {
 max-width: 400px;

}

  1. auth .centered-box.organization-setup {
 max-width: 500px;

}

  1. auth .centered-box .info-col h2:first-child {
 margin-top: 0;

}

  1. auth button {
 text-transform: uppercase;

}

  1. auth .google-oauth-signin {
 display: block;
 margin: 0 auto;

}

  1. editor .sign-in input[type='text'],
  2. auth .sign-in input[type='text'],
  3. editor .sign-up input[type='text'],
  4. auth .sign-up input[type='text'],
  5. editor .sign-in input[type='password'],
  6. auth .sign-in input[type='password'],
  7. editor .sign-up input[type='password'],
  8. auth .sign-up input[type='password'],
  9. editor .sign-in select,
  10. auth .sign-in select,
  11. editor .sign-up select,
  12. 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,

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. editor .buffer-options .fileSearchInput input[type=text] {
 width: 100%;

}

  1. editor .buffer-options .fileSearchInput--fixedWidth input[type=text],

.fileSearchInput--fixedWidth {

 width: 296px;

} .fileSearchInput-wide--fixedWidth {

 width: 495px;

}

  1. 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.
*/
  1. buffers .noteEditor {
 height: 100%;

}

  1. buffers .noteEditor-container {
 background: #c9d8db;
 bottom: 0;
 left: 0;
 position: absolute;
 right: 0;
 overflow-y: scroll;
 top: 35px;

}

  1. buffers .noteEditor-container::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. buffers .noteEditor-container::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. buffers .noteEditor-container:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. buffers .noteEditor-container::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. buffers .noteEditor-container:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. buffers .noteEditor-catcher {
 margin: auto;
 min-height: 100%;
 background: white;
 transition: box-shadow 0.1s ease-in;

}

  1. buffers .noteEditor-catcher.padded-catcher {
 padding-bottom: 40px;

}

  1. buffers .noteEditor-catcher.no-title {
 padding-top: 30px;

}

  1. buffers .noteEditor-catcher.is-dragTarget {
 box-shadow: inset 0 0 0 3px #428ce1;

}

  1. buffers .noteEditor-contentWrapper {
 max-width: 90%;
 margin: 0 auto;
 padding: 10px 20px;

}

  1. buffers .noteEditor-contentWrapper.no-title {
 padding-top: 50px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable {
 margin-left: -20px;
 margin-right: -20px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea {
 padding-left: 30px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 padding-left: 30px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell {
 padding-left: 20px;
 padding-right: 20px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable {
 margin-left: 0;
 margin-right: 0;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item {
 margin-left: -20px;
 margin-right: -20px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea {
 padding-left: 155px;

}

  1. buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper {
 padding-left: 155px;

}

  1. 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.
*/
  1. buffers .protocolEditor-pageContainer {
 background: #c9d8db;
 bottom: 0;
 left: 0;
 position: absolute;
 right: 0;
 overflow-y: auto;
 top: 35px;

}

  1. buffers .protocolEditor-pageContainer::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. buffers .protocolEditor-pageContainer::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. buffers .protocolEditor-pageContainer:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. buffers .protocolEditor-pageContainer::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. buffers .protocolEditor-pageContainer:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. buffers .protocolEditor-page {
 margin: auto;
 min-height: 100%;
 background: white;

}

  1. buffers .protocolEditor-contentWrapper {
 max-width: 90%;
 margin: 0 auto;
 padding: 30px 20px;

}

  1. buffers .protocolEditor-contentWrapper .mediocre-item.is-table {
 margin-left: -60px;
 margin-right: -60px;

}

  1. buffers .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea {
 padding-left: 60px;

}

  1. 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;

} /*

 Mixin that helps conditionally aggregate values based on the the presence / absence of classes.
 Caller should define @value and .added in that scope.
*/

/*

 Mixin to style a selector utilizing the total height of the statusbar + assembly wizard. Sample usage:
 #editor {
   .get-buffers-bottom();
   .use-buffers-bottom(@value) {
     .my-component {
       bottom: 20px + @value;
     }
   }
 }
*/
  1. buffers {
 left: 0;
 position: absolute;
 right: 50px;
 top: 0;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info #buffers {
 bottom: 170px;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info) #buffers {
 bottom: 60px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info #buffers {
 bottom: 110px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info) #buffers {
 bottom: 0;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info #buffers {
 bottom: 195px;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info) #buffers {
 bottom: 85px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info #buffers {
 bottom: 135px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info) #buffers {
 bottom: 25px;

}

  1. buffers .react-tab-container {
 /* Scrollable positioning */
 overflow-y: auto;
 bottom: 0;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;

}

  1. buffers .react-tab-container::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. buffers .react-tab-container::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. buffers .react-tab-container:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. buffers .react-tab-container::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. 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%;

}

  1. 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;

}

  1. editor:not(.has-hidden-toolbar):not(.hasLegacyNav) .buffer-container.full-width .buffer-tabs,
  2. editor:not(.has-hidden-toolbar):not(.hasLegacyNav) .vertical-split + .vertical-split .buffer-tabs {
 margin-right: -50px;

}

  1. 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 */

  1. editor .buffer-options label {
 line-height: 18px;
 cursor: pointer;

}

  1. editor .buffer-options label.disabled {
 pointer-events: none;
 color: #a2b9be;

}

  1. editor .buffer-options input[type='text'] {
 margin: 0;
 min-height: 24px;
 height: 24px;
 padding: 2px 5px;
 width: 100px;
 margin-right: 5px;

}

  1. editor .buffer-options input[type='text'].input-small {
 width: 50px;

}

  1. editor .buffer-options input[type='text'].input-xlarge {
 width: 300px;

}

  1. editor .buffer-options input[type='checkbox'] {
 margin-right: 5px;

}

  1. editor .buffer-options select {
 min-height: 24px;
 height: 24px;
 padding: 0;
 margin: 0;

}

  1. editor .buffer-options select.select-small {
 width: 75px;

}

  1. editor .buffer-options select.select-medium {
 width: 100px;

}

  1. editor .buffer-options .ladder-options label {
 display: inline-block;
 margin-right: 10px;

}

  1. editor .buffer-options .external-file-options-name label {
 display: inline;
 margin-right: 2px;

}

  1. editor .buffer-options .external-file-options-name input[type='text'] {
 width: 200px;

}

  1. editor .buffer-options .external-file-options-name input[type='text']:not(:hover):not(:focus) {
 border: 1px solid transparent;

}

  1. editor .buffer-options .sequence-alignment-menu .rename-form .input-group {
 width: 200px;

}

  1. editor .buffer-options .sequence-alignment-menu .rename-form .input-group input[type='text'] {
 width: auto;
 margin-right: 0;

}

  1. editor .buffer-options .sequence-alignment-menu .sync-msg {
 cursor: pointer;

}

  1. editor .buffer-options .sequence-alignment-menu .label .glyphicon {
 margin-left: 4px;

}

  1. editor .buffer-options .sequence-alignment-menu .input-and-btn .tab-name {
 width: 150px;

}

  1. editor .buffer-options .sequence-alignment-menu .export-menu {
 min-width: 100px;

}

  1. editor .buffer-options .minimap-options-menu .filter-msg,
  2. editor .buffer-options .circular-options-menu .filter-msg,
  3. editor .buffer-options .minimap-options-menu .annotation-msg,
  4. editor .buffer-options .circular-options-menu .annotation-msg {
 cursor: pointer;

}

  1. editor .buffer-options .minimap-options-menu .filter-msg .glyphicon,
  2. editor .buffer-options .circular-options-menu .filter-msg .glyphicon,
  3. editor .buffer-options .minimap-options-menu .annotation-msg .glyphicon,
  4. editor .buffer-options .circular-options-menu .annotation-msg .glyphicon {
 margin-left: 4px;

}

  1. editor .buffer-options .plainSearchInput .plainSearchInput-input {
 padding-left: 28px;

}

  1. editor .buffer-options .plainSearchInput-input:focus,
  2. editor .buffer-options .plainSearchInput-input:active,
  3. 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%;

}

  1. 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 */

  1. editor .buffer-options .share-view input[type='text'] {
 border-radius: 2px;
 height: 28px;
 min-height: 28px;
 padding: 5px 10px;
 width: 100%;

}

  1. 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;

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

}

  1. 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;

}

  1. ui-datepicker-div .ui-widget-header {
 color: #5c7c83;
 background: #e8f0f2;
 border: #a2b9be;

}

  1. ui-datepicker-div .ui-state-default {
 color: #a2b9be;
 background: white;

}

  1. ui-datepicker-div .ui-state-active {
 color: white;
 background: #428ce1;
 border-color: #a2b9be;

}

  1. ui-datepicker-div .ui-state-highlight {
 color: #344043;
 background: #e8f0f2;
 border-color: #a2b9be;

}

  1. 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;

}

  1. 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;

} .tagsInput-dropdown {

 display: none;

} .tagsInput-dropdown:focus {

 display: block;

} .tagsInput-input:focus + .tagsInput-dropdown {

 display: block;

} .tagsInput-dropdown-option-container:last-child {

 border-bottom: none;

} .tagsInput-dropdown-option-container.is-highlighted {

 background-color: #e8f0f2;

} .tagsInput-dropdown-option-container {

 border: 1px solid #c9d8db;

} .tagsInput-dropdown-option {

 padding: 8px 15px;
 word-wrap: break-word;

} .tagsInput-dropdown-option-selected {

 font-size: 15px;
 padding-right: 15px;

} .emailInput-dropdown-option-name {

 color: #344043;

} .emailInput-dropdown-option-email {

 color: #a2b9be;

} .emailInput-dropdown-option-member {

 font-size: 14px;
 color: #a2b9be;
 line-height: 32px;

} .emailInput-nameAndEmail {

 line-height: 16px;

} .emailInput-onlyEmail {

 line-height: 32px;

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

} .featureBanner {

 background-color: #2c76cc;
 color: #ffffff;
 width: 100%;
 font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 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;
 padding: 20px 30px;

} .featureBanner-title {

 min-width: 300px;

} .featureBanner-item {

 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-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center;
 align-items: center;
 margin-left: 28px;
 max-width: 300px;

} .featureBanner-item:first-child {

 margin-left: 0;

} .featureBanner-icon {

 color: #428ce1;
 height: 32px;
 -webkit-flex: none;
 -moz-flex: none;
 -ms-flex: none;
 flex: none;
 margin-right: 12px;
 width: 32px;

} .featureBanner-icon--large {

 height: 93px;
 width: 93px;

} .featureBanner-subtitle {

 font-size: 13px;
 line-height: 16px;

} .featureBanner-remove {

 color: #c9d8db;
 cursor: pointer;
 height: 16px;
 width: 16px;
 position: absolute;
 top: 20px;
 right: 20px;

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

} .createOrganizationPage-title {

 font-size: 27px;
 line-height: 36px;
 margin: 50px 0;

} .shareProjectsPage-title {

 font-size: 27px;
 line-height: 36px;
 margin-top: 50px;

} .shareProjectsPage-subtitle {

 margin-bottom: 30px;

} .organizationSettings-delete, .organizationSettings-delete:hover {

 color: #d9563a;

} .organizationPage-featureBannerSubtext {

 font-size: 14px;
 line-height: 20px;

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

}

  1. buffers .buffer-container .buffer-options .tagEditorDropdown .btn .glyphicon,
  2. 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 */

}

  1. 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;

}

  1. 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;

}

  1. editor .registrySettingsTable-row.borderless.row {
 border-bottom: none;

}

  1. editor .registrySettingsTable-headerRow.row,
  2. 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;

}

  1. 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-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 .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 {

 border: 1px solid #c9d8db;
 border-radius: 3px;

} .tagFieldLinkInput-row {

 background-color: white;
 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;

}

  1. editor .membersScreen-list-header.row,
  2. 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;

}

  1. 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: 20px;
 margin-left: 24px;
 line-height: 20px;
 pointer-events: all;
 text-align: center;
 width: 20px;

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

} /* Intercom alternative link */ .emailHelpLink {

 background: #428ce1;
 border-radius: 3px;
 color: white;
 display: inline-block;
 font-weight: 700;
 padding: 3px 5px;
 position: fixed;
 right: 5px;
 z-index: 999;

} .emailHelpLink:hover {

 color: #e8f0f2;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info .emailHelpLink {
 bottom: 175px;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info) .emailHelpLink {
 bottom: 65px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info .emailHelpLink {
 bottom: 115px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info) .emailHelpLink {
 bottom: 5px;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info .emailHelpLink {
 bottom: 200px;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info) .emailHelpLink {
 bottom: 90px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info .emailHelpLink {
 bottom: 140px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info) .emailHelpLink {
 bottom: 30px;

} .helpContainer {

 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: 0;
 position: fixed;
 right: 4px;
 z-index: 1060;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info .helpContainer {
 bottom: 174px;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info) .helpContainer {
 bottom: 64px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info .helpContainer {
 bottom: 114px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info) .helpContainer {
 bottom: 4px;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info .helpContainer {
 bottom: 199px;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info) .helpContainer {
 bottom: 89px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info .helpContainer {
 bottom: 139px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info) .helpContainer {
 bottom: 29px;

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

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 220px - 20px) !important;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 220px !important;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 174px !important;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 110px - 20px) !important;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 110px !important;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 64px !important;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 160px - 20px) !important;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 160px !important;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 114px !important;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 50px - 20px) !important;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 50px !important;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 4px !important;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 245px - 20px) !important;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 245px !important;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 199px !important;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 135px - 20px) !important;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 135px !important;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 89px !important;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 185px - 20px) !important;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 185px !important;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 139px !important;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {
 /* Maintain that the intercom messenger is 20px away from the top of the screen, regardless of what
        we override its bottom to be (NB: Intercom's default styling uses {frame-bottom: 95px}) */
 height: calc(100% - 75px - 20px) !important;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 bottom: 75px !important;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info):not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 bottom: 29px !important;

}

  1. editor:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame {
 right: 4px !important;

}

  1. editor:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame {
 right: 54px !important;

} /* TODO(T7183): remove once Intercom button is hidden through Intercom */

  1. editor:not(.hasLegacyNav) .intercom-launcher-frame,
  2. 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:

  • /

.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 constants in coffee/react-components/Button.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;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard.has-assemblyWizard-info .toolbar {
 bottom: 170px;

}

  1. editor.has-hidden-statusbar.has-assemblyWizard:not(.has-assemblyWizard-info) .toolbar {
 bottom: 60px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard).has-assemblyWizard-info .toolbar {
 bottom: 110px;

}

  1. editor.has-hidden-statusbar:not(.has-assemblyWizard):not(.has-assemblyWizard-info) .toolbar {
 bottom: 0;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard.has-assemblyWizard-info .toolbar {
 bottom: 195px;

}

  1. editor:not(.has-hidden-statusbar).has-assemblyWizard:not(.has-assemblyWizard-info) .toolbar {
 bottom: 85px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard).has-assemblyWizard-info .toolbar {
 bottom: 135px;

}

  1. editor:not(.has-hidden-statusbar):not(.has-assemblyWizard):not(.has-assemblyWizard-info) .toolbar {
 bottom: 25px;

}

  1. editor:not(.hasLegacyNav) .toolbar {
 background: #ffffff;
 box-shadow: inset 1px 0 0 0 #e8f0f2;
 position: absolute;
 right: 0;
 top: 37px;
 width: 50px;

}

  1. 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;

}

  1. 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;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-wrapper.active .panel {
 display: block;

}

  1. 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;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar h5 {
 text-align: center;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel.show-sidebar .panel-sidebar {
 display: block;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-sidebar .close {
 float: none;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-title {
 border-bottom: 1px solid #e8f0f2;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-title h4,
  2. editor:not(.hasLegacyNav) .toolbar .panel-title .col {
 display: none;
 /* TODO(T5401): Remove */

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container {
 padding: 0 15px 10px;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container.no-gap .row {
 margin-bottom: 0;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .row {
 margin-bottom: 10px;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .panel-divider:first-child {
 margin-top: 0;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table {
 margin-bottom: 0;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table th {
 font-weight: 400;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table th,
  2. editor:not(.hasLegacyNav) .toolbar .panel-container .table td {
 text-align: center;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table th:first-child,
  2. editor:not(.hasLegacyNav) .toolbar .panel-container .table td:first-child {
 text-align: left;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table th {
 border-bottom: 1px solid #e8f0f2;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table td {
 border-top: 0;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table tr.selected td {
 background: #f8fafb;

}

  1. editor:not(.hasLegacyNav) .toolbar .panel-container .table tr.active td {
 background-color: #feefd1;

}

  1. editor:not(.hasLegacyNav) .toolbar .info-field {
 display: inline-block;
 margin: 10px 0;

}

  1. editor:not(.hasLegacyNav) .toolbar .alert {
 margin: 0;

}

  1. editor:not(.hasLegacyNav) .toolbar .form-inline label {
 display: none;

}

  1. editor:not(.hasLegacyNav) .toolbar .form-inline label.checkbox-inline,
  2. 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 */

  1. editor.hasLegacyNav .toolbar {
 background: #e8f0f2;
 border-left: 1px solid #bdc3c7;
 position: absolute;
 top: 0;
 right: 0;
 width: 50px;
 padding: 5px 0;

}

  1. 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;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn:hover {
 border: 1px solid #bdc3c7;
 color: #344043;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn.active,
  2. 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;

}

  1. 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;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .toolbar-gen9-icon {
 margin-top: -5px;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper#primer-panel > .btn {
 padding-top: 5px;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper#restriction-panel > .btn {
 padding-top: 4px;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .info-field {
 margin: 10px 0;
 display: inline-block;

}

  1. editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .alert {
 margin: 0;

}

  1. editor.hasLegacyNav .toolbar .form-inline label {
 display: none;

}

  1. editor.hasLegacyNav .toolbar .form-inline label.checkbox-inline,
  2. editor.hasLegacyNav .toolbar .form-inline label.radio-inline {
 display: inline-block;
 padding-top: 8px;

}

  1. editor.hasLegacyNav .toolbar .active .panel {
 display: block;

}

  1. 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;

}

  1. 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;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar .close {
 cursor: pointer;
 float: none;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar .close:hover {
 color: #344043;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-sidebar h5 {
 text-align: center;

}

  1. editor.hasLegacyNav .toolbar .panel.show-sidebar .panel-sidebar {
 display: block;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-title {
 color: #344043;
 padding: 0px 15px;
 background: #ffffff;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-title .col {
 padding: 0;
 border-bottom: 1px solid #bdc3c7;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-title .col:not(:last-child) {
 border-right: 1px solid #bdc3c7;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-title .col.active {
 border-bottom: none;

}

  1. editor.hasLegacyNav .toolbar .panel .panel-title .col:not(.active) {
 background: #e8f0f2;

}

  1. editor.hasLegacyNav .toolbar .panel-container {
 padding: 0 15px 10px;

}

  1. editor.hasLegacyNav .toolbar .panel-container.no-gap .row {
 margin-bottom: 0;

}

  1. editor.hasLegacyNav .toolbar .panel-container .row {
 margin-bottom: 10px;

}

  1. editor.hasLegacyNav .toolbar .panel-container .panel-divider:first-child {
 margin-top: 0;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table {
 margin-bottom: 0;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table th {
 font-weight: 400;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table th,
  2. editor.hasLegacyNav .toolbar .panel-container .table td {
 text-align: center;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table th:first-child,
  2. editor.hasLegacyNav .toolbar .panel-container .table td:first-child {
 text-align: left;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table th {
 border-bottom: 1px solid #e8f0f2;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table td {
 border-top: 0;

}

  1. editor.hasLegacyNav .toolbar .panel-container .table tr.selected td {
 background: #f8fafb;

}

  1. 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.
*/
  1. header .create-dropdown .dropdown-menu .legacy-nav-svg-item {
 padding-left: 10px;

}

  1. 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: 13px;
 line-height: 16px;
 -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--header {

 font-size: 11px;
 line-height: 16px;
 font-weight: 600;
 text-transform: uppercase;
 padding-bottom: 6px;
 padding-top: 10px;
 pointer-events: none;

} .navDropdownMenu-item-icon {

 color: #c9d8db;
 margin: 0 17px 1px 0;

} /* Avatars in the dropdown menu are size xs (20px), so need to be offset by 3px on each side to match the dropdown menu icons (14px). */ .navDropdownMenu-item-avatar {

 margin: 0 14px 0 -3px;

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

} /* Sub menus */ .navDropdownMenu-submenu {

 position: relative;

} .navDropdownMenu-submenu > .navDropdownMenu {

 border-top-left-radius: 0;
 /* Nuke the closest corner as appropriate */
 left: 100%;
 max-height: 600px;
 overflow-y: auto;
 top: 0;

} .navDropdownMenu-submenu > .navDropdownMenu::-webkit-scrollbar {

 width: 8px;
 height: 8px;

} .navDropdownMenu-submenu > .navDropdownMenu::-webkit-scrollbar-track {

 background: #f8fbfb;

} .navDropdownMenu-submenu > .navDropdownMenu:hover::-webkit-scrollbar-track {

 border: 1px solid #e8f0f2;
 background: #f8fbfb;

} .navDropdownMenu-submenu > .navDropdownMenu::-webkit-scrollbar-thumb {

 background: #e8f0f2;

} .navDropdownMenu-submenu > .navDropdownMenu:hover::-webkit-scrollbar-thumb {

 background: #c9d8db;

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

}

  1. editor .editableItemTable-headerRow.row,
  2. 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;

} .helpIcon-container {

 -webkit-align-items: center;
 -moz-align-items: center;
 -ms-align-items: center;
 align-items: center;
 background-color: #a2b9be;
 border-radius: 50%;
 cursor: pointer;
 display: -webkit-inline-flex;
 display: -moz-inline-flex;
 display: -ms-inline-flexbox;
 display: -ms-inline-flex;
 display: inline-flex;
 height: 14px;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 -ms-justify-content: center;
 justify-content: center;
 width: 14px;

} .helpIcon {

 color: #ffffff;
 height: 8px;
 margin-bottom: 0;
 width: 8px;

} .internalLink {

 color: #428ce1;
 display: inline-block;

} .internalLink-content {

 background-color: #e8f0f2;
 border-radius: 4px;
 padding: 2px 4px;

} .internalLink-content .glyphicon, .internalLink-content .svgIcon {

 margin-right: 4px;

} .deletableInternalLink-container {

 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flexbox;
 display: -ms-flex;
 display: flex;
 padding-bottom: 2px;

} .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;
 background-color: #e8f0f2;
 border-radius: 4px;
 border-width: 1px;
 border-style: solid;
 border-color: #c9d8db;
 color: #428ce1;
 margin-right: 9px;
 max-width: 100%;
 padding: 6px 6px;

} .deletableInternalLink .glyphicon, .deletableInternalLink .svgIcon {

 color: #428ce1;
 flex: none;
 width: 12px;
 margin-right: 4px;

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

} /* Line height of text in body cells */ /* Line height of text in header cells */ .scrollableTableNew {

 overflow: hidden;

} .scrollableTableNew-headerCell--border {

 border-bottom: 1px solid #c9d8db;

} .scrollableTableNew-headerCell {

 color: #5c7c83;
 font-size: 13px;
 line-height: 16px;
 font-weight: 600;
 padding: 10px 24px 10px 14px;
 white-space: nowrap;

} .scrollableTableNew-headerCell-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;

} .scrollableTableNew-icon {

 color: #c9d8db;
 height: 10px;
 width: 10px;

} .scrollableTableNew-headerCell-text.is-collapsible, .scrollableTableNew-headerCell-text.is-collapsed {

 cursor: pointer;

} .scrollableTableNew-headerCell-text.is-collapsible:hover, .scrollableTableNew-headerCell-text:hover .scrollableTableNew-headerCell-collapse, .scrollableTableNew-headerCell-text:hover .scrollableTableNew-headerCell-icon {

 color: #428ce1;

} .scrollableTableNew-headerCell-text.is-collapsible:active, .scrollableTableNew-headerCell-text.is-collapsible:focus {

 color: #2c76cc;

} .scrollableTableNew-headerCell-text.is-collapsible .scrollableTableNew-headerCell-collapse {

 display: none;

} .scrollableTableNew-headerCell-text.is-collapsible:hover .scrollableTableNew-headerCell-icon {

 display: none;

} .scrollableTableNew-headerCell-text.is-collapsible:hover .scrollableTableNew-headerCell-collapse {

 color: #428ce1;
 display: inline;

} .scrollableTableNew-headerCell-icon, .scrollableTableNew-headerCell-collapse {

 margin-right: 4px;

} .scrollableTableNew-headerCell-sort {

 border-radius: 50%;
 cursor: pointer;
 height: 16px;
 margin-left: auto;
 padding: 3px;
 width: 16px;

} .scrollableTableNew-headerCell-sort:hover {

 background: #f8fafb;
 color: #428ce1;

} .scrollableTableNew-headerCell-sort:active, .scrollableTableNew-headerCell-sort:focus {

 background: #e8f0f2;
 color: #428ce1;

} .scrollableTableNew-headerCell-sort.is-sorted {

 color: #428ce1;

} .scrollableTableNew-body {

 color: #5c7c83;
 font-size: 14px;
 line-height: 20px;

} .scrollableTableNew-row {

 border-bottom: 1px solid #e8f0f2;

} .scrollableTableNew-row:hover {

 background: #f8fafb;
 cursor: pointer;

} .scrollableTableNew-row.scrollableTableNew-row--emptyText:hover {

 background-color: transparent;
 cursor: default;

} .scrollableTableNew-row.is-selected {

 background: #f8fafb;

} .scrollableTableNew-cell {

 border-bottom: 1px solid #e8f0f2;
 padding: 12px 24px 12px 14px;
 white-space: nowrap;

} .scrollableTableNew-cell.scrollableTableNew-cell--noContents {

 padding: 0;

} .scrollableTableNew-cell > div {

 overflow: hidden;
 text-overflow: ellipsis;

} .scrollableTableNew-cell-icon {

 color: #c9d8db;
 height: 14px;
 width: 14px;

} .scrollableTableNew-cell--shortcutFileIcon {

 height: 12px;
 vertical-align: top;
 width: 12px;

} .scrollableTableNew-cell--shortcutRegistryIcon {

 color: #428ce1;
 font-size: 8px;
 right: 4px;
 position: relative;

} /* Need to win specificity over input[type="checkbox"] */ input[type="checkbox"].scrollableTableNew-cell-checkbox {

 cursor: pointer;
 height: 14px;
 margin: 0;
 width: 14px;

} .scrollableTableNew-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-top: -12px;
 position: absolute;

} .scrollableTableNew-headerCell .scrollableTableNew-cell-iconWrapper {

 height: 36px;
 margin-top: -10px;

} .scrollableTableNewRow-iconCellText {

 display: block;
 margin-left: 30px;

} /* Use .tableRow--visibleOnHover-content when content should be visible only when the row is hovered. */ .scrollableTableNew-row:hover .tableRow--visibleOnHover-content {

 visibility: visible;

} /* Use .tableRow--visibleOnHover-content when content should be visible only when the row is not hovered. */ .scrollableTableNew-row:hover .tableRow--hiddenOnHover-content {

 visibility: hidden;

} .scrollableTableNew.scrollableTableNew {

 color: #5c7c83;
 font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
 font-size: 14px;
 line-height: 20px;
 min-width: 100%;
 max-width: none;

} .scrollableTableNew-cell, .scrollableTableNew-headerCell {

 background-color: white;
 height: 100%;
 width: 100%;

} .scrollableTableNew-cell--isPrimary {

 color: #344043;

} .scrollableTableNew-headerCell.scrollableTableNew-cell--isPrimary, .scrollableTableNew-cell.scrollableTableNew-cell--isPrimary {

 padding-left: 0;

} .scrollableTableNew-headerCell.scrollableTableNew-cell--isPrimary {

 z-index: 999;

} .scrollableTableNew-row:hover .scrollableTableNew-cell, .scrollableTableNew-row--isSelected .scrollableTableNew-cell {

 background: #f8fafb;

} .scrollableTableNew-hoverContainer {

 height: 100%;
 position: relative;

} .scrollableTableNew-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;
 height: 100%;

} /* These are hacks to override the default styling that comes with FixedDataTable */ .scrollableTableNew .fixedDataTableCellLayout_main, .scrollableTableNew .fixedDataTableLayout_main {

 border: 0;

} .scrollableTableNew .fixedDataTableRowLayout_main, .scrollableTableNew .fixedDataTableCellGroupLayout_cellGroup, .scrollableTableNew .fixedDataTableCellLayout_main {

 overflow: visible;

} .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-button[disabled] {

 background-color: #f4f8f9;
 border-color: #f4f8f9;
 -webkit-box-shadow: none;
 box-shadow: none;
 color: #9aa0a1;
 cursor: not-allowed;

} .selectDropdown-button[disabled] .caret {

 border-top-color: #9aa0a1;

} .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);

}

  1. flDebug .scroll {
 max-height: none;

}

  1. force-font-load {
 position: absolute;
 visibility: hidden;
 font-family: 'Inconsolata', 'Courier New';

}

  1. force-font-load .font-normal {
 font-weight: normal;

}

  1. force-font-load .font-bold {
 font-weight: bold;

}

  1. verify-zoom {
 position: absolute;
 visibility: hidden;

}

  1. verify-zoom svg text {
 font-family: 'Inconsolata', 'Courier New';

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

}

  1. container-error {
 text-align: center;

}

  1. container-error h1 {
 font-size: 40px;
 margin: 40px 0;

}

  1. container-error p {
 font-size: 14px;
 color: #666;
 padding: 10px 20px;
 margin: 0 auto;
 border-radius: 2px;

}

  1. 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;
 }

}

  1. context-menu,
  2. context-menu .dropdown-menu {
 min-width: 160px;

}

  1. 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;

}

  1. 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;

}

  1. banner p {
 overflow-x: hidden;
 text-overflow: ellipsis;

}

  1. 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;

}

  1. header {
 border-top: 2px solid #428ce1;
 border-bottom: 1px solid #e8f0f2;
 background: white;
 border-radius: 0;

}

  1. header.impersonating {
 background: #e96e51 !important;

}

  1. header .avatar-goldBadge {
 left: 15px;
 top: 10px;

}

  1. header .nav-profile-img {
 border: 1px solid white;
 vertical-align: top;
 width: 25px;
 height: 25px;
 border-radius: 3px;

}

  1. 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;
 }

}

  1. header .create-dropdown,
  2. header .user-dropdown {
 border-left: 1px solid #e8f0f2;
 font-size: 11px;

}

  1. header .create-dropdown:last-child,
  2. header .user-dropdown:last-child {
 border-right: 1px solid #e8f0f2;

}

  1. header .create-dropdown .dropdown-toggle,
  2. 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;

}

  1. header .create-dropdown .dropdown-toggle .glyphicon-plus,
  2. header .user-dropdown .dropdown-toggle .glyphicon-plus {
 margin-top: -1px;
 margin-right: 3px;

}

  1. header .create-dropdown .dropdown-toggle .caret,
  2. header .user-dropdown .dropdown-toggle .caret {
 border-top-color: #344043;
 border-bottom-color: #344043;

}

  1. header .create-dropdown .dropdown-menu a,
  2. header .user-dropdown .dropdown-menu a {
 padding: 5px 15px;
 font-size: 12px;

}

  1. header .create-dropdown .dropdown-menu .glyphicon,
  2. header .user-dropdown .dropdown-menu .glyphicon,
  3. header .create-dropdown .dropdown-menu i,
  4. header .user-dropdown .dropdown-menu i {
 display: inline-block;
 width: 10px;

}

  1. header .create-dropdown.open .dropdown-toggle,
  2. header .user-dropdown.open .dropdown-toggle,
  3. header .create-dropdown:focus .dropdown-toggle,
  4. header .user-dropdown:focus .dropdown-toggle,
  5. header .create-dropdown:hover .dropdown-toggle,
  6. header .user-dropdown:hover .dropdown-toggle {
 color: #3498db;
 background: none;

}

  1. header .create-dropdown.open .dropdown-toggle .caret,
  2. header .user-dropdown.open .dropdown-toggle .caret,
  3. header .create-dropdown:focus .dropdown-toggle .caret,
  4. header .user-dropdown:focus .dropdown-toggle .caret,
  5. header .create-dropdown:hover .dropdown-toggle .caret,
  6. 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;

}

  1. back-nav {
 position: absolute;
 left: 0;
 top: 5px;

}

  1. 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;

}

  1. back-nav a:hover {
 width: 170px;
 color: white;

}

  1. back-nav a:hover .glyphicon {
 font-weight: 700;

}

  1. back-nav a .glyphicon {
 margin-right: 10px;

} .folders-filter {

 margin-top: 12px;

}

  1. reconnecting {
 display: none;

} .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: 400px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -80px;
 margin-left: -200px;
 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;

}

  1. editor div[contentEditable],
  2. library-page div[contentEditable] {
 -webkit-user-select: text;
 -moz-user-select: text;
 -ms-user-select: text;
 -o-user-select: text;
 user-select: text;

}

  1. editor .selectable,
  2. library-page .selectable {
 -webkit-user-select: text;
 -moz-user-select: text;
 -ms-user-select: text;
 -o-user-select: text;
 user-select: text;
 cursor: text;

}

  1. 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;

}

  1. editor::-webkit-scrollbar-thumb {
 background: #a2b9be;

}

  1. editor::-webkit-scrollbar {
 height: 5px;

}

  1. editor #clipboard-input {
 position: fixed;
 top: -1000px;
 opacity: 0;
 outline: 0;

}

  1. editor .tooltip-inner {
 white-space: pre-wrap;
 word-break: break-word;

}

  1. editor .share-view {
 display: inline-block;

}

  1. editor .share-view.disabled .btn {
 pointer-events: none;
 opacity: 0.65;

}

  1. editor .share-view .share-option-mount {
 display: inline-block;

}

  1. editor .share-view .share-option {
 display: inline-block;
 position: relative;

}

  1. editor fieldset legend {
 font-size: 17px;
 margin: 10px 0;
 padding-bottom: 4px;

}

  1. editor .btn-af-sized,
  2. editor .btn-af-default,
  3. editor .btn-af-primary,
  4. editor .btn-af-success,
  5. editor .btn-af-warning,
  6. editor .btn-af-danger {
 min-height: 28px;
 line-height: 20px;

}

  1. editor .btn-af-sized.btn-option,
  2. editor .btn-af-default.btn-option,
  3. editor .btn-af-primary.btn-option,
  4. editor .btn-af-success.btn-option,
  5. editor .btn-af-warning.btn-option,
  6. editor .btn-af-danger.btn-option,
  7. editor .btn-af-sized.btn-sm,
  8. editor .btn-af-default.btn-sm,
  9. editor .btn-af-primary.btn-sm,
  10. editor .btn-af-success.btn-sm,
  11. editor .btn-af-warning.btn-sm,
  12. editor .btn-af-danger.btn-sm {
 height: 24px;
 min-height: 24px;
 padding: 1px 5px;

}

  1. editor .btn-af-sized.btn-option em,
  2. editor .btn-af-default.btn-option em,
  3. editor .btn-af-primary.btn-option em,
  4. editor .btn-af-success.btn-option em,
  5. editor .btn-af-warning.btn-option em,
  6. editor .btn-af-danger.btn-option em,
  7. editor .btn-af-sized.btn-sm em,
  8. editor .btn-af-default.btn-sm em,
  9. editor .btn-af-primary.btn-sm em,
  10. editor .btn-af-success.btn-sm em,
  11. editor .btn-af-warning.btn-sm em,
  12. editor .btn-af-danger.btn-sm em {
 font-style: normal;
 text-decoration: underline;

}

  1. editor #header {
 background: #428ce1;
 border-top: 0;
 border-bottom: none;

}

  1. editor #header .navbar-brand {
 padding-top: 5px;
 padding-bottom: 2px;

}

  1. editor #header .container {
 padding-left: 0;
 padding-right: 0;

}

  1. editor #header .row {
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;

}

  1. editor #header .row > div {
 padding-left: 0;
 padding-right: 0;

}

  1. editor #header .nav-btn {
 background: none;
 padding: 15px 10px;
 -webkit-box-shadow: none;
 box-shadow: none;
 border: none;

}

  1. editor #header .nav-btn:hover {
 color: #e8f0f2;

}

  1. editor #header #auth-nav > li > a {
 color: white;

}

  1. editor #header #auth-nav > li > a:hover,
  2. editor #header #auth-nav > li > a:focus {
 color: #e8f0f2;
 background: none;

}

  1. editor #header .create-dropdown,
  2. editor #header .user-dropdown {
 border-left-color: #2172cf;
 border-right-color: #2172cf;

}

  1. editor #header .create-dropdown .dropdown-toggle .caret,
  2. editor #header .user-dropdown .dropdown-toggle .caret {
 border-top-color: white;
 border-bottom-color: white;

}

  1. editor #header .create-dropdown .dropdown-toggle .caret:hover,
  2. editor #header .user-dropdown .dropdown-toggle .caret:hover,
  3. editor #header .create-dropdown .dropdown-toggle .caret:focus,
  4. editor #header .user-dropdown .dropdown-toggle .caret:focus {
 border-top-color: #e8f0f2;
 border-bottom-color: #e8f0f2;

}

  1. editor .notifications-container {
 padding-top: 6px;
 position: fixed;
 left: 50%;
 top: 0;
 margin-left: -250px;
 width: 500px;

}

  1. 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;

}

  1. editor .notifications-container .alert:first-child {
 border: 1px solid #f8fafb;

}

  1. editor .notifications-container .alert:hover {
 border-color: #344043;

}

  1. editor .nav-container {
 max-width: none;

}

  1. editor .nav-container .navbar-brand {
 margin-left: 0;

}

  1. 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;

}

  1. editor .ui-slider .ui-slider-handle:focus,
  2. editor .ui-slider .ui-slider-handle:active {
 outline: 0;

}

  1. editor .context-item,
  2. editor .context-submenu-item {
 cursor: default;

}

  1. editor .ui-widget-content {
 border: 1px solid #a2b9be;
 background: #ffffff;
 color: #344043;

}

  1. editor .ui-corner-all,
  2. editor .ui-corner-bottom,
  3. editor .ui-corner-right,
  4. editor .ui-corner-br {
 border-bottom-right-radius: 4px;

}

  1. editor .ui-corner-all,
  2. editor .ui-corner-bottom,
  3. editor .ui-corner-left,
  4. editor .ui-corner-bl {
 border-bottom-left-radius: 4px;

}

  1. editor .ui-corner-all,
  2. editor .ui-corner-top,
  3. editor .ui-corner-right,
  4. editor .ui-corner-tr {
 border-top-right-radius: 4px;

}

  1. editor .ui-corner-all,
  2. editor .ui-corner-top,
  3. editor .ui-corner-left,
  4. editor .ui-corner-tl {
 border-top-left-radius: 4px;

}

  1. editor .ui-slider-horizontal {
 height: 4px;

}

  1. editor .input-group .form-control:last-child,
  2. editor .input-group-addon:last-child,
  3. editor .input-group-btn:last-child > .btn,
  4. editor .input-group-btn:last-child > .dropdown-toggle,
  5. editor .input-group-btn:first-child > .btn:not(:first-child) {
 border-bottom-left-radius: 0;
 border-top-left-radius: 0;

}

  1. editor .input-group .form-control:first-child,
  2. editor .input-group-addon:first-child,
  3. editor .input-group-btn:first-child > .btn,
  4. editor .input-group-btn:first-child > .dropdown-toggle,
  5. editor .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
 border-bottom-right-radius: 0;
 border-top-right-radius: 0;

}

  1. editor .panel {
 z-index: 10;

}

  1. editor .panel .panel-content {
 height: auto;
 overflow-y: auto;

}

  1. editor .panel .panel-content::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. editor .panel .panel-content::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. editor .panel .panel-content:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. editor .panel .panel-content::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. editor .panel .panel-content:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. editor .panel h4,
  2. editor .panel h5,
  3. editor .panel h6 {
 font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif;

}

  1. editor .panel h4 {
 margin: 0;
 font-size: 12px;
 font-weight: 500;
 padding: 8px 0;
 text-align: center;
 cursor: pointer;

}

  1. editor .panel h5 {
 font-size: 12px;
 font-weight: 500;
 text-align: left;
 margin-bottom: 5px;

}

  1. editor .panel h5.text-right {
 text-align: right;

}

  1. editor .panel h6 {
 font-size: 12px;
 font-weight: normal;
 text-align: left;

}

  1. editor .panel h6.overflow-ellipsis {
 text-overflow: ellipsis;
 overflow: hidden;

}

  1. editor .panel .alert {
 padding: 10px;

}

  1. editor .row {
 margin-bottom: 5px;

}

  1. editor select,
  2. editor textarea,
  3. editor input[type="text"],
  4. editor input[type="password"],
  5. editor input[type="datetime"],
  6. editor input[type="datetime-local"],
  7. editor input[type="date"],
  8. editor input[type="month"],
  9. editor input[type="time"],
  10. editor input[type="week"],
  11. editor input[type="number"],
  12. editor input[type="email"],
  13. editor input[type="url"],
  14. editor input[type="search"],
  15. editor input[type="tel"],
  16. editor input[type="color"],
  17. editor .in-input {
 min-height: 28px;
 height: 28px;
 padding: 5px 10px;
 border-radius: 2px;

}

  1. editor .select2-container .select2-choice {
 min-height: 28px;
 height: 28px;
 line-height: 28px;
 padding-top: 0;
 padding-bottom: 0;

}

  1. editor .select2-container .select2-choice .select2-arrow b {
 margin-top: 0;

}

  1. editor textarea {
 height: auto;

}

  1. editor .panel-divider {
 height: 0;
 overflow: hidden;
 border: none;
 background: transparent;
 border-bottom: 1px solid #DDD;
 margin: 15px 0 10px;

}

  1. editor .sortable-placeholder {
 background: #c7dbe0;

}

  1. editor {
 min-width: 550px;

}

  1. editor.hasSplitWorkspace {
 min-width: 845px;

}

  1. editor.hasFileBrowserOpen {
 min-width: 710px;

}

  1. editor.hasSplitWorkspace.hasFileBrowserOpen {
 min-width: 1095px;

}

  1. history-panel .disabled {
 pointer-events: none;
 text-decoration: none;
 color: #a2b9be;

}

  1. history-panel .lineage-sequence-name {
 max-width: 150px;

}

  1. annotation-panel table {
 table-layout: fixed;

}

  1. annotation-panel table th.visibility,
  2. annotation-panel table th.color {
 width: 20px;

}

  1. annotation-panel table th.length {
 width: 50px;

}

  1. annotation-panel table th.location {
 width: 90px;

}

  1. annotation-panel table td.annotation-name {
 padding-top: 5px;
 padding-bottom: 5px;
 overflow-wrap: break-word;
 word-wrap: break-word;

}

  1. annotation-panel .edit-annotation-features {
 display: none;

}

  1. annotation-panel .edit-annotation-features.signed-in {
 display: block;

}

  1. annotation-panel .annotation-row {
 cursor: pointer;

}

  1. annotation-panel .panel-sidebar div:first-child {
 display: block;

}

  1. annotation-panel .panel-sidebar h5 {
 margin-bottom: 10px;
 margin-top: 0px;

}

  1. annotation-panel .panel-sidebar td:first-child {
 width: 25px;

}

  1. annotation-panel .panel-sidebar td label {
 font-weight: 400;

}

  1. annotation-panel .panel-sidebar .no-annotation-types {
 margin-top: 20px;

}

  1. annotation-panel .panel-sidebar tr {
 cursor: pointer;

}

  1. annotation-panel .duplicate-annotation-warning {
 display: none;
 line-height: 24px;

}

  1. auto-annotation .select2-container {
 display: block;

}

  1. auto-annotation .search-results {
 max-height: 150px;
 overflow-y: auto;

}

  1. auto-annotation .search-results::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. auto-annotation .search-results::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. auto-annotation .search-results:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. auto-annotation .search-results::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. auto-annotation .search-results:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. 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;

}

  1. editor .annotations-table col.visibility,
  2. editor .annotations-table col.color {
 width: 35px;

}

  1. editor .annotations-table col.start,
  2. editor .annotations-table col.end {
 width: 50px;

}

  1. editor .annotations-table col.length {
 width: 75px;

}

  1. editor .annotations-table col.type {
 width: 100px;
 text-overflow: ellipsis;

}

  1. editor .annotations-table col.name {
 text-overflow: ellipsis;

}

  1. editor .annotations-table col.strand {
 width: 60px;

}

  1. editor .annotations-table input[type='checkbox'] {
 margin-top: 2px;

}

  1. editor .annotations-table .text-editable {
 min-width: 50px;

}

  1. editor .annotations-table select {
 width: auto;
 height: 20px;

}

  1. buffers .primer3-view .table.primers-table td,
  2. buffers .primer3-view .table.primers-table th {
 white-space: nowrap;
 padding: 4px 6px;

}

  1. buffers .primer3-view .table.primers-table td .glyphicon-question-sign,
  2. buffers .primer3-view .table.primers-table th .glyphicon-question-sign {
 margin-top: 0px;
 margin-left: 3px;
 font-size: 11px;
 text-decoration: none;

}

  1. buffers .primer3-view .table.primers-table tbody {
 border-top-width: 1px;

}

  1. buffers .primer3-view .table.primers-table tbody:hover td {
 background: #e8f0f2;

}

  1. buffers .primer3-view .table.primers-table tbody.active td {
 background: #feefd1;

}

  1. buffers .primer3-view .table.primers-table td {
 border-top: 0;

}

  1. buffers .primer3-view .disabled {
 pointer-events: none;

}

  1. editor.has-hidden-statusbar #filebar {
 bottom: 0;

}

  1. 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;

}

  1. filebar.opened {
 width: 750px;
 padding: 15px 0px 15px 0px;

}

  1. filebar.opened .container {
 height: 100%;
 width: 100%;

}

  1. filebar.opened .container .browserbar {
 display: block;
 height: 100%;
 overflow-y: auto;

}

  1. filebar.opened .container .browserbar::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. filebar.opened .container .browserbar::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. filebar.opened .container .browserbar:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. filebar.opened .container .browserbar::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. filebar.opened .container .browserbar:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. 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;

}

  1. filebar.opened .container .browserbar h3 {
 font-size: 14px;
 margin: 5px 0;

}

  1. filebar.opened .container .browserbar .search-wrapper {
 position: relative;

}

  1. filebar.opened .container .browserbar .search-wrapper .glyphicon {
 position: absolute;
 right: 10px;
 top: 7px;
 color: #a2b9be;
 background: rgba(255, 255, 255, 0.5);

}

  1. filebar.opened .container .browserbar .search-wrapper .glyphicon-remove {
 cursor: pointer;

}

  1. filebar.opened .container .browserbar .search-wrapper .glyphicon-remove:hover {
 color: #344043;

}

  1. filebar.opened .container .browserbar .browser-panel-tabs-wrapper {
 margin-right: 70px;
 margin-bottom: 15px;

}

  1. filebar.opened .container .browserbar .browser-panel-tabs-wrapper .browser-panel-tabs {
 width: 100%;
 height: 31px;

}

  1. filebar.opened .container .browserbar .browser-panels {
 position: relative;
 margin-top: 10px;
 white-space: nowrap;
 overflow-x: hidden;

}

  1. filebar.opened .container .browserbar .search-results {
 margin-top: 10px;

}

  1. 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;

}

  1. 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;

}

  1. filebar.opened .container .browserbar ul.clickable-list li:hover {
 background: #f8fbfb;

}

  1. filebar.opened .container .browserbar ul.clickable-list li .folder,
  2. filebar.opened .container .browserbar ul.clickable-list li .owner,
  3. filebar.opened .container .browserbar ul.clickable-list li .extra {
 color: #a2b9be;

}

  1. filebar.opened .container .browserbar ul.clickable-list li .extra {
 font-size: 12px;

}

  1. filebar.opened .container .browserbar .browser-panel,
  2. filebar.opened .container .browserbar .search-results {
 display: inline-block;
 vertical-align: top;
 width: 100%;

}

  1. filebar.opened .container .browserbar .browser-panel .back-button,
  2. filebar.opened .container .browserbar .search-results .back-button {
 border-radius: 0;
 margin-bottom: 7px;

}

  1. filebar.opened .container .browserbar .browser-panel .back-button .glyphicon-chevron-left,
  2. filebar.opened .container .browserbar .search-results .back-button .glyphicon-chevron-left {
 margin-right: 5px;

}

  1. filebar.opened .container .browserbar .browser-panel .external-search-link,
  2. filebar.opened .container .browserbar .search-results .external-search-link {
 font-size: 12px;
 margin-top: 5px;

}

  1. filebar.opened .container .browserbar .browser-panel .recent-sequences,
  2. filebar.opened .container .browserbar .search-results .recent-sequences {
 max-height: 133px;
 overflow: auto;

}

  1. filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar,
  2. filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar-track,
  2. filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. filebar.opened .container .browserbar .browser-panel .recent-sequences:hover::-webkit-scrollbar-track,
  2. filebar.opened .container .browserbar .search-results .recent-sequences:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar-thumb,
  2. filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. filebar.opened .container .browserbar .browser-panel .recent-sequences:hover::-webkit-scrollbar-thumb,
  2. filebar.opened .container .browserbar .search-results .recent-sequences:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. filebar.opened > .navbar {
 display: none;

}

  1. filebar .browserbar {
 display: none;

}

  1. filebar .navbar {
 padding-left: 0px;
 border: none;
 z-index: auto;

}

  1. filebar #open-icon-wrapper {
 display: inline-block;
 height: 24px;
 line-height: 24px;
 width: 100%;
 border-bottom: 1px solid #bdc3c7;
 text-align: center;

}

  1. filebar #open-icon-wrapper.signed-in .signed-in-icon {
 display: inline-block;

}

  1. filebar #open-icon-wrapper.signed-in .signed-out-icon {
 display: none;

}

  1. filebar #open-icon-wrapper .signed-in-icon {
 display: none;

}

  1. filebar #open-icon-wrapper .signed-out-icon {
 display: inline-block;

}

  1. filebar #open-icon-wrapper .open-icon {
 color: #a2b9be;
 cursor: pointer;
 height: auto;

}

  1. filebar #open-icon-wrapper .open-icon:hover {
 color: #5c7c83;

}

  1. filebar #open-icon-wrapper .open-icon.disabled {
 color: #a2b9be;

}

  1. 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);

}

  1. filebar .filebar-item {
 display: inline-block;
 margin-left: -4px;
 float: none;
 cursor: pointer;

}

  1. 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;

}

  1. filebar .filebar-item a:hover {
 background: #d9dcde;

}

  1. filebar .filebar-item a .name {
 max-width: 200px;
 text-align: center;
 overflow-x: hidden;
 display: inline-block;

}

  1. 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;

}

  1. filebar .filebar-item a .badge-close:hover {
 color: white;
 background: #a2b9be;

}

  1. filebar .filebar-item.active a {
 background: #2c76cc;
 color: white;

}

  1. filebar .filebar-item.active a .badge-close {
 color: #e8f0f2;

}

  1. filebar .filebar-item.active a .badge-close:hover {
 color: #428ce1;
 background: white;

}

  1. 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;

}

  1. 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;

}

  1. filebar #open-icon-wrapper + .filebar-items {
 top: 24px;

} .reset {

 position: relative;
 height: 100%;
 width: 100%;

}

  1. 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;

}

  1. editor.has-shown-workspace .subworkspace {
 top: 40px;

}

  1. editor.hasLegacyNav #wrapper {
 left: 0;
 top: 50px;

}

  1. editor.hasLegacyNav .sidebar-mount.is-open ~ #wrapper {
 left: 275px;

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

}

  1. create-menu .glyphicon,
  2. user-menu .glyphicon,
  3. create-menu i,
  4. 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;

}

  1. editor.has-hidden-toolbar #buffers {
 right: 0;

}

  1. buffers.assembly {
 bottom: 85px;

}

  1. buffers.empty .buffer-container {
 display: none;

}

  1. buffers.empty .empty-message {
 display: block;

}

  1. buffers .buffer-container {
 height: 100%;
 width: 100%;
 float: left;
 position: relative;

}

  1. buffers .buffer-container.hide-options-view .buffer-options--builtin {
 display: none;

}

  1. buffers .buffer-container.hide-options-view .buffer-content.buffer-options-align {
 top: 0;

}

  1. buffers .buffer-container .loading-screen {
 position: absolute;
 width: 100%;
 height: 100%;
 background: url('../img/spinner.gif') center center no-repeat transparent;

}

  1. buffers .buffer-container .zoom-controls {
 width: 100px;

}

  1. buffers .buffer-container .zoom-controls.no-zoom {
 opacity: 0.3;
 pointer-events: none;

}

  1. 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;

}

  1. buffers .buffer-container .pan-controls {
 width: 100px;

}

  1. 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;

}

  1. 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;

}

  1. buffers .buffer-container .pan-controls .ui-slider-handle:focus,
  2. buffers .buffer-container .pan-controls .ui-slider-handle:active {
 outline: 0;

}

  1. buffers .buffer-container .buffer-content {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;

}

  1. buffers .buffer-container .buffer-content.buffer-options-align {
 top: 35px;

}

  1. buffers .buffer-container .buffer-content div.buffer-content-spacer {
 position: absolute;
 top: 25px;
 left: 0;
 right: 0;
 bottom: 0;

}

  1. buffers .buffer-container .buffer-content div.buffer,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper {
 width: 100%;
 height: 100%;

}

  1. buffers .buffer-container .buffer-content div.buffer .buffer-content-container,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container,
  3. buffers .buffer-container .buffer-content div.buffer .buffer-content-container-fluid,
  4. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container-fluid {
 margin: 0 auto;

}

  1. buffers .buffer-container .buffer-content div.buffer .buffer-content-container,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container {
 max-width: 800px;

}

  1. buffers .buffer-container .buffer-content div.buffer .row,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .row {
 margin-left: -10px;
 margin-right: -10px;

}

  1. buffers .buffer-container .buffer-content div.buffer .bufferRowReset,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .bufferRowReset {
 margin-left: -15px;
 margin-right: -15px;

}

  1. buffers .buffer-container .buffer-content div.buffer .col,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .col,
  3. buffers .buffer-container .buffer-content div.buffer .control-label,
  4. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .control-label {
 padding-left: 10px;
 padding-right: 10px;

}

  1. buffers .buffer-container .buffer-content div.buffer .form-horizontal .form-group,
  2. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .form-horizontal .form-group {
 margin-left: -10px;
 margin-right: -10px;
 margin-bottom: 10px;

}

  1. buffers .buffer-container .buffer-content #mini-map {
 overflow: auto;

}

  1. buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. buffers .buffer-container .buffer-content #mini-map:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. buffers .buffer-container .buffer-content #mini-map:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. buffers .buffer-container .buffer-content #mini-map svg.mini-map-title {
 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 10px;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content #mini-map svg.mini-map g.title {
 display: none;

}

  1. buffers .buffer-container .buffer-content .alignment-view {
 height: 100%;
 width: 100%;
 padding: 0px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .range {
 fill: #feefd1;

}

  1. buffers .buffer-container .buffer-content .alignment-view .range.range-preview {
 fill: red;
 fill-opacity: 0.3;

}

  1. buffers .buffer-container .buffer-content .alignment-view .vote-hover-bars {
 cursor: pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .vote-quality-bars {
 cursor: pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top {
 position: relative;
 top: 0px;
 width: 100%;
 background-color: white;
 overflow-y: scroll;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container {
 position: absolute;
 background-color: #e8f0f2;
 width: 100%;
 padding-bottom: 5px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows {
 overflow-y: scroll;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar {
 width: 8px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar-track {
 background: #f8fbfb;
 border: 1px solid #e8f0f2;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container .sortable-wrapper .handle {
 cursor: url(../img/openhand.cur), pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignments-container .infinite-scroller {
 padding-left: 0px;
 padding-right: 0px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom {
 position: absolute;
 bottom: 0px;
 width: 100%;
 padding-left: 15px;
 padding-right: 15px;
 background-color: white;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map {
 position: relative;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map svg {
 display: block;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .top-map {
 padding-top: 5px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap {
 max-height: 200px;
 margin-right: -10px;
 overflow-y: auto;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. buffers .buffer-container .buffer-content .alignment-view .range-hidden {
 cursor: url(../img/openhand.cur), pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .range-hidden.grabbed {
 cursor: url(../img/closedhand.cur), pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .ui-sortable-placeholder + .alignment-row .handle {
 border-top-width: 1px;
 border-top-style: solid;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment {
 border-color: red;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment .handle {
 background-color: #f8fafb;
 border-color: red;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment .handle .name textarea {
 top: 14px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment {
 border-color: blue;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment .handle {
 background-color: #f8fafb;
 border-color: blue;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment .handle .name textarea {
 top: 14px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top .alignment-row .handle {
 border-top-width: 1px;
 border-left-style: solid;
 border-left-width: 1px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .fixed-top .alignment-row .handle .name {
 white-space: normal;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper:first-child + .alignment-row .handle,
  2. buffers .buffer-container .buffer-content .alignment-view .alignment-row:first-child .handle,
  3. buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper .handle {
 border-top-width: 1px;
 border-top-style: solid;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle {
 padding: 2px;
 border-bottom-style: solid;
 border-bottom-width: 1px;

}

  1. 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);

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row svg {
 display: block;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .slice.alignment {
 -webkit-transform: translate3d(0, 0, 0);

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .cursor-triangle {
 display: none;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .trim {
 fill: #a2b9be;
 opacity: 0.5;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus,
  2. buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus {
 outline: none;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus path.selection,
  2. buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus path.selection,
  3. buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus rect.selection,
  4. buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus rect.selection {
 fill: #feefd1;

}

  1. 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%;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .slider-container .ui-slider-vertical {
 width: 8px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .slider-container .ui-slider-handle {
 width: 14px;
 height: 10px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .alignment-prefix {
 font-weight: 600;
 font-size: 10px;
 display: block;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .times {
 line-height: 15px;
 color: #344043;
 cursor: pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .times:hover {
 color: #e96e51;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .options-btn .caret {
 margin-top: -3px;
 margin-left: -1px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle.grabbed {
 cursor: url(../img/closedhand.cur), pointer;

}

  1. 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%;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea:not(:focus) {
 border: none;
 background: none;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea:focus {
 border: none;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .times {
 margin-right: 3px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .content {
 margin-left: 105px;
 min-width: 80px;
 overflow-x: scroll;
 overflow-y: visible;

}

  1. buffers .buffer-container .buffer-content .alignment-view .alignment-row .content::-webkit-scrollbar {
 display: none;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper {
 width: 100%;
 position: relative;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info {
 position: absolute;
 top: 6px;
 height: 37px;
 width: 100%;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info input {
 text-align: center;
 width: 60px;
 font-size: 12px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .start,
  2. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .dash,
  3. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .end {
 margin-right: 4px;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .save {
 margin-left: 10px;
 width: 85px;
 padding-bottom: 3px;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .delete:hover {
 color: red;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper {
 position: relative;
 width: 100%;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper .close {
 position: absolute;
 top: 2px;
 right: 4px;
 color: black;
 cursor: pointer;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper .close:hover {
 color: gray;

}

  1. buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .message {
 resize: none;
 height: 100%;
 padding-bottom: 0;

}

  1. buffers .buffer-container.full-width {
 width: 100%;

}

  1. buffers .buffer-container.invisible {
 display: none;

}

  1. buffers .buffer-container.vertical-split {
 width: 50%;

}

  1. buffers .buffer-container.horizontal-split {
 height: 50%;

}

  1. buffers .buffer-container.horizontal-split + .horizontal-split {
 border-top: 1px solid #bdc3c7;

}

  1. buffers .buffer-container:nth-child(n+2) {
 border-left: 1px solid #bdc3c7;

}

  1. buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-tab-reset .control-label {
 padding-left: 0;
 padding-right: 0;

}

  1. editor.hasLegacyNav .zoom-slider,
  2. editor.hasLegacyNav .pan-slider {
 width: 80px;

}

  1. editor.hasLegacyNav .zoom-controls,
  2. editor.hasLegacyNav .pan-controls {
 width: 130px;

}

  1. buffers .buffer-container .buffer-content .buffer .external-file-wrapper {
 height: 100%;

}

  1. buffers .buffer-container .buffer-content .buffer .external-file-wrapper .externalFilePreview {
 height: 100%;
 position: relative;

}

  1. buffers .buffer-container .buffer-content .buffer .external-file-wrapper .externalFilePreview-syncError {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 background: #d9563a;
 color: white;

}

  1. 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;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .reset-defaults {
 font-size: 12px;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .parameters h5 {
 font-size: 15px;
 border-bottom: 0;
 font-weight: 400;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .parameters input[type='text'],
  2. buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group label {
 width: 60px;
 margin-right: 5px;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .parameters input[type='text'].long-text {
 width: 125px;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group {
 margin-bottom: 0;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group label {
 text-align: center;

}

  1. buffers .buffer-container .buffer-content .buffer .generate-primers .tm-params {
 line-height: 28px;

}

  1. buffers .buffer-container .buffer-content .buffer .existing-primer {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .swatch-big .popover .color-picker .row {
 margin: 0 0 5px 0;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .spinner {
 margin-top: 0px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer legend {
 padding-bottom: 8px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .form-control,
  2. buffers .buffer-container .buffer-content .buffer .edit-primer .help-block,
  3. buffers .buffer-container .buffer-content .buffer .edit-primer .pair-strand,
  4. buffers .buffer-container .buffer-content .buffer .edit-primer .error-msg,
  5. buffers .buffer-container .buffer-content .buffer .edit-primer .existing-primers {
 margin-left: 13px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .invisible {
 visibility: hidden;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .error-msg {
 font-size: 12px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link {
 padding-top: 7px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link a,
  2. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link a:hover {
 color: gray;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link .spinner {
 width: 50px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp {
 font-size: 11px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp button {
 margin-top: 2px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp input {
 width: 40px;
 text-align: right;
 padding-left: 5px;
 padding-right: 5px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .heterodimer-title {
 font-size: 12px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .use-existing-primer .list-group {
 margin-bottom: 10px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .use-existing-primer p:last-child {
 margin-bottom: 0px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .single-save,
  2. buffers .buffer-container .buffer-content .buffer .edit-primer .save-pair {
 width: 100%;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases {
 padding: 0px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .prime {
 display: inline-block;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .five-prime {
 vertical-align: top;
 margin-top: 9px;
 margin-right: 3px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .three-prime {
 vertical-align: bottom;
 margin-bottom: 9px;
 margin-left: 3px;

}

  1. 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;

}

  1. 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%;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text-outer .tooltip-inner {
 max-width: none;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text {
 width: 100%;
 -webkit-user-select: initial;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text:focus {
 outline: 0px solid transparent;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .edit-primer-enzymes {
 width: 100%;
 margin-left: 13px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .input-field {
 padding-top: 7px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .input-field a {
 text-decoration: none;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .list-group-item {
 line-height: 24px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .settings {
 margin-left: 5px;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer hr {
 margin-bottom: 8px;
 width: 85%;

}

  1. buffers .buffer-container .buffer-content .buffer .edit-primer .radio-inline {
 margin-left: 13px;
 line-height: 21px;

}

  1. seqsearch {
 top: -180px;

}

  1. seqsearch .row {
 margin-bottom: 3px;

}

  1. seqsearch .row .glyphicon-question-sign,
  2. seqsearch .row .glyphicon-exclamation-sign {
 margin-left: 5px;
 text-decoration: none;

}

  1. seqsearch .seq-search-box {
 border-radius: 3px;
 border-bottom-right-radius: 0;
 border-top-right-radius: 0;

}

  1. seqsearch .in-input {
 position: absolute;
 right: 92px;
 top: 2px;

}

  1. seqsearch .btn {
 color: #344043;
 font-size: 11px;
 width: 35px;
 background: rgba(240, 240, 240, 0.9);
 border: 1px solid #a2b9be;
 border-radius: 0;

}

  1. seqsearch .settings-link {
 margin-left: 3px;
 margin-right: 3px;
 cursor: pointer;
 text-decoration: none;
 color: #344043;

}

  1. seqsearch .settings-link:hover {
 color: #5c7c83;

}

  1. seqsearch .settings-link.active {
 color: #428ce1;

}

  1. seqsearch .settings-link.active:hover {
 color: #5899e4;

}

  1. seqsearch .seq-search-count {
 margin-left: 5px;
 color: #a2b9be;

}

  1. seqsearch .search-dropdown {
 position: absolute;
 left: 0;
 top: 100%;
 width: 100%;
 margin-top: 2px;

}

  1. seqsearch .search-dropdown.open .settings {
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 border-bottom: none;

}

  1. seqsearch .search-dropdown.open .settings:not(.hide) + ul.dropdown-menu {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 margin-top: -1px;

}

  1. seqsearch .search-dropdown .settings {
 padding: 5px 8px;
 background-color: white;
 border: 1px solid rgba(0, 0, 0, 0.15);
 border-radius: 3px;

}

  1. seqsearch .search-dropdown .settings .settings-title {
 font-weight: 900;
 color: #344043;

}

  1. seqsearch .search-dropdown .settings form {
 padding-left: 2px;

}

  1. seqsearch .search-dropdown .settings form label {
 color: #344043;

}

  1. seqsearch .search-dropdown .settings kbd {
 padding: 5px;

}

  1. seqsearch .search-dropdown ul.dropdown-menu {
 position: relative;
 margin-top: 0px;
 list-style: none;
 width: 100%;
 max-height: 200px;
 overflow-y: auto;

}

  1. seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. seqsearch .search-dropdown ul.dropdown-menu:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. seqsearch .search-dropdown ul.dropdown-menu:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li {
 padding: 3px;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li.result-msg {
 padding-left: 8px;
 padding-right: 8px;
 color: #344043;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li.result-msg .result-count {
 font-weight: 900;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li.result-msg .result-info {
 float: right;
 font-style: italic;
 color: #a2b9be;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a {
 padding: 3px 7px;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a .text {
 margin-left: 28px;
 height: 28px;
 line-height: 28px;
 vertical-align: middle;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a .text .location {
 color: #a2b9be;
 padding-left: 5px;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a .text .name {
 margin-left: 7px;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a .text .name .match {
 font-weight: 900;
 background: #feefd1;

}

  1. 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;

}

  1. 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);

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a:hover .text .location {
 color: white;

}

  1. seqsearch .search-dropdown ul.dropdown-menu li a:hover .text .name .match {
 color: black;

}

  1. 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;

}

  1. statusbar.disabled .btn,
  2. statusbar.disabled button {
 pointer-events: none;
 opacity: 0.65;

}

  1. statusbar .statusbar-section {
 display: inline-block;
 float: left;

}

  1. statusbar .statusbar-section:not(:last-child) {
 border-right: 1px solid #bdc3c7;

}

  1. statusbar .statusbar-section:not(:first-child) {
 margin-left: 10px;

}

  1. statusbar .statusbar-section.tray-buttons {
 z-index: 1000;
 border-right: 0;
 position: absolute;
 right: 10px;

}

  1. statusbar .statusbar-section.tray-buttons .btn-group.open .dropdown-toggle {
 -webkit-box-shadow: none;
 box-shadow: none;

}

  1. statusbar .statusbar-section.tray-buttons .caret {
 margin: 0 0 2px 5px;

}

  1. statusbar .statusbar-section.tray-buttons .btn:first-child {
 border-right: 0;

}

  1. statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a {
 width: 200px;
 padding-right: 10px;

}

  1. statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .assembly-title {
 display: inline-block;
 width: 150px;
 text-overflow: ellipsis;
 overflow: hidden;

}

  1. statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .badge-close {
 display: inline-block;
 padding: 0 5px;
 border-radius: 12px;

}

  1. statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .badge-close:hover {
 background: #fff;
 color: #428ce1;

}

  1. statusbar .statusbar-section.tray-buttons .statusbar-group {
 margin-right: 0;

}

  1. statusbar .statusbar-section .statusbar-group {
 float: left;
 min-height: 24px;
 line-height: 24px;
 margin-right: 10px;
 display: inline-block;

}

  1. statusbar .statusbar-section .statusbar-group.hidden {
 display: none;

}

  1. 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;

}

  1. statusbar .statusbar-section .statusbar-group .btn.statusbar-label {
 margin-right: 0;

}

  1. statusbar .statusbar-section .statusbar-label {
 font-weight: 500;
 margin-right: 3px;
 display: inline-block;
 text-transform: uppercase;
 color: #344043;

}

  1. statusbar .statusbar-section .statusbar-field {
 display: inline-block;

}

  1. statusbar .message {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 padding-left: 5px;
 right: 0;
 background: inherit;

}

  1. statusbar .timeout.message {
 z-index: 50;

}

  1. 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;

}

  1. circular-map path.dnaSearch {
 cursor: pointer;

}

  1. buffers #linear-map,
  2. buffers #protein-map {
 position: relative;
 padding: 0px;

}

  1. buffers #linear-map .slice-wrapper,
  2. buffers #protein-map .slice-wrapper {
 width: 100%;
 position: absolute;

}

  1. buffers #linear-map svg,
  2. 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;

}

  1. buffers #linear-map svg .sequenceAxis path,
  2. buffers #protein-map svg .sequenceAxis path {
 stroke-width: 1;
 stroke: black;

}

  1. buffers #linear-map svg .sequenceAxis line,
  2. buffers #protein-map svg .sequenceAxis line {
 fill: none;
 stroke: black;
 stroke-width: 1;

}

  1. buffers #linear-map .cursor-triangle,
  2. buffers #protein-map .cursor-triangle {
 fill: black;
 shape-rendering: geometricPrecision;

}

  1. buffers #linear-map .dnaSearch .layer,
  2. 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;

}

  1. primer-panel .primers-table tr {
 cursor: pointer;

}

  1. primer-panel .primers-table tr.partner-selected {
 background: #f2f7fd;

}

  1. primer-panel .additional-primer-info {
 position: relative;

}

  1. primer-panel .additional-primer-info .other-binding.disabled {
 color: #a2b9be;

}

  1. primer-panel .additional-primer-info .other-binding.disabled:hover {
 background-color: white;
 cursor: default;

}

  1. primer-panel .additional-primer-info .swatch-big {
 cursor: default;

}

  1. primer-panel .additional-primer-info .disabled {
 pointer-events: none;
 text-decoration: none;
 color: #a2b9be;

}

  1. primer-panel .additional-primer-info .sequence-primer-bases {
 padding: 8px;
 border: 1px solid #e8f0f2;

}

  1. primer-panel .additional-primer-info .primer-info-table {
 margin-bottom: 0;

}

  1. primer-panel .additional-primer-info .primer-info-table td:last-child {
 text-align: right;

}

  1. primer-panel .additional-primer-info .primer-info-table col.value {
 width: 200px;

}

  1. primer-panel .additional-primer-info .info-toolbar {
 width: 100%;

}

  1. primer-panel .additional-primer-info .info-toolbar > .btn,
  2. primer-panel .additional-primer-info .info-toolbar > .btn-group {
 width: 33%;

}

  1. primer-panel .additional-primer-info .info-toolbar > .btn > .btn,
  2. primer-panel .additional-primer-info .info-toolbar > .btn-group > .btn {
 width: 100%;

}

  1. primer-panel .primer-links-table tbody {
 cursor: pointer;

}

  1. 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;

}

  1. restriction-panel .panel-sidebar .cut-positions {
 clear: left;
 width: 100px;
 border: 1px solid #d9dcde;

}

  1. restriction-panel .panel-sidebar .cut-positions .table {
 margin: 0;

}

  1. restriction-panel .panel-sidebar .cut-positions .table td {
 border-bottom: 1px solid #d9dcde;
 text-align: right;
 cursor: pointer;

}

  1. restriction-panel .panel-sidebar .cut-positions .table tr:last-child td {
 border: 0;

}

  1. restriction-panel .panel-container h5 .glyphicon {
 font-size: 0.7em;

}

  1. restriction-panel .panel-container h5 .tagline {
 font-size: 11px;
 color: #a2b9be;
 margin-left: 5px;

}

  1. restriction-panel .panel-container .catalogue,
  2. restriction-panel .panel-container .active-enzymes {
 margin-bottom: 10px;

}

  1. restriction-panel .panel-container .catalogue tbody,
  2. restriction-panel .panel-container .active-enzymes tbody {
 height: 150px;

}

  1. restriction-panel .panel-container .catalogue tr.highlight td,
  2. restriction-panel .panel-container .active-enzymes tr.highlight td {
 font-weight: bold;

}

  1. restriction-panel .panel-container .catalogue td,
  2. restriction-panel .panel-container .active-enzymes td,
  3. restriction-panel .panel-container .catalogue th,
  4. restriction-panel .panel-container .active-enzymes th {
 width: 120px;
 text-align: left;

}

  1. restriction-panel .panel-container .catalogue td + td,
  2. restriction-panel .panel-container .active-enzymes td + td,
  3. restriction-panel .panel-container .catalogue th + th,
  4. restriction-panel .panel-container .active-enzymes th + th {
 width: 80px;

}

  1. restriction-panel .panel-container .catalogue tr,
  2. restriction-panel .panel-container .active-enzymes tr {
 cursor: pointer;

}

  1. restriction-panel .panel-container .catalogue .swatch,
  2. restriction-panel .panel-container .active-enzymes .swatch {
 margin-top: 5px;

}

  1. restriction-panel .panel-container .catalogue tr.active:hover td,
  2. restriction-panel .panel-container .active-enzymes tr:hover td {
 background-color: #f2dede;

}

  1. restriction-panel .panel-container .digest-library td,
  2. restriction-panel .panel-container .digest-library th {
 width: 150px;
 text-align: left;

}

  1. restriction-panel .panel-container .digest-library td + td,
  2. restriction-panel .panel-container .digest-library th + th {
 width: 250px;

}

  1. restriction-panel .panel-container .digest-library tr .delete {
 display: none;

}

  1. restriction-panel .panel-container .digest-library tr:hover .delete {
 display: inline-block;

}

  1. 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;

}

  1. selection-modal .modal-dialog {
 width: 700px;

}

  1. selection-modal .modal-body > .row {
 margin-bottom: 20px;

}

  1. selection-modal label {
 font-size: 11px;
 font-weight: 600;
 margin-top: 10px;

}

  1. selection-modal i {
 float: right;
 opacity: 0.6;
 cursor: pointer;
 margin-top: 5px;

}

  1. selection-modal i.zeroclipboard-is-hover {
 opacity: 1;

}

  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;

}

  1. buffers .buffer-options .btn-group .settings {
 font-size: inherit;

}

  1. buffers .buffer-options .btn-group .settings:hover {
 color: #5c7c83;

}

  1. share-panel input {
 cursor: text;

}

  1. information-panel .locked-help h6 {
 display: inline-block;

}

  1. information-panel .locked-help a {
 text-decoration: none;
 margin-left: 8px;

}

  1. information-panel .info-locked input {
 margin-top: 2px;

}

  1. information-panel .info-locked label:nth-child(2) {
 margin-left: 20px;

}

  1. information-panel .info-description {
 padding: 5px;
 border: 1px solid #e8f0f2;
 cursor: pointer;
 padding: 9px;
 min-height: 45px;
 max-height: 100px;
 overflow-y: auto;

}

  1. information-panel .info-description::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. information-panel .info-description::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. information-panel .info-description:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. information-panel .info-description::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. information-panel .info-description:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. information-panel .info-description:hover {
 border-color: #428ce1;

}

  1. information-panel .tag-editor span {
 margin: 0;

}

  1. information-panel .tag-editor .glyphicon-question-sign {
 margin-top: 6px;

}

  1. information-panel span.info-delete-icon,
  2. information-panel span.info-export-icon {
 margin: 0 10px 0 0;

}

  1. information-panel span.info-export-text {
 margin: 0;

}

  1. trace-panel .new-trace-spinner {
 height: 38px;

}

  1. trace-panel .tracefilebox {
 background: #f8fafb;
 padding: 3px 5px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;

}

  1. trace-panel .trace-library tr {
 cursor: pointer;

}

  1. trace-panel .trace-library tr .delete {
 display: none;

}

  1. trace-panel .trace-library tr:hover .delete {
 display: inline-block;

}

  1. alignment-panel .new-alignment-btn {
 margin-top: 10px;

}

  1. 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;

}

  1. diagnostic {
 position: relative;

}

  1. 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;

}

  1. diagnostic .results::-webkit-scrollbar {
 width: 8px;
 height: 8px;

}

  1. diagnostic .results::-webkit-scrollbar-track {
 background: #f8fbfb;

}

  1. diagnostic .results:hover::-webkit-scrollbar-track {
 border: 1px solid #e8f0f2;
 background: #f8fbfb;

}

  1. diagnostic .results::-webkit-scrollbar-thumb {
 background: #e8f0f2;

}

  1. diagnostic .results:hover::-webkit-scrollbar-thumb {
 background: #c9d8db;

}

  1. diagnostic .results li {
 padding: 5px 10px;
 border-bottom: 1px solid #e8f0f2;

}

  1. diagnostic .results li.active {
 color: white;
 background: #428ce1;
 cursor: pointer;

}

  1. diagnostic .results li.active .description {
 color: #e8f0f2;

}

  1. diagnostic .results li.active .folder {
 color: white;

}

  1. diagnostic .results li.no-results {
 color: #a2b9be;
 pointer-events: none;

}

  1. diagnostic .results li .name,
  2. diagnostic .results li .folder,
  3. diagnostic .results li .description {
 text-overflow: ellipsis;
 overflow: hidden;

}

  1. diagnostic .results li .name {
 font-weight: 700;

}

  1. diagnostic .results li .folder {
 float: right;
 display: inline-block;
 width: 150px;
 white-space: nowrap;
 text-align: right;
 color: #a2b9be;

}

  1. 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;

}

  1. diagnostic {
 display: inline-block;
 margin-left: 15px;

}

  1. 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;
 }

}

  1. diagnostic .search-input-group input,
  2. diagnostic .search-input-group button {
 height: 30px;
 min-height: 30px;
 border: 1px solid #276ab7;

}

  1. diagnostic .search-input-group input {
 border-radius: 1px;
 border-right: none;
 margin: 0;

}

  1. diagnostic .search-input-group button {
 border-left: 1px solid #a2b9be;

}

  1. diagnostic .search-input-group button .glyphicon {
 top: 3px;
 vertical-align: top;

}

  1. 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;

}

  1. import .errors-only {
 margin-left: 10px;

}

  1. import .errors-only label {
 line-height: 34px;

}

  1. import .import-library-select {
 width: auto;
 margin: 0 5px;
 padding: 6px;

}

  1. import .import-context-bar-wrapper {
 width: 100%;
 height: 40px;

}

  1. import .import-context-bar-wrapper .import-context-bar {
 height: inherit;

}

  1. import .import-context-bar-wrapper .import-context-bar.affix {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1;

}

  1. import .import-context-bar-wrapper .import-context-bar.affix .container {
 padding: 0 15px;

}

  1. import .import-context-bar-wrapper .import-context-bar.affix .import-context-bar-inner {
 border-bottom: 2px solid #428ce1;

}

  1. import .import-context-bar-wrapper .import-context-bar .container {
 padding: 0;

}

  1. import .import-context-bar-wrapper .import-context-bar .import-context-bar-inner {
 padding: 5px 10px 5px 15px;
 background: white;

}

  1. import .import-context-bar-wrapper .import-context-bar .select-all {
 position: relative;
 top: 3px;

}

  1. import .import-context-bar-wrapper .import-context-bar .library-group {
 margin-left: 5px;

}

  1. import .import-context-bar-wrapper .import-context-bar .import-progress {
 width: 200px;
 margin-top: 5px;

}

  1. import .uploading-files {
 list-style: none;
 margin: 10px 0 20px;
 padding: 0;

}

  1. 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;

}

  1. import .uploading-files li label {
 display: block;
 font-size: 14px;
 font-weight: 400;

}

  1. import .uploading-files li .error-row {
 font-weight: 700;
 color: #b94a48;
 line-height: 18px;

}

  1. import .uploading-files li .file-row {
 border: 1px solid #e8f0f2;
 border-left-width: 5px;
 padding: 2px 10px;
 line-height: 25px;

}

  1. import .uploading-files li .file-row .file-name {
 margin-left: 10px;
 font-style: italic;
 color: #a2b9be;

}

  1. import .uploading-files li .file-row .error-row {
 padding: 0 10px 0 38px;

}

  1. 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;

}

  1. import .uploading-files li .sequence-row .error-row {
 padding: 5px 15px;

}

  1. import .uploading-files li .sequence-row .error-row .error-message {
 padding-left: 15px;

}

  1. import .uploading-files li .sequence-row .sequence-name {
 margin-left: 10px;
 color: #344043;
 font-weight: 700;
 cursor: pointer;

}

  1. import .uploading-files li .sequence-row .sequence-name:hover {
 background: #e8f0f2;

}

  1. import .uploading-files li .sequence-row .sequence-name:focus {
 outline: 1px solid #a2b9be;

}

  1. import .uploading-files li .sequence-row .field-error {
 display: inline-block;
 margin-top: 4px;
 margin-bottom: 0px;

}

  1. import .uploading-files li .sequence-row .sequence-upload-links {
 text-transform: uppercase;
 font-weight: 700;

}

  1. import .uploading-files li .sequence-row .sequence-upload-links .sequence-upload-folder {
 color: #a2b9be;
 margin-left: 5px;

}

  1. import .uploading-files li .sequence-row .sequence-upload-links .sequence-upload-folder .folder-name {
 color: #344043;

}

  1. import .uploading-files li .sequence-row label {
 font-size: 12px;

}

  1. import .uploading-files li .sequence-row .tags {
 display: inline;
 vertical-align: middle;
 margin-left: 20px;

}

  1. import .uploading-files li .progress {
 margin: 2px 0;
 height: 25px;

}

  1. 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;

}

  1. chromosome-import .row:not(:first-child) {
 margin-top: 15px;

}

  1. chromosome-import .sequence-link {
 text-transform: uppercase;
 font-weight: 700;
 margin-top: 7px;

}

  1. chromosome-import .spinner {
 margin-top: 4px;

}

  1. dbimport .dbimport-import-btn {
 width: 100px;

}

  1. dbimport .media {
 padding-top: 10px;
 margin-right: 0;

}

  1. dbimport .media-object {
 max-height: 100px;
 max-width: 60px;
 padding-top: 20px;

}

  1. dbimport dt {
 width: 100px;

}

  1. dbimport dd {
 margin-left: 120px;

}

  1. help-button.disabled {
 pointer-events: none;
 opacity: 0.65;

}

  1. help.modal .panel-heading {
 padding: 0;

}

  1. help.modal .panel-heading h3 a {
 padding: 10px 15px;
 display: block;

}

  1. help.modal ul {
 list-style: none;
 padding: 0;

}

  1. help.modal ul li {
 border-bottom: 1px solid white;

}

  1. help.modal ul li a {
 display: block;
 padding: 5px 10px;
 border-left: 5px solid #e8f0f2;

}

  1. help.modal ul li a:hover {
 border-left: 5px solid #428ce1;
 text-decoration: none;

}

  1. help.modal input {
 margin-bottom: 10px;

}

  1. help.modal .collapsing {
 -webkit-transition: height 0.050s;
 transition: height 0.050s;

}

  1. static {
 text-align: justify;
 font-size: 12px;

}

  1. static h2 {
 font-weight: 400;
 margin-bottom: 20px;

}

  1. static p {
 margin-bottom: 30px;

}

  1. static dl dt {
 font-weight: 600;

}

  1. static dl dt,
  2. static dl dd {
 margin-bottom: 20px;

}

  1. 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;

}

  1. editor #habla_window_div {
 right: 290px !important;

}

  1. habla_panel_div {
 border-style: solid !important;
 border-color: #2c76cc !important;
 border-width: 1px 1px 0 !important;

}

  1. habla_window_div.olrk-fixed-bottom .habla_panel_border,
  2. 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;

}

  1. habla_topbar_div {
 text-shadow: 0 -1px rgba(0, 0, 0, 0.3);

}

  1. virtual-gel dl {
 font-size: 12px;

}

  1. virtual-gel dl dt {
 font-weight: 600;
 width: 60px;

}

  1. virtual-gel dl dd {
 margin-left: 80px;

}

  1. virtual-gel dl.highlighted dt {
 width: 140px;

}

  1. virtual-gel dl.highlighted dd {
 margin-left: 160px;

}

  1. virtual-gel svg text {
 font-size: 11px;

}

  1. virtual-gel svg g.ladder g.bands rect {
 cursor: default;

}

  1. virtual-gel svg g.bands rect {
 cursor: pointer;

}

  1. virtual-gel svg g.bands rect.active {
 fill-opacity: 1;

}

  1. cloning-exact-help {
 display: inline-block;
 text-align: left;

}

  1. editor .find-primers-view {
 position: relative;
 padding: 20px;

}

  1. editor .find-primers-view .existing-primers button {
 margin-top: 5px;

}

  1. editor .find-primers-view .search-results {
 list-style: none;
 padding: 0;
 line-height: normal;

}

  1. editor .find-primers-view .search-results li {
 padding: 10px;
 cursor: pointer;

}

  1. editor .find-primers-view .search-results li:hover {
 background: #e8f0f2;

}

  1. editor .find-primers-view .search-results li.selected {
 background: #feefd1;

}

  1. editor .find-primers-view .search-results li.selected .result-header {
 font-weight: 700;

}

  1. editor .find-primers-view .search-results li .bases {
 padding: 5px 0;

}

  1. editor .find-primers-view .find-type .row {
 line-height: 30px;

}

  1. editor .find-primers-view .find-type .row .col.left-label {
 padding-right: 5px;
 padding-left: 0px;

}

  1. editor .find-primers-view .swatch-big {
 margin-top: 7px;

}

  1. editor .find-primers-view .single-save {
 margin-top: 10px;

}

  1. editor .find-primers-view .save-new-primers .row {
 line-height: 30px;

}

  1. editor .find-primers-view .save-new-primers .swatch-big .popover .color-picker .row {
 margin: 0 0 5px 0;

}

  1. editor .find-primers-view .search-query-form .row {
 line-height: 30px;

}

  1. editor .find-primers-view .search-query-form .find-param {
 width: 40px;
 text-align: right;
 padding-left: 5px;
 padding-right: 5px;

}

  1. editor .find-primers-view .search-query-form .find-param.min-base-index,
  2. editor .find-primers-view .search-query-form .find-param.max-base-index {
 width: 50px;

}

  1. editor .find-primers-view .search-query-form .exact-match {
 width: 20px;

}

  1. editor .find-primers-view .search-query-form .consecutive {
 width: auto;
 margin-left: 5px;

}

  1. editor .find-primers-view .loading,
  2. editor .find-primers-view .search-loading {
 display: block;
 width: 100%;

}

  1. editor .find-primers-view .existing-primers p {
 margin-bottom: 5px;

}

  1. editor .find-primers-view .existing-primers .list-group {
 margin-bottom: 10px;

}

  1. editor .find-primers-view .binding-sites colgroup .location {
 width: 80px;

}

  1. editor .find-primers-view .binding-sites colgroup .name {
 width: 100px;

}

  1. editor .find-primers-view .binding-sites colgroup .tm {
 width: 60px;

}

  1. editor .find-primers-view .binding-sites colgroup .edit {
 width: 40px;

}

  1. editor .find-primers-view .binding-sites .sequence-primer {
 cursor: pointer;

}

  1. editor .find-primers-view .binding-sites .sequence-primer:hover {
 background: #e8f0f2;

}

  1. editor .find-primers-view .binding-sites #green-help {
 margin-left: 5px;
 text-decoration: none;
 color: #2c76cc;
 margin-top: 2px;
 font-size: 11px;

}

  1. editor .find-primers-view .no-highlight-matches .sequence-primer-bases .overhang,
  2. editor .find-primers-view .no-highlight-matches .sequence-primer-bases .match,
  3. editor .find-primers-view .no-highlight-matches .sequence-primer-bases .no-match {
 background: none;

}

  1. 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;

}

  1. diagnostic {
 display: block;
 padding-top: 30px;
 margin-left: 0;

}

  1. diagnostic #loading {
 top: 180px;
 height: 675px;

}

  1. diagnostic #loading.loading-spinner-background {
 background-position: center 20%;

}

  1. diagnostic .results {
 width: 95%;

}

  1. diagnostic label {
 font-size: 14px;
 padding-top: 5px;

}

  1. diagnostic .sequences {
 padding-top: 5px;

}

  1. diagnostic .sequences span {
 cursor: pointer;
 display: inline-block;
 margin-left: 5px;

}

  1. advanced-search .filters > .row {
 margin-top: 10px;
 margin-bottom: 10px;

}

  1. advanced-search .filter-input > .row {
 margin-bottom: 10px;

}

  1. advanced-search .caret {
 margin-top: 7px;

}

  1. advanced-search #loading {
 position: relative;
 min-height: 100px;

}

  1. advanced-search #loading.loading-spinner-background {
 background-position: center center;

}

  1. advanced-search #loading .loading-text {
 margin-top: 0;

}

  1. advanced-search .enzyme-select {
 width: 100%;

}

  1. advanced-search label {
 margin-top: 5px;

}

  1. advanced-search div.filters .close {
 display: none;
 margin-top: 4px;

}

  1. advanced-search th {
 cursor: pointer;

}

  1. diagnostic #loading.loading-spinner-background,
  2. advanced-search #loading.loading-spinner-background {
 background-color: #fff;

}

  1. diagnostic #loading .loading-text,
  2. 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;

}

  1. assembly-switcher button.dropdown-toggle {
 float: right;
 min-width: 140px;
 padding: 0;

}

  1. assembly-switcher a {
 text-align: left;

}

  1. assembly-switcher .open a {
 font-weight: 600;

}

  1. editor .assembly-settings-modal .adjust-temp input {
 width: 40px;
 text-align: right;
 padding-left: 5px;
 padding-right: 5px;

}

  1. editor .assembly-settings-modal .find-primers-view {
 padding: 0px;

}

  1. 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;

}

  1. editor .match-genome-region .radio-inline {
 line-height: 21px;

}

  1. editor .match-genome-region .match-region-btn {
 margin-top: 4px;

}

  1. editor .match-genome-region .glyphicon-question-sign {
 text-decoration: none;
 margin-top: 3px;
 margin-left: 5px;
 font-size: 12px;

}

  1. editor .match-genome-region select {
 width: 25%;
 min-height: 24px;
 height: 24px;
 padding: 0;
 margin: 0;

}

  1. 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;

}

  1. aggregate-activity .change-month {
 color: #a2b9be;
 text-decoration: none;

}

  1. aggregate-activity .change-month:hover {
 color: #428ce1;

}

  1. aggregate-activity .calendar-title,
  2. aggregate-activity .use-rows-title {
 margin-bottom: 10px;
 font-size: 14px;

}

  1. aggregate-activity .calendar {
 width: 100%;

}

  1. aggregate-activity .calendar th {
 text-align: center;

}

  1. aggregate-activity .calendar th,
  2. aggregate-activity .calendar td {
 width: 35px;
 height: 35px;
 border: 1px solid #c9d8db;

}

  1. aggregate-activity .calendar tr :last-child {
 border-left: 1px solid #5c7c83;
 border-right: 1px solid #5c7c83;
 border-bottom: 1px solid #5c7c83;

}

  1. aggregate-activity .calendar th:last-child {
 border-top: 1px solid #344043;

}

  1. aggregate-activity .calendar tr :nth-child(7) {
 border-right: none;

}

  1. aggregate-activity .calendar td {
 cursor: pointer;

}

  1. aggregate-activity .use-rows th {
 border-top: 1px solid #c9d8db;

}

  1. 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;

}

  1. aggregate-activity p {
 margin-top: 10px;

}

  1. activity-log thead tr:first-child th {
 border: 0px;

}

  1. activity-log thead tr:first-child .select2-container {
 width: 90%;

}

  1. activity-log thead tr:first-child input {
 line-height: 28px;
 padding-left: 5px;

}

  1. activity-log thead tr:first-child .message-search {
 width: 95%;

}

  1. activity-log thead tr:first-child th.date-search {
 line-height: 32px;
 width: 250px;

}

  1. 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;

}

  1. 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;

}

  1. buffers .preview-card.onboarding-card {
 background: #d9edf7;

}

  1. 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;

}

  1. buffers .buffer-container .navbar li.grey-tab .buffer-tab,
  2. 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;

}

  1. editor .quickLinksCard .row {
 margin-bottom: 0;

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

}

  1. 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;

}

  1. editor .transcript-selector {
 height: 100px;

}

  1. 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;

}

  1. editor.brand-neb #header .btn {
 color: #e8f0f2;

}

  1. 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;

}

  1. editor.brand-gen9 .powered-by-benchling {
 color: #e8f0f2;

}

  1. editor.brand-gen9 #header {
 background: #2969a5;

}

  1. editor.brand-gen9 #header .create-dropdown,
  2. editor.brand-gen9 #header .user-dropdown {
 border-left-color: #174f84;
 border-right-color: #174f84;

}

  1. editor.brand-gen9 #header .btn {
 color: #e8f0f2;

}

  1. editor.brand-gen9 #filebar .filebar-item.active a {
 background: #1b8b37;

}

  1. 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;

}